.mr-auto {
    margin-right: auto;
}

/* gaps */
.gap-8 {
    gap: 8px;
}

.gap-10 {
    gap: 10px;
}

.gap-16 {
    gap: 16px;
}

.gap-20 {
    gap: 20px;
}

.gap-24 {
    gap: 24px;
}

.gap-32 {
    gap: 32px;
}

.gap-40 {
    gap: 40px;
}

.gap-48 {
    gap: 48px;
}

.gap-96 {
    gap: 96px;
}

@media (min-width: 0) {
    .gap-xs-8 {
        gap: 8px;
    }
    .gap-xs-10 {
        gap: 10px;
    }
    .gap-xs-16 {
        gap: 16px;
    }
    .gap-xs-20 {
        gap: 20px;
    }
    .gap-xs-24 {
        gap: 24px;
    }
    .gap-xs-32 {
        gap: 32px;
    }
    .gap-xs-40 {
        gap: 40px;
    }
    .gap-xs-48 {
        gap: 48px;
    }
    .gap-xs-96 {
        gap: 96px;
    }
}
@media (min-width: 600px) {
    .gap-sm-8 {
        gap: 8px;
    }
    .gap-sm-10 {
        gap: 10px;
    }
    .gap-sm-16 {
        gap: 16px;
    }
    .gap-sm-20 {
        gap: 20px;
    }
    .gap-sm-24 {
        gap: 24px;
    }
    .gap-sm-32 {
        gap: 32px;
    }
    .gap-sm-40 {
        gap: 40px;
    }
    .gap-sm-48 {
        gap: 48px;
    }
    .gap-sm-96 {
        gap: 96px;
    }
}
@media (min-width: 960px) {
    .gap-md-8 {
        gap: 8px;
    }
    .gap-md-10 {
        gap: 10px;
    }
    .gap-md-16 {
        gap: 16px;
    }
    .gap-md-20 {
        gap: 20px;
    }
    .gap-md-24 {
        gap: 24px;
    }
    .gap-md-32 {
        gap: 32px;
    }
    .gap-md-40 {
        gap: 40px;
    }
    .gap-md-48 {
        gap: 48px;
    }
    .gap-md-96 {
        gap: 96px;
    }
}
@media (min-width: 1280px) {
    .gap-lg-8 {
        gap: 8px;
    }
    .gap-lg-10 {
        gap: 10px;
    }
    .gap-lg-16 {
        gap: 16px;
    }
    .gap-lg-20 {
        gap: 20px;
    }
    .gap-lg-24 {
        gap: 24px;
    }
    .gap-lg-32 {
        gap: 32px;
    }
    .gap-lg-40 {
        gap: 40px;
    }
    .gap-lg-48 {
        gap: 48px;
    }
    .gap-lg-96 {
        gap: 96px;
    }
}
@media (min-width: 1920px) {
    .gap-xl-8 {
        gap: 8px;
    }
    .gap-xl-10 {
        gap: 10px;
    }
    .gap-xl-16 {
        gap: 16px;
    }
    .gap-xl-20 {
        gap: 20px;
    }
    .gap-xl-24 {
        gap: 24px;
    }
    .gap-xl-32 {
        gap: 32px;
    }
    .gap-xl-40 {
        gap: 40px;
    }
    .gap-xl-48 {
        gap: 48px;
    }
    .gap-xl-96 {
        gap: 96px;
    }
}
@media (min-width: 2560px) {
    .gap-xxl-8 {
        gap: 8px;
    }
    .gap-xxl-10 {
        gap: 10px;
    }
    .gap-xxl-16 {
        gap: 16px;
    }
    .gap-xxl-20 {
        gap: 20px;
    }
    .gap-xxl-24 {
        gap: 24px;
    }
    .gap-xxl-32 {
        gap: 32px;
    }
    .gap-xxl-40 {
        gap: 40px;
    }
    .gap-xxl-48 {
        gap: 48px;
    }
    .gap-xxl-96 {
        gap: 96px;
    }
}

/* sizings */
.size-8 {
    height: 8px !important;
    width: 8px !important;
}

