.elementor-kit-8{--e-global-color-primary:#3A0D57;--e-global-color-secondary:#E1BDEB;--e-global-color-accent:#F7F0FA;--e-global-color-text:#6E5A7C;--e-global-color-a59039c:#FFFFFF;--e-global-color-d039c72:#EFE6F3;--e-global-color-059bba1:#E2D2EA;--e-global-color-c867d2c:#D9C3E3;--e-global-color-c7f39f2:#B996C9;--e-global-color-29b6220:#6E3A8E;--e-global-color-88d6fa3:#5A2D76;--e-global-color-5d33544:#4A2266;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-size:clamp(48px, calc(2.1739vw + 39.3043px), 68px);--e-global-typography-primary-font-weight:300;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-size:clamp(40px, calc(1.3043vw + 34.7826px), 52px);--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-family:"Cormorant Garamond";--e-global-typography-text-font-size:clamp(32px, calc(0.8696vw + 28.5217px), 40px);--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1em;--e-global-typography-accent-font-family:"Cormorant Garamond";--e-global-typography-accent-font-size:clamp(24px, calc(0.8696vw + 20.5217px), 32px);--e-global-typography-accent-font-weight:300;--e-global-typography-accent-line-height:1em;--e-global-typography-48b1a3f-font-family:"Cormorant Garamond";--e-global-typography-48b1a3f-font-size:clamp(20px, calc(0.4348vw + 18.2609px), 24px);--e-global-typography-48b1a3f-font-weight:400;--e-global-typography-48b1a3f-line-height:1em;--e-global-typography-4abf6c0-font-family:"Cormorant Garamond";--e-global-typography-4abf6c0-font-size:clamp(18px, calc(0.2174vw + 17.1304px), 20px);--e-global-typography-4abf6c0-font-weight:400;--e-global-typography-4abf6c0-line-height:1em;--e-global-typography-808d60d-font-family:"Cormorant Garamond";--e-global-typography-808d60d-font-size:clamp(18px, calc(0.2174vw + 17.1304px), 20px);--e-global-typography-808d60d-font-weight:300;--e-global-typography-808d60d-text-transform:uppercase;--e-global-typography-808d60d-line-height:1.7em;--e-global-typography-808d60d-letter-spacing:0.022em;--e-global-typography-969749f-font-family:"Outfit";--e-global-typography-969749f-font-size:clamp(24px, calc(0.4348vw + 22.2609px), 28px);--e-global-typography-969749f-font-weight:300;--e-global-typography-969749f-line-height:1.75em;--e-global-typography-6c8af72-font-family:"Outfit";--e-global-typography-6c8af72-font-size:clamp(24px, calc(0.4348vw + 22.2609px), 28px);--e-global-typography-6c8af72-font-weight:400;--e-global-typography-6c8af72-line-height:1.7em;--e-global-typography-cff9337-font-family:"Outfit";--e-global-typography-cff9337-font-size:20px;--e-global-typography-cff9337-font-weight:300;--e-global-typography-cff9337-line-height:1.7em;--e-global-typography-f076aa1-font-family:"Outfit";--e-global-typography-f076aa1-font-size:20px;--e-global-typography-f076aa1-font-weight:400;--e-global-typography-f076aa1-line-height:1.7em;--e-global-typography-5ddf05f-font-family:"Outfit";--e-global-typography-5ddf05f-font-size:clamp(16px, calc(0.2174vw + 15.1304px), 18px);--e-global-typography-5ddf05f-font-weight:300;--e-global-typography-5ddf05f-line-height:1.7em;--e-global-typography-63fc0dd-font-family:"Outfit";--e-global-typography-63fc0dd-font-size:clamp(16px, calc(0.2174vw + 15.1304px), 18px);--e-global-typography-63fc0dd-font-weight:400;--e-global-typography-63fc0dd-line-height:1.7em;--e-global-typography-01c6c57-font-family:"Outfit";--e-global-typography-01c6c57-font-size:16px;--e-global-typography-01c6c57-font-weight:300;--e-global-typography-01c6c57-line-height:1.7em;--e-global-typography-af4fc2f-font-family:"Outfit";--e-global-typography-af4fc2f-font-size:16px;--e-global-typography-af4fc2f-font-weight:400;--e-global-typography-af4fc2f-line-height:1.7em;--e-global-typography-f70b7a0-font-family:"Outfit";--e-global-typography-f70b7a0-font-size:14px;--e-global-typography-f70b7a0-font-weight:300;--e-global-typography-f70b7a0-text-transform:uppercase;--e-global-typography-f70b7a0-line-height:1.7em;--e-global-typography-c04dcf6-font-family:"Outfit";--e-global-typography-c04dcf6-font-size:12px;--e-global-typography-c04dcf6-font-weight:300;--e-global-typography-c04dcf6-line-height:1.7em;background-color:var( --e-global-color-a59039c );color:var( --e-global-color-text );font-family:var( --e-global-typography-01c6c57-font-family ), Sans-serif;font-size:var( --e-global-typography-01c6c57-font-size );font-weight:var( --e-global-typography-01c6c57-font-weight );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Outfit", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;line-height:1.7em;letter-spacing:0.22em;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:18px 32px 18px 32px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-a59039c );border-style:none;border-radius:0px 0px 0px 0px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-c7f39f2 );font-family:var( --e-global-typography-01c6c57-font-family ), Sans-serif;font-size:var( --e-global-typography-01c6c57-font-size );font-weight:var( --e-global-typography-01c6c57-font-weight );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 a:hover{color:var( --e-global-color-29b6220 );}.elementor-kit-8 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-8 h3{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h4{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-8 h5{font-family:var( --e-global-typography-48b1a3f-font-family ), Sans-serif;font-size:var( --e-global-typography-48b1a3f-font-size );font-weight:var( --e-global-typography-48b1a3f-font-weight );line-height:var( --e-global-typography-48b1a3f-line-height );letter-spacing:var( --e-global-typography-48b1a3f-letter-spacing );}.elementor-kit-8 h6{font-family:var( --e-global-typography-4abf6c0-font-family ), Sans-serif;font-size:var( --e-global-typography-4abf6c0-font-size );font-weight:var( --e-global-typography-4abf6c0-font-weight );line-height:var( --e-global-typography-4abf6c0-line-height );letter-spacing:var( --e-global-typography-4abf6c0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:2rem;}.elementor-element{--widgets-spacing:2rem 2rem;--widgets-spacing-row:2rem;--widgets-spacing-column:2rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-8{font-size:var( --e-global-typography-01c6c57-font-size );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 a{font-size:var( --e-global-typography-01c6c57-font-size );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-8 h5{font-size:var( --e-global-typography-48b1a3f-font-size );line-height:var( --e-global-typography-48b1a3f-line-height );letter-spacing:var( --e-global-typography-48b1a3f-letter-spacing );}.elementor-kit-8 h6{font-size:var( --e-global-typography-4abf6c0-font-size );line-height:var( --e-global-typography-4abf6c0-line-height );letter-spacing:var( --e-global-typography-4abf6c0-letter-spacing );}}@media(max-width:1024px){.elementor-kit-8{font-size:var( --e-global-typography-01c6c57-font-size );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 a{font-size:var( --e-global-typography-01c6c57-font-size );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-8 h5{font-size:var( --e-global-typography-48b1a3f-font-size );line-height:var( --e-global-typography-48b1a3f-line-height );letter-spacing:var( --e-global-typography-48b1a3f-letter-spacing );}.elementor-kit-8 h6{font-size:var( --e-global-typography-4abf6c0-font-size );line-height:var( --e-global-typography-4abf6c0-line-height );letter-spacing:var( --e-global-typography-4abf6c0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{font-size:var( --e-global-typography-01c6c57-font-size );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 a{font-size:var( --e-global-typography-01c6c57-font-size );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-8 h5{font-size:var( --e-global-typography-48b1a3f-font-size );line-height:var( --e-global-typography-48b1a3f-line-height );letter-spacing:var( --e-global-typography-48b1a3f-letter-spacing );}.elementor-kit-8 h6{font-size:var( --e-global-typography-4abf6c0-font-size );line-height:var( --e-global-typography-4abf6c0-line-height );letter-spacing:var( --e-global-typography-4abf6c0-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:2400px){.elementor-kit-8{font-size:var( --e-global-typography-01c6c57-font-size );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 a{font-size:var( --e-global-typography-01c6c57-font-size );line-height:var( --e-global-typography-01c6c57-line-height );letter-spacing:var( --e-global-typography-01c6c57-letter-spacing );}.elementor-kit-8 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-8 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-8 h3{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-8 h4{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-8 h5{font-size:var( --e-global-typography-48b1a3f-font-size );line-height:var( --e-global-typography-48b1a3f-line-height );letter-spacing:var( --e-global-typography-48b1a3f-letter-spacing );}.elementor-kit-8 h6{font-size:var( --e-global-typography-4abf6c0-font-size );line-height:var( --e-global-typography-4abf6c0-line-height );letter-spacing:var( --e-global-typography-4abf6c0-letter-spacing );}}/* Start custom CSS *//* =========================================================
   SPACING SYSTEM
   Naming:
   Base:    py-m / px-xl / mt-s
   Responsive overrides:
            py-m-w  = 1400px and below
            py-m-l  = 1366px and below
            py-m-tx  = 1200px and below
            py-m-t  = 1024px and below
            py-m-mx  = 880px and below
            py-m-m  = 767px and below
   ========================================================= */

/* =========================================================
   SPACING TOKENS
   ========================================================= */
:root {
  --space-xxl:   clamp(4rem, calc(6.9565vw + 36.17px), 8rem);
  --space-xl:    clamp(3rem, calc(5.2174vw + 27.13px), 6rem);
  --space-l:     clamp(2rem, calc(5.2174vw + 11.13px), 5rem);
  --space-m:     clamp(2rem, calc(3.4783vw + 18.09px), 4rem);
  --space-s:     clamp(2rem, calc(1.7391vw + 25.04px), 3rem);
  --space-xs:    2rem;
  --space-xxs:   1rem;
}

/* =========================================================
   BASE UTILITIES
   ========================================================= */

/* PADDING */
.px-xxl { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
.py-xxl { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
.pt-xxl { padding-top: var(--space-xxl); }
.pr-xxl { padding-right: var(--space-xxl); }
.pb-xxl { padding-bottom: var(--space-xxl); }
.pl-xxl { padding-left: var(--space-xxl); }

.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.pt-xl { padding-top: var(--space-xl); }
.pr-xl { padding-right: var(--space-xl); }
.pb-xl { padding-bottom: var(--space-xl); }
.pl-xl { padding-left: var(--space-xl); }

.px-l { padding-left: var(--space-l); padding-right: var(--space-l); }
.py-l { padding-top: var(--space-l); padding-bottom: var(--space-l); }
.pt-l { padding-top: var(--space-l); }
.pr-l { padding-right: var(--space-l); }
.pb-l { padding-bottom: var(--space-l); }
.pl-l { padding-left: var(--space-l); }

.px-m { padding-left: var(--space-m); padding-right: var(--space-m); }
.py-m { padding-top: var(--space-m); padding-bottom: var(--space-m); }
.pt-m { padding-top: var(--space-m); }
.pr-m { padding-right: var(--space-m); }
.pb-m { padding-bottom: var(--space-m); }
.pl-m { padding-left: var(--space-m); }

.px-s { padding-left: var(--space-s); padding-right: var(--space-s); }
.py-s { padding-top: var(--space-s); padding-bottom: var(--space-s); }
.pt-s { padding-top: var(--space-s); }
.pr-s { padding-right: var(--space-s); }
.pb-s { padding-bottom: var(--space-s); }
.pl-s { padding-left: var(--space-s); }

.px-xs { padding-left: var(--space-xs); padding-right: var(--space-xs); }
.py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
.pt-xs { padding-top: var(--space-xs); }
.pr-xs { padding-right: var(--space-xs); }
.pb-xs { padding-bottom: var(--space-xs); }
.pl-xs { padding-left: var(--space-xs); }

.px-xxs { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
.py-xxs { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
.pt-xxs { padding-top: var(--space-xxs); }
.pr-xxs { padding-right: var(--space-xxs); }
.pb-xxs { padding-bottom: var(--space-xxs); }
.pl-xxs { padding-left: var(--space-xxs); }

/* MARGIN */
.mx-xxl { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
.my-xxl { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
.mt-xxl { margin-top: var(--space-xxl); }
.mr-xxl { margin-right: var(--space-xxl); }
.mb-xxl { margin-bottom: var(--space-xxl); }
.ml-xxl { margin-left: var(--space-xxl); }

.mx-xl { margin-left: var(--space-xl); margin-right: var(--space-xl); }
.my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
.mt-xl { margin-top: var(--space-xl); }
.mr-xl { margin-right: var(--space-xl); }
.mb-xl { margin-bottom: var(--space-xl); }
.ml-xl { margin-left: var(--space-xl); }

.mx-l { margin-left: var(--space-l); margin-right: var(--space-l); }
.my-l { margin-top: var(--space-l); margin-bottom: var(--space-l); }
.mt-l { margin-top: var(--space-l); }
.mr-l { margin-right: var(--space-l); }
.mb-l { margin-bottom: var(--space-l); }
.ml-l { margin-left: var(--space-l); }

.mx-m { margin-left: var(--space-m); margin-right: var(--space-m); }
.my-m { margin-top: var(--space-m); margin-bottom: var(--space-m); }
.mt-m { margin-top: var(--space-m); }
.mr-m { margin-right: var(--space-m); }
.mb-m { margin-bottom: var(--space-m); }
.ml-m { margin-left: var(--space-m); }

.mx-s { margin-left: var(--space-s); margin-right: var(--space-s); }
.my-s { margin-top: var(--space-s); margin-bottom: var(--space-s); }
.mt-s { margin-top: var(--space-s); }
.mr-s { margin-right: var(--space-s); }
.mb-s { margin-bottom: var(--space-s); }
.ml-s { margin-left: var(--space-s); }

.mx-xs { margin-left: var(--space-xs); margin-right: var(--space-xs); }
.my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
.mt-xs { margin-top: var(--space-xs); }
.mr-xs { margin-right: var(--space-xs); }
.mb-xs { margin-bottom: var(--space-xs); }
.ml-xs { margin-left: var(--space-xs); }

.mx-xxs { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
.my-xxs { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
.mt-xxs { margin-top: var(--space-xxs); }
.mr-xxs { margin-right: var(--space-xxs); }
.mb-xxs { margin-bottom: var(--space-xxs); }
.ml-xxs { margin-left: var(--space-xxs); }

/* =========================================================
   RESPONSIVE UTILITIES
   ========================================================= */

/* ---------- 1400px and below: -w ---------- */
@media (max-width: 1400px) {
  /* PADDING */
  .px-xxl-w { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
  .py-xxl-w { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
  .pt-xxl-w { padding-top: var(--space-xxl); }
  .pr-xxl-w { padding-right: var(--space-xxl); }
  .pb-xxl-w { padding-bottom: var(--space-xxl); }
  .pl-xxl-w { padding-left: var(--space-xxl); }

  .px-xl-w { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .py-xl-w { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .pt-xl-w { padding-top: var(--space-xl); }
  .pr-xl-w { padding-right: var(--space-xl); }
  .pb-xl-w { padding-bottom: var(--space-xl); }
  .pl-xl-w { padding-left: var(--space-xl); }

  .px-l-w { padding-left: var(--space-l); padding-right: var(--space-l); }
  .py-l-w { padding-top: var(--space-l); padding-bottom: var(--space-l); }
  .pt-l-w { padding-top: var(--space-l); }
  .pr-l-w { padding-right: var(--space-l); }
  .pb-l-w { padding-bottom: var(--space-l); }
  .pl-l-w { padding-left: var(--space-l); }

  .px-m-w { padding-left: var(--space-m); padding-right: var(--space-m); }
  .py-m-w { padding-top: var(--space-m); padding-bottom: var(--space-m); }
  .pt-m-w { padding-top: var(--space-m); }
  .pr-m-w { padding-right: var(--space-m); }
  .pb-m-w { padding-bottom: var(--space-m); }
  .pl-m-w { padding-left: var(--space-m); }

  .px-s-w { padding-left: var(--space-s); padding-right: var(--space-s); }
  .py-s-w { padding-top: var(--space-s); padding-bottom: var(--space-s); }
  .pt-s-w { padding-top: var(--space-s); }
  .pr-s-w { padding-right: var(--space-s); }
  .pb-s-w { padding-bottom: var(--space-s); }
  .pl-s-w { padding-left: var(--space-s); }

  .px-xs-w { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .py-xs-w { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .pt-xs-w { padding-top: var(--space-xs); }
  .pr-xs-w { padding-right: var(--space-xs); }
  .pb-xs-w { padding-bottom: var(--space-xs); }
  .pl-xs-w { padding-left: var(--space-xs); }

  .px-xxs-w { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
  .py-xxs-w { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
  .pt-xxs-w { padding-top: var(--space-xxs); }
  .pr-xxs-w { padding-right: var(--space-xxs); }
  .pb-xxs-w { padding-bottom: var(--space-xxs); }
  .pl-xxs-w { padding-left: var(--space-xxs); }

  /* MARGIN */
  .mx-xxl-w { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
  .my-xxl-w { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
  .mt-xxl-w { margin-top: var(--space-xxl); }
  .mr-xxl-w { margin-right: var(--space-xxl); }
  .mb-xxl-w { margin-bottom: var(--space-xxl); }
  .ml-xxl-w { margin-left: var(--space-xxl); }
  .mx-xl-w { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .my-xl-w { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .mt-xl-w { margin-top: var(--space-xl); }
  .mr-xl-w { margin-right: var(--space-xl); }
  .mb-xl-w { margin-bottom: var(--space-xl); }
  .ml-xl-w { margin-left: var(--space-xl); }
  .mx-l-w { margin-left: var(--space-l); margin-right: var(--space-l); }
  .my-l-w { margin-top: var(--space-l); margin-bottom: var(--space-l); }
  .mt-l-w { margin-top: var(--space-l); }
  .mr-l-w { margin-right: var(--space-l); }
  .mb-l-w { margin-bottom: var(--space-l); }
  .ml-l-w { margin-left: var(--space-l); }
  .mx-m-w { margin-left: var(--space-m); margin-right: var(--space-m); }
  .my-m-w { margin-top: var(--space-m); margin-bottom: var(--space-m); }
  .mt-m-w { margin-top: var(--space-m); }
  .mr-m-w { margin-right: var(--space-m); }
  .mb-m-w { margin-bottom: var(--space-m); }
  .ml-m-w { margin-left: var(--space-m); }
  .mx-s-w { margin-left: var(--space-s); margin-right: var(--space-s); }
  .my-s-w { margin-top: var(--space-s); margin-bottom: var(--space-s); }
  .mt-s-w { margin-top: var(--space-s); }
  .mr-s-w { margin-right: var(--space-s); }
  .mb-s-w { margin-bottom: var(--space-s); }
  .ml-s-w { margin-left: var(--space-s); }
  .mx-xs-w { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .my-xs-w { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .mt-xs-w { margin-top: var(--space-xs); }
  .mr-xs-w { margin-right: var(--space-xs); }
  .mb-xs-w { margin-bottom: var(--space-xs); }
  .ml-xs-w { margin-left: var(--space-xs); }
  .mx-xxs-w { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
  .my-xxs-w { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
  .mt-xxs-w { margin-top: var(--space-xxs); }
  .mr-xxs-w { margin-right: var(--space-xxs); }
  .mb-xxs-w { margin-bottom: var(--space-xxs); }
  .ml-xxs-w { margin-left: var(--space-xxs); }
}

/* ---------- 1366px and below: -l ---------- */
@media (max-width: 1366px) {
  /* PADDING */
  .px-xxl-l { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
  .py-xxl-l { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
  .pt-xxl-l { padding-top: var(--space-xxl); }
  .pr-xxl-l { padding-right: var(--space-xxl); }
  .pb-xxl-l { padding-bottom: var(--space-xxl); }
  .pl-xxl-l { padding-left: var(--space-xxl); }

  .px-xl-l { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .py-xl-l { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .pt-xl-l { padding-top: var(--space-xl); }
  .pr-xl-l { padding-right: var(--space-xl); }
  .pb-xl-l { padding-bottom: var(--space-xl); }
  .pl-xl-l { padding-left: var(--space-xl); }

  .px-l-l { padding-left: var(--space-l); padding-right: var(--space-l); }
  .py-l-l { padding-top: var(--space-l); padding-bottom: var(--space-l); }
  .pt-l-l { padding-top: var(--space-l); }
  .pr-l-l { padding-right: var(--space-l); }
  .pb-l-l { padding-bottom: var(--space-l); }
  .pl-l-l { padding-left: var(--space-l); }

  .px-m-l { padding-left: var(--space-m); padding-right: var(--space-m); }
  .py-m-l { padding-top: var(--space-m); padding-bottom: var(--space-m); }
  .pt-m-l { padding-top: var(--space-m); }
  .pr-m-l { padding-right: var(--space-m); }
  .pb-m-l { padding-bottom: var(--space-m); }
  .pl-m-l { padding-left: var(--space-m); }

  .px-s-l { padding-left: var(--space-s); padding-right: var(--space-s); }
  .py-s-l { padding-top: var(--space-s); padding-bottom: var(--space-s); }
  .pt-s-l { padding-top: var(--space-s); }
  .pr-s-l { padding-right: var(--space-s); }
  .pb-s-l { padding-bottom: var(--space-s); }
  .pl-s-l { padding-left: var(--space-s); }

  .px-xs-l { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .py-xs-l { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .pt-xs-l { padding-top: var(--space-xs); }
  .pr-xs-l { padding-right: var(--space-xs); }
  .pb-xs-l { padding-bottom: var(--space-xs); }
  .pl-xs-l { padding-left: var(--space-xs); }

  .px-xxs-l { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
  .py-xxs-l { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
  .pt-xxs-l { padding-top: var(--space-xxs); }
  .pr-xxs-l { padding-right: var(--space-xxs); }
  .pb-xxs-l { padding-bottom: var(--space-xxs); }
  .pl-xxs-l { padding-left: var(--space-xxs); }

  /* MARGIN */
  .mx-xxl-l { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
  .my-xxl-l { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
  .mt-xxl-l { margin-top: var(--space-xxl); }
  .mr-xxl-l { margin-right: var(--space-xxl); }
  .mb-xxl-l { margin-bottom: var(--space-xxl); }
  .ml-xxl-l { margin-left: var(--space-xxl); }
  .mx-xl-l { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .my-xl-l { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .mt-xl-l { margin-top: var(--space-xl); }
  .mr-xl-l { margin-right: var(--space-xl); }
  .mb-xl-l { margin-bottom: var(--space-xl); }
  .ml-xl-l { margin-left: var(--space-xl); }
  .mx-l-l { margin-left: var(--space-l); margin-right: var(--space-l); }
  .my-l-l { margin-top: var(--space-l); margin-bottom: var(--space-l); }
  .mt-l-l { margin-top: var(--space-l); }
  .mr-l-l { margin-right: var(--space-l); }
  .mb-l-l { margin-bottom: var(--space-l); }
  .ml-l-l { margin-left: var(--space-l); }
  .mx-m-l { margin-left: var(--space-m); margin-right: var(--space-m); }
  .my-m-l { margin-top: var(--space-m); margin-bottom: var(--space-m); }
  .mt-m-l { margin-top: var(--space-m); }
  .mr-m-l { margin-right: var(--space-m); }
  .mb-m-l { margin-bottom: var(--space-m); }
  .ml-m-l { margin-left: var(--space-m); }
  .mx-s-l { margin-left: var(--space-s); margin-right: var(--space-s); }
  .my-s-l { margin-top: var(--space-s); margin-bottom: var(--space-s); }
  .mt-s-l { margin-top: var(--space-s); }
  .mr-s-l { margin-right: var(--space-s); }
  .mb-s-l { margin-bottom: var(--space-s); }
  .ml-s-l { margin-left: var(--space-s); }
  .mx-xs-l { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .my-xs-l { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .mt-xs-l { margin-top: var(--space-xs); }
  .mr-xs-l { margin-right: var(--space-xs); }
  .mb-xs-l { margin-bottom: var(--space-xs); }
  .ml-xs-l { margin-left: var(--space-xs); }
  .mx-xxs-l { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
  .my-xxs-l { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
  .mt-xxs-l { margin-top: var(--space-xxs); }
  .mr-xxs-l { margin-right: var(--space-xxs); }
  .mb-xxs-l { margin-bottom: var(--space-xxs); }
  .ml-xxs-l { margin-left: var(--space-xxs); }
}

/* ---------- 1200px and below: -tx ---------- */
@media (max-width: 1200px) {
  /* PADDING */
  .px-xxl-tx { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
  .py-xxl-tx { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
  .pt-xxl-tx { padding-top: var(--space-xxl); }
  .pr-xxl-tx { padding-right: var(--space-xxl); }
  .pb-xxl-tx { padding-bottom: var(--space-xxl); }
  .pl-xxl-tx { padding-left: var(--space-xxl); }

  .px-xl-tx { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .py-xl-tx { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .pt-xl-tx { padding-top: var(--space-xl); }
  .pr-xl-tx { padding-right: var(--space-xl); }
  .pb-xl-tx { padding-bottom: var(--space-xl); }
  .pl-xl-tx { padding-left: var(--space-xl); }

  .px-l-tx { padding-left: var(--space-l); padding-right: var(--space-l); }
  .py-l-tx { padding-top: var(--space-l); padding-bottom: var(--space-l); }
  .pt-l-tx { padding-top: var(--space-l); }
  .pr-l-tx { padding-right: var(--space-l); }
  .pb-l-tx { padding-bottom: var(--space-l); }
  .pl-l-tx { padding-left: var(--space-l); }

  .px-m-tx { padding-left: var(--space-m); padding-right: var(--space-m); }
  .py-m-tx { padding-top: var(--space-m); padding-bottom: var(--space-m); }
  .pt-m-tx { padding-top: var(--space-m); }
  .pr-m-tx { padding-right: var(--space-m); }
  .pb-m-tx { padding-bottom: var(--space-m); }
  .pl-m-tx { padding-left: var(--space-m); }

  .px-s-tx { padding-left: var(--space-s); padding-right: var(--space-s); }
  .py-s-tx { padding-top: var(--space-s); padding-bottom: var(--space-s); }
  .pt-s-tx { padding-top: var(--space-s); }
  .pr-s-tx { padding-right: var(--space-s); }
  .pb-s-tx { padding-bottom: var(--space-s); }
  .pl-s-tx { padding-left: var(--space-s); }

  .px-xs-tx { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .py-xs-tx { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .pt-xs-tx { padding-top: var(--space-xs); }
  .pr-xs-tx { padding-right: var(--space-xs); }
  .pb-xs-tx { padding-bottom: var(--space-xs); }
  .pl-xs-tx { padding-left: var(--space-xs); }

  .px-xxs-tx { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
  .py-xxs-tx { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
  .pt-xxs-tx { padding-top: var(--space-xxs); }
  .pr-xxs-tx { padding-right: var(--space-xxs); }
  .pb-xxs-tx { padding-bottom: var(--space-xxs); }
  .pl-xxs-tx { padding-left: var(--space-xxs); }

  /* MARGIN */
  .mx-xxl-tx { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
  .my-xxl-tx { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
  .mt-xxl-tx { margin-top: var(--space-xxl); }
  .mr-xxl-tx { margin-right: var(--space-xxl); }
  .mb-xxl-tx { margin-bottom: var(--space-xxl); }
  .ml-xxl-tx { margin-left: var(--space-xxl); }
  .mx-xl-tx { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .my-xl-tx { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .mt-xl-tx { margin-top: var(--space-xl); }
  .mr-xl-tx { margin-right: var(--space-xl); }
  .mb-xl-tx { margin-bottom: var(--space-xl); }
  .ml-xl-tx { margin-left: var(--space-xl); }
  .mx-l-tx { margin-left: var(--space-l); margin-right: var(--space-l); }
  .my-l-tx { margin-top: var(--space-l); margin-bottom: var(--space-l); }
  .mt-l-tx { margin-top: var(--space-l); }
  .mr-l-tx { margin-right: var(--space-l); }
  .mb-l-tx { margin-bottom: var(--space-l); }
  .ml-l-tx { margin-left: var(--space-l); }
  .mx-m-tx { margin-left: var(--space-m); margin-right: var(--space-m); }
  .my-m-tx { margin-top: var(--space-m); margin-bottom: var(--space-m); }
  .mt-m-tx { margin-top: var(--space-m); }
  .mr-m-tx { margin-right: var(--space-m); }
  .mb-m-tx { margin-bottom: var(--space-m); }
  .ml-m-tx { margin-left: var(--space-m); }
  .mx-s-tx { margin-left: var(--space-s); margin-right: var(--space-s); }
  .my-s-tx { margin-top: var(--space-s); margin-bottom: var(--space-s); }
  .mt-s-tx { margin-top: var(--space-s); }
  .mr-s-tx { margin-right: var(--space-s); }
  .mb-s-tx { margin-bottom: var(--space-s); }
  .ml-s-tx { margin-left: var(--space-s); }
  .mx-xs-tx { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .my-xs-tx { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .mt-xs-tx { margin-top: var(--space-xs); }
  .mr-xs-tx { margin-right: var(--space-xs); }
  .mb-xs-tx { margin-bottom: var(--space-xs); }
  .ml-xs-tx { margin-left: var(--space-xs); }
  .mx-xxs-tx { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
  .my-xxs-tx { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
  .mt-xxs-tx { margin-top: var(--space-xxs); }
  .mr-xxs-tx { margin-right: var(--space-xxs); }
  .mb-xxs-tx { margin-bottom: var(--space-xxs); }
  .ml-xxs-tx { margin-left: var(--space-xxs); }
}

/* ---------- 1024px and below: -t ---------- */
@media (max-width: 1024px) {
  /* PADDING */
  .px-xxl-t { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
  .py-xxl-t { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
  .pt-xxl-t { padding-top: var(--space-xxl); }
  .pr-xxl-t { padding-right: var(--space-xxl); }
  .pb-xxl-t { padding-bottom: var(--space-xxl); }
  .pl-xxl-t { padding-left: var(--space-xxl); }

  .px-xl-t { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .py-xl-t { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .pt-xl-t { padding-top: var(--space-xl); }
  .pr-xl-t { padding-right: var(--space-xl); }
  .pb-xl-t { padding-bottom: var(--space-xl); }
  .pl-xl-t { padding-left: var(--space-xl); }

  .px-l-t { padding-left: var(--space-l); padding-right: var(--space-l); }
  .py-l-t { padding-top: var(--space-l); padding-bottom: var(--space-l); }
  .pt-l-t { padding-top: var(--space-l); }
  .pr-l-t { padding-right: var(--space-l); }
  .pb-l-t { padding-bottom: var(--space-l); }
  .pl-l-t { padding-left: var(--space-l); }

  .px-m-t { padding-left: var(--space-m); padding-right: var(--space-m); }
  .py-m-t { padding-top: var(--space-m); padding-bottom: var(--space-m); }
  .pt-m-t { padding-top: var(--space-m); }
  .pr-m-t { padding-right: var(--space-m); }
  .pb-m-t { padding-bottom: var(--space-m); }
  .pl-m-t { padding-left: var(--space-m); }

  .px-s-t { padding-left: var(--space-s); padding-right: var(--space-s); }
  .py-s-t { padding-top: var(--space-s); padding-bottom: var(--space-s); }
  .pt-s-t { padding-top: var(--space-s); }
  .pr-s-t { padding-right: var(--space-s); }
  .pb-s-t { padding-bottom: var(--space-s); }
  .pl-s-t { padding-left: var(--space-s); }

  .px-xs-t { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .py-xs-t { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .pt-xs-t { padding-top: var(--space-xs); }
  .pr-xs-t { padding-right: var(--space-xs); }
  .pb-xs-t { padding-bottom: var(--space-xs); }
  .pl-xs-t { padding-left: var(--space-xs); }

  .px-xxs-t { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
  .py-xxs-t { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
  .pt-xxs-t { padding-top: var(--space-xxs); }
  .pr-xxs-t { padding-right: var(--space-xxs); }
  .pb-xxs-t { padding-bottom: var(--space-xxs); }
  .pl-xxs-t { padding-left: var(--space-xxs); }

  /* MARGIN */
  .mx-xxl-t { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
  .my-xxl-t { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
  .mt-xxl-t { margin-top: var(--space-xxl); }
  .mr-xxl-t { margin-right: var(--space-xxl); }
  .mb-xxl-t { margin-bottom: var(--space-xxl); }
  .ml-xxl-t { margin-left: var(--space-xxl); }
  .mx-xl-t { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .my-xl-t { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .mt-xl-t { margin-top: var(--space-xl); }
  .mr-xl-t { margin-right: var(--space-xl); }
  .mb-xl-t { margin-bottom: var(--space-xl); }
  .ml-xl-t { margin-left: var(--space-xl); }
  .mx-l-t { margin-left: var(--space-l); margin-right: var(--space-l); }
  .my-l-t { margin-top: var(--space-l); margin-bottom: var(--space-l); }
  .mt-l-t { margin-top: var(--space-l); }
  .mr-l-t { margin-right: var(--space-l); }
  .mb-l-t { margin-bottom: var(--space-l); }
  .ml-l-t { margin-left: var(--space-l); }
  .mx-m-t { margin-left: var(--space-m); margin-right: var(--space-m); }
  .my-m-t { margin-top: var(--space-m); margin-bottom: var(--space-m); }
  .mt-m-t { margin-top: var(--space-m); }
  .mr-m-t { margin-right: var(--space-m); }
  .mb-m-t { margin-bottom: var(--space-m); }
  .ml-m-t { margin-left: var(--space-m); }
  .mx-s-t { margin-left: var(--space-s); margin-right: var(--space-s); }
  .my-s-t { margin-top: var(--space-s); margin-bottom: var(--space-s); }
  .mt-s-t { margin-top: var(--space-s); }
  .mr-s-t { margin-right: var(--space-s); }
  .mb-s-t { margin-bottom: var(--space-s); }
  .ml-s-t { margin-left: var(--space-s); }
  .mx-xs-t { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .my-xs-t { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .mt-xs-t { margin-top: var(--space-xs); }
  .mr-xs-t { margin-right: var(--space-xs); }
  .mb-xs-t { margin-bottom: var(--space-xs); }
  .ml-xs-t { margin-left: var(--space-xs); }
  .mx-xxs-t { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
  .my-xxs-t { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
  .mt-xxs-t { margin-top: var(--space-xxs); }
  .mr-xxs-t { margin-right: var(--space-xxs); }
  .mb-xxs-t { margin-bottom: var(--space-xxs); }
  .ml-xxs-t { margin-left: var(--space-xxs); }
}

/* ---------- 880px and below: -mx ---------- */
@media (max-width: 880px) {
  /* PADDING */
  .px-xxl-mx { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
  .py-xxl-mx { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
  .pt-xxl-mx { padding-top: var(--space-xxl); }
  .pr-xxl-mx { padding-right: var(--space-xxl); }
  .pb-xxl-mx { padding-bottom: var(--space-xxl); }
  .pl-xxl-mx { padding-left: var(--space-xxl); }

  .px-xl-mx { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .py-xl-mx { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .pt-xl-mx { padding-top: var(--space-xl); }
  .pr-xl-mx { padding-right: var(--space-xl); }
  .pb-xl-mx { padding-bottom: var(--space-xl); }
  .pl-xl-mx { padding-left: var(--space-xl); }

  .px-l-mx { padding-left: var(--space-l); padding-right: var(--space-l); }
  .py-l-mx { padding-top: var(--space-l); padding-bottom: var(--space-l); }
  .pt-l-mx { padding-top: var(--space-l); }
  .pr-l-mx { padding-right: var(--space-l); }
  .pb-l-mx { padding-bottom: var(--space-l); }
  .pl-l-mx { padding-left: var(--space-l); }

  .px-m-mx { padding-left: var(--space-m); padding-right: var(--space-m); }
  .py-m-mx { padding-top: var(--space-m); padding-bottom: var(--space-m); }
  .pt-m-mx { padding-top: var(--space-m); }
  .pr-m-mx { padding-right: var(--space-m); }
  .pb-m-mx { padding-bottom: var(--space-m); }
  .pl-m-mx { padding-left: var(--space-m); }

  .px-s-mx { padding-left: var(--space-s); padding-right: var(--space-s); }
  .py-s-mx { padding-top: var(--space-s); padding-bottom: var(--space-s); }
  .pt-s-mx { padding-top: var(--space-s); }
  .pr-s-mx { padding-right: var(--space-s); }
  .pb-s-mx { padding-bottom: var(--space-s); }
  .pl-s-mx { padding-left: var(--space-s); }

  .px-xs-mx { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .py-xs-mx { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .pt-xs-mx { padding-top: var(--space-xs); }
  .pr-xs-mx { padding-right: var(--space-xs); }
  .pb-xs-mx { padding-bottom: var(--space-xs); }
  .pl-xs-mx { padding-left: var(--space-xs); }

  .px-xxs-mx { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
  .py-xxs-mx { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
  .pt-xxs-mx { padding-top: var(--space-xxs); }
  .pr-xxs-mx { padding-right: var(--space-xxs); }
  .pb-xxs-mx { padding-bottom: var(--space-xxs); }
  .pl-xxs-mx { padding-left: var(--space-xxs); }

  /* MARGIN */
  .mx-xxl-mx { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
  .my-xxl-mx { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
  .mt-xxl-mx { margin-top: var(--space-xxl); }
  .mr-xxl-mx { margin-right: var(--space-xxl); }
  .mb-xxl-mx { margin-bottom: var(--space-xxl); }
  .ml-xxl-mx { margin-left: var(--space-xxl); }
  .mx-xl-mx { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .my-xl-mx { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .mt-xl-mx { margin-top: var(--space-xl); }
  .mr-xl-mx { margin-right: var(--space-xl); }
  .mb-xl-mx { margin-bottom: var(--space-xl); }
  .ml-xl-mx { margin-left: var(--space-xl); }
  .mx-l-mx { margin-left: var(--space-l); margin-right: var(--space-l); }
  .my-l-mx { margin-top: var(--space-l); margin-bottom: var(--space-l); }
  .mt-l-mx { margin-top: var(--space-l); }
  .mr-l-mx { margin-right: var(--space-l); }
  .mb-l-mx { margin-bottom: var(--space-l); }
  .ml-l-mx { margin-left: var(--space-l); }
  .mx-m-mx { margin-left: var(--space-m); margin-right: var(--space-m); }
  .my-m-mx { margin-top: var(--space-m); margin-bottom: var(--space-m); }
  .mt-m-mx { margin-top: var(--space-m); }
  .mr-m-mx { margin-right: var(--space-m); }
  .mb-m-mx { margin-bottom: var(--space-m); }
  .ml-m-mx { margin-left: var(--space-m); }
  .mx-s-mx { margin-left: var(--space-s); margin-right: var(--space-s); }
  .my-s-mx { margin-top: var(--space-s); margin-bottom: var(--space-s); }
  .mt-s-mx { margin-top: var(--space-s); }
  .mr-s-mx { margin-right: var(--space-s); }
  .mb-s-mx { margin-bottom: var(--space-s); }
  .ml-s-mx { margin-left: var(--space-s); }
  .mx-xs-mx { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .my-xs-mx { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .mt-xs-mx { margin-top: var(--space-xs); }
  .mr-xs-mx { margin-right: var(--space-xs); }
  .mb-xs-mx { margin-bottom: var(--space-xs); }
  .ml-xs-mx { margin-left: var(--space-xs); }
  .mx-xxs-mx { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
  .my-xxs-mx { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
  .mt-xxs-mx { margin-top: var(--space-xxs); }
  .mr-xxs-mx { margin-right: var(--space-xxs); }
  .mb-xxs-mx { margin-bottom: var(--space-xxs); }
  .ml-xxs-mx { margin-left: var(--space-xxs); }
}

/* ---------- 767px and below: -m ---------- */
@media (max-width: 767px) {
  /* PADDING */
  .px-xxl-m { padding-left: var(--space-xxl); padding-right: var(--space-xxl); }
  .py-xxl-m { padding-top: var(--space-xxl); padding-bottom: var(--space-xxl); }
  .pt-xxl-m { padding-top: var(--space-xxl); }
  .pr-xxl-m { padding-right: var(--space-xxl); }
  .pb-xxl-m { padding-bottom: var(--space-xxl); }
  .pl-xxl-m { padding-left: var(--space-xxl); }

  .px-xl-m { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .py-xl-m { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .pt-xl-m { padding-top: var(--space-xl); }
  .pr-xl-m { padding-right: var(--space-xl); }
  .pb-xl-m { padding-bottom: var(--space-xl); }
  .pl-xl-m { padding-left: var(--space-xl); }

  .px-l-m { padding-left: var(--space-l); padding-right: var(--space-l); }
  .py-l-m { padding-top: var(--space-l); padding-bottom: var(--space-l); }
  .pt-l-m { padding-top: var(--space-l); }
  .pr-l-m { padding-right: var(--space-l); }
  .pb-l-m { padding-bottom: var(--space-l); }
  .pl-l-m { padding-left: var(--space-l); }

  .px-m-m { padding-left: var(--space-m); padding-right: var(--space-m); }
  .py-m-m { padding-top: var(--space-m); padding-bottom: var(--space-m); }
  .pt-m-m { padding-top: var(--space-m); }
  .pr-m-m { padding-right: var(--space-m); }
  .pb-m-m { padding-bottom: var(--space-m); }
  .pl-m-m { padding-left: var(--space-m); }

  .px-s-m { padding-left: var(--space-s); padding-right: var(--space-s); }
  .py-s-m { padding-top: var(--space-s); padding-bottom: var(--space-s); }
  .pt-s-m { padding-top: var(--space-s); }
  .pr-s-m { padding-right: var(--space-s); }
  .pb-s-m { padding-bottom: var(--space-s); }
  .pl-s-m { padding-left: var(--space-s); }

  .px-xs-m { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .py-xs-m { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .pt-xs-m { padding-top: var(--space-xs); }
  .pr-xs-m { padding-right: var(--space-xs); }
  .pb-xs-m { padding-bottom: var(--space-xs); }
  .pl-xs-m { padding-left: var(--space-xs); }

  .px-xxs-m { padding-left: var(--space-xxs); padding-right: var(--space-xxs); }
  .py-xxs-m { padding-top: var(--space-xxs); padding-bottom: var(--space-xxs); }
  .pt-xxs-m { padding-top: var(--space-xxs); }
  .pr-xxs-m { padding-right: var(--space-xxs); }
  .pb-xxs-m { padding-bottom: var(--space-xxs); }
  .pl-xxs-m { padding-left: var(--space-xxs); }

  /* MARGIN */
  .mx-xxl-m { margin-left: var(--space-xxl); margin-right: var(--space-xxl); }
  .my-xxl-m { margin-top: var(--space-xxl); margin-bottom: var(--space-xxl); }
  .mt-xxl-m { margin-top: var(--space-xxl); }
  .mr-xxl-m { margin-right: var(--space-xxl); }
  .mb-xxl-m { margin-bottom: var(--space-xxl); }
  .ml-xxl-m { margin-left: var(--space-xxl); }
  .mx-xl-m { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .my-xl-m { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .mt-xl-m { margin-top: var(--space-xl); }
  .mr-xl-m { margin-right: var(--space-xl); }
  .mb-xl-m { margin-bottom: var(--space-xl); }
  .ml-xl-m { margin-left: var(--space-xl); }
  .mx-l-m { margin-left: var(--space-l); margin-right: var(--space-l); }
  .my-l-m { margin-top: var(--space-l); margin-bottom: var(--space-l); }
  .mt-l-m { margin-top: var(--space-l); }
  .mr-l-m { margin-right: var(--space-l); }
  .mb-l-m { margin-bottom: var(--space-l); }
  .ml-l-m { margin-left: var(--space-l); }
  .mx-m-m { margin-left: var(--space-m); margin-right: var(--space-m); }
  .my-m-m { margin-top: var(--space-m); margin-bottom: var(--space-m); }
  .mt-m-m { margin-top: var(--space-m); }
  .mr-m-m { margin-right: var(--space-m); }
  .mb-m-m { margin-bottom: var(--space-m); }
  .ml-m-m { margin-left: var(--space-m); }
  .mx-s-m { margin-left: var(--space-s); margin-right: var(--space-s); }
  .my-s-m { margin-top: var(--space-s); margin-bottom: var(--space-s); }
  .mt-s-m { margin-top: var(--space-s); }
  .mr-s-m { margin-right: var(--space-s); }
  .mb-s-m { margin-bottom: var(--space-s); }
  .ml-s-m { margin-left: var(--space-s); }
  .mx-xs-m { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .my-xs-m { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .mt-xs-m { margin-top: var(--space-xs); }
  .mr-xs-m { margin-right: var(--space-xs); }
  .mb-xs-m { margin-bottom: var(--space-xs); }
  .ml-xs-m { margin-left: var(--space-xs); }
  .mx-xxs-m { margin-left: var(--space-xxs); margin-right: var(--space-xxs); }
  .my-xxs-m { margin-top: var(--space-xxs); margin-bottom: var(--space-xxs); }
  .mt-xxs-m { margin-top: var(--space-xxs); }
  .mr-xxs-m { margin-right: var(--space-xxs); }
  .mb-xxs-m { margin-bottom: var(--space-xxs); }
  .ml-xxs-m { margin-left: var(--space-xxs); }
}/* End custom CSS */