.bg-main-dark-blue {
    background-color: var(--main-dark-blue)
}
.bg-main-dark-blue-80 {
    background-color: var(--main-dark-blue-80)
}
.bg-main-dark-blue-70 {
    background-color: var(--main-dark-blue-70)
}
.bg-main-dark-blue-50 {
    background-color: var(--main-dark-blue-50)
}
.bg-main-dark-blue-30 {
    background-color: var(--main-dark-blue-30)
}
.bg-main-dark-blue-20 {
    background-color: var(--main-dark-blue-20)
}
.bg-main-dark-blue-10 {
    background-color: var(--main-dark-blue-10)
}
.bg-main-light-blue {
    background-color: var(--main-light-blue)
}
.bg-main-light-blue-80 {
    background-color: var(--main-light-blue-80)
}
.bg-main-light-blue-70 {
    background-color: var(--main-light-blue-70)
}
.bg-main-light-blue-50 {
    background-color: var(--main-light-blue-50)
}
.bg-main-light-blue-30 {
    background-color: var(--main-light-blue-30)
}
.bg-main-light-blue-20 {
    background-color: var(--main-light-blue-20)
}
.bg-main-light-blue-10 {
    background-color: var(--main-light-blue-10)
}
.bg-main-green {
    background-color: var(--main-green)
}
.bg-main-green-80 {
    background-color: var(--main-green-80)
}
.bg-main-green-70 {
    background-color: var(--main-green-70)
}
.bg-main-green-50 {
    background-color: var(--main-green-50)
}
.bg-main-green-30 {
    background-color: var(--main-green-30)
}
.bg-main-green-20 {
    background-color: var(--main-green-20)
}
.bg-main-green-10 {
    background-color: var(--main-green-10)
}
.bg-main-yellow {
    background-color: var(--main-yellow)
}
.bg-main-yellow-80 {
    background-color: var(--main-yellow-80)
}
.bg-main-yellow-70 {
    background-color: var(--main-yellow-70)
}
.bg-main-yellow-50 {
    background-color: var(--main-yellow-50)
}
.bg-main-yellow-30 {
    background-color: var(--main-yellow-30)
}
.bg-main-yellow-20 {
    background-color: var(--main-yellow-20)
}
.bg-main-yellow-10 {
    background-color: var(--main-yellow-10)
}
.bg-main-orange {
    background-color: var(--main-orange)
}
.bg-main-orange-80 {
    background-color: var(--main-orange-80)
}
.bg-main-orange-70 {
    background-color: var(--main-orange-70)
}
.bg-main-orange-50 {
    background-color: var(--main-orange-50)
}
.bg-main-orange-30 {
    background-color: var(--main-orange-30)
}
.bg-main-orange-20 {
    background-color: var(--main-orange-20)
}
.bg-main-orange-10 {
    background-color: var(--main-orange-10);
    overflow-x: hidden;
}


.bg-black {
    background-color: var(--black);
}
.bg-white {
    background-color: var(--white);
}
.bg-grey {
    background-color: var(--grey);
}

.text-dark-blue {
    color: var(--main-dark-blue)
}
.text-dark-blue-80 {
    color: var(--main-dark-blue-80)
}
.text-dark-blue-70 {
    color: var(--main-dark-blue-70)
}
.text-dark-blue-50 {
    color: var(--main-dark-blue-50)
}
.text-dark-blue-30 {
    color: var(--main-dark-blue-30)
}
.text-dark-blue-20 {
    color: var(--main-dark-blue-20)
}
.text-dark-blue-10 {
    color: var(--main-dark-blue-10)
}
.text-light-blue {
    color: var(--main-light-blue)
}
.text-light-blue-80 {
    color: var(--main-light-blue-80)
}
.text-light-blue-70 {
    color: var(--main-light-blue-70)
}
.text-light-blue-50 {
    color: var(--main-light-blue-50)
}
.text-light-blue-30 {
    color: var(--main-light-blue-30)
}
.text-light-blue-20 {
    color: var(--main-light-blue-20)
}
.text-light-blue-10 {
    color: var(--main-light-blue-10)
}
.text-green {
    color: var(--main-green)
}
.text-green-80 {
    color: var(--main-green-80)
}
.text-green-70 {
    color: var(--main-green-70)
}
.text-green-50 {
    color: var(--main-green-50)
}
.text-green-30 {
    color: var(--main-green-30)
}
.text-green-20 {
    color: var(--main-green-20)
}
.text-green-10 {
    color: var(--main-green-10)
}
.text-yellow {
    color: var(--main-yellow)
}
.text-yellow-80 {
    color: var(--main-yellow-80)
}
.text-yellow-70 {
    color: var(--main-yellow-70)
}
.text-yellow-50 {
    color: var(--main-yellow-50)
}
.text-yellow-30 {
    color: var(--main-yellow-30)
}
.text-yellow-20 {
    color: var(--main-yellow-20)
}
.text-yellow-10 {
    color: var(--main-yellow-10)
}
.text-orange {
    color: var(--main-orange)
}
.text-orange-80 {
    color: var(--main-orange-80)
}
.text-orange-70 {
    color: var(--main-orange-70)
}
.text-orange-50 {
    color: var(--main-orange-50)
}
.text-orange-30 {
    color: var(--main-orange-30)
}
.text-orange-20 {
    color: var(--main-orange-20)
}
.text-orange-10 {
    color: var(--main-orange-10)
}

.text-info {
    color: var(--info);
}
.text-info-50 {
    color: var(--info-50);
}
.text-info-20 {
    color: var(--info-20);
}

.text-success {
    color: var(--success);
}
.text-success-50 {
    color: var(--success-50);
}
.text-success-20 {
    color: var(--success-20);
}

.text-warning {
    color: var(--warning);
}
.text-warning-50 {
    color: var(--warning-50);
}
.text-warning-20 {
    color: var(--warning-20);
}

.text-danger {
    color: var(--danger);
}
.text-danger-50 {
    color: var(--danger-50);
}
.text-danger-20 {
    color: var(--danger-20);
}

.text-white {
    color: var(--white)!important;
}

.text-shadow {
    text-shadow: black 1px 1px 3px;
}

.shadow-xs {
    box-shadow: var(--shadow-xs);
}
.shadow-s {
    box-shadow: var(--shadow-s);
}
.shadow-m {
    box-shadow: var(--shadow-m);
}
.shadow-l {
    box-shadow: var(--shadow-l);
}
.shadow-xl {
    box-shadow: var(--shadow-xl);
}

.opacity-0 {
    opacity: 0;
}

.svg-dark-blue > svg {
    color: var(--main-dark-blue);
}