.size-12 {
    height: 12px !important;
    width: 12px !important;
}

.size-16 {
    height: 16px !important;
    width: 16px !important;
}

.size-20 {
    height: 20px !important;
    width: 20px !important;
}

.size-24 {
    height: 24px !important;
    width: 24px !important;
}

.size-28 {
    height: 28px !important;
    width: 28px !important;
}

.size-32 {
    height: 32px !important;
    width: 32px !important;
}

.size-36 {
    height: 36px !important;
    width: 36px !important;
}

.size-40 {
    height: 40px !important;
    width: 40px !important;
}

.size-44 {
    height: 44px !important;
    width: 44px !important;
}

.size-48 {
    height: 48px !important;
    width: 48px !important;
}

.size-52 {
    height: 52px !important;
    width: 52px !important;
}

.size-56 {
    height: 56px !important;
    width: 56px !important;
}

.size-60 {
    height: 60px !important;
    width: 60px !important;
}

.size-64 {
    height: 64px !important;
    width: 64px !important;
}

.size-68 {
    height: 68px !important;
    width: 68px !important;
}

.size-72 {
    height: 72px !important;
    width: 72px !important;
}

.size-76 {
    height: 76px !important;
    width: 76px !important;
}

.size-80 {
    height: 80px !important;
    width: 80px !important;
}

.size-84 {
    height: 84px !important;
    width: 84px !important;
}

.size-88 {
    height: 88px !important;
    width: 88px !important;
}

.size-92 {
    height: 92px !important;
    width: 92px !important;
}

.size-96 {
    height: 96px !important;
    width: 96px !important;
}

