:root {
    /* || Spacing */
    --spacing-4xs: 2px;
    --spacing-3xs: 4px;
    --spacing-2xs: 6px;
    --spacing-xs: 8px;
    --spacing-sm: 10px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 28px;
    --spacing-4xl: 32px;
    --spacing-5xl: 40px;
    --spacing-6xl: 48px;
    --spacing-7xl: 56px;
    --spacing-8xl: 64px;
    --spacing-9xl: 80px;
    --spacing-10xl: 96px;
    --spacing-11xl: 112px;
    --spacing-11bxl: 120px;
    --spacing-12xl: 128px;
    --spacing-13xl: 144px;
    --spacing-13bxl: 168px;
    --spacing-14xl: 288px;
    --spacing-15xl: 444px;
}

.spacing-sm {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.spacing-xs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.spacing-2xs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[class*="p--dt4xs-"] {
    padding-top: var(--spacing-4xs);
}

[class*="p--db4xs-"] {
    padding-bottom: var(--spacing-4xs);
}

[class*="p--dt3xs-"] {
    padding-top: var(--spacing-3xs);
}

[class*="p--db3xs-"] {
    padding-bottom: var(--spacing-3xs);
}

[class*="p--dt2xs-"] {
    padding-top: var(--spacing-2xs);
}

[class*="p--db2xs-"] {
    padding-bottom: var(--spacing-2xs);
}

[class*="p--dtxs-"] {
    padding-top: var(--spacing-xs);
}

[class*="p--dbxs-"] {
    padding-bottom: var(--spacing-xs);
}

[class*="p--dtsm-"] {
    padding-top: var(--spacing-sm);
}

[class*="p--dbsm-"] {
    padding-bottom: var(--spacing-sm);
}

[class*="p--dtmd-"] {
    padding-top: var(--spacing-md);
}

[class*="p--dbmd-"] {
    padding-bottom: var(--spacing-md);
}

[class*="p--dtlg-"] {
    padding-top: var(--spacing-lg);
}

[class*="p--dblg-"] {
    padding-bottom: var(--spacing-lg);
}

[class*="p--dtxl-"] {
    padding-top: var(--spacing-xl);
}

[class*="p--dbxl-"] {
    padding-bottom: var(--spacing-xl);
}

[class*="p--dt2xl-"] {
    padding-top: var(--spacing-2xl);
}

[class*="p--db2xl-"] {
    padding-bottom: var(--spacing-2xl);
}

[class*="p--dt3xl-"] {
    padding-top: var(--spacing-3xl);
}

[class*="p--db3xl-"] {
    padding-bottom: var(--spacing-3xl);
}

[class*="p--dt4xl-"] {
    padding-top: var(--spacing-4xl);
}

[class*="p--db4xl-"] {
    padding-bottom: var(--spacing-4xl);
}

[class*="p--dt5xl-"] {
    padding-top: var(--spacing-5xl);
}

[class*="p--db5xl-"] {
    padding-bottom: var(--spacing-5xl);
}

[class*="p--dt6xl-"] {
    padding-top: var(--spacing-6xl);
}

[class*="p--db6xl-"] {
    padding-bottom: var(--spacing-6xl);
}

[class*="p--dt7xl-"] {
    padding-top: var(--spacing-7xl);
}

[class*="p--db7xl-"] {
    padding-bottom: var(--spacing-7xl);
}

[class*="p--dt8xl-"] {
    padding-top: var(--spacing-8xl);
}

[class*="p--db8xl-"] {
    padding-bottom: var(--spacing-8xl);
}

[class*="p--dt9xl-"] {
    padding-top: var(--spacing-9xl);
}

[class*="p--db9xl-"] {
    padding-bottom: var(--spacing-9xl);
}

[class*="p--dt10xl-"] {
    padding-top: var(--spacing-10xl);
}

[class*="p--db10xl-"] {
    padding-bottom: var(--spacing-10xl);
}

[class*="p--dt11xl-"] {
    padding-top: var(--spacing-11xl);
}

[class*="p--db11xl-"] {
    padding-bottom: var(--spacing-11xl);
}

[class*="p--dt11bxl-"] {
    padding-top: var(--spacing-11bxl);
}

[class*="p--db11bxl-"] {
    padding-bottom: var(--spacing-11bxl);
}

[class*="p--dt12xl-"] {
    padding-top: var(--spacing-12xl);
}

[class*="p--db12xl-"] {
    padding-bottom: var(--spacing-12xl);
}

[class*="p--dt13xl-"] {
    padding-top: var(--spacing-13xl);
}

[class*="p--db13xl-"] {
    padding-bottom: var(--spacing-13xl);
}

[class*="p--dt13bxl-"] {
    padding-top: var(--spacing-13bxl);
}

[class*="p--db13bxl-"] {
    padding-bottom: var(--spacing-13bxl);
}

[class*="p--dt14xl-"] {
    padding-top: var(--spacing-14xl);
}

[class*="p--db14xl-"] {
    padding-bottom: var(--spacing-14xl);
}

[class*="p--dt15xl-"] {
    padding-top: var(--spacing-15xl);
}

[class*="p--db15xl-"] {
    padding-bottom: var(--spacing-15xl);
}


@media (max-width: 1024px) {
    [class*="p--"][class*="-tt4xs-"] {
        padding-top: var(--spacing-4xs);
    }

    [class*="p--"][class*="-tb4xs-"] {
        padding-bottom: var(--spacing-4xs);
    }

    [class*="p--"][class*="-tt3xs-"] {
        padding-top: var(--spacing-3xs);
    }

    [class*="p--"][class*="-tb3xs-"] {
        padding-bottom: var(--spacing-3xs);
    }

    [class*="p--"][class*="-tt2xs-"] {
        padding-top: var(--spacing-2xs);
    }

    [class*="p--"][class*="-tb2xs-"] {
        padding-bottom: var(--spacing-2xs);
    }

    [class*="p--"][class*="-ttxs-"] {
        padding-top: var(--spacing-xs);
    }

    [class*="p--"][class*="-tbxs-"] {
        padding-bottom: var(--spacing-xs);
    }

    [class*="p--"][class*="-ttsm-"] {
        padding-top: var(--spacing-sm);
    }

    [class*="p--"][class*="-tbsm-"] {
        padding-bottom: var(--spacing-sm);
    }

    [class*="p--"][class*="-ttmd-"] {
        padding-top: var(--spacing-md);
    }

    [class*="p--"][class*="-tbmd-"] {
        padding-bottom: var(--spacing-md);
    }

    [class*="p--"][class*="-ttlg-"] {
        padding-top: var(--spacing-lg);
    }

    [class*="p--"][class*="-tblg-"] {
        padding-bottom: var(--spacing-lg);
    }

    [class*="p--"][class*="-ttxl-"] {
        padding-top: var(--spacing-xl);
    }

    [class*="p--"][class*="-tbxl-"] {
        padding-bottom: var(--spacing-xl);
    }

    [class*="p--"][class*="-tt2xl-"] {
        padding-top: var(--spacing-2xl);
    }

    [class*="p--"][class*="-tb2xl-"] {
        padding-bottom: var(--spacing-2xl);
    }

    [class*="p--"][class*="-tt3xl-"] {
        padding-top: var(--spacing-3xl);
    }

    [class*="p--"][class*="-tb3xl-"] {
        padding-bottom: var(--spacing-3xl);
    }

    [class*="p--"][class*="-tt4xl-"] {
        padding-top: var(--spacing-4xl);
    }

    [class*="p--"][class*="-tb4xl-"] {
        padding-bottom: var(--spacing-4xl);
    }

    [class*="p--"][class*="-tt5xl-"] {
        padding-top: var(--spacing-5xl);
    }

    [class*="p--"][class*="-tb5xl-"] {
        padding-bottom: var(--spacing-5xl);
    }

    [class*="p--"][class*="-tt6xl-"] {
        padding-top: var(--spacing-6xl);
    }

    [class*="p--"][class*="-tb6xl-"] {
        padding-bottom: var(--spacing-6xl);
    }

    [class*="p--"][class*="-tt7xl-"] {
        padding-top: var(--spacing-7xl);
    }

    [class*="p--"][class*="-tb7xl-"] {
        padding-bottom: var(--spacing-7xl);
    }

    [class*="p--"][class*="-tt8xl-"] {
        padding-top: var(--spacing-8xl);
    }

    [class*="p--"][class*="-tb8xl-"] {
        padding-bottom: var(--spacing-8xl);
    }

    [class*="p--"][class*="-tt9xl-"] {
        padding-top: var(--spacing-9xl);
    }

    [class*="p--"][class*="-tb9xl-"] {
        padding-bottom: var(--spacing-9xl);
    }

    [class*="p--"][class*="-tt10xl-"] {
        padding-top: var(--spacing-10xl);
    }

    [class*="p--"][class*="-tb10xl-"] {
        padding-bottom: var(--spacing-10xl);
    }

    [class*="p--"][class*="-tt11xl-"] {
        padding-top: var(--spacing-11xl);
    }

    [class*="p--"][class*="-tb11xl-"] {
        padding-bottom: var(--spacing-11xl);
    }

    [class*="p--"][class*="-tt11bxl-"] {
        padding-top: var(--spacing-11bxl);
    }

    [class*="p--"][class*="-tb11bxl-"] {
        padding-bottom: var(--spacing-11bxl);
    }

    [class*="p--"][class*="-tt12xl-"] {
        padding-top: var(--spacing-12xl);
    }

    [class*="p--"][class*="-tb12xl-"] {
        padding-bottom: var(--spacing-12xl);
    }

    [class*="p--"][class*="-tt13xl-"] {
        padding-top: var(--spacing-13xl);
    }

    [class*="p--"][class*="-tb13xl-"] {
        padding-bottom: var(--spacing-13xl);
    }

    [class*="p--"][class*="-tt13bxl-"] {
        padding-top: var(--spacing-13bxl);
    }

    [class*="p--"][class*="-tb13bxl-"] {
        padding-bottom: var(--spacing-13bxl);
    }

    [class*="p--"][class*="-tt14xl-"] {
        padding-top: var(--spacing-14xl);
    }

    [class*="p--"][class*="-tb14xl-"] {
        padding-bottom: var(--spacing-14xl);
    }

    [class*="p--"][class*="-tt15xl-"] {
        padding-top: var(--spacing-15xl);
    }

    [class*="p--"][class*="-tb15xl-"] {
        padding-bottom: var(--spacing-15xl);
    }

}

@media (max-width: 768px) {
    [class*="p--"][class*="-mt4xs"] {
        padding-top: var(--spacing-4xs);
    }

    [class*="p--"][class*="-mb4xs"] {
        padding-bottom: var(--spacing-4xs);
    }

    [class*="p--"][class*="-mt3xs"] {
        padding-top: var(--spacing-3xs);
    }

    [class*="p--"][class*="-mb3xs"] {
        padding-bottom: var(--spacing-3xs);
    }

    [class*="p--"][class*="-mt2xs"] {
        padding-top: var(--spacing-2xs);
    }

    [class*="p--"][class*="-mb2xs"] {
        padding-bottom: var(--spacing-2xs);
    }

    [class*="p--"][class*="-mtxs"] {
        padding-top: var(--spacing-xs);
    }

    [class*="p--"][class*="-mbxs"] {
        padding-bottom: var(--spacing-xs);
    }

    [class*="p--"][class*="-mtsm"] {
        padding-top: var(--spacing-sm);
    }

    [class*="p--"][class*="-mbsm"] {
        padding-bottom: var(--spacing-sm);
    }

    [class*="p--"][class*="-mtmd"] {
        padding-top: var(--spacing-md);
    }

    [class*="p--"][class*="-mbmd"] {
        padding-bottom: var(--spacing-md);
    }

    [class*="p--"][class*="-mtlg"] {
        padding-top: var(--spacing-lg);
    }

    [class*="p--"][class*="-mblg"] {
        padding-bottom: var(--spacing-lg);
    }

    [class*="p--"][class*="-mtxl"] {
        padding-top: var(--spacing-xl);
    }

    [class*="p--"][class*="-mbxl"] {
        padding-bottom: var(--spacing-xl);
    }

    [class*="p--"][class*="-mt2xl"] {
        padding-top: var(--spacing-2xl);
    }

    [class*="p--"][class*="-mb2xl"] {
        padding-bottom: var(--spacing-2xl);
    }

    [class*="p--"][class*="-mt3xl"] {
        padding-top: var(--spacing-3xl);
    }

    [class*="p--"][class*="-mb3xl"] {
        padding-bottom: var(--spacing-3xl);
    }

    [class*="p--"][class*="-mt4xl"] {
        padding-top: var(--spacing-4xl);
    }

    [class*="p--"][class*="-mb4xl"] {
        padding-bottom: var(--spacing-4xl);
    }

    [class*="p--"][class*="-mt5xl"] {
        padding-top: var(--spacing-5xl);
    }

    [class*="p--"][class*="-mb5xl"] {
        padding-bottom: var(--spacing-5xl);
    }

    [class*="p--"][class*="-mt6xl"] {
        padding-top: var(--spacing-6xl);
    }

    [class*="p--"][class*="-mb6xl"] {
        padding-bottom: var(--spacing-6xl);
    }

    [class*="p--"][class*="-mt7xl"] {
        padding-top: var(--spacing-7xl);
    }

    [class*="p--"][class*="-mb7xl"] {
        padding-bottom: var(--spacing-7xl);
    }

    [class*="p--"][class*="-mt8xl"] {
        padding-top: var(--spacing-8xl);
    }

    [class*="p--"][class*="-mb8xl"] {
        padding-bottom: var(--spacing-8xl);
    }

    [class*="p--"][class*="-mt9xl"] {
        padding-top: var(--spacing-9xl);
    }

    [class*="p--"][class*="-mb9xl"] {
        padding-bottom: var(--spacing-9xl);
    }

    [class*="p--"][class*="-mt10xl"] {
        padding-top: var(--spacing-10xl);
    }

    [class*="p--"][class*="-mb10xl"] {
        padding-bottom: var(--spacing-10xl);
    }

    [class*="p--"][class*="-mt11xl"] {
        padding-top: var(--spacing-11xl);
    }

    [class*="p--"][class*="-mb11xl"] {
        padding-bottom: var(--spacing-11xl);
    }

    [class*="p--"][class*="-mt11bxl"] {
        padding-top: var(--spacing-11bxl);
    }

    [class*="p--"][class*="-mb11bxl"] {
        padding-bottom: var(--spacing-11bxl);
    }

    [class*="p--"][class*="-mt12xl"] {
        padding-top: var(--spacing-12xl);
    }

    [class*="p--"][class*="-mb12xl"] {
        padding-bottom: var(--spacing-12xl);
    }

    [class*="p--"][class*="-mt13xl"] {
        padding-top: var(--spacing-13xl);
    }

    [class*="p--"][class*="-mb13xl"] {
        padding-bottom: var(--spacing-13xl);
    }

    [class*="p--"][class*="-mt13bxl"] {
        padding-top: var(--spacing-13bxl);
    }

    [class*="p--"][class*="-mb13bxl"] {
        padding-bottom: var(--spacing-13bxl);
    }

    [class*="p--"][class*="-mt14xl"] {
        padding-top: var(--spacing-14xl);
    }

    [class*="p--"][class*="-mb14xl"] {
        padding-bottom: var(--spacing-14xl);
    }

    [class*="p--"][class*="-mt15xl"] {
        padding-top: var(--spacing-15xl);
    }

    [class*="p--"][class*="-mb15xl"] {
        padding-bottom: var(--spacing-15xl);
    }

}