/* C1 CAPTION */

.c1-caption-basic-100.light {
    color: var(--basic-light-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-200.light {
    color: var(--basic-light-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-300.light {
    color: var(--basic-light-300);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-400.light {
    color: var(--basic-light-400);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-500.light {
    color: var(--basic-light-500);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-600.light {
    color: var(--basic-light-600);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-700.light {
    color: var(--basic-light-700);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-800.light {
    color: var(--basic-light-800);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-900.light {
    color: var(--basic-light-900);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-100.dark {
    color: var(--basic-dark-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-200.dark {
    color: var(--basic-dark-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-300.dark {
    color: var(--basic-dark-300);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-400.dark {
    color: var(--basic-dark-400);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-500.dark {
    color: var(--basic-dark-500);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-600.dark {
    color: var(--basic-dark-600);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-700.dark {
    color: var(--basic-dark-700);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-800.dark {
    color: var(--basic-dark-800);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-basic-900.dark {
    color: var(--basic-dark-900);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-100.light {
    color: var(--primary-01-light-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-200.light {
    color: var(--primary-01-light-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-300.light {
    color: var(--primary-01-light-300);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-400.light {
    color: var(--primary-01-light-400);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-500.light {
    color: var(--primary-01-light-500);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-600.light {
    color: var(--primary-01-light-600);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-700.light {
    color: var(--primary-01-light-700);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-800.light {
    color: var(--primary-01-light-800);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-900.light {
    color: var(--primary-01-light-900);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-100.dark {
    color: var(--primary-01-dark-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-200.dark {
    color: var(--primary-01-dark-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-300.dark {
    color: var(--primary-01-dark-300);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-400.dark {
    color: var(--primary-01-dark-400);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-500.dark {
    color: var(--primary-01-dark-500);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-600.dark {
    color: var(--primary-01-dark-600);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-700.dark {
    color: var(--primary-01-dark-700);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-800.dark {
    color: var(--primary-01-dark-800);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-01-900.dark {
    color: var(--primary-01-dark-900);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-100.light {
    color: var(--primary-02-light-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-200.light {
    color: var(--primary-02-light-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-300.light {
    color: var(--primary-02-light-300);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-400.light {
    color: var(--primary-02-light-400);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-500.light {
    color: var(--primary-02-light-500);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-600.light {
    color: var(--primary-02-light-600);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-700.light {
    color: var(--primary-02-light-700);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-800.light {
    color: var(--primary-02-light-800);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-900.light {
    color: var(--primary-02-light-900);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-100.dark {
    color: var(--primary-02-dark-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-200.dark {
    color: var(--primary-02-dark-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-300.dark {
    color: var(--primary-02-dark-300);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-400.dark {
    color: var(--primary-02-dark-400);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-500.dark {
    color: var(--primary-02-dark-500);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-600.dark {
    color: var(--primary-02-dark-600);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-700.dark {
    color: var(--primary-02-dark-700);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-800.dark {
    color: var(--primary-02-dark-800);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-primary-02-900.dark {
    color: var(--primary-02-dark-900);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-information-100.light {
    color: var(--information-light-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-information-200.light {
    color: var(--information-light-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-information-100.dark {
    color: var(--information-dark-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-information-200.dark {
    color: var(--information-dark-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-success-100.light {
    color: var(--success-light-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-success-200.light {
    color: var(--success-light-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-success-100.dark {
    color: var(--success-dark-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-success-200.dark {
    color: var(--success-dark-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-danger-100.light {
    color: var(--error-light-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-danger-200.light {
    color: var(--error-light-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-danger-100.dark {
    color: var(--error-dark-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-danger-200.dark {
    color: var(--error-dark-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-warning-100.light {
    color: var(--warning-light-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-warning-200.light {
    color: var(--warning-light-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-warning-100.dark {
    color: var(--warning-dark-100);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}
.c1-caption-warning-200.dark {
    color: var(--warning-dark-200);
    font-size: 12px;
    text-transform: none;
    font-weight: 500;
}