@media (min-width: 600px) {
    .size-sm-8 {
        height: 8px !important;
        width: 8px !important;
    }
    .size-sm-12 {
        height: 12px !important;
        width: 12px !important;
    }
    .size-sm-16 {
        height: 16px !important;
        width: 16px !important;
    }
    .size-sm-20 {
        height: 20px !important;
        width: 20px !important;
    }
    .size-sm-24 {
        height: 24px !important;
        width: 24px !important;
    }
    .size-sm-28 {
        height: 28px !important;
        width: 28px !important;
    }
    .size-sm-32 {
        height: 32px !important;
        width: 32px !important;
    }
    .size-sm-36 {
        height: 36px !important;
        width: 36px !important;
    }
    .size-sm-40 {
        height: 40px !important;
        width: 40px !important;
    }
    .size-sm-44 {
        height: 44px !important;
        width: 44px !important;
    }
    .size-sm-48 {
        height: 48px !important;
        width: 48px !important;
    }
    .size-sm-52 {
        height: 52px !important;
        width: 52px !important;
    }
    .size-sm-56 {
        height: 56px !important;
        width: 56px !important;
    }
    .size-sm-60 {
        height: 60px !important;
        width: 60px !important;
    }
    .size-sm-64 {
        height: 64px !important;
        width: 64px !important;
    }
    .size-sm-68 {
        height: 68px !important;
        width: 68px !important;
    }
    .size-sm-72 {
        height: 72px !important;
        width: 72px !important;
    }
    .size-sm-76 {
        height: 76px !important;
        width: 76px !important;
    }
    .size-sm-80 {
        height: 80px !important;
        width: 80px !important;
    }
    .size-sm-84 {
        height: 84px !important;
        width: 84px !important;
    }
    .size-sm-88 {
        height: 88px !important;
        width: 88px !important;
    }
    .size-sm-92 {
        height: 92px !important;
        width: 92px !important;
    }
    .size-sm-96 {
        height: 96px !important;
        width: 96px !important;
    }
}
@media (min-width: 960px) {
    .size-md-8 {
        height: 8px !important;
        width: 8px !important;
    }
    .size-md-12 {
        height: 12px !important;
        width: 12px !important;
    }
    .size-md-16 {
        height: 16px !important;
        width: 16px !important;
    }
    .size-md-20 {
        height: 20px !important;
        width: 20px !important;
    }
    .size-md-24 {
        height: 24px !important;
        width: 24px !important;
    }
    .size-md-28 {
        height: 28px !important;
        width: 28px !important;
    }
    .size-md-32 {
        height: 32px !important;
        width: 32px !important;
    }
    .size-md-36 {
        height: 36px !important;
        width: 36px !important;
    }
    .size-md-40 {
        height: 40px !important;
        width: 40px !important;
    }
    .size-md-44 {
        height: 44px !important;
        width: 44px !important;
    }
    .size-md-48 {
        height: 48px !important;
        width: 48px !important;
    }
    .size-md-52 {
        height: 52px !important;
        width: 52px !important;
    }
    .size-md-56 {
        height: 56px !important;
        width: 56px !important;
    }
    .size-md-60 {
        height: 60px !important;
        width: 60px !important;
    }
    .size-md-64 {
        height: 64px !important;
        width: 64px !important;
    }
    .size-md-68 {
        height: 68px !important;
        width: 68px !important;
    }
    .size-md-72 {
        height: 72px !important;
        width: 72px !important;
    }
    .size-md-76 {
        height: 76px !important;
        width: 76px !important;
    }
    .size-md-80 {
        height: 80px !important;
        width: 80px !important;
    }
    .size-md-84 {
        height: 84px !important;
        width: 84px !important;
    }
    .size-md-88 {
        height: 88px !important;
        width: 88px !important;
    }
    .size-md-92 {
        height: 92px !important;
        width: 92px !important;
    }
    .size-md-96 {
        height: 96px !important;
        width: 96px !important;
    }
}
@media (min-width: 1280px) {
    .size-lg-8 {
        height: 8px !important;
        width: 8px !important;
    }
    .size-lg-12 {
        height: 12px !important;
        width: 12px !important;
    }
    .size-lg-16 {
        height: 16px !important;
        width: 16px !important;
    }
    .size-lg-20 {
        height: 20px !important;
        width: 20px !important;
    }
    .size-lg-24 {
        height: 24px !important;
        width: 24px !important;
    }
    .size-lg-28 {
        height: 28px !important;
        width: 28px !important;
    }
    .size-lg-32 {
        height: 32px !important;
        width: 32px !important;
    }
    .size-lg-36 {
        height: 36px !important;
        width: 36px !important;
    }
    .size-lg-40 {
        height: 40px !important;
        width: 40px !important;
    }
    .size-lg-44 {
        height: 44px !important;
        width: 44px !important;
    }
    .size-lg-48 {
        height: 48px !important;
        width: 48px !important;
    }
    .size-lg-52 {
        height: 52px !important;
        width: 52px !important;
    }
    .size-lg-56 {
        height: 56px !important;
        width: 56px !important;
    }
    .size-lg-60 {
        height: 60px !important;
        width: 60px !important;
    }
    .size-lg-64 {
        height: 64px !important;
        width: 64px !important;
    }
    .size-lg-68 {
        height: 68px !important;
        width: 68px !important;
    }
    .size-lg-72 {
        height: 72px !important;
        width: 72px !important;
    }
    .size-lg-76 {
        height: 76px !important;
        width: 76px !important;
    }
    .size-lg-80 {
        height: 80px !important;
        width: 80px !important;
    }
    .size-lg-84 {
        height: 84px !important;
        width: 84px !important;
    }
    .size-lg-88 {
        height: 88px !important;
        width: 88px !important;
    }
    .size-lg-92 {
        height: 92px !important;
        width: 92px !important;
    }
    .size-lg-96 {
        height: 96px !important;
        width: 96px !important;
    }
}
@media (min-width: 1920px) {
    .size-xl-8 {
        height: 8px !important;
        width: 8px !important;
    }
    .size-xl-12 {
        height: 12px !important;
        width: 12px !important;
    }
    .size-xl-16 {
        height: 16px !important;
        width: 16px !important;
    }
    .size-xl-20 {
        height: 20px !important;
        width: 20px !important;
    }
    .size-xl-24 {
        height: 24px !important;
        width: 24px !important;
    }
    .size-xl-28 {
        height: 28px !important;
        width: 28px !important;
    }
    .size-xl-32 {
        height: 32px !important;
        width: 32px !important;
    }
    .size-xl-36 {
        height: 36px !important;
        width: 36px !important;
    }
    .size-xl-40 {
        height: 40px !important;
        width: 40px !important;
    }
    .size-xl-44 {
        height: 44px !important;
        width: 44px !important;
    }
    .size-xl-48 {
        height: 48px !important;
        width: 48px !important;
    }
    .size-xl-52 {
        height: 52px !important;
        width: 52px !important;
    }
    .size-xl-56 {
        height: 56px !important;
        width: 56px !important;
    }
    .size-xl-60 {
        height: 60px !important;
        width: 60px !important;
    }
    .size-xl-64 {
        height: 64px !important;
        width: 64px !important;
    }
    .size-xl-68 {
        height: 68px !important;
        width: 68px !important;
    }
    .size-xl-72 {
        height: 72px !important;
        width: 72px !important;
    }
    .size-xl-76 {
        height: 76px !important;
        width: 76px !important;
    }
    .size-xl-80 {
        height: 80px !important;
        width: 80px !important;
    }
    .size-xl-84 {
        height: 84px !important;
        width: 84px !important;
    }
    .size-xl-88 {
        height: 88px !important;
        width: 88px !important;
    }
    .size-xl-92 {
        height: 92px !important;
        width: 92px !important;
    }
    .size-xl-96 {
        height: 96px !important;
        width: 96px !important;
    }
}
@media (min-width: 2560px) {
    .size-xxl-8 {
        height: 8px !important;
        width: 8px !important;
    }
    .size-xxl-12 {
        height: 12px !important;
        width: 12px !important;
    }
    .size-xxl-16 {
        height: 16px !important;
        width: 16px !important;
    }
    .size-xxl-20 {
        height: 20px !important;
        width: 20px !important;
    }
    .size-xxl-24 {
        height: 24px !important;
        width: 24px !important;
    }
    .size-xxl-28 {
        height: 28px !important;
        width: 28px !important;
    }
    .size-xxl-32 {
        height: 32px !important;
        width: 32px !important;
    }
    .size-xxl-36 {
        height: 36px !important;
        width: 36px !important;
    }
    .size-xxl-40 {
        height: 40px !important;
        width: 40px !important;
    }
    .size-xxl-44 {
        height: 44px !important;
        width: 44px !important;
    }
    .size-xxl-48 {
        height: 48px !important;
        width: 48px !important;
    }
    .size-xxl-52 {
        height: 52px !important;
        width: 52px !important;
    }
    .size-xxl-56 {
        height: 56px !important;
        width: 56px !important;
    }
    .size-xxl-60 {
        height: 60px !important;
        width: 60px !important;
    }
    .size-xxl-64 {
        height: 64px !important;
        width: 64px !important;
    }
    .size-xxl-68 {
        height: 68px !important;
        width: 68px !important;
    }
    .size-xxl-72 {
        height: 72px !important;
        width: 72px !important;
    }
    .size-xxl-76 {
        height: 76px !important;
        width: 76px !important;
    }
    .size-xxl-80 {
        height: 80px !important;
        width: 80px !important;
    }
    .size-xxl-84 {
        height: 84px !important;
        width: 84px !important;
    }
    .size-xxl-88 {
        height: 88px !important;
        width: 88px !important;
    }
    .size-xxl-92 {
        height: 92px !important;
        width: 92px !important;
    }
    .size-xxl-96 {
        height: 96px !important;
        width: 96px !important;
    }
}

