/**
 * Created by henry villa on 11.08.22.
 */
:root {
    --spacing-8: 0.5rem;
    --spacing-16: 1rem;
    --spacing-24: 1.5rem;
    --spacing-32: 2rem;
    --spacing-40: 2.5rem;
    --spacing-48: 3rem;
    --spacing-56: 3.5rem;
    --spacing-64: 4rem;
    --spacing-72: 4.5rem;
    --spacing-80: 5rem;
}
.pad {
    padding: var(--spacing-8);
}
.pad-16 {
    padding: var(--spacing-16);
}
.pad-24 {
    padding: var(--spacing-24);
}
.pad-t {
    padding-top: var(--spacing-8);
}
.pad-r {
    padding-right: var(--spacing-8);
}
.pad-b {
    padding-bottom: var(--spacing-8);
}
.pad-l {
    padding-left: var(--spacing-8);
}
.pad-t-16 {
    padding-top: var(--spacing-16);
}
.pad-r-16 {
    padding-right: var(--spacing-16);
}
.pad-b-16 {
    padding-bottom: var(--spacing-16);
}
.pad-l-16 {
    padding-left: var(--spacing-16);
}
.pad-t-24 {
    padding-top: var(--spacing-24);
}
.pad-r-24 {
    padding-right: var(--spacing-24);
}
.pad-b-24 {
    padding-bottom: var(--spacing-24);
}
.pad-l-24 {
    padding-left: var(--spacing-24);
}
.pad-t-32 {
    padding-top: var(--spacing-32);
}
.pad-r-32 {
    padding-right: var(--spacing-32);
}
.pad-b-32 {
    padding-bottom: var(--spacing-32);
}
.pad-l-32 {
    padding-left: var(--spacing-32);
}
.pad-t-40 {
    padding-top: var(--spacing-40);
}
.pad-r-40 {
    padding-right: var(--spacing-40);
}
.pad-b-40 {
    padding-bottom: var(--spacing-40);
}
.pad-l-40 {
    padding-left: var(--spacing-40);
}
.pad-t-48 {
    padding-top: var(--spacing-48);
}
.pad-r-48 {
    padding-right: var(--spacing-48);
}
.pad-b-48 {
    padding-bottom: var(--spacing-48);
}
.pad-l-48 {
    padding-left: var(--spacing-48);
}
.pad-t-56 {
    padding-top: var(--spacing-56);
}
.pad-r-56 {
    padding-right: var(--spacing-56);
}
.pad-b-56 {
    padding-bottom: var(--spacing-56);
}
.pad-l-56 {
    padding-left: var(--spacing-56);
}
.pad-t-64 {
    padding-top: var(--spacing-64);
}
.pad-r-64 {
    padding-right: var(--spacing-64);
}
.pad-b-64 {
    padding-bottom: var(--spacing-64);
}
.pad-l-64 {
    padding-left: var(--spacing-64);
}
.pad-t-72 {
    padding-top: var(--spacing-72);
}
.pad-r-72 {
    padding-right: var(--spacing-72);
}
.pad-b-72 {
    padding-bottom: var(--spacing-72);
}
.pad-l-72 {
    padding-left: var(--spacing-72);
}
.pad-t-80 {
    padding-top: var(--spacing-80);
}
.pad-r-80 {
    padding-right: var(--spacing-80);
}
.pad-b-80 {
    padding-bottom: var(--spacing-80);
}
.pad-l-80 {
    padding-left: var(--spacing-80);
}
.pad-l-r {
    padding-left: var(--spacing-8);
    padding-right: var(--spacing-8);
}
.pad-t-b {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-8);
}
.pad-l-r-16 {
    padding-left: var(--spacing-16);
    padding-right: var(--spacing-16);
}
.pad-t-b-16 {
    padding-top: var(--spacing-16);
    padding-bottom: var(--spacing-16);
}
.pad-l-r-24 {
    padding-left: var(--spacing-24);
    padding-right: var(--spacing-24);
}
.pad-t-b-24 {
    padding-top: var(--spacing-24);
    padding-bottom: var(--spacing-24);
}
.pad-l-r-32 {
    padding-left: var(--spacing-32);
    padding-right: var(--spacing-32);
}
.pad-t-b-32 {
    padding-top: var(--spacing-32);
    padding-bottom: var(--spacing-32);
}
.mar {
    margin: var(--spacing-8);
}
.mar-16 {
    margin: var(--spacing-16);
}
.mar-24 {
    margin: var(--spacing-24);
}
.mar-t {
    margin-top: var(--spacing-8);
}
.mar-r {
    margin-right: var(--spacing-8);
}
.mar-b {
    margin-bottom: var(--spacing-8);
}
.mar-l {
    margin-left: var(--spacing-8);
}
.mar-t-16 {
    margin-top: var(--spacing-16);
}
.mar-r-16 {
    margin-right: var(--spacing-16);
}
.mar-b-16 {
    margin-bottom: var(--spacing-16);
}
.mar-l-16 {
    margin-left: var(--spacing-16);
}
.mar-t-24 {
    margin-top: var(--spacing-24);
}
.mar-r-24 {
    margin-right: var(--spacing-24);
}
.mar-b-24 {
    margin-bottom: var(--spacing-24);
}
.mar-l-24 {
    margin-left: var(--spacing-24);
}
.mar-t-32 {
    margin-top: var(--spacing-32);
}
.mar-r-32 {
    margin-right: var(--spacing-32);
}
.mar-b-32 {
    margin-bottom: var(--spacing-32);
}
.mar-l-32 {
    margin-left: var(--spacing-32);
}
.mar-t-40 {
    margin-top: var(--spacing-40);
}
.mar-r-40 {
    margin-right: var(--spacing-40);
}
.mar-b-40 {
    margin-bottom: var(--spacing-40);
}
.mar-l-40 {
    margin-left: var(--spacing-40);
}
.mar-t-48 {
    margin-top: var(--spacing-48);
}
.mar-r-48 {
    margin-right: var(--spacing-48);
}
.mar-b-48 {
    margin-bottom: var(--spacing-48);
}
.mar-l-48 {
    margin-left: var(--spacing-48);
}
.mar-t-56 {
    margin-top: var(--spacing-56);
}
.mar-r-56 {
    margin-right: var(--spacing-56);
}
.mar-b-56 {
    margin-bottom: var(--spacing-56);
}
.mar-l-56 {
    margin-left: var(--spacing-56);
}
.mar-t-64 {
    margin-top: var(--spacing-64);
}
.mar-r-64 {
    margin-right: var(--spacing-64);
}
.mar-b-64 {
    margin-bottom: var(--spacing-64);
}
.mar-l-64 {
    margin-left: var(--spacing-64);
}
.mar-t-72 {
    margin-top: var(--spacing-72);
}
.mar-r-72 {
    margin-right: var(--spacing-72);
}
.mar-b-72 {
    margin-bottom: var(--spacing-72);
}
.mar-l-72 {
    margin-left: var(--spacing-72);
}
.mar-t-80 {
    margin-top: var(--spacing-80);
}
.mar-r-80 {
    margin-right: var(--spacing-80);
}
.mar-b-80 {
    margin-bottom: var(--spacing-80);
}
.mar-l-80 {
    margin-left: var(--spacing-80);
}
.mar-l-r {
    margin-left: var(--spacing-8);
    margin-right: var(--spacing-8);
}
.mar-t-b {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
}
.mar-l-r-16 {
    margin-left: var(--spacing-16);
    margin-right: var(--spacing-16);
}
.mar-t-b-16 {
    margin-top: var(--spacing-16);
    margin-bottom: var(--spacing-16);
}
.mar-l-r-24 {
    margin-left: var(--spacing-24);
    margin-right: var(--spacing-24);
}
.mar-t-b-24 {
    margin-top: var(--spacing-24);
    margin-bottom: var(--spacing-24);
}
.mar-l-r-32 {
    margin-left: var(--spacing-32);
    margin-right: var(--spacing-32);
}
.mar-t-b-32 {
    margin-top: var(--spacing-32);
    margin-bottom: var(--spacing-32);
}