@theme {
  --color-background: var(--color-background--light, var(--color-background--dark));
  --color-foreground: var(--color-foreground--light, var(--color-foreground--dark));
  --color-card: var(--color-card--light, var(--color-card--dark));
  --color-card-foreground: var(--color-card-foreground--light, var(--color-card-foreground--dark));
  --color-popover: var(--color-popover--light, var(--color-popover--dark));
  --color-popover-foreground: var(--color-popover-foreground--light, var(--color-popover-foreground--dark));
  --color-primary: var(--color-primary--light, var(--color-primary--dark));
  --color-primary-foreground: var(--color-primary-foreground--light, var(--color-primary-foreground--dark));
  --color-secondary: var(--color-secondary--light, var(--color-secondary--dark));
  --color-secondary-foreground: var(--color-secondary-foreground--light, var(--color-secondary-foreground--dark));
  --color-muted: var(--color-muted--light, var(--color-muted--dark));
  --color-muted-foreground: var(--color-muted-foreground--light, var(--color-muted-foreground--dark));
  --color-accent: var(--color-accent--light, var(--color-accent--dark));
  --color-accent-foreground: var(--color-accent-foreground--light, var(--color-accent-foreground--dark));
  --color-destructive: var(--color-destructive--light, var(--color-destructive--dark));
  --color-border: var(--color-border--light, var(--color-border--dark));
  --color-input: var(--color-input--light, var(--color-input--dark));
  --color-ring: var(--color-ring--light, var(--color-ring--dark));
  --color-chart-1: var(--color-chart-1--light, var(--color-chart-1--dark));
  --color-chart-2: var(--color-chart-2--light, var(--color-chart-2--dark));
  --color-chart-3: var(--color-chart-3--light, var(--color-chart-3--dark));
  --color-chart-4: var(--color-chart-4--light, var(--color-chart-4--dark));
  --color-chart-5: var(--color-chart-5--light, var(--color-chart-5--dark));
  --color-sidebar: var(--color-sidebar--light, var(--color-sidebar--dark));
  --color-sidebar-foreground: var(--color-sidebar-foreground--light, var(--color-sidebar-foreground--dark));
  --color-sidebar-primary: var(--color-sidebar-primary--light, var(--color-sidebar-primary--dark));
  --color-sidebar-primary-foreground: var(--color-sidebar-primary-foreground--light, var(--color-sidebar-primary-foreground--dark));
  --color-sidebar-accent: var(--color-sidebar-accent--light, var(--color-sidebar-accent--dark));
  --color-sidebar-accent-foreground: var(--color-sidebar-accent-foreground--light, var(--color-sidebar-accent-foreground--dark));
  --color-sidebar-border: var(--color-sidebar-border--light, var(--color-sidebar-border--dark));
  --color-sidebar-ring: var(--color-sidebar-ring--light, var(--color-sidebar-ring--dark));
  --radius-base: var(--radius-base--light, var(--radius-base--dark));
  --typography-font-sans: var(--typography-font-sans--light, var(--typography-font-sans--dark));
  --typography-font-heading: var(--typography-font-heading--light, var(--typography-font-heading--dark));
  --typography-font-mono: var(--typography-font-mono--light, var(--typography-font-mono--dark));
}

:root {
  --color-background: var(--color-background--light, var(--color-background--dark));
  --color-background--light: #fafafa;
  --color-foreground: var(--color-foreground--light, var(--color-foreground--dark));
  --color-foreground--light: #111827;
  --color-card: var(--color-card--light, var(--color-card--dark));
  --color-card--light: #ffffff;
  --color-card-foreground: var(--color-card-foreground--light, var(--color-card-foreground--dark));
  --color-card-foreground--light: #0f172a;
  --color-popover: var(--color-popover--light, var(--color-popover--dark));
  --color-popover--light: #ffffff;
  --color-popover-foreground: var(--color-popover-foreground--light, var(--color-popover-foreground--dark));
  --color-popover-foreground--light: #020617;
  --color-primary: var(--color-primary--light, var(--color-primary--dark));
  --color-primary--light: #853c00;
  --color-primary-foreground: var(--color-primary-foreground--light, var(--color-primary-foreground--dark));
  --color-primary-foreground--light: #ffffff;
  --color-secondary: var(--color-secondary--light, var(--color-secondary--dark));
  --color-secondary--light: #ededed;
  --color-secondary-foreground: var(--color-secondary-foreground--light, var(--color-secondary-foreground--dark));
  --color-secondary-foreground--light: #082f49;
  --color-muted: var(--color-muted--light, var(--color-muted--dark));
  --color-muted--light: #f3f4f6;
  --color-muted-foreground: var(--color-muted-foreground--light, var(--color-muted-foreground--dark));
  --color-muted-foreground--light: #4b5563;
  --color-accent: var(--color-accent--light, var(--color-accent--dark));
  --color-accent--light: #f0f9ff;
  --color-accent-foreground: var(--color-accent-foreground--light, var(--color-accent-foreground--dark));
  --color-accent-foreground--light: #0275b1;
  --color-destructive: var(--color-destructive--light, var(--color-destructive--dark));
  --color-destructive--light: #dc2626;
  --color-border: var(--color-border--light, var(--color-border--dark));
  --color-border--light: #d1d5db;
  --color-input: var(--color-input--light, var(--color-input--dark));
  --color-input--light: #d1d5db;
  --color-ring: var(--color-ring--light, var(--color-ring--dark));
  --color-ring--light: #9ca3af;
  --color-chart-1: var(--color-chart-1--light, var(--color-chart-1--dark));
  --color-chart-1--light: #60a5fa;
  --color-chart-2: var(--color-chart-2--light, var(--color-chart-2--dark));
  --color-chart-2--light: #34d399;
  --color-chart-3: var(--color-chart-3--light, var(--color-chart-3--dark));
  --color-chart-3--light: #f59e0b;
  --color-chart-4: var(--color-chart-4--light, var(--color-chart-4--dark));
  --color-chart-4--light: #f97316;
  --color-chart-5: var(--color-chart-5--light, var(--color-chart-5--dark));
  --color-chart-5--light: #ef4444;
  --color-sidebar: var(--color-sidebar--light, var(--color-sidebar--dark));
  --color-sidebar--light: #ffffff;
  --color-sidebar-foreground: var(--color-sidebar-foreground--light, var(--color-sidebar-foreground--dark));
  --color-sidebar-foreground--light: #111827;
  --color-sidebar-primary: var(--color-sidebar-primary--light, var(--color-sidebar-primary--dark));
  --color-sidebar-primary--light: #853c00;
  --color-sidebar-primary-foreground: var(--color-sidebar-primary-foreground--light, var(--color-sidebar-primary-foreground--dark));
  --color-sidebar-primary-foreground--light: #ffffff;
  --color-sidebar-accent: var(--color-sidebar-accent--light, var(--color-sidebar-accent--dark));
  --color-sidebar-accent--light: #f3f4f6;
  --color-sidebar-accent-foreground: var(--color-sidebar-accent-foreground--light, var(--color-sidebar-accent-foreground--dark));
  --color-sidebar-accent-foreground--light: #111827;
  --color-sidebar-border: var(--color-sidebar-border--light, var(--color-sidebar-border--dark));
  --color-sidebar-border--light: #d1d5db;
  --color-sidebar-ring: var(--color-sidebar-ring--light, var(--color-sidebar-ring--dark));
  --color-sidebar-ring--light: #9ca3af;
  --radius-base: var(--radius-base--light, var(--radius-base--dark));
  --radius-base--light: 0.625rem;
  --typography-font-sans: var(--typography-font-sans--light, var(--typography-font-sans--dark));
  --typography-font-sans--light: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --typography-font-heading: var(--typography-font-heading--light, var(--typography-font-heading--dark));
  --typography-font-heading--light: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --typography-font-mono: var(--typography-font-mono--light, var(--typography-font-mono--dark));
  --typography-font-mono--light: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.dark {
  --color-background: var(--color-background--dark, var(--color-background--light));
  --color-foreground: var(--color-foreground--dark, var(--color-foreground--light));
  --color-card: var(--color-card--dark, var(--color-card--light));
  --color-card-foreground: var(--color-card-foreground--dark, var(--color-card-foreground--light));
  --color-popover: var(--color-popover--dark, var(--color-popover--light));
  --color-popover-foreground: var(--color-popover-foreground--dark, var(--color-popover-foreground--light));
  --color-primary: var(--color-primary--dark, var(--color-primary--light));
  --color-primary-foreground: var(--color-primary-foreground--dark, var(--color-primary-foreground--light));
  --color-secondary: var(--color-secondary--dark, var(--color-secondary--light));
  --color-secondary-foreground: var(--color-secondary-foreground--dark, var(--color-secondary-foreground--light));
  --color-muted: var(--color-muted--dark, var(--color-muted--light));
  --color-muted-foreground: var(--color-muted-foreground--dark, var(--color-muted-foreground--light));
  --color-accent: var(--color-accent--dark, var(--color-accent--light));
  --color-accent-foreground: var(--color-accent-foreground--dark, var(--color-accent-foreground--light));
  --color-destructive: var(--color-destructive--dark, var(--color-destructive--light));
  --color-border: var(--color-border--dark, var(--color-border--light));
  --color-input: var(--color-input--dark, var(--color-input--light));
  --color-ring: var(--color-ring--dark, var(--color-ring--light));
  --color-chart-1: var(--color-chart-1--dark, var(--color-chart-1--light));
  --color-chart-2: var(--color-chart-2--dark, var(--color-chart-2--light));
  --color-chart-3: var(--color-chart-3--dark, var(--color-chart-3--light));
  --color-chart-4: var(--color-chart-4--dark, var(--color-chart-4--light));
  --color-chart-5: var(--color-chart-5--dark, var(--color-chart-5--light));
  --color-sidebar: var(--color-sidebar--dark, var(--color-sidebar--light));
  --color-sidebar-foreground: var(--color-sidebar-foreground--dark, var(--color-sidebar-foreground--light));
  --color-sidebar-primary: var(--color-sidebar-primary--dark, var(--color-sidebar-primary--light));
  --color-sidebar-primary-foreground: var(--color-sidebar-primary-foreground--dark, var(--color-sidebar-primary-foreground--light));
  --color-sidebar-accent: var(--color-sidebar-accent--dark, var(--color-sidebar-accent--light));
  --color-sidebar-accent-foreground: var(--color-sidebar-accent-foreground--dark, var(--color-sidebar-accent-foreground--light));
  --color-sidebar-border: var(--color-sidebar-border--dark, var(--color-sidebar-border--light));
  --color-sidebar-ring: var(--color-sidebar-ring--dark, var(--color-sidebar-ring--light));
  --radius-base: var(--radius-base--dark, var(--radius-base--light));
  --typography-font-sans: var(--typography-font-sans--dark, var(--typography-font-sans--light));
  --typography-font-heading: var(--typography-font-heading--dark, var(--typography-font-heading--light));
  --typography-font-mono: var(--typography-font-mono--dark, var(--typography-font-mono--light));
  --color-background--dark: #0b0f19;
  --color-foreground--dark: #e5e7eb;
  --color-card--dark: #111827;
  --color-card-foreground--dark: #f9fafb;
  --color-popover--dark: #111827;
  --color-popover-foreground--dark: #f9fafb;
  --color-primary--dark: #853c00;
  --color-primary-foreground--dark: #ffffff;
  --color-secondary--dark: #1f2937;
  --color-secondary-foreground--dark: #e5e7eb;
  --color-muted--dark: #1f2937;
  --color-muted-foreground--dark: #9ca3af;
  --color-accent--dark: #1e3a8a;
  --color-accent-foreground--dark: #dbeafe;
  --color-destructive--dark: #dc2626;
  --color-border--dark: #374151;
  --color-input--dark: #374151;
  --color-ring--dark: #9ca3af;
  --color-chart-1--dark: #60a5fa;
  --color-chart-2--dark: #34d399;
  --color-chart-3--dark: #f59e0b;
  --color-chart-4--dark: #f97316;
  --color-chart-5--dark: #ef4444;
  --color-sidebar--dark: #0f172a;
  --color-sidebar-foreground--dark: #f8fafc;
  --color-sidebar-primary--dark: #853c00;
  --color-sidebar-primary-foreground--dark: #ffffff;
  --color-sidebar-accent--dark: #1f2937;
  --color-sidebar-accent-foreground--dark: #e5e7eb;
  --color-sidebar-border--dark: #334155;
  --color-sidebar-ring--dark: #9ca3af;
  --radius-base--dark: 0.625rem;
  --typography-font-sans--dark: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --typography-font-heading--dark: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --typography-font-mono--dark: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.bg-color-background { background-color: var(--color-background); }
@media (min-width: 640px) { .sm\:bg-color-background { background-color: var(--color-background); } }
@media (min-width: 768px) { .md\:bg-color-background { background-color: var(--color-background); } }
@media (min-width: 1024px) { .lg\:bg-color-background { background-color: var(--color-background); } }
@media (min-width: 1280px) { .xl\:bg-color-background { background-color: var(--color-background); } }
.border-color-color-background { border-color: var(--color-background); }
@media (min-width: 640px) { .sm\:border-color-color-background { border-color: var(--color-background); } }
@media (min-width: 768px) { .md\:border-color-color-background { border-color: var(--color-background); } }
@media (min-width: 1024px) { .lg\:border-color-color-background { border-color: var(--color-background); } }
@media (min-width: 1280px) { .xl\:border-color-color-background { border-color: var(--color-background); } }
.rounded-color-background { border-radius: var(--color-background); }
@media (min-width: 640px) { .sm\:rounded-color-background { border-radius: var(--color-background); } }
@media (min-width: 768px) { .md\:rounded-color-background { border-radius: var(--color-background); } }
@media (min-width: 1024px) { .lg\:rounded-color-background { border-radius: var(--color-background); } }
@media (min-width: 1280px) { .xl\:rounded-color-background { border-radius: var(--color-background); } }
.border-style-color-background { border-style: var(--color-background); }
@media (min-width: 640px) { .sm\:border-style-color-background { border-style: var(--color-background); } }
@media (min-width: 768px) { .md\:border-style-color-background { border-style: var(--color-background); } }
@media (min-width: 1024px) { .lg\:border-style-color-background { border-style: var(--color-background); } }
@media (min-width: 1280px) { .xl\:border-style-color-background { border-style: var(--color-background); } }
.border-width-color-background { border-width: var(--color-background); }
@media (min-width: 640px) { .sm\:border-width-color-background { border-width: var(--color-background); } }
@media (min-width: 768px) { .md\:border-width-color-background { border-width: var(--color-background); } }
@media (min-width: 1024px) { .lg\:border-width-color-background { border-width: var(--color-background); } }
@media (min-width: 1280px) { .xl\:border-width-color-background { border-width: var(--color-background); } }
.text-color-background { color: var(--color-background); }
@media (min-width: 640px) { .sm\:text-color-background { color: var(--color-background); } }
@media (min-width: 768px) { .md\:text-color-background { color: var(--color-background); } }
@media (min-width: 1024px) { .lg\:text-color-background { color: var(--color-background); } }
@media (min-width: 1280px) { .xl\:text-color-background { color: var(--color-background); } }
.font-color-background { font-family: var(--color-background); }
@media (min-width: 640px) { .sm\:font-color-background { font-family: var(--color-background); } }
@media (min-width: 768px) { .md\:font-color-background { font-family: var(--color-background); } }
@media (min-width: 1024px) { .lg\:font-color-background { font-family: var(--color-background); } }
@media (min-width: 1280px) { .xl\:font-color-background { font-family: var(--color-background); } }
.text-size-color-background { font-size: var(--color-background); }
@media (min-width: 640px) { .sm\:text-size-color-background { font-size: var(--color-background); } }
@media (min-width: 768px) { .md\:text-size-color-background { font-size: var(--color-background); } }
@media (min-width: 1024px) { .lg\:text-size-color-background { font-size: var(--color-background); } }
@media (min-width: 1280px) { .xl\:text-size-color-background { font-size: var(--color-background); } }
.font-weight-color-background { font-weight: var(--color-background); }
@media (min-width: 640px) { .sm\:font-weight-color-background { font-weight: var(--color-background); } }
@media (min-width: 768px) { .md\:font-weight-color-background { font-weight: var(--color-background); } }
@media (min-width: 1024px) { .lg\:font-weight-color-background { font-weight: var(--color-background); } }
@media (min-width: 1280px) { .xl\:font-weight-color-background { font-weight: var(--color-background); } }
.text-align-color-background { text-align: var(--color-background); }
@media (min-width: 640px) { .sm\:text-align-color-background { text-align: var(--color-background); } }
@media (min-width: 768px) { .md\:text-align-color-background { text-align: var(--color-background); } }
@media (min-width: 1024px) { .lg\:text-align-color-background { text-align: var(--color-background); } }
@media (min-width: 1280px) { .xl\:text-align-color-background { text-align: var(--color-background); } }
.leading-color-background { line-height: var(--color-background); }
@media (min-width: 640px) { .sm\:leading-color-background { line-height: var(--color-background); } }
@media (min-width: 768px) { .md\:leading-color-background { line-height: var(--color-background); } }
@media (min-width: 1024px) { .lg\:leading-color-background { line-height: var(--color-background); } }
@media (min-width: 1280px) { .xl\:leading-color-background { line-height: var(--color-background); } }
.tracking-color-background { letter-spacing: var(--color-background); }
@media (min-width: 640px) { .sm\:tracking-color-background { letter-spacing: var(--color-background); } }
@media (min-width: 768px) { .md\:tracking-color-background { letter-spacing: var(--color-background); } }
@media (min-width: 1024px) { .lg\:tracking-color-background { letter-spacing: var(--color-background); } }
@media (min-width: 1280px) { .xl\:tracking-color-background { letter-spacing: var(--color-background); } }
.text-transform-color-background { text-transform: var(--color-background); }
@media (min-width: 640px) { .sm\:text-transform-color-background { text-transform: var(--color-background); } }
@media (min-width: 768px) { .md\:text-transform-color-background { text-transform: var(--color-background); } }
@media (min-width: 1024px) { .lg\:text-transform-color-background { text-transform: var(--color-background); } }
@media (min-width: 1280px) { .xl\:text-transform-color-background { text-transform: var(--color-background); } }
.font-style-color-background { font-style: var(--color-background); }
@media (min-width: 640px) { .sm\:font-style-color-background { font-style: var(--color-background); } }
@media (min-width: 768px) { .md\:font-style-color-background { font-style: var(--color-background); } }
@media (min-width: 1024px) { .lg\:font-style-color-background { font-style: var(--color-background); } }
@media (min-width: 1280px) { .xl\:font-style-color-background { font-style: var(--color-background); } }
.decoration-color-background { text-decoration-line: var(--color-background); }
@media (min-width: 640px) { .sm\:decoration-color-background { text-decoration-line: var(--color-background); } }
@media (min-width: 768px) { .md\:decoration-color-background { text-decoration-line: var(--color-background); } }
@media (min-width: 1024px) { .lg\:decoration-color-background { text-decoration-line: var(--color-background); } }
@media (min-width: 1280px) { .xl\:decoration-color-background { text-decoration-line: var(--color-background); } }
.display-color-background { display: var(--color-background); }
@media (min-width: 640px) { .sm\:display-color-background { display: var(--color-background); } }
@media (min-width: 768px) { .md\:display-color-background { display: var(--color-background); } }
@media (min-width: 1024px) { .lg\:display-color-background { display: var(--color-background); } }
@media (min-width: 1280px) { .xl\:display-color-background { display: var(--color-background); } }
.flex-direction-color-background { flex-direction: var(--color-background); }
@media (min-width: 640px) { .sm\:flex-direction-color-background { flex-direction: var(--color-background); } }
@media (min-width: 768px) { .md\:flex-direction-color-background { flex-direction: var(--color-background); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-background { flex-direction: var(--color-background); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-background { flex-direction: var(--color-background); } }
.flex-wrap-color-background { flex-wrap: var(--color-background); }
@media (min-width: 640px) { .sm\:flex-wrap-color-background { flex-wrap: var(--color-background); } }
@media (min-width: 768px) { .md\:flex-wrap-color-background { flex-wrap: var(--color-background); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-background { flex-wrap: var(--color-background); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-background { flex-wrap: var(--color-background); } }
.justify-color-background { justify-content: var(--color-background); }
@media (min-width: 640px) { .sm\:justify-color-background { justify-content: var(--color-background); } }
@media (min-width: 768px) { .md\:justify-color-background { justify-content: var(--color-background); } }
@media (min-width: 1024px) { .lg\:justify-color-background { justify-content: var(--color-background); } }
@media (min-width: 1280px) { .xl\:justify-color-background { justify-content: var(--color-background); } }
.items-color-background { align-items: var(--color-background); }
@media (min-width: 640px) { .sm\:items-color-background { align-items: var(--color-background); } }
@media (min-width: 768px) { .md\:items-color-background { align-items: var(--color-background); } }
@media (min-width: 1024px) { .lg\:items-color-background { align-items: var(--color-background); } }
@media (min-width: 1280px) { .xl\:items-color-background { align-items: var(--color-background); } }
.self-color-background { align-self: var(--color-background); }
@media (min-width: 640px) { .sm\:self-color-background { align-self: var(--color-background); } }
@media (min-width: 768px) { .md\:self-color-background { align-self: var(--color-background); } }
@media (min-width: 1024px) { .lg\:self-color-background { align-self: var(--color-background); } }
@media (min-width: 1280px) { .xl\:self-color-background { align-self: var(--color-background); } }
.flex-color-background { flex: var(--color-background); }
@media (min-width: 640px) { .sm\:flex-color-background { flex: var(--color-background); } }
@media (min-width: 768px) { .md\:flex-color-background { flex: var(--color-background); } }
@media (min-width: 1024px) { .lg\:flex-color-background { flex: var(--color-background); } }
@media (min-width: 1280px) { .xl\:flex-color-background { flex: var(--color-background); } }
.grow-color-background { flex-grow: var(--color-background); }
@media (min-width: 640px) { .sm\:grow-color-background { flex-grow: var(--color-background); } }
@media (min-width: 768px) { .md\:grow-color-background { flex-grow: var(--color-background); } }
@media (min-width: 1024px) { .lg\:grow-color-background { flex-grow: var(--color-background); } }
@media (min-width: 1280px) { .xl\:grow-color-background { flex-grow: var(--color-background); } }
.shrink-color-background { flex-shrink: var(--color-background); }
@media (min-width: 640px) { .sm\:shrink-color-background { flex-shrink: var(--color-background); } }
@media (min-width: 768px) { .md\:shrink-color-background { flex-shrink: var(--color-background); } }
@media (min-width: 1024px) { .lg\:shrink-color-background { flex-shrink: var(--color-background); } }
@media (min-width: 1280px) { .xl\:shrink-color-background { flex-shrink: var(--color-background); } }
.basis-color-background { flex-basis: var(--color-background); }
@media (min-width: 640px) { .sm\:basis-color-background { flex-basis: var(--color-background); } }
@media (min-width: 768px) { .md\:basis-color-background { flex-basis: var(--color-background); } }
@media (min-width: 1024px) { .lg\:basis-color-background { flex-basis: var(--color-background); } }
@media (min-width: 1280px) { .xl\:basis-color-background { flex-basis: var(--color-background); } }
.order-color-background { order: var(--color-background); }
@media (min-width: 640px) { .sm\:order-color-background { order: var(--color-background); } }
@media (min-width: 768px) { .md\:order-color-background { order: var(--color-background); } }
@media (min-width: 1024px) { .lg\:order-color-background { order: var(--color-background); } }
@media (min-width: 1280px) { .xl\:order-color-background { order: var(--color-background); } }
.overflow-color-background { overflow: var(--color-background); }
@media (min-width: 640px) { .sm\:overflow-color-background { overflow: var(--color-background); } }
@media (min-width: 768px) { .md\:overflow-color-background { overflow: var(--color-background); } }
@media (min-width: 1024px) { .lg\:overflow-color-background { overflow: var(--color-background); } }
@media (min-width: 1280px) { .xl\:overflow-color-background { overflow: var(--color-background); } }
.overflow-x-color-background { overflow-x: var(--color-background); }
@media (min-width: 640px) { .sm\:overflow-x-color-background { overflow-x: var(--color-background); } }
@media (min-width: 768px) { .md\:overflow-x-color-background { overflow-x: var(--color-background); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-background { overflow-x: var(--color-background); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-background { overflow-x: var(--color-background); } }
.overflow-y-color-background { overflow-y: var(--color-background); }
@media (min-width: 640px) { .sm\:overflow-y-color-background { overflow-y: var(--color-background); } }
@media (min-width: 768px) { .md\:overflow-y-color-background { overflow-y: var(--color-background); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-background { overflow-y: var(--color-background); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-background { overflow-y: var(--color-background); } }
.p-color-background { padding: var(--color-background); }
@media (min-width: 640px) { .sm\:p-color-background { padding: var(--color-background); } }
@media (min-width: 768px) { .md\:p-color-background { padding: var(--color-background); } }
@media (min-width: 1024px) { .lg\:p-color-background { padding: var(--color-background); } }
@media (min-width: 1280px) { .xl\:p-color-background { padding: var(--color-background); } }
.pt-color-background { padding-top: var(--color-background); }
@media (min-width: 640px) { .sm\:pt-color-background { padding-top: var(--color-background); } }
@media (min-width: 768px) { .md\:pt-color-background { padding-top: var(--color-background); } }
@media (min-width: 1024px) { .lg\:pt-color-background { padding-top: var(--color-background); } }
@media (min-width: 1280px) { .xl\:pt-color-background { padding-top: var(--color-background); } }
.pr-color-background { padding-right: var(--color-background); }
@media (min-width: 640px) { .sm\:pr-color-background { padding-right: var(--color-background); } }
@media (min-width: 768px) { .md\:pr-color-background { padding-right: var(--color-background); } }
@media (min-width: 1024px) { .lg\:pr-color-background { padding-right: var(--color-background); } }
@media (min-width: 1280px) { .xl\:pr-color-background { padding-right: var(--color-background); } }
.pb-color-background { padding-bottom: var(--color-background); }
@media (min-width: 640px) { .sm\:pb-color-background { padding-bottom: var(--color-background); } }
@media (min-width: 768px) { .md\:pb-color-background { padding-bottom: var(--color-background); } }
@media (min-width: 1024px) { .lg\:pb-color-background { padding-bottom: var(--color-background); } }
@media (min-width: 1280px) { .xl\:pb-color-background { padding-bottom: var(--color-background); } }
.pl-color-background { padding-left: var(--color-background); }
@media (min-width: 640px) { .sm\:pl-color-background { padding-left: var(--color-background); } }
@media (min-width: 768px) { .md\:pl-color-background { padding-left: var(--color-background); } }
@media (min-width: 1024px) { .lg\:pl-color-background { padding-left: var(--color-background); } }
@media (min-width: 1280px) { .xl\:pl-color-background { padding-left: var(--color-background); } }
.m-color-background { margin: var(--color-background); }
@media (min-width: 640px) { .sm\:m-color-background { margin: var(--color-background); } }
@media (min-width: 768px) { .md\:m-color-background { margin: var(--color-background); } }
@media (min-width: 1024px) { .lg\:m-color-background { margin: var(--color-background); } }
@media (min-width: 1280px) { .xl\:m-color-background { margin: var(--color-background); } }
.mt-color-background { margin-top: var(--color-background); }
@media (min-width: 640px) { .sm\:mt-color-background { margin-top: var(--color-background); } }
@media (min-width: 768px) { .md\:mt-color-background { margin-top: var(--color-background); } }
@media (min-width: 1024px) { .lg\:mt-color-background { margin-top: var(--color-background); } }
@media (min-width: 1280px) { .xl\:mt-color-background { margin-top: var(--color-background); } }
.mr-color-background { margin-right: var(--color-background); }
@media (min-width: 640px) { .sm\:mr-color-background { margin-right: var(--color-background); } }
@media (min-width: 768px) { .md\:mr-color-background { margin-right: var(--color-background); } }
@media (min-width: 1024px) { .lg\:mr-color-background { margin-right: var(--color-background); } }
@media (min-width: 1280px) { .xl\:mr-color-background { margin-right: var(--color-background); } }
.mb-color-background { margin-bottom: var(--color-background); }
@media (min-width: 640px) { .sm\:mb-color-background { margin-bottom: var(--color-background); } }
@media (min-width: 768px) { .md\:mb-color-background { margin-bottom: var(--color-background); } }
@media (min-width: 1024px) { .lg\:mb-color-background { margin-bottom: var(--color-background); } }
@media (min-width: 1280px) { .xl\:mb-color-background { margin-bottom: var(--color-background); } }
.ml-color-background { margin-left: var(--color-background); }
@media (min-width: 640px) { .sm\:ml-color-background { margin-left: var(--color-background); } }
@media (min-width: 768px) { .md\:ml-color-background { margin-left: var(--color-background); } }
@media (min-width: 1024px) { .lg\:ml-color-background { margin-left: var(--color-background); } }
@media (min-width: 1280px) { .xl\:ml-color-background { margin-left: var(--color-background); } }
.gap-color-background { gap: var(--color-background); }
@media (min-width: 640px) { .sm\:gap-color-background { gap: var(--color-background); } }
@media (min-width: 768px) { .md\:gap-color-background { gap: var(--color-background); } }
@media (min-width: 1024px) { .lg\:gap-color-background { gap: var(--color-background); } }
@media (min-width: 1280px) { .xl\:gap-color-background { gap: var(--color-background); } }
.w-color-background { width: var(--color-background); }
@media (min-width: 640px) { .sm\:w-color-background { width: var(--color-background); } }
@media (min-width: 768px) { .md\:w-color-background { width: var(--color-background); } }
@media (min-width: 1024px) { .lg\:w-color-background { width: var(--color-background); } }
@media (min-width: 1280px) { .xl\:w-color-background { width: var(--color-background); } }
.h-color-background { height: var(--color-background); }
@media (min-width: 640px) { .sm\:h-color-background { height: var(--color-background); } }
@media (min-width: 768px) { .md\:h-color-background { height: var(--color-background); } }
@media (min-width: 1024px) { .lg\:h-color-background { height: var(--color-background); } }
@media (min-width: 1280px) { .xl\:h-color-background { height: var(--color-background); } }
.aspect-color-background { aspect-ratio: var(--color-background); }
@media (min-width: 640px) { .sm\:aspect-color-background { aspect-ratio: var(--color-background); } }
@media (min-width: 768px) { .md\:aspect-color-background { aspect-ratio: var(--color-background); } }
@media (min-width: 1024px) { .lg\:aspect-color-background { aspect-ratio: var(--color-background); } }
@media (min-width: 1280px) { .xl\:aspect-color-background { aspect-ratio: var(--color-background); } }
.min-w-color-background { min-width: var(--color-background); }
@media (min-width: 640px) { .sm\:min-w-color-background { min-width: var(--color-background); } }
@media (min-width: 768px) { .md\:min-w-color-background { min-width: var(--color-background); } }
@media (min-width: 1024px) { .lg\:min-w-color-background { min-width: var(--color-background); } }
@media (min-width: 1280px) { .xl\:min-w-color-background { min-width: var(--color-background); } }
.min-h-color-background { min-height: var(--color-background); }
@media (min-width: 640px) { .sm\:min-h-color-background { min-height: var(--color-background); } }
@media (min-width: 768px) { .md\:min-h-color-background { min-height: var(--color-background); } }
@media (min-width: 1024px) { .lg\:min-h-color-background { min-height: var(--color-background); } }
@media (min-width: 1280px) { .xl\:min-h-color-background { min-height: var(--color-background); } }
.max-w-color-background { max-width: var(--color-background); }
@media (min-width: 640px) { .sm\:max-w-color-background { max-width: var(--color-background); } }
@media (min-width: 768px) { .md\:max-w-color-background { max-width: var(--color-background); } }
@media (min-width: 1024px) { .lg\:max-w-color-background { max-width: var(--color-background); } }
@media (min-width: 1280px) { .xl\:max-w-color-background { max-width: var(--color-background); } }
.max-h-color-background { max-height: var(--color-background); }
@media (min-width: 640px) { .sm\:max-h-color-background { max-height: var(--color-background); } }
@media (min-width: 768px) { .md\:max-h-color-background { max-height: var(--color-background); } }
@media (min-width: 1024px) { .lg\:max-h-color-background { max-height: var(--color-background); } }
@media (min-width: 1280px) { .xl\:max-h-color-background { max-height: var(--color-background); } }
.bg-color-foreground { background-color: var(--color-foreground); }
@media (min-width: 640px) { .sm\:bg-color-foreground { background-color: var(--color-foreground); } }
@media (min-width: 768px) { .md\:bg-color-foreground { background-color: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-foreground { background-color: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-foreground { background-color: var(--color-foreground); } }
.border-color-color-foreground { border-color: var(--color-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-foreground { border-color: var(--color-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-foreground { border-color: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-foreground { border-color: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-foreground { border-color: var(--color-foreground); } }
.rounded-color-foreground { border-radius: var(--color-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-foreground { border-radius: var(--color-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-foreground { border-radius: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-foreground { border-radius: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-foreground { border-radius: var(--color-foreground); } }
.border-style-color-foreground { border-style: var(--color-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-foreground { border-style: var(--color-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-foreground { border-style: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-foreground { border-style: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-foreground { border-style: var(--color-foreground); } }
.border-width-color-foreground { border-width: var(--color-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-foreground { border-width: var(--color-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-foreground { border-width: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-foreground { border-width: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-foreground { border-width: var(--color-foreground); } }
.text-color-foreground { color: var(--color-foreground); }
@media (min-width: 640px) { .sm\:text-color-foreground { color: var(--color-foreground); } }
@media (min-width: 768px) { .md\:text-color-foreground { color: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-foreground { color: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-foreground { color: var(--color-foreground); } }
.font-color-foreground { font-family: var(--color-foreground); }
@media (min-width: 640px) { .sm\:font-color-foreground { font-family: var(--color-foreground); } }
@media (min-width: 768px) { .md\:font-color-foreground { font-family: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-foreground { font-family: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-foreground { font-family: var(--color-foreground); } }
.text-size-color-foreground { font-size: var(--color-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-foreground { font-size: var(--color-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-foreground { font-size: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-foreground { font-size: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-foreground { font-size: var(--color-foreground); } }
.font-weight-color-foreground { font-weight: var(--color-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-foreground { font-weight: var(--color-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-foreground { font-weight: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-foreground { font-weight: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-foreground { font-weight: var(--color-foreground); } }
.text-align-color-foreground { text-align: var(--color-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-foreground { text-align: var(--color-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-foreground { text-align: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-foreground { text-align: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-foreground { text-align: var(--color-foreground); } }
.leading-color-foreground { line-height: var(--color-foreground); }
@media (min-width: 640px) { .sm\:leading-color-foreground { line-height: var(--color-foreground); } }
@media (min-width: 768px) { .md\:leading-color-foreground { line-height: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-foreground { line-height: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-foreground { line-height: var(--color-foreground); } }
.tracking-color-foreground { letter-spacing: var(--color-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-foreground { letter-spacing: var(--color-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-foreground { letter-spacing: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-foreground { letter-spacing: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-foreground { letter-spacing: var(--color-foreground); } }
.text-transform-color-foreground { text-transform: var(--color-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-foreground { text-transform: var(--color-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-foreground { text-transform: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-foreground { text-transform: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-foreground { text-transform: var(--color-foreground); } }
.font-style-color-foreground { font-style: var(--color-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-foreground { font-style: var(--color-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-foreground { font-style: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-foreground { font-style: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-foreground { font-style: var(--color-foreground); } }
.decoration-color-foreground { text-decoration-line: var(--color-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-foreground { text-decoration-line: var(--color-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-foreground { text-decoration-line: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-foreground { text-decoration-line: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-foreground { text-decoration-line: var(--color-foreground); } }
.display-color-foreground { display: var(--color-foreground); }
@media (min-width: 640px) { .sm\:display-color-foreground { display: var(--color-foreground); } }
@media (min-width: 768px) { .md\:display-color-foreground { display: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-foreground { display: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-foreground { display: var(--color-foreground); } }
.flex-direction-color-foreground { flex-direction: var(--color-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-foreground { flex-direction: var(--color-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-foreground { flex-direction: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-foreground { flex-direction: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-foreground { flex-direction: var(--color-foreground); } }
.flex-wrap-color-foreground { flex-wrap: var(--color-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-foreground { flex-wrap: var(--color-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-foreground { flex-wrap: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-foreground { flex-wrap: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-foreground { flex-wrap: var(--color-foreground); } }
.justify-color-foreground { justify-content: var(--color-foreground); }
@media (min-width: 640px) { .sm\:justify-color-foreground { justify-content: var(--color-foreground); } }
@media (min-width: 768px) { .md\:justify-color-foreground { justify-content: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-foreground { justify-content: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-foreground { justify-content: var(--color-foreground); } }
.items-color-foreground { align-items: var(--color-foreground); }
@media (min-width: 640px) { .sm\:items-color-foreground { align-items: var(--color-foreground); } }
@media (min-width: 768px) { .md\:items-color-foreground { align-items: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-foreground { align-items: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-foreground { align-items: var(--color-foreground); } }
.self-color-foreground { align-self: var(--color-foreground); }
@media (min-width: 640px) { .sm\:self-color-foreground { align-self: var(--color-foreground); } }
@media (min-width: 768px) { .md\:self-color-foreground { align-self: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-foreground { align-self: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-foreground { align-self: var(--color-foreground); } }
.flex-color-foreground { flex: var(--color-foreground); }
@media (min-width: 640px) { .sm\:flex-color-foreground { flex: var(--color-foreground); } }
@media (min-width: 768px) { .md\:flex-color-foreground { flex: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-foreground { flex: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-foreground { flex: var(--color-foreground); } }
.grow-color-foreground { flex-grow: var(--color-foreground); }
@media (min-width: 640px) { .sm\:grow-color-foreground { flex-grow: var(--color-foreground); } }
@media (min-width: 768px) { .md\:grow-color-foreground { flex-grow: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-foreground { flex-grow: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-foreground { flex-grow: var(--color-foreground); } }
.shrink-color-foreground { flex-shrink: var(--color-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-foreground { flex-shrink: var(--color-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-foreground { flex-shrink: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-foreground { flex-shrink: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-foreground { flex-shrink: var(--color-foreground); } }
.basis-color-foreground { flex-basis: var(--color-foreground); }
@media (min-width: 640px) { .sm\:basis-color-foreground { flex-basis: var(--color-foreground); } }
@media (min-width: 768px) { .md\:basis-color-foreground { flex-basis: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-foreground { flex-basis: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-foreground { flex-basis: var(--color-foreground); } }
.order-color-foreground { order: var(--color-foreground); }
@media (min-width: 640px) { .sm\:order-color-foreground { order: var(--color-foreground); } }
@media (min-width: 768px) { .md\:order-color-foreground { order: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-foreground { order: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-foreground { order: var(--color-foreground); } }
.overflow-color-foreground { overflow: var(--color-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-foreground { overflow: var(--color-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-foreground { overflow: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-foreground { overflow: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-foreground { overflow: var(--color-foreground); } }
.overflow-x-color-foreground { overflow-x: var(--color-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-foreground { overflow-x: var(--color-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-foreground { overflow-x: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-foreground { overflow-x: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-foreground { overflow-x: var(--color-foreground); } }
.overflow-y-color-foreground { overflow-y: var(--color-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-foreground { overflow-y: var(--color-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-foreground { overflow-y: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-foreground { overflow-y: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-foreground { overflow-y: var(--color-foreground); } }
.p-color-foreground { padding: var(--color-foreground); }
@media (min-width: 640px) { .sm\:p-color-foreground { padding: var(--color-foreground); } }
@media (min-width: 768px) { .md\:p-color-foreground { padding: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-foreground { padding: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-foreground { padding: var(--color-foreground); } }
.pt-color-foreground { padding-top: var(--color-foreground); }
@media (min-width: 640px) { .sm\:pt-color-foreground { padding-top: var(--color-foreground); } }
@media (min-width: 768px) { .md\:pt-color-foreground { padding-top: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-foreground { padding-top: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-foreground { padding-top: var(--color-foreground); } }
.pr-color-foreground { padding-right: var(--color-foreground); }
@media (min-width: 640px) { .sm\:pr-color-foreground { padding-right: var(--color-foreground); } }
@media (min-width: 768px) { .md\:pr-color-foreground { padding-right: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-foreground { padding-right: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-foreground { padding-right: var(--color-foreground); } }
.pb-color-foreground { padding-bottom: var(--color-foreground); }
@media (min-width: 640px) { .sm\:pb-color-foreground { padding-bottom: var(--color-foreground); } }
@media (min-width: 768px) { .md\:pb-color-foreground { padding-bottom: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-foreground { padding-bottom: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-foreground { padding-bottom: var(--color-foreground); } }
.pl-color-foreground { padding-left: var(--color-foreground); }
@media (min-width: 640px) { .sm\:pl-color-foreground { padding-left: var(--color-foreground); } }
@media (min-width: 768px) { .md\:pl-color-foreground { padding-left: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-foreground { padding-left: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-foreground { padding-left: var(--color-foreground); } }
.m-color-foreground { margin: var(--color-foreground); }
@media (min-width: 640px) { .sm\:m-color-foreground { margin: var(--color-foreground); } }
@media (min-width: 768px) { .md\:m-color-foreground { margin: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-foreground { margin: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-foreground { margin: var(--color-foreground); } }
.mt-color-foreground { margin-top: var(--color-foreground); }
@media (min-width: 640px) { .sm\:mt-color-foreground { margin-top: var(--color-foreground); } }
@media (min-width: 768px) { .md\:mt-color-foreground { margin-top: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-foreground { margin-top: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-foreground { margin-top: var(--color-foreground); } }
.mr-color-foreground { margin-right: var(--color-foreground); }
@media (min-width: 640px) { .sm\:mr-color-foreground { margin-right: var(--color-foreground); } }
@media (min-width: 768px) { .md\:mr-color-foreground { margin-right: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-foreground { margin-right: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-foreground { margin-right: var(--color-foreground); } }
.mb-color-foreground { margin-bottom: var(--color-foreground); }
@media (min-width: 640px) { .sm\:mb-color-foreground { margin-bottom: var(--color-foreground); } }
@media (min-width: 768px) { .md\:mb-color-foreground { margin-bottom: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-foreground { margin-bottom: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-foreground { margin-bottom: var(--color-foreground); } }
.ml-color-foreground { margin-left: var(--color-foreground); }
@media (min-width: 640px) { .sm\:ml-color-foreground { margin-left: var(--color-foreground); } }
@media (min-width: 768px) { .md\:ml-color-foreground { margin-left: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-foreground { margin-left: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-foreground { margin-left: var(--color-foreground); } }
.gap-color-foreground { gap: var(--color-foreground); }
@media (min-width: 640px) { .sm\:gap-color-foreground { gap: var(--color-foreground); } }
@media (min-width: 768px) { .md\:gap-color-foreground { gap: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-foreground { gap: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-foreground { gap: var(--color-foreground); } }
.w-color-foreground { width: var(--color-foreground); }
@media (min-width: 640px) { .sm\:w-color-foreground { width: var(--color-foreground); } }
@media (min-width: 768px) { .md\:w-color-foreground { width: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-foreground { width: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-foreground { width: var(--color-foreground); } }
.h-color-foreground { height: var(--color-foreground); }
@media (min-width: 640px) { .sm\:h-color-foreground { height: var(--color-foreground); } }
@media (min-width: 768px) { .md\:h-color-foreground { height: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-foreground { height: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-foreground { height: var(--color-foreground); } }
.aspect-color-foreground { aspect-ratio: var(--color-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-foreground { aspect-ratio: var(--color-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-foreground { aspect-ratio: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-foreground { aspect-ratio: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-foreground { aspect-ratio: var(--color-foreground); } }
.min-w-color-foreground { min-width: var(--color-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-foreground { min-width: var(--color-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-foreground { min-width: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-foreground { min-width: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-foreground { min-width: var(--color-foreground); } }
.min-h-color-foreground { min-height: var(--color-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-foreground { min-height: var(--color-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-foreground { min-height: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-foreground { min-height: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-foreground { min-height: var(--color-foreground); } }
.max-w-color-foreground { max-width: var(--color-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-foreground { max-width: var(--color-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-foreground { max-width: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-foreground { max-width: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-foreground { max-width: var(--color-foreground); } }
.max-h-color-foreground { max-height: var(--color-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-foreground { max-height: var(--color-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-foreground { max-height: var(--color-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-foreground { max-height: var(--color-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-foreground { max-height: var(--color-foreground); } }
.bg-color-card { background-color: var(--color-card); }
@media (min-width: 640px) { .sm\:bg-color-card { background-color: var(--color-card); } }
@media (min-width: 768px) { .md\:bg-color-card { background-color: var(--color-card); } }
@media (min-width: 1024px) { .lg\:bg-color-card { background-color: var(--color-card); } }
@media (min-width: 1280px) { .xl\:bg-color-card { background-color: var(--color-card); } }
.border-color-color-card { border-color: var(--color-card); }
@media (min-width: 640px) { .sm\:border-color-color-card { border-color: var(--color-card); } }
@media (min-width: 768px) { .md\:border-color-color-card { border-color: var(--color-card); } }
@media (min-width: 1024px) { .lg\:border-color-color-card { border-color: var(--color-card); } }
@media (min-width: 1280px) { .xl\:border-color-color-card { border-color: var(--color-card); } }
.rounded-color-card { border-radius: var(--color-card); }
@media (min-width: 640px) { .sm\:rounded-color-card { border-radius: var(--color-card); } }
@media (min-width: 768px) { .md\:rounded-color-card { border-radius: var(--color-card); } }
@media (min-width: 1024px) { .lg\:rounded-color-card { border-radius: var(--color-card); } }
@media (min-width: 1280px) { .xl\:rounded-color-card { border-radius: var(--color-card); } }
.border-style-color-card { border-style: var(--color-card); }
@media (min-width: 640px) { .sm\:border-style-color-card { border-style: var(--color-card); } }
@media (min-width: 768px) { .md\:border-style-color-card { border-style: var(--color-card); } }
@media (min-width: 1024px) { .lg\:border-style-color-card { border-style: var(--color-card); } }
@media (min-width: 1280px) { .xl\:border-style-color-card { border-style: var(--color-card); } }
.border-width-color-card { border-width: var(--color-card); }
@media (min-width: 640px) { .sm\:border-width-color-card { border-width: var(--color-card); } }
@media (min-width: 768px) { .md\:border-width-color-card { border-width: var(--color-card); } }
@media (min-width: 1024px) { .lg\:border-width-color-card { border-width: var(--color-card); } }
@media (min-width: 1280px) { .xl\:border-width-color-card { border-width: var(--color-card); } }
.text-color-card { color: var(--color-card); }
@media (min-width: 640px) { .sm\:text-color-card { color: var(--color-card); } }
@media (min-width: 768px) { .md\:text-color-card { color: var(--color-card); } }
@media (min-width: 1024px) { .lg\:text-color-card { color: var(--color-card); } }
@media (min-width: 1280px) { .xl\:text-color-card { color: var(--color-card); } }
.font-color-card { font-family: var(--color-card); }
@media (min-width: 640px) { .sm\:font-color-card { font-family: var(--color-card); } }
@media (min-width: 768px) { .md\:font-color-card { font-family: var(--color-card); } }
@media (min-width: 1024px) { .lg\:font-color-card { font-family: var(--color-card); } }
@media (min-width: 1280px) { .xl\:font-color-card { font-family: var(--color-card); } }
.text-size-color-card { font-size: var(--color-card); }
@media (min-width: 640px) { .sm\:text-size-color-card { font-size: var(--color-card); } }
@media (min-width: 768px) { .md\:text-size-color-card { font-size: var(--color-card); } }
@media (min-width: 1024px) { .lg\:text-size-color-card { font-size: var(--color-card); } }
@media (min-width: 1280px) { .xl\:text-size-color-card { font-size: var(--color-card); } }
.font-weight-color-card { font-weight: var(--color-card); }
@media (min-width: 640px) { .sm\:font-weight-color-card { font-weight: var(--color-card); } }
@media (min-width: 768px) { .md\:font-weight-color-card { font-weight: var(--color-card); } }
@media (min-width: 1024px) { .lg\:font-weight-color-card { font-weight: var(--color-card); } }
@media (min-width: 1280px) { .xl\:font-weight-color-card { font-weight: var(--color-card); } }
.text-align-color-card { text-align: var(--color-card); }
@media (min-width: 640px) { .sm\:text-align-color-card { text-align: var(--color-card); } }
@media (min-width: 768px) { .md\:text-align-color-card { text-align: var(--color-card); } }
@media (min-width: 1024px) { .lg\:text-align-color-card { text-align: var(--color-card); } }
@media (min-width: 1280px) { .xl\:text-align-color-card { text-align: var(--color-card); } }
.leading-color-card { line-height: var(--color-card); }
@media (min-width: 640px) { .sm\:leading-color-card { line-height: var(--color-card); } }
@media (min-width: 768px) { .md\:leading-color-card { line-height: var(--color-card); } }
@media (min-width: 1024px) { .lg\:leading-color-card { line-height: var(--color-card); } }
@media (min-width: 1280px) { .xl\:leading-color-card { line-height: var(--color-card); } }
.tracking-color-card { letter-spacing: var(--color-card); }
@media (min-width: 640px) { .sm\:tracking-color-card { letter-spacing: var(--color-card); } }
@media (min-width: 768px) { .md\:tracking-color-card { letter-spacing: var(--color-card); } }
@media (min-width: 1024px) { .lg\:tracking-color-card { letter-spacing: var(--color-card); } }
@media (min-width: 1280px) { .xl\:tracking-color-card { letter-spacing: var(--color-card); } }
.text-transform-color-card { text-transform: var(--color-card); }
@media (min-width: 640px) { .sm\:text-transform-color-card { text-transform: var(--color-card); } }
@media (min-width: 768px) { .md\:text-transform-color-card { text-transform: var(--color-card); } }
@media (min-width: 1024px) { .lg\:text-transform-color-card { text-transform: var(--color-card); } }
@media (min-width: 1280px) { .xl\:text-transform-color-card { text-transform: var(--color-card); } }
.font-style-color-card { font-style: var(--color-card); }
@media (min-width: 640px) { .sm\:font-style-color-card { font-style: var(--color-card); } }
@media (min-width: 768px) { .md\:font-style-color-card { font-style: var(--color-card); } }
@media (min-width: 1024px) { .lg\:font-style-color-card { font-style: var(--color-card); } }
@media (min-width: 1280px) { .xl\:font-style-color-card { font-style: var(--color-card); } }
.decoration-color-card { text-decoration-line: var(--color-card); }
@media (min-width: 640px) { .sm\:decoration-color-card { text-decoration-line: var(--color-card); } }
@media (min-width: 768px) { .md\:decoration-color-card { text-decoration-line: var(--color-card); } }
@media (min-width: 1024px) { .lg\:decoration-color-card { text-decoration-line: var(--color-card); } }
@media (min-width: 1280px) { .xl\:decoration-color-card { text-decoration-line: var(--color-card); } }
.display-color-card { display: var(--color-card); }
@media (min-width: 640px) { .sm\:display-color-card { display: var(--color-card); } }
@media (min-width: 768px) { .md\:display-color-card { display: var(--color-card); } }
@media (min-width: 1024px) { .lg\:display-color-card { display: var(--color-card); } }
@media (min-width: 1280px) { .xl\:display-color-card { display: var(--color-card); } }
.flex-direction-color-card { flex-direction: var(--color-card); }
@media (min-width: 640px) { .sm\:flex-direction-color-card { flex-direction: var(--color-card); } }
@media (min-width: 768px) { .md\:flex-direction-color-card { flex-direction: var(--color-card); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-card { flex-direction: var(--color-card); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-card { flex-direction: var(--color-card); } }
.flex-wrap-color-card { flex-wrap: var(--color-card); }
@media (min-width: 640px) { .sm\:flex-wrap-color-card { flex-wrap: var(--color-card); } }
@media (min-width: 768px) { .md\:flex-wrap-color-card { flex-wrap: var(--color-card); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-card { flex-wrap: var(--color-card); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-card { flex-wrap: var(--color-card); } }
.justify-color-card { justify-content: var(--color-card); }
@media (min-width: 640px) { .sm\:justify-color-card { justify-content: var(--color-card); } }
@media (min-width: 768px) { .md\:justify-color-card { justify-content: var(--color-card); } }
@media (min-width: 1024px) { .lg\:justify-color-card { justify-content: var(--color-card); } }
@media (min-width: 1280px) { .xl\:justify-color-card { justify-content: var(--color-card); } }
.items-color-card { align-items: var(--color-card); }
@media (min-width: 640px) { .sm\:items-color-card { align-items: var(--color-card); } }
@media (min-width: 768px) { .md\:items-color-card { align-items: var(--color-card); } }
@media (min-width: 1024px) { .lg\:items-color-card { align-items: var(--color-card); } }
@media (min-width: 1280px) { .xl\:items-color-card { align-items: var(--color-card); } }
.self-color-card { align-self: var(--color-card); }
@media (min-width: 640px) { .sm\:self-color-card { align-self: var(--color-card); } }
@media (min-width: 768px) { .md\:self-color-card { align-self: var(--color-card); } }
@media (min-width: 1024px) { .lg\:self-color-card { align-self: var(--color-card); } }
@media (min-width: 1280px) { .xl\:self-color-card { align-self: var(--color-card); } }
.flex-color-card { flex: var(--color-card); }
@media (min-width: 640px) { .sm\:flex-color-card { flex: var(--color-card); } }
@media (min-width: 768px) { .md\:flex-color-card { flex: var(--color-card); } }
@media (min-width: 1024px) { .lg\:flex-color-card { flex: var(--color-card); } }
@media (min-width: 1280px) { .xl\:flex-color-card { flex: var(--color-card); } }
.grow-color-card { flex-grow: var(--color-card); }
@media (min-width: 640px) { .sm\:grow-color-card { flex-grow: var(--color-card); } }
@media (min-width: 768px) { .md\:grow-color-card { flex-grow: var(--color-card); } }
@media (min-width: 1024px) { .lg\:grow-color-card { flex-grow: var(--color-card); } }
@media (min-width: 1280px) { .xl\:grow-color-card { flex-grow: var(--color-card); } }
.shrink-color-card { flex-shrink: var(--color-card); }
@media (min-width: 640px) { .sm\:shrink-color-card { flex-shrink: var(--color-card); } }
@media (min-width: 768px) { .md\:shrink-color-card { flex-shrink: var(--color-card); } }
@media (min-width: 1024px) { .lg\:shrink-color-card { flex-shrink: var(--color-card); } }
@media (min-width: 1280px) { .xl\:shrink-color-card { flex-shrink: var(--color-card); } }
.basis-color-card { flex-basis: var(--color-card); }
@media (min-width: 640px) { .sm\:basis-color-card { flex-basis: var(--color-card); } }
@media (min-width: 768px) { .md\:basis-color-card { flex-basis: var(--color-card); } }
@media (min-width: 1024px) { .lg\:basis-color-card { flex-basis: var(--color-card); } }
@media (min-width: 1280px) { .xl\:basis-color-card { flex-basis: var(--color-card); } }
.order-color-card { order: var(--color-card); }
@media (min-width: 640px) { .sm\:order-color-card { order: var(--color-card); } }
@media (min-width: 768px) { .md\:order-color-card { order: var(--color-card); } }
@media (min-width: 1024px) { .lg\:order-color-card { order: var(--color-card); } }
@media (min-width: 1280px) { .xl\:order-color-card { order: var(--color-card); } }
.overflow-color-card { overflow: var(--color-card); }
@media (min-width: 640px) { .sm\:overflow-color-card { overflow: var(--color-card); } }
@media (min-width: 768px) { .md\:overflow-color-card { overflow: var(--color-card); } }
@media (min-width: 1024px) { .lg\:overflow-color-card { overflow: var(--color-card); } }
@media (min-width: 1280px) { .xl\:overflow-color-card { overflow: var(--color-card); } }
.overflow-x-color-card { overflow-x: var(--color-card); }
@media (min-width: 640px) { .sm\:overflow-x-color-card { overflow-x: var(--color-card); } }
@media (min-width: 768px) { .md\:overflow-x-color-card { overflow-x: var(--color-card); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-card { overflow-x: var(--color-card); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-card { overflow-x: var(--color-card); } }
.overflow-y-color-card { overflow-y: var(--color-card); }
@media (min-width: 640px) { .sm\:overflow-y-color-card { overflow-y: var(--color-card); } }
@media (min-width: 768px) { .md\:overflow-y-color-card { overflow-y: var(--color-card); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-card { overflow-y: var(--color-card); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-card { overflow-y: var(--color-card); } }
.p-color-card { padding: var(--color-card); }
@media (min-width: 640px) { .sm\:p-color-card { padding: var(--color-card); } }
@media (min-width: 768px) { .md\:p-color-card { padding: var(--color-card); } }
@media (min-width: 1024px) { .lg\:p-color-card { padding: var(--color-card); } }
@media (min-width: 1280px) { .xl\:p-color-card { padding: var(--color-card); } }
.pt-color-card { padding-top: var(--color-card); }
@media (min-width: 640px) { .sm\:pt-color-card { padding-top: var(--color-card); } }
@media (min-width: 768px) { .md\:pt-color-card { padding-top: var(--color-card); } }
@media (min-width: 1024px) { .lg\:pt-color-card { padding-top: var(--color-card); } }
@media (min-width: 1280px) { .xl\:pt-color-card { padding-top: var(--color-card); } }
.pr-color-card { padding-right: var(--color-card); }
@media (min-width: 640px) { .sm\:pr-color-card { padding-right: var(--color-card); } }
@media (min-width: 768px) { .md\:pr-color-card { padding-right: var(--color-card); } }
@media (min-width: 1024px) { .lg\:pr-color-card { padding-right: var(--color-card); } }
@media (min-width: 1280px) { .xl\:pr-color-card { padding-right: var(--color-card); } }
.pb-color-card { padding-bottom: var(--color-card); }
@media (min-width: 640px) { .sm\:pb-color-card { padding-bottom: var(--color-card); } }
@media (min-width: 768px) { .md\:pb-color-card { padding-bottom: var(--color-card); } }
@media (min-width: 1024px) { .lg\:pb-color-card { padding-bottom: var(--color-card); } }
@media (min-width: 1280px) { .xl\:pb-color-card { padding-bottom: var(--color-card); } }
.pl-color-card { padding-left: var(--color-card); }
@media (min-width: 640px) { .sm\:pl-color-card { padding-left: var(--color-card); } }
@media (min-width: 768px) { .md\:pl-color-card { padding-left: var(--color-card); } }
@media (min-width: 1024px) { .lg\:pl-color-card { padding-left: var(--color-card); } }
@media (min-width: 1280px) { .xl\:pl-color-card { padding-left: var(--color-card); } }
.m-color-card { margin: var(--color-card); }
@media (min-width: 640px) { .sm\:m-color-card { margin: var(--color-card); } }
@media (min-width: 768px) { .md\:m-color-card { margin: var(--color-card); } }
@media (min-width: 1024px) { .lg\:m-color-card { margin: var(--color-card); } }
@media (min-width: 1280px) { .xl\:m-color-card { margin: var(--color-card); } }
.mt-color-card { margin-top: var(--color-card); }
@media (min-width: 640px) { .sm\:mt-color-card { margin-top: var(--color-card); } }
@media (min-width: 768px) { .md\:mt-color-card { margin-top: var(--color-card); } }
@media (min-width: 1024px) { .lg\:mt-color-card { margin-top: var(--color-card); } }
@media (min-width: 1280px) { .xl\:mt-color-card { margin-top: var(--color-card); } }
.mr-color-card { margin-right: var(--color-card); }
@media (min-width: 640px) { .sm\:mr-color-card { margin-right: var(--color-card); } }
@media (min-width: 768px) { .md\:mr-color-card { margin-right: var(--color-card); } }
@media (min-width: 1024px) { .lg\:mr-color-card { margin-right: var(--color-card); } }
@media (min-width: 1280px) { .xl\:mr-color-card { margin-right: var(--color-card); } }
.mb-color-card { margin-bottom: var(--color-card); }
@media (min-width: 640px) { .sm\:mb-color-card { margin-bottom: var(--color-card); } }
@media (min-width: 768px) { .md\:mb-color-card { margin-bottom: var(--color-card); } }
@media (min-width: 1024px) { .lg\:mb-color-card { margin-bottom: var(--color-card); } }
@media (min-width: 1280px) { .xl\:mb-color-card { margin-bottom: var(--color-card); } }
.ml-color-card { margin-left: var(--color-card); }
@media (min-width: 640px) { .sm\:ml-color-card { margin-left: var(--color-card); } }
@media (min-width: 768px) { .md\:ml-color-card { margin-left: var(--color-card); } }
@media (min-width: 1024px) { .lg\:ml-color-card { margin-left: var(--color-card); } }
@media (min-width: 1280px) { .xl\:ml-color-card { margin-left: var(--color-card); } }
.gap-color-card { gap: var(--color-card); }
@media (min-width: 640px) { .sm\:gap-color-card { gap: var(--color-card); } }
@media (min-width: 768px) { .md\:gap-color-card { gap: var(--color-card); } }
@media (min-width: 1024px) { .lg\:gap-color-card { gap: var(--color-card); } }
@media (min-width: 1280px) { .xl\:gap-color-card { gap: var(--color-card); } }
.w-color-card { width: var(--color-card); }
@media (min-width: 640px) { .sm\:w-color-card { width: var(--color-card); } }
@media (min-width: 768px) { .md\:w-color-card { width: var(--color-card); } }
@media (min-width: 1024px) { .lg\:w-color-card { width: var(--color-card); } }
@media (min-width: 1280px) { .xl\:w-color-card { width: var(--color-card); } }
.h-color-card { height: var(--color-card); }
@media (min-width: 640px) { .sm\:h-color-card { height: var(--color-card); } }
@media (min-width: 768px) { .md\:h-color-card { height: var(--color-card); } }
@media (min-width: 1024px) { .lg\:h-color-card { height: var(--color-card); } }
@media (min-width: 1280px) { .xl\:h-color-card { height: var(--color-card); } }
.aspect-color-card { aspect-ratio: var(--color-card); }
@media (min-width: 640px) { .sm\:aspect-color-card { aspect-ratio: var(--color-card); } }
@media (min-width: 768px) { .md\:aspect-color-card { aspect-ratio: var(--color-card); } }
@media (min-width: 1024px) { .lg\:aspect-color-card { aspect-ratio: var(--color-card); } }
@media (min-width: 1280px) { .xl\:aspect-color-card { aspect-ratio: var(--color-card); } }
.min-w-color-card { min-width: var(--color-card); }
@media (min-width: 640px) { .sm\:min-w-color-card { min-width: var(--color-card); } }
@media (min-width: 768px) { .md\:min-w-color-card { min-width: var(--color-card); } }
@media (min-width: 1024px) { .lg\:min-w-color-card { min-width: var(--color-card); } }
@media (min-width: 1280px) { .xl\:min-w-color-card { min-width: var(--color-card); } }
.min-h-color-card { min-height: var(--color-card); }
@media (min-width: 640px) { .sm\:min-h-color-card { min-height: var(--color-card); } }
@media (min-width: 768px) { .md\:min-h-color-card { min-height: var(--color-card); } }
@media (min-width: 1024px) { .lg\:min-h-color-card { min-height: var(--color-card); } }
@media (min-width: 1280px) { .xl\:min-h-color-card { min-height: var(--color-card); } }
.max-w-color-card { max-width: var(--color-card); }
@media (min-width: 640px) { .sm\:max-w-color-card { max-width: var(--color-card); } }
@media (min-width: 768px) { .md\:max-w-color-card { max-width: var(--color-card); } }
@media (min-width: 1024px) { .lg\:max-w-color-card { max-width: var(--color-card); } }
@media (min-width: 1280px) { .xl\:max-w-color-card { max-width: var(--color-card); } }
.max-h-color-card { max-height: var(--color-card); }
@media (min-width: 640px) { .sm\:max-h-color-card { max-height: var(--color-card); } }
@media (min-width: 768px) { .md\:max-h-color-card { max-height: var(--color-card); } }
@media (min-width: 1024px) { .lg\:max-h-color-card { max-height: var(--color-card); } }
@media (min-width: 1280px) { .xl\:max-h-color-card { max-height: var(--color-card); } }
.bg-color-card-foreground { background-color: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:bg-color-card-foreground { background-color: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:bg-color-card-foreground { background-color: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-card-foreground { background-color: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-card-foreground { background-color: var(--color-card-foreground); } }
.border-color-color-card-foreground { border-color: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-card-foreground { border-color: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-card-foreground { border-color: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-card-foreground { border-color: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-card-foreground { border-color: var(--color-card-foreground); } }
.rounded-color-card-foreground { border-radius: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-card-foreground { border-radius: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-card-foreground { border-radius: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-card-foreground { border-radius: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-card-foreground { border-radius: var(--color-card-foreground); } }
.border-style-color-card-foreground { border-style: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-card-foreground { border-style: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-card-foreground { border-style: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-card-foreground { border-style: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-card-foreground { border-style: var(--color-card-foreground); } }
.border-width-color-card-foreground { border-width: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-card-foreground { border-width: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-card-foreground { border-width: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-card-foreground { border-width: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-card-foreground { border-width: var(--color-card-foreground); } }
.text-color-card-foreground { color: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:text-color-card-foreground { color: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:text-color-card-foreground { color: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-card-foreground { color: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-card-foreground { color: var(--color-card-foreground); } }
.font-color-card-foreground { font-family: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:font-color-card-foreground { font-family: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:font-color-card-foreground { font-family: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-card-foreground { font-family: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-card-foreground { font-family: var(--color-card-foreground); } }
.text-size-color-card-foreground { font-size: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-card-foreground { font-size: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-card-foreground { font-size: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-card-foreground { font-size: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-card-foreground { font-size: var(--color-card-foreground); } }
.font-weight-color-card-foreground { font-weight: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-card-foreground { font-weight: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-card-foreground { font-weight: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-card-foreground { font-weight: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-card-foreground { font-weight: var(--color-card-foreground); } }
.text-align-color-card-foreground { text-align: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-card-foreground { text-align: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-card-foreground { text-align: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-card-foreground { text-align: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-card-foreground { text-align: var(--color-card-foreground); } }
.leading-color-card-foreground { line-height: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:leading-color-card-foreground { line-height: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:leading-color-card-foreground { line-height: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-card-foreground { line-height: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-card-foreground { line-height: var(--color-card-foreground); } }
.tracking-color-card-foreground { letter-spacing: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-card-foreground { letter-spacing: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-card-foreground { letter-spacing: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-card-foreground { letter-spacing: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-card-foreground { letter-spacing: var(--color-card-foreground); } }
.text-transform-color-card-foreground { text-transform: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-card-foreground { text-transform: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-card-foreground { text-transform: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-card-foreground { text-transform: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-card-foreground { text-transform: var(--color-card-foreground); } }
.font-style-color-card-foreground { font-style: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-card-foreground { font-style: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-card-foreground { font-style: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-card-foreground { font-style: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-card-foreground { font-style: var(--color-card-foreground); } }
.decoration-color-card-foreground { text-decoration-line: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-card-foreground { text-decoration-line: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-card-foreground { text-decoration-line: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-card-foreground { text-decoration-line: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-card-foreground { text-decoration-line: var(--color-card-foreground); } }
.display-color-card-foreground { display: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:display-color-card-foreground { display: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:display-color-card-foreground { display: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-card-foreground { display: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-card-foreground { display: var(--color-card-foreground); } }
.flex-direction-color-card-foreground { flex-direction: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-card-foreground { flex-direction: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-card-foreground { flex-direction: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-card-foreground { flex-direction: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-card-foreground { flex-direction: var(--color-card-foreground); } }
.flex-wrap-color-card-foreground { flex-wrap: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-card-foreground { flex-wrap: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-card-foreground { flex-wrap: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-card-foreground { flex-wrap: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-card-foreground { flex-wrap: var(--color-card-foreground); } }
.justify-color-card-foreground { justify-content: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:justify-color-card-foreground { justify-content: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:justify-color-card-foreground { justify-content: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-card-foreground { justify-content: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-card-foreground { justify-content: var(--color-card-foreground); } }
.items-color-card-foreground { align-items: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:items-color-card-foreground { align-items: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:items-color-card-foreground { align-items: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-card-foreground { align-items: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-card-foreground { align-items: var(--color-card-foreground); } }
.self-color-card-foreground { align-self: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:self-color-card-foreground { align-self: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:self-color-card-foreground { align-self: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-card-foreground { align-self: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-card-foreground { align-self: var(--color-card-foreground); } }
.flex-color-card-foreground { flex: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:flex-color-card-foreground { flex: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:flex-color-card-foreground { flex: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-card-foreground { flex: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-card-foreground { flex: var(--color-card-foreground); } }
.grow-color-card-foreground { flex-grow: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:grow-color-card-foreground { flex-grow: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:grow-color-card-foreground { flex-grow: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-card-foreground { flex-grow: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-card-foreground { flex-grow: var(--color-card-foreground); } }
.shrink-color-card-foreground { flex-shrink: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-card-foreground { flex-shrink: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-card-foreground { flex-shrink: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-card-foreground { flex-shrink: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-card-foreground { flex-shrink: var(--color-card-foreground); } }
.basis-color-card-foreground { flex-basis: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:basis-color-card-foreground { flex-basis: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:basis-color-card-foreground { flex-basis: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-card-foreground { flex-basis: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-card-foreground { flex-basis: var(--color-card-foreground); } }
.order-color-card-foreground { order: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:order-color-card-foreground { order: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:order-color-card-foreground { order: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-card-foreground { order: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-card-foreground { order: var(--color-card-foreground); } }
.overflow-color-card-foreground { overflow: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-card-foreground { overflow: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-card-foreground { overflow: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-card-foreground { overflow: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-card-foreground { overflow: var(--color-card-foreground); } }
.overflow-x-color-card-foreground { overflow-x: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-card-foreground { overflow-x: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-card-foreground { overflow-x: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-card-foreground { overflow-x: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-card-foreground { overflow-x: var(--color-card-foreground); } }
.overflow-y-color-card-foreground { overflow-y: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-card-foreground { overflow-y: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-card-foreground { overflow-y: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-card-foreground { overflow-y: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-card-foreground { overflow-y: var(--color-card-foreground); } }
.p-color-card-foreground { padding: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:p-color-card-foreground { padding: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:p-color-card-foreground { padding: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-card-foreground { padding: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-card-foreground { padding: var(--color-card-foreground); } }
.pt-color-card-foreground { padding-top: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:pt-color-card-foreground { padding-top: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:pt-color-card-foreground { padding-top: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-card-foreground { padding-top: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-card-foreground { padding-top: var(--color-card-foreground); } }
.pr-color-card-foreground { padding-right: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:pr-color-card-foreground { padding-right: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:pr-color-card-foreground { padding-right: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-card-foreground { padding-right: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-card-foreground { padding-right: var(--color-card-foreground); } }
.pb-color-card-foreground { padding-bottom: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:pb-color-card-foreground { padding-bottom: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:pb-color-card-foreground { padding-bottom: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-card-foreground { padding-bottom: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-card-foreground { padding-bottom: var(--color-card-foreground); } }
.pl-color-card-foreground { padding-left: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:pl-color-card-foreground { padding-left: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:pl-color-card-foreground { padding-left: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-card-foreground { padding-left: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-card-foreground { padding-left: var(--color-card-foreground); } }
.m-color-card-foreground { margin: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:m-color-card-foreground { margin: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:m-color-card-foreground { margin: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-card-foreground { margin: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-card-foreground { margin: var(--color-card-foreground); } }
.mt-color-card-foreground { margin-top: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:mt-color-card-foreground { margin-top: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:mt-color-card-foreground { margin-top: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-card-foreground { margin-top: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-card-foreground { margin-top: var(--color-card-foreground); } }
.mr-color-card-foreground { margin-right: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:mr-color-card-foreground { margin-right: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:mr-color-card-foreground { margin-right: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-card-foreground { margin-right: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-card-foreground { margin-right: var(--color-card-foreground); } }
.mb-color-card-foreground { margin-bottom: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:mb-color-card-foreground { margin-bottom: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:mb-color-card-foreground { margin-bottom: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-card-foreground { margin-bottom: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-card-foreground { margin-bottom: var(--color-card-foreground); } }
.ml-color-card-foreground { margin-left: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:ml-color-card-foreground { margin-left: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:ml-color-card-foreground { margin-left: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-card-foreground { margin-left: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-card-foreground { margin-left: var(--color-card-foreground); } }
.gap-color-card-foreground { gap: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:gap-color-card-foreground { gap: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:gap-color-card-foreground { gap: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-card-foreground { gap: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-card-foreground { gap: var(--color-card-foreground); } }
.w-color-card-foreground { width: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:w-color-card-foreground { width: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:w-color-card-foreground { width: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-card-foreground { width: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-card-foreground { width: var(--color-card-foreground); } }
.h-color-card-foreground { height: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:h-color-card-foreground { height: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:h-color-card-foreground { height: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-card-foreground { height: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-card-foreground { height: var(--color-card-foreground); } }
.aspect-color-card-foreground { aspect-ratio: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-card-foreground { aspect-ratio: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-card-foreground { aspect-ratio: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-card-foreground { aspect-ratio: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-card-foreground { aspect-ratio: var(--color-card-foreground); } }
.min-w-color-card-foreground { min-width: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-card-foreground { min-width: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-card-foreground { min-width: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-card-foreground { min-width: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-card-foreground { min-width: var(--color-card-foreground); } }
.min-h-color-card-foreground { min-height: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-card-foreground { min-height: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-card-foreground { min-height: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-card-foreground { min-height: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-card-foreground { min-height: var(--color-card-foreground); } }
.max-w-color-card-foreground { max-width: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-card-foreground { max-width: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-card-foreground { max-width: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-card-foreground { max-width: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-card-foreground { max-width: var(--color-card-foreground); } }
.max-h-color-card-foreground { max-height: var(--color-card-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-card-foreground { max-height: var(--color-card-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-card-foreground { max-height: var(--color-card-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-card-foreground { max-height: var(--color-card-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-card-foreground { max-height: var(--color-card-foreground); } }
.bg-color-popover { background-color: var(--color-popover); }
@media (min-width: 640px) { .sm\:bg-color-popover { background-color: var(--color-popover); } }
@media (min-width: 768px) { .md\:bg-color-popover { background-color: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:bg-color-popover { background-color: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:bg-color-popover { background-color: var(--color-popover); } }
.border-color-color-popover { border-color: var(--color-popover); }
@media (min-width: 640px) { .sm\:border-color-color-popover { border-color: var(--color-popover); } }
@media (min-width: 768px) { .md\:border-color-color-popover { border-color: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:border-color-color-popover { border-color: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:border-color-color-popover { border-color: var(--color-popover); } }
.rounded-color-popover { border-radius: var(--color-popover); }
@media (min-width: 640px) { .sm\:rounded-color-popover { border-radius: var(--color-popover); } }
@media (min-width: 768px) { .md\:rounded-color-popover { border-radius: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:rounded-color-popover { border-radius: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:rounded-color-popover { border-radius: var(--color-popover); } }
.border-style-color-popover { border-style: var(--color-popover); }
@media (min-width: 640px) { .sm\:border-style-color-popover { border-style: var(--color-popover); } }
@media (min-width: 768px) { .md\:border-style-color-popover { border-style: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:border-style-color-popover { border-style: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:border-style-color-popover { border-style: var(--color-popover); } }
.border-width-color-popover { border-width: var(--color-popover); }
@media (min-width: 640px) { .sm\:border-width-color-popover { border-width: var(--color-popover); } }
@media (min-width: 768px) { .md\:border-width-color-popover { border-width: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:border-width-color-popover { border-width: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:border-width-color-popover { border-width: var(--color-popover); } }
.text-color-popover { color: var(--color-popover); }
@media (min-width: 640px) { .sm\:text-color-popover { color: var(--color-popover); } }
@media (min-width: 768px) { .md\:text-color-popover { color: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:text-color-popover { color: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:text-color-popover { color: var(--color-popover); } }
.font-color-popover { font-family: var(--color-popover); }
@media (min-width: 640px) { .sm\:font-color-popover { font-family: var(--color-popover); } }
@media (min-width: 768px) { .md\:font-color-popover { font-family: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:font-color-popover { font-family: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:font-color-popover { font-family: var(--color-popover); } }
.text-size-color-popover { font-size: var(--color-popover); }
@media (min-width: 640px) { .sm\:text-size-color-popover { font-size: var(--color-popover); } }
@media (min-width: 768px) { .md\:text-size-color-popover { font-size: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:text-size-color-popover { font-size: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:text-size-color-popover { font-size: var(--color-popover); } }
.font-weight-color-popover { font-weight: var(--color-popover); }
@media (min-width: 640px) { .sm\:font-weight-color-popover { font-weight: var(--color-popover); } }
@media (min-width: 768px) { .md\:font-weight-color-popover { font-weight: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:font-weight-color-popover { font-weight: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:font-weight-color-popover { font-weight: var(--color-popover); } }
.text-align-color-popover { text-align: var(--color-popover); }
@media (min-width: 640px) { .sm\:text-align-color-popover { text-align: var(--color-popover); } }
@media (min-width: 768px) { .md\:text-align-color-popover { text-align: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:text-align-color-popover { text-align: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:text-align-color-popover { text-align: var(--color-popover); } }
.leading-color-popover { line-height: var(--color-popover); }
@media (min-width: 640px) { .sm\:leading-color-popover { line-height: var(--color-popover); } }
@media (min-width: 768px) { .md\:leading-color-popover { line-height: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:leading-color-popover { line-height: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:leading-color-popover { line-height: var(--color-popover); } }
.tracking-color-popover { letter-spacing: var(--color-popover); }
@media (min-width: 640px) { .sm\:tracking-color-popover { letter-spacing: var(--color-popover); } }
@media (min-width: 768px) { .md\:tracking-color-popover { letter-spacing: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:tracking-color-popover { letter-spacing: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:tracking-color-popover { letter-spacing: var(--color-popover); } }
.text-transform-color-popover { text-transform: var(--color-popover); }
@media (min-width: 640px) { .sm\:text-transform-color-popover { text-transform: var(--color-popover); } }
@media (min-width: 768px) { .md\:text-transform-color-popover { text-transform: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:text-transform-color-popover { text-transform: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:text-transform-color-popover { text-transform: var(--color-popover); } }
.font-style-color-popover { font-style: var(--color-popover); }
@media (min-width: 640px) { .sm\:font-style-color-popover { font-style: var(--color-popover); } }
@media (min-width: 768px) { .md\:font-style-color-popover { font-style: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:font-style-color-popover { font-style: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:font-style-color-popover { font-style: var(--color-popover); } }
.decoration-color-popover { text-decoration-line: var(--color-popover); }
@media (min-width: 640px) { .sm\:decoration-color-popover { text-decoration-line: var(--color-popover); } }
@media (min-width: 768px) { .md\:decoration-color-popover { text-decoration-line: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:decoration-color-popover { text-decoration-line: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:decoration-color-popover { text-decoration-line: var(--color-popover); } }
.display-color-popover { display: var(--color-popover); }
@media (min-width: 640px) { .sm\:display-color-popover { display: var(--color-popover); } }
@media (min-width: 768px) { .md\:display-color-popover { display: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:display-color-popover { display: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:display-color-popover { display: var(--color-popover); } }
.flex-direction-color-popover { flex-direction: var(--color-popover); }
@media (min-width: 640px) { .sm\:flex-direction-color-popover { flex-direction: var(--color-popover); } }
@media (min-width: 768px) { .md\:flex-direction-color-popover { flex-direction: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-popover { flex-direction: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-popover { flex-direction: var(--color-popover); } }
.flex-wrap-color-popover { flex-wrap: var(--color-popover); }
@media (min-width: 640px) { .sm\:flex-wrap-color-popover { flex-wrap: var(--color-popover); } }
@media (min-width: 768px) { .md\:flex-wrap-color-popover { flex-wrap: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-popover { flex-wrap: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-popover { flex-wrap: var(--color-popover); } }
.justify-color-popover { justify-content: var(--color-popover); }
@media (min-width: 640px) { .sm\:justify-color-popover { justify-content: var(--color-popover); } }
@media (min-width: 768px) { .md\:justify-color-popover { justify-content: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:justify-color-popover { justify-content: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:justify-color-popover { justify-content: var(--color-popover); } }
.items-color-popover { align-items: var(--color-popover); }
@media (min-width: 640px) { .sm\:items-color-popover { align-items: var(--color-popover); } }
@media (min-width: 768px) { .md\:items-color-popover { align-items: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:items-color-popover { align-items: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:items-color-popover { align-items: var(--color-popover); } }
.self-color-popover { align-self: var(--color-popover); }
@media (min-width: 640px) { .sm\:self-color-popover { align-self: var(--color-popover); } }
@media (min-width: 768px) { .md\:self-color-popover { align-self: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:self-color-popover { align-self: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:self-color-popover { align-self: var(--color-popover); } }
.flex-color-popover { flex: var(--color-popover); }
@media (min-width: 640px) { .sm\:flex-color-popover { flex: var(--color-popover); } }
@media (min-width: 768px) { .md\:flex-color-popover { flex: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:flex-color-popover { flex: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:flex-color-popover { flex: var(--color-popover); } }
.grow-color-popover { flex-grow: var(--color-popover); }
@media (min-width: 640px) { .sm\:grow-color-popover { flex-grow: var(--color-popover); } }
@media (min-width: 768px) { .md\:grow-color-popover { flex-grow: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:grow-color-popover { flex-grow: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:grow-color-popover { flex-grow: var(--color-popover); } }
.shrink-color-popover { flex-shrink: var(--color-popover); }
@media (min-width: 640px) { .sm\:shrink-color-popover { flex-shrink: var(--color-popover); } }
@media (min-width: 768px) { .md\:shrink-color-popover { flex-shrink: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:shrink-color-popover { flex-shrink: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:shrink-color-popover { flex-shrink: var(--color-popover); } }
.basis-color-popover { flex-basis: var(--color-popover); }
@media (min-width: 640px) { .sm\:basis-color-popover { flex-basis: var(--color-popover); } }
@media (min-width: 768px) { .md\:basis-color-popover { flex-basis: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:basis-color-popover { flex-basis: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:basis-color-popover { flex-basis: var(--color-popover); } }
.order-color-popover { order: var(--color-popover); }
@media (min-width: 640px) { .sm\:order-color-popover { order: var(--color-popover); } }
@media (min-width: 768px) { .md\:order-color-popover { order: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:order-color-popover { order: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:order-color-popover { order: var(--color-popover); } }
.overflow-color-popover { overflow: var(--color-popover); }
@media (min-width: 640px) { .sm\:overflow-color-popover { overflow: var(--color-popover); } }
@media (min-width: 768px) { .md\:overflow-color-popover { overflow: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:overflow-color-popover { overflow: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:overflow-color-popover { overflow: var(--color-popover); } }
.overflow-x-color-popover { overflow-x: var(--color-popover); }
@media (min-width: 640px) { .sm\:overflow-x-color-popover { overflow-x: var(--color-popover); } }
@media (min-width: 768px) { .md\:overflow-x-color-popover { overflow-x: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-popover { overflow-x: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-popover { overflow-x: var(--color-popover); } }
.overflow-y-color-popover { overflow-y: var(--color-popover); }
@media (min-width: 640px) { .sm\:overflow-y-color-popover { overflow-y: var(--color-popover); } }
@media (min-width: 768px) { .md\:overflow-y-color-popover { overflow-y: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-popover { overflow-y: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-popover { overflow-y: var(--color-popover); } }
.p-color-popover { padding: var(--color-popover); }
@media (min-width: 640px) { .sm\:p-color-popover { padding: var(--color-popover); } }
@media (min-width: 768px) { .md\:p-color-popover { padding: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:p-color-popover { padding: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:p-color-popover { padding: var(--color-popover); } }
.pt-color-popover { padding-top: var(--color-popover); }
@media (min-width: 640px) { .sm\:pt-color-popover { padding-top: var(--color-popover); } }
@media (min-width: 768px) { .md\:pt-color-popover { padding-top: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:pt-color-popover { padding-top: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:pt-color-popover { padding-top: var(--color-popover); } }
.pr-color-popover { padding-right: var(--color-popover); }
@media (min-width: 640px) { .sm\:pr-color-popover { padding-right: var(--color-popover); } }
@media (min-width: 768px) { .md\:pr-color-popover { padding-right: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:pr-color-popover { padding-right: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:pr-color-popover { padding-right: var(--color-popover); } }
.pb-color-popover { padding-bottom: var(--color-popover); }
@media (min-width: 640px) { .sm\:pb-color-popover { padding-bottom: var(--color-popover); } }
@media (min-width: 768px) { .md\:pb-color-popover { padding-bottom: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:pb-color-popover { padding-bottom: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:pb-color-popover { padding-bottom: var(--color-popover); } }
.pl-color-popover { padding-left: var(--color-popover); }
@media (min-width: 640px) { .sm\:pl-color-popover { padding-left: var(--color-popover); } }
@media (min-width: 768px) { .md\:pl-color-popover { padding-left: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:pl-color-popover { padding-left: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:pl-color-popover { padding-left: var(--color-popover); } }
.m-color-popover { margin: var(--color-popover); }
@media (min-width: 640px) { .sm\:m-color-popover { margin: var(--color-popover); } }
@media (min-width: 768px) { .md\:m-color-popover { margin: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:m-color-popover { margin: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:m-color-popover { margin: var(--color-popover); } }
.mt-color-popover { margin-top: var(--color-popover); }
@media (min-width: 640px) { .sm\:mt-color-popover { margin-top: var(--color-popover); } }
@media (min-width: 768px) { .md\:mt-color-popover { margin-top: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:mt-color-popover { margin-top: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:mt-color-popover { margin-top: var(--color-popover); } }
.mr-color-popover { margin-right: var(--color-popover); }
@media (min-width: 640px) { .sm\:mr-color-popover { margin-right: var(--color-popover); } }
@media (min-width: 768px) { .md\:mr-color-popover { margin-right: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:mr-color-popover { margin-right: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:mr-color-popover { margin-right: var(--color-popover); } }
.mb-color-popover { margin-bottom: var(--color-popover); }
@media (min-width: 640px) { .sm\:mb-color-popover { margin-bottom: var(--color-popover); } }
@media (min-width: 768px) { .md\:mb-color-popover { margin-bottom: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:mb-color-popover { margin-bottom: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:mb-color-popover { margin-bottom: var(--color-popover); } }
.ml-color-popover { margin-left: var(--color-popover); }
@media (min-width: 640px) { .sm\:ml-color-popover { margin-left: var(--color-popover); } }
@media (min-width: 768px) { .md\:ml-color-popover { margin-left: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:ml-color-popover { margin-left: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:ml-color-popover { margin-left: var(--color-popover); } }
.gap-color-popover { gap: var(--color-popover); }
@media (min-width: 640px) { .sm\:gap-color-popover { gap: var(--color-popover); } }
@media (min-width: 768px) { .md\:gap-color-popover { gap: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:gap-color-popover { gap: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:gap-color-popover { gap: var(--color-popover); } }
.w-color-popover { width: var(--color-popover); }
@media (min-width: 640px) { .sm\:w-color-popover { width: var(--color-popover); } }
@media (min-width: 768px) { .md\:w-color-popover { width: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:w-color-popover { width: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:w-color-popover { width: var(--color-popover); } }
.h-color-popover { height: var(--color-popover); }
@media (min-width: 640px) { .sm\:h-color-popover { height: var(--color-popover); } }
@media (min-width: 768px) { .md\:h-color-popover { height: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:h-color-popover { height: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:h-color-popover { height: var(--color-popover); } }
.aspect-color-popover { aspect-ratio: var(--color-popover); }
@media (min-width: 640px) { .sm\:aspect-color-popover { aspect-ratio: var(--color-popover); } }
@media (min-width: 768px) { .md\:aspect-color-popover { aspect-ratio: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:aspect-color-popover { aspect-ratio: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:aspect-color-popover { aspect-ratio: var(--color-popover); } }
.min-w-color-popover { min-width: var(--color-popover); }
@media (min-width: 640px) { .sm\:min-w-color-popover { min-width: var(--color-popover); } }
@media (min-width: 768px) { .md\:min-w-color-popover { min-width: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:min-w-color-popover { min-width: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:min-w-color-popover { min-width: var(--color-popover); } }
.min-h-color-popover { min-height: var(--color-popover); }
@media (min-width: 640px) { .sm\:min-h-color-popover { min-height: var(--color-popover); } }
@media (min-width: 768px) { .md\:min-h-color-popover { min-height: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:min-h-color-popover { min-height: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:min-h-color-popover { min-height: var(--color-popover); } }
.max-w-color-popover { max-width: var(--color-popover); }
@media (min-width: 640px) { .sm\:max-w-color-popover { max-width: var(--color-popover); } }
@media (min-width: 768px) { .md\:max-w-color-popover { max-width: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:max-w-color-popover { max-width: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:max-w-color-popover { max-width: var(--color-popover); } }
.max-h-color-popover { max-height: var(--color-popover); }
@media (min-width: 640px) { .sm\:max-h-color-popover { max-height: var(--color-popover); } }
@media (min-width: 768px) { .md\:max-h-color-popover { max-height: var(--color-popover); } }
@media (min-width: 1024px) { .lg\:max-h-color-popover { max-height: var(--color-popover); } }
@media (min-width: 1280px) { .xl\:max-h-color-popover { max-height: var(--color-popover); } }
.bg-color-popover-foreground { background-color: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:bg-color-popover-foreground { background-color: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:bg-color-popover-foreground { background-color: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-popover-foreground { background-color: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-popover-foreground { background-color: var(--color-popover-foreground); } }
.border-color-color-popover-foreground { border-color: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-popover-foreground { border-color: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-popover-foreground { border-color: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-popover-foreground { border-color: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-popover-foreground { border-color: var(--color-popover-foreground); } }
.rounded-color-popover-foreground { border-radius: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-popover-foreground { border-radius: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-popover-foreground { border-radius: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-popover-foreground { border-radius: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-popover-foreground { border-radius: var(--color-popover-foreground); } }
.border-style-color-popover-foreground { border-style: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-popover-foreground { border-style: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-popover-foreground { border-style: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-popover-foreground { border-style: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-popover-foreground { border-style: var(--color-popover-foreground); } }
.border-width-color-popover-foreground { border-width: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-popover-foreground { border-width: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-popover-foreground { border-width: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-popover-foreground { border-width: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-popover-foreground { border-width: var(--color-popover-foreground); } }
.text-color-popover-foreground { color: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:text-color-popover-foreground { color: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:text-color-popover-foreground { color: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-popover-foreground { color: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-popover-foreground { color: var(--color-popover-foreground); } }
.font-color-popover-foreground { font-family: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:font-color-popover-foreground { font-family: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:font-color-popover-foreground { font-family: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-popover-foreground { font-family: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-popover-foreground { font-family: var(--color-popover-foreground); } }
.text-size-color-popover-foreground { font-size: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-popover-foreground { font-size: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-popover-foreground { font-size: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-popover-foreground { font-size: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-popover-foreground { font-size: var(--color-popover-foreground); } }
.font-weight-color-popover-foreground { font-weight: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-popover-foreground { font-weight: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-popover-foreground { font-weight: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-popover-foreground { font-weight: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-popover-foreground { font-weight: var(--color-popover-foreground); } }
.text-align-color-popover-foreground { text-align: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-popover-foreground { text-align: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-popover-foreground { text-align: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-popover-foreground { text-align: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-popover-foreground { text-align: var(--color-popover-foreground); } }
.leading-color-popover-foreground { line-height: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:leading-color-popover-foreground { line-height: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:leading-color-popover-foreground { line-height: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-popover-foreground { line-height: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-popover-foreground { line-height: var(--color-popover-foreground); } }
.tracking-color-popover-foreground { letter-spacing: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-popover-foreground { letter-spacing: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-popover-foreground { letter-spacing: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-popover-foreground { letter-spacing: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-popover-foreground { letter-spacing: var(--color-popover-foreground); } }
.text-transform-color-popover-foreground { text-transform: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-popover-foreground { text-transform: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-popover-foreground { text-transform: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-popover-foreground { text-transform: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-popover-foreground { text-transform: var(--color-popover-foreground); } }
.font-style-color-popover-foreground { font-style: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-popover-foreground { font-style: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-popover-foreground { font-style: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-popover-foreground { font-style: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-popover-foreground { font-style: var(--color-popover-foreground); } }
.decoration-color-popover-foreground { text-decoration-line: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-popover-foreground { text-decoration-line: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-popover-foreground { text-decoration-line: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-popover-foreground { text-decoration-line: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-popover-foreground { text-decoration-line: var(--color-popover-foreground); } }
.display-color-popover-foreground { display: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:display-color-popover-foreground { display: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:display-color-popover-foreground { display: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-popover-foreground { display: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-popover-foreground { display: var(--color-popover-foreground); } }
.flex-direction-color-popover-foreground { flex-direction: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-popover-foreground { flex-direction: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-popover-foreground { flex-direction: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-popover-foreground { flex-direction: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-popover-foreground { flex-direction: var(--color-popover-foreground); } }
.flex-wrap-color-popover-foreground { flex-wrap: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-popover-foreground { flex-wrap: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-popover-foreground { flex-wrap: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-popover-foreground { flex-wrap: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-popover-foreground { flex-wrap: var(--color-popover-foreground); } }
.justify-color-popover-foreground { justify-content: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:justify-color-popover-foreground { justify-content: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:justify-color-popover-foreground { justify-content: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-popover-foreground { justify-content: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-popover-foreground { justify-content: var(--color-popover-foreground); } }
.items-color-popover-foreground { align-items: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:items-color-popover-foreground { align-items: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:items-color-popover-foreground { align-items: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-popover-foreground { align-items: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-popover-foreground { align-items: var(--color-popover-foreground); } }
.self-color-popover-foreground { align-self: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:self-color-popover-foreground { align-self: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:self-color-popover-foreground { align-self: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-popover-foreground { align-self: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-popover-foreground { align-self: var(--color-popover-foreground); } }
.flex-color-popover-foreground { flex: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:flex-color-popover-foreground { flex: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:flex-color-popover-foreground { flex: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-popover-foreground { flex: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-popover-foreground { flex: var(--color-popover-foreground); } }
.grow-color-popover-foreground { flex-grow: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:grow-color-popover-foreground { flex-grow: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:grow-color-popover-foreground { flex-grow: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-popover-foreground { flex-grow: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-popover-foreground { flex-grow: var(--color-popover-foreground); } }
.shrink-color-popover-foreground { flex-shrink: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-popover-foreground { flex-shrink: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-popover-foreground { flex-shrink: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-popover-foreground { flex-shrink: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-popover-foreground { flex-shrink: var(--color-popover-foreground); } }
.basis-color-popover-foreground { flex-basis: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:basis-color-popover-foreground { flex-basis: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:basis-color-popover-foreground { flex-basis: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-popover-foreground { flex-basis: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-popover-foreground { flex-basis: var(--color-popover-foreground); } }
.order-color-popover-foreground { order: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:order-color-popover-foreground { order: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:order-color-popover-foreground { order: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-popover-foreground { order: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-popover-foreground { order: var(--color-popover-foreground); } }
.overflow-color-popover-foreground { overflow: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-popover-foreground { overflow: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-popover-foreground { overflow: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-popover-foreground { overflow: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-popover-foreground { overflow: var(--color-popover-foreground); } }
.overflow-x-color-popover-foreground { overflow-x: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-popover-foreground { overflow-x: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-popover-foreground { overflow-x: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-popover-foreground { overflow-x: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-popover-foreground { overflow-x: var(--color-popover-foreground); } }
.overflow-y-color-popover-foreground { overflow-y: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-popover-foreground { overflow-y: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-popover-foreground { overflow-y: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-popover-foreground { overflow-y: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-popover-foreground { overflow-y: var(--color-popover-foreground); } }
.p-color-popover-foreground { padding: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:p-color-popover-foreground { padding: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:p-color-popover-foreground { padding: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-popover-foreground { padding: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-popover-foreground { padding: var(--color-popover-foreground); } }
.pt-color-popover-foreground { padding-top: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:pt-color-popover-foreground { padding-top: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:pt-color-popover-foreground { padding-top: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-popover-foreground { padding-top: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-popover-foreground { padding-top: var(--color-popover-foreground); } }
.pr-color-popover-foreground { padding-right: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:pr-color-popover-foreground { padding-right: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:pr-color-popover-foreground { padding-right: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-popover-foreground { padding-right: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-popover-foreground { padding-right: var(--color-popover-foreground); } }
.pb-color-popover-foreground { padding-bottom: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:pb-color-popover-foreground { padding-bottom: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:pb-color-popover-foreground { padding-bottom: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-popover-foreground { padding-bottom: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-popover-foreground { padding-bottom: var(--color-popover-foreground); } }
.pl-color-popover-foreground { padding-left: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:pl-color-popover-foreground { padding-left: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:pl-color-popover-foreground { padding-left: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-popover-foreground { padding-left: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-popover-foreground { padding-left: var(--color-popover-foreground); } }
.m-color-popover-foreground { margin: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:m-color-popover-foreground { margin: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:m-color-popover-foreground { margin: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-popover-foreground { margin: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-popover-foreground { margin: var(--color-popover-foreground); } }
.mt-color-popover-foreground { margin-top: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:mt-color-popover-foreground { margin-top: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:mt-color-popover-foreground { margin-top: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-popover-foreground { margin-top: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-popover-foreground { margin-top: var(--color-popover-foreground); } }
.mr-color-popover-foreground { margin-right: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:mr-color-popover-foreground { margin-right: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:mr-color-popover-foreground { margin-right: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-popover-foreground { margin-right: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-popover-foreground { margin-right: var(--color-popover-foreground); } }
.mb-color-popover-foreground { margin-bottom: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:mb-color-popover-foreground { margin-bottom: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:mb-color-popover-foreground { margin-bottom: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-popover-foreground { margin-bottom: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-popover-foreground { margin-bottom: var(--color-popover-foreground); } }
.ml-color-popover-foreground { margin-left: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:ml-color-popover-foreground { margin-left: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:ml-color-popover-foreground { margin-left: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-popover-foreground { margin-left: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-popover-foreground { margin-left: var(--color-popover-foreground); } }
.gap-color-popover-foreground { gap: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:gap-color-popover-foreground { gap: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:gap-color-popover-foreground { gap: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-popover-foreground { gap: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-popover-foreground { gap: var(--color-popover-foreground); } }
.w-color-popover-foreground { width: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:w-color-popover-foreground { width: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:w-color-popover-foreground { width: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-popover-foreground { width: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-popover-foreground { width: var(--color-popover-foreground); } }
.h-color-popover-foreground { height: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:h-color-popover-foreground { height: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:h-color-popover-foreground { height: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-popover-foreground { height: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-popover-foreground { height: var(--color-popover-foreground); } }
.aspect-color-popover-foreground { aspect-ratio: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-popover-foreground { aspect-ratio: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-popover-foreground { aspect-ratio: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-popover-foreground { aspect-ratio: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-popover-foreground { aspect-ratio: var(--color-popover-foreground); } }
.min-w-color-popover-foreground { min-width: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-popover-foreground { min-width: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-popover-foreground { min-width: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-popover-foreground { min-width: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-popover-foreground { min-width: var(--color-popover-foreground); } }
.min-h-color-popover-foreground { min-height: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-popover-foreground { min-height: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-popover-foreground { min-height: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-popover-foreground { min-height: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-popover-foreground { min-height: var(--color-popover-foreground); } }
.max-w-color-popover-foreground { max-width: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-popover-foreground { max-width: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-popover-foreground { max-width: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-popover-foreground { max-width: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-popover-foreground { max-width: var(--color-popover-foreground); } }
.max-h-color-popover-foreground { max-height: var(--color-popover-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-popover-foreground { max-height: var(--color-popover-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-popover-foreground { max-height: var(--color-popover-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-popover-foreground { max-height: var(--color-popover-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-popover-foreground { max-height: var(--color-popover-foreground); } }
.bg-color-primary { background-color: var(--color-primary); }
@media (min-width: 640px) { .sm\:bg-color-primary { background-color: var(--color-primary); } }
@media (min-width: 768px) { .md\:bg-color-primary { background-color: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:bg-color-primary { background-color: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:bg-color-primary { background-color: var(--color-primary); } }
.border-color-color-primary { border-color: var(--color-primary); }
@media (min-width: 640px) { .sm\:border-color-color-primary { border-color: var(--color-primary); } }
@media (min-width: 768px) { .md\:border-color-color-primary { border-color: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:border-color-color-primary { border-color: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:border-color-color-primary { border-color: var(--color-primary); } }
.rounded-color-primary { border-radius: var(--color-primary); }
@media (min-width: 640px) { .sm\:rounded-color-primary { border-radius: var(--color-primary); } }
@media (min-width: 768px) { .md\:rounded-color-primary { border-radius: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:rounded-color-primary { border-radius: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:rounded-color-primary { border-radius: var(--color-primary); } }
.border-style-color-primary { border-style: var(--color-primary); }
@media (min-width: 640px) { .sm\:border-style-color-primary { border-style: var(--color-primary); } }
@media (min-width: 768px) { .md\:border-style-color-primary { border-style: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:border-style-color-primary { border-style: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:border-style-color-primary { border-style: var(--color-primary); } }
.border-width-color-primary { border-width: var(--color-primary); }
@media (min-width: 640px) { .sm\:border-width-color-primary { border-width: var(--color-primary); } }
@media (min-width: 768px) { .md\:border-width-color-primary { border-width: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:border-width-color-primary { border-width: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:border-width-color-primary { border-width: var(--color-primary); } }
.text-color-primary { color: var(--color-primary); }
@media (min-width: 640px) { .sm\:text-color-primary { color: var(--color-primary); } }
@media (min-width: 768px) { .md\:text-color-primary { color: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:text-color-primary { color: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:text-color-primary { color: var(--color-primary); } }
.font-color-primary { font-family: var(--color-primary); }
@media (min-width: 640px) { .sm\:font-color-primary { font-family: var(--color-primary); } }
@media (min-width: 768px) { .md\:font-color-primary { font-family: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:font-color-primary { font-family: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:font-color-primary { font-family: var(--color-primary); } }
.text-size-color-primary { font-size: var(--color-primary); }
@media (min-width: 640px) { .sm\:text-size-color-primary { font-size: var(--color-primary); } }
@media (min-width: 768px) { .md\:text-size-color-primary { font-size: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:text-size-color-primary { font-size: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:text-size-color-primary { font-size: var(--color-primary); } }
.font-weight-color-primary { font-weight: var(--color-primary); }
@media (min-width: 640px) { .sm\:font-weight-color-primary { font-weight: var(--color-primary); } }
@media (min-width: 768px) { .md\:font-weight-color-primary { font-weight: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:font-weight-color-primary { font-weight: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:font-weight-color-primary { font-weight: var(--color-primary); } }
.text-align-color-primary { text-align: var(--color-primary); }
@media (min-width: 640px) { .sm\:text-align-color-primary { text-align: var(--color-primary); } }
@media (min-width: 768px) { .md\:text-align-color-primary { text-align: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:text-align-color-primary { text-align: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:text-align-color-primary { text-align: var(--color-primary); } }
.leading-color-primary { line-height: var(--color-primary); }
@media (min-width: 640px) { .sm\:leading-color-primary { line-height: var(--color-primary); } }
@media (min-width: 768px) { .md\:leading-color-primary { line-height: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:leading-color-primary { line-height: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:leading-color-primary { line-height: var(--color-primary); } }
.tracking-color-primary { letter-spacing: var(--color-primary); }
@media (min-width: 640px) { .sm\:tracking-color-primary { letter-spacing: var(--color-primary); } }
@media (min-width: 768px) { .md\:tracking-color-primary { letter-spacing: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:tracking-color-primary { letter-spacing: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:tracking-color-primary { letter-spacing: var(--color-primary); } }
.text-transform-color-primary { text-transform: var(--color-primary); }
@media (min-width: 640px) { .sm\:text-transform-color-primary { text-transform: var(--color-primary); } }
@media (min-width: 768px) { .md\:text-transform-color-primary { text-transform: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:text-transform-color-primary { text-transform: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:text-transform-color-primary { text-transform: var(--color-primary); } }
.font-style-color-primary { font-style: var(--color-primary); }
@media (min-width: 640px) { .sm\:font-style-color-primary { font-style: var(--color-primary); } }
@media (min-width: 768px) { .md\:font-style-color-primary { font-style: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:font-style-color-primary { font-style: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:font-style-color-primary { font-style: var(--color-primary); } }
.decoration-color-primary { text-decoration-line: var(--color-primary); }
@media (min-width: 640px) { .sm\:decoration-color-primary { text-decoration-line: var(--color-primary); } }
@media (min-width: 768px) { .md\:decoration-color-primary { text-decoration-line: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:decoration-color-primary { text-decoration-line: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:decoration-color-primary { text-decoration-line: var(--color-primary); } }
.display-color-primary { display: var(--color-primary); }
@media (min-width: 640px) { .sm\:display-color-primary { display: var(--color-primary); } }
@media (min-width: 768px) { .md\:display-color-primary { display: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:display-color-primary { display: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:display-color-primary { display: var(--color-primary); } }
.flex-direction-color-primary { flex-direction: var(--color-primary); }
@media (min-width: 640px) { .sm\:flex-direction-color-primary { flex-direction: var(--color-primary); } }
@media (min-width: 768px) { .md\:flex-direction-color-primary { flex-direction: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-primary { flex-direction: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-primary { flex-direction: var(--color-primary); } }
.flex-wrap-color-primary { flex-wrap: var(--color-primary); }
@media (min-width: 640px) { .sm\:flex-wrap-color-primary { flex-wrap: var(--color-primary); } }
@media (min-width: 768px) { .md\:flex-wrap-color-primary { flex-wrap: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-primary { flex-wrap: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-primary { flex-wrap: var(--color-primary); } }
.justify-color-primary { justify-content: var(--color-primary); }
@media (min-width: 640px) { .sm\:justify-color-primary { justify-content: var(--color-primary); } }
@media (min-width: 768px) { .md\:justify-color-primary { justify-content: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:justify-color-primary { justify-content: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:justify-color-primary { justify-content: var(--color-primary); } }
.items-color-primary { align-items: var(--color-primary); }
@media (min-width: 640px) { .sm\:items-color-primary { align-items: var(--color-primary); } }
@media (min-width: 768px) { .md\:items-color-primary { align-items: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:items-color-primary { align-items: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:items-color-primary { align-items: var(--color-primary); } }
.self-color-primary { align-self: var(--color-primary); }
@media (min-width: 640px) { .sm\:self-color-primary { align-self: var(--color-primary); } }
@media (min-width: 768px) { .md\:self-color-primary { align-self: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:self-color-primary { align-self: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:self-color-primary { align-self: var(--color-primary); } }
.flex-color-primary { flex: var(--color-primary); }
@media (min-width: 640px) { .sm\:flex-color-primary { flex: var(--color-primary); } }
@media (min-width: 768px) { .md\:flex-color-primary { flex: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:flex-color-primary { flex: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:flex-color-primary { flex: var(--color-primary); } }
.grow-color-primary { flex-grow: var(--color-primary); }
@media (min-width: 640px) { .sm\:grow-color-primary { flex-grow: var(--color-primary); } }
@media (min-width: 768px) { .md\:grow-color-primary { flex-grow: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:grow-color-primary { flex-grow: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:grow-color-primary { flex-grow: var(--color-primary); } }
.shrink-color-primary { flex-shrink: var(--color-primary); }
@media (min-width: 640px) { .sm\:shrink-color-primary { flex-shrink: var(--color-primary); } }
@media (min-width: 768px) { .md\:shrink-color-primary { flex-shrink: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:shrink-color-primary { flex-shrink: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:shrink-color-primary { flex-shrink: var(--color-primary); } }
.basis-color-primary { flex-basis: var(--color-primary); }
@media (min-width: 640px) { .sm\:basis-color-primary { flex-basis: var(--color-primary); } }
@media (min-width: 768px) { .md\:basis-color-primary { flex-basis: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:basis-color-primary { flex-basis: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:basis-color-primary { flex-basis: var(--color-primary); } }
.order-color-primary { order: var(--color-primary); }
@media (min-width: 640px) { .sm\:order-color-primary { order: var(--color-primary); } }
@media (min-width: 768px) { .md\:order-color-primary { order: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:order-color-primary { order: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:order-color-primary { order: var(--color-primary); } }
.overflow-color-primary { overflow: var(--color-primary); }
@media (min-width: 640px) { .sm\:overflow-color-primary { overflow: var(--color-primary); } }
@media (min-width: 768px) { .md\:overflow-color-primary { overflow: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:overflow-color-primary { overflow: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:overflow-color-primary { overflow: var(--color-primary); } }
.overflow-x-color-primary { overflow-x: var(--color-primary); }
@media (min-width: 640px) { .sm\:overflow-x-color-primary { overflow-x: var(--color-primary); } }
@media (min-width: 768px) { .md\:overflow-x-color-primary { overflow-x: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-primary { overflow-x: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-primary { overflow-x: var(--color-primary); } }
.overflow-y-color-primary { overflow-y: var(--color-primary); }
@media (min-width: 640px) { .sm\:overflow-y-color-primary { overflow-y: var(--color-primary); } }
@media (min-width: 768px) { .md\:overflow-y-color-primary { overflow-y: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-primary { overflow-y: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-primary { overflow-y: var(--color-primary); } }
.p-color-primary { padding: var(--color-primary); }
@media (min-width: 640px) { .sm\:p-color-primary { padding: var(--color-primary); } }
@media (min-width: 768px) { .md\:p-color-primary { padding: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:p-color-primary { padding: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:p-color-primary { padding: var(--color-primary); } }
.pt-color-primary { padding-top: var(--color-primary); }
@media (min-width: 640px) { .sm\:pt-color-primary { padding-top: var(--color-primary); } }
@media (min-width: 768px) { .md\:pt-color-primary { padding-top: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:pt-color-primary { padding-top: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:pt-color-primary { padding-top: var(--color-primary); } }
.pr-color-primary { padding-right: var(--color-primary); }
@media (min-width: 640px) { .sm\:pr-color-primary { padding-right: var(--color-primary); } }
@media (min-width: 768px) { .md\:pr-color-primary { padding-right: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:pr-color-primary { padding-right: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:pr-color-primary { padding-right: var(--color-primary); } }
.pb-color-primary { padding-bottom: var(--color-primary); }
@media (min-width: 640px) { .sm\:pb-color-primary { padding-bottom: var(--color-primary); } }
@media (min-width: 768px) { .md\:pb-color-primary { padding-bottom: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:pb-color-primary { padding-bottom: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:pb-color-primary { padding-bottom: var(--color-primary); } }
.pl-color-primary { padding-left: var(--color-primary); }
@media (min-width: 640px) { .sm\:pl-color-primary { padding-left: var(--color-primary); } }
@media (min-width: 768px) { .md\:pl-color-primary { padding-left: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:pl-color-primary { padding-left: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:pl-color-primary { padding-left: var(--color-primary); } }
.m-color-primary { margin: var(--color-primary); }
@media (min-width: 640px) { .sm\:m-color-primary { margin: var(--color-primary); } }
@media (min-width: 768px) { .md\:m-color-primary { margin: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:m-color-primary { margin: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:m-color-primary { margin: var(--color-primary); } }
.mt-color-primary { margin-top: var(--color-primary); }
@media (min-width: 640px) { .sm\:mt-color-primary { margin-top: var(--color-primary); } }
@media (min-width: 768px) { .md\:mt-color-primary { margin-top: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:mt-color-primary { margin-top: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:mt-color-primary { margin-top: var(--color-primary); } }
.mr-color-primary { margin-right: var(--color-primary); }
@media (min-width: 640px) { .sm\:mr-color-primary { margin-right: var(--color-primary); } }
@media (min-width: 768px) { .md\:mr-color-primary { margin-right: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:mr-color-primary { margin-right: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:mr-color-primary { margin-right: var(--color-primary); } }
.mb-color-primary { margin-bottom: var(--color-primary); }
@media (min-width: 640px) { .sm\:mb-color-primary { margin-bottom: var(--color-primary); } }
@media (min-width: 768px) { .md\:mb-color-primary { margin-bottom: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:mb-color-primary { margin-bottom: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:mb-color-primary { margin-bottom: var(--color-primary); } }
.ml-color-primary { margin-left: var(--color-primary); }
@media (min-width: 640px) { .sm\:ml-color-primary { margin-left: var(--color-primary); } }
@media (min-width: 768px) { .md\:ml-color-primary { margin-left: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:ml-color-primary { margin-left: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:ml-color-primary { margin-left: var(--color-primary); } }
.gap-color-primary { gap: var(--color-primary); }
@media (min-width: 640px) { .sm\:gap-color-primary { gap: var(--color-primary); } }
@media (min-width: 768px) { .md\:gap-color-primary { gap: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:gap-color-primary { gap: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:gap-color-primary { gap: var(--color-primary); } }
.w-color-primary { width: var(--color-primary); }
@media (min-width: 640px) { .sm\:w-color-primary { width: var(--color-primary); } }
@media (min-width: 768px) { .md\:w-color-primary { width: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:w-color-primary { width: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:w-color-primary { width: var(--color-primary); } }
.h-color-primary { height: var(--color-primary); }
@media (min-width: 640px) { .sm\:h-color-primary { height: var(--color-primary); } }
@media (min-width: 768px) { .md\:h-color-primary { height: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:h-color-primary { height: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:h-color-primary { height: var(--color-primary); } }
.aspect-color-primary { aspect-ratio: var(--color-primary); }
@media (min-width: 640px) { .sm\:aspect-color-primary { aspect-ratio: var(--color-primary); } }
@media (min-width: 768px) { .md\:aspect-color-primary { aspect-ratio: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:aspect-color-primary { aspect-ratio: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:aspect-color-primary { aspect-ratio: var(--color-primary); } }
.min-w-color-primary { min-width: var(--color-primary); }
@media (min-width: 640px) { .sm\:min-w-color-primary { min-width: var(--color-primary); } }
@media (min-width: 768px) { .md\:min-w-color-primary { min-width: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:min-w-color-primary { min-width: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:min-w-color-primary { min-width: var(--color-primary); } }
.min-h-color-primary { min-height: var(--color-primary); }
@media (min-width: 640px) { .sm\:min-h-color-primary { min-height: var(--color-primary); } }
@media (min-width: 768px) { .md\:min-h-color-primary { min-height: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:min-h-color-primary { min-height: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:min-h-color-primary { min-height: var(--color-primary); } }
.max-w-color-primary { max-width: var(--color-primary); }
@media (min-width: 640px) { .sm\:max-w-color-primary { max-width: var(--color-primary); } }
@media (min-width: 768px) { .md\:max-w-color-primary { max-width: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:max-w-color-primary { max-width: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:max-w-color-primary { max-width: var(--color-primary); } }
.max-h-color-primary { max-height: var(--color-primary); }
@media (min-width: 640px) { .sm\:max-h-color-primary { max-height: var(--color-primary); } }
@media (min-width: 768px) { .md\:max-h-color-primary { max-height: var(--color-primary); } }
@media (min-width: 1024px) { .lg\:max-h-color-primary { max-height: var(--color-primary); } }
@media (min-width: 1280px) { .xl\:max-h-color-primary { max-height: var(--color-primary); } }
.bg-color-primary-foreground { background-color: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:bg-color-primary-foreground { background-color: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:bg-color-primary-foreground { background-color: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-primary-foreground { background-color: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-primary-foreground { background-color: var(--color-primary-foreground); } }
.border-color-color-primary-foreground { border-color: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-primary-foreground { border-color: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-primary-foreground { border-color: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-primary-foreground { border-color: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-primary-foreground { border-color: var(--color-primary-foreground); } }
.rounded-color-primary-foreground { border-radius: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-primary-foreground { border-radius: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-primary-foreground { border-radius: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-primary-foreground { border-radius: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-primary-foreground { border-radius: var(--color-primary-foreground); } }
.border-style-color-primary-foreground { border-style: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-primary-foreground { border-style: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-primary-foreground { border-style: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-primary-foreground { border-style: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-primary-foreground { border-style: var(--color-primary-foreground); } }
.border-width-color-primary-foreground { border-width: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-primary-foreground { border-width: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-primary-foreground { border-width: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-primary-foreground { border-width: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-primary-foreground { border-width: var(--color-primary-foreground); } }
.text-color-primary-foreground { color: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:text-color-primary-foreground { color: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:text-color-primary-foreground { color: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-primary-foreground { color: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-primary-foreground { color: var(--color-primary-foreground); } }
.font-color-primary-foreground { font-family: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:font-color-primary-foreground { font-family: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:font-color-primary-foreground { font-family: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-primary-foreground { font-family: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-primary-foreground { font-family: var(--color-primary-foreground); } }
.text-size-color-primary-foreground { font-size: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-primary-foreground { font-size: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-primary-foreground { font-size: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-primary-foreground { font-size: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-primary-foreground { font-size: var(--color-primary-foreground); } }
.font-weight-color-primary-foreground { font-weight: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-primary-foreground { font-weight: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-primary-foreground { font-weight: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-primary-foreground { font-weight: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-primary-foreground { font-weight: var(--color-primary-foreground); } }
.text-align-color-primary-foreground { text-align: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-primary-foreground { text-align: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-primary-foreground { text-align: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-primary-foreground { text-align: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-primary-foreground { text-align: var(--color-primary-foreground); } }
.leading-color-primary-foreground { line-height: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:leading-color-primary-foreground { line-height: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:leading-color-primary-foreground { line-height: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-primary-foreground { line-height: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-primary-foreground { line-height: var(--color-primary-foreground); } }
.tracking-color-primary-foreground { letter-spacing: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-primary-foreground { letter-spacing: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-primary-foreground { letter-spacing: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-primary-foreground { letter-spacing: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-primary-foreground { letter-spacing: var(--color-primary-foreground); } }
.text-transform-color-primary-foreground { text-transform: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-primary-foreground { text-transform: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-primary-foreground { text-transform: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-primary-foreground { text-transform: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-primary-foreground { text-transform: var(--color-primary-foreground); } }
.font-style-color-primary-foreground { font-style: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-primary-foreground { font-style: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-primary-foreground { font-style: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-primary-foreground { font-style: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-primary-foreground { font-style: var(--color-primary-foreground); } }
.decoration-color-primary-foreground { text-decoration-line: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-primary-foreground { text-decoration-line: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-primary-foreground { text-decoration-line: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-primary-foreground { text-decoration-line: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-primary-foreground { text-decoration-line: var(--color-primary-foreground); } }
.display-color-primary-foreground { display: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:display-color-primary-foreground { display: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:display-color-primary-foreground { display: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-primary-foreground { display: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-primary-foreground { display: var(--color-primary-foreground); } }
.flex-direction-color-primary-foreground { flex-direction: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-primary-foreground { flex-direction: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-primary-foreground { flex-direction: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-primary-foreground { flex-direction: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-primary-foreground { flex-direction: var(--color-primary-foreground); } }
.flex-wrap-color-primary-foreground { flex-wrap: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-primary-foreground { flex-wrap: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-primary-foreground { flex-wrap: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-primary-foreground { flex-wrap: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-primary-foreground { flex-wrap: var(--color-primary-foreground); } }
.justify-color-primary-foreground { justify-content: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:justify-color-primary-foreground { justify-content: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:justify-color-primary-foreground { justify-content: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-primary-foreground { justify-content: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-primary-foreground { justify-content: var(--color-primary-foreground); } }
.items-color-primary-foreground { align-items: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:items-color-primary-foreground { align-items: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:items-color-primary-foreground { align-items: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-primary-foreground { align-items: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-primary-foreground { align-items: var(--color-primary-foreground); } }
.self-color-primary-foreground { align-self: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:self-color-primary-foreground { align-self: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:self-color-primary-foreground { align-self: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-primary-foreground { align-self: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-primary-foreground { align-self: var(--color-primary-foreground); } }
.flex-color-primary-foreground { flex: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:flex-color-primary-foreground { flex: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:flex-color-primary-foreground { flex: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-primary-foreground { flex: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-primary-foreground { flex: var(--color-primary-foreground); } }
.grow-color-primary-foreground { flex-grow: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:grow-color-primary-foreground { flex-grow: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:grow-color-primary-foreground { flex-grow: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-primary-foreground { flex-grow: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-primary-foreground { flex-grow: var(--color-primary-foreground); } }
.shrink-color-primary-foreground { flex-shrink: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-primary-foreground { flex-shrink: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-primary-foreground { flex-shrink: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-primary-foreground { flex-shrink: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-primary-foreground { flex-shrink: var(--color-primary-foreground); } }
.basis-color-primary-foreground { flex-basis: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:basis-color-primary-foreground { flex-basis: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:basis-color-primary-foreground { flex-basis: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-primary-foreground { flex-basis: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-primary-foreground { flex-basis: var(--color-primary-foreground); } }
.order-color-primary-foreground { order: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:order-color-primary-foreground { order: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:order-color-primary-foreground { order: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-primary-foreground { order: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-primary-foreground { order: var(--color-primary-foreground); } }
.overflow-color-primary-foreground { overflow: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-primary-foreground { overflow: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-primary-foreground { overflow: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-primary-foreground { overflow: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-primary-foreground { overflow: var(--color-primary-foreground); } }
.overflow-x-color-primary-foreground { overflow-x: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-primary-foreground { overflow-x: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-primary-foreground { overflow-x: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-primary-foreground { overflow-x: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-primary-foreground { overflow-x: var(--color-primary-foreground); } }
.overflow-y-color-primary-foreground { overflow-y: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-primary-foreground { overflow-y: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-primary-foreground { overflow-y: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-primary-foreground { overflow-y: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-primary-foreground { overflow-y: var(--color-primary-foreground); } }
.p-color-primary-foreground { padding: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:p-color-primary-foreground { padding: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:p-color-primary-foreground { padding: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-primary-foreground { padding: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-primary-foreground { padding: var(--color-primary-foreground); } }
.pt-color-primary-foreground { padding-top: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:pt-color-primary-foreground { padding-top: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:pt-color-primary-foreground { padding-top: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-primary-foreground { padding-top: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-primary-foreground { padding-top: var(--color-primary-foreground); } }
.pr-color-primary-foreground { padding-right: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:pr-color-primary-foreground { padding-right: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:pr-color-primary-foreground { padding-right: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-primary-foreground { padding-right: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-primary-foreground { padding-right: var(--color-primary-foreground); } }
.pb-color-primary-foreground { padding-bottom: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:pb-color-primary-foreground { padding-bottom: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:pb-color-primary-foreground { padding-bottom: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-primary-foreground { padding-bottom: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-primary-foreground { padding-bottom: var(--color-primary-foreground); } }
.pl-color-primary-foreground { padding-left: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:pl-color-primary-foreground { padding-left: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:pl-color-primary-foreground { padding-left: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-primary-foreground { padding-left: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-primary-foreground { padding-left: var(--color-primary-foreground); } }
.m-color-primary-foreground { margin: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:m-color-primary-foreground { margin: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:m-color-primary-foreground { margin: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-primary-foreground { margin: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-primary-foreground { margin: var(--color-primary-foreground); } }
.mt-color-primary-foreground { margin-top: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:mt-color-primary-foreground { margin-top: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:mt-color-primary-foreground { margin-top: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-primary-foreground { margin-top: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-primary-foreground { margin-top: var(--color-primary-foreground); } }
.mr-color-primary-foreground { margin-right: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:mr-color-primary-foreground { margin-right: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:mr-color-primary-foreground { margin-right: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-primary-foreground { margin-right: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-primary-foreground { margin-right: var(--color-primary-foreground); } }
.mb-color-primary-foreground { margin-bottom: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:mb-color-primary-foreground { margin-bottom: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:mb-color-primary-foreground { margin-bottom: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-primary-foreground { margin-bottom: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-primary-foreground { margin-bottom: var(--color-primary-foreground); } }
.ml-color-primary-foreground { margin-left: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:ml-color-primary-foreground { margin-left: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:ml-color-primary-foreground { margin-left: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-primary-foreground { margin-left: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-primary-foreground { margin-left: var(--color-primary-foreground); } }
.gap-color-primary-foreground { gap: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:gap-color-primary-foreground { gap: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:gap-color-primary-foreground { gap: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-primary-foreground { gap: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-primary-foreground { gap: var(--color-primary-foreground); } }
.w-color-primary-foreground { width: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:w-color-primary-foreground { width: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:w-color-primary-foreground { width: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-primary-foreground { width: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-primary-foreground { width: var(--color-primary-foreground); } }
.h-color-primary-foreground { height: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:h-color-primary-foreground { height: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:h-color-primary-foreground { height: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-primary-foreground { height: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-primary-foreground { height: var(--color-primary-foreground); } }
.aspect-color-primary-foreground { aspect-ratio: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-primary-foreground { aspect-ratio: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-primary-foreground { aspect-ratio: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-primary-foreground { aspect-ratio: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-primary-foreground { aspect-ratio: var(--color-primary-foreground); } }
.min-w-color-primary-foreground { min-width: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-primary-foreground { min-width: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-primary-foreground { min-width: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-primary-foreground { min-width: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-primary-foreground { min-width: var(--color-primary-foreground); } }
.min-h-color-primary-foreground { min-height: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-primary-foreground { min-height: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-primary-foreground { min-height: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-primary-foreground { min-height: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-primary-foreground { min-height: var(--color-primary-foreground); } }
.max-w-color-primary-foreground { max-width: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-primary-foreground { max-width: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-primary-foreground { max-width: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-primary-foreground { max-width: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-primary-foreground { max-width: var(--color-primary-foreground); } }
.max-h-color-primary-foreground { max-height: var(--color-primary-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-primary-foreground { max-height: var(--color-primary-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-primary-foreground { max-height: var(--color-primary-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-primary-foreground { max-height: var(--color-primary-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-primary-foreground { max-height: var(--color-primary-foreground); } }
.bg-color-secondary { background-color: var(--color-secondary); }
@media (min-width: 640px) { .sm\:bg-color-secondary { background-color: var(--color-secondary); } }
@media (min-width: 768px) { .md\:bg-color-secondary { background-color: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:bg-color-secondary { background-color: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:bg-color-secondary { background-color: var(--color-secondary); } }
.border-color-color-secondary { border-color: var(--color-secondary); }
@media (min-width: 640px) { .sm\:border-color-color-secondary { border-color: var(--color-secondary); } }
@media (min-width: 768px) { .md\:border-color-color-secondary { border-color: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:border-color-color-secondary { border-color: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:border-color-color-secondary { border-color: var(--color-secondary); } }
.rounded-color-secondary { border-radius: var(--color-secondary); }
@media (min-width: 640px) { .sm\:rounded-color-secondary { border-radius: var(--color-secondary); } }
@media (min-width: 768px) { .md\:rounded-color-secondary { border-radius: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:rounded-color-secondary { border-radius: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:rounded-color-secondary { border-radius: var(--color-secondary); } }
.border-style-color-secondary { border-style: var(--color-secondary); }
@media (min-width: 640px) { .sm\:border-style-color-secondary { border-style: var(--color-secondary); } }
@media (min-width: 768px) { .md\:border-style-color-secondary { border-style: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:border-style-color-secondary { border-style: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:border-style-color-secondary { border-style: var(--color-secondary); } }
.border-width-color-secondary { border-width: var(--color-secondary); }
@media (min-width: 640px) { .sm\:border-width-color-secondary { border-width: var(--color-secondary); } }
@media (min-width: 768px) { .md\:border-width-color-secondary { border-width: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:border-width-color-secondary { border-width: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:border-width-color-secondary { border-width: var(--color-secondary); } }
.text-color-secondary { color: var(--color-secondary); }
@media (min-width: 640px) { .sm\:text-color-secondary { color: var(--color-secondary); } }
@media (min-width: 768px) { .md\:text-color-secondary { color: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:text-color-secondary { color: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:text-color-secondary { color: var(--color-secondary); } }
.font-color-secondary { font-family: var(--color-secondary); }
@media (min-width: 640px) { .sm\:font-color-secondary { font-family: var(--color-secondary); } }
@media (min-width: 768px) { .md\:font-color-secondary { font-family: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:font-color-secondary { font-family: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:font-color-secondary { font-family: var(--color-secondary); } }
.text-size-color-secondary { font-size: var(--color-secondary); }
@media (min-width: 640px) { .sm\:text-size-color-secondary { font-size: var(--color-secondary); } }
@media (min-width: 768px) { .md\:text-size-color-secondary { font-size: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:text-size-color-secondary { font-size: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:text-size-color-secondary { font-size: var(--color-secondary); } }
.font-weight-color-secondary { font-weight: var(--color-secondary); }
@media (min-width: 640px) { .sm\:font-weight-color-secondary { font-weight: var(--color-secondary); } }
@media (min-width: 768px) { .md\:font-weight-color-secondary { font-weight: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:font-weight-color-secondary { font-weight: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:font-weight-color-secondary { font-weight: var(--color-secondary); } }
.text-align-color-secondary { text-align: var(--color-secondary); }
@media (min-width: 640px) { .sm\:text-align-color-secondary { text-align: var(--color-secondary); } }
@media (min-width: 768px) { .md\:text-align-color-secondary { text-align: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:text-align-color-secondary { text-align: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:text-align-color-secondary { text-align: var(--color-secondary); } }
.leading-color-secondary { line-height: var(--color-secondary); }
@media (min-width: 640px) { .sm\:leading-color-secondary { line-height: var(--color-secondary); } }
@media (min-width: 768px) { .md\:leading-color-secondary { line-height: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:leading-color-secondary { line-height: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:leading-color-secondary { line-height: var(--color-secondary); } }
.tracking-color-secondary { letter-spacing: var(--color-secondary); }
@media (min-width: 640px) { .sm\:tracking-color-secondary { letter-spacing: var(--color-secondary); } }
@media (min-width: 768px) { .md\:tracking-color-secondary { letter-spacing: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:tracking-color-secondary { letter-spacing: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:tracking-color-secondary { letter-spacing: var(--color-secondary); } }
.text-transform-color-secondary { text-transform: var(--color-secondary); }
@media (min-width: 640px) { .sm\:text-transform-color-secondary { text-transform: var(--color-secondary); } }
@media (min-width: 768px) { .md\:text-transform-color-secondary { text-transform: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:text-transform-color-secondary { text-transform: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:text-transform-color-secondary { text-transform: var(--color-secondary); } }
.font-style-color-secondary { font-style: var(--color-secondary); }
@media (min-width: 640px) { .sm\:font-style-color-secondary { font-style: var(--color-secondary); } }
@media (min-width: 768px) { .md\:font-style-color-secondary { font-style: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:font-style-color-secondary { font-style: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:font-style-color-secondary { font-style: var(--color-secondary); } }
.decoration-color-secondary { text-decoration-line: var(--color-secondary); }
@media (min-width: 640px) { .sm\:decoration-color-secondary { text-decoration-line: var(--color-secondary); } }
@media (min-width: 768px) { .md\:decoration-color-secondary { text-decoration-line: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:decoration-color-secondary { text-decoration-line: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:decoration-color-secondary { text-decoration-line: var(--color-secondary); } }
.display-color-secondary { display: var(--color-secondary); }
@media (min-width: 640px) { .sm\:display-color-secondary { display: var(--color-secondary); } }
@media (min-width: 768px) { .md\:display-color-secondary { display: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:display-color-secondary { display: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:display-color-secondary { display: var(--color-secondary); } }
.flex-direction-color-secondary { flex-direction: var(--color-secondary); }
@media (min-width: 640px) { .sm\:flex-direction-color-secondary { flex-direction: var(--color-secondary); } }
@media (min-width: 768px) { .md\:flex-direction-color-secondary { flex-direction: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-secondary { flex-direction: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-secondary { flex-direction: var(--color-secondary); } }
.flex-wrap-color-secondary { flex-wrap: var(--color-secondary); }
@media (min-width: 640px) { .sm\:flex-wrap-color-secondary { flex-wrap: var(--color-secondary); } }
@media (min-width: 768px) { .md\:flex-wrap-color-secondary { flex-wrap: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-secondary { flex-wrap: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-secondary { flex-wrap: var(--color-secondary); } }
.justify-color-secondary { justify-content: var(--color-secondary); }
@media (min-width: 640px) { .sm\:justify-color-secondary { justify-content: var(--color-secondary); } }
@media (min-width: 768px) { .md\:justify-color-secondary { justify-content: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:justify-color-secondary { justify-content: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:justify-color-secondary { justify-content: var(--color-secondary); } }
.items-color-secondary { align-items: var(--color-secondary); }
@media (min-width: 640px) { .sm\:items-color-secondary { align-items: var(--color-secondary); } }
@media (min-width: 768px) { .md\:items-color-secondary { align-items: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:items-color-secondary { align-items: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:items-color-secondary { align-items: var(--color-secondary); } }
.self-color-secondary { align-self: var(--color-secondary); }
@media (min-width: 640px) { .sm\:self-color-secondary { align-self: var(--color-secondary); } }
@media (min-width: 768px) { .md\:self-color-secondary { align-self: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:self-color-secondary { align-self: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:self-color-secondary { align-self: var(--color-secondary); } }
.flex-color-secondary { flex: var(--color-secondary); }
@media (min-width: 640px) { .sm\:flex-color-secondary { flex: var(--color-secondary); } }
@media (min-width: 768px) { .md\:flex-color-secondary { flex: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:flex-color-secondary { flex: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:flex-color-secondary { flex: var(--color-secondary); } }
.grow-color-secondary { flex-grow: var(--color-secondary); }
@media (min-width: 640px) { .sm\:grow-color-secondary { flex-grow: var(--color-secondary); } }
@media (min-width: 768px) { .md\:grow-color-secondary { flex-grow: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:grow-color-secondary { flex-grow: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:grow-color-secondary { flex-grow: var(--color-secondary); } }
.shrink-color-secondary { flex-shrink: var(--color-secondary); }
@media (min-width: 640px) { .sm\:shrink-color-secondary { flex-shrink: var(--color-secondary); } }
@media (min-width: 768px) { .md\:shrink-color-secondary { flex-shrink: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:shrink-color-secondary { flex-shrink: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:shrink-color-secondary { flex-shrink: var(--color-secondary); } }
.basis-color-secondary { flex-basis: var(--color-secondary); }
@media (min-width: 640px) { .sm\:basis-color-secondary { flex-basis: var(--color-secondary); } }
@media (min-width: 768px) { .md\:basis-color-secondary { flex-basis: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:basis-color-secondary { flex-basis: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:basis-color-secondary { flex-basis: var(--color-secondary); } }
.order-color-secondary { order: var(--color-secondary); }
@media (min-width: 640px) { .sm\:order-color-secondary { order: var(--color-secondary); } }
@media (min-width: 768px) { .md\:order-color-secondary { order: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:order-color-secondary { order: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:order-color-secondary { order: var(--color-secondary); } }
.overflow-color-secondary { overflow: var(--color-secondary); }
@media (min-width: 640px) { .sm\:overflow-color-secondary { overflow: var(--color-secondary); } }
@media (min-width: 768px) { .md\:overflow-color-secondary { overflow: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:overflow-color-secondary { overflow: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:overflow-color-secondary { overflow: var(--color-secondary); } }
.overflow-x-color-secondary { overflow-x: var(--color-secondary); }
@media (min-width: 640px) { .sm\:overflow-x-color-secondary { overflow-x: var(--color-secondary); } }
@media (min-width: 768px) { .md\:overflow-x-color-secondary { overflow-x: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-secondary { overflow-x: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-secondary { overflow-x: var(--color-secondary); } }
.overflow-y-color-secondary { overflow-y: var(--color-secondary); }
@media (min-width: 640px) { .sm\:overflow-y-color-secondary { overflow-y: var(--color-secondary); } }
@media (min-width: 768px) { .md\:overflow-y-color-secondary { overflow-y: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-secondary { overflow-y: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-secondary { overflow-y: var(--color-secondary); } }
.p-color-secondary { padding: var(--color-secondary); }
@media (min-width: 640px) { .sm\:p-color-secondary { padding: var(--color-secondary); } }
@media (min-width: 768px) { .md\:p-color-secondary { padding: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:p-color-secondary { padding: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:p-color-secondary { padding: var(--color-secondary); } }
.pt-color-secondary { padding-top: var(--color-secondary); }
@media (min-width: 640px) { .sm\:pt-color-secondary { padding-top: var(--color-secondary); } }
@media (min-width: 768px) { .md\:pt-color-secondary { padding-top: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:pt-color-secondary { padding-top: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:pt-color-secondary { padding-top: var(--color-secondary); } }
.pr-color-secondary { padding-right: var(--color-secondary); }
@media (min-width: 640px) { .sm\:pr-color-secondary { padding-right: var(--color-secondary); } }
@media (min-width: 768px) { .md\:pr-color-secondary { padding-right: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:pr-color-secondary { padding-right: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:pr-color-secondary { padding-right: var(--color-secondary); } }
.pb-color-secondary { padding-bottom: var(--color-secondary); }
@media (min-width: 640px) { .sm\:pb-color-secondary { padding-bottom: var(--color-secondary); } }
@media (min-width: 768px) { .md\:pb-color-secondary { padding-bottom: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:pb-color-secondary { padding-bottom: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:pb-color-secondary { padding-bottom: var(--color-secondary); } }
.pl-color-secondary { padding-left: var(--color-secondary); }
@media (min-width: 640px) { .sm\:pl-color-secondary { padding-left: var(--color-secondary); } }
@media (min-width: 768px) { .md\:pl-color-secondary { padding-left: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:pl-color-secondary { padding-left: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:pl-color-secondary { padding-left: var(--color-secondary); } }
.m-color-secondary { margin: var(--color-secondary); }
@media (min-width: 640px) { .sm\:m-color-secondary { margin: var(--color-secondary); } }
@media (min-width: 768px) { .md\:m-color-secondary { margin: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:m-color-secondary { margin: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:m-color-secondary { margin: var(--color-secondary); } }
.mt-color-secondary { margin-top: var(--color-secondary); }
@media (min-width: 640px) { .sm\:mt-color-secondary { margin-top: var(--color-secondary); } }
@media (min-width: 768px) { .md\:mt-color-secondary { margin-top: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:mt-color-secondary { margin-top: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:mt-color-secondary { margin-top: var(--color-secondary); } }
.mr-color-secondary { margin-right: var(--color-secondary); }
@media (min-width: 640px) { .sm\:mr-color-secondary { margin-right: var(--color-secondary); } }
@media (min-width: 768px) { .md\:mr-color-secondary { margin-right: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:mr-color-secondary { margin-right: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:mr-color-secondary { margin-right: var(--color-secondary); } }
.mb-color-secondary { margin-bottom: var(--color-secondary); }
@media (min-width: 640px) { .sm\:mb-color-secondary { margin-bottom: var(--color-secondary); } }
@media (min-width: 768px) { .md\:mb-color-secondary { margin-bottom: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:mb-color-secondary { margin-bottom: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:mb-color-secondary { margin-bottom: var(--color-secondary); } }
.ml-color-secondary { margin-left: var(--color-secondary); }
@media (min-width: 640px) { .sm\:ml-color-secondary { margin-left: var(--color-secondary); } }
@media (min-width: 768px) { .md\:ml-color-secondary { margin-left: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:ml-color-secondary { margin-left: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:ml-color-secondary { margin-left: var(--color-secondary); } }
.gap-color-secondary { gap: var(--color-secondary); }
@media (min-width: 640px) { .sm\:gap-color-secondary { gap: var(--color-secondary); } }
@media (min-width: 768px) { .md\:gap-color-secondary { gap: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:gap-color-secondary { gap: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:gap-color-secondary { gap: var(--color-secondary); } }
.w-color-secondary { width: var(--color-secondary); }
@media (min-width: 640px) { .sm\:w-color-secondary { width: var(--color-secondary); } }
@media (min-width: 768px) { .md\:w-color-secondary { width: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:w-color-secondary { width: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:w-color-secondary { width: var(--color-secondary); } }
.h-color-secondary { height: var(--color-secondary); }
@media (min-width: 640px) { .sm\:h-color-secondary { height: var(--color-secondary); } }
@media (min-width: 768px) { .md\:h-color-secondary { height: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:h-color-secondary { height: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:h-color-secondary { height: var(--color-secondary); } }
.aspect-color-secondary { aspect-ratio: var(--color-secondary); }
@media (min-width: 640px) { .sm\:aspect-color-secondary { aspect-ratio: var(--color-secondary); } }
@media (min-width: 768px) { .md\:aspect-color-secondary { aspect-ratio: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:aspect-color-secondary { aspect-ratio: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:aspect-color-secondary { aspect-ratio: var(--color-secondary); } }
.min-w-color-secondary { min-width: var(--color-secondary); }
@media (min-width: 640px) { .sm\:min-w-color-secondary { min-width: var(--color-secondary); } }
@media (min-width: 768px) { .md\:min-w-color-secondary { min-width: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:min-w-color-secondary { min-width: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:min-w-color-secondary { min-width: var(--color-secondary); } }
.min-h-color-secondary { min-height: var(--color-secondary); }
@media (min-width: 640px) { .sm\:min-h-color-secondary { min-height: var(--color-secondary); } }
@media (min-width: 768px) { .md\:min-h-color-secondary { min-height: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:min-h-color-secondary { min-height: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:min-h-color-secondary { min-height: var(--color-secondary); } }
.max-w-color-secondary { max-width: var(--color-secondary); }
@media (min-width: 640px) { .sm\:max-w-color-secondary { max-width: var(--color-secondary); } }
@media (min-width: 768px) { .md\:max-w-color-secondary { max-width: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:max-w-color-secondary { max-width: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:max-w-color-secondary { max-width: var(--color-secondary); } }
.max-h-color-secondary { max-height: var(--color-secondary); }
@media (min-width: 640px) { .sm\:max-h-color-secondary { max-height: var(--color-secondary); } }
@media (min-width: 768px) { .md\:max-h-color-secondary { max-height: var(--color-secondary); } }
@media (min-width: 1024px) { .lg\:max-h-color-secondary { max-height: var(--color-secondary); } }
@media (min-width: 1280px) { .xl\:max-h-color-secondary { max-height: var(--color-secondary); } }
.bg-color-secondary-foreground { background-color: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:bg-color-secondary-foreground { background-color: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:bg-color-secondary-foreground { background-color: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-secondary-foreground { background-color: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-secondary-foreground { background-color: var(--color-secondary-foreground); } }
.border-color-color-secondary-foreground { border-color: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-secondary-foreground { border-color: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-secondary-foreground { border-color: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-secondary-foreground { border-color: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-secondary-foreground { border-color: var(--color-secondary-foreground); } }
.rounded-color-secondary-foreground { border-radius: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-secondary-foreground { border-radius: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-secondary-foreground { border-radius: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-secondary-foreground { border-radius: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-secondary-foreground { border-radius: var(--color-secondary-foreground); } }
.border-style-color-secondary-foreground { border-style: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-secondary-foreground { border-style: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-secondary-foreground { border-style: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-secondary-foreground { border-style: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-secondary-foreground { border-style: var(--color-secondary-foreground); } }
.border-width-color-secondary-foreground { border-width: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-secondary-foreground { border-width: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-secondary-foreground { border-width: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-secondary-foreground { border-width: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-secondary-foreground { border-width: var(--color-secondary-foreground); } }
.text-color-secondary-foreground { color: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:text-color-secondary-foreground { color: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:text-color-secondary-foreground { color: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-secondary-foreground { color: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-secondary-foreground { color: var(--color-secondary-foreground); } }
.font-color-secondary-foreground { font-family: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:font-color-secondary-foreground { font-family: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:font-color-secondary-foreground { font-family: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-secondary-foreground { font-family: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-secondary-foreground { font-family: var(--color-secondary-foreground); } }
.text-size-color-secondary-foreground { font-size: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-secondary-foreground { font-size: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-secondary-foreground { font-size: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-secondary-foreground { font-size: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-secondary-foreground { font-size: var(--color-secondary-foreground); } }
.font-weight-color-secondary-foreground { font-weight: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-secondary-foreground { font-weight: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-secondary-foreground { font-weight: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-secondary-foreground { font-weight: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-secondary-foreground { font-weight: var(--color-secondary-foreground); } }
.text-align-color-secondary-foreground { text-align: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-secondary-foreground { text-align: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-secondary-foreground { text-align: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-secondary-foreground { text-align: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-secondary-foreground { text-align: var(--color-secondary-foreground); } }
.leading-color-secondary-foreground { line-height: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:leading-color-secondary-foreground { line-height: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:leading-color-secondary-foreground { line-height: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-secondary-foreground { line-height: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-secondary-foreground { line-height: var(--color-secondary-foreground); } }
.tracking-color-secondary-foreground { letter-spacing: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-secondary-foreground { letter-spacing: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-secondary-foreground { letter-spacing: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-secondary-foreground { letter-spacing: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-secondary-foreground { letter-spacing: var(--color-secondary-foreground); } }
.text-transform-color-secondary-foreground { text-transform: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-secondary-foreground { text-transform: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-secondary-foreground { text-transform: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-secondary-foreground { text-transform: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-secondary-foreground { text-transform: var(--color-secondary-foreground); } }
.font-style-color-secondary-foreground { font-style: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-secondary-foreground { font-style: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-secondary-foreground { font-style: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-secondary-foreground { font-style: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-secondary-foreground { font-style: var(--color-secondary-foreground); } }
.decoration-color-secondary-foreground { text-decoration-line: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-secondary-foreground { text-decoration-line: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-secondary-foreground { text-decoration-line: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-secondary-foreground { text-decoration-line: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-secondary-foreground { text-decoration-line: var(--color-secondary-foreground); } }
.display-color-secondary-foreground { display: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:display-color-secondary-foreground { display: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:display-color-secondary-foreground { display: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-secondary-foreground { display: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-secondary-foreground { display: var(--color-secondary-foreground); } }
.flex-direction-color-secondary-foreground { flex-direction: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-secondary-foreground { flex-direction: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-secondary-foreground { flex-direction: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-secondary-foreground { flex-direction: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-secondary-foreground { flex-direction: var(--color-secondary-foreground); } }
.flex-wrap-color-secondary-foreground { flex-wrap: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-secondary-foreground { flex-wrap: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-secondary-foreground { flex-wrap: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-secondary-foreground { flex-wrap: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-secondary-foreground { flex-wrap: var(--color-secondary-foreground); } }
.justify-color-secondary-foreground { justify-content: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:justify-color-secondary-foreground { justify-content: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:justify-color-secondary-foreground { justify-content: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-secondary-foreground { justify-content: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-secondary-foreground { justify-content: var(--color-secondary-foreground); } }
.items-color-secondary-foreground { align-items: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:items-color-secondary-foreground { align-items: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:items-color-secondary-foreground { align-items: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-secondary-foreground { align-items: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-secondary-foreground { align-items: var(--color-secondary-foreground); } }
.self-color-secondary-foreground { align-self: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:self-color-secondary-foreground { align-self: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:self-color-secondary-foreground { align-self: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-secondary-foreground { align-self: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-secondary-foreground { align-self: var(--color-secondary-foreground); } }
.flex-color-secondary-foreground { flex: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:flex-color-secondary-foreground { flex: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:flex-color-secondary-foreground { flex: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-secondary-foreground { flex: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-secondary-foreground { flex: var(--color-secondary-foreground); } }
.grow-color-secondary-foreground { flex-grow: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:grow-color-secondary-foreground { flex-grow: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:grow-color-secondary-foreground { flex-grow: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-secondary-foreground { flex-grow: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-secondary-foreground { flex-grow: var(--color-secondary-foreground); } }
.shrink-color-secondary-foreground { flex-shrink: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-secondary-foreground { flex-shrink: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-secondary-foreground { flex-shrink: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-secondary-foreground { flex-shrink: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-secondary-foreground { flex-shrink: var(--color-secondary-foreground); } }
.basis-color-secondary-foreground { flex-basis: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:basis-color-secondary-foreground { flex-basis: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:basis-color-secondary-foreground { flex-basis: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-secondary-foreground { flex-basis: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-secondary-foreground { flex-basis: var(--color-secondary-foreground); } }
.order-color-secondary-foreground { order: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:order-color-secondary-foreground { order: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:order-color-secondary-foreground { order: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-secondary-foreground { order: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-secondary-foreground { order: var(--color-secondary-foreground); } }
.overflow-color-secondary-foreground { overflow: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-secondary-foreground { overflow: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-secondary-foreground { overflow: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-secondary-foreground { overflow: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-secondary-foreground { overflow: var(--color-secondary-foreground); } }
.overflow-x-color-secondary-foreground { overflow-x: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-secondary-foreground { overflow-x: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-secondary-foreground { overflow-x: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-secondary-foreground { overflow-x: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-secondary-foreground { overflow-x: var(--color-secondary-foreground); } }
.overflow-y-color-secondary-foreground { overflow-y: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-secondary-foreground { overflow-y: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-secondary-foreground { overflow-y: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-secondary-foreground { overflow-y: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-secondary-foreground { overflow-y: var(--color-secondary-foreground); } }
.p-color-secondary-foreground { padding: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:p-color-secondary-foreground { padding: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:p-color-secondary-foreground { padding: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-secondary-foreground { padding: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-secondary-foreground { padding: var(--color-secondary-foreground); } }
.pt-color-secondary-foreground { padding-top: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:pt-color-secondary-foreground { padding-top: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:pt-color-secondary-foreground { padding-top: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-secondary-foreground { padding-top: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-secondary-foreground { padding-top: var(--color-secondary-foreground); } }
.pr-color-secondary-foreground { padding-right: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:pr-color-secondary-foreground { padding-right: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:pr-color-secondary-foreground { padding-right: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-secondary-foreground { padding-right: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-secondary-foreground { padding-right: var(--color-secondary-foreground); } }
.pb-color-secondary-foreground { padding-bottom: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:pb-color-secondary-foreground { padding-bottom: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:pb-color-secondary-foreground { padding-bottom: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-secondary-foreground { padding-bottom: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-secondary-foreground { padding-bottom: var(--color-secondary-foreground); } }
.pl-color-secondary-foreground { padding-left: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:pl-color-secondary-foreground { padding-left: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:pl-color-secondary-foreground { padding-left: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-secondary-foreground { padding-left: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-secondary-foreground { padding-left: var(--color-secondary-foreground); } }
.m-color-secondary-foreground { margin: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:m-color-secondary-foreground { margin: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:m-color-secondary-foreground { margin: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-secondary-foreground { margin: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-secondary-foreground { margin: var(--color-secondary-foreground); } }
.mt-color-secondary-foreground { margin-top: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:mt-color-secondary-foreground { margin-top: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:mt-color-secondary-foreground { margin-top: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-secondary-foreground { margin-top: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-secondary-foreground { margin-top: var(--color-secondary-foreground); } }
.mr-color-secondary-foreground { margin-right: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:mr-color-secondary-foreground { margin-right: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:mr-color-secondary-foreground { margin-right: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-secondary-foreground { margin-right: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-secondary-foreground { margin-right: var(--color-secondary-foreground); } }
.mb-color-secondary-foreground { margin-bottom: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:mb-color-secondary-foreground { margin-bottom: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:mb-color-secondary-foreground { margin-bottom: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-secondary-foreground { margin-bottom: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-secondary-foreground { margin-bottom: var(--color-secondary-foreground); } }
.ml-color-secondary-foreground { margin-left: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:ml-color-secondary-foreground { margin-left: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:ml-color-secondary-foreground { margin-left: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-secondary-foreground { margin-left: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-secondary-foreground { margin-left: var(--color-secondary-foreground); } }
.gap-color-secondary-foreground { gap: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:gap-color-secondary-foreground { gap: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:gap-color-secondary-foreground { gap: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-secondary-foreground { gap: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-secondary-foreground { gap: var(--color-secondary-foreground); } }
.w-color-secondary-foreground { width: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:w-color-secondary-foreground { width: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:w-color-secondary-foreground { width: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-secondary-foreground { width: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-secondary-foreground { width: var(--color-secondary-foreground); } }
.h-color-secondary-foreground { height: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:h-color-secondary-foreground { height: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:h-color-secondary-foreground { height: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-secondary-foreground { height: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-secondary-foreground { height: var(--color-secondary-foreground); } }
.aspect-color-secondary-foreground { aspect-ratio: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-secondary-foreground { aspect-ratio: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-secondary-foreground { aspect-ratio: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-secondary-foreground { aspect-ratio: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-secondary-foreground { aspect-ratio: var(--color-secondary-foreground); } }
.min-w-color-secondary-foreground { min-width: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-secondary-foreground { min-width: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-secondary-foreground { min-width: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-secondary-foreground { min-width: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-secondary-foreground { min-width: var(--color-secondary-foreground); } }
.min-h-color-secondary-foreground { min-height: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-secondary-foreground { min-height: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-secondary-foreground { min-height: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-secondary-foreground { min-height: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-secondary-foreground { min-height: var(--color-secondary-foreground); } }
.max-w-color-secondary-foreground { max-width: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-secondary-foreground { max-width: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-secondary-foreground { max-width: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-secondary-foreground { max-width: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-secondary-foreground { max-width: var(--color-secondary-foreground); } }
.max-h-color-secondary-foreground { max-height: var(--color-secondary-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-secondary-foreground { max-height: var(--color-secondary-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-secondary-foreground { max-height: var(--color-secondary-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-secondary-foreground { max-height: var(--color-secondary-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-secondary-foreground { max-height: var(--color-secondary-foreground); } }
.bg-color-muted { background-color: var(--color-muted); }
@media (min-width: 640px) { .sm\:bg-color-muted { background-color: var(--color-muted); } }
@media (min-width: 768px) { .md\:bg-color-muted { background-color: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:bg-color-muted { background-color: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:bg-color-muted { background-color: var(--color-muted); } }
.border-color-color-muted { border-color: var(--color-muted); }
@media (min-width: 640px) { .sm\:border-color-color-muted { border-color: var(--color-muted); } }
@media (min-width: 768px) { .md\:border-color-color-muted { border-color: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:border-color-color-muted { border-color: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:border-color-color-muted { border-color: var(--color-muted); } }
.rounded-color-muted { border-radius: var(--color-muted); }
@media (min-width: 640px) { .sm\:rounded-color-muted { border-radius: var(--color-muted); } }
@media (min-width: 768px) { .md\:rounded-color-muted { border-radius: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:rounded-color-muted { border-radius: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:rounded-color-muted { border-radius: var(--color-muted); } }
.border-style-color-muted { border-style: var(--color-muted); }
@media (min-width: 640px) { .sm\:border-style-color-muted { border-style: var(--color-muted); } }
@media (min-width: 768px) { .md\:border-style-color-muted { border-style: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:border-style-color-muted { border-style: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:border-style-color-muted { border-style: var(--color-muted); } }
.border-width-color-muted { border-width: var(--color-muted); }
@media (min-width: 640px) { .sm\:border-width-color-muted { border-width: var(--color-muted); } }
@media (min-width: 768px) { .md\:border-width-color-muted { border-width: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:border-width-color-muted { border-width: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:border-width-color-muted { border-width: var(--color-muted); } }
.text-color-muted { color: var(--color-muted); }
@media (min-width: 640px) { .sm\:text-color-muted { color: var(--color-muted); } }
@media (min-width: 768px) { .md\:text-color-muted { color: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:text-color-muted { color: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:text-color-muted { color: var(--color-muted); } }
.font-color-muted { font-family: var(--color-muted); }
@media (min-width: 640px) { .sm\:font-color-muted { font-family: var(--color-muted); } }
@media (min-width: 768px) { .md\:font-color-muted { font-family: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:font-color-muted { font-family: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:font-color-muted { font-family: var(--color-muted); } }
.text-size-color-muted { font-size: var(--color-muted); }
@media (min-width: 640px) { .sm\:text-size-color-muted { font-size: var(--color-muted); } }
@media (min-width: 768px) { .md\:text-size-color-muted { font-size: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:text-size-color-muted { font-size: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:text-size-color-muted { font-size: var(--color-muted); } }
.font-weight-color-muted { font-weight: var(--color-muted); }
@media (min-width: 640px) { .sm\:font-weight-color-muted { font-weight: var(--color-muted); } }
@media (min-width: 768px) { .md\:font-weight-color-muted { font-weight: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:font-weight-color-muted { font-weight: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:font-weight-color-muted { font-weight: var(--color-muted); } }
.text-align-color-muted { text-align: var(--color-muted); }
@media (min-width: 640px) { .sm\:text-align-color-muted { text-align: var(--color-muted); } }
@media (min-width: 768px) { .md\:text-align-color-muted { text-align: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:text-align-color-muted { text-align: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:text-align-color-muted { text-align: var(--color-muted); } }
.leading-color-muted { line-height: var(--color-muted); }
@media (min-width: 640px) { .sm\:leading-color-muted { line-height: var(--color-muted); } }
@media (min-width: 768px) { .md\:leading-color-muted { line-height: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:leading-color-muted { line-height: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:leading-color-muted { line-height: var(--color-muted); } }
.tracking-color-muted { letter-spacing: var(--color-muted); }
@media (min-width: 640px) { .sm\:tracking-color-muted { letter-spacing: var(--color-muted); } }
@media (min-width: 768px) { .md\:tracking-color-muted { letter-spacing: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:tracking-color-muted { letter-spacing: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:tracking-color-muted { letter-spacing: var(--color-muted); } }
.text-transform-color-muted { text-transform: var(--color-muted); }
@media (min-width: 640px) { .sm\:text-transform-color-muted { text-transform: var(--color-muted); } }
@media (min-width: 768px) { .md\:text-transform-color-muted { text-transform: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:text-transform-color-muted { text-transform: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:text-transform-color-muted { text-transform: var(--color-muted); } }
.font-style-color-muted { font-style: var(--color-muted); }
@media (min-width: 640px) { .sm\:font-style-color-muted { font-style: var(--color-muted); } }
@media (min-width: 768px) { .md\:font-style-color-muted { font-style: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:font-style-color-muted { font-style: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:font-style-color-muted { font-style: var(--color-muted); } }
.decoration-color-muted { text-decoration-line: var(--color-muted); }
@media (min-width: 640px) { .sm\:decoration-color-muted { text-decoration-line: var(--color-muted); } }
@media (min-width: 768px) { .md\:decoration-color-muted { text-decoration-line: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:decoration-color-muted { text-decoration-line: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:decoration-color-muted { text-decoration-line: var(--color-muted); } }
.display-color-muted { display: var(--color-muted); }
@media (min-width: 640px) { .sm\:display-color-muted { display: var(--color-muted); } }
@media (min-width: 768px) { .md\:display-color-muted { display: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:display-color-muted { display: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:display-color-muted { display: var(--color-muted); } }
.flex-direction-color-muted { flex-direction: var(--color-muted); }
@media (min-width: 640px) { .sm\:flex-direction-color-muted { flex-direction: var(--color-muted); } }
@media (min-width: 768px) { .md\:flex-direction-color-muted { flex-direction: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-muted { flex-direction: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-muted { flex-direction: var(--color-muted); } }
.flex-wrap-color-muted { flex-wrap: var(--color-muted); }
@media (min-width: 640px) { .sm\:flex-wrap-color-muted { flex-wrap: var(--color-muted); } }
@media (min-width: 768px) { .md\:flex-wrap-color-muted { flex-wrap: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-muted { flex-wrap: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-muted { flex-wrap: var(--color-muted); } }
.justify-color-muted { justify-content: var(--color-muted); }
@media (min-width: 640px) { .sm\:justify-color-muted { justify-content: var(--color-muted); } }
@media (min-width: 768px) { .md\:justify-color-muted { justify-content: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:justify-color-muted { justify-content: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:justify-color-muted { justify-content: var(--color-muted); } }
.items-color-muted { align-items: var(--color-muted); }
@media (min-width: 640px) { .sm\:items-color-muted { align-items: var(--color-muted); } }
@media (min-width: 768px) { .md\:items-color-muted { align-items: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:items-color-muted { align-items: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:items-color-muted { align-items: var(--color-muted); } }
.self-color-muted { align-self: var(--color-muted); }
@media (min-width: 640px) { .sm\:self-color-muted { align-self: var(--color-muted); } }
@media (min-width: 768px) { .md\:self-color-muted { align-self: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:self-color-muted { align-self: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:self-color-muted { align-self: var(--color-muted); } }
.flex-color-muted { flex: var(--color-muted); }
@media (min-width: 640px) { .sm\:flex-color-muted { flex: var(--color-muted); } }
@media (min-width: 768px) { .md\:flex-color-muted { flex: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:flex-color-muted { flex: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:flex-color-muted { flex: var(--color-muted); } }
.grow-color-muted { flex-grow: var(--color-muted); }
@media (min-width: 640px) { .sm\:grow-color-muted { flex-grow: var(--color-muted); } }
@media (min-width: 768px) { .md\:grow-color-muted { flex-grow: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:grow-color-muted { flex-grow: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:grow-color-muted { flex-grow: var(--color-muted); } }
.shrink-color-muted { flex-shrink: var(--color-muted); }
@media (min-width: 640px) { .sm\:shrink-color-muted { flex-shrink: var(--color-muted); } }
@media (min-width: 768px) { .md\:shrink-color-muted { flex-shrink: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:shrink-color-muted { flex-shrink: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:shrink-color-muted { flex-shrink: var(--color-muted); } }
.basis-color-muted { flex-basis: var(--color-muted); }
@media (min-width: 640px) { .sm\:basis-color-muted { flex-basis: var(--color-muted); } }
@media (min-width: 768px) { .md\:basis-color-muted { flex-basis: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:basis-color-muted { flex-basis: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:basis-color-muted { flex-basis: var(--color-muted); } }
.order-color-muted { order: var(--color-muted); }
@media (min-width: 640px) { .sm\:order-color-muted { order: var(--color-muted); } }
@media (min-width: 768px) { .md\:order-color-muted { order: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:order-color-muted { order: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:order-color-muted { order: var(--color-muted); } }
.overflow-color-muted { overflow: var(--color-muted); }
@media (min-width: 640px) { .sm\:overflow-color-muted { overflow: var(--color-muted); } }
@media (min-width: 768px) { .md\:overflow-color-muted { overflow: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:overflow-color-muted { overflow: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:overflow-color-muted { overflow: var(--color-muted); } }
.overflow-x-color-muted { overflow-x: var(--color-muted); }
@media (min-width: 640px) { .sm\:overflow-x-color-muted { overflow-x: var(--color-muted); } }
@media (min-width: 768px) { .md\:overflow-x-color-muted { overflow-x: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-muted { overflow-x: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-muted { overflow-x: var(--color-muted); } }
.overflow-y-color-muted { overflow-y: var(--color-muted); }
@media (min-width: 640px) { .sm\:overflow-y-color-muted { overflow-y: var(--color-muted); } }
@media (min-width: 768px) { .md\:overflow-y-color-muted { overflow-y: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-muted { overflow-y: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-muted { overflow-y: var(--color-muted); } }
.p-color-muted { padding: var(--color-muted); }
@media (min-width: 640px) { .sm\:p-color-muted { padding: var(--color-muted); } }
@media (min-width: 768px) { .md\:p-color-muted { padding: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:p-color-muted { padding: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:p-color-muted { padding: var(--color-muted); } }
.pt-color-muted { padding-top: var(--color-muted); }
@media (min-width: 640px) { .sm\:pt-color-muted { padding-top: var(--color-muted); } }
@media (min-width: 768px) { .md\:pt-color-muted { padding-top: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:pt-color-muted { padding-top: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:pt-color-muted { padding-top: var(--color-muted); } }
.pr-color-muted { padding-right: var(--color-muted); }
@media (min-width: 640px) { .sm\:pr-color-muted { padding-right: var(--color-muted); } }
@media (min-width: 768px) { .md\:pr-color-muted { padding-right: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:pr-color-muted { padding-right: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:pr-color-muted { padding-right: var(--color-muted); } }
.pb-color-muted { padding-bottom: var(--color-muted); }
@media (min-width: 640px) { .sm\:pb-color-muted { padding-bottom: var(--color-muted); } }
@media (min-width: 768px) { .md\:pb-color-muted { padding-bottom: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:pb-color-muted { padding-bottom: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:pb-color-muted { padding-bottom: var(--color-muted); } }
.pl-color-muted { padding-left: var(--color-muted); }
@media (min-width: 640px) { .sm\:pl-color-muted { padding-left: var(--color-muted); } }
@media (min-width: 768px) { .md\:pl-color-muted { padding-left: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:pl-color-muted { padding-left: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:pl-color-muted { padding-left: var(--color-muted); } }
.m-color-muted { margin: var(--color-muted); }
@media (min-width: 640px) { .sm\:m-color-muted { margin: var(--color-muted); } }
@media (min-width: 768px) { .md\:m-color-muted { margin: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:m-color-muted { margin: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:m-color-muted { margin: var(--color-muted); } }
.mt-color-muted { margin-top: var(--color-muted); }
@media (min-width: 640px) { .sm\:mt-color-muted { margin-top: var(--color-muted); } }
@media (min-width: 768px) { .md\:mt-color-muted { margin-top: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:mt-color-muted { margin-top: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:mt-color-muted { margin-top: var(--color-muted); } }
.mr-color-muted { margin-right: var(--color-muted); }
@media (min-width: 640px) { .sm\:mr-color-muted { margin-right: var(--color-muted); } }
@media (min-width: 768px) { .md\:mr-color-muted { margin-right: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:mr-color-muted { margin-right: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:mr-color-muted { margin-right: var(--color-muted); } }
.mb-color-muted { margin-bottom: var(--color-muted); }
@media (min-width: 640px) { .sm\:mb-color-muted { margin-bottom: var(--color-muted); } }
@media (min-width: 768px) { .md\:mb-color-muted { margin-bottom: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:mb-color-muted { margin-bottom: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:mb-color-muted { margin-bottom: var(--color-muted); } }
.ml-color-muted { margin-left: var(--color-muted); }
@media (min-width: 640px) { .sm\:ml-color-muted { margin-left: var(--color-muted); } }
@media (min-width: 768px) { .md\:ml-color-muted { margin-left: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:ml-color-muted { margin-left: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:ml-color-muted { margin-left: var(--color-muted); } }
.gap-color-muted { gap: var(--color-muted); }
@media (min-width: 640px) { .sm\:gap-color-muted { gap: var(--color-muted); } }
@media (min-width: 768px) { .md\:gap-color-muted { gap: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:gap-color-muted { gap: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:gap-color-muted { gap: var(--color-muted); } }
.w-color-muted { width: var(--color-muted); }
@media (min-width: 640px) { .sm\:w-color-muted { width: var(--color-muted); } }
@media (min-width: 768px) { .md\:w-color-muted { width: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:w-color-muted { width: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:w-color-muted { width: var(--color-muted); } }
.h-color-muted { height: var(--color-muted); }
@media (min-width: 640px) { .sm\:h-color-muted { height: var(--color-muted); } }
@media (min-width: 768px) { .md\:h-color-muted { height: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:h-color-muted { height: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:h-color-muted { height: var(--color-muted); } }
.aspect-color-muted { aspect-ratio: var(--color-muted); }
@media (min-width: 640px) { .sm\:aspect-color-muted { aspect-ratio: var(--color-muted); } }
@media (min-width: 768px) { .md\:aspect-color-muted { aspect-ratio: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:aspect-color-muted { aspect-ratio: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:aspect-color-muted { aspect-ratio: var(--color-muted); } }
.min-w-color-muted { min-width: var(--color-muted); }
@media (min-width: 640px) { .sm\:min-w-color-muted { min-width: var(--color-muted); } }
@media (min-width: 768px) { .md\:min-w-color-muted { min-width: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:min-w-color-muted { min-width: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:min-w-color-muted { min-width: var(--color-muted); } }
.min-h-color-muted { min-height: var(--color-muted); }
@media (min-width: 640px) { .sm\:min-h-color-muted { min-height: var(--color-muted); } }
@media (min-width: 768px) { .md\:min-h-color-muted { min-height: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:min-h-color-muted { min-height: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:min-h-color-muted { min-height: var(--color-muted); } }
.max-w-color-muted { max-width: var(--color-muted); }
@media (min-width: 640px) { .sm\:max-w-color-muted { max-width: var(--color-muted); } }
@media (min-width: 768px) { .md\:max-w-color-muted { max-width: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:max-w-color-muted { max-width: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:max-w-color-muted { max-width: var(--color-muted); } }
.max-h-color-muted { max-height: var(--color-muted); }
@media (min-width: 640px) { .sm\:max-h-color-muted { max-height: var(--color-muted); } }
@media (min-width: 768px) { .md\:max-h-color-muted { max-height: var(--color-muted); } }
@media (min-width: 1024px) { .lg\:max-h-color-muted { max-height: var(--color-muted); } }
@media (min-width: 1280px) { .xl\:max-h-color-muted { max-height: var(--color-muted); } }
.bg-color-muted-foreground { background-color: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:bg-color-muted-foreground { background-color: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:bg-color-muted-foreground { background-color: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-muted-foreground { background-color: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-muted-foreground { background-color: var(--color-muted-foreground); } }
.border-color-color-muted-foreground { border-color: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-muted-foreground { border-color: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-muted-foreground { border-color: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-muted-foreground { border-color: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-muted-foreground { border-color: var(--color-muted-foreground); } }
.rounded-color-muted-foreground { border-radius: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-muted-foreground { border-radius: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-muted-foreground { border-radius: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-muted-foreground { border-radius: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-muted-foreground { border-radius: var(--color-muted-foreground); } }
.border-style-color-muted-foreground { border-style: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-muted-foreground { border-style: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-muted-foreground { border-style: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-muted-foreground { border-style: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-muted-foreground { border-style: var(--color-muted-foreground); } }
.border-width-color-muted-foreground { border-width: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-muted-foreground { border-width: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-muted-foreground { border-width: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-muted-foreground { border-width: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-muted-foreground { border-width: var(--color-muted-foreground); } }
.text-color-muted-foreground { color: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:text-color-muted-foreground { color: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:text-color-muted-foreground { color: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-muted-foreground { color: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-muted-foreground { color: var(--color-muted-foreground); } }
.font-color-muted-foreground { font-family: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:font-color-muted-foreground { font-family: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:font-color-muted-foreground { font-family: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-muted-foreground { font-family: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-muted-foreground { font-family: var(--color-muted-foreground); } }
.text-size-color-muted-foreground { font-size: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-muted-foreground { font-size: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-muted-foreground { font-size: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-muted-foreground { font-size: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-muted-foreground { font-size: var(--color-muted-foreground); } }
.font-weight-color-muted-foreground { font-weight: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-muted-foreground { font-weight: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-muted-foreground { font-weight: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-muted-foreground { font-weight: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-muted-foreground { font-weight: var(--color-muted-foreground); } }
.text-align-color-muted-foreground { text-align: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-muted-foreground { text-align: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-muted-foreground { text-align: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-muted-foreground { text-align: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-muted-foreground { text-align: var(--color-muted-foreground); } }
.leading-color-muted-foreground { line-height: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:leading-color-muted-foreground { line-height: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:leading-color-muted-foreground { line-height: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-muted-foreground { line-height: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-muted-foreground { line-height: var(--color-muted-foreground); } }
.tracking-color-muted-foreground { letter-spacing: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-muted-foreground { letter-spacing: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-muted-foreground { letter-spacing: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-muted-foreground { letter-spacing: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-muted-foreground { letter-spacing: var(--color-muted-foreground); } }
.text-transform-color-muted-foreground { text-transform: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-muted-foreground { text-transform: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-muted-foreground { text-transform: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-muted-foreground { text-transform: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-muted-foreground { text-transform: var(--color-muted-foreground); } }
.font-style-color-muted-foreground { font-style: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-muted-foreground { font-style: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-muted-foreground { font-style: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-muted-foreground { font-style: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-muted-foreground { font-style: var(--color-muted-foreground); } }
.decoration-color-muted-foreground { text-decoration-line: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-muted-foreground { text-decoration-line: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-muted-foreground { text-decoration-line: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-muted-foreground { text-decoration-line: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-muted-foreground { text-decoration-line: var(--color-muted-foreground); } }
.display-color-muted-foreground { display: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:display-color-muted-foreground { display: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:display-color-muted-foreground { display: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-muted-foreground { display: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-muted-foreground { display: var(--color-muted-foreground); } }
.flex-direction-color-muted-foreground { flex-direction: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-muted-foreground { flex-direction: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-muted-foreground { flex-direction: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-muted-foreground { flex-direction: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-muted-foreground { flex-direction: var(--color-muted-foreground); } }
.flex-wrap-color-muted-foreground { flex-wrap: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-muted-foreground { flex-wrap: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-muted-foreground { flex-wrap: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-muted-foreground { flex-wrap: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-muted-foreground { flex-wrap: var(--color-muted-foreground); } }
.justify-color-muted-foreground { justify-content: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:justify-color-muted-foreground { justify-content: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:justify-color-muted-foreground { justify-content: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-muted-foreground { justify-content: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-muted-foreground { justify-content: var(--color-muted-foreground); } }
.items-color-muted-foreground { align-items: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:items-color-muted-foreground { align-items: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:items-color-muted-foreground { align-items: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-muted-foreground { align-items: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-muted-foreground { align-items: var(--color-muted-foreground); } }
.self-color-muted-foreground { align-self: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:self-color-muted-foreground { align-self: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:self-color-muted-foreground { align-self: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-muted-foreground { align-self: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-muted-foreground { align-self: var(--color-muted-foreground); } }
.flex-color-muted-foreground { flex: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:flex-color-muted-foreground { flex: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:flex-color-muted-foreground { flex: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-muted-foreground { flex: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-muted-foreground { flex: var(--color-muted-foreground); } }
.grow-color-muted-foreground { flex-grow: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:grow-color-muted-foreground { flex-grow: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:grow-color-muted-foreground { flex-grow: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-muted-foreground { flex-grow: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-muted-foreground { flex-grow: var(--color-muted-foreground); } }
.shrink-color-muted-foreground { flex-shrink: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-muted-foreground { flex-shrink: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-muted-foreground { flex-shrink: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-muted-foreground { flex-shrink: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-muted-foreground { flex-shrink: var(--color-muted-foreground); } }
.basis-color-muted-foreground { flex-basis: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:basis-color-muted-foreground { flex-basis: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:basis-color-muted-foreground { flex-basis: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-muted-foreground { flex-basis: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-muted-foreground { flex-basis: var(--color-muted-foreground); } }
.order-color-muted-foreground { order: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:order-color-muted-foreground { order: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:order-color-muted-foreground { order: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-muted-foreground { order: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-muted-foreground { order: var(--color-muted-foreground); } }
.overflow-color-muted-foreground { overflow: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-muted-foreground { overflow: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-muted-foreground { overflow: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-muted-foreground { overflow: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-muted-foreground { overflow: var(--color-muted-foreground); } }
.overflow-x-color-muted-foreground { overflow-x: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-muted-foreground { overflow-x: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-muted-foreground { overflow-x: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-muted-foreground { overflow-x: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-muted-foreground { overflow-x: var(--color-muted-foreground); } }
.overflow-y-color-muted-foreground { overflow-y: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-muted-foreground { overflow-y: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-muted-foreground { overflow-y: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-muted-foreground { overflow-y: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-muted-foreground { overflow-y: var(--color-muted-foreground); } }
.p-color-muted-foreground { padding: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:p-color-muted-foreground { padding: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:p-color-muted-foreground { padding: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-muted-foreground { padding: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-muted-foreground { padding: var(--color-muted-foreground); } }
.pt-color-muted-foreground { padding-top: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:pt-color-muted-foreground { padding-top: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:pt-color-muted-foreground { padding-top: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-muted-foreground { padding-top: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-muted-foreground { padding-top: var(--color-muted-foreground); } }
.pr-color-muted-foreground { padding-right: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:pr-color-muted-foreground { padding-right: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:pr-color-muted-foreground { padding-right: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-muted-foreground { padding-right: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-muted-foreground { padding-right: var(--color-muted-foreground); } }
.pb-color-muted-foreground { padding-bottom: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:pb-color-muted-foreground { padding-bottom: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:pb-color-muted-foreground { padding-bottom: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-muted-foreground { padding-bottom: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-muted-foreground { padding-bottom: var(--color-muted-foreground); } }
.pl-color-muted-foreground { padding-left: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:pl-color-muted-foreground { padding-left: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:pl-color-muted-foreground { padding-left: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-muted-foreground { padding-left: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-muted-foreground { padding-left: var(--color-muted-foreground); } }
.m-color-muted-foreground { margin: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:m-color-muted-foreground { margin: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:m-color-muted-foreground { margin: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-muted-foreground { margin: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-muted-foreground { margin: var(--color-muted-foreground); } }
.mt-color-muted-foreground { margin-top: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:mt-color-muted-foreground { margin-top: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:mt-color-muted-foreground { margin-top: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-muted-foreground { margin-top: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-muted-foreground { margin-top: var(--color-muted-foreground); } }
.mr-color-muted-foreground { margin-right: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:mr-color-muted-foreground { margin-right: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:mr-color-muted-foreground { margin-right: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-muted-foreground { margin-right: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-muted-foreground { margin-right: var(--color-muted-foreground); } }
.mb-color-muted-foreground { margin-bottom: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:mb-color-muted-foreground { margin-bottom: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:mb-color-muted-foreground { margin-bottom: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-muted-foreground { margin-bottom: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-muted-foreground { margin-bottom: var(--color-muted-foreground); } }
.ml-color-muted-foreground { margin-left: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:ml-color-muted-foreground { margin-left: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:ml-color-muted-foreground { margin-left: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-muted-foreground { margin-left: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-muted-foreground { margin-left: var(--color-muted-foreground); } }
.gap-color-muted-foreground { gap: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:gap-color-muted-foreground { gap: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:gap-color-muted-foreground { gap: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-muted-foreground { gap: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-muted-foreground { gap: var(--color-muted-foreground); } }
.w-color-muted-foreground { width: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:w-color-muted-foreground { width: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:w-color-muted-foreground { width: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-muted-foreground { width: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-muted-foreground { width: var(--color-muted-foreground); } }
.h-color-muted-foreground { height: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:h-color-muted-foreground { height: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:h-color-muted-foreground { height: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-muted-foreground { height: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-muted-foreground { height: var(--color-muted-foreground); } }
.aspect-color-muted-foreground { aspect-ratio: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-muted-foreground { aspect-ratio: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-muted-foreground { aspect-ratio: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-muted-foreground { aspect-ratio: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-muted-foreground { aspect-ratio: var(--color-muted-foreground); } }
.min-w-color-muted-foreground { min-width: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-muted-foreground { min-width: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-muted-foreground { min-width: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-muted-foreground { min-width: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-muted-foreground { min-width: var(--color-muted-foreground); } }
.min-h-color-muted-foreground { min-height: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-muted-foreground { min-height: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-muted-foreground { min-height: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-muted-foreground { min-height: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-muted-foreground { min-height: var(--color-muted-foreground); } }
.max-w-color-muted-foreground { max-width: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-muted-foreground { max-width: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-muted-foreground { max-width: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-muted-foreground { max-width: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-muted-foreground { max-width: var(--color-muted-foreground); } }
.max-h-color-muted-foreground { max-height: var(--color-muted-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-muted-foreground { max-height: var(--color-muted-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-muted-foreground { max-height: var(--color-muted-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-muted-foreground { max-height: var(--color-muted-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-muted-foreground { max-height: var(--color-muted-foreground); } }
.bg-color-accent { background-color: var(--color-accent); }
@media (min-width: 640px) { .sm\:bg-color-accent { background-color: var(--color-accent); } }
@media (min-width: 768px) { .md\:bg-color-accent { background-color: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:bg-color-accent { background-color: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:bg-color-accent { background-color: var(--color-accent); } }
.border-color-color-accent { border-color: var(--color-accent); }
@media (min-width: 640px) { .sm\:border-color-color-accent { border-color: var(--color-accent); } }
@media (min-width: 768px) { .md\:border-color-color-accent { border-color: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:border-color-color-accent { border-color: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:border-color-color-accent { border-color: var(--color-accent); } }
.rounded-color-accent { border-radius: var(--color-accent); }
@media (min-width: 640px) { .sm\:rounded-color-accent { border-radius: var(--color-accent); } }
@media (min-width: 768px) { .md\:rounded-color-accent { border-radius: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:rounded-color-accent { border-radius: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:rounded-color-accent { border-radius: var(--color-accent); } }
.border-style-color-accent { border-style: var(--color-accent); }
@media (min-width: 640px) { .sm\:border-style-color-accent { border-style: var(--color-accent); } }
@media (min-width: 768px) { .md\:border-style-color-accent { border-style: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:border-style-color-accent { border-style: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:border-style-color-accent { border-style: var(--color-accent); } }
.border-width-color-accent { border-width: var(--color-accent); }
@media (min-width: 640px) { .sm\:border-width-color-accent { border-width: var(--color-accent); } }
@media (min-width: 768px) { .md\:border-width-color-accent { border-width: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:border-width-color-accent { border-width: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:border-width-color-accent { border-width: var(--color-accent); } }
.text-color-accent { color: var(--color-accent); }
@media (min-width: 640px) { .sm\:text-color-accent { color: var(--color-accent); } }
@media (min-width: 768px) { .md\:text-color-accent { color: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:text-color-accent { color: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:text-color-accent { color: var(--color-accent); } }
.font-color-accent { font-family: var(--color-accent); }
@media (min-width: 640px) { .sm\:font-color-accent { font-family: var(--color-accent); } }
@media (min-width: 768px) { .md\:font-color-accent { font-family: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:font-color-accent { font-family: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:font-color-accent { font-family: var(--color-accent); } }
.text-size-color-accent { font-size: var(--color-accent); }
@media (min-width: 640px) { .sm\:text-size-color-accent { font-size: var(--color-accent); } }
@media (min-width: 768px) { .md\:text-size-color-accent { font-size: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:text-size-color-accent { font-size: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:text-size-color-accent { font-size: var(--color-accent); } }
.font-weight-color-accent { font-weight: var(--color-accent); }
@media (min-width: 640px) { .sm\:font-weight-color-accent { font-weight: var(--color-accent); } }
@media (min-width: 768px) { .md\:font-weight-color-accent { font-weight: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:font-weight-color-accent { font-weight: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:font-weight-color-accent { font-weight: var(--color-accent); } }
.text-align-color-accent { text-align: var(--color-accent); }
@media (min-width: 640px) { .sm\:text-align-color-accent { text-align: var(--color-accent); } }
@media (min-width: 768px) { .md\:text-align-color-accent { text-align: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:text-align-color-accent { text-align: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:text-align-color-accent { text-align: var(--color-accent); } }
.leading-color-accent { line-height: var(--color-accent); }
@media (min-width: 640px) { .sm\:leading-color-accent { line-height: var(--color-accent); } }
@media (min-width: 768px) { .md\:leading-color-accent { line-height: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:leading-color-accent { line-height: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:leading-color-accent { line-height: var(--color-accent); } }
.tracking-color-accent { letter-spacing: var(--color-accent); }
@media (min-width: 640px) { .sm\:tracking-color-accent { letter-spacing: var(--color-accent); } }
@media (min-width: 768px) { .md\:tracking-color-accent { letter-spacing: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:tracking-color-accent { letter-spacing: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:tracking-color-accent { letter-spacing: var(--color-accent); } }
.text-transform-color-accent { text-transform: var(--color-accent); }
@media (min-width: 640px) { .sm\:text-transform-color-accent { text-transform: var(--color-accent); } }
@media (min-width: 768px) { .md\:text-transform-color-accent { text-transform: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:text-transform-color-accent { text-transform: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:text-transform-color-accent { text-transform: var(--color-accent); } }
.font-style-color-accent { font-style: var(--color-accent); }
@media (min-width: 640px) { .sm\:font-style-color-accent { font-style: var(--color-accent); } }
@media (min-width: 768px) { .md\:font-style-color-accent { font-style: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:font-style-color-accent { font-style: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:font-style-color-accent { font-style: var(--color-accent); } }
.decoration-color-accent { text-decoration-line: var(--color-accent); }
@media (min-width: 640px) { .sm\:decoration-color-accent { text-decoration-line: var(--color-accent); } }
@media (min-width: 768px) { .md\:decoration-color-accent { text-decoration-line: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:decoration-color-accent { text-decoration-line: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:decoration-color-accent { text-decoration-line: var(--color-accent); } }
.display-color-accent { display: var(--color-accent); }
@media (min-width: 640px) { .sm\:display-color-accent { display: var(--color-accent); } }
@media (min-width: 768px) { .md\:display-color-accent { display: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:display-color-accent { display: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:display-color-accent { display: var(--color-accent); } }
.flex-direction-color-accent { flex-direction: var(--color-accent); }
@media (min-width: 640px) { .sm\:flex-direction-color-accent { flex-direction: var(--color-accent); } }
@media (min-width: 768px) { .md\:flex-direction-color-accent { flex-direction: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-accent { flex-direction: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-accent { flex-direction: var(--color-accent); } }
.flex-wrap-color-accent { flex-wrap: var(--color-accent); }
@media (min-width: 640px) { .sm\:flex-wrap-color-accent { flex-wrap: var(--color-accent); } }
@media (min-width: 768px) { .md\:flex-wrap-color-accent { flex-wrap: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-accent { flex-wrap: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-accent { flex-wrap: var(--color-accent); } }
.justify-color-accent { justify-content: var(--color-accent); }
@media (min-width: 640px) { .sm\:justify-color-accent { justify-content: var(--color-accent); } }
@media (min-width: 768px) { .md\:justify-color-accent { justify-content: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:justify-color-accent { justify-content: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:justify-color-accent { justify-content: var(--color-accent); } }
.items-color-accent { align-items: var(--color-accent); }
@media (min-width: 640px) { .sm\:items-color-accent { align-items: var(--color-accent); } }
@media (min-width: 768px) { .md\:items-color-accent { align-items: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:items-color-accent { align-items: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:items-color-accent { align-items: var(--color-accent); } }
.self-color-accent { align-self: var(--color-accent); }
@media (min-width: 640px) { .sm\:self-color-accent { align-self: var(--color-accent); } }
@media (min-width: 768px) { .md\:self-color-accent { align-self: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:self-color-accent { align-self: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:self-color-accent { align-self: var(--color-accent); } }
.flex-color-accent { flex: var(--color-accent); }
@media (min-width: 640px) { .sm\:flex-color-accent { flex: var(--color-accent); } }
@media (min-width: 768px) { .md\:flex-color-accent { flex: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:flex-color-accent { flex: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:flex-color-accent { flex: var(--color-accent); } }
.grow-color-accent { flex-grow: var(--color-accent); }
@media (min-width: 640px) { .sm\:grow-color-accent { flex-grow: var(--color-accent); } }
@media (min-width: 768px) { .md\:grow-color-accent { flex-grow: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:grow-color-accent { flex-grow: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:grow-color-accent { flex-grow: var(--color-accent); } }
.shrink-color-accent { flex-shrink: var(--color-accent); }
@media (min-width: 640px) { .sm\:shrink-color-accent { flex-shrink: var(--color-accent); } }
@media (min-width: 768px) { .md\:shrink-color-accent { flex-shrink: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:shrink-color-accent { flex-shrink: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:shrink-color-accent { flex-shrink: var(--color-accent); } }
.basis-color-accent { flex-basis: var(--color-accent); }
@media (min-width: 640px) { .sm\:basis-color-accent { flex-basis: var(--color-accent); } }
@media (min-width: 768px) { .md\:basis-color-accent { flex-basis: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:basis-color-accent { flex-basis: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:basis-color-accent { flex-basis: var(--color-accent); } }
.order-color-accent { order: var(--color-accent); }
@media (min-width: 640px) { .sm\:order-color-accent { order: var(--color-accent); } }
@media (min-width: 768px) { .md\:order-color-accent { order: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:order-color-accent { order: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:order-color-accent { order: var(--color-accent); } }
.overflow-color-accent { overflow: var(--color-accent); }
@media (min-width: 640px) { .sm\:overflow-color-accent { overflow: var(--color-accent); } }
@media (min-width: 768px) { .md\:overflow-color-accent { overflow: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:overflow-color-accent { overflow: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:overflow-color-accent { overflow: var(--color-accent); } }
.overflow-x-color-accent { overflow-x: var(--color-accent); }
@media (min-width: 640px) { .sm\:overflow-x-color-accent { overflow-x: var(--color-accent); } }
@media (min-width: 768px) { .md\:overflow-x-color-accent { overflow-x: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-accent { overflow-x: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-accent { overflow-x: var(--color-accent); } }
.overflow-y-color-accent { overflow-y: var(--color-accent); }
@media (min-width: 640px) { .sm\:overflow-y-color-accent { overflow-y: var(--color-accent); } }
@media (min-width: 768px) { .md\:overflow-y-color-accent { overflow-y: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-accent { overflow-y: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-accent { overflow-y: var(--color-accent); } }
.p-color-accent { padding: var(--color-accent); }
@media (min-width: 640px) { .sm\:p-color-accent { padding: var(--color-accent); } }
@media (min-width: 768px) { .md\:p-color-accent { padding: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:p-color-accent { padding: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:p-color-accent { padding: var(--color-accent); } }
.pt-color-accent { padding-top: var(--color-accent); }
@media (min-width: 640px) { .sm\:pt-color-accent { padding-top: var(--color-accent); } }
@media (min-width: 768px) { .md\:pt-color-accent { padding-top: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:pt-color-accent { padding-top: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:pt-color-accent { padding-top: var(--color-accent); } }
.pr-color-accent { padding-right: var(--color-accent); }
@media (min-width: 640px) { .sm\:pr-color-accent { padding-right: var(--color-accent); } }
@media (min-width: 768px) { .md\:pr-color-accent { padding-right: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:pr-color-accent { padding-right: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:pr-color-accent { padding-right: var(--color-accent); } }
.pb-color-accent { padding-bottom: var(--color-accent); }
@media (min-width: 640px) { .sm\:pb-color-accent { padding-bottom: var(--color-accent); } }
@media (min-width: 768px) { .md\:pb-color-accent { padding-bottom: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:pb-color-accent { padding-bottom: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:pb-color-accent { padding-bottom: var(--color-accent); } }
.pl-color-accent { padding-left: var(--color-accent); }
@media (min-width: 640px) { .sm\:pl-color-accent { padding-left: var(--color-accent); } }
@media (min-width: 768px) { .md\:pl-color-accent { padding-left: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:pl-color-accent { padding-left: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:pl-color-accent { padding-left: var(--color-accent); } }
.m-color-accent { margin: var(--color-accent); }
@media (min-width: 640px) { .sm\:m-color-accent { margin: var(--color-accent); } }
@media (min-width: 768px) { .md\:m-color-accent { margin: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:m-color-accent { margin: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:m-color-accent { margin: var(--color-accent); } }
.mt-color-accent { margin-top: var(--color-accent); }
@media (min-width: 640px) { .sm\:mt-color-accent { margin-top: var(--color-accent); } }
@media (min-width: 768px) { .md\:mt-color-accent { margin-top: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:mt-color-accent { margin-top: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:mt-color-accent { margin-top: var(--color-accent); } }
.mr-color-accent { margin-right: var(--color-accent); }
@media (min-width: 640px) { .sm\:mr-color-accent { margin-right: var(--color-accent); } }
@media (min-width: 768px) { .md\:mr-color-accent { margin-right: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:mr-color-accent { margin-right: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:mr-color-accent { margin-right: var(--color-accent); } }
.mb-color-accent { margin-bottom: var(--color-accent); }
@media (min-width: 640px) { .sm\:mb-color-accent { margin-bottom: var(--color-accent); } }
@media (min-width: 768px) { .md\:mb-color-accent { margin-bottom: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:mb-color-accent { margin-bottom: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:mb-color-accent { margin-bottom: var(--color-accent); } }
.ml-color-accent { margin-left: var(--color-accent); }
@media (min-width: 640px) { .sm\:ml-color-accent { margin-left: var(--color-accent); } }
@media (min-width: 768px) { .md\:ml-color-accent { margin-left: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:ml-color-accent { margin-left: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:ml-color-accent { margin-left: var(--color-accent); } }
.gap-color-accent { gap: var(--color-accent); }
@media (min-width: 640px) { .sm\:gap-color-accent { gap: var(--color-accent); } }
@media (min-width: 768px) { .md\:gap-color-accent { gap: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:gap-color-accent { gap: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:gap-color-accent { gap: var(--color-accent); } }
.w-color-accent { width: var(--color-accent); }
@media (min-width: 640px) { .sm\:w-color-accent { width: var(--color-accent); } }
@media (min-width: 768px) { .md\:w-color-accent { width: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:w-color-accent { width: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:w-color-accent { width: var(--color-accent); } }
.h-color-accent { height: var(--color-accent); }
@media (min-width: 640px) { .sm\:h-color-accent { height: var(--color-accent); } }
@media (min-width: 768px) { .md\:h-color-accent { height: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:h-color-accent { height: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:h-color-accent { height: var(--color-accent); } }
.aspect-color-accent { aspect-ratio: var(--color-accent); }
@media (min-width: 640px) { .sm\:aspect-color-accent { aspect-ratio: var(--color-accent); } }
@media (min-width: 768px) { .md\:aspect-color-accent { aspect-ratio: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:aspect-color-accent { aspect-ratio: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:aspect-color-accent { aspect-ratio: var(--color-accent); } }
.min-w-color-accent { min-width: var(--color-accent); }
@media (min-width: 640px) { .sm\:min-w-color-accent { min-width: var(--color-accent); } }
@media (min-width: 768px) { .md\:min-w-color-accent { min-width: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:min-w-color-accent { min-width: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:min-w-color-accent { min-width: var(--color-accent); } }
.min-h-color-accent { min-height: var(--color-accent); }
@media (min-width: 640px) { .sm\:min-h-color-accent { min-height: var(--color-accent); } }
@media (min-width: 768px) { .md\:min-h-color-accent { min-height: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:min-h-color-accent { min-height: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:min-h-color-accent { min-height: var(--color-accent); } }
.max-w-color-accent { max-width: var(--color-accent); }
@media (min-width: 640px) { .sm\:max-w-color-accent { max-width: var(--color-accent); } }
@media (min-width: 768px) { .md\:max-w-color-accent { max-width: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:max-w-color-accent { max-width: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:max-w-color-accent { max-width: var(--color-accent); } }
.max-h-color-accent { max-height: var(--color-accent); }
@media (min-width: 640px) { .sm\:max-h-color-accent { max-height: var(--color-accent); } }
@media (min-width: 768px) { .md\:max-h-color-accent { max-height: var(--color-accent); } }
@media (min-width: 1024px) { .lg\:max-h-color-accent { max-height: var(--color-accent); } }
@media (min-width: 1280px) { .xl\:max-h-color-accent { max-height: var(--color-accent); } }
.bg-color-accent-foreground { background-color: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:bg-color-accent-foreground { background-color: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:bg-color-accent-foreground { background-color: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-accent-foreground { background-color: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-accent-foreground { background-color: var(--color-accent-foreground); } }
.border-color-color-accent-foreground { border-color: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-accent-foreground { border-color: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-accent-foreground { border-color: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-accent-foreground { border-color: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-accent-foreground { border-color: var(--color-accent-foreground); } }
.rounded-color-accent-foreground { border-radius: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-accent-foreground { border-radius: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-accent-foreground { border-radius: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-accent-foreground { border-radius: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-accent-foreground { border-radius: var(--color-accent-foreground); } }
.border-style-color-accent-foreground { border-style: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-accent-foreground { border-style: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-accent-foreground { border-style: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-accent-foreground { border-style: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-accent-foreground { border-style: var(--color-accent-foreground); } }
.border-width-color-accent-foreground { border-width: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-accent-foreground { border-width: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-accent-foreground { border-width: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-accent-foreground { border-width: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-accent-foreground { border-width: var(--color-accent-foreground); } }
.text-color-accent-foreground { color: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:text-color-accent-foreground { color: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:text-color-accent-foreground { color: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-accent-foreground { color: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-accent-foreground { color: var(--color-accent-foreground); } }
.font-color-accent-foreground { font-family: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:font-color-accent-foreground { font-family: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:font-color-accent-foreground { font-family: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-accent-foreground { font-family: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-accent-foreground { font-family: var(--color-accent-foreground); } }
.text-size-color-accent-foreground { font-size: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-accent-foreground { font-size: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-accent-foreground { font-size: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-accent-foreground { font-size: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-accent-foreground { font-size: var(--color-accent-foreground); } }
.font-weight-color-accent-foreground { font-weight: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-accent-foreground { font-weight: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-accent-foreground { font-weight: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-accent-foreground { font-weight: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-accent-foreground { font-weight: var(--color-accent-foreground); } }
.text-align-color-accent-foreground { text-align: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-accent-foreground { text-align: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-accent-foreground { text-align: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-accent-foreground { text-align: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-accent-foreground { text-align: var(--color-accent-foreground); } }
.leading-color-accent-foreground { line-height: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:leading-color-accent-foreground { line-height: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:leading-color-accent-foreground { line-height: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-accent-foreground { line-height: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-accent-foreground { line-height: var(--color-accent-foreground); } }
.tracking-color-accent-foreground { letter-spacing: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-accent-foreground { letter-spacing: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-accent-foreground { letter-spacing: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-accent-foreground { letter-spacing: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-accent-foreground { letter-spacing: var(--color-accent-foreground); } }
.text-transform-color-accent-foreground { text-transform: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-accent-foreground { text-transform: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-accent-foreground { text-transform: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-accent-foreground { text-transform: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-accent-foreground { text-transform: var(--color-accent-foreground); } }
.font-style-color-accent-foreground { font-style: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-accent-foreground { font-style: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-accent-foreground { font-style: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-accent-foreground { font-style: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-accent-foreground { font-style: var(--color-accent-foreground); } }
.decoration-color-accent-foreground { text-decoration-line: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-accent-foreground { text-decoration-line: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-accent-foreground { text-decoration-line: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-accent-foreground { text-decoration-line: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-accent-foreground { text-decoration-line: var(--color-accent-foreground); } }
.display-color-accent-foreground { display: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:display-color-accent-foreground { display: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:display-color-accent-foreground { display: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-accent-foreground { display: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-accent-foreground { display: var(--color-accent-foreground); } }
.flex-direction-color-accent-foreground { flex-direction: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-accent-foreground { flex-direction: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-accent-foreground { flex-direction: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-accent-foreground { flex-direction: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-accent-foreground { flex-direction: var(--color-accent-foreground); } }
.flex-wrap-color-accent-foreground { flex-wrap: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-accent-foreground { flex-wrap: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-accent-foreground { flex-wrap: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-accent-foreground { flex-wrap: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-accent-foreground { flex-wrap: var(--color-accent-foreground); } }
.justify-color-accent-foreground { justify-content: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:justify-color-accent-foreground { justify-content: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:justify-color-accent-foreground { justify-content: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-accent-foreground { justify-content: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-accent-foreground { justify-content: var(--color-accent-foreground); } }
.items-color-accent-foreground { align-items: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:items-color-accent-foreground { align-items: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:items-color-accent-foreground { align-items: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-accent-foreground { align-items: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-accent-foreground { align-items: var(--color-accent-foreground); } }
.self-color-accent-foreground { align-self: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:self-color-accent-foreground { align-self: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:self-color-accent-foreground { align-self: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-accent-foreground { align-self: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-accent-foreground { align-self: var(--color-accent-foreground); } }
.flex-color-accent-foreground { flex: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:flex-color-accent-foreground { flex: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:flex-color-accent-foreground { flex: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-accent-foreground { flex: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-accent-foreground { flex: var(--color-accent-foreground); } }
.grow-color-accent-foreground { flex-grow: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:grow-color-accent-foreground { flex-grow: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:grow-color-accent-foreground { flex-grow: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-accent-foreground { flex-grow: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-accent-foreground { flex-grow: var(--color-accent-foreground); } }
.shrink-color-accent-foreground { flex-shrink: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-accent-foreground { flex-shrink: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-accent-foreground { flex-shrink: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-accent-foreground { flex-shrink: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-accent-foreground { flex-shrink: var(--color-accent-foreground); } }
.basis-color-accent-foreground { flex-basis: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:basis-color-accent-foreground { flex-basis: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:basis-color-accent-foreground { flex-basis: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-accent-foreground { flex-basis: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-accent-foreground { flex-basis: var(--color-accent-foreground); } }
.order-color-accent-foreground { order: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:order-color-accent-foreground { order: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:order-color-accent-foreground { order: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-accent-foreground { order: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-accent-foreground { order: var(--color-accent-foreground); } }
.overflow-color-accent-foreground { overflow: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-accent-foreground { overflow: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-accent-foreground { overflow: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-accent-foreground { overflow: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-accent-foreground { overflow: var(--color-accent-foreground); } }
.overflow-x-color-accent-foreground { overflow-x: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-accent-foreground { overflow-x: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-accent-foreground { overflow-x: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-accent-foreground { overflow-x: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-accent-foreground { overflow-x: var(--color-accent-foreground); } }
.overflow-y-color-accent-foreground { overflow-y: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-accent-foreground { overflow-y: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-accent-foreground { overflow-y: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-accent-foreground { overflow-y: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-accent-foreground { overflow-y: var(--color-accent-foreground); } }
.p-color-accent-foreground { padding: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:p-color-accent-foreground { padding: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:p-color-accent-foreground { padding: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-accent-foreground { padding: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-accent-foreground { padding: var(--color-accent-foreground); } }
.pt-color-accent-foreground { padding-top: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:pt-color-accent-foreground { padding-top: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:pt-color-accent-foreground { padding-top: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-accent-foreground { padding-top: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-accent-foreground { padding-top: var(--color-accent-foreground); } }
.pr-color-accent-foreground { padding-right: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:pr-color-accent-foreground { padding-right: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:pr-color-accent-foreground { padding-right: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-accent-foreground { padding-right: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-accent-foreground { padding-right: var(--color-accent-foreground); } }
.pb-color-accent-foreground { padding-bottom: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:pb-color-accent-foreground { padding-bottom: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:pb-color-accent-foreground { padding-bottom: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-accent-foreground { padding-bottom: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-accent-foreground { padding-bottom: var(--color-accent-foreground); } }
.pl-color-accent-foreground { padding-left: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:pl-color-accent-foreground { padding-left: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:pl-color-accent-foreground { padding-left: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-accent-foreground { padding-left: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-accent-foreground { padding-left: var(--color-accent-foreground); } }
.m-color-accent-foreground { margin: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:m-color-accent-foreground { margin: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:m-color-accent-foreground { margin: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-accent-foreground { margin: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-accent-foreground { margin: var(--color-accent-foreground); } }
.mt-color-accent-foreground { margin-top: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:mt-color-accent-foreground { margin-top: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:mt-color-accent-foreground { margin-top: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-accent-foreground { margin-top: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-accent-foreground { margin-top: var(--color-accent-foreground); } }
.mr-color-accent-foreground { margin-right: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:mr-color-accent-foreground { margin-right: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:mr-color-accent-foreground { margin-right: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-accent-foreground { margin-right: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-accent-foreground { margin-right: var(--color-accent-foreground); } }
.mb-color-accent-foreground { margin-bottom: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:mb-color-accent-foreground { margin-bottom: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:mb-color-accent-foreground { margin-bottom: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-accent-foreground { margin-bottom: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-accent-foreground { margin-bottom: var(--color-accent-foreground); } }
.ml-color-accent-foreground { margin-left: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:ml-color-accent-foreground { margin-left: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:ml-color-accent-foreground { margin-left: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-accent-foreground { margin-left: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-accent-foreground { margin-left: var(--color-accent-foreground); } }
.gap-color-accent-foreground { gap: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:gap-color-accent-foreground { gap: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:gap-color-accent-foreground { gap: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-accent-foreground { gap: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-accent-foreground { gap: var(--color-accent-foreground); } }
.w-color-accent-foreground { width: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:w-color-accent-foreground { width: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:w-color-accent-foreground { width: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-accent-foreground { width: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-accent-foreground { width: var(--color-accent-foreground); } }
.h-color-accent-foreground { height: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:h-color-accent-foreground { height: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:h-color-accent-foreground { height: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-accent-foreground { height: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-accent-foreground { height: var(--color-accent-foreground); } }
.aspect-color-accent-foreground { aspect-ratio: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-accent-foreground { aspect-ratio: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-accent-foreground { aspect-ratio: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-accent-foreground { aspect-ratio: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-accent-foreground { aspect-ratio: var(--color-accent-foreground); } }
.min-w-color-accent-foreground { min-width: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-accent-foreground { min-width: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-accent-foreground { min-width: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-accent-foreground { min-width: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-accent-foreground { min-width: var(--color-accent-foreground); } }
.min-h-color-accent-foreground { min-height: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-accent-foreground { min-height: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-accent-foreground { min-height: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-accent-foreground { min-height: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-accent-foreground { min-height: var(--color-accent-foreground); } }
.max-w-color-accent-foreground { max-width: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-accent-foreground { max-width: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-accent-foreground { max-width: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-accent-foreground { max-width: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-accent-foreground { max-width: var(--color-accent-foreground); } }
.max-h-color-accent-foreground { max-height: var(--color-accent-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-accent-foreground { max-height: var(--color-accent-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-accent-foreground { max-height: var(--color-accent-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-accent-foreground { max-height: var(--color-accent-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-accent-foreground { max-height: var(--color-accent-foreground); } }
.bg-color-destructive { background-color: var(--color-destructive); }
@media (min-width: 640px) { .sm\:bg-color-destructive { background-color: var(--color-destructive); } }
@media (min-width: 768px) { .md\:bg-color-destructive { background-color: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:bg-color-destructive { background-color: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:bg-color-destructive { background-color: var(--color-destructive); } }
.border-color-color-destructive { border-color: var(--color-destructive); }
@media (min-width: 640px) { .sm\:border-color-color-destructive { border-color: var(--color-destructive); } }
@media (min-width: 768px) { .md\:border-color-color-destructive { border-color: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:border-color-color-destructive { border-color: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:border-color-color-destructive { border-color: var(--color-destructive); } }
.rounded-color-destructive { border-radius: var(--color-destructive); }
@media (min-width: 640px) { .sm\:rounded-color-destructive { border-radius: var(--color-destructive); } }
@media (min-width: 768px) { .md\:rounded-color-destructive { border-radius: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:rounded-color-destructive { border-radius: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:rounded-color-destructive { border-radius: var(--color-destructive); } }
.border-style-color-destructive { border-style: var(--color-destructive); }
@media (min-width: 640px) { .sm\:border-style-color-destructive { border-style: var(--color-destructive); } }
@media (min-width: 768px) { .md\:border-style-color-destructive { border-style: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:border-style-color-destructive { border-style: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:border-style-color-destructive { border-style: var(--color-destructive); } }
.border-width-color-destructive { border-width: var(--color-destructive); }
@media (min-width: 640px) { .sm\:border-width-color-destructive { border-width: var(--color-destructive); } }
@media (min-width: 768px) { .md\:border-width-color-destructive { border-width: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:border-width-color-destructive { border-width: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:border-width-color-destructive { border-width: var(--color-destructive); } }
.text-color-destructive { color: var(--color-destructive); }
@media (min-width: 640px) { .sm\:text-color-destructive { color: var(--color-destructive); } }
@media (min-width: 768px) { .md\:text-color-destructive { color: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:text-color-destructive { color: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:text-color-destructive { color: var(--color-destructive); } }
.font-color-destructive { font-family: var(--color-destructive); }
@media (min-width: 640px) { .sm\:font-color-destructive { font-family: var(--color-destructive); } }
@media (min-width: 768px) { .md\:font-color-destructive { font-family: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:font-color-destructive { font-family: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:font-color-destructive { font-family: var(--color-destructive); } }
.text-size-color-destructive { font-size: var(--color-destructive); }
@media (min-width: 640px) { .sm\:text-size-color-destructive { font-size: var(--color-destructive); } }
@media (min-width: 768px) { .md\:text-size-color-destructive { font-size: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:text-size-color-destructive { font-size: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:text-size-color-destructive { font-size: var(--color-destructive); } }
.font-weight-color-destructive { font-weight: var(--color-destructive); }
@media (min-width: 640px) { .sm\:font-weight-color-destructive { font-weight: var(--color-destructive); } }
@media (min-width: 768px) { .md\:font-weight-color-destructive { font-weight: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:font-weight-color-destructive { font-weight: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:font-weight-color-destructive { font-weight: var(--color-destructive); } }
.text-align-color-destructive { text-align: var(--color-destructive); }
@media (min-width: 640px) { .sm\:text-align-color-destructive { text-align: var(--color-destructive); } }
@media (min-width: 768px) { .md\:text-align-color-destructive { text-align: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:text-align-color-destructive { text-align: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:text-align-color-destructive { text-align: var(--color-destructive); } }
.leading-color-destructive { line-height: var(--color-destructive); }
@media (min-width: 640px) { .sm\:leading-color-destructive { line-height: var(--color-destructive); } }
@media (min-width: 768px) { .md\:leading-color-destructive { line-height: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:leading-color-destructive { line-height: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:leading-color-destructive { line-height: var(--color-destructive); } }
.tracking-color-destructive { letter-spacing: var(--color-destructive); }
@media (min-width: 640px) { .sm\:tracking-color-destructive { letter-spacing: var(--color-destructive); } }
@media (min-width: 768px) { .md\:tracking-color-destructive { letter-spacing: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:tracking-color-destructive { letter-spacing: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:tracking-color-destructive { letter-spacing: var(--color-destructive); } }
.text-transform-color-destructive { text-transform: var(--color-destructive); }
@media (min-width: 640px) { .sm\:text-transform-color-destructive { text-transform: var(--color-destructive); } }
@media (min-width: 768px) { .md\:text-transform-color-destructive { text-transform: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:text-transform-color-destructive { text-transform: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:text-transform-color-destructive { text-transform: var(--color-destructive); } }
.font-style-color-destructive { font-style: var(--color-destructive); }
@media (min-width: 640px) { .sm\:font-style-color-destructive { font-style: var(--color-destructive); } }
@media (min-width: 768px) { .md\:font-style-color-destructive { font-style: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:font-style-color-destructive { font-style: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:font-style-color-destructive { font-style: var(--color-destructive); } }
.decoration-color-destructive { text-decoration-line: var(--color-destructive); }
@media (min-width: 640px) { .sm\:decoration-color-destructive { text-decoration-line: var(--color-destructive); } }
@media (min-width: 768px) { .md\:decoration-color-destructive { text-decoration-line: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:decoration-color-destructive { text-decoration-line: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:decoration-color-destructive { text-decoration-line: var(--color-destructive); } }
.display-color-destructive { display: var(--color-destructive); }
@media (min-width: 640px) { .sm\:display-color-destructive { display: var(--color-destructive); } }
@media (min-width: 768px) { .md\:display-color-destructive { display: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:display-color-destructive { display: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:display-color-destructive { display: var(--color-destructive); } }
.flex-direction-color-destructive { flex-direction: var(--color-destructive); }
@media (min-width: 640px) { .sm\:flex-direction-color-destructive { flex-direction: var(--color-destructive); } }
@media (min-width: 768px) { .md\:flex-direction-color-destructive { flex-direction: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-destructive { flex-direction: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-destructive { flex-direction: var(--color-destructive); } }
.flex-wrap-color-destructive { flex-wrap: var(--color-destructive); }
@media (min-width: 640px) { .sm\:flex-wrap-color-destructive { flex-wrap: var(--color-destructive); } }
@media (min-width: 768px) { .md\:flex-wrap-color-destructive { flex-wrap: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-destructive { flex-wrap: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-destructive { flex-wrap: var(--color-destructive); } }
.justify-color-destructive { justify-content: var(--color-destructive); }
@media (min-width: 640px) { .sm\:justify-color-destructive { justify-content: var(--color-destructive); } }
@media (min-width: 768px) { .md\:justify-color-destructive { justify-content: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:justify-color-destructive { justify-content: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:justify-color-destructive { justify-content: var(--color-destructive); } }
.items-color-destructive { align-items: var(--color-destructive); }
@media (min-width: 640px) { .sm\:items-color-destructive { align-items: var(--color-destructive); } }
@media (min-width: 768px) { .md\:items-color-destructive { align-items: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:items-color-destructive { align-items: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:items-color-destructive { align-items: var(--color-destructive); } }
.self-color-destructive { align-self: var(--color-destructive); }
@media (min-width: 640px) { .sm\:self-color-destructive { align-self: var(--color-destructive); } }
@media (min-width: 768px) { .md\:self-color-destructive { align-self: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:self-color-destructive { align-self: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:self-color-destructive { align-self: var(--color-destructive); } }
.flex-color-destructive { flex: var(--color-destructive); }
@media (min-width: 640px) { .sm\:flex-color-destructive { flex: var(--color-destructive); } }
@media (min-width: 768px) { .md\:flex-color-destructive { flex: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:flex-color-destructive { flex: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:flex-color-destructive { flex: var(--color-destructive); } }
.grow-color-destructive { flex-grow: var(--color-destructive); }
@media (min-width: 640px) { .sm\:grow-color-destructive { flex-grow: var(--color-destructive); } }
@media (min-width: 768px) { .md\:grow-color-destructive { flex-grow: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:grow-color-destructive { flex-grow: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:grow-color-destructive { flex-grow: var(--color-destructive); } }
.shrink-color-destructive { flex-shrink: var(--color-destructive); }
@media (min-width: 640px) { .sm\:shrink-color-destructive { flex-shrink: var(--color-destructive); } }
@media (min-width: 768px) { .md\:shrink-color-destructive { flex-shrink: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:shrink-color-destructive { flex-shrink: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:shrink-color-destructive { flex-shrink: var(--color-destructive); } }
.basis-color-destructive { flex-basis: var(--color-destructive); }
@media (min-width: 640px) { .sm\:basis-color-destructive { flex-basis: var(--color-destructive); } }
@media (min-width: 768px) { .md\:basis-color-destructive { flex-basis: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:basis-color-destructive { flex-basis: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:basis-color-destructive { flex-basis: var(--color-destructive); } }
.order-color-destructive { order: var(--color-destructive); }
@media (min-width: 640px) { .sm\:order-color-destructive { order: var(--color-destructive); } }
@media (min-width: 768px) { .md\:order-color-destructive { order: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:order-color-destructive { order: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:order-color-destructive { order: var(--color-destructive); } }
.overflow-color-destructive { overflow: var(--color-destructive); }
@media (min-width: 640px) { .sm\:overflow-color-destructive { overflow: var(--color-destructive); } }
@media (min-width: 768px) { .md\:overflow-color-destructive { overflow: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:overflow-color-destructive { overflow: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:overflow-color-destructive { overflow: var(--color-destructive); } }
.overflow-x-color-destructive { overflow-x: var(--color-destructive); }
@media (min-width: 640px) { .sm\:overflow-x-color-destructive { overflow-x: var(--color-destructive); } }
@media (min-width: 768px) { .md\:overflow-x-color-destructive { overflow-x: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-destructive { overflow-x: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-destructive { overflow-x: var(--color-destructive); } }
.overflow-y-color-destructive { overflow-y: var(--color-destructive); }
@media (min-width: 640px) { .sm\:overflow-y-color-destructive { overflow-y: var(--color-destructive); } }
@media (min-width: 768px) { .md\:overflow-y-color-destructive { overflow-y: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-destructive { overflow-y: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-destructive { overflow-y: var(--color-destructive); } }
.p-color-destructive { padding: var(--color-destructive); }
@media (min-width: 640px) { .sm\:p-color-destructive { padding: var(--color-destructive); } }
@media (min-width: 768px) { .md\:p-color-destructive { padding: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:p-color-destructive { padding: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:p-color-destructive { padding: var(--color-destructive); } }
.pt-color-destructive { padding-top: var(--color-destructive); }
@media (min-width: 640px) { .sm\:pt-color-destructive { padding-top: var(--color-destructive); } }
@media (min-width: 768px) { .md\:pt-color-destructive { padding-top: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:pt-color-destructive { padding-top: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:pt-color-destructive { padding-top: var(--color-destructive); } }
.pr-color-destructive { padding-right: var(--color-destructive); }
@media (min-width: 640px) { .sm\:pr-color-destructive { padding-right: var(--color-destructive); } }
@media (min-width: 768px) { .md\:pr-color-destructive { padding-right: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:pr-color-destructive { padding-right: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:pr-color-destructive { padding-right: var(--color-destructive); } }
.pb-color-destructive { padding-bottom: var(--color-destructive); }
@media (min-width: 640px) { .sm\:pb-color-destructive { padding-bottom: var(--color-destructive); } }
@media (min-width: 768px) { .md\:pb-color-destructive { padding-bottom: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:pb-color-destructive { padding-bottom: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:pb-color-destructive { padding-bottom: var(--color-destructive); } }
.pl-color-destructive { padding-left: var(--color-destructive); }
@media (min-width: 640px) { .sm\:pl-color-destructive { padding-left: var(--color-destructive); } }
@media (min-width: 768px) { .md\:pl-color-destructive { padding-left: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:pl-color-destructive { padding-left: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:pl-color-destructive { padding-left: var(--color-destructive); } }
.m-color-destructive { margin: var(--color-destructive); }
@media (min-width: 640px) { .sm\:m-color-destructive { margin: var(--color-destructive); } }
@media (min-width: 768px) { .md\:m-color-destructive { margin: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:m-color-destructive { margin: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:m-color-destructive { margin: var(--color-destructive); } }
.mt-color-destructive { margin-top: var(--color-destructive); }
@media (min-width: 640px) { .sm\:mt-color-destructive { margin-top: var(--color-destructive); } }
@media (min-width: 768px) { .md\:mt-color-destructive { margin-top: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:mt-color-destructive { margin-top: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:mt-color-destructive { margin-top: var(--color-destructive); } }
.mr-color-destructive { margin-right: var(--color-destructive); }
@media (min-width: 640px) { .sm\:mr-color-destructive { margin-right: var(--color-destructive); } }
@media (min-width: 768px) { .md\:mr-color-destructive { margin-right: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:mr-color-destructive { margin-right: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:mr-color-destructive { margin-right: var(--color-destructive); } }
.mb-color-destructive { margin-bottom: var(--color-destructive); }
@media (min-width: 640px) { .sm\:mb-color-destructive { margin-bottom: var(--color-destructive); } }
@media (min-width: 768px) { .md\:mb-color-destructive { margin-bottom: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:mb-color-destructive { margin-bottom: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:mb-color-destructive { margin-bottom: var(--color-destructive); } }
.ml-color-destructive { margin-left: var(--color-destructive); }
@media (min-width: 640px) { .sm\:ml-color-destructive { margin-left: var(--color-destructive); } }
@media (min-width: 768px) { .md\:ml-color-destructive { margin-left: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:ml-color-destructive { margin-left: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:ml-color-destructive { margin-left: var(--color-destructive); } }
.gap-color-destructive { gap: var(--color-destructive); }
@media (min-width: 640px) { .sm\:gap-color-destructive { gap: var(--color-destructive); } }
@media (min-width: 768px) { .md\:gap-color-destructive { gap: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:gap-color-destructive { gap: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:gap-color-destructive { gap: var(--color-destructive); } }
.w-color-destructive { width: var(--color-destructive); }
@media (min-width: 640px) { .sm\:w-color-destructive { width: var(--color-destructive); } }
@media (min-width: 768px) { .md\:w-color-destructive { width: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:w-color-destructive { width: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:w-color-destructive { width: var(--color-destructive); } }
.h-color-destructive { height: var(--color-destructive); }
@media (min-width: 640px) { .sm\:h-color-destructive { height: var(--color-destructive); } }
@media (min-width: 768px) { .md\:h-color-destructive { height: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:h-color-destructive { height: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:h-color-destructive { height: var(--color-destructive); } }
.aspect-color-destructive { aspect-ratio: var(--color-destructive); }
@media (min-width: 640px) { .sm\:aspect-color-destructive { aspect-ratio: var(--color-destructive); } }
@media (min-width: 768px) { .md\:aspect-color-destructive { aspect-ratio: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:aspect-color-destructive { aspect-ratio: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:aspect-color-destructive { aspect-ratio: var(--color-destructive); } }
.min-w-color-destructive { min-width: var(--color-destructive); }
@media (min-width: 640px) { .sm\:min-w-color-destructive { min-width: var(--color-destructive); } }
@media (min-width: 768px) { .md\:min-w-color-destructive { min-width: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:min-w-color-destructive { min-width: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:min-w-color-destructive { min-width: var(--color-destructive); } }
.min-h-color-destructive { min-height: var(--color-destructive); }
@media (min-width: 640px) { .sm\:min-h-color-destructive { min-height: var(--color-destructive); } }
@media (min-width: 768px) { .md\:min-h-color-destructive { min-height: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:min-h-color-destructive { min-height: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:min-h-color-destructive { min-height: var(--color-destructive); } }
.max-w-color-destructive { max-width: var(--color-destructive); }
@media (min-width: 640px) { .sm\:max-w-color-destructive { max-width: var(--color-destructive); } }
@media (min-width: 768px) { .md\:max-w-color-destructive { max-width: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:max-w-color-destructive { max-width: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:max-w-color-destructive { max-width: var(--color-destructive); } }
.max-h-color-destructive { max-height: var(--color-destructive); }
@media (min-width: 640px) { .sm\:max-h-color-destructive { max-height: var(--color-destructive); } }
@media (min-width: 768px) { .md\:max-h-color-destructive { max-height: var(--color-destructive); } }
@media (min-width: 1024px) { .lg\:max-h-color-destructive { max-height: var(--color-destructive); } }
@media (min-width: 1280px) { .xl\:max-h-color-destructive { max-height: var(--color-destructive); } }
.bg-color-border { background-color: var(--color-border); }
@media (min-width: 640px) { .sm\:bg-color-border { background-color: var(--color-border); } }
@media (min-width: 768px) { .md\:bg-color-border { background-color: var(--color-border); } }
@media (min-width: 1024px) { .lg\:bg-color-border { background-color: var(--color-border); } }
@media (min-width: 1280px) { .xl\:bg-color-border { background-color: var(--color-border); } }
.border-color-color-border { border-color: var(--color-border); }
@media (min-width: 640px) { .sm\:border-color-color-border { border-color: var(--color-border); } }
@media (min-width: 768px) { .md\:border-color-color-border { border-color: var(--color-border); } }
@media (min-width: 1024px) { .lg\:border-color-color-border { border-color: var(--color-border); } }
@media (min-width: 1280px) { .xl\:border-color-color-border { border-color: var(--color-border); } }
.rounded-color-border { border-radius: var(--color-border); }
@media (min-width: 640px) { .sm\:rounded-color-border { border-radius: var(--color-border); } }
@media (min-width: 768px) { .md\:rounded-color-border { border-radius: var(--color-border); } }
@media (min-width: 1024px) { .lg\:rounded-color-border { border-radius: var(--color-border); } }
@media (min-width: 1280px) { .xl\:rounded-color-border { border-radius: var(--color-border); } }
.border-style-color-border { border-style: var(--color-border); }
@media (min-width: 640px) { .sm\:border-style-color-border { border-style: var(--color-border); } }
@media (min-width: 768px) { .md\:border-style-color-border { border-style: var(--color-border); } }
@media (min-width: 1024px) { .lg\:border-style-color-border { border-style: var(--color-border); } }
@media (min-width: 1280px) { .xl\:border-style-color-border { border-style: var(--color-border); } }
.border-width-color-border { border-width: var(--color-border); }
@media (min-width: 640px) { .sm\:border-width-color-border { border-width: var(--color-border); } }
@media (min-width: 768px) { .md\:border-width-color-border { border-width: var(--color-border); } }
@media (min-width: 1024px) { .lg\:border-width-color-border { border-width: var(--color-border); } }
@media (min-width: 1280px) { .xl\:border-width-color-border { border-width: var(--color-border); } }
.text-color-border { color: var(--color-border); }
@media (min-width: 640px) { .sm\:text-color-border { color: var(--color-border); } }
@media (min-width: 768px) { .md\:text-color-border { color: var(--color-border); } }
@media (min-width: 1024px) { .lg\:text-color-border { color: var(--color-border); } }
@media (min-width: 1280px) { .xl\:text-color-border { color: var(--color-border); } }
.font-color-border { font-family: var(--color-border); }
@media (min-width: 640px) { .sm\:font-color-border { font-family: var(--color-border); } }
@media (min-width: 768px) { .md\:font-color-border { font-family: var(--color-border); } }
@media (min-width: 1024px) { .lg\:font-color-border { font-family: var(--color-border); } }
@media (min-width: 1280px) { .xl\:font-color-border { font-family: var(--color-border); } }
.text-size-color-border { font-size: var(--color-border); }
@media (min-width: 640px) { .sm\:text-size-color-border { font-size: var(--color-border); } }
@media (min-width: 768px) { .md\:text-size-color-border { font-size: var(--color-border); } }
@media (min-width: 1024px) { .lg\:text-size-color-border { font-size: var(--color-border); } }
@media (min-width: 1280px) { .xl\:text-size-color-border { font-size: var(--color-border); } }
.font-weight-color-border { font-weight: var(--color-border); }
@media (min-width: 640px) { .sm\:font-weight-color-border { font-weight: var(--color-border); } }
@media (min-width: 768px) { .md\:font-weight-color-border { font-weight: var(--color-border); } }
@media (min-width: 1024px) { .lg\:font-weight-color-border { font-weight: var(--color-border); } }
@media (min-width: 1280px) { .xl\:font-weight-color-border { font-weight: var(--color-border); } }
.text-align-color-border { text-align: var(--color-border); }
@media (min-width: 640px) { .sm\:text-align-color-border { text-align: var(--color-border); } }
@media (min-width: 768px) { .md\:text-align-color-border { text-align: var(--color-border); } }
@media (min-width: 1024px) { .lg\:text-align-color-border { text-align: var(--color-border); } }
@media (min-width: 1280px) { .xl\:text-align-color-border { text-align: var(--color-border); } }
.leading-color-border { line-height: var(--color-border); }
@media (min-width: 640px) { .sm\:leading-color-border { line-height: var(--color-border); } }
@media (min-width: 768px) { .md\:leading-color-border { line-height: var(--color-border); } }
@media (min-width: 1024px) { .lg\:leading-color-border { line-height: var(--color-border); } }
@media (min-width: 1280px) { .xl\:leading-color-border { line-height: var(--color-border); } }
.tracking-color-border { letter-spacing: var(--color-border); }
@media (min-width: 640px) { .sm\:tracking-color-border { letter-spacing: var(--color-border); } }
@media (min-width: 768px) { .md\:tracking-color-border { letter-spacing: var(--color-border); } }
@media (min-width: 1024px) { .lg\:tracking-color-border { letter-spacing: var(--color-border); } }
@media (min-width: 1280px) { .xl\:tracking-color-border { letter-spacing: var(--color-border); } }
.text-transform-color-border { text-transform: var(--color-border); }
@media (min-width: 640px) { .sm\:text-transform-color-border { text-transform: var(--color-border); } }
@media (min-width: 768px) { .md\:text-transform-color-border { text-transform: var(--color-border); } }
@media (min-width: 1024px) { .lg\:text-transform-color-border { text-transform: var(--color-border); } }
@media (min-width: 1280px) { .xl\:text-transform-color-border { text-transform: var(--color-border); } }
.font-style-color-border { font-style: var(--color-border); }
@media (min-width: 640px) { .sm\:font-style-color-border { font-style: var(--color-border); } }
@media (min-width: 768px) { .md\:font-style-color-border { font-style: var(--color-border); } }
@media (min-width: 1024px) { .lg\:font-style-color-border { font-style: var(--color-border); } }
@media (min-width: 1280px) { .xl\:font-style-color-border { font-style: var(--color-border); } }
.decoration-color-border { text-decoration-line: var(--color-border); }
@media (min-width: 640px) { .sm\:decoration-color-border { text-decoration-line: var(--color-border); } }
@media (min-width: 768px) { .md\:decoration-color-border { text-decoration-line: var(--color-border); } }
@media (min-width: 1024px) { .lg\:decoration-color-border { text-decoration-line: var(--color-border); } }
@media (min-width: 1280px) { .xl\:decoration-color-border { text-decoration-line: var(--color-border); } }
.display-color-border { display: var(--color-border); }
@media (min-width: 640px) { .sm\:display-color-border { display: var(--color-border); } }
@media (min-width: 768px) { .md\:display-color-border { display: var(--color-border); } }
@media (min-width: 1024px) { .lg\:display-color-border { display: var(--color-border); } }
@media (min-width: 1280px) { .xl\:display-color-border { display: var(--color-border); } }
.flex-direction-color-border { flex-direction: var(--color-border); }
@media (min-width: 640px) { .sm\:flex-direction-color-border { flex-direction: var(--color-border); } }
@media (min-width: 768px) { .md\:flex-direction-color-border { flex-direction: var(--color-border); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-border { flex-direction: var(--color-border); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-border { flex-direction: var(--color-border); } }
.flex-wrap-color-border { flex-wrap: var(--color-border); }
@media (min-width: 640px) { .sm\:flex-wrap-color-border { flex-wrap: var(--color-border); } }
@media (min-width: 768px) { .md\:flex-wrap-color-border { flex-wrap: var(--color-border); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-border { flex-wrap: var(--color-border); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-border { flex-wrap: var(--color-border); } }
.justify-color-border { justify-content: var(--color-border); }
@media (min-width: 640px) { .sm\:justify-color-border { justify-content: var(--color-border); } }
@media (min-width: 768px) { .md\:justify-color-border { justify-content: var(--color-border); } }
@media (min-width: 1024px) { .lg\:justify-color-border { justify-content: var(--color-border); } }
@media (min-width: 1280px) { .xl\:justify-color-border { justify-content: var(--color-border); } }
.items-color-border { align-items: var(--color-border); }
@media (min-width: 640px) { .sm\:items-color-border { align-items: var(--color-border); } }
@media (min-width: 768px) { .md\:items-color-border { align-items: var(--color-border); } }
@media (min-width: 1024px) { .lg\:items-color-border { align-items: var(--color-border); } }
@media (min-width: 1280px) { .xl\:items-color-border { align-items: var(--color-border); } }
.self-color-border { align-self: var(--color-border); }
@media (min-width: 640px) { .sm\:self-color-border { align-self: var(--color-border); } }
@media (min-width: 768px) { .md\:self-color-border { align-self: var(--color-border); } }
@media (min-width: 1024px) { .lg\:self-color-border { align-self: var(--color-border); } }
@media (min-width: 1280px) { .xl\:self-color-border { align-self: var(--color-border); } }
.flex-color-border { flex: var(--color-border); }
@media (min-width: 640px) { .sm\:flex-color-border { flex: var(--color-border); } }
@media (min-width: 768px) { .md\:flex-color-border { flex: var(--color-border); } }
@media (min-width: 1024px) { .lg\:flex-color-border { flex: var(--color-border); } }
@media (min-width: 1280px) { .xl\:flex-color-border { flex: var(--color-border); } }
.grow-color-border { flex-grow: var(--color-border); }
@media (min-width: 640px) { .sm\:grow-color-border { flex-grow: var(--color-border); } }
@media (min-width: 768px) { .md\:grow-color-border { flex-grow: var(--color-border); } }
@media (min-width: 1024px) { .lg\:grow-color-border { flex-grow: var(--color-border); } }
@media (min-width: 1280px) { .xl\:grow-color-border { flex-grow: var(--color-border); } }
.shrink-color-border { flex-shrink: var(--color-border); }
@media (min-width: 640px) { .sm\:shrink-color-border { flex-shrink: var(--color-border); } }
@media (min-width: 768px) { .md\:shrink-color-border { flex-shrink: var(--color-border); } }
@media (min-width: 1024px) { .lg\:shrink-color-border { flex-shrink: var(--color-border); } }
@media (min-width: 1280px) { .xl\:shrink-color-border { flex-shrink: var(--color-border); } }
.basis-color-border { flex-basis: var(--color-border); }
@media (min-width: 640px) { .sm\:basis-color-border { flex-basis: var(--color-border); } }
@media (min-width: 768px) { .md\:basis-color-border { flex-basis: var(--color-border); } }
@media (min-width: 1024px) { .lg\:basis-color-border { flex-basis: var(--color-border); } }
@media (min-width: 1280px) { .xl\:basis-color-border { flex-basis: var(--color-border); } }
.order-color-border { order: var(--color-border); }
@media (min-width: 640px) { .sm\:order-color-border { order: var(--color-border); } }
@media (min-width: 768px) { .md\:order-color-border { order: var(--color-border); } }
@media (min-width: 1024px) { .lg\:order-color-border { order: var(--color-border); } }
@media (min-width: 1280px) { .xl\:order-color-border { order: var(--color-border); } }
.overflow-color-border { overflow: var(--color-border); }
@media (min-width: 640px) { .sm\:overflow-color-border { overflow: var(--color-border); } }
@media (min-width: 768px) { .md\:overflow-color-border { overflow: var(--color-border); } }
@media (min-width: 1024px) { .lg\:overflow-color-border { overflow: var(--color-border); } }
@media (min-width: 1280px) { .xl\:overflow-color-border { overflow: var(--color-border); } }
.overflow-x-color-border { overflow-x: var(--color-border); }
@media (min-width: 640px) { .sm\:overflow-x-color-border { overflow-x: var(--color-border); } }
@media (min-width: 768px) { .md\:overflow-x-color-border { overflow-x: var(--color-border); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-border { overflow-x: var(--color-border); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-border { overflow-x: var(--color-border); } }
.overflow-y-color-border { overflow-y: var(--color-border); }
@media (min-width: 640px) { .sm\:overflow-y-color-border { overflow-y: var(--color-border); } }
@media (min-width: 768px) { .md\:overflow-y-color-border { overflow-y: var(--color-border); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-border { overflow-y: var(--color-border); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-border { overflow-y: var(--color-border); } }
.p-color-border { padding: var(--color-border); }
@media (min-width: 640px) { .sm\:p-color-border { padding: var(--color-border); } }
@media (min-width: 768px) { .md\:p-color-border { padding: var(--color-border); } }
@media (min-width: 1024px) { .lg\:p-color-border { padding: var(--color-border); } }
@media (min-width: 1280px) { .xl\:p-color-border { padding: var(--color-border); } }
.pt-color-border { padding-top: var(--color-border); }
@media (min-width: 640px) { .sm\:pt-color-border { padding-top: var(--color-border); } }
@media (min-width: 768px) { .md\:pt-color-border { padding-top: var(--color-border); } }
@media (min-width: 1024px) { .lg\:pt-color-border { padding-top: var(--color-border); } }
@media (min-width: 1280px) { .xl\:pt-color-border { padding-top: var(--color-border); } }
.pr-color-border { padding-right: var(--color-border); }
@media (min-width: 640px) { .sm\:pr-color-border { padding-right: var(--color-border); } }
@media (min-width: 768px) { .md\:pr-color-border { padding-right: var(--color-border); } }
@media (min-width: 1024px) { .lg\:pr-color-border { padding-right: var(--color-border); } }
@media (min-width: 1280px) { .xl\:pr-color-border { padding-right: var(--color-border); } }
.pb-color-border { padding-bottom: var(--color-border); }
@media (min-width: 640px) { .sm\:pb-color-border { padding-bottom: var(--color-border); } }
@media (min-width: 768px) { .md\:pb-color-border { padding-bottom: var(--color-border); } }
@media (min-width: 1024px) { .lg\:pb-color-border { padding-bottom: var(--color-border); } }
@media (min-width: 1280px) { .xl\:pb-color-border { padding-bottom: var(--color-border); } }
.pl-color-border { padding-left: var(--color-border); }
@media (min-width: 640px) { .sm\:pl-color-border { padding-left: var(--color-border); } }
@media (min-width: 768px) { .md\:pl-color-border { padding-left: var(--color-border); } }
@media (min-width: 1024px) { .lg\:pl-color-border { padding-left: var(--color-border); } }
@media (min-width: 1280px) { .xl\:pl-color-border { padding-left: var(--color-border); } }
.m-color-border { margin: var(--color-border); }
@media (min-width: 640px) { .sm\:m-color-border { margin: var(--color-border); } }
@media (min-width: 768px) { .md\:m-color-border { margin: var(--color-border); } }
@media (min-width: 1024px) { .lg\:m-color-border { margin: var(--color-border); } }
@media (min-width: 1280px) { .xl\:m-color-border { margin: var(--color-border); } }
.mt-color-border { margin-top: var(--color-border); }
@media (min-width: 640px) { .sm\:mt-color-border { margin-top: var(--color-border); } }
@media (min-width: 768px) { .md\:mt-color-border { margin-top: var(--color-border); } }
@media (min-width: 1024px) { .lg\:mt-color-border { margin-top: var(--color-border); } }
@media (min-width: 1280px) { .xl\:mt-color-border { margin-top: var(--color-border); } }
.mr-color-border { margin-right: var(--color-border); }
@media (min-width: 640px) { .sm\:mr-color-border { margin-right: var(--color-border); } }
@media (min-width: 768px) { .md\:mr-color-border { margin-right: var(--color-border); } }
@media (min-width: 1024px) { .lg\:mr-color-border { margin-right: var(--color-border); } }
@media (min-width: 1280px) { .xl\:mr-color-border { margin-right: var(--color-border); } }
.mb-color-border { margin-bottom: var(--color-border); }
@media (min-width: 640px) { .sm\:mb-color-border { margin-bottom: var(--color-border); } }
@media (min-width: 768px) { .md\:mb-color-border { margin-bottom: var(--color-border); } }
@media (min-width: 1024px) { .lg\:mb-color-border { margin-bottom: var(--color-border); } }
@media (min-width: 1280px) { .xl\:mb-color-border { margin-bottom: var(--color-border); } }
.ml-color-border { margin-left: var(--color-border); }
@media (min-width: 640px) { .sm\:ml-color-border { margin-left: var(--color-border); } }
@media (min-width: 768px) { .md\:ml-color-border { margin-left: var(--color-border); } }
@media (min-width: 1024px) { .lg\:ml-color-border { margin-left: var(--color-border); } }
@media (min-width: 1280px) { .xl\:ml-color-border { margin-left: var(--color-border); } }
.gap-color-border { gap: var(--color-border); }
@media (min-width: 640px) { .sm\:gap-color-border { gap: var(--color-border); } }
@media (min-width: 768px) { .md\:gap-color-border { gap: var(--color-border); } }
@media (min-width: 1024px) { .lg\:gap-color-border { gap: var(--color-border); } }
@media (min-width: 1280px) { .xl\:gap-color-border { gap: var(--color-border); } }
.w-color-border { width: var(--color-border); }
@media (min-width: 640px) { .sm\:w-color-border { width: var(--color-border); } }
@media (min-width: 768px) { .md\:w-color-border { width: var(--color-border); } }
@media (min-width: 1024px) { .lg\:w-color-border { width: var(--color-border); } }
@media (min-width: 1280px) { .xl\:w-color-border { width: var(--color-border); } }
.h-color-border { height: var(--color-border); }
@media (min-width: 640px) { .sm\:h-color-border { height: var(--color-border); } }
@media (min-width: 768px) { .md\:h-color-border { height: var(--color-border); } }
@media (min-width: 1024px) { .lg\:h-color-border { height: var(--color-border); } }
@media (min-width: 1280px) { .xl\:h-color-border { height: var(--color-border); } }
.aspect-color-border { aspect-ratio: var(--color-border); }
@media (min-width: 640px) { .sm\:aspect-color-border { aspect-ratio: var(--color-border); } }
@media (min-width: 768px) { .md\:aspect-color-border { aspect-ratio: var(--color-border); } }
@media (min-width: 1024px) { .lg\:aspect-color-border { aspect-ratio: var(--color-border); } }
@media (min-width: 1280px) { .xl\:aspect-color-border { aspect-ratio: var(--color-border); } }
.min-w-color-border { min-width: var(--color-border); }
@media (min-width: 640px) { .sm\:min-w-color-border { min-width: var(--color-border); } }
@media (min-width: 768px) { .md\:min-w-color-border { min-width: var(--color-border); } }
@media (min-width: 1024px) { .lg\:min-w-color-border { min-width: var(--color-border); } }
@media (min-width: 1280px) { .xl\:min-w-color-border { min-width: var(--color-border); } }
.min-h-color-border { min-height: var(--color-border); }
@media (min-width: 640px) { .sm\:min-h-color-border { min-height: var(--color-border); } }
@media (min-width: 768px) { .md\:min-h-color-border { min-height: var(--color-border); } }
@media (min-width: 1024px) { .lg\:min-h-color-border { min-height: var(--color-border); } }
@media (min-width: 1280px) { .xl\:min-h-color-border { min-height: var(--color-border); } }
.max-w-color-border { max-width: var(--color-border); }
@media (min-width: 640px) { .sm\:max-w-color-border { max-width: var(--color-border); } }
@media (min-width: 768px) { .md\:max-w-color-border { max-width: var(--color-border); } }
@media (min-width: 1024px) { .lg\:max-w-color-border { max-width: var(--color-border); } }
@media (min-width: 1280px) { .xl\:max-w-color-border { max-width: var(--color-border); } }
.max-h-color-border { max-height: var(--color-border); }
@media (min-width: 640px) { .sm\:max-h-color-border { max-height: var(--color-border); } }
@media (min-width: 768px) { .md\:max-h-color-border { max-height: var(--color-border); } }
@media (min-width: 1024px) { .lg\:max-h-color-border { max-height: var(--color-border); } }
@media (min-width: 1280px) { .xl\:max-h-color-border { max-height: var(--color-border); } }
.bg-color-input { background-color: var(--color-input); }
@media (min-width: 640px) { .sm\:bg-color-input { background-color: var(--color-input); } }
@media (min-width: 768px) { .md\:bg-color-input { background-color: var(--color-input); } }
@media (min-width: 1024px) { .lg\:bg-color-input { background-color: var(--color-input); } }
@media (min-width: 1280px) { .xl\:bg-color-input { background-color: var(--color-input); } }
.border-color-color-input { border-color: var(--color-input); }
@media (min-width: 640px) { .sm\:border-color-color-input { border-color: var(--color-input); } }
@media (min-width: 768px) { .md\:border-color-color-input { border-color: var(--color-input); } }
@media (min-width: 1024px) { .lg\:border-color-color-input { border-color: var(--color-input); } }
@media (min-width: 1280px) { .xl\:border-color-color-input { border-color: var(--color-input); } }
.rounded-color-input { border-radius: var(--color-input); }
@media (min-width: 640px) { .sm\:rounded-color-input { border-radius: var(--color-input); } }
@media (min-width: 768px) { .md\:rounded-color-input { border-radius: var(--color-input); } }
@media (min-width: 1024px) { .lg\:rounded-color-input { border-radius: var(--color-input); } }
@media (min-width: 1280px) { .xl\:rounded-color-input { border-radius: var(--color-input); } }
.border-style-color-input { border-style: var(--color-input); }
@media (min-width: 640px) { .sm\:border-style-color-input { border-style: var(--color-input); } }
@media (min-width: 768px) { .md\:border-style-color-input { border-style: var(--color-input); } }
@media (min-width: 1024px) { .lg\:border-style-color-input { border-style: var(--color-input); } }
@media (min-width: 1280px) { .xl\:border-style-color-input { border-style: var(--color-input); } }
.border-width-color-input { border-width: var(--color-input); }
@media (min-width: 640px) { .sm\:border-width-color-input { border-width: var(--color-input); } }
@media (min-width: 768px) { .md\:border-width-color-input { border-width: var(--color-input); } }
@media (min-width: 1024px) { .lg\:border-width-color-input { border-width: var(--color-input); } }
@media (min-width: 1280px) { .xl\:border-width-color-input { border-width: var(--color-input); } }
.text-color-input { color: var(--color-input); }
@media (min-width: 640px) { .sm\:text-color-input { color: var(--color-input); } }
@media (min-width: 768px) { .md\:text-color-input { color: var(--color-input); } }
@media (min-width: 1024px) { .lg\:text-color-input { color: var(--color-input); } }
@media (min-width: 1280px) { .xl\:text-color-input { color: var(--color-input); } }
.font-color-input { font-family: var(--color-input); }
@media (min-width: 640px) { .sm\:font-color-input { font-family: var(--color-input); } }
@media (min-width: 768px) { .md\:font-color-input { font-family: var(--color-input); } }
@media (min-width: 1024px) { .lg\:font-color-input { font-family: var(--color-input); } }
@media (min-width: 1280px) { .xl\:font-color-input { font-family: var(--color-input); } }
.text-size-color-input { font-size: var(--color-input); }
@media (min-width: 640px) { .sm\:text-size-color-input { font-size: var(--color-input); } }
@media (min-width: 768px) { .md\:text-size-color-input { font-size: var(--color-input); } }
@media (min-width: 1024px) { .lg\:text-size-color-input { font-size: var(--color-input); } }
@media (min-width: 1280px) { .xl\:text-size-color-input { font-size: var(--color-input); } }
.font-weight-color-input { font-weight: var(--color-input); }
@media (min-width: 640px) { .sm\:font-weight-color-input { font-weight: var(--color-input); } }
@media (min-width: 768px) { .md\:font-weight-color-input { font-weight: var(--color-input); } }
@media (min-width: 1024px) { .lg\:font-weight-color-input { font-weight: var(--color-input); } }
@media (min-width: 1280px) { .xl\:font-weight-color-input { font-weight: var(--color-input); } }
.text-align-color-input { text-align: var(--color-input); }
@media (min-width: 640px) { .sm\:text-align-color-input { text-align: var(--color-input); } }
@media (min-width: 768px) { .md\:text-align-color-input { text-align: var(--color-input); } }
@media (min-width: 1024px) { .lg\:text-align-color-input { text-align: var(--color-input); } }
@media (min-width: 1280px) { .xl\:text-align-color-input { text-align: var(--color-input); } }
.leading-color-input { line-height: var(--color-input); }
@media (min-width: 640px) { .sm\:leading-color-input { line-height: var(--color-input); } }
@media (min-width: 768px) { .md\:leading-color-input { line-height: var(--color-input); } }
@media (min-width: 1024px) { .lg\:leading-color-input { line-height: var(--color-input); } }
@media (min-width: 1280px) { .xl\:leading-color-input { line-height: var(--color-input); } }
.tracking-color-input { letter-spacing: var(--color-input); }
@media (min-width: 640px) { .sm\:tracking-color-input { letter-spacing: var(--color-input); } }
@media (min-width: 768px) { .md\:tracking-color-input { letter-spacing: var(--color-input); } }
@media (min-width: 1024px) { .lg\:tracking-color-input { letter-spacing: var(--color-input); } }
@media (min-width: 1280px) { .xl\:tracking-color-input { letter-spacing: var(--color-input); } }
.text-transform-color-input { text-transform: var(--color-input); }
@media (min-width: 640px) { .sm\:text-transform-color-input { text-transform: var(--color-input); } }
@media (min-width: 768px) { .md\:text-transform-color-input { text-transform: var(--color-input); } }
@media (min-width: 1024px) { .lg\:text-transform-color-input { text-transform: var(--color-input); } }
@media (min-width: 1280px) { .xl\:text-transform-color-input { text-transform: var(--color-input); } }
.font-style-color-input { font-style: var(--color-input); }
@media (min-width: 640px) { .sm\:font-style-color-input { font-style: var(--color-input); } }
@media (min-width: 768px) { .md\:font-style-color-input { font-style: var(--color-input); } }
@media (min-width: 1024px) { .lg\:font-style-color-input { font-style: var(--color-input); } }
@media (min-width: 1280px) { .xl\:font-style-color-input { font-style: var(--color-input); } }
.decoration-color-input { text-decoration-line: var(--color-input); }
@media (min-width: 640px) { .sm\:decoration-color-input { text-decoration-line: var(--color-input); } }
@media (min-width: 768px) { .md\:decoration-color-input { text-decoration-line: var(--color-input); } }
@media (min-width: 1024px) { .lg\:decoration-color-input { text-decoration-line: var(--color-input); } }
@media (min-width: 1280px) { .xl\:decoration-color-input { text-decoration-line: var(--color-input); } }
.display-color-input { display: var(--color-input); }
@media (min-width: 640px) { .sm\:display-color-input { display: var(--color-input); } }
@media (min-width: 768px) { .md\:display-color-input { display: var(--color-input); } }
@media (min-width: 1024px) { .lg\:display-color-input { display: var(--color-input); } }
@media (min-width: 1280px) { .xl\:display-color-input { display: var(--color-input); } }
.flex-direction-color-input { flex-direction: var(--color-input); }
@media (min-width: 640px) { .sm\:flex-direction-color-input { flex-direction: var(--color-input); } }
@media (min-width: 768px) { .md\:flex-direction-color-input { flex-direction: var(--color-input); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-input { flex-direction: var(--color-input); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-input { flex-direction: var(--color-input); } }
.flex-wrap-color-input { flex-wrap: var(--color-input); }
@media (min-width: 640px) { .sm\:flex-wrap-color-input { flex-wrap: var(--color-input); } }
@media (min-width: 768px) { .md\:flex-wrap-color-input { flex-wrap: var(--color-input); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-input { flex-wrap: var(--color-input); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-input { flex-wrap: var(--color-input); } }
.justify-color-input { justify-content: var(--color-input); }
@media (min-width: 640px) { .sm\:justify-color-input { justify-content: var(--color-input); } }
@media (min-width: 768px) { .md\:justify-color-input { justify-content: var(--color-input); } }
@media (min-width: 1024px) { .lg\:justify-color-input { justify-content: var(--color-input); } }
@media (min-width: 1280px) { .xl\:justify-color-input { justify-content: var(--color-input); } }
.items-color-input { align-items: var(--color-input); }
@media (min-width: 640px) { .sm\:items-color-input { align-items: var(--color-input); } }
@media (min-width: 768px) { .md\:items-color-input { align-items: var(--color-input); } }
@media (min-width: 1024px) { .lg\:items-color-input { align-items: var(--color-input); } }
@media (min-width: 1280px) { .xl\:items-color-input { align-items: var(--color-input); } }
.self-color-input { align-self: var(--color-input); }
@media (min-width: 640px) { .sm\:self-color-input { align-self: var(--color-input); } }
@media (min-width: 768px) { .md\:self-color-input { align-self: var(--color-input); } }
@media (min-width: 1024px) { .lg\:self-color-input { align-self: var(--color-input); } }
@media (min-width: 1280px) { .xl\:self-color-input { align-self: var(--color-input); } }
.flex-color-input { flex: var(--color-input); }
@media (min-width: 640px) { .sm\:flex-color-input { flex: var(--color-input); } }
@media (min-width: 768px) { .md\:flex-color-input { flex: var(--color-input); } }
@media (min-width: 1024px) { .lg\:flex-color-input { flex: var(--color-input); } }
@media (min-width: 1280px) { .xl\:flex-color-input { flex: var(--color-input); } }
.grow-color-input { flex-grow: var(--color-input); }
@media (min-width: 640px) { .sm\:grow-color-input { flex-grow: var(--color-input); } }
@media (min-width: 768px) { .md\:grow-color-input { flex-grow: var(--color-input); } }
@media (min-width: 1024px) { .lg\:grow-color-input { flex-grow: var(--color-input); } }
@media (min-width: 1280px) { .xl\:grow-color-input { flex-grow: var(--color-input); } }
.shrink-color-input { flex-shrink: var(--color-input); }
@media (min-width: 640px) { .sm\:shrink-color-input { flex-shrink: var(--color-input); } }
@media (min-width: 768px) { .md\:shrink-color-input { flex-shrink: var(--color-input); } }
@media (min-width: 1024px) { .lg\:shrink-color-input { flex-shrink: var(--color-input); } }
@media (min-width: 1280px) { .xl\:shrink-color-input { flex-shrink: var(--color-input); } }
.basis-color-input { flex-basis: var(--color-input); }
@media (min-width: 640px) { .sm\:basis-color-input { flex-basis: var(--color-input); } }
@media (min-width: 768px) { .md\:basis-color-input { flex-basis: var(--color-input); } }
@media (min-width: 1024px) { .lg\:basis-color-input { flex-basis: var(--color-input); } }
@media (min-width: 1280px) { .xl\:basis-color-input { flex-basis: var(--color-input); } }
.order-color-input { order: var(--color-input); }
@media (min-width: 640px) { .sm\:order-color-input { order: var(--color-input); } }
@media (min-width: 768px) { .md\:order-color-input { order: var(--color-input); } }
@media (min-width: 1024px) { .lg\:order-color-input { order: var(--color-input); } }
@media (min-width: 1280px) { .xl\:order-color-input { order: var(--color-input); } }
.overflow-color-input { overflow: var(--color-input); }
@media (min-width: 640px) { .sm\:overflow-color-input { overflow: var(--color-input); } }
@media (min-width: 768px) { .md\:overflow-color-input { overflow: var(--color-input); } }
@media (min-width: 1024px) { .lg\:overflow-color-input { overflow: var(--color-input); } }
@media (min-width: 1280px) { .xl\:overflow-color-input { overflow: var(--color-input); } }
.overflow-x-color-input { overflow-x: var(--color-input); }
@media (min-width: 640px) { .sm\:overflow-x-color-input { overflow-x: var(--color-input); } }
@media (min-width: 768px) { .md\:overflow-x-color-input { overflow-x: var(--color-input); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-input { overflow-x: var(--color-input); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-input { overflow-x: var(--color-input); } }
.overflow-y-color-input { overflow-y: var(--color-input); }
@media (min-width: 640px) { .sm\:overflow-y-color-input { overflow-y: var(--color-input); } }
@media (min-width: 768px) { .md\:overflow-y-color-input { overflow-y: var(--color-input); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-input { overflow-y: var(--color-input); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-input { overflow-y: var(--color-input); } }
.p-color-input { padding: var(--color-input); }
@media (min-width: 640px) { .sm\:p-color-input { padding: var(--color-input); } }
@media (min-width: 768px) { .md\:p-color-input { padding: var(--color-input); } }
@media (min-width: 1024px) { .lg\:p-color-input { padding: var(--color-input); } }
@media (min-width: 1280px) { .xl\:p-color-input { padding: var(--color-input); } }
.pt-color-input { padding-top: var(--color-input); }
@media (min-width: 640px) { .sm\:pt-color-input { padding-top: var(--color-input); } }
@media (min-width: 768px) { .md\:pt-color-input { padding-top: var(--color-input); } }
@media (min-width: 1024px) { .lg\:pt-color-input { padding-top: var(--color-input); } }
@media (min-width: 1280px) { .xl\:pt-color-input { padding-top: var(--color-input); } }
.pr-color-input { padding-right: var(--color-input); }
@media (min-width: 640px) { .sm\:pr-color-input { padding-right: var(--color-input); } }
@media (min-width: 768px) { .md\:pr-color-input { padding-right: var(--color-input); } }
@media (min-width: 1024px) { .lg\:pr-color-input { padding-right: var(--color-input); } }
@media (min-width: 1280px) { .xl\:pr-color-input { padding-right: var(--color-input); } }
.pb-color-input { padding-bottom: var(--color-input); }
@media (min-width: 640px) { .sm\:pb-color-input { padding-bottom: var(--color-input); } }
@media (min-width: 768px) { .md\:pb-color-input { padding-bottom: var(--color-input); } }
@media (min-width: 1024px) { .lg\:pb-color-input { padding-bottom: var(--color-input); } }
@media (min-width: 1280px) { .xl\:pb-color-input { padding-bottom: var(--color-input); } }
.pl-color-input { padding-left: var(--color-input); }
@media (min-width: 640px) { .sm\:pl-color-input { padding-left: var(--color-input); } }
@media (min-width: 768px) { .md\:pl-color-input { padding-left: var(--color-input); } }
@media (min-width: 1024px) { .lg\:pl-color-input { padding-left: var(--color-input); } }
@media (min-width: 1280px) { .xl\:pl-color-input { padding-left: var(--color-input); } }
.m-color-input { margin: var(--color-input); }
@media (min-width: 640px) { .sm\:m-color-input { margin: var(--color-input); } }
@media (min-width: 768px) { .md\:m-color-input { margin: var(--color-input); } }
@media (min-width: 1024px) { .lg\:m-color-input { margin: var(--color-input); } }
@media (min-width: 1280px) { .xl\:m-color-input { margin: var(--color-input); } }
.mt-color-input { margin-top: var(--color-input); }
@media (min-width: 640px) { .sm\:mt-color-input { margin-top: var(--color-input); } }
@media (min-width: 768px) { .md\:mt-color-input { margin-top: var(--color-input); } }
@media (min-width: 1024px) { .lg\:mt-color-input { margin-top: var(--color-input); } }
@media (min-width: 1280px) { .xl\:mt-color-input { margin-top: var(--color-input); } }
.mr-color-input { margin-right: var(--color-input); }
@media (min-width: 640px) { .sm\:mr-color-input { margin-right: var(--color-input); } }
@media (min-width: 768px) { .md\:mr-color-input { margin-right: var(--color-input); } }
@media (min-width: 1024px) { .lg\:mr-color-input { margin-right: var(--color-input); } }
@media (min-width: 1280px) { .xl\:mr-color-input { margin-right: var(--color-input); } }
.mb-color-input { margin-bottom: var(--color-input); }
@media (min-width: 640px) { .sm\:mb-color-input { margin-bottom: var(--color-input); } }
@media (min-width: 768px) { .md\:mb-color-input { margin-bottom: var(--color-input); } }
@media (min-width: 1024px) { .lg\:mb-color-input { margin-bottom: var(--color-input); } }
@media (min-width: 1280px) { .xl\:mb-color-input { margin-bottom: var(--color-input); } }
.ml-color-input { margin-left: var(--color-input); }
@media (min-width: 640px) { .sm\:ml-color-input { margin-left: var(--color-input); } }
@media (min-width: 768px) { .md\:ml-color-input { margin-left: var(--color-input); } }
@media (min-width: 1024px) { .lg\:ml-color-input { margin-left: var(--color-input); } }
@media (min-width: 1280px) { .xl\:ml-color-input { margin-left: var(--color-input); } }
.gap-color-input { gap: var(--color-input); }
@media (min-width: 640px) { .sm\:gap-color-input { gap: var(--color-input); } }
@media (min-width: 768px) { .md\:gap-color-input { gap: var(--color-input); } }
@media (min-width: 1024px) { .lg\:gap-color-input { gap: var(--color-input); } }
@media (min-width: 1280px) { .xl\:gap-color-input { gap: var(--color-input); } }
.w-color-input { width: var(--color-input); }
@media (min-width: 640px) { .sm\:w-color-input { width: var(--color-input); } }
@media (min-width: 768px) { .md\:w-color-input { width: var(--color-input); } }
@media (min-width: 1024px) { .lg\:w-color-input { width: var(--color-input); } }
@media (min-width: 1280px) { .xl\:w-color-input { width: var(--color-input); } }
.h-color-input { height: var(--color-input); }
@media (min-width: 640px) { .sm\:h-color-input { height: var(--color-input); } }
@media (min-width: 768px) { .md\:h-color-input { height: var(--color-input); } }
@media (min-width: 1024px) { .lg\:h-color-input { height: var(--color-input); } }
@media (min-width: 1280px) { .xl\:h-color-input { height: var(--color-input); } }
.aspect-color-input { aspect-ratio: var(--color-input); }
@media (min-width: 640px) { .sm\:aspect-color-input { aspect-ratio: var(--color-input); } }
@media (min-width: 768px) { .md\:aspect-color-input { aspect-ratio: var(--color-input); } }
@media (min-width: 1024px) { .lg\:aspect-color-input { aspect-ratio: var(--color-input); } }
@media (min-width: 1280px) { .xl\:aspect-color-input { aspect-ratio: var(--color-input); } }
.min-w-color-input { min-width: var(--color-input); }
@media (min-width: 640px) { .sm\:min-w-color-input { min-width: var(--color-input); } }
@media (min-width: 768px) { .md\:min-w-color-input { min-width: var(--color-input); } }
@media (min-width: 1024px) { .lg\:min-w-color-input { min-width: var(--color-input); } }
@media (min-width: 1280px) { .xl\:min-w-color-input { min-width: var(--color-input); } }
.min-h-color-input { min-height: var(--color-input); }
@media (min-width: 640px) { .sm\:min-h-color-input { min-height: var(--color-input); } }
@media (min-width: 768px) { .md\:min-h-color-input { min-height: var(--color-input); } }
@media (min-width: 1024px) { .lg\:min-h-color-input { min-height: var(--color-input); } }
@media (min-width: 1280px) { .xl\:min-h-color-input { min-height: var(--color-input); } }
.max-w-color-input { max-width: var(--color-input); }
@media (min-width: 640px) { .sm\:max-w-color-input { max-width: var(--color-input); } }
@media (min-width: 768px) { .md\:max-w-color-input { max-width: var(--color-input); } }
@media (min-width: 1024px) { .lg\:max-w-color-input { max-width: var(--color-input); } }
@media (min-width: 1280px) { .xl\:max-w-color-input { max-width: var(--color-input); } }
.max-h-color-input { max-height: var(--color-input); }
@media (min-width: 640px) { .sm\:max-h-color-input { max-height: var(--color-input); } }
@media (min-width: 768px) { .md\:max-h-color-input { max-height: var(--color-input); } }
@media (min-width: 1024px) { .lg\:max-h-color-input { max-height: var(--color-input); } }
@media (min-width: 1280px) { .xl\:max-h-color-input { max-height: var(--color-input); } }
.bg-color-ring { background-color: var(--color-ring); }
@media (min-width: 640px) { .sm\:bg-color-ring { background-color: var(--color-ring); } }
@media (min-width: 768px) { .md\:bg-color-ring { background-color: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:bg-color-ring { background-color: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:bg-color-ring { background-color: var(--color-ring); } }
.border-color-color-ring { border-color: var(--color-ring); }
@media (min-width: 640px) { .sm\:border-color-color-ring { border-color: var(--color-ring); } }
@media (min-width: 768px) { .md\:border-color-color-ring { border-color: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:border-color-color-ring { border-color: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:border-color-color-ring { border-color: var(--color-ring); } }
.rounded-color-ring { border-radius: var(--color-ring); }
@media (min-width: 640px) { .sm\:rounded-color-ring { border-radius: var(--color-ring); } }
@media (min-width: 768px) { .md\:rounded-color-ring { border-radius: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:rounded-color-ring { border-radius: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:rounded-color-ring { border-radius: var(--color-ring); } }
.border-style-color-ring { border-style: var(--color-ring); }
@media (min-width: 640px) { .sm\:border-style-color-ring { border-style: var(--color-ring); } }
@media (min-width: 768px) { .md\:border-style-color-ring { border-style: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:border-style-color-ring { border-style: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:border-style-color-ring { border-style: var(--color-ring); } }
.border-width-color-ring { border-width: var(--color-ring); }
@media (min-width: 640px) { .sm\:border-width-color-ring { border-width: var(--color-ring); } }
@media (min-width: 768px) { .md\:border-width-color-ring { border-width: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:border-width-color-ring { border-width: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:border-width-color-ring { border-width: var(--color-ring); } }
.text-color-ring { color: var(--color-ring); }
@media (min-width: 640px) { .sm\:text-color-ring { color: var(--color-ring); } }
@media (min-width: 768px) { .md\:text-color-ring { color: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:text-color-ring { color: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:text-color-ring { color: var(--color-ring); } }
.font-color-ring { font-family: var(--color-ring); }
@media (min-width: 640px) { .sm\:font-color-ring { font-family: var(--color-ring); } }
@media (min-width: 768px) { .md\:font-color-ring { font-family: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:font-color-ring { font-family: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:font-color-ring { font-family: var(--color-ring); } }
.text-size-color-ring { font-size: var(--color-ring); }
@media (min-width: 640px) { .sm\:text-size-color-ring { font-size: var(--color-ring); } }
@media (min-width: 768px) { .md\:text-size-color-ring { font-size: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:text-size-color-ring { font-size: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:text-size-color-ring { font-size: var(--color-ring); } }
.font-weight-color-ring { font-weight: var(--color-ring); }
@media (min-width: 640px) { .sm\:font-weight-color-ring { font-weight: var(--color-ring); } }
@media (min-width: 768px) { .md\:font-weight-color-ring { font-weight: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:font-weight-color-ring { font-weight: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:font-weight-color-ring { font-weight: var(--color-ring); } }
.text-align-color-ring { text-align: var(--color-ring); }
@media (min-width: 640px) { .sm\:text-align-color-ring { text-align: var(--color-ring); } }
@media (min-width: 768px) { .md\:text-align-color-ring { text-align: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:text-align-color-ring { text-align: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:text-align-color-ring { text-align: var(--color-ring); } }
.leading-color-ring { line-height: var(--color-ring); }
@media (min-width: 640px) { .sm\:leading-color-ring { line-height: var(--color-ring); } }
@media (min-width: 768px) { .md\:leading-color-ring { line-height: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:leading-color-ring { line-height: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:leading-color-ring { line-height: var(--color-ring); } }
.tracking-color-ring { letter-spacing: var(--color-ring); }
@media (min-width: 640px) { .sm\:tracking-color-ring { letter-spacing: var(--color-ring); } }
@media (min-width: 768px) { .md\:tracking-color-ring { letter-spacing: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:tracking-color-ring { letter-spacing: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:tracking-color-ring { letter-spacing: var(--color-ring); } }
.text-transform-color-ring { text-transform: var(--color-ring); }
@media (min-width: 640px) { .sm\:text-transform-color-ring { text-transform: var(--color-ring); } }
@media (min-width: 768px) { .md\:text-transform-color-ring { text-transform: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:text-transform-color-ring { text-transform: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:text-transform-color-ring { text-transform: var(--color-ring); } }
.font-style-color-ring { font-style: var(--color-ring); }
@media (min-width: 640px) { .sm\:font-style-color-ring { font-style: var(--color-ring); } }
@media (min-width: 768px) { .md\:font-style-color-ring { font-style: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:font-style-color-ring { font-style: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:font-style-color-ring { font-style: var(--color-ring); } }
.decoration-color-ring { text-decoration-line: var(--color-ring); }
@media (min-width: 640px) { .sm\:decoration-color-ring { text-decoration-line: var(--color-ring); } }
@media (min-width: 768px) { .md\:decoration-color-ring { text-decoration-line: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:decoration-color-ring { text-decoration-line: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:decoration-color-ring { text-decoration-line: var(--color-ring); } }
.display-color-ring { display: var(--color-ring); }
@media (min-width: 640px) { .sm\:display-color-ring { display: var(--color-ring); } }
@media (min-width: 768px) { .md\:display-color-ring { display: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:display-color-ring { display: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:display-color-ring { display: var(--color-ring); } }
.flex-direction-color-ring { flex-direction: var(--color-ring); }
@media (min-width: 640px) { .sm\:flex-direction-color-ring { flex-direction: var(--color-ring); } }
@media (min-width: 768px) { .md\:flex-direction-color-ring { flex-direction: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-ring { flex-direction: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-ring { flex-direction: var(--color-ring); } }
.flex-wrap-color-ring { flex-wrap: var(--color-ring); }
@media (min-width: 640px) { .sm\:flex-wrap-color-ring { flex-wrap: var(--color-ring); } }
@media (min-width: 768px) { .md\:flex-wrap-color-ring { flex-wrap: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-ring { flex-wrap: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-ring { flex-wrap: var(--color-ring); } }
.justify-color-ring { justify-content: var(--color-ring); }
@media (min-width: 640px) { .sm\:justify-color-ring { justify-content: var(--color-ring); } }
@media (min-width: 768px) { .md\:justify-color-ring { justify-content: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:justify-color-ring { justify-content: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:justify-color-ring { justify-content: var(--color-ring); } }
.items-color-ring { align-items: var(--color-ring); }
@media (min-width: 640px) { .sm\:items-color-ring { align-items: var(--color-ring); } }
@media (min-width: 768px) { .md\:items-color-ring { align-items: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:items-color-ring { align-items: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:items-color-ring { align-items: var(--color-ring); } }
.self-color-ring { align-self: var(--color-ring); }
@media (min-width: 640px) { .sm\:self-color-ring { align-self: var(--color-ring); } }
@media (min-width: 768px) { .md\:self-color-ring { align-self: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:self-color-ring { align-self: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:self-color-ring { align-self: var(--color-ring); } }
.flex-color-ring { flex: var(--color-ring); }
@media (min-width: 640px) { .sm\:flex-color-ring { flex: var(--color-ring); } }
@media (min-width: 768px) { .md\:flex-color-ring { flex: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:flex-color-ring { flex: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:flex-color-ring { flex: var(--color-ring); } }
.grow-color-ring { flex-grow: var(--color-ring); }
@media (min-width: 640px) { .sm\:grow-color-ring { flex-grow: var(--color-ring); } }
@media (min-width: 768px) { .md\:grow-color-ring { flex-grow: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:grow-color-ring { flex-grow: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:grow-color-ring { flex-grow: var(--color-ring); } }
.shrink-color-ring { flex-shrink: var(--color-ring); }
@media (min-width: 640px) { .sm\:shrink-color-ring { flex-shrink: var(--color-ring); } }
@media (min-width: 768px) { .md\:shrink-color-ring { flex-shrink: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:shrink-color-ring { flex-shrink: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:shrink-color-ring { flex-shrink: var(--color-ring); } }
.basis-color-ring { flex-basis: var(--color-ring); }
@media (min-width: 640px) { .sm\:basis-color-ring { flex-basis: var(--color-ring); } }
@media (min-width: 768px) { .md\:basis-color-ring { flex-basis: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:basis-color-ring { flex-basis: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:basis-color-ring { flex-basis: var(--color-ring); } }
.order-color-ring { order: var(--color-ring); }
@media (min-width: 640px) { .sm\:order-color-ring { order: var(--color-ring); } }
@media (min-width: 768px) { .md\:order-color-ring { order: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:order-color-ring { order: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:order-color-ring { order: var(--color-ring); } }
.overflow-color-ring { overflow: var(--color-ring); }
@media (min-width: 640px) { .sm\:overflow-color-ring { overflow: var(--color-ring); } }
@media (min-width: 768px) { .md\:overflow-color-ring { overflow: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:overflow-color-ring { overflow: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:overflow-color-ring { overflow: var(--color-ring); } }
.overflow-x-color-ring { overflow-x: var(--color-ring); }
@media (min-width: 640px) { .sm\:overflow-x-color-ring { overflow-x: var(--color-ring); } }
@media (min-width: 768px) { .md\:overflow-x-color-ring { overflow-x: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-ring { overflow-x: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-ring { overflow-x: var(--color-ring); } }
.overflow-y-color-ring { overflow-y: var(--color-ring); }
@media (min-width: 640px) { .sm\:overflow-y-color-ring { overflow-y: var(--color-ring); } }
@media (min-width: 768px) { .md\:overflow-y-color-ring { overflow-y: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-ring { overflow-y: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-ring { overflow-y: var(--color-ring); } }
.p-color-ring { padding: var(--color-ring); }
@media (min-width: 640px) { .sm\:p-color-ring { padding: var(--color-ring); } }
@media (min-width: 768px) { .md\:p-color-ring { padding: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:p-color-ring { padding: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:p-color-ring { padding: var(--color-ring); } }
.pt-color-ring { padding-top: var(--color-ring); }
@media (min-width: 640px) { .sm\:pt-color-ring { padding-top: var(--color-ring); } }
@media (min-width: 768px) { .md\:pt-color-ring { padding-top: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:pt-color-ring { padding-top: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:pt-color-ring { padding-top: var(--color-ring); } }
.pr-color-ring { padding-right: var(--color-ring); }
@media (min-width: 640px) { .sm\:pr-color-ring { padding-right: var(--color-ring); } }
@media (min-width: 768px) { .md\:pr-color-ring { padding-right: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:pr-color-ring { padding-right: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:pr-color-ring { padding-right: var(--color-ring); } }
.pb-color-ring { padding-bottom: var(--color-ring); }
@media (min-width: 640px) { .sm\:pb-color-ring { padding-bottom: var(--color-ring); } }
@media (min-width: 768px) { .md\:pb-color-ring { padding-bottom: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:pb-color-ring { padding-bottom: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:pb-color-ring { padding-bottom: var(--color-ring); } }
.pl-color-ring { padding-left: var(--color-ring); }
@media (min-width: 640px) { .sm\:pl-color-ring { padding-left: var(--color-ring); } }
@media (min-width: 768px) { .md\:pl-color-ring { padding-left: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:pl-color-ring { padding-left: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:pl-color-ring { padding-left: var(--color-ring); } }
.m-color-ring { margin: var(--color-ring); }
@media (min-width: 640px) { .sm\:m-color-ring { margin: var(--color-ring); } }
@media (min-width: 768px) { .md\:m-color-ring { margin: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:m-color-ring { margin: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:m-color-ring { margin: var(--color-ring); } }
.mt-color-ring { margin-top: var(--color-ring); }
@media (min-width: 640px) { .sm\:mt-color-ring { margin-top: var(--color-ring); } }
@media (min-width: 768px) { .md\:mt-color-ring { margin-top: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:mt-color-ring { margin-top: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:mt-color-ring { margin-top: var(--color-ring); } }
.mr-color-ring { margin-right: var(--color-ring); }
@media (min-width: 640px) { .sm\:mr-color-ring { margin-right: var(--color-ring); } }
@media (min-width: 768px) { .md\:mr-color-ring { margin-right: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:mr-color-ring { margin-right: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:mr-color-ring { margin-right: var(--color-ring); } }
.mb-color-ring { margin-bottom: var(--color-ring); }
@media (min-width: 640px) { .sm\:mb-color-ring { margin-bottom: var(--color-ring); } }
@media (min-width: 768px) { .md\:mb-color-ring { margin-bottom: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:mb-color-ring { margin-bottom: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:mb-color-ring { margin-bottom: var(--color-ring); } }
.ml-color-ring { margin-left: var(--color-ring); }
@media (min-width: 640px) { .sm\:ml-color-ring { margin-left: var(--color-ring); } }
@media (min-width: 768px) { .md\:ml-color-ring { margin-left: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:ml-color-ring { margin-left: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:ml-color-ring { margin-left: var(--color-ring); } }
.gap-color-ring { gap: var(--color-ring); }
@media (min-width: 640px) { .sm\:gap-color-ring { gap: var(--color-ring); } }
@media (min-width: 768px) { .md\:gap-color-ring { gap: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:gap-color-ring { gap: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:gap-color-ring { gap: var(--color-ring); } }
.w-color-ring { width: var(--color-ring); }
@media (min-width: 640px) { .sm\:w-color-ring { width: var(--color-ring); } }
@media (min-width: 768px) { .md\:w-color-ring { width: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:w-color-ring { width: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:w-color-ring { width: var(--color-ring); } }
.h-color-ring { height: var(--color-ring); }
@media (min-width: 640px) { .sm\:h-color-ring { height: var(--color-ring); } }
@media (min-width: 768px) { .md\:h-color-ring { height: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:h-color-ring { height: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:h-color-ring { height: var(--color-ring); } }
.aspect-color-ring { aspect-ratio: var(--color-ring); }
@media (min-width: 640px) { .sm\:aspect-color-ring { aspect-ratio: var(--color-ring); } }
@media (min-width: 768px) { .md\:aspect-color-ring { aspect-ratio: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:aspect-color-ring { aspect-ratio: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:aspect-color-ring { aspect-ratio: var(--color-ring); } }
.min-w-color-ring { min-width: var(--color-ring); }
@media (min-width: 640px) { .sm\:min-w-color-ring { min-width: var(--color-ring); } }
@media (min-width: 768px) { .md\:min-w-color-ring { min-width: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:min-w-color-ring { min-width: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:min-w-color-ring { min-width: var(--color-ring); } }
.min-h-color-ring { min-height: var(--color-ring); }
@media (min-width: 640px) { .sm\:min-h-color-ring { min-height: var(--color-ring); } }
@media (min-width: 768px) { .md\:min-h-color-ring { min-height: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:min-h-color-ring { min-height: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:min-h-color-ring { min-height: var(--color-ring); } }
.max-w-color-ring { max-width: var(--color-ring); }
@media (min-width: 640px) { .sm\:max-w-color-ring { max-width: var(--color-ring); } }
@media (min-width: 768px) { .md\:max-w-color-ring { max-width: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:max-w-color-ring { max-width: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:max-w-color-ring { max-width: var(--color-ring); } }
.max-h-color-ring { max-height: var(--color-ring); }
@media (min-width: 640px) { .sm\:max-h-color-ring { max-height: var(--color-ring); } }
@media (min-width: 768px) { .md\:max-h-color-ring { max-height: var(--color-ring); } }
@media (min-width: 1024px) { .lg\:max-h-color-ring { max-height: var(--color-ring); } }
@media (min-width: 1280px) { .xl\:max-h-color-ring { max-height: var(--color-ring); } }
.bg-color-chart-1 { background-color: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:bg-color-chart-1 { background-color: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:bg-color-chart-1 { background-color: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:bg-color-chart-1 { background-color: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:bg-color-chart-1 { background-color: var(--color-chart-1); } }
.border-color-color-chart-1 { border-color: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:border-color-color-chart-1 { border-color: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:border-color-color-chart-1 { border-color: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:border-color-color-chart-1 { border-color: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:border-color-color-chart-1 { border-color: var(--color-chart-1); } }
.rounded-color-chart-1 { border-radius: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:rounded-color-chart-1 { border-radius: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:rounded-color-chart-1 { border-radius: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:rounded-color-chart-1 { border-radius: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:rounded-color-chart-1 { border-radius: var(--color-chart-1); } }
.border-style-color-chart-1 { border-style: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:border-style-color-chart-1 { border-style: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:border-style-color-chart-1 { border-style: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:border-style-color-chart-1 { border-style: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:border-style-color-chart-1 { border-style: var(--color-chart-1); } }
.border-width-color-chart-1 { border-width: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:border-width-color-chart-1 { border-width: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:border-width-color-chart-1 { border-width: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:border-width-color-chart-1 { border-width: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:border-width-color-chart-1 { border-width: var(--color-chart-1); } }
.text-color-chart-1 { color: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:text-color-chart-1 { color: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:text-color-chart-1 { color: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:text-color-chart-1 { color: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:text-color-chart-1 { color: var(--color-chart-1); } }
.font-color-chart-1 { font-family: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:font-color-chart-1 { font-family: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:font-color-chart-1 { font-family: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:font-color-chart-1 { font-family: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:font-color-chart-1 { font-family: var(--color-chart-1); } }
.text-size-color-chart-1 { font-size: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:text-size-color-chart-1 { font-size: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:text-size-color-chart-1 { font-size: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:text-size-color-chart-1 { font-size: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:text-size-color-chart-1 { font-size: var(--color-chart-1); } }
.font-weight-color-chart-1 { font-weight: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:font-weight-color-chart-1 { font-weight: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:font-weight-color-chart-1 { font-weight: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:font-weight-color-chart-1 { font-weight: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:font-weight-color-chart-1 { font-weight: var(--color-chart-1); } }
.text-align-color-chart-1 { text-align: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:text-align-color-chart-1 { text-align: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:text-align-color-chart-1 { text-align: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:text-align-color-chart-1 { text-align: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:text-align-color-chart-1 { text-align: var(--color-chart-1); } }
.leading-color-chart-1 { line-height: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:leading-color-chart-1 { line-height: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:leading-color-chart-1 { line-height: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:leading-color-chart-1 { line-height: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:leading-color-chart-1 { line-height: var(--color-chart-1); } }
.tracking-color-chart-1 { letter-spacing: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:tracking-color-chart-1 { letter-spacing: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:tracking-color-chart-1 { letter-spacing: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:tracking-color-chart-1 { letter-spacing: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:tracking-color-chart-1 { letter-spacing: var(--color-chart-1); } }
.text-transform-color-chart-1 { text-transform: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:text-transform-color-chart-1 { text-transform: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:text-transform-color-chart-1 { text-transform: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:text-transform-color-chart-1 { text-transform: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:text-transform-color-chart-1 { text-transform: var(--color-chart-1); } }
.font-style-color-chart-1 { font-style: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:font-style-color-chart-1 { font-style: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:font-style-color-chart-1 { font-style: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:font-style-color-chart-1 { font-style: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:font-style-color-chart-1 { font-style: var(--color-chart-1); } }
.decoration-color-chart-1 { text-decoration-line: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:decoration-color-chart-1 { text-decoration-line: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:decoration-color-chart-1 { text-decoration-line: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:decoration-color-chart-1 { text-decoration-line: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:decoration-color-chart-1 { text-decoration-line: var(--color-chart-1); } }
.display-color-chart-1 { display: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:display-color-chart-1 { display: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:display-color-chart-1 { display: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:display-color-chart-1 { display: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:display-color-chart-1 { display: var(--color-chart-1); } }
.flex-direction-color-chart-1 { flex-direction: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:flex-direction-color-chart-1 { flex-direction: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:flex-direction-color-chart-1 { flex-direction: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-chart-1 { flex-direction: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-chart-1 { flex-direction: var(--color-chart-1); } }
.flex-wrap-color-chart-1 { flex-wrap: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:flex-wrap-color-chart-1 { flex-wrap: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:flex-wrap-color-chart-1 { flex-wrap: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-chart-1 { flex-wrap: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-chart-1 { flex-wrap: var(--color-chart-1); } }
.justify-color-chart-1 { justify-content: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:justify-color-chart-1 { justify-content: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:justify-color-chart-1 { justify-content: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:justify-color-chart-1 { justify-content: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:justify-color-chart-1 { justify-content: var(--color-chart-1); } }
.items-color-chart-1 { align-items: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:items-color-chart-1 { align-items: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:items-color-chart-1 { align-items: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:items-color-chart-1 { align-items: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:items-color-chart-1 { align-items: var(--color-chart-1); } }
.self-color-chart-1 { align-self: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:self-color-chart-1 { align-self: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:self-color-chart-1 { align-self: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:self-color-chart-1 { align-self: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:self-color-chart-1 { align-self: var(--color-chart-1); } }
.flex-color-chart-1 { flex: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:flex-color-chart-1 { flex: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:flex-color-chart-1 { flex: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:flex-color-chart-1 { flex: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:flex-color-chart-1 { flex: var(--color-chart-1); } }
.grow-color-chart-1 { flex-grow: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:grow-color-chart-1 { flex-grow: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:grow-color-chart-1 { flex-grow: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:grow-color-chart-1 { flex-grow: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:grow-color-chart-1 { flex-grow: var(--color-chart-1); } }
.shrink-color-chart-1 { flex-shrink: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:shrink-color-chart-1 { flex-shrink: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:shrink-color-chart-1 { flex-shrink: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:shrink-color-chart-1 { flex-shrink: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:shrink-color-chart-1 { flex-shrink: var(--color-chart-1); } }
.basis-color-chart-1 { flex-basis: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:basis-color-chart-1 { flex-basis: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:basis-color-chart-1 { flex-basis: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:basis-color-chart-1 { flex-basis: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:basis-color-chart-1 { flex-basis: var(--color-chart-1); } }
.order-color-chart-1 { order: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:order-color-chart-1 { order: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:order-color-chart-1 { order: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:order-color-chart-1 { order: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:order-color-chart-1 { order: var(--color-chart-1); } }
.overflow-color-chart-1 { overflow: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:overflow-color-chart-1 { overflow: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:overflow-color-chart-1 { overflow: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:overflow-color-chart-1 { overflow: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:overflow-color-chart-1 { overflow: var(--color-chart-1); } }
.overflow-x-color-chart-1 { overflow-x: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:overflow-x-color-chart-1 { overflow-x: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:overflow-x-color-chart-1 { overflow-x: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-chart-1 { overflow-x: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-chart-1 { overflow-x: var(--color-chart-1); } }
.overflow-y-color-chart-1 { overflow-y: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:overflow-y-color-chart-1 { overflow-y: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:overflow-y-color-chart-1 { overflow-y: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-chart-1 { overflow-y: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-chart-1 { overflow-y: var(--color-chart-1); } }
.p-color-chart-1 { padding: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:p-color-chart-1 { padding: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:p-color-chart-1 { padding: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:p-color-chart-1 { padding: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:p-color-chart-1 { padding: var(--color-chart-1); } }
.pt-color-chart-1 { padding-top: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:pt-color-chart-1 { padding-top: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:pt-color-chart-1 { padding-top: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:pt-color-chart-1 { padding-top: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:pt-color-chart-1 { padding-top: var(--color-chart-1); } }
.pr-color-chart-1 { padding-right: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:pr-color-chart-1 { padding-right: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:pr-color-chart-1 { padding-right: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:pr-color-chart-1 { padding-right: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:pr-color-chart-1 { padding-right: var(--color-chart-1); } }
.pb-color-chart-1 { padding-bottom: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:pb-color-chart-1 { padding-bottom: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:pb-color-chart-1 { padding-bottom: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:pb-color-chart-1 { padding-bottom: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:pb-color-chart-1 { padding-bottom: var(--color-chart-1); } }
.pl-color-chart-1 { padding-left: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:pl-color-chart-1 { padding-left: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:pl-color-chart-1 { padding-left: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:pl-color-chart-1 { padding-left: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:pl-color-chart-1 { padding-left: var(--color-chart-1); } }
.m-color-chart-1 { margin: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:m-color-chart-1 { margin: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:m-color-chart-1 { margin: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:m-color-chart-1 { margin: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:m-color-chart-1 { margin: var(--color-chart-1); } }
.mt-color-chart-1 { margin-top: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:mt-color-chart-1 { margin-top: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:mt-color-chart-1 { margin-top: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:mt-color-chart-1 { margin-top: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:mt-color-chart-1 { margin-top: var(--color-chart-1); } }
.mr-color-chart-1 { margin-right: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:mr-color-chart-1 { margin-right: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:mr-color-chart-1 { margin-right: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:mr-color-chart-1 { margin-right: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:mr-color-chart-1 { margin-right: var(--color-chart-1); } }
.mb-color-chart-1 { margin-bottom: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:mb-color-chart-1 { margin-bottom: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:mb-color-chart-1 { margin-bottom: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:mb-color-chart-1 { margin-bottom: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:mb-color-chart-1 { margin-bottom: var(--color-chart-1); } }
.ml-color-chart-1 { margin-left: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:ml-color-chart-1 { margin-left: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:ml-color-chart-1 { margin-left: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:ml-color-chart-1 { margin-left: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:ml-color-chart-1 { margin-left: var(--color-chart-1); } }
.gap-color-chart-1 { gap: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:gap-color-chart-1 { gap: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:gap-color-chart-1 { gap: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:gap-color-chart-1 { gap: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:gap-color-chart-1 { gap: var(--color-chart-1); } }
.w-color-chart-1 { width: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:w-color-chart-1 { width: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:w-color-chart-1 { width: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:w-color-chart-1 { width: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:w-color-chart-1 { width: var(--color-chart-1); } }
.h-color-chart-1 { height: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:h-color-chart-1 { height: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:h-color-chart-1 { height: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:h-color-chart-1 { height: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:h-color-chart-1 { height: var(--color-chart-1); } }
.aspect-color-chart-1 { aspect-ratio: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:aspect-color-chart-1 { aspect-ratio: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:aspect-color-chart-1 { aspect-ratio: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:aspect-color-chart-1 { aspect-ratio: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:aspect-color-chart-1 { aspect-ratio: var(--color-chart-1); } }
.min-w-color-chart-1 { min-width: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:min-w-color-chart-1 { min-width: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:min-w-color-chart-1 { min-width: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:min-w-color-chart-1 { min-width: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:min-w-color-chart-1 { min-width: var(--color-chart-1); } }
.min-h-color-chart-1 { min-height: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:min-h-color-chart-1 { min-height: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:min-h-color-chart-1 { min-height: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:min-h-color-chart-1 { min-height: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:min-h-color-chart-1 { min-height: var(--color-chart-1); } }
.max-w-color-chart-1 { max-width: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:max-w-color-chart-1 { max-width: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:max-w-color-chart-1 { max-width: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:max-w-color-chart-1 { max-width: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:max-w-color-chart-1 { max-width: var(--color-chart-1); } }
.max-h-color-chart-1 { max-height: var(--color-chart-1); }
@media (min-width: 640px) { .sm\:max-h-color-chart-1 { max-height: var(--color-chart-1); } }
@media (min-width: 768px) { .md\:max-h-color-chart-1 { max-height: var(--color-chart-1); } }
@media (min-width: 1024px) { .lg\:max-h-color-chart-1 { max-height: var(--color-chart-1); } }
@media (min-width: 1280px) { .xl\:max-h-color-chart-1 { max-height: var(--color-chart-1); } }
.bg-color-chart-2 { background-color: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:bg-color-chart-2 { background-color: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:bg-color-chart-2 { background-color: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:bg-color-chart-2 { background-color: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:bg-color-chart-2 { background-color: var(--color-chart-2); } }
.border-color-color-chart-2 { border-color: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:border-color-color-chart-2 { border-color: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:border-color-color-chart-2 { border-color: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:border-color-color-chart-2 { border-color: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:border-color-color-chart-2 { border-color: var(--color-chart-2); } }
.rounded-color-chart-2 { border-radius: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:rounded-color-chart-2 { border-radius: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:rounded-color-chart-2 { border-radius: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:rounded-color-chart-2 { border-radius: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:rounded-color-chart-2 { border-radius: var(--color-chart-2); } }
.border-style-color-chart-2 { border-style: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:border-style-color-chart-2 { border-style: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:border-style-color-chart-2 { border-style: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:border-style-color-chart-2 { border-style: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:border-style-color-chart-2 { border-style: var(--color-chart-2); } }
.border-width-color-chart-2 { border-width: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:border-width-color-chart-2 { border-width: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:border-width-color-chart-2 { border-width: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:border-width-color-chart-2 { border-width: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:border-width-color-chart-2 { border-width: var(--color-chart-2); } }
.text-color-chart-2 { color: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:text-color-chart-2 { color: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:text-color-chart-2 { color: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:text-color-chart-2 { color: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:text-color-chart-2 { color: var(--color-chart-2); } }
.font-color-chart-2 { font-family: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:font-color-chart-2 { font-family: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:font-color-chart-2 { font-family: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:font-color-chart-2 { font-family: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:font-color-chart-2 { font-family: var(--color-chart-2); } }
.text-size-color-chart-2 { font-size: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:text-size-color-chart-2 { font-size: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:text-size-color-chart-2 { font-size: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:text-size-color-chart-2 { font-size: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:text-size-color-chart-2 { font-size: var(--color-chart-2); } }
.font-weight-color-chart-2 { font-weight: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:font-weight-color-chart-2 { font-weight: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:font-weight-color-chart-2 { font-weight: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:font-weight-color-chart-2 { font-weight: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:font-weight-color-chart-2 { font-weight: var(--color-chart-2); } }
.text-align-color-chart-2 { text-align: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:text-align-color-chart-2 { text-align: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:text-align-color-chart-2 { text-align: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:text-align-color-chart-2 { text-align: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:text-align-color-chart-2 { text-align: var(--color-chart-2); } }
.leading-color-chart-2 { line-height: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:leading-color-chart-2 { line-height: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:leading-color-chart-2 { line-height: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:leading-color-chart-2 { line-height: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:leading-color-chart-2 { line-height: var(--color-chart-2); } }
.tracking-color-chart-2 { letter-spacing: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:tracking-color-chart-2 { letter-spacing: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:tracking-color-chart-2 { letter-spacing: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:tracking-color-chart-2 { letter-spacing: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:tracking-color-chart-2 { letter-spacing: var(--color-chart-2); } }
.text-transform-color-chart-2 { text-transform: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:text-transform-color-chart-2 { text-transform: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:text-transform-color-chart-2 { text-transform: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:text-transform-color-chart-2 { text-transform: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:text-transform-color-chart-2 { text-transform: var(--color-chart-2); } }
.font-style-color-chart-2 { font-style: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:font-style-color-chart-2 { font-style: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:font-style-color-chart-2 { font-style: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:font-style-color-chart-2 { font-style: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:font-style-color-chart-2 { font-style: var(--color-chart-2); } }
.decoration-color-chart-2 { text-decoration-line: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:decoration-color-chart-2 { text-decoration-line: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:decoration-color-chart-2 { text-decoration-line: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:decoration-color-chart-2 { text-decoration-line: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:decoration-color-chart-2 { text-decoration-line: var(--color-chart-2); } }
.display-color-chart-2 { display: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:display-color-chart-2 { display: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:display-color-chart-2 { display: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:display-color-chart-2 { display: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:display-color-chart-2 { display: var(--color-chart-2); } }
.flex-direction-color-chart-2 { flex-direction: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:flex-direction-color-chart-2 { flex-direction: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:flex-direction-color-chart-2 { flex-direction: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-chart-2 { flex-direction: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-chart-2 { flex-direction: var(--color-chart-2); } }
.flex-wrap-color-chart-2 { flex-wrap: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:flex-wrap-color-chart-2 { flex-wrap: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:flex-wrap-color-chart-2 { flex-wrap: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-chart-2 { flex-wrap: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-chart-2 { flex-wrap: var(--color-chart-2); } }
.justify-color-chart-2 { justify-content: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:justify-color-chart-2 { justify-content: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:justify-color-chart-2 { justify-content: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:justify-color-chart-2 { justify-content: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:justify-color-chart-2 { justify-content: var(--color-chart-2); } }
.items-color-chart-2 { align-items: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:items-color-chart-2 { align-items: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:items-color-chart-2 { align-items: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:items-color-chart-2 { align-items: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:items-color-chart-2 { align-items: var(--color-chart-2); } }
.self-color-chart-2 { align-self: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:self-color-chart-2 { align-self: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:self-color-chart-2 { align-self: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:self-color-chart-2 { align-self: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:self-color-chart-2 { align-self: var(--color-chart-2); } }
.flex-color-chart-2 { flex: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:flex-color-chart-2 { flex: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:flex-color-chart-2 { flex: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:flex-color-chart-2 { flex: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:flex-color-chart-2 { flex: var(--color-chart-2); } }
.grow-color-chart-2 { flex-grow: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:grow-color-chart-2 { flex-grow: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:grow-color-chart-2 { flex-grow: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:grow-color-chart-2 { flex-grow: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:grow-color-chart-2 { flex-grow: var(--color-chart-2); } }
.shrink-color-chart-2 { flex-shrink: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:shrink-color-chart-2 { flex-shrink: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:shrink-color-chart-2 { flex-shrink: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:shrink-color-chart-2 { flex-shrink: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:shrink-color-chart-2 { flex-shrink: var(--color-chart-2); } }
.basis-color-chart-2 { flex-basis: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:basis-color-chart-2 { flex-basis: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:basis-color-chart-2 { flex-basis: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:basis-color-chart-2 { flex-basis: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:basis-color-chart-2 { flex-basis: var(--color-chart-2); } }
.order-color-chart-2 { order: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:order-color-chart-2 { order: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:order-color-chart-2 { order: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:order-color-chart-2 { order: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:order-color-chart-2 { order: var(--color-chart-2); } }
.overflow-color-chart-2 { overflow: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:overflow-color-chart-2 { overflow: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:overflow-color-chart-2 { overflow: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:overflow-color-chart-2 { overflow: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:overflow-color-chart-2 { overflow: var(--color-chart-2); } }
.overflow-x-color-chart-2 { overflow-x: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:overflow-x-color-chart-2 { overflow-x: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:overflow-x-color-chart-2 { overflow-x: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-chart-2 { overflow-x: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-chart-2 { overflow-x: var(--color-chart-2); } }
.overflow-y-color-chart-2 { overflow-y: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:overflow-y-color-chart-2 { overflow-y: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:overflow-y-color-chart-2 { overflow-y: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-chart-2 { overflow-y: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-chart-2 { overflow-y: var(--color-chart-2); } }
.p-color-chart-2 { padding: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:p-color-chart-2 { padding: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:p-color-chart-2 { padding: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:p-color-chart-2 { padding: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:p-color-chart-2 { padding: var(--color-chart-2); } }
.pt-color-chart-2 { padding-top: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:pt-color-chart-2 { padding-top: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:pt-color-chart-2 { padding-top: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:pt-color-chart-2 { padding-top: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:pt-color-chart-2 { padding-top: var(--color-chart-2); } }
.pr-color-chart-2 { padding-right: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:pr-color-chart-2 { padding-right: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:pr-color-chart-2 { padding-right: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:pr-color-chart-2 { padding-right: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:pr-color-chart-2 { padding-right: var(--color-chart-2); } }
.pb-color-chart-2 { padding-bottom: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:pb-color-chart-2 { padding-bottom: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:pb-color-chart-2 { padding-bottom: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:pb-color-chart-2 { padding-bottom: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:pb-color-chart-2 { padding-bottom: var(--color-chart-2); } }
.pl-color-chart-2 { padding-left: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:pl-color-chart-2 { padding-left: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:pl-color-chart-2 { padding-left: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:pl-color-chart-2 { padding-left: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:pl-color-chart-2 { padding-left: var(--color-chart-2); } }
.m-color-chart-2 { margin: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:m-color-chart-2 { margin: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:m-color-chart-2 { margin: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:m-color-chart-2 { margin: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:m-color-chart-2 { margin: var(--color-chart-2); } }
.mt-color-chart-2 { margin-top: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:mt-color-chart-2 { margin-top: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:mt-color-chart-2 { margin-top: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:mt-color-chart-2 { margin-top: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:mt-color-chart-2 { margin-top: var(--color-chart-2); } }
.mr-color-chart-2 { margin-right: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:mr-color-chart-2 { margin-right: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:mr-color-chart-2 { margin-right: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:mr-color-chart-2 { margin-right: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:mr-color-chart-2 { margin-right: var(--color-chart-2); } }
.mb-color-chart-2 { margin-bottom: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:mb-color-chart-2 { margin-bottom: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:mb-color-chart-2 { margin-bottom: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:mb-color-chart-2 { margin-bottom: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:mb-color-chart-2 { margin-bottom: var(--color-chart-2); } }
.ml-color-chart-2 { margin-left: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:ml-color-chart-2 { margin-left: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:ml-color-chart-2 { margin-left: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:ml-color-chart-2 { margin-left: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:ml-color-chart-2 { margin-left: var(--color-chart-2); } }
.gap-color-chart-2 { gap: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:gap-color-chart-2 { gap: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:gap-color-chart-2 { gap: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:gap-color-chart-2 { gap: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:gap-color-chart-2 { gap: var(--color-chart-2); } }
.w-color-chart-2 { width: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:w-color-chart-2 { width: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:w-color-chart-2 { width: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:w-color-chart-2 { width: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:w-color-chart-2 { width: var(--color-chart-2); } }
.h-color-chart-2 { height: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:h-color-chart-2 { height: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:h-color-chart-2 { height: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:h-color-chart-2 { height: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:h-color-chart-2 { height: var(--color-chart-2); } }
.aspect-color-chart-2 { aspect-ratio: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:aspect-color-chart-2 { aspect-ratio: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:aspect-color-chart-2 { aspect-ratio: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:aspect-color-chart-2 { aspect-ratio: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:aspect-color-chart-2 { aspect-ratio: var(--color-chart-2); } }
.min-w-color-chart-2 { min-width: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:min-w-color-chart-2 { min-width: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:min-w-color-chart-2 { min-width: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:min-w-color-chart-2 { min-width: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:min-w-color-chart-2 { min-width: var(--color-chart-2); } }
.min-h-color-chart-2 { min-height: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:min-h-color-chart-2 { min-height: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:min-h-color-chart-2 { min-height: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:min-h-color-chart-2 { min-height: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:min-h-color-chart-2 { min-height: var(--color-chart-2); } }
.max-w-color-chart-2 { max-width: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:max-w-color-chart-2 { max-width: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:max-w-color-chart-2 { max-width: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:max-w-color-chart-2 { max-width: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:max-w-color-chart-2 { max-width: var(--color-chart-2); } }
.max-h-color-chart-2 { max-height: var(--color-chart-2); }
@media (min-width: 640px) { .sm\:max-h-color-chart-2 { max-height: var(--color-chart-2); } }
@media (min-width: 768px) { .md\:max-h-color-chart-2 { max-height: var(--color-chart-2); } }
@media (min-width: 1024px) { .lg\:max-h-color-chart-2 { max-height: var(--color-chart-2); } }
@media (min-width: 1280px) { .xl\:max-h-color-chart-2 { max-height: var(--color-chart-2); } }
.bg-color-chart-3 { background-color: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:bg-color-chart-3 { background-color: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:bg-color-chart-3 { background-color: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:bg-color-chart-3 { background-color: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:bg-color-chart-3 { background-color: var(--color-chart-3); } }
.border-color-color-chart-3 { border-color: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:border-color-color-chart-3 { border-color: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:border-color-color-chart-3 { border-color: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:border-color-color-chart-3 { border-color: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:border-color-color-chart-3 { border-color: var(--color-chart-3); } }
.rounded-color-chart-3 { border-radius: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:rounded-color-chart-3 { border-radius: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:rounded-color-chart-3 { border-radius: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:rounded-color-chart-3 { border-radius: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:rounded-color-chart-3 { border-radius: var(--color-chart-3); } }
.border-style-color-chart-3 { border-style: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:border-style-color-chart-3 { border-style: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:border-style-color-chart-3 { border-style: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:border-style-color-chart-3 { border-style: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:border-style-color-chart-3 { border-style: var(--color-chart-3); } }
.border-width-color-chart-3 { border-width: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:border-width-color-chart-3 { border-width: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:border-width-color-chart-3 { border-width: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:border-width-color-chart-3 { border-width: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:border-width-color-chart-3 { border-width: var(--color-chart-3); } }
.text-color-chart-3 { color: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:text-color-chart-3 { color: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:text-color-chart-3 { color: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:text-color-chart-3 { color: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:text-color-chart-3 { color: var(--color-chart-3); } }
.font-color-chart-3 { font-family: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:font-color-chart-3 { font-family: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:font-color-chart-3 { font-family: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:font-color-chart-3 { font-family: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:font-color-chart-3 { font-family: var(--color-chart-3); } }
.text-size-color-chart-3 { font-size: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:text-size-color-chart-3 { font-size: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:text-size-color-chart-3 { font-size: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:text-size-color-chart-3 { font-size: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:text-size-color-chart-3 { font-size: var(--color-chart-3); } }
.font-weight-color-chart-3 { font-weight: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:font-weight-color-chart-3 { font-weight: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:font-weight-color-chart-3 { font-weight: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:font-weight-color-chart-3 { font-weight: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:font-weight-color-chart-3 { font-weight: var(--color-chart-3); } }
.text-align-color-chart-3 { text-align: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:text-align-color-chart-3 { text-align: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:text-align-color-chart-3 { text-align: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:text-align-color-chart-3 { text-align: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:text-align-color-chart-3 { text-align: var(--color-chart-3); } }
.leading-color-chart-3 { line-height: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:leading-color-chart-3 { line-height: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:leading-color-chart-3 { line-height: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:leading-color-chart-3 { line-height: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:leading-color-chart-3 { line-height: var(--color-chart-3); } }
.tracking-color-chart-3 { letter-spacing: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:tracking-color-chart-3 { letter-spacing: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:tracking-color-chart-3 { letter-spacing: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:tracking-color-chart-3 { letter-spacing: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:tracking-color-chart-3 { letter-spacing: var(--color-chart-3); } }
.text-transform-color-chart-3 { text-transform: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:text-transform-color-chart-3 { text-transform: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:text-transform-color-chart-3 { text-transform: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:text-transform-color-chart-3 { text-transform: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:text-transform-color-chart-3 { text-transform: var(--color-chart-3); } }
.font-style-color-chart-3 { font-style: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:font-style-color-chart-3 { font-style: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:font-style-color-chart-3 { font-style: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:font-style-color-chart-3 { font-style: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:font-style-color-chart-3 { font-style: var(--color-chart-3); } }
.decoration-color-chart-3 { text-decoration-line: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:decoration-color-chart-3 { text-decoration-line: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:decoration-color-chart-3 { text-decoration-line: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:decoration-color-chart-3 { text-decoration-line: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:decoration-color-chart-3 { text-decoration-line: var(--color-chart-3); } }
.display-color-chart-3 { display: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:display-color-chart-3 { display: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:display-color-chart-3 { display: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:display-color-chart-3 { display: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:display-color-chart-3 { display: var(--color-chart-3); } }
.flex-direction-color-chart-3 { flex-direction: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:flex-direction-color-chart-3 { flex-direction: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:flex-direction-color-chart-3 { flex-direction: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-chart-3 { flex-direction: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-chart-3 { flex-direction: var(--color-chart-3); } }
.flex-wrap-color-chart-3 { flex-wrap: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:flex-wrap-color-chart-3 { flex-wrap: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:flex-wrap-color-chart-3 { flex-wrap: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-chart-3 { flex-wrap: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-chart-3 { flex-wrap: var(--color-chart-3); } }
.justify-color-chart-3 { justify-content: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:justify-color-chart-3 { justify-content: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:justify-color-chart-3 { justify-content: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:justify-color-chart-3 { justify-content: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:justify-color-chart-3 { justify-content: var(--color-chart-3); } }
.items-color-chart-3 { align-items: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:items-color-chart-3 { align-items: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:items-color-chart-3 { align-items: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:items-color-chart-3 { align-items: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:items-color-chart-3 { align-items: var(--color-chart-3); } }
.self-color-chart-3 { align-self: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:self-color-chart-3 { align-self: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:self-color-chart-3 { align-self: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:self-color-chart-3 { align-self: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:self-color-chart-3 { align-self: var(--color-chart-3); } }
.flex-color-chart-3 { flex: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:flex-color-chart-3 { flex: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:flex-color-chart-3 { flex: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:flex-color-chart-3 { flex: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:flex-color-chart-3 { flex: var(--color-chart-3); } }
.grow-color-chart-3 { flex-grow: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:grow-color-chart-3 { flex-grow: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:grow-color-chart-3 { flex-grow: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:grow-color-chart-3 { flex-grow: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:grow-color-chart-3 { flex-grow: var(--color-chart-3); } }
.shrink-color-chart-3 { flex-shrink: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:shrink-color-chart-3 { flex-shrink: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:shrink-color-chart-3 { flex-shrink: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:shrink-color-chart-3 { flex-shrink: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:shrink-color-chart-3 { flex-shrink: var(--color-chart-3); } }
.basis-color-chart-3 { flex-basis: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:basis-color-chart-3 { flex-basis: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:basis-color-chart-3 { flex-basis: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:basis-color-chart-3 { flex-basis: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:basis-color-chart-3 { flex-basis: var(--color-chart-3); } }
.order-color-chart-3 { order: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:order-color-chart-3 { order: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:order-color-chart-3 { order: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:order-color-chart-3 { order: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:order-color-chart-3 { order: var(--color-chart-3); } }
.overflow-color-chart-3 { overflow: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:overflow-color-chart-3 { overflow: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:overflow-color-chart-3 { overflow: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:overflow-color-chart-3 { overflow: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:overflow-color-chart-3 { overflow: var(--color-chart-3); } }
.overflow-x-color-chart-3 { overflow-x: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:overflow-x-color-chart-3 { overflow-x: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:overflow-x-color-chart-3 { overflow-x: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-chart-3 { overflow-x: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-chart-3 { overflow-x: var(--color-chart-3); } }
.overflow-y-color-chart-3 { overflow-y: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:overflow-y-color-chart-3 { overflow-y: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:overflow-y-color-chart-3 { overflow-y: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-chart-3 { overflow-y: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-chart-3 { overflow-y: var(--color-chart-3); } }
.p-color-chart-3 { padding: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:p-color-chart-3 { padding: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:p-color-chart-3 { padding: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:p-color-chart-3 { padding: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:p-color-chart-3 { padding: var(--color-chart-3); } }
.pt-color-chart-3 { padding-top: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:pt-color-chart-3 { padding-top: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:pt-color-chart-3 { padding-top: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:pt-color-chart-3 { padding-top: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:pt-color-chart-3 { padding-top: var(--color-chart-3); } }
.pr-color-chart-3 { padding-right: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:pr-color-chart-3 { padding-right: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:pr-color-chart-3 { padding-right: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:pr-color-chart-3 { padding-right: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:pr-color-chart-3 { padding-right: var(--color-chart-3); } }
.pb-color-chart-3 { padding-bottom: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:pb-color-chart-3 { padding-bottom: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:pb-color-chart-3 { padding-bottom: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:pb-color-chart-3 { padding-bottom: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:pb-color-chart-3 { padding-bottom: var(--color-chart-3); } }
.pl-color-chart-3 { padding-left: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:pl-color-chart-3 { padding-left: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:pl-color-chart-3 { padding-left: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:pl-color-chart-3 { padding-left: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:pl-color-chart-3 { padding-left: var(--color-chart-3); } }
.m-color-chart-3 { margin: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:m-color-chart-3 { margin: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:m-color-chart-3 { margin: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:m-color-chart-3 { margin: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:m-color-chart-3 { margin: var(--color-chart-3); } }
.mt-color-chart-3 { margin-top: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:mt-color-chart-3 { margin-top: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:mt-color-chart-3 { margin-top: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:mt-color-chart-3 { margin-top: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:mt-color-chart-3 { margin-top: var(--color-chart-3); } }
.mr-color-chart-3 { margin-right: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:mr-color-chart-3 { margin-right: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:mr-color-chart-3 { margin-right: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:mr-color-chart-3 { margin-right: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:mr-color-chart-3 { margin-right: var(--color-chart-3); } }
.mb-color-chart-3 { margin-bottom: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:mb-color-chart-3 { margin-bottom: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:mb-color-chart-3 { margin-bottom: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:mb-color-chart-3 { margin-bottom: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:mb-color-chart-3 { margin-bottom: var(--color-chart-3); } }
.ml-color-chart-3 { margin-left: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:ml-color-chart-3 { margin-left: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:ml-color-chart-3 { margin-left: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:ml-color-chart-3 { margin-left: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:ml-color-chart-3 { margin-left: var(--color-chart-3); } }
.gap-color-chart-3 { gap: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:gap-color-chart-3 { gap: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:gap-color-chart-3 { gap: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:gap-color-chart-3 { gap: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:gap-color-chart-3 { gap: var(--color-chart-3); } }
.w-color-chart-3 { width: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:w-color-chart-3 { width: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:w-color-chart-3 { width: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:w-color-chart-3 { width: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:w-color-chart-3 { width: var(--color-chart-3); } }
.h-color-chart-3 { height: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:h-color-chart-3 { height: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:h-color-chart-3 { height: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:h-color-chart-3 { height: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:h-color-chart-3 { height: var(--color-chart-3); } }
.aspect-color-chart-3 { aspect-ratio: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:aspect-color-chart-3 { aspect-ratio: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:aspect-color-chart-3 { aspect-ratio: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:aspect-color-chart-3 { aspect-ratio: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:aspect-color-chart-3 { aspect-ratio: var(--color-chart-3); } }
.min-w-color-chart-3 { min-width: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:min-w-color-chart-3 { min-width: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:min-w-color-chart-3 { min-width: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:min-w-color-chart-3 { min-width: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:min-w-color-chart-3 { min-width: var(--color-chart-3); } }
.min-h-color-chart-3 { min-height: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:min-h-color-chart-3 { min-height: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:min-h-color-chart-3 { min-height: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:min-h-color-chart-3 { min-height: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:min-h-color-chart-3 { min-height: var(--color-chart-3); } }
.max-w-color-chart-3 { max-width: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:max-w-color-chart-3 { max-width: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:max-w-color-chart-3 { max-width: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:max-w-color-chart-3 { max-width: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:max-w-color-chart-3 { max-width: var(--color-chart-3); } }
.max-h-color-chart-3 { max-height: var(--color-chart-3); }
@media (min-width: 640px) { .sm\:max-h-color-chart-3 { max-height: var(--color-chart-3); } }
@media (min-width: 768px) { .md\:max-h-color-chart-3 { max-height: var(--color-chart-3); } }
@media (min-width: 1024px) { .lg\:max-h-color-chart-3 { max-height: var(--color-chart-3); } }
@media (min-width: 1280px) { .xl\:max-h-color-chart-3 { max-height: var(--color-chart-3); } }
.bg-color-chart-4 { background-color: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:bg-color-chart-4 { background-color: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:bg-color-chart-4 { background-color: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:bg-color-chart-4 { background-color: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:bg-color-chart-4 { background-color: var(--color-chart-4); } }
.border-color-color-chart-4 { border-color: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:border-color-color-chart-4 { border-color: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:border-color-color-chart-4 { border-color: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:border-color-color-chart-4 { border-color: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:border-color-color-chart-4 { border-color: var(--color-chart-4); } }
.rounded-color-chart-4 { border-radius: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:rounded-color-chart-4 { border-radius: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:rounded-color-chart-4 { border-radius: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:rounded-color-chart-4 { border-radius: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:rounded-color-chart-4 { border-radius: var(--color-chart-4); } }
.border-style-color-chart-4 { border-style: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:border-style-color-chart-4 { border-style: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:border-style-color-chart-4 { border-style: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:border-style-color-chart-4 { border-style: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:border-style-color-chart-4 { border-style: var(--color-chart-4); } }
.border-width-color-chart-4 { border-width: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:border-width-color-chart-4 { border-width: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:border-width-color-chart-4 { border-width: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:border-width-color-chart-4 { border-width: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:border-width-color-chart-4 { border-width: var(--color-chart-4); } }
.text-color-chart-4 { color: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:text-color-chart-4 { color: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:text-color-chart-4 { color: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:text-color-chart-4 { color: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:text-color-chart-4 { color: var(--color-chart-4); } }
.font-color-chart-4 { font-family: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:font-color-chart-4 { font-family: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:font-color-chart-4 { font-family: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:font-color-chart-4 { font-family: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:font-color-chart-4 { font-family: var(--color-chart-4); } }
.text-size-color-chart-4 { font-size: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:text-size-color-chart-4 { font-size: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:text-size-color-chart-4 { font-size: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:text-size-color-chart-4 { font-size: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:text-size-color-chart-4 { font-size: var(--color-chart-4); } }
.font-weight-color-chart-4 { font-weight: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:font-weight-color-chart-4 { font-weight: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:font-weight-color-chart-4 { font-weight: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:font-weight-color-chart-4 { font-weight: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:font-weight-color-chart-4 { font-weight: var(--color-chart-4); } }
.text-align-color-chart-4 { text-align: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:text-align-color-chart-4 { text-align: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:text-align-color-chart-4 { text-align: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:text-align-color-chart-4 { text-align: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:text-align-color-chart-4 { text-align: var(--color-chart-4); } }
.leading-color-chart-4 { line-height: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:leading-color-chart-4 { line-height: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:leading-color-chart-4 { line-height: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:leading-color-chart-4 { line-height: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:leading-color-chart-4 { line-height: var(--color-chart-4); } }
.tracking-color-chart-4 { letter-spacing: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:tracking-color-chart-4 { letter-spacing: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:tracking-color-chart-4 { letter-spacing: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:tracking-color-chart-4 { letter-spacing: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:tracking-color-chart-4 { letter-spacing: var(--color-chart-4); } }
.text-transform-color-chart-4 { text-transform: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:text-transform-color-chart-4 { text-transform: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:text-transform-color-chart-4 { text-transform: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:text-transform-color-chart-4 { text-transform: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:text-transform-color-chart-4 { text-transform: var(--color-chart-4); } }
.font-style-color-chart-4 { font-style: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:font-style-color-chart-4 { font-style: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:font-style-color-chart-4 { font-style: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:font-style-color-chart-4 { font-style: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:font-style-color-chart-4 { font-style: var(--color-chart-4); } }
.decoration-color-chart-4 { text-decoration-line: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:decoration-color-chart-4 { text-decoration-line: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:decoration-color-chart-4 { text-decoration-line: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:decoration-color-chart-4 { text-decoration-line: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:decoration-color-chart-4 { text-decoration-line: var(--color-chart-4); } }
.display-color-chart-4 { display: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:display-color-chart-4 { display: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:display-color-chart-4 { display: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:display-color-chart-4 { display: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:display-color-chart-4 { display: var(--color-chart-4); } }
.flex-direction-color-chart-4 { flex-direction: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:flex-direction-color-chart-4 { flex-direction: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:flex-direction-color-chart-4 { flex-direction: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-chart-4 { flex-direction: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-chart-4 { flex-direction: var(--color-chart-4); } }
.flex-wrap-color-chart-4 { flex-wrap: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:flex-wrap-color-chart-4 { flex-wrap: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:flex-wrap-color-chart-4 { flex-wrap: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-chart-4 { flex-wrap: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-chart-4 { flex-wrap: var(--color-chart-4); } }
.justify-color-chart-4 { justify-content: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:justify-color-chart-4 { justify-content: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:justify-color-chart-4 { justify-content: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:justify-color-chart-4 { justify-content: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:justify-color-chart-4 { justify-content: var(--color-chart-4); } }
.items-color-chart-4 { align-items: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:items-color-chart-4 { align-items: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:items-color-chart-4 { align-items: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:items-color-chart-4 { align-items: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:items-color-chart-4 { align-items: var(--color-chart-4); } }
.self-color-chart-4 { align-self: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:self-color-chart-4 { align-self: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:self-color-chart-4 { align-self: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:self-color-chart-4 { align-self: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:self-color-chart-4 { align-self: var(--color-chart-4); } }
.flex-color-chart-4 { flex: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:flex-color-chart-4 { flex: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:flex-color-chart-4 { flex: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:flex-color-chart-4 { flex: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:flex-color-chart-4 { flex: var(--color-chart-4); } }
.grow-color-chart-4 { flex-grow: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:grow-color-chart-4 { flex-grow: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:grow-color-chart-4 { flex-grow: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:grow-color-chart-4 { flex-grow: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:grow-color-chart-4 { flex-grow: var(--color-chart-4); } }
.shrink-color-chart-4 { flex-shrink: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:shrink-color-chart-4 { flex-shrink: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:shrink-color-chart-4 { flex-shrink: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:shrink-color-chart-4 { flex-shrink: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:shrink-color-chart-4 { flex-shrink: var(--color-chart-4); } }
.basis-color-chart-4 { flex-basis: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:basis-color-chart-4 { flex-basis: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:basis-color-chart-4 { flex-basis: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:basis-color-chart-4 { flex-basis: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:basis-color-chart-4 { flex-basis: var(--color-chart-4); } }
.order-color-chart-4 { order: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:order-color-chart-4 { order: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:order-color-chart-4 { order: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:order-color-chart-4 { order: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:order-color-chart-4 { order: var(--color-chart-4); } }
.overflow-color-chart-4 { overflow: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:overflow-color-chart-4 { overflow: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:overflow-color-chart-4 { overflow: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:overflow-color-chart-4 { overflow: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:overflow-color-chart-4 { overflow: var(--color-chart-4); } }
.overflow-x-color-chart-4 { overflow-x: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:overflow-x-color-chart-4 { overflow-x: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:overflow-x-color-chart-4 { overflow-x: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-chart-4 { overflow-x: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-chart-4 { overflow-x: var(--color-chart-4); } }
.overflow-y-color-chart-4 { overflow-y: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:overflow-y-color-chart-4 { overflow-y: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:overflow-y-color-chart-4 { overflow-y: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-chart-4 { overflow-y: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-chart-4 { overflow-y: var(--color-chart-4); } }
.p-color-chart-4 { padding: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:p-color-chart-4 { padding: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:p-color-chart-4 { padding: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:p-color-chart-4 { padding: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:p-color-chart-4 { padding: var(--color-chart-4); } }
.pt-color-chart-4 { padding-top: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:pt-color-chart-4 { padding-top: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:pt-color-chart-4 { padding-top: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:pt-color-chart-4 { padding-top: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:pt-color-chart-4 { padding-top: var(--color-chart-4); } }
.pr-color-chart-4 { padding-right: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:pr-color-chart-4 { padding-right: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:pr-color-chart-4 { padding-right: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:pr-color-chart-4 { padding-right: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:pr-color-chart-4 { padding-right: var(--color-chart-4); } }
.pb-color-chart-4 { padding-bottom: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:pb-color-chart-4 { padding-bottom: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:pb-color-chart-4 { padding-bottom: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:pb-color-chart-4 { padding-bottom: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:pb-color-chart-4 { padding-bottom: var(--color-chart-4); } }
.pl-color-chart-4 { padding-left: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:pl-color-chart-4 { padding-left: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:pl-color-chart-4 { padding-left: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:pl-color-chart-4 { padding-left: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:pl-color-chart-4 { padding-left: var(--color-chart-4); } }
.m-color-chart-4 { margin: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:m-color-chart-4 { margin: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:m-color-chart-4 { margin: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:m-color-chart-4 { margin: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:m-color-chart-4 { margin: var(--color-chart-4); } }
.mt-color-chart-4 { margin-top: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:mt-color-chart-4 { margin-top: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:mt-color-chart-4 { margin-top: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:mt-color-chart-4 { margin-top: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:mt-color-chart-4 { margin-top: var(--color-chart-4); } }
.mr-color-chart-4 { margin-right: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:mr-color-chart-4 { margin-right: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:mr-color-chart-4 { margin-right: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:mr-color-chart-4 { margin-right: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:mr-color-chart-4 { margin-right: var(--color-chart-4); } }
.mb-color-chart-4 { margin-bottom: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:mb-color-chart-4 { margin-bottom: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:mb-color-chart-4 { margin-bottom: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:mb-color-chart-4 { margin-bottom: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:mb-color-chart-4 { margin-bottom: var(--color-chart-4); } }
.ml-color-chart-4 { margin-left: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:ml-color-chart-4 { margin-left: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:ml-color-chart-4 { margin-left: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:ml-color-chart-4 { margin-left: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:ml-color-chart-4 { margin-left: var(--color-chart-4); } }
.gap-color-chart-4 { gap: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:gap-color-chart-4 { gap: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:gap-color-chart-4 { gap: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:gap-color-chart-4 { gap: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:gap-color-chart-4 { gap: var(--color-chart-4); } }
.w-color-chart-4 { width: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:w-color-chart-4 { width: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:w-color-chart-4 { width: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:w-color-chart-4 { width: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:w-color-chart-4 { width: var(--color-chart-4); } }
.h-color-chart-4 { height: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:h-color-chart-4 { height: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:h-color-chart-4 { height: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:h-color-chart-4 { height: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:h-color-chart-4 { height: var(--color-chart-4); } }
.aspect-color-chart-4 { aspect-ratio: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:aspect-color-chart-4 { aspect-ratio: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:aspect-color-chart-4 { aspect-ratio: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:aspect-color-chart-4 { aspect-ratio: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:aspect-color-chart-4 { aspect-ratio: var(--color-chart-4); } }
.min-w-color-chart-4 { min-width: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:min-w-color-chart-4 { min-width: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:min-w-color-chart-4 { min-width: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:min-w-color-chart-4 { min-width: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:min-w-color-chart-4 { min-width: var(--color-chart-4); } }
.min-h-color-chart-4 { min-height: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:min-h-color-chart-4 { min-height: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:min-h-color-chart-4 { min-height: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:min-h-color-chart-4 { min-height: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:min-h-color-chart-4 { min-height: var(--color-chart-4); } }
.max-w-color-chart-4 { max-width: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:max-w-color-chart-4 { max-width: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:max-w-color-chart-4 { max-width: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:max-w-color-chart-4 { max-width: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:max-w-color-chart-4 { max-width: var(--color-chart-4); } }
.max-h-color-chart-4 { max-height: var(--color-chart-4); }
@media (min-width: 640px) { .sm\:max-h-color-chart-4 { max-height: var(--color-chart-4); } }
@media (min-width: 768px) { .md\:max-h-color-chart-4 { max-height: var(--color-chart-4); } }
@media (min-width: 1024px) { .lg\:max-h-color-chart-4 { max-height: var(--color-chart-4); } }
@media (min-width: 1280px) { .xl\:max-h-color-chart-4 { max-height: var(--color-chart-4); } }
.bg-color-chart-5 { background-color: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:bg-color-chart-5 { background-color: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:bg-color-chart-5 { background-color: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:bg-color-chart-5 { background-color: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:bg-color-chart-5 { background-color: var(--color-chart-5); } }
.border-color-color-chart-5 { border-color: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:border-color-color-chart-5 { border-color: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:border-color-color-chart-5 { border-color: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:border-color-color-chart-5 { border-color: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:border-color-color-chart-5 { border-color: var(--color-chart-5); } }
.rounded-color-chart-5 { border-radius: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:rounded-color-chart-5 { border-radius: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:rounded-color-chart-5 { border-radius: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:rounded-color-chart-5 { border-radius: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:rounded-color-chart-5 { border-radius: var(--color-chart-5); } }
.border-style-color-chart-5 { border-style: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:border-style-color-chart-5 { border-style: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:border-style-color-chart-5 { border-style: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:border-style-color-chart-5 { border-style: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:border-style-color-chart-5 { border-style: var(--color-chart-5); } }
.border-width-color-chart-5 { border-width: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:border-width-color-chart-5 { border-width: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:border-width-color-chart-5 { border-width: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:border-width-color-chart-5 { border-width: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:border-width-color-chart-5 { border-width: var(--color-chart-5); } }
.text-color-chart-5 { color: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:text-color-chart-5 { color: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:text-color-chart-5 { color: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:text-color-chart-5 { color: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:text-color-chart-5 { color: var(--color-chart-5); } }
.font-color-chart-5 { font-family: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:font-color-chart-5 { font-family: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:font-color-chart-5 { font-family: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:font-color-chart-5 { font-family: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:font-color-chart-5 { font-family: var(--color-chart-5); } }
.text-size-color-chart-5 { font-size: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:text-size-color-chart-5 { font-size: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:text-size-color-chart-5 { font-size: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:text-size-color-chart-5 { font-size: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:text-size-color-chart-5 { font-size: var(--color-chart-5); } }
.font-weight-color-chart-5 { font-weight: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:font-weight-color-chart-5 { font-weight: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:font-weight-color-chart-5 { font-weight: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:font-weight-color-chart-5 { font-weight: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:font-weight-color-chart-5 { font-weight: var(--color-chart-5); } }
.text-align-color-chart-5 { text-align: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:text-align-color-chart-5 { text-align: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:text-align-color-chart-5 { text-align: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:text-align-color-chart-5 { text-align: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:text-align-color-chart-5 { text-align: var(--color-chart-5); } }
.leading-color-chart-5 { line-height: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:leading-color-chart-5 { line-height: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:leading-color-chart-5 { line-height: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:leading-color-chart-5 { line-height: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:leading-color-chart-5 { line-height: var(--color-chart-5); } }
.tracking-color-chart-5 { letter-spacing: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:tracking-color-chart-5 { letter-spacing: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:tracking-color-chart-5 { letter-spacing: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:tracking-color-chart-5 { letter-spacing: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:tracking-color-chart-5 { letter-spacing: var(--color-chart-5); } }
.text-transform-color-chart-5 { text-transform: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:text-transform-color-chart-5 { text-transform: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:text-transform-color-chart-5 { text-transform: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:text-transform-color-chart-5 { text-transform: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:text-transform-color-chart-5 { text-transform: var(--color-chart-5); } }
.font-style-color-chart-5 { font-style: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:font-style-color-chart-5 { font-style: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:font-style-color-chart-5 { font-style: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:font-style-color-chart-5 { font-style: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:font-style-color-chart-5 { font-style: var(--color-chart-5); } }
.decoration-color-chart-5 { text-decoration-line: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:decoration-color-chart-5 { text-decoration-line: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:decoration-color-chart-5 { text-decoration-line: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:decoration-color-chart-5 { text-decoration-line: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:decoration-color-chart-5 { text-decoration-line: var(--color-chart-5); } }
.display-color-chart-5 { display: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:display-color-chart-5 { display: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:display-color-chart-5 { display: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:display-color-chart-5 { display: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:display-color-chart-5 { display: var(--color-chart-5); } }
.flex-direction-color-chart-5 { flex-direction: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:flex-direction-color-chart-5 { flex-direction: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:flex-direction-color-chart-5 { flex-direction: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-chart-5 { flex-direction: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-chart-5 { flex-direction: var(--color-chart-5); } }
.flex-wrap-color-chart-5 { flex-wrap: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:flex-wrap-color-chart-5 { flex-wrap: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:flex-wrap-color-chart-5 { flex-wrap: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-chart-5 { flex-wrap: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-chart-5 { flex-wrap: var(--color-chart-5); } }
.justify-color-chart-5 { justify-content: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:justify-color-chart-5 { justify-content: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:justify-color-chart-5 { justify-content: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:justify-color-chart-5 { justify-content: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:justify-color-chart-5 { justify-content: var(--color-chart-5); } }
.items-color-chart-5 { align-items: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:items-color-chart-5 { align-items: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:items-color-chart-5 { align-items: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:items-color-chart-5 { align-items: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:items-color-chart-5 { align-items: var(--color-chart-5); } }
.self-color-chart-5 { align-self: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:self-color-chart-5 { align-self: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:self-color-chart-5 { align-self: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:self-color-chart-5 { align-self: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:self-color-chart-5 { align-self: var(--color-chart-5); } }
.flex-color-chart-5 { flex: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:flex-color-chart-5 { flex: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:flex-color-chart-5 { flex: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:flex-color-chart-5 { flex: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:flex-color-chart-5 { flex: var(--color-chart-5); } }
.grow-color-chart-5 { flex-grow: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:grow-color-chart-5 { flex-grow: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:grow-color-chart-5 { flex-grow: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:grow-color-chart-5 { flex-grow: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:grow-color-chart-5 { flex-grow: var(--color-chart-5); } }
.shrink-color-chart-5 { flex-shrink: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:shrink-color-chart-5 { flex-shrink: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:shrink-color-chart-5 { flex-shrink: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:shrink-color-chart-5 { flex-shrink: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:shrink-color-chart-5 { flex-shrink: var(--color-chart-5); } }
.basis-color-chart-5 { flex-basis: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:basis-color-chart-5 { flex-basis: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:basis-color-chart-5 { flex-basis: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:basis-color-chart-5 { flex-basis: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:basis-color-chart-5 { flex-basis: var(--color-chart-5); } }
.order-color-chart-5 { order: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:order-color-chart-5 { order: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:order-color-chart-5 { order: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:order-color-chart-5 { order: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:order-color-chart-5 { order: var(--color-chart-5); } }
.overflow-color-chart-5 { overflow: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:overflow-color-chart-5 { overflow: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:overflow-color-chart-5 { overflow: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:overflow-color-chart-5 { overflow: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:overflow-color-chart-5 { overflow: var(--color-chart-5); } }
.overflow-x-color-chart-5 { overflow-x: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:overflow-x-color-chart-5 { overflow-x: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:overflow-x-color-chart-5 { overflow-x: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-chart-5 { overflow-x: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-chart-5 { overflow-x: var(--color-chart-5); } }
.overflow-y-color-chart-5 { overflow-y: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:overflow-y-color-chart-5 { overflow-y: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:overflow-y-color-chart-5 { overflow-y: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-chart-5 { overflow-y: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-chart-5 { overflow-y: var(--color-chart-5); } }
.p-color-chart-5 { padding: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:p-color-chart-5 { padding: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:p-color-chart-5 { padding: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:p-color-chart-5 { padding: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:p-color-chart-5 { padding: var(--color-chart-5); } }
.pt-color-chart-5 { padding-top: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:pt-color-chart-5 { padding-top: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:pt-color-chart-5 { padding-top: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:pt-color-chart-5 { padding-top: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:pt-color-chart-5 { padding-top: var(--color-chart-5); } }
.pr-color-chart-5 { padding-right: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:pr-color-chart-5 { padding-right: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:pr-color-chart-5 { padding-right: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:pr-color-chart-5 { padding-right: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:pr-color-chart-5 { padding-right: var(--color-chart-5); } }
.pb-color-chart-5 { padding-bottom: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:pb-color-chart-5 { padding-bottom: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:pb-color-chart-5 { padding-bottom: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:pb-color-chart-5 { padding-bottom: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:pb-color-chart-5 { padding-bottom: var(--color-chart-5); } }
.pl-color-chart-5 { padding-left: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:pl-color-chart-5 { padding-left: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:pl-color-chart-5 { padding-left: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:pl-color-chart-5 { padding-left: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:pl-color-chart-5 { padding-left: var(--color-chart-5); } }
.m-color-chart-5 { margin: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:m-color-chart-5 { margin: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:m-color-chart-5 { margin: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:m-color-chart-5 { margin: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:m-color-chart-5 { margin: var(--color-chart-5); } }
.mt-color-chart-5 { margin-top: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:mt-color-chart-5 { margin-top: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:mt-color-chart-5 { margin-top: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:mt-color-chart-5 { margin-top: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:mt-color-chart-5 { margin-top: var(--color-chart-5); } }
.mr-color-chart-5 { margin-right: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:mr-color-chart-5 { margin-right: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:mr-color-chart-5 { margin-right: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:mr-color-chart-5 { margin-right: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:mr-color-chart-5 { margin-right: var(--color-chart-5); } }
.mb-color-chart-5 { margin-bottom: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:mb-color-chart-5 { margin-bottom: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:mb-color-chart-5 { margin-bottom: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:mb-color-chart-5 { margin-bottom: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:mb-color-chart-5 { margin-bottom: var(--color-chart-5); } }
.ml-color-chart-5 { margin-left: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:ml-color-chart-5 { margin-left: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:ml-color-chart-5 { margin-left: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:ml-color-chart-5 { margin-left: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:ml-color-chart-5 { margin-left: var(--color-chart-5); } }
.gap-color-chart-5 { gap: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:gap-color-chart-5 { gap: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:gap-color-chart-5 { gap: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:gap-color-chart-5 { gap: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:gap-color-chart-5 { gap: var(--color-chart-5); } }
.w-color-chart-5 { width: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:w-color-chart-5 { width: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:w-color-chart-5 { width: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:w-color-chart-5 { width: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:w-color-chart-5 { width: var(--color-chart-5); } }
.h-color-chart-5 { height: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:h-color-chart-5 { height: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:h-color-chart-5 { height: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:h-color-chart-5 { height: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:h-color-chart-5 { height: var(--color-chart-5); } }
.aspect-color-chart-5 { aspect-ratio: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:aspect-color-chart-5 { aspect-ratio: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:aspect-color-chart-5 { aspect-ratio: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:aspect-color-chart-5 { aspect-ratio: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:aspect-color-chart-5 { aspect-ratio: var(--color-chart-5); } }
.min-w-color-chart-5 { min-width: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:min-w-color-chart-5 { min-width: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:min-w-color-chart-5 { min-width: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:min-w-color-chart-5 { min-width: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:min-w-color-chart-5 { min-width: var(--color-chart-5); } }
.min-h-color-chart-5 { min-height: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:min-h-color-chart-5 { min-height: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:min-h-color-chart-5 { min-height: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:min-h-color-chart-5 { min-height: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:min-h-color-chart-5 { min-height: var(--color-chart-5); } }
.max-w-color-chart-5 { max-width: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:max-w-color-chart-5 { max-width: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:max-w-color-chart-5 { max-width: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:max-w-color-chart-5 { max-width: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:max-w-color-chart-5 { max-width: var(--color-chart-5); } }
.max-h-color-chart-5 { max-height: var(--color-chart-5); }
@media (min-width: 640px) { .sm\:max-h-color-chart-5 { max-height: var(--color-chart-5); } }
@media (min-width: 768px) { .md\:max-h-color-chart-5 { max-height: var(--color-chart-5); } }
@media (min-width: 1024px) { .lg\:max-h-color-chart-5 { max-height: var(--color-chart-5); } }
@media (min-width: 1280px) { .xl\:max-h-color-chart-5 { max-height: var(--color-chart-5); } }
.bg-color-sidebar { background-color: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:bg-color-sidebar { background-color: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:bg-color-sidebar { background-color: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:bg-color-sidebar { background-color: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:bg-color-sidebar { background-color: var(--color-sidebar); } }
.border-color-color-sidebar { border-color: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:border-color-color-sidebar { border-color: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:border-color-color-sidebar { border-color: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:border-color-color-sidebar { border-color: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:border-color-color-sidebar { border-color: var(--color-sidebar); } }
.rounded-color-sidebar { border-radius: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:rounded-color-sidebar { border-radius: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:rounded-color-sidebar { border-radius: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:rounded-color-sidebar { border-radius: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:rounded-color-sidebar { border-radius: var(--color-sidebar); } }
.border-style-color-sidebar { border-style: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:border-style-color-sidebar { border-style: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:border-style-color-sidebar { border-style: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:border-style-color-sidebar { border-style: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:border-style-color-sidebar { border-style: var(--color-sidebar); } }
.border-width-color-sidebar { border-width: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:border-width-color-sidebar { border-width: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:border-width-color-sidebar { border-width: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:border-width-color-sidebar { border-width: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:border-width-color-sidebar { border-width: var(--color-sidebar); } }
.text-color-sidebar { color: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:text-color-sidebar { color: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:text-color-sidebar { color: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:text-color-sidebar { color: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:text-color-sidebar { color: var(--color-sidebar); } }
.font-color-sidebar { font-family: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:font-color-sidebar { font-family: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:font-color-sidebar { font-family: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:font-color-sidebar { font-family: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:font-color-sidebar { font-family: var(--color-sidebar); } }
.text-size-color-sidebar { font-size: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:text-size-color-sidebar { font-size: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:text-size-color-sidebar { font-size: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:text-size-color-sidebar { font-size: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:text-size-color-sidebar { font-size: var(--color-sidebar); } }
.font-weight-color-sidebar { font-weight: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:font-weight-color-sidebar { font-weight: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:font-weight-color-sidebar { font-weight: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:font-weight-color-sidebar { font-weight: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:font-weight-color-sidebar { font-weight: var(--color-sidebar); } }
.text-align-color-sidebar { text-align: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:text-align-color-sidebar { text-align: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:text-align-color-sidebar { text-align: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:text-align-color-sidebar { text-align: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:text-align-color-sidebar { text-align: var(--color-sidebar); } }
.leading-color-sidebar { line-height: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:leading-color-sidebar { line-height: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:leading-color-sidebar { line-height: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:leading-color-sidebar { line-height: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:leading-color-sidebar { line-height: var(--color-sidebar); } }
.tracking-color-sidebar { letter-spacing: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:tracking-color-sidebar { letter-spacing: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:tracking-color-sidebar { letter-spacing: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:tracking-color-sidebar { letter-spacing: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:tracking-color-sidebar { letter-spacing: var(--color-sidebar); } }
.text-transform-color-sidebar { text-transform: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:text-transform-color-sidebar { text-transform: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:text-transform-color-sidebar { text-transform: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:text-transform-color-sidebar { text-transform: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:text-transform-color-sidebar { text-transform: var(--color-sidebar); } }
.font-style-color-sidebar { font-style: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:font-style-color-sidebar { font-style: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:font-style-color-sidebar { font-style: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:font-style-color-sidebar { font-style: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:font-style-color-sidebar { font-style: var(--color-sidebar); } }
.decoration-color-sidebar { text-decoration-line: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:decoration-color-sidebar { text-decoration-line: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:decoration-color-sidebar { text-decoration-line: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:decoration-color-sidebar { text-decoration-line: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:decoration-color-sidebar { text-decoration-line: var(--color-sidebar); } }
.display-color-sidebar { display: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:display-color-sidebar { display: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:display-color-sidebar { display: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:display-color-sidebar { display: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:display-color-sidebar { display: var(--color-sidebar); } }
.flex-direction-color-sidebar { flex-direction: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:flex-direction-color-sidebar { flex-direction: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:flex-direction-color-sidebar { flex-direction: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-sidebar { flex-direction: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-sidebar { flex-direction: var(--color-sidebar); } }
.flex-wrap-color-sidebar { flex-wrap: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:flex-wrap-color-sidebar { flex-wrap: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:flex-wrap-color-sidebar { flex-wrap: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-sidebar { flex-wrap: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-sidebar { flex-wrap: var(--color-sidebar); } }
.justify-color-sidebar { justify-content: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:justify-color-sidebar { justify-content: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:justify-color-sidebar { justify-content: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:justify-color-sidebar { justify-content: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:justify-color-sidebar { justify-content: var(--color-sidebar); } }
.items-color-sidebar { align-items: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:items-color-sidebar { align-items: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:items-color-sidebar { align-items: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:items-color-sidebar { align-items: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:items-color-sidebar { align-items: var(--color-sidebar); } }
.self-color-sidebar { align-self: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:self-color-sidebar { align-self: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:self-color-sidebar { align-self: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:self-color-sidebar { align-self: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:self-color-sidebar { align-self: var(--color-sidebar); } }
.flex-color-sidebar { flex: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:flex-color-sidebar { flex: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:flex-color-sidebar { flex: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:flex-color-sidebar { flex: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:flex-color-sidebar { flex: var(--color-sidebar); } }
.grow-color-sidebar { flex-grow: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:grow-color-sidebar { flex-grow: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:grow-color-sidebar { flex-grow: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:grow-color-sidebar { flex-grow: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:grow-color-sidebar { flex-grow: var(--color-sidebar); } }
.shrink-color-sidebar { flex-shrink: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:shrink-color-sidebar { flex-shrink: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:shrink-color-sidebar { flex-shrink: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:shrink-color-sidebar { flex-shrink: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:shrink-color-sidebar { flex-shrink: var(--color-sidebar); } }
.basis-color-sidebar { flex-basis: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:basis-color-sidebar { flex-basis: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:basis-color-sidebar { flex-basis: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:basis-color-sidebar { flex-basis: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:basis-color-sidebar { flex-basis: var(--color-sidebar); } }
.order-color-sidebar { order: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:order-color-sidebar { order: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:order-color-sidebar { order: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:order-color-sidebar { order: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:order-color-sidebar { order: var(--color-sidebar); } }
.overflow-color-sidebar { overflow: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:overflow-color-sidebar { overflow: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:overflow-color-sidebar { overflow: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:overflow-color-sidebar { overflow: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:overflow-color-sidebar { overflow: var(--color-sidebar); } }
.overflow-x-color-sidebar { overflow-x: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:overflow-x-color-sidebar { overflow-x: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:overflow-x-color-sidebar { overflow-x: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-sidebar { overflow-x: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-sidebar { overflow-x: var(--color-sidebar); } }
.overflow-y-color-sidebar { overflow-y: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:overflow-y-color-sidebar { overflow-y: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:overflow-y-color-sidebar { overflow-y: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-sidebar { overflow-y: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-sidebar { overflow-y: var(--color-sidebar); } }
.p-color-sidebar { padding: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:p-color-sidebar { padding: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:p-color-sidebar { padding: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:p-color-sidebar { padding: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:p-color-sidebar { padding: var(--color-sidebar); } }
.pt-color-sidebar { padding-top: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:pt-color-sidebar { padding-top: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:pt-color-sidebar { padding-top: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:pt-color-sidebar { padding-top: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:pt-color-sidebar { padding-top: var(--color-sidebar); } }
.pr-color-sidebar { padding-right: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:pr-color-sidebar { padding-right: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:pr-color-sidebar { padding-right: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:pr-color-sidebar { padding-right: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:pr-color-sidebar { padding-right: var(--color-sidebar); } }
.pb-color-sidebar { padding-bottom: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:pb-color-sidebar { padding-bottom: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:pb-color-sidebar { padding-bottom: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:pb-color-sidebar { padding-bottom: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:pb-color-sidebar { padding-bottom: var(--color-sidebar); } }
.pl-color-sidebar { padding-left: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:pl-color-sidebar { padding-left: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:pl-color-sidebar { padding-left: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:pl-color-sidebar { padding-left: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:pl-color-sidebar { padding-left: var(--color-sidebar); } }
.m-color-sidebar { margin: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:m-color-sidebar { margin: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:m-color-sidebar { margin: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:m-color-sidebar { margin: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:m-color-sidebar { margin: var(--color-sidebar); } }
.mt-color-sidebar { margin-top: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:mt-color-sidebar { margin-top: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:mt-color-sidebar { margin-top: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:mt-color-sidebar { margin-top: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:mt-color-sidebar { margin-top: var(--color-sidebar); } }
.mr-color-sidebar { margin-right: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:mr-color-sidebar { margin-right: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:mr-color-sidebar { margin-right: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:mr-color-sidebar { margin-right: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:mr-color-sidebar { margin-right: var(--color-sidebar); } }
.mb-color-sidebar { margin-bottom: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:mb-color-sidebar { margin-bottom: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:mb-color-sidebar { margin-bottom: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:mb-color-sidebar { margin-bottom: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:mb-color-sidebar { margin-bottom: var(--color-sidebar); } }
.ml-color-sidebar { margin-left: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:ml-color-sidebar { margin-left: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:ml-color-sidebar { margin-left: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:ml-color-sidebar { margin-left: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:ml-color-sidebar { margin-left: var(--color-sidebar); } }
.gap-color-sidebar { gap: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:gap-color-sidebar { gap: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:gap-color-sidebar { gap: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:gap-color-sidebar { gap: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:gap-color-sidebar { gap: var(--color-sidebar); } }
.w-color-sidebar { width: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:w-color-sidebar { width: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:w-color-sidebar { width: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:w-color-sidebar { width: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:w-color-sidebar { width: var(--color-sidebar); } }
.h-color-sidebar { height: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:h-color-sidebar { height: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:h-color-sidebar { height: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:h-color-sidebar { height: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:h-color-sidebar { height: var(--color-sidebar); } }
.aspect-color-sidebar { aspect-ratio: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:aspect-color-sidebar { aspect-ratio: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:aspect-color-sidebar { aspect-ratio: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:aspect-color-sidebar { aspect-ratio: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:aspect-color-sidebar { aspect-ratio: var(--color-sidebar); } }
.min-w-color-sidebar { min-width: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:min-w-color-sidebar { min-width: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:min-w-color-sidebar { min-width: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:min-w-color-sidebar { min-width: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:min-w-color-sidebar { min-width: var(--color-sidebar); } }
.min-h-color-sidebar { min-height: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:min-h-color-sidebar { min-height: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:min-h-color-sidebar { min-height: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:min-h-color-sidebar { min-height: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:min-h-color-sidebar { min-height: var(--color-sidebar); } }
.max-w-color-sidebar { max-width: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:max-w-color-sidebar { max-width: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:max-w-color-sidebar { max-width: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:max-w-color-sidebar { max-width: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:max-w-color-sidebar { max-width: var(--color-sidebar); } }
.max-h-color-sidebar { max-height: var(--color-sidebar); }
@media (min-width: 640px) { .sm\:max-h-color-sidebar { max-height: var(--color-sidebar); } }
@media (min-width: 768px) { .md\:max-h-color-sidebar { max-height: var(--color-sidebar); } }
@media (min-width: 1024px) { .lg\:max-h-color-sidebar { max-height: var(--color-sidebar); } }
@media (min-width: 1280px) { .xl\:max-h-color-sidebar { max-height: var(--color-sidebar); } }
.bg-color-sidebar-foreground { background-color: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:bg-color-sidebar-foreground { background-color: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:bg-color-sidebar-foreground { background-color: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-sidebar-foreground { background-color: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-sidebar-foreground { background-color: var(--color-sidebar-foreground); } }
.border-color-color-sidebar-foreground { border-color: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-sidebar-foreground { border-color: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-sidebar-foreground { border-color: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-sidebar-foreground { border-color: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-sidebar-foreground { border-color: var(--color-sidebar-foreground); } }
.rounded-color-sidebar-foreground { border-radius: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-sidebar-foreground { border-radius: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-sidebar-foreground { border-radius: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-sidebar-foreground { border-radius: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-sidebar-foreground { border-radius: var(--color-sidebar-foreground); } }
.border-style-color-sidebar-foreground { border-style: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-sidebar-foreground { border-style: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-sidebar-foreground { border-style: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-sidebar-foreground { border-style: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-sidebar-foreground { border-style: var(--color-sidebar-foreground); } }
.border-width-color-sidebar-foreground { border-width: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-sidebar-foreground { border-width: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-sidebar-foreground { border-width: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-sidebar-foreground { border-width: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-sidebar-foreground { border-width: var(--color-sidebar-foreground); } }
.text-color-sidebar-foreground { color: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:text-color-sidebar-foreground { color: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:text-color-sidebar-foreground { color: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-sidebar-foreground { color: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-sidebar-foreground { color: var(--color-sidebar-foreground); } }
.font-color-sidebar-foreground { font-family: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:font-color-sidebar-foreground { font-family: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:font-color-sidebar-foreground { font-family: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-sidebar-foreground { font-family: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-sidebar-foreground { font-family: var(--color-sidebar-foreground); } }
.text-size-color-sidebar-foreground { font-size: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-sidebar-foreground { font-size: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-sidebar-foreground { font-size: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-sidebar-foreground { font-size: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-sidebar-foreground { font-size: var(--color-sidebar-foreground); } }
.font-weight-color-sidebar-foreground { font-weight: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-sidebar-foreground { font-weight: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-sidebar-foreground { font-weight: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-sidebar-foreground { font-weight: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-sidebar-foreground { font-weight: var(--color-sidebar-foreground); } }
.text-align-color-sidebar-foreground { text-align: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-sidebar-foreground { text-align: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-sidebar-foreground { text-align: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-sidebar-foreground { text-align: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-sidebar-foreground { text-align: var(--color-sidebar-foreground); } }
.leading-color-sidebar-foreground { line-height: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:leading-color-sidebar-foreground { line-height: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:leading-color-sidebar-foreground { line-height: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-sidebar-foreground { line-height: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-sidebar-foreground { line-height: var(--color-sidebar-foreground); } }
.tracking-color-sidebar-foreground { letter-spacing: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-sidebar-foreground { letter-spacing: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-sidebar-foreground { letter-spacing: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-sidebar-foreground { letter-spacing: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-sidebar-foreground { letter-spacing: var(--color-sidebar-foreground); } }
.text-transform-color-sidebar-foreground { text-transform: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-sidebar-foreground { text-transform: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-sidebar-foreground { text-transform: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-sidebar-foreground { text-transform: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-sidebar-foreground { text-transform: var(--color-sidebar-foreground); } }
.font-style-color-sidebar-foreground { font-style: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-sidebar-foreground { font-style: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-sidebar-foreground { font-style: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-sidebar-foreground { font-style: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-sidebar-foreground { font-style: var(--color-sidebar-foreground); } }
.decoration-color-sidebar-foreground { text-decoration-line: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-sidebar-foreground { text-decoration-line: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-sidebar-foreground { text-decoration-line: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-sidebar-foreground { text-decoration-line: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-sidebar-foreground { text-decoration-line: var(--color-sidebar-foreground); } }
.display-color-sidebar-foreground { display: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:display-color-sidebar-foreground { display: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:display-color-sidebar-foreground { display: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-sidebar-foreground { display: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-sidebar-foreground { display: var(--color-sidebar-foreground); } }
.flex-direction-color-sidebar-foreground { flex-direction: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-sidebar-foreground { flex-direction: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-sidebar-foreground { flex-direction: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-sidebar-foreground { flex-direction: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-sidebar-foreground { flex-direction: var(--color-sidebar-foreground); } }
.flex-wrap-color-sidebar-foreground { flex-wrap: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-sidebar-foreground { flex-wrap: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-sidebar-foreground { flex-wrap: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-sidebar-foreground { flex-wrap: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-sidebar-foreground { flex-wrap: var(--color-sidebar-foreground); } }
.justify-color-sidebar-foreground { justify-content: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:justify-color-sidebar-foreground { justify-content: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:justify-color-sidebar-foreground { justify-content: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-sidebar-foreground { justify-content: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-sidebar-foreground { justify-content: var(--color-sidebar-foreground); } }
.items-color-sidebar-foreground { align-items: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:items-color-sidebar-foreground { align-items: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:items-color-sidebar-foreground { align-items: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-sidebar-foreground { align-items: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-sidebar-foreground { align-items: var(--color-sidebar-foreground); } }
.self-color-sidebar-foreground { align-self: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:self-color-sidebar-foreground { align-self: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:self-color-sidebar-foreground { align-self: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-sidebar-foreground { align-self: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-sidebar-foreground { align-self: var(--color-sidebar-foreground); } }
.flex-color-sidebar-foreground { flex: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:flex-color-sidebar-foreground { flex: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:flex-color-sidebar-foreground { flex: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-sidebar-foreground { flex: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-sidebar-foreground { flex: var(--color-sidebar-foreground); } }
.grow-color-sidebar-foreground { flex-grow: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:grow-color-sidebar-foreground { flex-grow: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:grow-color-sidebar-foreground { flex-grow: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-sidebar-foreground { flex-grow: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-sidebar-foreground { flex-grow: var(--color-sidebar-foreground); } }
.shrink-color-sidebar-foreground { flex-shrink: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-sidebar-foreground { flex-shrink: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-sidebar-foreground { flex-shrink: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-sidebar-foreground { flex-shrink: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-sidebar-foreground { flex-shrink: var(--color-sidebar-foreground); } }
.basis-color-sidebar-foreground { flex-basis: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:basis-color-sidebar-foreground { flex-basis: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:basis-color-sidebar-foreground { flex-basis: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-sidebar-foreground { flex-basis: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-sidebar-foreground { flex-basis: var(--color-sidebar-foreground); } }
.order-color-sidebar-foreground { order: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:order-color-sidebar-foreground { order: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:order-color-sidebar-foreground { order: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-sidebar-foreground { order: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-sidebar-foreground { order: var(--color-sidebar-foreground); } }
.overflow-color-sidebar-foreground { overflow: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-sidebar-foreground { overflow: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-sidebar-foreground { overflow: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-sidebar-foreground { overflow: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-sidebar-foreground { overflow: var(--color-sidebar-foreground); } }
.overflow-x-color-sidebar-foreground { overflow-x: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-sidebar-foreground { overflow-x: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-sidebar-foreground { overflow-x: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-sidebar-foreground { overflow-x: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-sidebar-foreground { overflow-x: var(--color-sidebar-foreground); } }
.overflow-y-color-sidebar-foreground { overflow-y: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-sidebar-foreground { overflow-y: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-sidebar-foreground { overflow-y: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-sidebar-foreground { overflow-y: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-sidebar-foreground { overflow-y: var(--color-sidebar-foreground); } }
.p-color-sidebar-foreground { padding: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:p-color-sidebar-foreground { padding: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:p-color-sidebar-foreground { padding: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-sidebar-foreground { padding: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-sidebar-foreground { padding: var(--color-sidebar-foreground); } }
.pt-color-sidebar-foreground { padding-top: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:pt-color-sidebar-foreground { padding-top: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:pt-color-sidebar-foreground { padding-top: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-sidebar-foreground { padding-top: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-sidebar-foreground { padding-top: var(--color-sidebar-foreground); } }
.pr-color-sidebar-foreground { padding-right: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:pr-color-sidebar-foreground { padding-right: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:pr-color-sidebar-foreground { padding-right: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-sidebar-foreground { padding-right: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-sidebar-foreground { padding-right: var(--color-sidebar-foreground); } }
.pb-color-sidebar-foreground { padding-bottom: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:pb-color-sidebar-foreground { padding-bottom: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:pb-color-sidebar-foreground { padding-bottom: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-sidebar-foreground { padding-bottom: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-sidebar-foreground { padding-bottom: var(--color-sidebar-foreground); } }
.pl-color-sidebar-foreground { padding-left: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:pl-color-sidebar-foreground { padding-left: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:pl-color-sidebar-foreground { padding-left: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-sidebar-foreground { padding-left: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-sidebar-foreground { padding-left: var(--color-sidebar-foreground); } }
.m-color-sidebar-foreground { margin: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:m-color-sidebar-foreground { margin: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:m-color-sidebar-foreground { margin: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-sidebar-foreground { margin: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-sidebar-foreground { margin: var(--color-sidebar-foreground); } }
.mt-color-sidebar-foreground { margin-top: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:mt-color-sidebar-foreground { margin-top: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:mt-color-sidebar-foreground { margin-top: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-sidebar-foreground { margin-top: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-sidebar-foreground { margin-top: var(--color-sidebar-foreground); } }
.mr-color-sidebar-foreground { margin-right: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:mr-color-sidebar-foreground { margin-right: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:mr-color-sidebar-foreground { margin-right: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-sidebar-foreground { margin-right: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-sidebar-foreground { margin-right: var(--color-sidebar-foreground); } }
.mb-color-sidebar-foreground { margin-bottom: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:mb-color-sidebar-foreground { margin-bottom: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:mb-color-sidebar-foreground { margin-bottom: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-sidebar-foreground { margin-bottom: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-sidebar-foreground { margin-bottom: var(--color-sidebar-foreground); } }
.ml-color-sidebar-foreground { margin-left: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:ml-color-sidebar-foreground { margin-left: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:ml-color-sidebar-foreground { margin-left: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-sidebar-foreground { margin-left: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-sidebar-foreground { margin-left: var(--color-sidebar-foreground); } }
.gap-color-sidebar-foreground { gap: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:gap-color-sidebar-foreground { gap: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:gap-color-sidebar-foreground { gap: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-sidebar-foreground { gap: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-sidebar-foreground { gap: var(--color-sidebar-foreground); } }
.w-color-sidebar-foreground { width: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:w-color-sidebar-foreground { width: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:w-color-sidebar-foreground { width: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-sidebar-foreground { width: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-sidebar-foreground { width: var(--color-sidebar-foreground); } }
.h-color-sidebar-foreground { height: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:h-color-sidebar-foreground { height: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:h-color-sidebar-foreground { height: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-sidebar-foreground { height: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-sidebar-foreground { height: var(--color-sidebar-foreground); } }
.aspect-color-sidebar-foreground { aspect-ratio: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-sidebar-foreground { aspect-ratio: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-sidebar-foreground { aspect-ratio: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-sidebar-foreground { aspect-ratio: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-sidebar-foreground { aspect-ratio: var(--color-sidebar-foreground); } }
.min-w-color-sidebar-foreground { min-width: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-sidebar-foreground { min-width: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-sidebar-foreground { min-width: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-sidebar-foreground { min-width: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-sidebar-foreground { min-width: var(--color-sidebar-foreground); } }
.min-h-color-sidebar-foreground { min-height: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-sidebar-foreground { min-height: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-sidebar-foreground { min-height: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-sidebar-foreground { min-height: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-sidebar-foreground { min-height: var(--color-sidebar-foreground); } }
.max-w-color-sidebar-foreground { max-width: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-sidebar-foreground { max-width: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-sidebar-foreground { max-width: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-sidebar-foreground { max-width: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-sidebar-foreground { max-width: var(--color-sidebar-foreground); } }
.max-h-color-sidebar-foreground { max-height: var(--color-sidebar-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-sidebar-foreground { max-height: var(--color-sidebar-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-sidebar-foreground { max-height: var(--color-sidebar-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-sidebar-foreground { max-height: var(--color-sidebar-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-sidebar-foreground { max-height: var(--color-sidebar-foreground); } }
.bg-color-sidebar-primary { background-color: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:bg-color-sidebar-primary { background-color: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:bg-color-sidebar-primary { background-color: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:bg-color-sidebar-primary { background-color: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:bg-color-sidebar-primary { background-color: var(--color-sidebar-primary); } }
.border-color-color-sidebar-primary { border-color: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:border-color-color-sidebar-primary { border-color: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:border-color-color-sidebar-primary { border-color: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:border-color-color-sidebar-primary { border-color: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:border-color-color-sidebar-primary { border-color: var(--color-sidebar-primary); } }
.rounded-color-sidebar-primary { border-radius: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:rounded-color-sidebar-primary { border-radius: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:rounded-color-sidebar-primary { border-radius: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:rounded-color-sidebar-primary { border-radius: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:rounded-color-sidebar-primary { border-radius: var(--color-sidebar-primary); } }
.border-style-color-sidebar-primary { border-style: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:border-style-color-sidebar-primary { border-style: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:border-style-color-sidebar-primary { border-style: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:border-style-color-sidebar-primary { border-style: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:border-style-color-sidebar-primary { border-style: var(--color-sidebar-primary); } }
.border-width-color-sidebar-primary { border-width: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:border-width-color-sidebar-primary { border-width: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:border-width-color-sidebar-primary { border-width: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:border-width-color-sidebar-primary { border-width: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:border-width-color-sidebar-primary { border-width: var(--color-sidebar-primary); } }
.text-color-sidebar-primary { color: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:text-color-sidebar-primary { color: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:text-color-sidebar-primary { color: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:text-color-sidebar-primary { color: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:text-color-sidebar-primary { color: var(--color-sidebar-primary); } }
.font-color-sidebar-primary { font-family: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:font-color-sidebar-primary { font-family: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:font-color-sidebar-primary { font-family: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:font-color-sidebar-primary { font-family: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:font-color-sidebar-primary { font-family: var(--color-sidebar-primary); } }
.text-size-color-sidebar-primary { font-size: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:text-size-color-sidebar-primary { font-size: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:text-size-color-sidebar-primary { font-size: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:text-size-color-sidebar-primary { font-size: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:text-size-color-sidebar-primary { font-size: var(--color-sidebar-primary); } }
.font-weight-color-sidebar-primary { font-weight: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:font-weight-color-sidebar-primary { font-weight: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:font-weight-color-sidebar-primary { font-weight: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:font-weight-color-sidebar-primary { font-weight: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:font-weight-color-sidebar-primary { font-weight: var(--color-sidebar-primary); } }
.text-align-color-sidebar-primary { text-align: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:text-align-color-sidebar-primary { text-align: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:text-align-color-sidebar-primary { text-align: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:text-align-color-sidebar-primary { text-align: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:text-align-color-sidebar-primary { text-align: var(--color-sidebar-primary); } }
.leading-color-sidebar-primary { line-height: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:leading-color-sidebar-primary { line-height: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:leading-color-sidebar-primary { line-height: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:leading-color-sidebar-primary { line-height: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:leading-color-sidebar-primary { line-height: var(--color-sidebar-primary); } }
.tracking-color-sidebar-primary { letter-spacing: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:tracking-color-sidebar-primary { letter-spacing: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:tracking-color-sidebar-primary { letter-spacing: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:tracking-color-sidebar-primary { letter-spacing: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:tracking-color-sidebar-primary { letter-spacing: var(--color-sidebar-primary); } }
.text-transform-color-sidebar-primary { text-transform: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:text-transform-color-sidebar-primary { text-transform: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:text-transform-color-sidebar-primary { text-transform: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:text-transform-color-sidebar-primary { text-transform: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:text-transform-color-sidebar-primary { text-transform: var(--color-sidebar-primary); } }
.font-style-color-sidebar-primary { font-style: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:font-style-color-sidebar-primary { font-style: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:font-style-color-sidebar-primary { font-style: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:font-style-color-sidebar-primary { font-style: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:font-style-color-sidebar-primary { font-style: var(--color-sidebar-primary); } }
.decoration-color-sidebar-primary { text-decoration-line: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:decoration-color-sidebar-primary { text-decoration-line: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:decoration-color-sidebar-primary { text-decoration-line: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:decoration-color-sidebar-primary { text-decoration-line: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:decoration-color-sidebar-primary { text-decoration-line: var(--color-sidebar-primary); } }
.display-color-sidebar-primary { display: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:display-color-sidebar-primary { display: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:display-color-sidebar-primary { display: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:display-color-sidebar-primary { display: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:display-color-sidebar-primary { display: var(--color-sidebar-primary); } }
.flex-direction-color-sidebar-primary { flex-direction: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:flex-direction-color-sidebar-primary { flex-direction: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:flex-direction-color-sidebar-primary { flex-direction: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-sidebar-primary { flex-direction: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-sidebar-primary { flex-direction: var(--color-sidebar-primary); } }
.flex-wrap-color-sidebar-primary { flex-wrap: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:flex-wrap-color-sidebar-primary { flex-wrap: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:flex-wrap-color-sidebar-primary { flex-wrap: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-sidebar-primary { flex-wrap: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-sidebar-primary { flex-wrap: var(--color-sidebar-primary); } }
.justify-color-sidebar-primary { justify-content: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:justify-color-sidebar-primary { justify-content: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:justify-color-sidebar-primary { justify-content: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:justify-color-sidebar-primary { justify-content: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:justify-color-sidebar-primary { justify-content: var(--color-sidebar-primary); } }
.items-color-sidebar-primary { align-items: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:items-color-sidebar-primary { align-items: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:items-color-sidebar-primary { align-items: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:items-color-sidebar-primary { align-items: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:items-color-sidebar-primary { align-items: var(--color-sidebar-primary); } }
.self-color-sidebar-primary { align-self: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:self-color-sidebar-primary { align-self: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:self-color-sidebar-primary { align-self: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:self-color-sidebar-primary { align-self: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:self-color-sidebar-primary { align-self: var(--color-sidebar-primary); } }
.flex-color-sidebar-primary { flex: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:flex-color-sidebar-primary { flex: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:flex-color-sidebar-primary { flex: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:flex-color-sidebar-primary { flex: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:flex-color-sidebar-primary { flex: var(--color-sidebar-primary); } }
.grow-color-sidebar-primary { flex-grow: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:grow-color-sidebar-primary { flex-grow: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:grow-color-sidebar-primary { flex-grow: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:grow-color-sidebar-primary { flex-grow: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:grow-color-sidebar-primary { flex-grow: var(--color-sidebar-primary); } }
.shrink-color-sidebar-primary { flex-shrink: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:shrink-color-sidebar-primary { flex-shrink: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:shrink-color-sidebar-primary { flex-shrink: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:shrink-color-sidebar-primary { flex-shrink: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:shrink-color-sidebar-primary { flex-shrink: var(--color-sidebar-primary); } }
.basis-color-sidebar-primary { flex-basis: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:basis-color-sidebar-primary { flex-basis: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:basis-color-sidebar-primary { flex-basis: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:basis-color-sidebar-primary { flex-basis: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:basis-color-sidebar-primary { flex-basis: var(--color-sidebar-primary); } }
.order-color-sidebar-primary { order: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:order-color-sidebar-primary { order: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:order-color-sidebar-primary { order: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:order-color-sidebar-primary { order: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:order-color-sidebar-primary { order: var(--color-sidebar-primary); } }
.overflow-color-sidebar-primary { overflow: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:overflow-color-sidebar-primary { overflow: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:overflow-color-sidebar-primary { overflow: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:overflow-color-sidebar-primary { overflow: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:overflow-color-sidebar-primary { overflow: var(--color-sidebar-primary); } }
.overflow-x-color-sidebar-primary { overflow-x: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:overflow-x-color-sidebar-primary { overflow-x: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:overflow-x-color-sidebar-primary { overflow-x: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-sidebar-primary { overflow-x: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-sidebar-primary { overflow-x: var(--color-sidebar-primary); } }
.overflow-y-color-sidebar-primary { overflow-y: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:overflow-y-color-sidebar-primary { overflow-y: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:overflow-y-color-sidebar-primary { overflow-y: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-sidebar-primary { overflow-y: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-sidebar-primary { overflow-y: var(--color-sidebar-primary); } }
.p-color-sidebar-primary { padding: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:p-color-sidebar-primary { padding: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:p-color-sidebar-primary { padding: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:p-color-sidebar-primary { padding: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:p-color-sidebar-primary { padding: var(--color-sidebar-primary); } }
.pt-color-sidebar-primary { padding-top: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:pt-color-sidebar-primary { padding-top: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:pt-color-sidebar-primary { padding-top: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:pt-color-sidebar-primary { padding-top: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:pt-color-sidebar-primary { padding-top: var(--color-sidebar-primary); } }
.pr-color-sidebar-primary { padding-right: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:pr-color-sidebar-primary { padding-right: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:pr-color-sidebar-primary { padding-right: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:pr-color-sidebar-primary { padding-right: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:pr-color-sidebar-primary { padding-right: var(--color-sidebar-primary); } }
.pb-color-sidebar-primary { padding-bottom: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:pb-color-sidebar-primary { padding-bottom: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:pb-color-sidebar-primary { padding-bottom: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:pb-color-sidebar-primary { padding-bottom: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:pb-color-sidebar-primary { padding-bottom: var(--color-sidebar-primary); } }
.pl-color-sidebar-primary { padding-left: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:pl-color-sidebar-primary { padding-left: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:pl-color-sidebar-primary { padding-left: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:pl-color-sidebar-primary { padding-left: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:pl-color-sidebar-primary { padding-left: var(--color-sidebar-primary); } }
.m-color-sidebar-primary { margin: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:m-color-sidebar-primary { margin: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:m-color-sidebar-primary { margin: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:m-color-sidebar-primary { margin: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:m-color-sidebar-primary { margin: var(--color-sidebar-primary); } }
.mt-color-sidebar-primary { margin-top: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:mt-color-sidebar-primary { margin-top: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:mt-color-sidebar-primary { margin-top: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:mt-color-sidebar-primary { margin-top: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:mt-color-sidebar-primary { margin-top: var(--color-sidebar-primary); } }
.mr-color-sidebar-primary { margin-right: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:mr-color-sidebar-primary { margin-right: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:mr-color-sidebar-primary { margin-right: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:mr-color-sidebar-primary { margin-right: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:mr-color-sidebar-primary { margin-right: var(--color-sidebar-primary); } }
.mb-color-sidebar-primary { margin-bottom: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:mb-color-sidebar-primary { margin-bottom: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:mb-color-sidebar-primary { margin-bottom: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:mb-color-sidebar-primary { margin-bottom: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:mb-color-sidebar-primary { margin-bottom: var(--color-sidebar-primary); } }
.ml-color-sidebar-primary { margin-left: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:ml-color-sidebar-primary { margin-left: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:ml-color-sidebar-primary { margin-left: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:ml-color-sidebar-primary { margin-left: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:ml-color-sidebar-primary { margin-left: var(--color-sidebar-primary); } }
.gap-color-sidebar-primary { gap: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:gap-color-sidebar-primary { gap: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:gap-color-sidebar-primary { gap: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:gap-color-sidebar-primary { gap: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:gap-color-sidebar-primary { gap: var(--color-sidebar-primary); } }
.w-color-sidebar-primary { width: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:w-color-sidebar-primary { width: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:w-color-sidebar-primary { width: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:w-color-sidebar-primary { width: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:w-color-sidebar-primary { width: var(--color-sidebar-primary); } }
.h-color-sidebar-primary { height: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:h-color-sidebar-primary { height: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:h-color-sidebar-primary { height: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:h-color-sidebar-primary { height: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:h-color-sidebar-primary { height: var(--color-sidebar-primary); } }
.aspect-color-sidebar-primary { aspect-ratio: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:aspect-color-sidebar-primary { aspect-ratio: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:aspect-color-sidebar-primary { aspect-ratio: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:aspect-color-sidebar-primary { aspect-ratio: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:aspect-color-sidebar-primary { aspect-ratio: var(--color-sidebar-primary); } }
.min-w-color-sidebar-primary { min-width: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:min-w-color-sidebar-primary { min-width: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:min-w-color-sidebar-primary { min-width: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:min-w-color-sidebar-primary { min-width: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:min-w-color-sidebar-primary { min-width: var(--color-sidebar-primary); } }
.min-h-color-sidebar-primary { min-height: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:min-h-color-sidebar-primary { min-height: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:min-h-color-sidebar-primary { min-height: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:min-h-color-sidebar-primary { min-height: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:min-h-color-sidebar-primary { min-height: var(--color-sidebar-primary); } }
.max-w-color-sidebar-primary { max-width: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:max-w-color-sidebar-primary { max-width: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:max-w-color-sidebar-primary { max-width: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:max-w-color-sidebar-primary { max-width: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:max-w-color-sidebar-primary { max-width: var(--color-sidebar-primary); } }
.max-h-color-sidebar-primary { max-height: var(--color-sidebar-primary); }
@media (min-width: 640px) { .sm\:max-h-color-sidebar-primary { max-height: var(--color-sidebar-primary); } }
@media (min-width: 768px) { .md\:max-h-color-sidebar-primary { max-height: var(--color-sidebar-primary); } }
@media (min-width: 1024px) { .lg\:max-h-color-sidebar-primary { max-height: var(--color-sidebar-primary); } }
@media (min-width: 1280px) { .xl\:max-h-color-sidebar-primary { max-height: var(--color-sidebar-primary); } }
.bg-color-sidebar-primary-foreground { background-color: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:bg-color-sidebar-primary-foreground { background-color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:bg-color-sidebar-primary-foreground { background-color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-sidebar-primary-foreground { background-color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-sidebar-primary-foreground { background-color: var(--color-sidebar-primary-foreground); } }
.border-color-color-sidebar-primary-foreground { border-color: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-sidebar-primary-foreground { border-color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-sidebar-primary-foreground { border-color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-sidebar-primary-foreground { border-color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-sidebar-primary-foreground { border-color: var(--color-sidebar-primary-foreground); } }
.rounded-color-sidebar-primary-foreground { border-radius: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-sidebar-primary-foreground { border-radius: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-sidebar-primary-foreground { border-radius: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-sidebar-primary-foreground { border-radius: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-sidebar-primary-foreground { border-radius: var(--color-sidebar-primary-foreground); } }
.border-style-color-sidebar-primary-foreground { border-style: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-sidebar-primary-foreground { border-style: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-sidebar-primary-foreground { border-style: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-sidebar-primary-foreground { border-style: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-sidebar-primary-foreground { border-style: var(--color-sidebar-primary-foreground); } }
.border-width-color-sidebar-primary-foreground { border-width: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-sidebar-primary-foreground { border-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-sidebar-primary-foreground { border-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-sidebar-primary-foreground { border-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-sidebar-primary-foreground { border-width: var(--color-sidebar-primary-foreground); } }
.text-color-sidebar-primary-foreground { color: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:text-color-sidebar-primary-foreground { color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:text-color-sidebar-primary-foreground { color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-sidebar-primary-foreground { color: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-sidebar-primary-foreground { color: var(--color-sidebar-primary-foreground); } }
.font-color-sidebar-primary-foreground { font-family: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:font-color-sidebar-primary-foreground { font-family: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:font-color-sidebar-primary-foreground { font-family: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-sidebar-primary-foreground { font-family: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-sidebar-primary-foreground { font-family: var(--color-sidebar-primary-foreground); } }
.text-size-color-sidebar-primary-foreground { font-size: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-sidebar-primary-foreground { font-size: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-sidebar-primary-foreground { font-size: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-sidebar-primary-foreground { font-size: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-sidebar-primary-foreground { font-size: var(--color-sidebar-primary-foreground); } }
.font-weight-color-sidebar-primary-foreground { font-weight: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-sidebar-primary-foreground { font-weight: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-sidebar-primary-foreground { font-weight: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-sidebar-primary-foreground { font-weight: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-sidebar-primary-foreground { font-weight: var(--color-sidebar-primary-foreground); } }
.text-align-color-sidebar-primary-foreground { text-align: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-sidebar-primary-foreground { text-align: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-sidebar-primary-foreground { text-align: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-sidebar-primary-foreground { text-align: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-sidebar-primary-foreground { text-align: var(--color-sidebar-primary-foreground); } }
.leading-color-sidebar-primary-foreground { line-height: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:leading-color-sidebar-primary-foreground { line-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:leading-color-sidebar-primary-foreground { line-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-sidebar-primary-foreground { line-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-sidebar-primary-foreground { line-height: var(--color-sidebar-primary-foreground); } }
.tracking-color-sidebar-primary-foreground { letter-spacing: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-sidebar-primary-foreground { letter-spacing: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-sidebar-primary-foreground { letter-spacing: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-sidebar-primary-foreground { letter-spacing: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-sidebar-primary-foreground { letter-spacing: var(--color-sidebar-primary-foreground); } }
.text-transform-color-sidebar-primary-foreground { text-transform: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-sidebar-primary-foreground { text-transform: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-sidebar-primary-foreground { text-transform: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-sidebar-primary-foreground { text-transform: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-sidebar-primary-foreground { text-transform: var(--color-sidebar-primary-foreground); } }
.font-style-color-sidebar-primary-foreground { font-style: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-sidebar-primary-foreground { font-style: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-sidebar-primary-foreground { font-style: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-sidebar-primary-foreground { font-style: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-sidebar-primary-foreground { font-style: var(--color-sidebar-primary-foreground); } }
.decoration-color-sidebar-primary-foreground { text-decoration-line: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-sidebar-primary-foreground { text-decoration-line: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-sidebar-primary-foreground { text-decoration-line: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-sidebar-primary-foreground { text-decoration-line: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-sidebar-primary-foreground { text-decoration-line: var(--color-sidebar-primary-foreground); } }
.display-color-sidebar-primary-foreground { display: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:display-color-sidebar-primary-foreground { display: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:display-color-sidebar-primary-foreground { display: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-sidebar-primary-foreground { display: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-sidebar-primary-foreground { display: var(--color-sidebar-primary-foreground); } }
.flex-direction-color-sidebar-primary-foreground { flex-direction: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-sidebar-primary-foreground { flex-direction: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-sidebar-primary-foreground { flex-direction: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-sidebar-primary-foreground { flex-direction: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-sidebar-primary-foreground { flex-direction: var(--color-sidebar-primary-foreground); } }
.flex-wrap-color-sidebar-primary-foreground { flex-wrap: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-sidebar-primary-foreground { flex-wrap: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-sidebar-primary-foreground { flex-wrap: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-sidebar-primary-foreground { flex-wrap: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-sidebar-primary-foreground { flex-wrap: var(--color-sidebar-primary-foreground); } }
.justify-color-sidebar-primary-foreground { justify-content: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:justify-color-sidebar-primary-foreground { justify-content: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:justify-color-sidebar-primary-foreground { justify-content: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-sidebar-primary-foreground { justify-content: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-sidebar-primary-foreground { justify-content: var(--color-sidebar-primary-foreground); } }
.items-color-sidebar-primary-foreground { align-items: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:items-color-sidebar-primary-foreground { align-items: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:items-color-sidebar-primary-foreground { align-items: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-sidebar-primary-foreground { align-items: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-sidebar-primary-foreground { align-items: var(--color-sidebar-primary-foreground); } }
.self-color-sidebar-primary-foreground { align-self: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:self-color-sidebar-primary-foreground { align-self: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:self-color-sidebar-primary-foreground { align-self: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-sidebar-primary-foreground { align-self: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-sidebar-primary-foreground { align-self: var(--color-sidebar-primary-foreground); } }
.flex-color-sidebar-primary-foreground { flex: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:flex-color-sidebar-primary-foreground { flex: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:flex-color-sidebar-primary-foreground { flex: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-sidebar-primary-foreground { flex: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-sidebar-primary-foreground { flex: var(--color-sidebar-primary-foreground); } }
.grow-color-sidebar-primary-foreground { flex-grow: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:grow-color-sidebar-primary-foreground { flex-grow: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:grow-color-sidebar-primary-foreground { flex-grow: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-sidebar-primary-foreground { flex-grow: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-sidebar-primary-foreground { flex-grow: var(--color-sidebar-primary-foreground); } }
.shrink-color-sidebar-primary-foreground { flex-shrink: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-sidebar-primary-foreground { flex-shrink: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-sidebar-primary-foreground { flex-shrink: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-sidebar-primary-foreground { flex-shrink: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-sidebar-primary-foreground { flex-shrink: var(--color-sidebar-primary-foreground); } }
.basis-color-sidebar-primary-foreground { flex-basis: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:basis-color-sidebar-primary-foreground { flex-basis: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:basis-color-sidebar-primary-foreground { flex-basis: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-sidebar-primary-foreground { flex-basis: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-sidebar-primary-foreground { flex-basis: var(--color-sidebar-primary-foreground); } }
.order-color-sidebar-primary-foreground { order: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:order-color-sidebar-primary-foreground { order: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:order-color-sidebar-primary-foreground { order: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-sidebar-primary-foreground { order: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-sidebar-primary-foreground { order: var(--color-sidebar-primary-foreground); } }
.overflow-color-sidebar-primary-foreground { overflow: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-sidebar-primary-foreground { overflow: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-sidebar-primary-foreground { overflow: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-sidebar-primary-foreground { overflow: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-sidebar-primary-foreground { overflow: var(--color-sidebar-primary-foreground); } }
.overflow-x-color-sidebar-primary-foreground { overflow-x: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-sidebar-primary-foreground { overflow-x: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-sidebar-primary-foreground { overflow-x: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-sidebar-primary-foreground { overflow-x: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-sidebar-primary-foreground { overflow-x: var(--color-sidebar-primary-foreground); } }
.overflow-y-color-sidebar-primary-foreground { overflow-y: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-sidebar-primary-foreground { overflow-y: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-sidebar-primary-foreground { overflow-y: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-sidebar-primary-foreground { overflow-y: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-sidebar-primary-foreground { overflow-y: var(--color-sidebar-primary-foreground); } }
.p-color-sidebar-primary-foreground { padding: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:p-color-sidebar-primary-foreground { padding: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:p-color-sidebar-primary-foreground { padding: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-sidebar-primary-foreground { padding: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-sidebar-primary-foreground { padding: var(--color-sidebar-primary-foreground); } }
.pt-color-sidebar-primary-foreground { padding-top: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:pt-color-sidebar-primary-foreground { padding-top: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:pt-color-sidebar-primary-foreground { padding-top: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-sidebar-primary-foreground { padding-top: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-sidebar-primary-foreground { padding-top: var(--color-sidebar-primary-foreground); } }
.pr-color-sidebar-primary-foreground { padding-right: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:pr-color-sidebar-primary-foreground { padding-right: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:pr-color-sidebar-primary-foreground { padding-right: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-sidebar-primary-foreground { padding-right: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-sidebar-primary-foreground { padding-right: var(--color-sidebar-primary-foreground); } }
.pb-color-sidebar-primary-foreground { padding-bottom: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:pb-color-sidebar-primary-foreground { padding-bottom: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:pb-color-sidebar-primary-foreground { padding-bottom: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-sidebar-primary-foreground { padding-bottom: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-sidebar-primary-foreground { padding-bottom: var(--color-sidebar-primary-foreground); } }
.pl-color-sidebar-primary-foreground { padding-left: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:pl-color-sidebar-primary-foreground { padding-left: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:pl-color-sidebar-primary-foreground { padding-left: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-sidebar-primary-foreground { padding-left: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-sidebar-primary-foreground { padding-left: var(--color-sidebar-primary-foreground); } }
.m-color-sidebar-primary-foreground { margin: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:m-color-sidebar-primary-foreground { margin: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:m-color-sidebar-primary-foreground { margin: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-sidebar-primary-foreground { margin: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-sidebar-primary-foreground { margin: var(--color-sidebar-primary-foreground); } }
.mt-color-sidebar-primary-foreground { margin-top: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:mt-color-sidebar-primary-foreground { margin-top: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:mt-color-sidebar-primary-foreground { margin-top: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-sidebar-primary-foreground { margin-top: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-sidebar-primary-foreground { margin-top: var(--color-sidebar-primary-foreground); } }
.mr-color-sidebar-primary-foreground { margin-right: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:mr-color-sidebar-primary-foreground { margin-right: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:mr-color-sidebar-primary-foreground { margin-right: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-sidebar-primary-foreground { margin-right: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-sidebar-primary-foreground { margin-right: var(--color-sidebar-primary-foreground); } }
.mb-color-sidebar-primary-foreground { margin-bottom: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:mb-color-sidebar-primary-foreground { margin-bottom: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:mb-color-sidebar-primary-foreground { margin-bottom: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-sidebar-primary-foreground { margin-bottom: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-sidebar-primary-foreground { margin-bottom: var(--color-sidebar-primary-foreground); } }
.ml-color-sidebar-primary-foreground { margin-left: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:ml-color-sidebar-primary-foreground { margin-left: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:ml-color-sidebar-primary-foreground { margin-left: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-sidebar-primary-foreground { margin-left: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-sidebar-primary-foreground { margin-left: var(--color-sidebar-primary-foreground); } }
.gap-color-sidebar-primary-foreground { gap: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:gap-color-sidebar-primary-foreground { gap: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:gap-color-sidebar-primary-foreground { gap: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-sidebar-primary-foreground { gap: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-sidebar-primary-foreground { gap: var(--color-sidebar-primary-foreground); } }
.w-color-sidebar-primary-foreground { width: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:w-color-sidebar-primary-foreground { width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:w-color-sidebar-primary-foreground { width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-sidebar-primary-foreground { width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-sidebar-primary-foreground { width: var(--color-sidebar-primary-foreground); } }
.h-color-sidebar-primary-foreground { height: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:h-color-sidebar-primary-foreground { height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:h-color-sidebar-primary-foreground { height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-sidebar-primary-foreground { height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-sidebar-primary-foreground { height: var(--color-sidebar-primary-foreground); } }
.aspect-color-sidebar-primary-foreground { aspect-ratio: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-sidebar-primary-foreground { aspect-ratio: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-sidebar-primary-foreground { aspect-ratio: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-sidebar-primary-foreground { aspect-ratio: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-sidebar-primary-foreground { aspect-ratio: var(--color-sidebar-primary-foreground); } }
.min-w-color-sidebar-primary-foreground { min-width: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-sidebar-primary-foreground { min-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-sidebar-primary-foreground { min-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-sidebar-primary-foreground { min-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-sidebar-primary-foreground { min-width: var(--color-sidebar-primary-foreground); } }
.min-h-color-sidebar-primary-foreground { min-height: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-sidebar-primary-foreground { min-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-sidebar-primary-foreground { min-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-sidebar-primary-foreground { min-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-sidebar-primary-foreground { min-height: var(--color-sidebar-primary-foreground); } }
.max-w-color-sidebar-primary-foreground { max-width: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-sidebar-primary-foreground { max-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-sidebar-primary-foreground { max-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-sidebar-primary-foreground { max-width: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-sidebar-primary-foreground { max-width: var(--color-sidebar-primary-foreground); } }
.max-h-color-sidebar-primary-foreground { max-height: var(--color-sidebar-primary-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-sidebar-primary-foreground { max-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-sidebar-primary-foreground { max-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-sidebar-primary-foreground { max-height: var(--color-sidebar-primary-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-sidebar-primary-foreground { max-height: var(--color-sidebar-primary-foreground); } }
.bg-color-sidebar-accent { background-color: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:bg-color-sidebar-accent { background-color: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:bg-color-sidebar-accent { background-color: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:bg-color-sidebar-accent { background-color: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:bg-color-sidebar-accent { background-color: var(--color-sidebar-accent); } }
.border-color-color-sidebar-accent { border-color: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:border-color-color-sidebar-accent { border-color: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:border-color-color-sidebar-accent { border-color: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:border-color-color-sidebar-accent { border-color: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:border-color-color-sidebar-accent { border-color: var(--color-sidebar-accent); } }
.rounded-color-sidebar-accent { border-radius: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:rounded-color-sidebar-accent { border-radius: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:rounded-color-sidebar-accent { border-radius: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:rounded-color-sidebar-accent { border-radius: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:rounded-color-sidebar-accent { border-radius: var(--color-sidebar-accent); } }
.border-style-color-sidebar-accent { border-style: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:border-style-color-sidebar-accent { border-style: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:border-style-color-sidebar-accent { border-style: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:border-style-color-sidebar-accent { border-style: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:border-style-color-sidebar-accent { border-style: var(--color-sidebar-accent); } }
.border-width-color-sidebar-accent { border-width: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:border-width-color-sidebar-accent { border-width: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:border-width-color-sidebar-accent { border-width: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:border-width-color-sidebar-accent { border-width: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:border-width-color-sidebar-accent { border-width: var(--color-sidebar-accent); } }
.text-color-sidebar-accent { color: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:text-color-sidebar-accent { color: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:text-color-sidebar-accent { color: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:text-color-sidebar-accent { color: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:text-color-sidebar-accent { color: var(--color-sidebar-accent); } }
.font-color-sidebar-accent { font-family: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:font-color-sidebar-accent { font-family: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:font-color-sidebar-accent { font-family: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:font-color-sidebar-accent { font-family: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:font-color-sidebar-accent { font-family: var(--color-sidebar-accent); } }
.text-size-color-sidebar-accent { font-size: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:text-size-color-sidebar-accent { font-size: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:text-size-color-sidebar-accent { font-size: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:text-size-color-sidebar-accent { font-size: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:text-size-color-sidebar-accent { font-size: var(--color-sidebar-accent); } }
.font-weight-color-sidebar-accent { font-weight: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:font-weight-color-sidebar-accent { font-weight: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:font-weight-color-sidebar-accent { font-weight: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:font-weight-color-sidebar-accent { font-weight: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:font-weight-color-sidebar-accent { font-weight: var(--color-sidebar-accent); } }
.text-align-color-sidebar-accent { text-align: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:text-align-color-sidebar-accent { text-align: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:text-align-color-sidebar-accent { text-align: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:text-align-color-sidebar-accent { text-align: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:text-align-color-sidebar-accent { text-align: var(--color-sidebar-accent); } }
.leading-color-sidebar-accent { line-height: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:leading-color-sidebar-accent { line-height: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:leading-color-sidebar-accent { line-height: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:leading-color-sidebar-accent { line-height: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:leading-color-sidebar-accent { line-height: var(--color-sidebar-accent); } }
.tracking-color-sidebar-accent { letter-spacing: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:tracking-color-sidebar-accent { letter-spacing: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:tracking-color-sidebar-accent { letter-spacing: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:tracking-color-sidebar-accent { letter-spacing: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:tracking-color-sidebar-accent { letter-spacing: var(--color-sidebar-accent); } }
.text-transform-color-sidebar-accent { text-transform: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:text-transform-color-sidebar-accent { text-transform: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:text-transform-color-sidebar-accent { text-transform: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:text-transform-color-sidebar-accent { text-transform: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:text-transform-color-sidebar-accent { text-transform: var(--color-sidebar-accent); } }
.font-style-color-sidebar-accent { font-style: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:font-style-color-sidebar-accent { font-style: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:font-style-color-sidebar-accent { font-style: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:font-style-color-sidebar-accent { font-style: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:font-style-color-sidebar-accent { font-style: var(--color-sidebar-accent); } }
.decoration-color-sidebar-accent { text-decoration-line: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:decoration-color-sidebar-accent { text-decoration-line: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:decoration-color-sidebar-accent { text-decoration-line: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:decoration-color-sidebar-accent { text-decoration-line: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:decoration-color-sidebar-accent { text-decoration-line: var(--color-sidebar-accent); } }
.display-color-sidebar-accent { display: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:display-color-sidebar-accent { display: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:display-color-sidebar-accent { display: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:display-color-sidebar-accent { display: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:display-color-sidebar-accent { display: var(--color-sidebar-accent); } }
.flex-direction-color-sidebar-accent { flex-direction: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:flex-direction-color-sidebar-accent { flex-direction: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:flex-direction-color-sidebar-accent { flex-direction: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-sidebar-accent { flex-direction: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-sidebar-accent { flex-direction: var(--color-sidebar-accent); } }
.flex-wrap-color-sidebar-accent { flex-wrap: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:flex-wrap-color-sidebar-accent { flex-wrap: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:flex-wrap-color-sidebar-accent { flex-wrap: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-sidebar-accent { flex-wrap: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-sidebar-accent { flex-wrap: var(--color-sidebar-accent); } }
.justify-color-sidebar-accent { justify-content: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:justify-color-sidebar-accent { justify-content: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:justify-color-sidebar-accent { justify-content: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:justify-color-sidebar-accent { justify-content: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:justify-color-sidebar-accent { justify-content: var(--color-sidebar-accent); } }
.items-color-sidebar-accent { align-items: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:items-color-sidebar-accent { align-items: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:items-color-sidebar-accent { align-items: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:items-color-sidebar-accent { align-items: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:items-color-sidebar-accent { align-items: var(--color-sidebar-accent); } }
.self-color-sidebar-accent { align-self: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:self-color-sidebar-accent { align-self: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:self-color-sidebar-accent { align-self: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:self-color-sidebar-accent { align-self: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:self-color-sidebar-accent { align-self: var(--color-sidebar-accent); } }
.flex-color-sidebar-accent { flex: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:flex-color-sidebar-accent { flex: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:flex-color-sidebar-accent { flex: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:flex-color-sidebar-accent { flex: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:flex-color-sidebar-accent { flex: var(--color-sidebar-accent); } }
.grow-color-sidebar-accent { flex-grow: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:grow-color-sidebar-accent { flex-grow: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:grow-color-sidebar-accent { flex-grow: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:grow-color-sidebar-accent { flex-grow: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:grow-color-sidebar-accent { flex-grow: var(--color-sidebar-accent); } }
.shrink-color-sidebar-accent { flex-shrink: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:shrink-color-sidebar-accent { flex-shrink: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:shrink-color-sidebar-accent { flex-shrink: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:shrink-color-sidebar-accent { flex-shrink: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:shrink-color-sidebar-accent { flex-shrink: var(--color-sidebar-accent); } }
.basis-color-sidebar-accent { flex-basis: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:basis-color-sidebar-accent { flex-basis: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:basis-color-sidebar-accent { flex-basis: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:basis-color-sidebar-accent { flex-basis: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:basis-color-sidebar-accent { flex-basis: var(--color-sidebar-accent); } }
.order-color-sidebar-accent { order: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:order-color-sidebar-accent { order: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:order-color-sidebar-accent { order: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:order-color-sidebar-accent { order: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:order-color-sidebar-accent { order: var(--color-sidebar-accent); } }
.overflow-color-sidebar-accent { overflow: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:overflow-color-sidebar-accent { overflow: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:overflow-color-sidebar-accent { overflow: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:overflow-color-sidebar-accent { overflow: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:overflow-color-sidebar-accent { overflow: var(--color-sidebar-accent); } }
.overflow-x-color-sidebar-accent { overflow-x: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:overflow-x-color-sidebar-accent { overflow-x: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:overflow-x-color-sidebar-accent { overflow-x: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-sidebar-accent { overflow-x: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-sidebar-accent { overflow-x: var(--color-sidebar-accent); } }
.overflow-y-color-sidebar-accent { overflow-y: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:overflow-y-color-sidebar-accent { overflow-y: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:overflow-y-color-sidebar-accent { overflow-y: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-sidebar-accent { overflow-y: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-sidebar-accent { overflow-y: var(--color-sidebar-accent); } }
.p-color-sidebar-accent { padding: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:p-color-sidebar-accent { padding: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:p-color-sidebar-accent { padding: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:p-color-sidebar-accent { padding: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:p-color-sidebar-accent { padding: var(--color-sidebar-accent); } }
.pt-color-sidebar-accent { padding-top: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:pt-color-sidebar-accent { padding-top: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:pt-color-sidebar-accent { padding-top: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:pt-color-sidebar-accent { padding-top: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:pt-color-sidebar-accent { padding-top: var(--color-sidebar-accent); } }
.pr-color-sidebar-accent { padding-right: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:pr-color-sidebar-accent { padding-right: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:pr-color-sidebar-accent { padding-right: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:pr-color-sidebar-accent { padding-right: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:pr-color-sidebar-accent { padding-right: var(--color-sidebar-accent); } }
.pb-color-sidebar-accent { padding-bottom: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:pb-color-sidebar-accent { padding-bottom: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:pb-color-sidebar-accent { padding-bottom: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:pb-color-sidebar-accent { padding-bottom: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:pb-color-sidebar-accent { padding-bottom: var(--color-sidebar-accent); } }
.pl-color-sidebar-accent { padding-left: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:pl-color-sidebar-accent { padding-left: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:pl-color-sidebar-accent { padding-left: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:pl-color-sidebar-accent { padding-left: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:pl-color-sidebar-accent { padding-left: var(--color-sidebar-accent); } }
.m-color-sidebar-accent { margin: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:m-color-sidebar-accent { margin: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:m-color-sidebar-accent { margin: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:m-color-sidebar-accent { margin: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:m-color-sidebar-accent { margin: var(--color-sidebar-accent); } }
.mt-color-sidebar-accent { margin-top: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:mt-color-sidebar-accent { margin-top: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:mt-color-sidebar-accent { margin-top: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:mt-color-sidebar-accent { margin-top: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:mt-color-sidebar-accent { margin-top: var(--color-sidebar-accent); } }
.mr-color-sidebar-accent { margin-right: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:mr-color-sidebar-accent { margin-right: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:mr-color-sidebar-accent { margin-right: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:mr-color-sidebar-accent { margin-right: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:mr-color-sidebar-accent { margin-right: var(--color-sidebar-accent); } }
.mb-color-sidebar-accent { margin-bottom: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:mb-color-sidebar-accent { margin-bottom: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:mb-color-sidebar-accent { margin-bottom: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:mb-color-sidebar-accent { margin-bottom: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:mb-color-sidebar-accent { margin-bottom: var(--color-sidebar-accent); } }
.ml-color-sidebar-accent { margin-left: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:ml-color-sidebar-accent { margin-left: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:ml-color-sidebar-accent { margin-left: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:ml-color-sidebar-accent { margin-left: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:ml-color-sidebar-accent { margin-left: var(--color-sidebar-accent); } }
.gap-color-sidebar-accent { gap: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:gap-color-sidebar-accent { gap: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:gap-color-sidebar-accent { gap: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:gap-color-sidebar-accent { gap: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:gap-color-sidebar-accent { gap: var(--color-sidebar-accent); } }
.w-color-sidebar-accent { width: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:w-color-sidebar-accent { width: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:w-color-sidebar-accent { width: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:w-color-sidebar-accent { width: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:w-color-sidebar-accent { width: var(--color-sidebar-accent); } }
.h-color-sidebar-accent { height: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:h-color-sidebar-accent { height: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:h-color-sidebar-accent { height: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:h-color-sidebar-accent { height: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:h-color-sidebar-accent { height: var(--color-sidebar-accent); } }
.aspect-color-sidebar-accent { aspect-ratio: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:aspect-color-sidebar-accent { aspect-ratio: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:aspect-color-sidebar-accent { aspect-ratio: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:aspect-color-sidebar-accent { aspect-ratio: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:aspect-color-sidebar-accent { aspect-ratio: var(--color-sidebar-accent); } }
.min-w-color-sidebar-accent { min-width: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:min-w-color-sidebar-accent { min-width: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:min-w-color-sidebar-accent { min-width: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:min-w-color-sidebar-accent { min-width: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:min-w-color-sidebar-accent { min-width: var(--color-sidebar-accent); } }
.min-h-color-sidebar-accent { min-height: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:min-h-color-sidebar-accent { min-height: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:min-h-color-sidebar-accent { min-height: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:min-h-color-sidebar-accent { min-height: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:min-h-color-sidebar-accent { min-height: var(--color-sidebar-accent); } }
.max-w-color-sidebar-accent { max-width: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:max-w-color-sidebar-accent { max-width: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:max-w-color-sidebar-accent { max-width: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:max-w-color-sidebar-accent { max-width: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:max-w-color-sidebar-accent { max-width: var(--color-sidebar-accent); } }
.max-h-color-sidebar-accent { max-height: var(--color-sidebar-accent); }
@media (min-width: 640px) { .sm\:max-h-color-sidebar-accent { max-height: var(--color-sidebar-accent); } }
@media (min-width: 768px) { .md\:max-h-color-sidebar-accent { max-height: var(--color-sidebar-accent); } }
@media (min-width: 1024px) { .lg\:max-h-color-sidebar-accent { max-height: var(--color-sidebar-accent); } }
@media (min-width: 1280px) { .xl\:max-h-color-sidebar-accent { max-height: var(--color-sidebar-accent); } }
.bg-color-sidebar-accent-foreground { background-color: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:bg-color-sidebar-accent-foreground { background-color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:bg-color-sidebar-accent-foreground { background-color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:bg-color-sidebar-accent-foreground { background-color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:bg-color-sidebar-accent-foreground { background-color: var(--color-sidebar-accent-foreground); } }
.border-color-color-sidebar-accent-foreground { border-color: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:border-color-color-sidebar-accent-foreground { border-color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:border-color-color-sidebar-accent-foreground { border-color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:border-color-color-sidebar-accent-foreground { border-color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:border-color-color-sidebar-accent-foreground { border-color: var(--color-sidebar-accent-foreground); } }
.rounded-color-sidebar-accent-foreground { border-radius: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:rounded-color-sidebar-accent-foreground { border-radius: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:rounded-color-sidebar-accent-foreground { border-radius: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:rounded-color-sidebar-accent-foreground { border-radius: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:rounded-color-sidebar-accent-foreground { border-radius: var(--color-sidebar-accent-foreground); } }
.border-style-color-sidebar-accent-foreground { border-style: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:border-style-color-sidebar-accent-foreground { border-style: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:border-style-color-sidebar-accent-foreground { border-style: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:border-style-color-sidebar-accent-foreground { border-style: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:border-style-color-sidebar-accent-foreground { border-style: var(--color-sidebar-accent-foreground); } }
.border-width-color-sidebar-accent-foreground { border-width: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:border-width-color-sidebar-accent-foreground { border-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:border-width-color-sidebar-accent-foreground { border-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:border-width-color-sidebar-accent-foreground { border-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:border-width-color-sidebar-accent-foreground { border-width: var(--color-sidebar-accent-foreground); } }
.text-color-sidebar-accent-foreground { color: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:text-color-sidebar-accent-foreground { color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:text-color-sidebar-accent-foreground { color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:text-color-sidebar-accent-foreground { color: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:text-color-sidebar-accent-foreground { color: var(--color-sidebar-accent-foreground); } }
.font-color-sidebar-accent-foreground { font-family: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:font-color-sidebar-accent-foreground { font-family: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:font-color-sidebar-accent-foreground { font-family: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:font-color-sidebar-accent-foreground { font-family: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:font-color-sidebar-accent-foreground { font-family: var(--color-sidebar-accent-foreground); } }
.text-size-color-sidebar-accent-foreground { font-size: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:text-size-color-sidebar-accent-foreground { font-size: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:text-size-color-sidebar-accent-foreground { font-size: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:text-size-color-sidebar-accent-foreground { font-size: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:text-size-color-sidebar-accent-foreground { font-size: var(--color-sidebar-accent-foreground); } }
.font-weight-color-sidebar-accent-foreground { font-weight: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:font-weight-color-sidebar-accent-foreground { font-weight: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:font-weight-color-sidebar-accent-foreground { font-weight: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:font-weight-color-sidebar-accent-foreground { font-weight: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:font-weight-color-sidebar-accent-foreground { font-weight: var(--color-sidebar-accent-foreground); } }
.text-align-color-sidebar-accent-foreground { text-align: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:text-align-color-sidebar-accent-foreground { text-align: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:text-align-color-sidebar-accent-foreground { text-align: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:text-align-color-sidebar-accent-foreground { text-align: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:text-align-color-sidebar-accent-foreground { text-align: var(--color-sidebar-accent-foreground); } }
.leading-color-sidebar-accent-foreground { line-height: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:leading-color-sidebar-accent-foreground { line-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:leading-color-sidebar-accent-foreground { line-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:leading-color-sidebar-accent-foreground { line-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:leading-color-sidebar-accent-foreground { line-height: var(--color-sidebar-accent-foreground); } }
.tracking-color-sidebar-accent-foreground { letter-spacing: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:tracking-color-sidebar-accent-foreground { letter-spacing: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:tracking-color-sidebar-accent-foreground { letter-spacing: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:tracking-color-sidebar-accent-foreground { letter-spacing: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:tracking-color-sidebar-accent-foreground { letter-spacing: var(--color-sidebar-accent-foreground); } }
.text-transform-color-sidebar-accent-foreground { text-transform: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:text-transform-color-sidebar-accent-foreground { text-transform: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:text-transform-color-sidebar-accent-foreground { text-transform: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:text-transform-color-sidebar-accent-foreground { text-transform: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:text-transform-color-sidebar-accent-foreground { text-transform: var(--color-sidebar-accent-foreground); } }
.font-style-color-sidebar-accent-foreground { font-style: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:font-style-color-sidebar-accent-foreground { font-style: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:font-style-color-sidebar-accent-foreground { font-style: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:font-style-color-sidebar-accent-foreground { font-style: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:font-style-color-sidebar-accent-foreground { font-style: var(--color-sidebar-accent-foreground); } }
.decoration-color-sidebar-accent-foreground { text-decoration-line: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:decoration-color-sidebar-accent-foreground { text-decoration-line: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:decoration-color-sidebar-accent-foreground { text-decoration-line: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:decoration-color-sidebar-accent-foreground { text-decoration-line: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:decoration-color-sidebar-accent-foreground { text-decoration-line: var(--color-sidebar-accent-foreground); } }
.display-color-sidebar-accent-foreground { display: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:display-color-sidebar-accent-foreground { display: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:display-color-sidebar-accent-foreground { display: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:display-color-sidebar-accent-foreground { display: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:display-color-sidebar-accent-foreground { display: var(--color-sidebar-accent-foreground); } }
.flex-direction-color-sidebar-accent-foreground { flex-direction: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:flex-direction-color-sidebar-accent-foreground { flex-direction: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:flex-direction-color-sidebar-accent-foreground { flex-direction: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-sidebar-accent-foreground { flex-direction: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-sidebar-accent-foreground { flex-direction: var(--color-sidebar-accent-foreground); } }
.flex-wrap-color-sidebar-accent-foreground { flex-wrap: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:flex-wrap-color-sidebar-accent-foreground { flex-wrap: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:flex-wrap-color-sidebar-accent-foreground { flex-wrap: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-sidebar-accent-foreground { flex-wrap: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-sidebar-accent-foreground { flex-wrap: var(--color-sidebar-accent-foreground); } }
.justify-color-sidebar-accent-foreground { justify-content: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:justify-color-sidebar-accent-foreground { justify-content: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:justify-color-sidebar-accent-foreground { justify-content: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:justify-color-sidebar-accent-foreground { justify-content: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:justify-color-sidebar-accent-foreground { justify-content: var(--color-sidebar-accent-foreground); } }
.items-color-sidebar-accent-foreground { align-items: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:items-color-sidebar-accent-foreground { align-items: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:items-color-sidebar-accent-foreground { align-items: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:items-color-sidebar-accent-foreground { align-items: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:items-color-sidebar-accent-foreground { align-items: var(--color-sidebar-accent-foreground); } }
.self-color-sidebar-accent-foreground { align-self: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:self-color-sidebar-accent-foreground { align-self: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:self-color-sidebar-accent-foreground { align-self: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:self-color-sidebar-accent-foreground { align-self: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:self-color-sidebar-accent-foreground { align-self: var(--color-sidebar-accent-foreground); } }
.flex-color-sidebar-accent-foreground { flex: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:flex-color-sidebar-accent-foreground { flex: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:flex-color-sidebar-accent-foreground { flex: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:flex-color-sidebar-accent-foreground { flex: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:flex-color-sidebar-accent-foreground { flex: var(--color-sidebar-accent-foreground); } }
.grow-color-sidebar-accent-foreground { flex-grow: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:grow-color-sidebar-accent-foreground { flex-grow: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:grow-color-sidebar-accent-foreground { flex-grow: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:grow-color-sidebar-accent-foreground { flex-grow: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:grow-color-sidebar-accent-foreground { flex-grow: var(--color-sidebar-accent-foreground); } }
.shrink-color-sidebar-accent-foreground { flex-shrink: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:shrink-color-sidebar-accent-foreground { flex-shrink: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:shrink-color-sidebar-accent-foreground { flex-shrink: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:shrink-color-sidebar-accent-foreground { flex-shrink: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:shrink-color-sidebar-accent-foreground { flex-shrink: var(--color-sidebar-accent-foreground); } }
.basis-color-sidebar-accent-foreground { flex-basis: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:basis-color-sidebar-accent-foreground { flex-basis: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:basis-color-sidebar-accent-foreground { flex-basis: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:basis-color-sidebar-accent-foreground { flex-basis: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:basis-color-sidebar-accent-foreground { flex-basis: var(--color-sidebar-accent-foreground); } }
.order-color-sidebar-accent-foreground { order: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:order-color-sidebar-accent-foreground { order: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:order-color-sidebar-accent-foreground { order: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:order-color-sidebar-accent-foreground { order: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:order-color-sidebar-accent-foreground { order: var(--color-sidebar-accent-foreground); } }
.overflow-color-sidebar-accent-foreground { overflow: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:overflow-color-sidebar-accent-foreground { overflow: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:overflow-color-sidebar-accent-foreground { overflow: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-color-sidebar-accent-foreground { overflow: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-color-sidebar-accent-foreground { overflow: var(--color-sidebar-accent-foreground); } }
.overflow-x-color-sidebar-accent-foreground { overflow-x: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:overflow-x-color-sidebar-accent-foreground { overflow-x: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:overflow-x-color-sidebar-accent-foreground { overflow-x: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-sidebar-accent-foreground { overflow-x: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-sidebar-accent-foreground { overflow-x: var(--color-sidebar-accent-foreground); } }
.overflow-y-color-sidebar-accent-foreground { overflow-y: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:overflow-y-color-sidebar-accent-foreground { overflow-y: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:overflow-y-color-sidebar-accent-foreground { overflow-y: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-sidebar-accent-foreground { overflow-y: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-sidebar-accent-foreground { overflow-y: var(--color-sidebar-accent-foreground); } }
.p-color-sidebar-accent-foreground { padding: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:p-color-sidebar-accent-foreground { padding: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:p-color-sidebar-accent-foreground { padding: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:p-color-sidebar-accent-foreground { padding: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:p-color-sidebar-accent-foreground { padding: var(--color-sidebar-accent-foreground); } }
.pt-color-sidebar-accent-foreground { padding-top: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:pt-color-sidebar-accent-foreground { padding-top: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:pt-color-sidebar-accent-foreground { padding-top: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:pt-color-sidebar-accent-foreground { padding-top: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:pt-color-sidebar-accent-foreground { padding-top: var(--color-sidebar-accent-foreground); } }
.pr-color-sidebar-accent-foreground { padding-right: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:pr-color-sidebar-accent-foreground { padding-right: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:pr-color-sidebar-accent-foreground { padding-right: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:pr-color-sidebar-accent-foreground { padding-right: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:pr-color-sidebar-accent-foreground { padding-right: var(--color-sidebar-accent-foreground); } }
.pb-color-sidebar-accent-foreground { padding-bottom: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:pb-color-sidebar-accent-foreground { padding-bottom: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:pb-color-sidebar-accent-foreground { padding-bottom: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:pb-color-sidebar-accent-foreground { padding-bottom: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:pb-color-sidebar-accent-foreground { padding-bottom: var(--color-sidebar-accent-foreground); } }
.pl-color-sidebar-accent-foreground { padding-left: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:pl-color-sidebar-accent-foreground { padding-left: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:pl-color-sidebar-accent-foreground { padding-left: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:pl-color-sidebar-accent-foreground { padding-left: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:pl-color-sidebar-accent-foreground { padding-left: var(--color-sidebar-accent-foreground); } }
.m-color-sidebar-accent-foreground { margin: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:m-color-sidebar-accent-foreground { margin: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:m-color-sidebar-accent-foreground { margin: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:m-color-sidebar-accent-foreground { margin: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:m-color-sidebar-accent-foreground { margin: var(--color-sidebar-accent-foreground); } }
.mt-color-sidebar-accent-foreground { margin-top: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:mt-color-sidebar-accent-foreground { margin-top: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:mt-color-sidebar-accent-foreground { margin-top: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:mt-color-sidebar-accent-foreground { margin-top: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:mt-color-sidebar-accent-foreground { margin-top: var(--color-sidebar-accent-foreground); } }
.mr-color-sidebar-accent-foreground { margin-right: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:mr-color-sidebar-accent-foreground { margin-right: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:mr-color-sidebar-accent-foreground { margin-right: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:mr-color-sidebar-accent-foreground { margin-right: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:mr-color-sidebar-accent-foreground { margin-right: var(--color-sidebar-accent-foreground); } }
.mb-color-sidebar-accent-foreground { margin-bottom: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:mb-color-sidebar-accent-foreground { margin-bottom: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:mb-color-sidebar-accent-foreground { margin-bottom: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:mb-color-sidebar-accent-foreground { margin-bottom: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:mb-color-sidebar-accent-foreground { margin-bottom: var(--color-sidebar-accent-foreground); } }
.ml-color-sidebar-accent-foreground { margin-left: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:ml-color-sidebar-accent-foreground { margin-left: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:ml-color-sidebar-accent-foreground { margin-left: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:ml-color-sidebar-accent-foreground { margin-left: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:ml-color-sidebar-accent-foreground { margin-left: var(--color-sidebar-accent-foreground); } }
.gap-color-sidebar-accent-foreground { gap: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:gap-color-sidebar-accent-foreground { gap: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:gap-color-sidebar-accent-foreground { gap: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:gap-color-sidebar-accent-foreground { gap: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:gap-color-sidebar-accent-foreground { gap: var(--color-sidebar-accent-foreground); } }
.w-color-sidebar-accent-foreground { width: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:w-color-sidebar-accent-foreground { width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:w-color-sidebar-accent-foreground { width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:w-color-sidebar-accent-foreground { width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:w-color-sidebar-accent-foreground { width: var(--color-sidebar-accent-foreground); } }
.h-color-sidebar-accent-foreground { height: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:h-color-sidebar-accent-foreground { height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:h-color-sidebar-accent-foreground { height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:h-color-sidebar-accent-foreground { height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:h-color-sidebar-accent-foreground { height: var(--color-sidebar-accent-foreground); } }
.aspect-color-sidebar-accent-foreground { aspect-ratio: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:aspect-color-sidebar-accent-foreground { aspect-ratio: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:aspect-color-sidebar-accent-foreground { aspect-ratio: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:aspect-color-sidebar-accent-foreground { aspect-ratio: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:aspect-color-sidebar-accent-foreground { aspect-ratio: var(--color-sidebar-accent-foreground); } }
.min-w-color-sidebar-accent-foreground { min-width: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:min-w-color-sidebar-accent-foreground { min-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:min-w-color-sidebar-accent-foreground { min-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:min-w-color-sidebar-accent-foreground { min-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:min-w-color-sidebar-accent-foreground { min-width: var(--color-sidebar-accent-foreground); } }
.min-h-color-sidebar-accent-foreground { min-height: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:min-h-color-sidebar-accent-foreground { min-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:min-h-color-sidebar-accent-foreground { min-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:min-h-color-sidebar-accent-foreground { min-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:min-h-color-sidebar-accent-foreground { min-height: var(--color-sidebar-accent-foreground); } }
.max-w-color-sidebar-accent-foreground { max-width: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:max-w-color-sidebar-accent-foreground { max-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:max-w-color-sidebar-accent-foreground { max-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:max-w-color-sidebar-accent-foreground { max-width: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:max-w-color-sidebar-accent-foreground { max-width: var(--color-sidebar-accent-foreground); } }
.max-h-color-sidebar-accent-foreground { max-height: var(--color-sidebar-accent-foreground); }
@media (min-width: 640px) { .sm\:max-h-color-sidebar-accent-foreground { max-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 768px) { .md\:max-h-color-sidebar-accent-foreground { max-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1024px) { .lg\:max-h-color-sidebar-accent-foreground { max-height: var(--color-sidebar-accent-foreground); } }
@media (min-width: 1280px) { .xl\:max-h-color-sidebar-accent-foreground { max-height: var(--color-sidebar-accent-foreground); } }
.bg-color-sidebar-border { background-color: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:bg-color-sidebar-border { background-color: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:bg-color-sidebar-border { background-color: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:bg-color-sidebar-border { background-color: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:bg-color-sidebar-border { background-color: var(--color-sidebar-border); } }
.border-color-color-sidebar-border { border-color: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:border-color-color-sidebar-border { border-color: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:border-color-color-sidebar-border { border-color: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:border-color-color-sidebar-border { border-color: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:border-color-color-sidebar-border { border-color: var(--color-sidebar-border); } }
.rounded-color-sidebar-border { border-radius: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:rounded-color-sidebar-border { border-radius: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:rounded-color-sidebar-border { border-radius: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:rounded-color-sidebar-border { border-radius: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:rounded-color-sidebar-border { border-radius: var(--color-sidebar-border); } }
.border-style-color-sidebar-border { border-style: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:border-style-color-sidebar-border { border-style: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:border-style-color-sidebar-border { border-style: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:border-style-color-sidebar-border { border-style: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:border-style-color-sidebar-border { border-style: var(--color-sidebar-border); } }
.border-width-color-sidebar-border { border-width: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:border-width-color-sidebar-border { border-width: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:border-width-color-sidebar-border { border-width: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:border-width-color-sidebar-border { border-width: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:border-width-color-sidebar-border { border-width: var(--color-sidebar-border); } }
.text-color-sidebar-border { color: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:text-color-sidebar-border { color: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:text-color-sidebar-border { color: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:text-color-sidebar-border { color: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:text-color-sidebar-border { color: var(--color-sidebar-border); } }
.font-color-sidebar-border { font-family: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:font-color-sidebar-border { font-family: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:font-color-sidebar-border { font-family: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:font-color-sidebar-border { font-family: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:font-color-sidebar-border { font-family: var(--color-sidebar-border); } }
.text-size-color-sidebar-border { font-size: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:text-size-color-sidebar-border { font-size: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:text-size-color-sidebar-border { font-size: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:text-size-color-sidebar-border { font-size: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:text-size-color-sidebar-border { font-size: var(--color-sidebar-border); } }
.font-weight-color-sidebar-border { font-weight: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:font-weight-color-sidebar-border { font-weight: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:font-weight-color-sidebar-border { font-weight: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:font-weight-color-sidebar-border { font-weight: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:font-weight-color-sidebar-border { font-weight: var(--color-sidebar-border); } }
.text-align-color-sidebar-border { text-align: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:text-align-color-sidebar-border { text-align: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:text-align-color-sidebar-border { text-align: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:text-align-color-sidebar-border { text-align: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:text-align-color-sidebar-border { text-align: var(--color-sidebar-border); } }
.leading-color-sidebar-border { line-height: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:leading-color-sidebar-border { line-height: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:leading-color-sidebar-border { line-height: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:leading-color-sidebar-border { line-height: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:leading-color-sidebar-border { line-height: var(--color-sidebar-border); } }
.tracking-color-sidebar-border { letter-spacing: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:tracking-color-sidebar-border { letter-spacing: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:tracking-color-sidebar-border { letter-spacing: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:tracking-color-sidebar-border { letter-spacing: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:tracking-color-sidebar-border { letter-spacing: var(--color-sidebar-border); } }
.text-transform-color-sidebar-border { text-transform: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:text-transform-color-sidebar-border { text-transform: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:text-transform-color-sidebar-border { text-transform: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:text-transform-color-sidebar-border { text-transform: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:text-transform-color-sidebar-border { text-transform: var(--color-sidebar-border); } }
.font-style-color-sidebar-border { font-style: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:font-style-color-sidebar-border { font-style: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:font-style-color-sidebar-border { font-style: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:font-style-color-sidebar-border { font-style: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:font-style-color-sidebar-border { font-style: var(--color-sidebar-border); } }
.decoration-color-sidebar-border { text-decoration-line: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:decoration-color-sidebar-border { text-decoration-line: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:decoration-color-sidebar-border { text-decoration-line: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:decoration-color-sidebar-border { text-decoration-line: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:decoration-color-sidebar-border { text-decoration-line: var(--color-sidebar-border); } }
.display-color-sidebar-border { display: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:display-color-sidebar-border { display: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:display-color-sidebar-border { display: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:display-color-sidebar-border { display: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:display-color-sidebar-border { display: var(--color-sidebar-border); } }
.flex-direction-color-sidebar-border { flex-direction: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:flex-direction-color-sidebar-border { flex-direction: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:flex-direction-color-sidebar-border { flex-direction: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-sidebar-border { flex-direction: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-sidebar-border { flex-direction: var(--color-sidebar-border); } }
.flex-wrap-color-sidebar-border { flex-wrap: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:flex-wrap-color-sidebar-border { flex-wrap: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:flex-wrap-color-sidebar-border { flex-wrap: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-sidebar-border { flex-wrap: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-sidebar-border { flex-wrap: var(--color-sidebar-border); } }
.justify-color-sidebar-border { justify-content: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:justify-color-sidebar-border { justify-content: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:justify-color-sidebar-border { justify-content: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:justify-color-sidebar-border { justify-content: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:justify-color-sidebar-border { justify-content: var(--color-sidebar-border); } }
.items-color-sidebar-border { align-items: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:items-color-sidebar-border { align-items: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:items-color-sidebar-border { align-items: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:items-color-sidebar-border { align-items: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:items-color-sidebar-border { align-items: var(--color-sidebar-border); } }
.self-color-sidebar-border { align-self: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:self-color-sidebar-border { align-self: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:self-color-sidebar-border { align-self: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:self-color-sidebar-border { align-self: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:self-color-sidebar-border { align-self: var(--color-sidebar-border); } }
.flex-color-sidebar-border { flex: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:flex-color-sidebar-border { flex: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:flex-color-sidebar-border { flex: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:flex-color-sidebar-border { flex: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:flex-color-sidebar-border { flex: var(--color-sidebar-border); } }
.grow-color-sidebar-border { flex-grow: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:grow-color-sidebar-border { flex-grow: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:grow-color-sidebar-border { flex-grow: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:grow-color-sidebar-border { flex-grow: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:grow-color-sidebar-border { flex-grow: var(--color-sidebar-border); } }
.shrink-color-sidebar-border { flex-shrink: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:shrink-color-sidebar-border { flex-shrink: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:shrink-color-sidebar-border { flex-shrink: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:shrink-color-sidebar-border { flex-shrink: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:shrink-color-sidebar-border { flex-shrink: var(--color-sidebar-border); } }
.basis-color-sidebar-border { flex-basis: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:basis-color-sidebar-border { flex-basis: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:basis-color-sidebar-border { flex-basis: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:basis-color-sidebar-border { flex-basis: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:basis-color-sidebar-border { flex-basis: var(--color-sidebar-border); } }
.order-color-sidebar-border { order: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:order-color-sidebar-border { order: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:order-color-sidebar-border { order: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:order-color-sidebar-border { order: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:order-color-sidebar-border { order: var(--color-sidebar-border); } }
.overflow-color-sidebar-border { overflow: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:overflow-color-sidebar-border { overflow: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:overflow-color-sidebar-border { overflow: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:overflow-color-sidebar-border { overflow: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:overflow-color-sidebar-border { overflow: var(--color-sidebar-border); } }
.overflow-x-color-sidebar-border { overflow-x: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:overflow-x-color-sidebar-border { overflow-x: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:overflow-x-color-sidebar-border { overflow-x: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-sidebar-border { overflow-x: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-sidebar-border { overflow-x: var(--color-sidebar-border); } }
.overflow-y-color-sidebar-border { overflow-y: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:overflow-y-color-sidebar-border { overflow-y: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:overflow-y-color-sidebar-border { overflow-y: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-sidebar-border { overflow-y: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-sidebar-border { overflow-y: var(--color-sidebar-border); } }
.p-color-sidebar-border { padding: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:p-color-sidebar-border { padding: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:p-color-sidebar-border { padding: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:p-color-sidebar-border { padding: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:p-color-sidebar-border { padding: var(--color-sidebar-border); } }
.pt-color-sidebar-border { padding-top: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:pt-color-sidebar-border { padding-top: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:pt-color-sidebar-border { padding-top: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:pt-color-sidebar-border { padding-top: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:pt-color-sidebar-border { padding-top: var(--color-sidebar-border); } }
.pr-color-sidebar-border { padding-right: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:pr-color-sidebar-border { padding-right: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:pr-color-sidebar-border { padding-right: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:pr-color-sidebar-border { padding-right: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:pr-color-sidebar-border { padding-right: var(--color-sidebar-border); } }
.pb-color-sidebar-border { padding-bottom: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:pb-color-sidebar-border { padding-bottom: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:pb-color-sidebar-border { padding-bottom: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:pb-color-sidebar-border { padding-bottom: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:pb-color-sidebar-border { padding-bottom: var(--color-sidebar-border); } }
.pl-color-sidebar-border { padding-left: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:pl-color-sidebar-border { padding-left: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:pl-color-sidebar-border { padding-left: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:pl-color-sidebar-border { padding-left: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:pl-color-sidebar-border { padding-left: var(--color-sidebar-border); } }
.m-color-sidebar-border { margin: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:m-color-sidebar-border { margin: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:m-color-sidebar-border { margin: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:m-color-sidebar-border { margin: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:m-color-sidebar-border { margin: var(--color-sidebar-border); } }
.mt-color-sidebar-border { margin-top: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:mt-color-sidebar-border { margin-top: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:mt-color-sidebar-border { margin-top: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:mt-color-sidebar-border { margin-top: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:mt-color-sidebar-border { margin-top: var(--color-sidebar-border); } }
.mr-color-sidebar-border { margin-right: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:mr-color-sidebar-border { margin-right: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:mr-color-sidebar-border { margin-right: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:mr-color-sidebar-border { margin-right: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:mr-color-sidebar-border { margin-right: var(--color-sidebar-border); } }
.mb-color-sidebar-border { margin-bottom: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:mb-color-sidebar-border { margin-bottom: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:mb-color-sidebar-border { margin-bottom: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:mb-color-sidebar-border { margin-bottom: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:mb-color-sidebar-border { margin-bottom: var(--color-sidebar-border); } }
.ml-color-sidebar-border { margin-left: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:ml-color-sidebar-border { margin-left: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:ml-color-sidebar-border { margin-left: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:ml-color-sidebar-border { margin-left: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:ml-color-sidebar-border { margin-left: var(--color-sidebar-border); } }
.gap-color-sidebar-border { gap: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:gap-color-sidebar-border { gap: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:gap-color-sidebar-border { gap: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:gap-color-sidebar-border { gap: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:gap-color-sidebar-border { gap: var(--color-sidebar-border); } }
.w-color-sidebar-border { width: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:w-color-sidebar-border { width: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:w-color-sidebar-border { width: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:w-color-sidebar-border { width: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:w-color-sidebar-border { width: var(--color-sidebar-border); } }
.h-color-sidebar-border { height: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:h-color-sidebar-border { height: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:h-color-sidebar-border { height: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:h-color-sidebar-border { height: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:h-color-sidebar-border { height: var(--color-sidebar-border); } }
.aspect-color-sidebar-border { aspect-ratio: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:aspect-color-sidebar-border { aspect-ratio: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:aspect-color-sidebar-border { aspect-ratio: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:aspect-color-sidebar-border { aspect-ratio: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:aspect-color-sidebar-border { aspect-ratio: var(--color-sidebar-border); } }
.min-w-color-sidebar-border { min-width: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:min-w-color-sidebar-border { min-width: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:min-w-color-sidebar-border { min-width: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:min-w-color-sidebar-border { min-width: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:min-w-color-sidebar-border { min-width: var(--color-sidebar-border); } }
.min-h-color-sidebar-border { min-height: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:min-h-color-sidebar-border { min-height: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:min-h-color-sidebar-border { min-height: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:min-h-color-sidebar-border { min-height: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:min-h-color-sidebar-border { min-height: var(--color-sidebar-border); } }
.max-w-color-sidebar-border { max-width: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:max-w-color-sidebar-border { max-width: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:max-w-color-sidebar-border { max-width: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:max-w-color-sidebar-border { max-width: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:max-w-color-sidebar-border { max-width: var(--color-sidebar-border); } }
.max-h-color-sidebar-border { max-height: var(--color-sidebar-border); }
@media (min-width: 640px) { .sm\:max-h-color-sidebar-border { max-height: var(--color-sidebar-border); } }
@media (min-width: 768px) { .md\:max-h-color-sidebar-border { max-height: var(--color-sidebar-border); } }
@media (min-width: 1024px) { .lg\:max-h-color-sidebar-border { max-height: var(--color-sidebar-border); } }
@media (min-width: 1280px) { .xl\:max-h-color-sidebar-border { max-height: var(--color-sidebar-border); } }
.bg-color-sidebar-ring { background-color: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:bg-color-sidebar-ring { background-color: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:bg-color-sidebar-ring { background-color: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:bg-color-sidebar-ring { background-color: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:bg-color-sidebar-ring { background-color: var(--color-sidebar-ring); } }
.border-color-color-sidebar-ring { border-color: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:border-color-color-sidebar-ring { border-color: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:border-color-color-sidebar-ring { border-color: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:border-color-color-sidebar-ring { border-color: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:border-color-color-sidebar-ring { border-color: var(--color-sidebar-ring); } }
.rounded-color-sidebar-ring { border-radius: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:rounded-color-sidebar-ring { border-radius: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:rounded-color-sidebar-ring { border-radius: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:rounded-color-sidebar-ring { border-radius: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:rounded-color-sidebar-ring { border-radius: var(--color-sidebar-ring); } }
.border-style-color-sidebar-ring { border-style: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:border-style-color-sidebar-ring { border-style: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:border-style-color-sidebar-ring { border-style: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:border-style-color-sidebar-ring { border-style: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:border-style-color-sidebar-ring { border-style: var(--color-sidebar-ring); } }
.border-width-color-sidebar-ring { border-width: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:border-width-color-sidebar-ring { border-width: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:border-width-color-sidebar-ring { border-width: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:border-width-color-sidebar-ring { border-width: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:border-width-color-sidebar-ring { border-width: var(--color-sidebar-ring); } }
.text-color-sidebar-ring { color: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:text-color-sidebar-ring { color: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:text-color-sidebar-ring { color: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:text-color-sidebar-ring { color: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:text-color-sidebar-ring { color: var(--color-sidebar-ring); } }
.font-color-sidebar-ring { font-family: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:font-color-sidebar-ring { font-family: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:font-color-sidebar-ring { font-family: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:font-color-sidebar-ring { font-family: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:font-color-sidebar-ring { font-family: var(--color-sidebar-ring); } }
.text-size-color-sidebar-ring { font-size: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:text-size-color-sidebar-ring { font-size: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:text-size-color-sidebar-ring { font-size: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:text-size-color-sidebar-ring { font-size: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:text-size-color-sidebar-ring { font-size: var(--color-sidebar-ring); } }
.font-weight-color-sidebar-ring { font-weight: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:font-weight-color-sidebar-ring { font-weight: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:font-weight-color-sidebar-ring { font-weight: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:font-weight-color-sidebar-ring { font-weight: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:font-weight-color-sidebar-ring { font-weight: var(--color-sidebar-ring); } }
.text-align-color-sidebar-ring { text-align: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:text-align-color-sidebar-ring { text-align: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:text-align-color-sidebar-ring { text-align: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:text-align-color-sidebar-ring { text-align: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:text-align-color-sidebar-ring { text-align: var(--color-sidebar-ring); } }
.leading-color-sidebar-ring { line-height: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:leading-color-sidebar-ring { line-height: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:leading-color-sidebar-ring { line-height: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:leading-color-sidebar-ring { line-height: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:leading-color-sidebar-ring { line-height: var(--color-sidebar-ring); } }
.tracking-color-sidebar-ring { letter-spacing: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:tracking-color-sidebar-ring { letter-spacing: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:tracking-color-sidebar-ring { letter-spacing: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:tracking-color-sidebar-ring { letter-spacing: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:tracking-color-sidebar-ring { letter-spacing: var(--color-sidebar-ring); } }
.text-transform-color-sidebar-ring { text-transform: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:text-transform-color-sidebar-ring { text-transform: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:text-transform-color-sidebar-ring { text-transform: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:text-transform-color-sidebar-ring { text-transform: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:text-transform-color-sidebar-ring { text-transform: var(--color-sidebar-ring); } }
.font-style-color-sidebar-ring { font-style: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:font-style-color-sidebar-ring { font-style: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:font-style-color-sidebar-ring { font-style: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:font-style-color-sidebar-ring { font-style: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:font-style-color-sidebar-ring { font-style: var(--color-sidebar-ring); } }
.decoration-color-sidebar-ring { text-decoration-line: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:decoration-color-sidebar-ring { text-decoration-line: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:decoration-color-sidebar-ring { text-decoration-line: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:decoration-color-sidebar-ring { text-decoration-line: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:decoration-color-sidebar-ring { text-decoration-line: var(--color-sidebar-ring); } }
.display-color-sidebar-ring { display: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:display-color-sidebar-ring { display: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:display-color-sidebar-ring { display: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:display-color-sidebar-ring { display: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:display-color-sidebar-ring { display: var(--color-sidebar-ring); } }
.flex-direction-color-sidebar-ring { flex-direction: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:flex-direction-color-sidebar-ring { flex-direction: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:flex-direction-color-sidebar-ring { flex-direction: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:flex-direction-color-sidebar-ring { flex-direction: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:flex-direction-color-sidebar-ring { flex-direction: var(--color-sidebar-ring); } }
.flex-wrap-color-sidebar-ring { flex-wrap: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:flex-wrap-color-sidebar-ring { flex-wrap: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:flex-wrap-color-sidebar-ring { flex-wrap: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:flex-wrap-color-sidebar-ring { flex-wrap: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:flex-wrap-color-sidebar-ring { flex-wrap: var(--color-sidebar-ring); } }
.justify-color-sidebar-ring { justify-content: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:justify-color-sidebar-ring { justify-content: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:justify-color-sidebar-ring { justify-content: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:justify-color-sidebar-ring { justify-content: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:justify-color-sidebar-ring { justify-content: var(--color-sidebar-ring); } }
.items-color-sidebar-ring { align-items: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:items-color-sidebar-ring { align-items: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:items-color-sidebar-ring { align-items: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:items-color-sidebar-ring { align-items: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:items-color-sidebar-ring { align-items: var(--color-sidebar-ring); } }
.self-color-sidebar-ring { align-self: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:self-color-sidebar-ring { align-self: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:self-color-sidebar-ring { align-self: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:self-color-sidebar-ring { align-self: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:self-color-sidebar-ring { align-self: var(--color-sidebar-ring); } }
.flex-color-sidebar-ring { flex: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:flex-color-sidebar-ring { flex: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:flex-color-sidebar-ring { flex: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:flex-color-sidebar-ring { flex: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:flex-color-sidebar-ring { flex: var(--color-sidebar-ring); } }
.grow-color-sidebar-ring { flex-grow: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:grow-color-sidebar-ring { flex-grow: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:grow-color-sidebar-ring { flex-grow: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:grow-color-sidebar-ring { flex-grow: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:grow-color-sidebar-ring { flex-grow: var(--color-sidebar-ring); } }
.shrink-color-sidebar-ring { flex-shrink: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:shrink-color-sidebar-ring { flex-shrink: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:shrink-color-sidebar-ring { flex-shrink: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:shrink-color-sidebar-ring { flex-shrink: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:shrink-color-sidebar-ring { flex-shrink: var(--color-sidebar-ring); } }
.basis-color-sidebar-ring { flex-basis: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:basis-color-sidebar-ring { flex-basis: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:basis-color-sidebar-ring { flex-basis: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:basis-color-sidebar-ring { flex-basis: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:basis-color-sidebar-ring { flex-basis: var(--color-sidebar-ring); } }
.order-color-sidebar-ring { order: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:order-color-sidebar-ring { order: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:order-color-sidebar-ring { order: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:order-color-sidebar-ring { order: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:order-color-sidebar-ring { order: var(--color-sidebar-ring); } }
.overflow-color-sidebar-ring { overflow: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:overflow-color-sidebar-ring { overflow: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:overflow-color-sidebar-ring { overflow: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:overflow-color-sidebar-ring { overflow: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:overflow-color-sidebar-ring { overflow: var(--color-sidebar-ring); } }
.overflow-x-color-sidebar-ring { overflow-x: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:overflow-x-color-sidebar-ring { overflow-x: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:overflow-x-color-sidebar-ring { overflow-x: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:overflow-x-color-sidebar-ring { overflow-x: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:overflow-x-color-sidebar-ring { overflow-x: var(--color-sidebar-ring); } }
.overflow-y-color-sidebar-ring { overflow-y: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:overflow-y-color-sidebar-ring { overflow-y: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:overflow-y-color-sidebar-ring { overflow-y: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:overflow-y-color-sidebar-ring { overflow-y: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:overflow-y-color-sidebar-ring { overflow-y: var(--color-sidebar-ring); } }
.p-color-sidebar-ring { padding: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:p-color-sidebar-ring { padding: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:p-color-sidebar-ring { padding: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:p-color-sidebar-ring { padding: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:p-color-sidebar-ring { padding: var(--color-sidebar-ring); } }
.pt-color-sidebar-ring { padding-top: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:pt-color-sidebar-ring { padding-top: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:pt-color-sidebar-ring { padding-top: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:pt-color-sidebar-ring { padding-top: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:pt-color-sidebar-ring { padding-top: var(--color-sidebar-ring); } }
.pr-color-sidebar-ring { padding-right: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:pr-color-sidebar-ring { padding-right: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:pr-color-sidebar-ring { padding-right: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:pr-color-sidebar-ring { padding-right: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:pr-color-sidebar-ring { padding-right: var(--color-sidebar-ring); } }
.pb-color-sidebar-ring { padding-bottom: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:pb-color-sidebar-ring { padding-bottom: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:pb-color-sidebar-ring { padding-bottom: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:pb-color-sidebar-ring { padding-bottom: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:pb-color-sidebar-ring { padding-bottom: var(--color-sidebar-ring); } }
.pl-color-sidebar-ring { padding-left: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:pl-color-sidebar-ring { padding-left: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:pl-color-sidebar-ring { padding-left: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:pl-color-sidebar-ring { padding-left: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:pl-color-sidebar-ring { padding-left: var(--color-sidebar-ring); } }
.m-color-sidebar-ring { margin: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:m-color-sidebar-ring { margin: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:m-color-sidebar-ring { margin: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:m-color-sidebar-ring { margin: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:m-color-sidebar-ring { margin: var(--color-sidebar-ring); } }
.mt-color-sidebar-ring { margin-top: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:mt-color-sidebar-ring { margin-top: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:mt-color-sidebar-ring { margin-top: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:mt-color-sidebar-ring { margin-top: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:mt-color-sidebar-ring { margin-top: var(--color-sidebar-ring); } }
.mr-color-sidebar-ring { margin-right: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:mr-color-sidebar-ring { margin-right: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:mr-color-sidebar-ring { margin-right: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:mr-color-sidebar-ring { margin-right: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:mr-color-sidebar-ring { margin-right: var(--color-sidebar-ring); } }
.mb-color-sidebar-ring { margin-bottom: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:mb-color-sidebar-ring { margin-bottom: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:mb-color-sidebar-ring { margin-bottom: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:mb-color-sidebar-ring { margin-bottom: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:mb-color-sidebar-ring { margin-bottom: var(--color-sidebar-ring); } }
.ml-color-sidebar-ring { margin-left: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:ml-color-sidebar-ring { margin-left: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:ml-color-sidebar-ring { margin-left: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:ml-color-sidebar-ring { margin-left: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:ml-color-sidebar-ring { margin-left: var(--color-sidebar-ring); } }
.gap-color-sidebar-ring { gap: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:gap-color-sidebar-ring { gap: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:gap-color-sidebar-ring { gap: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:gap-color-sidebar-ring { gap: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:gap-color-sidebar-ring { gap: var(--color-sidebar-ring); } }
.w-color-sidebar-ring { width: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:w-color-sidebar-ring { width: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:w-color-sidebar-ring { width: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:w-color-sidebar-ring { width: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:w-color-sidebar-ring { width: var(--color-sidebar-ring); } }
.h-color-sidebar-ring { height: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:h-color-sidebar-ring { height: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:h-color-sidebar-ring { height: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:h-color-sidebar-ring { height: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:h-color-sidebar-ring { height: var(--color-sidebar-ring); } }
.aspect-color-sidebar-ring { aspect-ratio: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:aspect-color-sidebar-ring { aspect-ratio: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:aspect-color-sidebar-ring { aspect-ratio: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:aspect-color-sidebar-ring { aspect-ratio: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:aspect-color-sidebar-ring { aspect-ratio: var(--color-sidebar-ring); } }
.min-w-color-sidebar-ring { min-width: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:min-w-color-sidebar-ring { min-width: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:min-w-color-sidebar-ring { min-width: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:min-w-color-sidebar-ring { min-width: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:min-w-color-sidebar-ring { min-width: var(--color-sidebar-ring); } }
.min-h-color-sidebar-ring { min-height: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:min-h-color-sidebar-ring { min-height: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:min-h-color-sidebar-ring { min-height: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:min-h-color-sidebar-ring { min-height: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:min-h-color-sidebar-ring { min-height: var(--color-sidebar-ring); } }
.max-w-color-sidebar-ring { max-width: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:max-w-color-sidebar-ring { max-width: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:max-w-color-sidebar-ring { max-width: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:max-w-color-sidebar-ring { max-width: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:max-w-color-sidebar-ring { max-width: var(--color-sidebar-ring); } }
.max-h-color-sidebar-ring { max-height: var(--color-sidebar-ring); }
@media (min-width: 640px) { .sm\:max-h-color-sidebar-ring { max-height: var(--color-sidebar-ring); } }
@media (min-width: 768px) { .md\:max-h-color-sidebar-ring { max-height: var(--color-sidebar-ring); } }
@media (min-width: 1024px) { .lg\:max-h-color-sidebar-ring { max-height: var(--color-sidebar-ring); } }
@media (min-width: 1280px) { .xl\:max-h-color-sidebar-ring { max-height: var(--color-sidebar-ring); } }
.bg-radius-base { background-color: var(--radius-base); }
@media (min-width: 640px) { .sm\:bg-radius-base { background-color: var(--radius-base); } }
@media (min-width: 768px) { .md\:bg-radius-base { background-color: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:bg-radius-base { background-color: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:bg-radius-base { background-color: var(--radius-base); } }
.border-color-radius-base { border-color: var(--radius-base); }
@media (min-width: 640px) { .sm\:border-color-radius-base { border-color: var(--radius-base); } }
@media (min-width: 768px) { .md\:border-color-radius-base { border-color: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:border-color-radius-base { border-color: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:border-color-radius-base { border-color: var(--radius-base); } }
.rounded-radius-base { border-radius: var(--radius-base); }
@media (min-width: 640px) { .sm\:rounded-radius-base { border-radius: var(--radius-base); } }
@media (min-width: 768px) { .md\:rounded-radius-base { border-radius: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:rounded-radius-base { border-radius: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:rounded-radius-base { border-radius: var(--radius-base); } }
.border-style-radius-base { border-style: var(--radius-base); }
@media (min-width: 640px) { .sm\:border-style-radius-base { border-style: var(--radius-base); } }
@media (min-width: 768px) { .md\:border-style-radius-base { border-style: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:border-style-radius-base { border-style: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:border-style-radius-base { border-style: var(--radius-base); } }
.border-width-radius-base { border-width: var(--radius-base); }
@media (min-width: 640px) { .sm\:border-width-radius-base { border-width: var(--radius-base); } }
@media (min-width: 768px) { .md\:border-width-radius-base { border-width: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:border-width-radius-base { border-width: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:border-width-radius-base { border-width: var(--radius-base); } }
.text-radius-base { color: var(--radius-base); }
@media (min-width: 640px) { .sm\:text-radius-base { color: var(--radius-base); } }
@media (min-width: 768px) { .md\:text-radius-base { color: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:text-radius-base { color: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:text-radius-base { color: var(--radius-base); } }
.font-radius-base { font-family: var(--radius-base); }
@media (min-width: 640px) { .sm\:font-radius-base { font-family: var(--radius-base); } }
@media (min-width: 768px) { .md\:font-radius-base { font-family: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:font-radius-base { font-family: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:font-radius-base { font-family: var(--radius-base); } }
.text-size-radius-base { font-size: var(--radius-base); }
@media (min-width: 640px) { .sm\:text-size-radius-base { font-size: var(--radius-base); } }
@media (min-width: 768px) { .md\:text-size-radius-base { font-size: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:text-size-radius-base { font-size: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:text-size-radius-base { font-size: var(--radius-base); } }
.font-weight-radius-base { font-weight: var(--radius-base); }
@media (min-width: 640px) { .sm\:font-weight-radius-base { font-weight: var(--radius-base); } }
@media (min-width: 768px) { .md\:font-weight-radius-base { font-weight: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:font-weight-radius-base { font-weight: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:font-weight-radius-base { font-weight: var(--radius-base); } }
.text-align-radius-base { text-align: var(--radius-base); }
@media (min-width: 640px) { .sm\:text-align-radius-base { text-align: var(--radius-base); } }
@media (min-width: 768px) { .md\:text-align-radius-base { text-align: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:text-align-radius-base { text-align: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:text-align-radius-base { text-align: var(--radius-base); } }
.leading-radius-base { line-height: var(--radius-base); }
@media (min-width: 640px) { .sm\:leading-radius-base { line-height: var(--radius-base); } }
@media (min-width: 768px) { .md\:leading-radius-base { line-height: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:leading-radius-base { line-height: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:leading-radius-base { line-height: var(--radius-base); } }
.tracking-radius-base { letter-spacing: var(--radius-base); }
@media (min-width: 640px) { .sm\:tracking-radius-base { letter-spacing: var(--radius-base); } }
@media (min-width: 768px) { .md\:tracking-radius-base { letter-spacing: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:tracking-radius-base { letter-spacing: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:tracking-radius-base { letter-spacing: var(--radius-base); } }
.text-transform-radius-base { text-transform: var(--radius-base); }
@media (min-width: 640px) { .sm\:text-transform-radius-base { text-transform: var(--radius-base); } }
@media (min-width: 768px) { .md\:text-transform-radius-base { text-transform: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:text-transform-radius-base { text-transform: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:text-transform-radius-base { text-transform: var(--radius-base); } }
.font-style-radius-base { font-style: var(--radius-base); }
@media (min-width: 640px) { .sm\:font-style-radius-base { font-style: var(--radius-base); } }
@media (min-width: 768px) { .md\:font-style-radius-base { font-style: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:font-style-radius-base { font-style: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:font-style-radius-base { font-style: var(--radius-base); } }
.decoration-radius-base { text-decoration-line: var(--radius-base); }
@media (min-width: 640px) { .sm\:decoration-radius-base { text-decoration-line: var(--radius-base); } }
@media (min-width: 768px) { .md\:decoration-radius-base { text-decoration-line: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:decoration-radius-base { text-decoration-line: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:decoration-radius-base { text-decoration-line: var(--radius-base); } }
.display-radius-base { display: var(--radius-base); }
@media (min-width: 640px) { .sm\:display-radius-base { display: var(--radius-base); } }
@media (min-width: 768px) { .md\:display-radius-base { display: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:display-radius-base { display: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:display-radius-base { display: var(--radius-base); } }
.flex-direction-radius-base { flex-direction: var(--radius-base); }
@media (min-width: 640px) { .sm\:flex-direction-radius-base { flex-direction: var(--radius-base); } }
@media (min-width: 768px) { .md\:flex-direction-radius-base { flex-direction: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:flex-direction-radius-base { flex-direction: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:flex-direction-radius-base { flex-direction: var(--radius-base); } }
.flex-wrap-radius-base { flex-wrap: var(--radius-base); }
@media (min-width: 640px) { .sm\:flex-wrap-radius-base { flex-wrap: var(--radius-base); } }
@media (min-width: 768px) { .md\:flex-wrap-radius-base { flex-wrap: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:flex-wrap-radius-base { flex-wrap: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:flex-wrap-radius-base { flex-wrap: var(--radius-base); } }
.justify-radius-base { justify-content: var(--radius-base); }
@media (min-width: 640px) { .sm\:justify-radius-base { justify-content: var(--radius-base); } }
@media (min-width: 768px) { .md\:justify-radius-base { justify-content: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:justify-radius-base { justify-content: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:justify-radius-base { justify-content: var(--radius-base); } }
.items-radius-base { align-items: var(--radius-base); }
@media (min-width: 640px) { .sm\:items-radius-base { align-items: var(--radius-base); } }
@media (min-width: 768px) { .md\:items-radius-base { align-items: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:items-radius-base { align-items: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:items-radius-base { align-items: var(--radius-base); } }
.self-radius-base { align-self: var(--radius-base); }
@media (min-width: 640px) { .sm\:self-radius-base { align-self: var(--radius-base); } }
@media (min-width: 768px) { .md\:self-radius-base { align-self: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:self-radius-base { align-self: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:self-radius-base { align-self: var(--radius-base); } }
.flex-radius-base { flex: var(--radius-base); }
@media (min-width: 640px) { .sm\:flex-radius-base { flex: var(--radius-base); } }
@media (min-width: 768px) { .md\:flex-radius-base { flex: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:flex-radius-base { flex: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:flex-radius-base { flex: var(--radius-base); } }
.grow-radius-base { flex-grow: var(--radius-base); }
@media (min-width: 640px) { .sm\:grow-radius-base { flex-grow: var(--radius-base); } }
@media (min-width: 768px) { .md\:grow-radius-base { flex-grow: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:grow-radius-base { flex-grow: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:grow-radius-base { flex-grow: var(--radius-base); } }
.shrink-radius-base { flex-shrink: var(--radius-base); }
@media (min-width: 640px) { .sm\:shrink-radius-base { flex-shrink: var(--radius-base); } }
@media (min-width: 768px) { .md\:shrink-radius-base { flex-shrink: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:shrink-radius-base { flex-shrink: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:shrink-radius-base { flex-shrink: var(--radius-base); } }
.basis-radius-base { flex-basis: var(--radius-base); }
@media (min-width: 640px) { .sm\:basis-radius-base { flex-basis: var(--radius-base); } }
@media (min-width: 768px) { .md\:basis-radius-base { flex-basis: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:basis-radius-base { flex-basis: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:basis-radius-base { flex-basis: var(--radius-base); } }
.order-radius-base { order: var(--radius-base); }
@media (min-width: 640px) { .sm\:order-radius-base { order: var(--radius-base); } }
@media (min-width: 768px) { .md\:order-radius-base { order: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:order-radius-base { order: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:order-radius-base { order: var(--radius-base); } }
.overflow-radius-base { overflow: var(--radius-base); }
@media (min-width: 640px) { .sm\:overflow-radius-base { overflow: var(--radius-base); } }
@media (min-width: 768px) { .md\:overflow-radius-base { overflow: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:overflow-radius-base { overflow: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:overflow-radius-base { overflow: var(--radius-base); } }
.overflow-x-radius-base { overflow-x: var(--radius-base); }
@media (min-width: 640px) { .sm\:overflow-x-radius-base { overflow-x: var(--radius-base); } }
@media (min-width: 768px) { .md\:overflow-x-radius-base { overflow-x: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:overflow-x-radius-base { overflow-x: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:overflow-x-radius-base { overflow-x: var(--radius-base); } }
.overflow-y-radius-base { overflow-y: var(--radius-base); }
@media (min-width: 640px) { .sm\:overflow-y-radius-base { overflow-y: var(--radius-base); } }
@media (min-width: 768px) { .md\:overflow-y-radius-base { overflow-y: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:overflow-y-radius-base { overflow-y: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:overflow-y-radius-base { overflow-y: var(--radius-base); } }
.p-radius-base { padding: var(--radius-base); }
@media (min-width: 640px) { .sm\:p-radius-base { padding: var(--radius-base); } }
@media (min-width: 768px) { .md\:p-radius-base { padding: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:p-radius-base { padding: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:p-radius-base { padding: var(--radius-base); } }
.pt-radius-base { padding-top: var(--radius-base); }
@media (min-width: 640px) { .sm\:pt-radius-base { padding-top: var(--radius-base); } }
@media (min-width: 768px) { .md\:pt-radius-base { padding-top: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:pt-radius-base { padding-top: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:pt-radius-base { padding-top: var(--radius-base); } }
.pr-radius-base { padding-right: var(--radius-base); }
@media (min-width: 640px) { .sm\:pr-radius-base { padding-right: var(--radius-base); } }
@media (min-width: 768px) { .md\:pr-radius-base { padding-right: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:pr-radius-base { padding-right: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:pr-radius-base { padding-right: var(--radius-base); } }
.pb-radius-base { padding-bottom: var(--radius-base); }
@media (min-width: 640px) { .sm\:pb-radius-base { padding-bottom: var(--radius-base); } }
@media (min-width: 768px) { .md\:pb-radius-base { padding-bottom: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:pb-radius-base { padding-bottom: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:pb-radius-base { padding-bottom: var(--radius-base); } }
.pl-radius-base { padding-left: var(--radius-base); }
@media (min-width: 640px) { .sm\:pl-radius-base { padding-left: var(--radius-base); } }
@media (min-width: 768px) { .md\:pl-radius-base { padding-left: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:pl-radius-base { padding-left: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:pl-radius-base { padding-left: var(--radius-base); } }
.m-radius-base { margin: var(--radius-base); }
@media (min-width: 640px) { .sm\:m-radius-base { margin: var(--radius-base); } }
@media (min-width: 768px) { .md\:m-radius-base { margin: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:m-radius-base { margin: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:m-radius-base { margin: var(--radius-base); } }
.mt-radius-base { margin-top: var(--radius-base); }
@media (min-width: 640px) { .sm\:mt-radius-base { margin-top: var(--radius-base); } }
@media (min-width: 768px) { .md\:mt-radius-base { margin-top: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:mt-radius-base { margin-top: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:mt-radius-base { margin-top: var(--radius-base); } }
.mr-radius-base { margin-right: var(--radius-base); }
@media (min-width: 640px) { .sm\:mr-radius-base { margin-right: var(--radius-base); } }
@media (min-width: 768px) { .md\:mr-radius-base { margin-right: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:mr-radius-base { margin-right: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:mr-radius-base { margin-right: var(--radius-base); } }
.mb-radius-base { margin-bottom: var(--radius-base); }
@media (min-width: 640px) { .sm\:mb-radius-base { margin-bottom: var(--radius-base); } }
@media (min-width: 768px) { .md\:mb-radius-base { margin-bottom: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:mb-radius-base { margin-bottom: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:mb-radius-base { margin-bottom: var(--radius-base); } }
.ml-radius-base { margin-left: var(--radius-base); }
@media (min-width: 640px) { .sm\:ml-radius-base { margin-left: var(--radius-base); } }
@media (min-width: 768px) { .md\:ml-radius-base { margin-left: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:ml-radius-base { margin-left: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:ml-radius-base { margin-left: var(--radius-base); } }
.gap-radius-base { gap: var(--radius-base); }
@media (min-width: 640px) { .sm\:gap-radius-base { gap: var(--radius-base); } }
@media (min-width: 768px) { .md\:gap-radius-base { gap: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:gap-radius-base { gap: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:gap-radius-base { gap: var(--radius-base); } }
.w-radius-base { width: var(--radius-base); }
@media (min-width: 640px) { .sm\:w-radius-base { width: var(--radius-base); } }
@media (min-width: 768px) { .md\:w-radius-base { width: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:w-radius-base { width: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:w-radius-base { width: var(--radius-base); } }
.h-radius-base { height: var(--radius-base); }
@media (min-width: 640px) { .sm\:h-radius-base { height: var(--radius-base); } }
@media (min-width: 768px) { .md\:h-radius-base { height: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:h-radius-base { height: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:h-radius-base { height: var(--radius-base); } }
.aspect-radius-base { aspect-ratio: var(--radius-base); }
@media (min-width: 640px) { .sm\:aspect-radius-base { aspect-ratio: var(--radius-base); } }
@media (min-width: 768px) { .md\:aspect-radius-base { aspect-ratio: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:aspect-radius-base { aspect-ratio: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:aspect-radius-base { aspect-ratio: var(--radius-base); } }
.min-w-radius-base { min-width: var(--radius-base); }
@media (min-width: 640px) { .sm\:min-w-radius-base { min-width: var(--radius-base); } }
@media (min-width: 768px) { .md\:min-w-radius-base { min-width: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:min-w-radius-base { min-width: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:min-w-radius-base { min-width: var(--radius-base); } }
.min-h-radius-base { min-height: var(--radius-base); }
@media (min-width: 640px) { .sm\:min-h-radius-base { min-height: var(--radius-base); } }
@media (min-width: 768px) { .md\:min-h-radius-base { min-height: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:min-h-radius-base { min-height: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:min-h-radius-base { min-height: var(--radius-base); } }
.max-w-radius-base { max-width: var(--radius-base); }
@media (min-width: 640px) { .sm\:max-w-radius-base { max-width: var(--radius-base); } }
@media (min-width: 768px) { .md\:max-w-radius-base { max-width: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:max-w-radius-base { max-width: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:max-w-radius-base { max-width: var(--radius-base); } }
.max-h-radius-base { max-height: var(--radius-base); }
@media (min-width: 640px) { .sm\:max-h-radius-base { max-height: var(--radius-base); } }
@media (min-width: 768px) { .md\:max-h-radius-base { max-height: var(--radius-base); } }
@media (min-width: 1024px) { .lg\:max-h-radius-base { max-height: var(--radius-base); } }
@media (min-width: 1280px) { .xl\:max-h-radius-base { max-height: var(--radius-base); } }
.bg-typography-font-sans { background-color: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:bg-typography-font-sans { background-color: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:bg-typography-font-sans { background-color: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:bg-typography-font-sans { background-color: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:bg-typography-font-sans { background-color: var(--typography-font-sans); } }
.border-color-typography-font-sans { border-color: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:border-color-typography-font-sans { border-color: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:border-color-typography-font-sans { border-color: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:border-color-typography-font-sans { border-color: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:border-color-typography-font-sans { border-color: var(--typography-font-sans); } }
.rounded-typography-font-sans { border-radius: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:rounded-typography-font-sans { border-radius: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:rounded-typography-font-sans { border-radius: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:rounded-typography-font-sans { border-radius: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:rounded-typography-font-sans { border-radius: var(--typography-font-sans); } }
.border-style-typography-font-sans { border-style: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:border-style-typography-font-sans { border-style: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:border-style-typography-font-sans { border-style: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:border-style-typography-font-sans { border-style: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:border-style-typography-font-sans { border-style: var(--typography-font-sans); } }
.border-width-typography-font-sans { border-width: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:border-width-typography-font-sans { border-width: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:border-width-typography-font-sans { border-width: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:border-width-typography-font-sans { border-width: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:border-width-typography-font-sans { border-width: var(--typography-font-sans); } }
.text-typography-font-sans { color: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:text-typography-font-sans { color: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:text-typography-font-sans { color: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:text-typography-font-sans { color: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:text-typography-font-sans { color: var(--typography-font-sans); } }
.font-typography-font-sans { font-family: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:font-typography-font-sans { font-family: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:font-typography-font-sans { font-family: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:font-typography-font-sans { font-family: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:font-typography-font-sans { font-family: var(--typography-font-sans); } }
.text-size-typography-font-sans { font-size: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:text-size-typography-font-sans { font-size: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:text-size-typography-font-sans { font-size: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:text-size-typography-font-sans { font-size: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:text-size-typography-font-sans { font-size: var(--typography-font-sans); } }
.font-weight-typography-font-sans { font-weight: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:font-weight-typography-font-sans { font-weight: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:font-weight-typography-font-sans { font-weight: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:font-weight-typography-font-sans { font-weight: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:font-weight-typography-font-sans { font-weight: var(--typography-font-sans); } }
.text-align-typography-font-sans { text-align: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:text-align-typography-font-sans { text-align: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:text-align-typography-font-sans { text-align: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:text-align-typography-font-sans { text-align: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:text-align-typography-font-sans { text-align: var(--typography-font-sans); } }
.leading-typography-font-sans { line-height: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:leading-typography-font-sans { line-height: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:leading-typography-font-sans { line-height: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:leading-typography-font-sans { line-height: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:leading-typography-font-sans { line-height: var(--typography-font-sans); } }
.tracking-typography-font-sans { letter-spacing: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:tracking-typography-font-sans { letter-spacing: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:tracking-typography-font-sans { letter-spacing: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:tracking-typography-font-sans { letter-spacing: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:tracking-typography-font-sans { letter-spacing: var(--typography-font-sans); } }
.text-transform-typography-font-sans { text-transform: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:text-transform-typography-font-sans { text-transform: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:text-transform-typography-font-sans { text-transform: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:text-transform-typography-font-sans { text-transform: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:text-transform-typography-font-sans { text-transform: var(--typography-font-sans); } }
.font-style-typography-font-sans { font-style: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:font-style-typography-font-sans { font-style: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:font-style-typography-font-sans { font-style: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:font-style-typography-font-sans { font-style: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:font-style-typography-font-sans { font-style: var(--typography-font-sans); } }
.decoration-typography-font-sans { text-decoration-line: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:decoration-typography-font-sans { text-decoration-line: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:decoration-typography-font-sans { text-decoration-line: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:decoration-typography-font-sans { text-decoration-line: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:decoration-typography-font-sans { text-decoration-line: var(--typography-font-sans); } }
.display-typography-font-sans { display: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:display-typography-font-sans { display: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:display-typography-font-sans { display: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:display-typography-font-sans { display: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:display-typography-font-sans { display: var(--typography-font-sans); } }
.flex-direction-typography-font-sans { flex-direction: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:flex-direction-typography-font-sans { flex-direction: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:flex-direction-typography-font-sans { flex-direction: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:flex-direction-typography-font-sans { flex-direction: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:flex-direction-typography-font-sans { flex-direction: var(--typography-font-sans); } }
.flex-wrap-typography-font-sans { flex-wrap: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:flex-wrap-typography-font-sans { flex-wrap: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:flex-wrap-typography-font-sans { flex-wrap: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:flex-wrap-typography-font-sans { flex-wrap: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:flex-wrap-typography-font-sans { flex-wrap: var(--typography-font-sans); } }
.justify-typography-font-sans { justify-content: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:justify-typography-font-sans { justify-content: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:justify-typography-font-sans { justify-content: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:justify-typography-font-sans { justify-content: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:justify-typography-font-sans { justify-content: var(--typography-font-sans); } }
.items-typography-font-sans { align-items: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:items-typography-font-sans { align-items: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:items-typography-font-sans { align-items: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:items-typography-font-sans { align-items: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:items-typography-font-sans { align-items: var(--typography-font-sans); } }
.self-typography-font-sans { align-self: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:self-typography-font-sans { align-self: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:self-typography-font-sans { align-self: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:self-typography-font-sans { align-self: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:self-typography-font-sans { align-self: var(--typography-font-sans); } }
.flex-typography-font-sans { flex: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:flex-typography-font-sans { flex: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:flex-typography-font-sans { flex: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:flex-typography-font-sans { flex: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:flex-typography-font-sans { flex: var(--typography-font-sans); } }
.grow-typography-font-sans { flex-grow: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:grow-typography-font-sans { flex-grow: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:grow-typography-font-sans { flex-grow: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:grow-typography-font-sans { flex-grow: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:grow-typography-font-sans { flex-grow: var(--typography-font-sans); } }
.shrink-typography-font-sans { flex-shrink: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:shrink-typography-font-sans { flex-shrink: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:shrink-typography-font-sans { flex-shrink: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:shrink-typography-font-sans { flex-shrink: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:shrink-typography-font-sans { flex-shrink: var(--typography-font-sans); } }
.basis-typography-font-sans { flex-basis: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:basis-typography-font-sans { flex-basis: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:basis-typography-font-sans { flex-basis: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:basis-typography-font-sans { flex-basis: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:basis-typography-font-sans { flex-basis: var(--typography-font-sans); } }
.order-typography-font-sans { order: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:order-typography-font-sans { order: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:order-typography-font-sans { order: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:order-typography-font-sans { order: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:order-typography-font-sans { order: var(--typography-font-sans); } }
.overflow-typography-font-sans { overflow: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:overflow-typography-font-sans { overflow: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:overflow-typography-font-sans { overflow: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:overflow-typography-font-sans { overflow: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:overflow-typography-font-sans { overflow: var(--typography-font-sans); } }
.overflow-x-typography-font-sans { overflow-x: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:overflow-x-typography-font-sans { overflow-x: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:overflow-x-typography-font-sans { overflow-x: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:overflow-x-typography-font-sans { overflow-x: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:overflow-x-typography-font-sans { overflow-x: var(--typography-font-sans); } }
.overflow-y-typography-font-sans { overflow-y: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:overflow-y-typography-font-sans { overflow-y: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:overflow-y-typography-font-sans { overflow-y: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:overflow-y-typography-font-sans { overflow-y: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:overflow-y-typography-font-sans { overflow-y: var(--typography-font-sans); } }
.p-typography-font-sans { padding: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:p-typography-font-sans { padding: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:p-typography-font-sans { padding: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:p-typography-font-sans { padding: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:p-typography-font-sans { padding: var(--typography-font-sans); } }
.pt-typography-font-sans { padding-top: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:pt-typography-font-sans { padding-top: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:pt-typography-font-sans { padding-top: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:pt-typography-font-sans { padding-top: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:pt-typography-font-sans { padding-top: var(--typography-font-sans); } }
.pr-typography-font-sans { padding-right: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:pr-typography-font-sans { padding-right: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:pr-typography-font-sans { padding-right: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:pr-typography-font-sans { padding-right: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:pr-typography-font-sans { padding-right: var(--typography-font-sans); } }
.pb-typography-font-sans { padding-bottom: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:pb-typography-font-sans { padding-bottom: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:pb-typography-font-sans { padding-bottom: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:pb-typography-font-sans { padding-bottom: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:pb-typography-font-sans { padding-bottom: var(--typography-font-sans); } }
.pl-typography-font-sans { padding-left: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:pl-typography-font-sans { padding-left: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:pl-typography-font-sans { padding-left: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:pl-typography-font-sans { padding-left: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:pl-typography-font-sans { padding-left: var(--typography-font-sans); } }
.m-typography-font-sans { margin: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:m-typography-font-sans { margin: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:m-typography-font-sans { margin: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:m-typography-font-sans { margin: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:m-typography-font-sans { margin: var(--typography-font-sans); } }
.mt-typography-font-sans { margin-top: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:mt-typography-font-sans { margin-top: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:mt-typography-font-sans { margin-top: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:mt-typography-font-sans { margin-top: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:mt-typography-font-sans { margin-top: var(--typography-font-sans); } }
.mr-typography-font-sans { margin-right: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:mr-typography-font-sans { margin-right: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:mr-typography-font-sans { margin-right: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:mr-typography-font-sans { margin-right: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:mr-typography-font-sans { margin-right: var(--typography-font-sans); } }
.mb-typography-font-sans { margin-bottom: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:mb-typography-font-sans { margin-bottom: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:mb-typography-font-sans { margin-bottom: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:mb-typography-font-sans { margin-bottom: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:mb-typography-font-sans { margin-bottom: var(--typography-font-sans); } }
.ml-typography-font-sans { margin-left: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:ml-typography-font-sans { margin-left: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:ml-typography-font-sans { margin-left: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:ml-typography-font-sans { margin-left: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:ml-typography-font-sans { margin-left: var(--typography-font-sans); } }
.gap-typography-font-sans { gap: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:gap-typography-font-sans { gap: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:gap-typography-font-sans { gap: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:gap-typography-font-sans { gap: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:gap-typography-font-sans { gap: var(--typography-font-sans); } }
.w-typography-font-sans { width: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:w-typography-font-sans { width: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:w-typography-font-sans { width: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:w-typography-font-sans { width: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:w-typography-font-sans { width: var(--typography-font-sans); } }
.h-typography-font-sans { height: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:h-typography-font-sans { height: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:h-typography-font-sans { height: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:h-typography-font-sans { height: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:h-typography-font-sans { height: var(--typography-font-sans); } }
.aspect-typography-font-sans { aspect-ratio: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:aspect-typography-font-sans { aspect-ratio: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:aspect-typography-font-sans { aspect-ratio: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:aspect-typography-font-sans { aspect-ratio: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:aspect-typography-font-sans { aspect-ratio: var(--typography-font-sans); } }
.min-w-typography-font-sans { min-width: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:min-w-typography-font-sans { min-width: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:min-w-typography-font-sans { min-width: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:min-w-typography-font-sans { min-width: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:min-w-typography-font-sans { min-width: var(--typography-font-sans); } }
.min-h-typography-font-sans { min-height: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:min-h-typography-font-sans { min-height: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:min-h-typography-font-sans { min-height: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:min-h-typography-font-sans { min-height: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:min-h-typography-font-sans { min-height: var(--typography-font-sans); } }
.max-w-typography-font-sans { max-width: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:max-w-typography-font-sans { max-width: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:max-w-typography-font-sans { max-width: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:max-w-typography-font-sans { max-width: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:max-w-typography-font-sans { max-width: var(--typography-font-sans); } }
.max-h-typography-font-sans { max-height: var(--typography-font-sans); }
@media (min-width: 640px) { .sm\:max-h-typography-font-sans { max-height: var(--typography-font-sans); } }
@media (min-width: 768px) { .md\:max-h-typography-font-sans { max-height: var(--typography-font-sans); } }
@media (min-width: 1024px) { .lg\:max-h-typography-font-sans { max-height: var(--typography-font-sans); } }
@media (min-width: 1280px) { .xl\:max-h-typography-font-sans { max-height: var(--typography-font-sans); } }
.bg-typography-font-heading { background-color: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:bg-typography-font-heading { background-color: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:bg-typography-font-heading { background-color: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:bg-typography-font-heading { background-color: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:bg-typography-font-heading { background-color: var(--typography-font-heading); } }
.border-color-typography-font-heading { border-color: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:border-color-typography-font-heading { border-color: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:border-color-typography-font-heading { border-color: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:border-color-typography-font-heading { border-color: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:border-color-typography-font-heading { border-color: var(--typography-font-heading); } }
.rounded-typography-font-heading { border-radius: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:rounded-typography-font-heading { border-radius: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:rounded-typography-font-heading { border-radius: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:rounded-typography-font-heading { border-radius: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:rounded-typography-font-heading { border-radius: var(--typography-font-heading); } }
.border-style-typography-font-heading { border-style: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:border-style-typography-font-heading { border-style: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:border-style-typography-font-heading { border-style: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:border-style-typography-font-heading { border-style: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:border-style-typography-font-heading { border-style: var(--typography-font-heading); } }
.border-width-typography-font-heading { border-width: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:border-width-typography-font-heading { border-width: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:border-width-typography-font-heading { border-width: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:border-width-typography-font-heading { border-width: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:border-width-typography-font-heading { border-width: var(--typography-font-heading); } }
.text-typography-font-heading { color: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:text-typography-font-heading { color: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:text-typography-font-heading { color: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:text-typography-font-heading { color: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:text-typography-font-heading { color: var(--typography-font-heading); } }
.font-typography-font-heading { font-family: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:font-typography-font-heading { font-family: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:font-typography-font-heading { font-family: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:font-typography-font-heading { font-family: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:font-typography-font-heading { font-family: var(--typography-font-heading); } }
.text-size-typography-font-heading { font-size: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:text-size-typography-font-heading { font-size: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:text-size-typography-font-heading { font-size: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:text-size-typography-font-heading { font-size: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:text-size-typography-font-heading { font-size: var(--typography-font-heading); } }
.font-weight-typography-font-heading { font-weight: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:font-weight-typography-font-heading { font-weight: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:font-weight-typography-font-heading { font-weight: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:font-weight-typography-font-heading { font-weight: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:font-weight-typography-font-heading { font-weight: var(--typography-font-heading); } }
.text-align-typography-font-heading { text-align: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:text-align-typography-font-heading { text-align: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:text-align-typography-font-heading { text-align: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:text-align-typography-font-heading { text-align: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:text-align-typography-font-heading { text-align: var(--typography-font-heading); } }
.leading-typography-font-heading { line-height: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:leading-typography-font-heading { line-height: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:leading-typography-font-heading { line-height: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:leading-typography-font-heading { line-height: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:leading-typography-font-heading { line-height: var(--typography-font-heading); } }
.tracking-typography-font-heading { letter-spacing: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:tracking-typography-font-heading { letter-spacing: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:tracking-typography-font-heading { letter-spacing: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:tracking-typography-font-heading { letter-spacing: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:tracking-typography-font-heading { letter-spacing: var(--typography-font-heading); } }
.text-transform-typography-font-heading { text-transform: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:text-transform-typography-font-heading { text-transform: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:text-transform-typography-font-heading { text-transform: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:text-transform-typography-font-heading { text-transform: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:text-transform-typography-font-heading { text-transform: var(--typography-font-heading); } }
.font-style-typography-font-heading { font-style: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:font-style-typography-font-heading { font-style: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:font-style-typography-font-heading { font-style: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:font-style-typography-font-heading { font-style: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:font-style-typography-font-heading { font-style: var(--typography-font-heading); } }
.decoration-typography-font-heading { text-decoration-line: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:decoration-typography-font-heading { text-decoration-line: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:decoration-typography-font-heading { text-decoration-line: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:decoration-typography-font-heading { text-decoration-line: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:decoration-typography-font-heading { text-decoration-line: var(--typography-font-heading); } }
.display-typography-font-heading { display: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:display-typography-font-heading { display: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:display-typography-font-heading { display: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:display-typography-font-heading { display: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:display-typography-font-heading { display: var(--typography-font-heading); } }
.flex-direction-typography-font-heading { flex-direction: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:flex-direction-typography-font-heading { flex-direction: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:flex-direction-typography-font-heading { flex-direction: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:flex-direction-typography-font-heading { flex-direction: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:flex-direction-typography-font-heading { flex-direction: var(--typography-font-heading); } }
.flex-wrap-typography-font-heading { flex-wrap: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:flex-wrap-typography-font-heading { flex-wrap: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:flex-wrap-typography-font-heading { flex-wrap: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:flex-wrap-typography-font-heading { flex-wrap: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:flex-wrap-typography-font-heading { flex-wrap: var(--typography-font-heading); } }
.justify-typography-font-heading { justify-content: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:justify-typography-font-heading { justify-content: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:justify-typography-font-heading { justify-content: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:justify-typography-font-heading { justify-content: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:justify-typography-font-heading { justify-content: var(--typography-font-heading); } }
.items-typography-font-heading { align-items: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:items-typography-font-heading { align-items: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:items-typography-font-heading { align-items: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:items-typography-font-heading { align-items: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:items-typography-font-heading { align-items: var(--typography-font-heading); } }
.self-typography-font-heading { align-self: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:self-typography-font-heading { align-self: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:self-typography-font-heading { align-self: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:self-typography-font-heading { align-self: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:self-typography-font-heading { align-self: var(--typography-font-heading); } }
.flex-typography-font-heading { flex: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:flex-typography-font-heading { flex: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:flex-typography-font-heading { flex: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:flex-typography-font-heading { flex: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:flex-typography-font-heading { flex: var(--typography-font-heading); } }
.grow-typography-font-heading { flex-grow: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:grow-typography-font-heading { flex-grow: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:grow-typography-font-heading { flex-grow: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:grow-typography-font-heading { flex-grow: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:grow-typography-font-heading { flex-grow: var(--typography-font-heading); } }
.shrink-typography-font-heading { flex-shrink: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:shrink-typography-font-heading { flex-shrink: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:shrink-typography-font-heading { flex-shrink: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:shrink-typography-font-heading { flex-shrink: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:shrink-typography-font-heading { flex-shrink: var(--typography-font-heading); } }
.basis-typography-font-heading { flex-basis: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:basis-typography-font-heading { flex-basis: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:basis-typography-font-heading { flex-basis: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:basis-typography-font-heading { flex-basis: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:basis-typography-font-heading { flex-basis: var(--typography-font-heading); } }
.order-typography-font-heading { order: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:order-typography-font-heading { order: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:order-typography-font-heading { order: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:order-typography-font-heading { order: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:order-typography-font-heading { order: var(--typography-font-heading); } }
.overflow-typography-font-heading { overflow: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:overflow-typography-font-heading { overflow: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:overflow-typography-font-heading { overflow: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:overflow-typography-font-heading { overflow: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:overflow-typography-font-heading { overflow: var(--typography-font-heading); } }
.overflow-x-typography-font-heading { overflow-x: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:overflow-x-typography-font-heading { overflow-x: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:overflow-x-typography-font-heading { overflow-x: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:overflow-x-typography-font-heading { overflow-x: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:overflow-x-typography-font-heading { overflow-x: var(--typography-font-heading); } }
.overflow-y-typography-font-heading { overflow-y: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:overflow-y-typography-font-heading { overflow-y: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:overflow-y-typography-font-heading { overflow-y: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:overflow-y-typography-font-heading { overflow-y: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:overflow-y-typography-font-heading { overflow-y: var(--typography-font-heading); } }
.p-typography-font-heading { padding: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:p-typography-font-heading { padding: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:p-typography-font-heading { padding: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:p-typography-font-heading { padding: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:p-typography-font-heading { padding: var(--typography-font-heading); } }
.pt-typography-font-heading { padding-top: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:pt-typography-font-heading { padding-top: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:pt-typography-font-heading { padding-top: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:pt-typography-font-heading { padding-top: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:pt-typography-font-heading { padding-top: var(--typography-font-heading); } }
.pr-typography-font-heading { padding-right: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:pr-typography-font-heading { padding-right: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:pr-typography-font-heading { padding-right: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:pr-typography-font-heading { padding-right: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:pr-typography-font-heading { padding-right: var(--typography-font-heading); } }
.pb-typography-font-heading { padding-bottom: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:pb-typography-font-heading { padding-bottom: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:pb-typography-font-heading { padding-bottom: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:pb-typography-font-heading { padding-bottom: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:pb-typography-font-heading { padding-bottom: var(--typography-font-heading); } }
.pl-typography-font-heading { padding-left: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:pl-typography-font-heading { padding-left: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:pl-typography-font-heading { padding-left: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:pl-typography-font-heading { padding-left: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:pl-typography-font-heading { padding-left: var(--typography-font-heading); } }
.m-typography-font-heading { margin: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:m-typography-font-heading { margin: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:m-typography-font-heading { margin: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:m-typography-font-heading { margin: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:m-typography-font-heading { margin: var(--typography-font-heading); } }
.mt-typography-font-heading { margin-top: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:mt-typography-font-heading { margin-top: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:mt-typography-font-heading { margin-top: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:mt-typography-font-heading { margin-top: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:mt-typography-font-heading { margin-top: var(--typography-font-heading); } }
.mr-typography-font-heading { margin-right: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:mr-typography-font-heading { margin-right: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:mr-typography-font-heading { margin-right: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:mr-typography-font-heading { margin-right: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:mr-typography-font-heading { margin-right: var(--typography-font-heading); } }
.mb-typography-font-heading { margin-bottom: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:mb-typography-font-heading { margin-bottom: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:mb-typography-font-heading { margin-bottom: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:mb-typography-font-heading { margin-bottom: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:mb-typography-font-heading { margin-bottom: var(--typography-font-heading); } }
.ml-typography-font-heading { margin-left: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:ml-typography-font-heading { margin-left: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:ml-typography-font-heading { margin-left: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:ml-typography-font-heading { margin-left: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:ml-typography-font-heading { margin-left: var(--typography-font-heading); } }
.gap-typography-font-heading { gap: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:gap-typography-font-heading { gap: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:gap-typography-font-heading { gap: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:gap-typography-font-heading { gap: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:gap-typography-font-heading { gap: var(--typography-font-heading); } }
.w-typography-font-heading { width: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:w-typography-font-heading { width: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:w-typography-font-heading { width: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:w-typography-font-heading { width: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:w-typography-font-heading { width: var(--typography-font-heading); } }
.h-typography-font-heading { height: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:h-typography-font-heading { height: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:h-typography-font-heading { height: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:h-typography-font-heading { height: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:h-typography-font-heading { height: var(--typography-font-heading); } }
.aspect-typography-font-heading { aspect-ratio: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:aspect-typography-font-heading { aspect-ratio: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:aspect-typography-font-heading { aspect-ratio: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:aspect-typography-font-heading { aspect-ratio: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:aspect-typography-font-heading { aspect-ratio: var(--typography-font-heading); } }
.min-w-typography-font-heading { min-width: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:min-w-typography-font-heading { min-width: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:min-w-typography-font-heading { min-width: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:min-w-typography-font-heading { min-width: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:min-w-typography-font-heading { min-width: var(--typography-font-heading); } }
.min-h-typography-font-heading { min-height: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:min-h-typography-font-heading { min-height: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:min-h-typography-font-heading { min-height: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:min-h-typography-font-heading { min-height: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:min-h-typography-font-heading { min-height: var(--typography-font-heading); } }
.max-w-typography-font-heading { max-width: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:max-w-typography-font-heading { max-width: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:max-w-typography-font-heading { max-width: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:max-w-typography-font-heading { max-width: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:max-w-typography-font-heading { max-width: var(--typography-font-heading); } }
.max-h-typography-font-heading { max-height: var(--typography-font-heading); }
@media (min-width: 640px) { .sm\:max-h-typography-font-heading { max-height: var(--typography-font-heading); } }
@media (min-width: 768px) { .md\:max-h-typography-font-heading { max-height: var(--typography-font-heading); } }
@media (min-width: 1024px) { .lg\:max-h-typography-font-heading { max-height: var(--typography-font-heading); } }
@media (min-width: 1280px) { .xl\:max-h-typography-font-heading { max-height: var(--typography-font-heading); } }
.bg-typography-font-mono { background-color: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:bg-typography-font-mono { background-color: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:bg-typography-font-mono { background-color: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:bg-typography-font-mono { background-color: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:bg-typography-font-mono { background-color: var(--typography-font-mono); } }
.border-color-typography-font-mono { border-color: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:border-color-typography-font-mono { border-color: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:border-color-typography-font-mono { border-color: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:border-color-typography-font-mono { border-color: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:border-color-typography-font-mono { border-color: var(--typography-font-mono); } }
.rounded-typography-font-mono { border-radius: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:rounded-typography-font-mono { border-radius: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:rounded-typography-font-mono { border-radius: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:rounded-typography-font-mono { border-radius: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:rounded-typography-font-mono { border-radius: var(--typography-font-mono); } }
.border-style-typography-font-mono { border-style: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:border-style-typography-font-mono { border-style: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:border-style-typography-font-mono { border-style: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:border-style-typography-font-mono { border-style: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:border-style-typography-font-mono { border-style: var(--typography-font-mono); } }
.border-width-typography-font-mono { border-width: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:border-width-typography-font-mono { border-width: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:border-width-typography-font-mono { border-width: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:border-width-typography-font-mono { border-width: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:border-width-typography-font-mono { border-width: var(--typography-font-mono); } }
.text-typography-font-mono { color: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:text-typography-font-mono { color: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:text-typography-font-mono { color: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:text-typography-font-mono { color: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:text-typography-font-mono { color: var(--typography-font-mono); } }
.font-typography-font-mono { font-family: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:font-typography-font-mono { font-family: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:font-typography-font-mono { font-family: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:font-typography-font-mono { font-family: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:font-typography-font-mono { font-family: var(--typography-font-mono); } }
.text-size-typography-font-mono { font-size: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:text-size-typography-font-mono { font-size: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:text-size-typography-font-mono { font-size: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:text-size-typography-font-mono { font-size: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:text-size-typography-font-mono { font-size: var(--typography-font-mono); } }
.font-weight-typography-font-mono { font-weight: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:font-weight-typography-font-mono { font-weight: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:font-weight-typography-font-mono { font-weight: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:font-weight-typography-font-mono { font-weight: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:font-weight-typography-font-mono { font-weight: var(--typography-font-mono); } }
.text-align-typography-font-mono { text-align: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:text-align-typography-font-mono { text-align: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:text-align-typography-font-mono { text-align: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:text-align-typography-font-mono { text-align: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:text-align-typography-font-mono { text-align: var(--typography-font-mono); } }
.leading-typography-font-mono { line-height: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:leading-typography-font-mono { line-height: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:leading-typography-font-mono { line-height: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:leading-typography-font-mono { line-height: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:leading-typography-font-mono { line-height: var(--typography-font-mono); } }
.tracking-typography-font-mono { letter-spacing: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:tracking-typography-font-mono { letter-spacing: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:tracking-typography-font-mono { letter-spacing: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:tracking-typography-font-mono { letter-spacing: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:tracking-typography-font-mono { letter-spacing: var(--typography-font-mono); } }
.text-transform-typography-font-mono { text-transform: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:text-transform-typography-font-mono { text-transform: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:text-transform-typography-font-mono { text-transform: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:text-transform-typography-font-mono { text-transform: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:text-transform-typography-font-mono { text-transform: var(--typography-font-mono); } }
.font-style-typography-font-mono { font-style: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:font-style-typography-font-mono { font-style: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:font-style-typography-font-mono { font-style: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:font-style-typography-font-mono { font-style: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:font-style-typography-font-mono { font-style: var(--typography-font-mono); } }
.decoration-typography-font-mono { text-decoration-line: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:decoration-typography-font-mono { text-decoration-line: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:decoration-typography-font-mono { text-decoration-line: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:decoration-typography-font-mono { text-decoration-line: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:decoration-typography-font-mono { text-decoration-line: var(--typography-font-mono); } }
.display-typography-font-mono { display: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:display-typography-font-mono { display: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:display-typography-font-mono { display: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:display-typography-font-mono { display: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:display-typography-font-mono { display: var(--typography-font-mono); } }
.flex-direction-typography-font-mono { flex-direction: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:flex-direction-typography-font-mono { flex-direction: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:flex-direction-typography-font-mono { flex-direction: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:flex-direction-typography-font-mono { flex-direction: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:flex-direction-typography-font-mono { flex-direction: var(--typography-font-mono); } }
.flex-wrap-typography-font-mono { flex-wrap: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:flex-wrap-typography-font-mono { flex-wrap: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:flex-wrap-typography-font-mono { flex-wrap: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:flex-wrap-typography-font-mono { flex-wrap: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:flex-wrap-typography-font-mono { flex-wrap: var(--typography-font-mono); } }
.justify-typography-font-mono { justify-content: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:justify-typography-font-mono { justify-content: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:justify-typography-font-mono { justify-content: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:justify-typography-font-mono { justify-content: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:justify-typography-font-mono { justify-content: var(--typography-font-mono); } }
.items-typography-font-mono { align-items: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:items-typography-font-mono { align-items: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:items-typography-font-mono { align-items: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:items-typography-font-mono { align-items: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:items-typography-font-mono { align-items: var(--typography-font-mono); } }
.self-typography-font-mono { align-self: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:self-typography-font-mono { align-self: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:self-typography-font-mono { align-self: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:self-typography-font-mono { align-self: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:self-typography-font-mono { align-self: var(--typography-font-mono); } }
.flex-typography-font-mono { flex: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:flex-typography-font-mono { flex: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:flex-typography-font-mono { flex: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:flex-typography-font-mono { flex: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:flex-typography-font-mono { flex: var(--typography-font-mono); } }
.grow-typography-font-mono { flex-grow: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:grow-typography-font-mono { flex-grow: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:grow-typography-font-mono { flex-grow: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:grow-typography-font-mono { flex-grow: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:grow-typography-font-mono { flex-grow: var(--typography-font-mono); } }
.shrink-typography-font-mono { flex-shrink: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:shrink-typography-font-mono { flex-shrink: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:shrink-typography-font-mono { flex-shrink: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:shrink-typography-font-mono { flex-shrink: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:shrink-typography-font-mono { flex-shrink: var(--typography-font-mono); } }
.basis-typography-font-mono { flex-basis: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:basis-typography-font-mono { flex-basis: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:basis-typography-font-mono { flex-basis: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:basis-typography-font-mono { flex-basis: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:basis-typography-font-mono { flex-basis: var(--typography-font-mono); } }
.order-typography-font-mono { order: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:order-typography-font-mono { order: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:order-typography-font-mono { order: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:order-typography-font-mono { order: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:order-typography-font-mono { order: var(--typography-font-mono); } }
.overflow-typography-font-mono { overflow: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:overflow-typography-font-mono { overflow: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:overflow-typography-font-mono { overflow: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:overflow-typography-font-mono { overflow: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:overflow-typography-font-mono { overflow: var(--typography-font-mono); } }
.overflow-x-typography-font-mono { overflow-x: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:overflow-x-typography-font-mono { overflow-x: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:overflow-x-typography-font-mono { overflow-x: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:overflow-x-typography-font-mono { overflow-x: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:overflow-x-typography-font-mono { overflow-x: var(--typography-font-mono); } }
.overflow-y-typography-font-mono { overflow-y: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:overflow-y-typography-font-mono { overflow-y: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:overflow-y-typography-font-mono { overflow-y: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:overflow-y-typography-font-mono { overflow-y: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:overflow-y-typography-font-mono { overflow-y: var(--typography-font-mono); } }
.p-typography-font-mono { padding: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:p-typography-font-mono { padding: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:p-typography-font-mono { padding: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:p-typography-font-mono { padding: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:p-typography-font-mono { padding: var(--typography-font-mono); } }
.pt-typography-font-mono { padding-top: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:pt-typography-font-mono { padding-top: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:pt-typography-font-mono { padding-top: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:pt-typography-font-mono { padding-top: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:pt-typography-font-mono { padding-top: var(--typography-font-mono); } }
.pr-typography-font-mono { padding-right: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:pr-typography-font-mono { padding-right: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:pr-typography-font-mono { padding-right: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:pr-typography-font-mono { padding-right: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:pr-typography-font-mono { padding-right: var(--typography-font-mono); } }
.pb-typography-font-mono { padding-bottom: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:pb-typography-font-mono { padding-bottom: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:pb-typography-font-mono { padding-bottom: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:pb-typography-font-mono { padding-bottom: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:pb-typography-font-mono { padding-bottom: var(--typography-font-mono); } }
.pl-typography-font-mono { padding-left: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:pl-typography-font-mono { padding-left: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:pl-typography-font-mono { padding-left: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:pl-typography-font-mono { padding-left: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:pl-typography-font-mono { padding-left: var(--typography-font-mono); } }
.m-typography-font-mono { margin: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:m-typography-font-mono { margin: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:m-typography-font-mono { margin: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:m-typography-font-mono { margin: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:m-typography-font-mono { margin: var(--typography-font-mono); } }
.mt-typography-font-mono { margin-top: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:mt-typography-font-mono { margin-top: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:mt-typography-font-mono { margin-top: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:mt-typography-font-mono { margin-top: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:mt-typography-font-mono { margin-top: var(--typography-font-mono); } }
.mr-typography-font-mono { margin-right: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:mr-typography-font-mono { margin-right: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:mr-typography-font-mono { margin-right: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:mr-typography-font-mono { margin-right: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:mr-typography-font-mono { margin-right: var(--typography-font-mono); } }
.mb-typography-font-mono { margin-bottom: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:mb-typography-font-mono { margin-bottom: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:mb-typography-font-mono { margin-bottom: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:mb-typography-font-mono { margin-bottom: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:mb-typography-font-mono { margin-bottom: var(--typography-font-mono); } }
.ml-typography-font-mono { margin-left: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:ml-typography-font-mono { margin-left: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:ml-typography-font-mono { margin-left: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:ml-typography-font-mono { margin-left: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:ml-typography-font-mono { margin-left: var(--typography-font-mono); } }
.gap-typography-font-mono { gap: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:gap-typography-font-mono { gap: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:gap-typography-font-mono { gap: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:gap-typography-font-mono { gap: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:gap-typography-font-mono { gap: var(--typography-font-mono); } }
.w-typography-font-mono { width: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:w-typography-font-mono { width: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:w-typography-font-mono { width: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:w-typography-font-mono { width: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:w-typography-font-mono { width: var(--typography-font-mono); } }
.h-typography-font-mono { height: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:h-typography-font-mono { height: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:h-typography-font-mono { height: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:h-typography-font-mono { height: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:h-typography-font-mono { height: var(--typography-font-mono); } }
.aspect-typography-font-mono { aspect-ratio: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:aspect-typography-font-mono { aspect-ratio: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:aspect-typography-font-mono { aspect-ratio: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:aspect-typography-font-mono { aspect-ratio: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:aspect-typography-font-mono { aspect-ratio: var(--typography-font-mono); } }
.min-w-typography-font-mono { min-width: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:min-w-typography-font-mono { min-width: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:min-w-typography-font-mono { min-width: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:min-w-typography-font-mono { min-width: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:min-w-typography-font-mono { min-width: var(--typography-font-mono); } }
.min-h-typography-font-mono { min-height: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:min-h-typography-font-mono { min-height: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:min-h-typography-font-mono { min-height: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:min-h-typography-font-mono { min-height: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:min-h-typography-font-mono { min-height: var(--typography-font-mono); } }
.max-w-typography-font-mono { max-width: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:max-w-typography-font-mono { max-width: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:max-w-typography-font-mono { max-width: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:max-w-typography-font-mono { max-width: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:max-w-typography-font-mono { max-width: var(--typography-font-mono); } }
.max-h-typography-font-mono { max-height: var(--typography-font-mono); }
@media (min-width: 640px) { .sm\:max-h-typography-font-mono { max-height: var(--typography-font-mono); } }
@media (min-width: 768px) { .md\:max-h-typography-font-mono { max-height: var(--typography-font-mono); } }
@media (min-width: 1024px) { .lg\:max-h-typography-font-mono { max-height: var(--typography-font-mono); } }
@media (min-width: 1280px) { .xl\:max-h-typography-font-mono { max-height: var(--typography-font-mono); } }