.flex           {display: flex;}
.flex.jcsb      {justify-content: space-between;}
.flex.aic       {align-items: center;}
.flex.col       {flex-direction: column;}
.flex.g-xxxs    {gap: var(--size-xxxs);}
.flex.g-xxs     {gap: var(--size-xxs);}
.flex.g-xs      {gap: var(--size-xs);}
.flex.g-xs      {gap: var(--size-xs);}
.flex.g-s       {gap: var(--size-s);}
.flex.g-m       {gap: var(--size-m);}
.flex.g-l       {gap: var(--size-l);}
.flex.g-xl      {gap: var(--size-xl);}
.flex.g-xxl     {gap: var(--size-xxl);}
.flex.g-xxxl    {gap: var(--size-xxxl);}

.br             {border-radius: var(--border-radius); }

h1.primary,
h2.primary,
h3.primary,
h4.primary,
h5.primary,
p.primary,
a.primary,
span.primary,
strong.primary,
i.primary {
    color: var(--primary-700)
}
h1.secondary,
h2.secondary,
h3.secondary,
h4.secondary,
h5.secondary,
p.secondary,
a.secondary,
span.secondary,
strong.secondary,
i.secondary {
    color: var(--secondary-700)
}

.italic {
    font-style: italic;
}
.dull.blur {
    filter: blur(10px) brightness(10%);
    -webkit-filter: blur(10px) brightness(10%);
}

.ta.justify {text-align: justify;}