/* Fontsize */
.font-size-8 {
    font-size: 8px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-40 {
    font-size: 40px;
}

@media (min-width: 0) {
    .font-size-xs-8 {
        font-size: 8px;
    }
    .font-size-xs-10 {
        font-size: 10px;
    }
    .font-size-xs-12 {
        font-size: 12px;
    }
    .font-size-xs-14 {
        font-size: 14px;
    }
    .font-size-xs-16 {
        font-size: 16px;
    }
    .font-size-xs-18 {
        font-size: 18px;
    }
    .font-size-xs-20 {
        font-size: 20px;
    }
    .font-size-xs-22 {
        font-size: 22px;
    }
    .font-size-xs-24 {
        font-size: 24px;
    }
    .font-size-xs-32 {
        font-size: 32px;
    }
    .font-size-xs-40 {
        font-size: 40px;
    }
}
@media (min-width: 600px) {
    .font-size-sm-8 {
        font-size: 8px;
    }
    .font-size-sm-10 {
        font-size: 10px;
    }
    .font-size-sm-12 {
        font-size: 12px;
    }
    .font-size-sm-14 {
        font-size: 14px;
    }
    .font-size-sm-16 {
        font-size: 16px;
    }
    .font-size-sm-18 {
        font-size: 18px;
    }
    .font-size-sm-20 {
        font-size: 20px;
    }
    .font-size-sm-22 {
        font-size: 22px;
    }
    .font-size-sm-24 {
        font-size: 24px;
    }
    .font-size-sm-32 {
        font-size: 32px;
    }
    .font-size-sm-40 {
        font-size: 40px;
    }
}
@media (min-width: 960px) {
    .font-size-md-8 {
        font-size: 8px;
    }
    .font-size-md-10 {
        font-size: 10px;
    }
    .font-size-md-12 {
        font-size: 12px;
    }
    .font-size-md-14 {
        font-size: 14px;
    }
    .font-size-md-16 {
        font-size: 16px;
    }
    .font-size-md-18 {
        font-size: 18px;
    }
    .font-size-md-20 {
        font-size: 20px;
    }
    .font-size-md-22 {
        font-size: 22px;
    }
    .font-size-md-24 {
        font-size: 24px;
    }
    .font-size-md-32 {
        font-size: 32px;
    }
    .font-size-md-40 {
        font-size: 40px;
    }
}
@media (min-width: 1280px) {
    .font-size-lg-8 {
        font-size: 8px;
    }
    .font-size-lg-10 {
        font-size: 10px;
    }
    .font-size-lg-12 {
        font-size: 12px;
    }
    .font-size-lg-14 {
        font-size: 14px;
    }
    .font-size-lg-16 {
        font-size: 16px;
    }
    .font-size-lg-18 {
        font-size: 18px;
    }
    .font-size-lg-20 {
        font-size: 20px;
    }
    .font-size-lg-22 {
        font-size: 22px;
    }
    .font-size-lg-24 {
        font-size: 24px;
    }
    .font-size-lg-32 {
        font-size: 32px;
    }
    .font-size-lg-40 {
        font-size: 40px;
    }
}
@media (min-width: 1920px) {
    .font-size-xl-8 {
        font-size: 8px;
    }
    .font-size-xl-10 {
        font-size: 10px;
    }
    .font-size-xl-12 {
        font-size: 12px;
    }
    .font-size-xl-14 {
        font-size: 14px;
    }
    .font-size-xl-16 {
        font-size: 16px;
    }
    .font-size-xl-18 {
        font-size: 18px;
    }
    .font-size-xl-20 {
        font-size: 20px;
    }
    .font-size-xl-22 {
        font-size: 22px;
    }
    .font-size-xl-24 {
        font-size: 24px;
    }
    .font-size-xl-32 {
        font-size: 32px;
    }
    .font-size-xl-40 {
        font-size: 40px;
    }
}
@media (min-width: 2560px) {
    .font-size-xxl-8 {
        font-size: 8px;
    }
    .font-size-xxl-10 {
        font-size: 10px;
    }
    .font-size-xxl-12 {
        font-size: 12px;
    }
    .font-size-xxl-14 {
        font-size: 14px;
    }
    .font-size-xxl-16 {
        font-size: 16px;
    }
    .font-size-xxl-18 {
        font-size: 18px;
    }
    .font-size-xxl-20 {
        font-size: 20px;
    }
    .font-size-xxl-22 {
        font-size: 22px;
    }
    .font-size-xxl-24 {
        font-size: 24px;
    }
    .font-size-xxl-32 {
        font-size: 32px;
    }
    .font-size-xxl-40 {
        font-size: 40px;
    }
}