: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;
}



[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); }

}