
.d-flex { display: flex; }

.flex-row { display: flex; flex-direction: row; }
.flex-col { display: flex; flex-direction: column; }

.items-center { align-items: center; }
.items-start { align-items: start; }
.items-end { align-items: end; }
.items-baseline { align-items: baseline; }

.content-center { align-content: center; }

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

.w-fit-content { width: fit-content; }

/* Background */

.bg-info { background-color: var(--cobalt--user-blue); }
.bg-orange { background-color: var(--cobalt--orange-background); }

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

.tx-primary { color: var(--cobalt--ultramarine); }
.tx-primary-5 { color: var(--cobalt--bleu-digital-05); }
.tx-orange { color: var(--cobalt--orange-icon); }
.tx-error { color: var(--error-color); }
.tx-grey-70 { color: var(--cobalt--grey-70); }
.tx-underlined { text-decoration: underline; }
.tx-bold { font-weight: bold; }

.tx-12 { font-size: 12px; }
.tx-14 { font-size: 14px; }
.tx-16 { font-size: 16px; }
.tx-18 { font-size: 18px; }

/* Spacing */
.mg-0 { margin: 0; }

.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 4px; }
.mr-2 { margin-right: 8px; }
.mr-3 { margin-right: 16px; }
.mr-4 { margin-right: 24px; }

.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 4px; }
.ml-2 { margin-left: 8px; }
.ml-3 { margin-left: 16px; }
.ml-4 { margin-left: 24px; }

.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 16px; }
.mt-4 { margin-top: 24px; }

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 8px; }
.mb-3 { margin-bottom: 16px; }
.mb-4 { margin-bottom: 24px; }

.pd-0 { padding: 0; }
.pd-1 { padding: 4px; }
.pd-2 { padding: 8px; }
.pd-3 { padding: 16px; }
.pd-4 { padding: 24px; }

.pr-0 { padding-right: 0; }
.pr-1 { padding-right: 4px; }
.pr-2 { padding-right: 8px; }
.pr-3 { padding-right: 16px; }
.pr-4 { padding-right: 24px; }

.pl-0 { padding-left: 0; }
.pl-1 { padding-left: 4px; }
.pl-2 { padding-left: 8px; }
.pl-3 { padding-left: 16px; }
.pl-4 { padding-left: 24px; }

.pt-0 { padding-top: 0; }
.pt-1 { padding-top: 4px; }
.pt-2 { padding-top: 8px; }
.pt-3 { padding-top: 16px; }
.pt-4 { padding-top: 24px; }

.pb-0 { padding-bottom: 0; }
.pb-1 { padding-bottom: 4px; }
.pb-2 { padding-bottom: 8px; }
.pb-3 { padding-bottom: 16px; }
.pb-4 { padding-bottom: 24px; }

.w-100 { width: 100%; }


/* Border */
.br-10 { border-radius: 10px; }
.br-15 { border-radius: 15px; }

.b-none { border: none; }