.top0 {
    margin-top: 0 !important;
}
.right0 {
    margin-right: 0 !important;
}
.bottom0 {
    margin-bottom: 0 !important;
}
.left0 {
    margin-left: 0 !important;
}

.top4 {
    margin-top: 4px !important;
}
.right4 {
    margin-right: 4px !important;
}
.bottom4 {
    margin-bottom: 4px !important;
}
.left4 {
    margin-left: 4px !important;
}

.top8 {
    margin-top: 8px !important;
}
.right8 {
    margin-right: 8px !important;
}
.bottom8 {
    margin-bottom: 8px !important;
}
.left8 {
    margin-left: 8px !important;
}

.top16 {
    margin-top: 16px !important;
}
.right16 {
    margin-right: 16px !important;
}
.bottom16 {
    margin-bottom: 16px !important;
}
.left16 {
    margin-left: 16px !important;
}

.top32 {
    margin-top: 32px !important;
}
.right32 {
    margin-right: 32px !important;
}
.bottom32 {
    margin-bottom: 32px !important;
}
.left32 {
    margin-left: 32px !important;
}

.top48 {
    margin-top: 48px !important;
}
.right48 {
    margin-right: 48px !important;
}
.bottom48 {
    margin-bottom: 48px !important;
}
.left48 {
    margin-left: 48px !important;
}

.primary-text {
    color: var(--primary) !important;
}
.primary {
    background-color: var(--primary) !important;
}
.secondary-text {
    color: var(--secondary) !important;
}
.secondary {
    background-color: var(--secondary) !important;
}
.accent-text {
    color: var(--accent) !important;
}
.accent {
    background-color: var(--accent) !important;
}



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

.bg-dark {
    background-color: var(--bg-dark);
}