:root {
    /* BRiCSS CSS variables start with --ita- */
    --ita-colors-black: #000000;
    --ita-colors-soft-black: #22242C;
    --ita-colors-dark-grey: #515A76;
    --ita-colors-medium-grey: #838CAA;
    --ita-colors-light-grey: #A2A9BF;
    --ita-colors-soft-grey: #DBDBDB;
    --ita-colors-ultra-light-grey: #EFEFEF;
    --ita-colors-off-white: #F8F9FC;
    --ita-colors-white: #FFFFFF;
    --ita-colors-black-50: #00000080;
    --ita-colors-light-grey-30: #A2A9BF4D;
    --ita-colors-white-50: #FFFFFF80;
    --ita-colors-white-30: #FFFFFF4D;
    --ita-colors-brand-primary: #021735;
    --ita-colors-indigo: #06234C;
    --ita-colors-brand-accent: #00E4B0;
    --ita-colors-soft-green: #5DE8C1;
    --ita-colors-blue: #00ABFF;
    --ita-colors-light-blue: #00C2FF;
    --ita-colors-soft-blue: #66C7FF;
    --ita-colors-clear-blue: #A4E0FD;
    --ita-colors-yellow: #FFD752;
    --ita-colors-soft-yellow: #FFDCA3;
    --ita-colors-peach: #F3E3DD;
    --ita-colors-ultra-light-peach: #FBF3EE;
    --ita-colors-light-purple: #CFD0FC;
    --ita-colors-soft-purple: #E8E3FC;
    --ita-colors-ultra-light-purple: #F5F6FE;
    --ita-colors-brand-accent-20: #00E4B033;
    --ita-colors-yellow-10: #FBBF241A;
    --ita-gradients-mask-dark-blue: linear-gradient(90deg, #06234C00, #06234C);
    --ita-gradients-dark-blue: linear-gradient(90deg, #021735, #06439B);
    --ita-gradients-light-blue: linear-gradient(90deg, #0C70FF, #0057D3);
    --ita-gradients-electric-green: linear-gradient(90deg, #79F9FB, #00E4B0);
    --ita-shadows-1: 0px 4px 44px 0px #041C404D;
    --ita-shadows-2: 0px 4px 44px 0px #033D901A;
    --ita-shadows-3: 0px 4px 16px 0px #033D901A;
    --ita-radii-1: 4px;
    --ita-radii-2: 8px;
    --ita-radii-3: 14px;
    --ita-radii-4: 100px;
    --ita-fontFamilies-1-1: TYPO_1_1, sans-serif;
    --ita-fontFamilies-1-2: TYPO_1_2, sans-serif;
    --ita-fontFamilies-2-1: TYPO_2_1, sans-serif;
    --ita-fontFamilies-2-2: TYPO_2_2, sans-serif;
    --ita-fontSizes-1: 10px;
    --ita-fontSizes-2: 11px;
    --ita-fontSizes-3: 12px;
    --ita-fontSizes-4: 14px;
    --ita-fontSizes-5: 16px;
    --ita-fontSizes-6: 18px;
    --ita-fontSizes-7: 20px;
    --ita-fontSizes-8: 24px;
    --ita-fontSizes-9: 28px;
    --ita-fontSizes-10: 32px;
    --ita-fontSizes-11: 36px;
    --ita-fontSizes-12: 42px;
    --ita-fontSizes-13: 54px;
    --ita-spacings-1: 2px;
    --ita-spacings-2: 4px;
    --ita-spacings-3: 6px;
    --ita-spacings-4: 8px;
    --ita-spacings-5: 12px;
    --ita-spacings-6: 14px;
    --ita-spacings-7: 16px;
    --ita-spacings-8: 18px;
    --ita-spacings-9: 20px;
    --ita-spacings-10: 24px;
    --ita-spacings-11: 32px;
    --ita-spacings-12: 36px;
    --ita-spacings-13: 40px;
    --ita-spacings-14: 44px;
    --ita-spacings-15: 48px;
    --ita-spacings-16: 54px;
    --ita-spacings-17: 60px;
}

.d-flex {
    display: flex;
}

.u-d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex;
}

.u-d-inline-flex {
    display: inline-flex !important;
}

.d-none {
    display: none;
}

.u-d-none {
    display: none !important;
}

.ai-baseline {
    align-items: baseline;
}

.ai-center {
    align-items: center;
}

.ai-start {
    align-items: flex-start;
}

.ai-end {
    align-items: flex-end;
}

.jc-center {
    justify-content: center;
}

.jc-space-between {
    justify-content: space-between;
}

.jc-space-around {
    justify-content: space-around;
}

.jc-start {
    justify-content: flex-start;
}

.jc-end {
    justify-content: flex-end;
}

.fd-column {
    flex-direction: column;
}

.fw-wrap {
    flex-wrap: wrap;
}

.order--1 {
    order: -1;
}

.order-1 {
    order: 1;
}

.of-contain {
    object-fit: contain;
}

.of-cover {
    object-fit: cover;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.pos-fixed {
    position: fixed;
}

.pos-sticky {
    position: sticky;
}

.top-0 {
    top: 0%;
}

.top-50 {
    top: 50%;
}

.top-100 {
    top: 100%;
}

.right-0 {
    right: 0%;
}

.right-50 {
    right: 50%;
}

.right-100 {
    right: 100%;
}

.bottom-0 {
    bottom: 0%;
}

.bottom-50 {
    bottom: 50%;
}

.bottom-100 {
    bottom: 100%;
}

.left-0 {
    left: 0%;
}

.left-50 {
    left: 50%;
}

.left-100 {
    left: 100%;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}

.z-6 {
    z-index: 6;
}

.z-7 {
    z-index: 7;
}

.z-8 {
    z-index: 8;
}

.z-9 {
    z-index: 9;
}

.z-100 {
    z-index: 100;
}

.z-200 {
    z-index: 200;
}

.z-300 {
    z-index: 300;
}

.z-400 {
    z-index: 400;
}

.z-500 {
    z-index: 500;
}

.z-600 {
    z-index: 600;
}

.z-700 {
    z-index: 700;
}

.z-800 {
    z-index: 800;
}

.z-900 {
    z-index: 900;
}

.t-tX-50 {
    --dsg-tX: -50%;
}

.t-tX50 {
    --dsg-tX: 50%;
}

.t-tX-100 {
    --dsg-tX: -100%;
}

.t-tX100 {
    --dsg-tX: 100%;
}

.t-tY-50 {
    --dsg-tY: -50%;
}

.t-tY50 {
    --dsg-tY: 50%;
}

.t-tY-100 {
    --dsg-tY: -100%;
}

.t-tY100 {
    --dsg-tY: 100%;
}

.t-tX-50 {
    transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
}

.t-tX50 {
    transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
}

.t-tX-100 {
    transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
}

.t-tX100 {
    transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
}

.t-tY-50 {
    transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
}

.t-tY50 {
    transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
}

.t-tY-100 {
    transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
}

.t-tY100 {
    transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
}

.rotate-90 {
    rotate: 90deg;
}

.rotate-180 {
    rotate: 180deg;
}

.rotate-270 {
    rotate: 270deg;
}

.ar-widescreen {
    aspect-ratio: 16/9;
}

.ar-anamorphic {
    aspect-ratio: 2.35;
}

.ar-portrait {
    aspect-ratio: 5/7;
}

.ar-dslr {
    aspect-ratio: 3/2;
}

.ar-square {
    aspect-ratio: 1;
}

.gap-0px {
    gap: 0px;
}

.gap-1 {
    gap: var(--ita-spacings-1, 2px);
}

.gap-2 {
    gap: var(--ita-spacings-2, 4px);
}

.gap-3 {
    gap: var(--ita-spacings-3, 6px);
}

.gap-4 {
    gap: var(--ita-spacings-4, 8px);
}

.gap-5 {
    gap: var(--ita-spacings-5, 12px);
}

.gap-6 {
    gap: var(--ita-spacings-6, 14px);
}

.gap-7 {
    gap: var(--ita-spacings-7, 16px);
}

.gap-8 {
    gap: var(--ita-spacings-8, 18px);
}

.gap-9 {
    gap: var(--ita-spacings-9, 20px);
}

.gap-10 {
    gap: var(--ita-spacings-10, 24px);
}

.gap-11 {
    gap: var(--ita-spacings-11, 32px);
}

.gap-12 {
    gap: var(--ita-spacings-12, 36px);
}

.gap-13 {
    gap: var(--ita-spacings-13, 40px);
}

.gap-14 {
    gap: var(--ita-spacings-14, 44px);
}

.gap-15 {
    gap: var(--ita-spacings-15, 48px);
}

.gap-16 {
    gap: var(--ita-spacings-16, 54px);
}

.gap-17 {
    gap: var(--ita-spacings-17, 60px);
}

.rgap-0px {
    row-gap: 0px;
}

.rgap-1 {
    row-gap: var(--ita-spacings-1, 2px);
}

.rgap-2 {
    row-gap: var(--ita-spacings-2, 4px);
}

.rgap-3 {
    row-gap: var(--ita-spacings-3, 6px);
}

.rgap-4 {
    row-gap: var(--ita-spacings-4, 8px);
}

.rgap-5 {
    row-gap: var(--ita-spacings-5, 12px);
}

.rgap-6 {
    row-gap: var(--ita-spacings-6, 14px);
}

.rgap-7 {
    row-gap: var(--ita-spacings-7, 16px);
}

.rgap-8 {
    row-gap: var(--ita-spacings-8, 18px);
}

.rgap-9 {
    row-gap: var(--ita-spacings-9, 20px);
}

.rgap-10 {
    row-gap: var(--ita-spacings-10, 24px);
}

.rgap-11 {
    row-gap: var(--ita-spacings-11, 32px);
}

.rgap-12 {
    row-gap: var(--ita-spacings-12, 36px);
}

.rgap-13 {
    row-gap: var(--ita-spacings-13, 40px);
}

.rgap-14 {
    row-gap: var(--ita-spacings-14, 44px);
}

.rgap-15 {
    row-gap: var(--ita-spacings-15, 48px);
}

.rgap-16 {
    row-gap: var(--ita-spacings-16, 54px);
}

.rgap-17 {
    row-gap: var(--ita-spacings-17, 60px);
}

.gap-0px {
    --dsg-gap: 0px;
}

.gap-1px {
    --dsg-gap: 1px;
}

.gap-1 {
    --dsg-gap: var(--ita-spacings-1, 2px);
}

.gap-2 {
    --dsg-gap: var(--ita-spacings-2, 4px);
}

.gap-3 {
    --dsg-gap: var(--ita-spacings-3, 6px);
}

.gap-4 {
    --dsg-gap: var(--ita-spacings-4, 8px);
}

.gap-5 {
    --dsg-gap: var(--ita-spacings-5, 12px);
}

.gap-6 {
    --dsg-gap: var(--ita-spacings-6, 14px);
}

.gap-7 {
    --dsg-gap: var(--ita-spacings-7, 16px);
}

.gap-8 {
    --dsg-gap: var(--ita-spacings-8, 18px);
}

.gap-9 {
    --dsg-gap: var(--ita-spacings-9, 20px);
}

.gap-10 {
    --dsg-gap: var(--ita-spacings-10, 24px);
}

.gap-11 {
    --dsg-gap: var(--ita-spacings-11, 32px);
}

.gap-12 {
    --dsg-gap: var(--ita-spacings-12, 36px);
}

.gap-13 {
    --dsg-gap: var(--ita-spacings-13, 40px);
}

.gap-14 {
    --dsg-gap: var(--ita-spacings-14, 44px);
}

.gap-15 {
    --dsg-gap: var(--ita-spacings-15, 48px);
}

.gap-16 {
    --dsg-gap: var(--ita-spacings-16, 54px);
}

.gap-17 {
    --dsg-gap: var(--ita-spacings-17, 60px);
}

.fg-1 {
    flex-grow: 1;
}

.w-100 {
    width: 100%;
}

.w-auto {
    width: auto;
}

.w-100vw {
    width: 100vw;
}

.w-1035px {
    width: 1035px;
}

.w-1t {
    --twelves: 1;
}

.w-2t {
    --twelves: 2;
}

.w-3t {
    --twelves: 3;
}

.w-4t {
    --twelves: 4;
}

.w-5t {
    --twelves: 5;
}

.w-6t {
    --twelves: 6;
}

.w-7t {
    --twelves: 7;
}

.w-8t {
    --twelves: 8;
}

.w-9t {
    --twelves: 9;
}

.w-10t {
    --twelves: 10;
}

.w-11t {
    --twelves: 11;
}

.w-12t {
    --twelves: 12;
}

.maxw-100 {
    max-width: 100%;
}

.maxw-280px {
    max-width: 280px;
}

.maxw-100vw {
    max-width: 100vw;
}

.maxw-1488px {
    max-width: 1488px;
}

.minw-280px {
    min-width: 280px;
}

.minw-100 {
    min-width: 100%;
}

.h-100 {
    height: 100%;
}

.h-auto {
    height: auto;
}

.h-100vh {
    height: 100vh;
}

.h-100vh-64px {
    height: calc(100vh - 64px);
}

.maxh-100 {
    max-height: 100%;
}

.maxh-100vh {
    max-height: 100vh;
}

.maxh-80vh {
    max-height: 80vh;
}

.maxh-50vh {
    max-height: 50vh;
}

.maxh-190px {
    max-height: 190px;
}

.minh-100vh {
    min-height: 100vh;
}

.minh-100 {
    min-height: 100%;
}

.o-auto {
    overflow: auto;
}

.o-hidden {
    overflow: hidden;
}

.scrollsa-start {
    scroll-snap-align: start;
}

.scrollsa-center {
    scroll-snap-align: center;
}

.scrollst-x-mandatory {
    scroll-snap-type: x mandatory;
}

.scrollst-y-mandatory {
    scroll-snap-type: y mandatory;
}

.p-0 {
    padding: 0px;
}

.p-1 {
    padding: var(--ita-spacings-1, 2px);
}

.p-2 {
    padding: var(--ita-spacings-2, 4px);
}

.p-3 {
    padding: var(--ita-spacings-3, 6px);
}

.p-4 {
    padding: var(--ita-spacings-4, 8px);
}

.p-5 {
    padding: var(--ita-spacings-5, 12px);
}

.p-6 {
    padding: var(--ita-spacings-6, 14px);
}

.p-7 {
    padding: var(--ita-spacings-7, 16px);
}

.p-8 {
    padding: var(--ita-spacings-8, 18px);
}

.p-9 {
    padding: var(--ita-spacings-9, 20px);
}

.p-10 {
    padding: var(--ita-spacings-10, 24px);
}

.p-11 {
    padding: var(--ita-spacings-11, 32px);
}

.p-12 {
    padding: var(--ita-spacings-12, 36px);
}

.p-13 {
    padding: var(--ita-spacings-13, 40px);
}

.p-14 {
    padding: var(--ita-spacings-14, 44px);
}

.p-15 {
    padding: var(--ita-spacings-15, 48px);
}

.p-16 {
    padding: var(--ita-spacings-16, 54px);
}

.p-17 {
    padding: var(--ita-spacings-17, 60px);
}

.pt-0 {
    padding-top: 0px;
}

.pt-1 {
    padding-top: var(--ita-spacings-1, 2px);
}

.pt-2 {
    padding-top: var(--ita-spacings-2, 4px);
}

.pt-3 {
    padding-top: var(--ita-spacings-3, 6px);
}

.pt-4 {
    padding-top: var(--ita-spacings-4, 8px);
}

.pt-5 {
    padding-top: var(--ita-spacings-5, 12px);
}

.pt-6 {
    padding-top: var(--ita-spacings-6, 14px);
}

.pt-7 {
    padding-top: var(--ita-spacings-7, 16px);
}

.pt-8 {
    padding-top: var(--ita-spacings-8, 18px);
}

.pt-9 {
    padding-top: var(--ita-spacings-9, 20px);
}

.pt-10 {
    padding-top: var(--ita-spacings-10, 24px);
}

.pt-11 {
    padding-top: var(--ita-spacings-11, 32px);
}

.pt-12 {
    padding-top: var(--ita-spacings-12, 36px);
}

.pt-13 {
    padding-top: var(--ita-spacings-13, 40px);
}

.pt-14 {
    padding-top: var(--ita-spacings-14, 44px);
}

.pt-15 {
    padding-top: var(--ita-spacings-15, 48px);
}

.pt-16 {
    padding-top: var(--ita-spacings-16, 54px);
}

.pt-17 {
    padding-top: var(--ita-spacings-17, 60px);
}

.pr-0 {
    padding-right: 0px;
}

.pr-1 {
    padding-right: var(--ita-spacings-1, 2px);
}

.pr-2 {
    padding-right: var(--ita-spacings-2, 4px);
}

.pr-3 {
    padding-right: var(--ita-spacings-3, 6px);
}

.pr-4 {
    padding-right: var(--ita-spacings-4, 8px);
}

.pr-5 {
    padding-right: var(--ita-spacings-5, 12px);
}

.pr-6 {
    padding-right: var(--ita-spacings-6, 14px);
}

.pr-7 {
    padding-right: var(--ita-spacings-7, 16px);
}

.pr-8 {
    padding-right: var(--ita-spacings-8, 18px);
}

.pr-9 {
    padding-right: var(--ita-spacings-9, 20px);
}

.pr-10 {
    padding-right: var(--ita-spacings-10, 24px);
}

.pr-11 {
    padding-right: var(--ita-spacings-11, 32px);
}

.pr-12 {
    padding-right: var(--ita-spacings-12, 36px);
}

.pr-13 {
    padding-right: var(--ita-spacings-13, 40px);
}

.pr-14 {
    padding-right: var(--ita-spacings-14, 44px);
}

.pr-15 {
    padding-right: var(--ita-spacings-15, 48px);
}

.pr-16 {
    padding-right: var(--ita-spacings-16, 54px);
}

.pr-17 {
    padding-right: var(--ita-spacings-17, 60px);
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-1 {
    padding-bottom: var(--ita-spacings-1, 2px);
}

.pb-2 {
    padding-bottom: var(--ita-spacings-2, 4px);
}

.pb-3 {
    padding-bottom: var(--ita-spacings-3, 6px);
}

.pb-4 {
    padding-bottom: var(--ita-spacings-4, 8px);
}

.pb-5 {
    padding-bottom: var(--ita-spacings-5, 12px);
}

.pb-6 {
    padding-bottom: var(--ita-spacings-6, 14px);
}

.pb-7 {
    padding-bottom: var(--ita-spacings-7, 16px);
}

.pb-8 {
    padding-bottom: var(--ita-spacings-8, 18px);
}

.pb-9 {
    padding-bottom: var(--ita-spacings-9, 20px);
}

.pb-10 {
    padding-bottom: var(--ita-spacings-10, 24px);
}

.pb-11 {
    padding-bottom: var(--ita-spacings-11, 32px);
}

.pb-12 {
    padding-bottom: var(--ita-spacings-12, 36px);
}

.pb-13 {
    padding-bottom: var(--ita-spacings-13, 40px);
}

.pb-14 {
    padding-bottom: var(--ita-spacings-14, 44px);
}

.pb-15 {
    padding-bottom: var(--ita-spacings-15, 48px);
}

.pb-16 {
    padding-bottom: var(--ita-spacings-16, 54px);
}

.pb-17 {
    padding-bottom: var(--ita-spacings-17, 60px);
}

.pl-0 {
    padding-left: 0px;
}

.pl-1 {
    padding-left: var(--ita-spacings-1, 2px);
}

.pl-2 {
    padding-left: var(--ita-spacings-2, 4px);
}

.pl-3 {
    padding-left: var(--ita-spacings-3, 6px);
}

.pl-4 {
    padding-left: var(--ita-spacings-4, 8px);
}

.pl-5 {
    padding-left: var(--ita-spacings-5, 12px);
}

.pl-6 {
    padding-left: var(--ita-spacings-6, 14px);
}

.pl-7 {
    padding-left: var(--ita-spacings-7, 16px);
}

.pl-8 {
    padding-left: var(--ita-spacings-8, 18px);
}

.pl-9 {
    padding-left: var(--ita-spacings-9, 20px);
}

.pl-10 {
    padding-left: var(--ita-spacings-10, 24px);
}

.pl-11 {
    padding-left: var(--ita-spacings-11, 32px);
}

.pl-12 {
    padding-left: var(--ita-spacings-12, 36px);
}

.pl-13 {
    padding-left: var(--ita-spacings-13, 40px);
}

.pl-14 {
    padding-left: var(--ita-spacings-14, 44px);
}

.pl-15 {
    padding-left: var(--ita-spacings-15, 48px);
}

.pl-16 {
    padding-left: var(--ita-spacings-16, 54px);
}

.pl-17 {
    padding-left: var(--ita-spacings-17, 60px);
}

.m-0 {
    margin: 0px;
}

.m-auto {
    margin: auto;
}

.m-1 {
    margin: var(--ita-spacings-1, 2px);
}

.m-2 {
    margin: var(--ita-spacings-2, 4px);
}

.m-3 {
    margin: var(--ita-spacings-3, 6px);
}

.m-4 {
    margin: var(--ita-spacings-4, 8px);
}

.m-5 {
    margin: var(--ita-spacings-5, 12px);
}

.m-6 {
    margin: var(--ita-spacings-6, 14px);
}

.m-7 {
    margin: var(--ita-spacings-7, 16px);
}

.m-8 {
    margin: var(--ita-spacings-8, 18px);
}

.m-9 {
    margin: var(--ita-spacings-9, 20px);
}

.m-10 {
    margin: var(--ita-spacings-10, 24px);
}

.m-11 {
    margin: var(--ita-spacings-11, 32px);
}

.m-12 {
    margin: var(--ita-spacings-12, 36px);
}

.m-13 {
    margin: var(--ita-spacings-13, 40px);
}

.m-14 {
    margin: var(--ita-spacings-14, 44px);
}

.m-15 {
    margin: var(--ita-spacings-15, 48px);
}

.m-16 {
    margin: var(--ita-spacings-16, 54px);
}

.m-17 {
    margin: var(--ita-spacings-17, 60px);
}

.mt-0 {
    margin-top: 0px;
}

.mt-1 {
    margin-top: var(--ita-spacings-1, 2px);
}

.mt-2 {
    margin-top: var(--ita-spacings-2, 4px);
}

.mt-3 {
    margin-top: var(--ita-spacings-3, 6px);
}

.mt-4 {
    margin-top: var(--ita-spacings-4, 8px);
}

.mt-5 {
    margin-top: var(--ita-spacings-5, 12px);
}

.mt-6 {
    margin-top: var(--ita-spacings-6, 14px);
}

.mt-7 {
    margin-top: var(--ita-spacings-7, 16px);
}

.mt-8 {
    margin-top: var(--ita-spacings-8, 18px);
}

.mt-9 {
    margin-top: var(--ita-spacings-9, 20px);
}

.mt-10 {
    margin-top: var(--ita-spacings-10, 24px);
}

.mt-11 {
    margin-top: var(--ita-spacings-11, 32px);
}

.mt-12 {
    margin-top: var(--ita-spacings-12, 36px);
}

.mt-13 {
    margin-top: var(--ita-spacings-13, 40px);
}

.mt-14 {
    margin-top: var(--ita-spacings-14, 44px);
}

.mt-15 {
    margin-top: var(--ita-spacings-15, 48px);
}

.mt-16 {
    margin-top: var(--ita-spacings-16, 54px);
}

.mt-17 {
    margin-top: var(--ita-spacings-17, 60px);
}

.mr-0 {
    margin-right: 0px;
}

.mr-auto {
    margin-right: auto;
}

.mr-1 {
    margin-right: var(--ita-spacings-1, 2px);
}

.mr-2 {
    margin-right: var(--ita-spacings-2, 4px);
}

.mr-3 {
    margin-right: var(--ita-spacings-3, 6px);
}

.mr-4 {
    margin-right: var(--ita-spacings-4, 8px);
}

.mr-5 {
    margin-right: var(--ita-spacings-5, 12px);
}

.mr-6 {
    margin-right: var(--ita-spacings-6, 14px);
}

.mr-7 {
    margin-right: var(--ita-spacings-7, 16px);
}

.mr-8 {
    margin-right: var(--ita-spacings-8, 18px);
}

.mr-9 {
    margin-right: var(--ita-spacings-9, 20px);
}

.mr-10 {
    margin-right: var(--ita-spacings-10, 24px);
}

.mr-11 {
    margin-right: var(--ita-spacings-11, 32px);
}

.mr-12 {
    margin-right: var(--ita-spacings-12, 36px);
}

.mr-13 {
    margin-right: var(--ita-spacings-13, 40px);
}

.mr-14 {
    margin-right: var(--ita-spacings-14, 44px);
}

.mr-15 {
    margin-right: var(--ita-spacings-15, 48px);
}

.mr-16 {
    margin-right: var(--ita-spacings-16, 54px);
}

.mr-17 {
    margin-right: var(--ita-spacings-17, 60px);
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-1 {
    margin-bottom: var(--ita-spacings-1, 2px);
}

.mb-2 {
    margin-bottom: var(--ita-spacings-2, 4px);
}

.mb-3 {
    margin-bottom: var(--ita-spacings-3, 6px);
}

.mb-4 {
    margin-bottom: var(--ita-spacings-4, 8px);
}

.mb-5 {
    margin-bottom: var(--ita-spacings-5, 12px);
}

.mb-6 {
    margin-bottom: var(--ita-spacings-6, 14px);
}

.mb-7 {
    margin-bottom: var(--ita-spacings-7, 16px);
}

.mb-8 {
    margin-bottom: var(--ita-spacings-8, 18px);
}

.mb-9 {
    margin-bottom: var(--ita-spacings-9, 20px);
}

.mb-10 {
    margin-bottom: var(--ita-spacings-10, 24px);
}

.mb-11 {
    margin-bottom: var(--ita-spacings-11, 32px);
}

.mb-12 {
    margin-bottom: var(--ita-spacings-12, 36px);
}

.mb-13 {
    margin-bottom: var(--ita-spacings-13, 40px);
}

.mb-14 {
    margin-bottom: var(--ita-spacings-14, 44px);
}

.mb-15 {
    margin-bottom: var(--ita-spacings-15, 48px);
}

.mb-16 {
    margin-bottom: var(--ita-spacings-16, 54px);
}

.mb-17 {
    margin-bottom: var(--ita-spacings-17, 60px);
}

.ml-0 {
    margin-left: 0px;
}

.ml-auto {
    margin-left: auto;
}

.ml-1 {
    margin-left: var(--ita-spacings-1, 2px);
}

.ml-2 {
    margin-left: var(--ita-spacings-2, 4px);
}

.ml-3 {
    margin-left: var(--ita-spacings-3, 6px);
}

.ml-4 {
    margin-left: var(--ita-spacings-4, 8px);
}

.ml-5 {
    margin-left: var(--ita-spacings-5, 12px);
}

.ml-6 {
    margin-left: var(--ita-spacings-6, 14px);
}

.ml-7 {
    margin-left: var(--ita-spacings-7, 16px);
}

.ml-8 {
    margin-left: var(--ita-spacings-8, 18px);
}

.ml-9 {
    margin-left: var(--ita-spacings-9, 20px);
}

.ml-10 {
    margin-left: var(--ita-spacings-10, 24px);
}

.ml-11 {
    margin-left: var(--ita-spacings-11, 32px);
}

.ml-12 {
    margin-left: var(--ita-spacings-12, 36px);
}

.ml-13 {
    margin-left: var(--ita-spacings-13, 40px);
}

.ml-14 {
    margin-left: var(--ita-spacings-14, 44px);
}

.ml-15 {
    margin-left: var(--ita-spacings-15, 48px);
}

.ml-16 {
    margin-left: var(--ita-spacings-16, 54px);
}

.ml-17 {
    margin-left: var(--ita-spacings-17, 60px);
}

.ff-1-1 {
    font-family: var(--ita-fontFamilies-1-1, TYPO_1_1, sans-serif);
}

.ff-1-2 {
    font-family: var(--ita-fontFamilies-1-2, TYPO_1_2, sans-serif);
}

.ff-2-1 {
    font-family: var(--ita-fontFamilies-2-1, TYPO_2_1, sans-serif);
}

.ff-2-2 {
    font-family: var(--ita-fontFamilies-2-2, TYPO_2_2, sans-serif);
}

.fwei-100 {
    font-weight: 100;
}

.fwei-200 {
    font-weight: 200;
}

.fwei-300 {
    font-weight: 300;
}

.fwei-400 {
    font-weight: 400;
}

.fwei-500 {
    font-weight: 500;
}

.fwei-600 {
    font-weight: 600;
}

.fwei-700 {
    font-weight: 700;
}

.fwei-800 {
    font-weight: 800;
}

.fwei-900 {
    font-weight: 900;
}

.fs-1 {
    font-size: var(--ita-fontSizes-1, 10px);
}

.fs-2 {
    font-size: var(--ita-fontSizes-2, 11px);
}

.fs-3 {
    font-size: var(--ita-fontSizes-3, 12px);
}

.fs-4 {
    font-size: var(--ita-fontSizes-4, 14px);
}

.fs-5 {
    font-size: var(--ita-fontSizes-5, 16px);
}

.fs-6 {
    font-size: var(--ita-fontSizes-6, 18px);
}

.fs-7 {
    font-size: var(--ita-fontSizes-7, 20px);
}

.fs-8 {
    font-size: var(--ita-fontSizes-8, 24px);
}

.fs-9 {
    font-size: var(--ita-fontSizes-9, 28px);
}

.fs-10 {
    font-size: var(--ita-fontSizes-10, 32px);
}

.fs-11 {
    font-size: var(--ita-fontSizes-11, 36px);
}

.fs-12 {
    font-size: var(--ita-fontSizes-12, 42px);
}

.fs-13 {
    font-size: var(--ita-fontSizes-13, 54px);
}

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.td-none {
    text-decoration: none;
}

.td-underline {
    text-decoration: underline;
}

.td-line-through {
    text-decoration: line-through;
}

.tws-auto {
    text-wrap-style: auto;
}

.tws-balance {
    text-wrap-style: balance;
}

.fstyle-normal {
    font-style: normal;
}

.fstyle-italic {
    font-style: italic;
}

.ws-nowrap {
    white-space: nowrap;
}

.to-ellipsis {
    text-overflow: ellipsis;
}

.lh-0 {
    line-height: 0em;
}

.lh-1 {
    line-height: 1em;
}

.lh-2 {
    line-height: 1.1em;
}

.lh-3 {
    line-height: 1.2em;
}

.lh-4 {
    line-height: 1.3em;
}

.lh-5 {
    line-height: 1.4em;
}

.lh-6 {
    line-height: 1.5em;
}

.lh-7 {
    line-height: 1.6em;
}

.lh-8 {
    line-height: 1.7em;
}

.lh-9 {
    line-height: 1.8em;
}

.va-top {
    vertical-align: top;
}

.va-middle {
    vertical-align: middle;
}

.va-bottom {
    vertical-align: bottom;
}

.va-super {
    vertical-align: super;
}

.va-sub {
    vertical-align: sub;
}

.wb-break-word {
    word-break: break-word;
}

.wb-break-all {
    word-break: break-all;
}

.tt-uppercase {
    text-transform: uppercase;
}

.tt-lowercase {
    text-transform: lowercase;
}

.lsp-1 {
    letter-spacing: -0.01em;
}

.lsp-2 {
    letter-spacing: -0.02em;
}

.lsp-3 {
    letter-spacing: -0.03em;
}

.lsp-4 {
    letter-spacing: -0.04em;
}

.lsp-5 {
    letter-spacing: -0.05em;
}

.lsp-6 {
    letter-spacing: -0.06em;
}

.lsp-7 {
    letter-spacing: -0.07em;
}

.lsp-8 {
    letter-spacing: -0.08em;
}

.lsp-9 {
    letter-spacing: -0.09em;
}

.lsp-10 {
    letter-spacing: -0.1em;
}

.hy-auto {
    hyphens: auto;
}

.hy-manual {
    hyphens: manual;
}

.hy-none {
    hyphens: none;
}

.c-current {
    color: currentColor;
}

.c-black {
    color: var(--ita-colors-black, #000000);
}

.c-soft-black {
    color: var(--ita-colors-soft-black, #22242C);
}

.c-dark-grey {
    color: var(--ita-colors-dark-grey, #515A76);
}

.c-medium-grey {
    color: var(--ita-colors-medium-grey, #838CAA);
}

.c-light-grey {
    color: var(--ita-colors-light-grey, #A2A9BF);
}

.c-soft-grey {
    color: var(--ita-colors-soft-grey, #DBDBDB);
}

.c-ultra-light-grey {
    color: var(--ita-colors-ultra-light-grey, #EFEFEF);
}

.c-off-white {
    color: var(--ita-colors-off-white, #F8F9FC);
}

.c-white {
    color: var(--ita-colors-white, #FFFFFF);
}

.c-black-50 {
    color: var(--ita-colors-black-50, #00000080);
}

.c-light-grey-30 {
    color: var(--ita-colors-light-grey-30, #A2A9BF4D);
}

.c-white-50 {
    color: var(--ita-colors-white-50, #FFFFFF80);
}

.c-white-30 {
    color: var(--ita-colors-white-30, #FFFFFF4D);
}

.c-brand-primary {
    color: var(--ita-colors-brand-primary, #021735);
}

.c-indigo {
    color: var(--ita-colors-indigo, #06234C);
}

.c-brand-accent {
    color: var(--ita-colors-brand-accent, #00E4B0);
}

.c-soft-green {
    color: var(--ita-colors-soft-green, #5DE8C1);
}

.c-blue {
    color: var(--ita-colors-blue, #00ABFF);
}

.c-light-blue {
    color: var(--ita-colors-light-blue, #00C2FF);
}

.c-soft-blue {
    color: var(--ita-colors-soft-blue, #66C7FF);
}

.c-clear-blue {
    color: var(--ita-colors-clear-blue, #A4E0FD);
}

.c-yellow {
    color: var(--ita-colors-yellow, #FFD752);
}

.c-soft-yellow {
    color: var(--ita-colors-soft-yellow, #FFDCA3);
}

.c-peach {
    color: var(--ita-colors-peach, #F3E3DD);
}

.c-ultra-light-peach {
    color: var(--ita-colors-ultra-light-peach, #FBF3EE);
}

.c-light-purple {
    color: var(--ita-colors-light-purple, #CFD0FC);
}

.c-soft-purple {
    color: var(--ita-colors-soft-purple, #E8E3FC);
}

.c-ultra-light-purple {
    color: var(--ita-colors-ultra-light-purple, #F5F6FE);
}

.c-brand-accent-20 {
    color: var(--ita-colors-brand-accent-20, #00E4B033);
}

.c-yellow-10 {
    color: var(--ita-colors-yellow-10, #FBBF241A);
}

.bc-0 {
    background-color: transparent;
}

.bc-black {
    background-color: var(--ita-colors-black, #000000);
}

.bc-soft-black {
    background-color: var(--ita-colors-soft-black, #22242C);
}

.bc-dark-grey {
    background-color: var(--ita-colors-dark-grey, #515A76);
}

.bc-medium-grey {
    background-color: var(--ita-colors-medium-grey, #838CAA);
}

.bc-light-grey {
    background-color: var(--ita-colors-light-grey, #A2A9BF);
}

.bc-soft-grey {
    background-color: var(--ita-colors-soft-grey, #DBDBDB);
}

.bc-ultra-light-grey {
    background-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
}

.bc-off-white {
    background-color: var(--ita-colors-off-white, #F8F9FC);
}

.bc-white {
    background-color: var(--ita-colors-white, #FFFFFF);
}

.bc-black-50 {
    background-color: var(--ita-colors-black-50, #00000080);
}

.bc-light-grey-30 {
    background-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
}

.bc-white-50 {
    background-color: var(--ita-colors-white-50, #FFFFFF80);
}

.bc-white-30 {
    background-color: var(--ita-colors-white-30, #FFFFFF4D);
}

.bc-brand-primary {
    background-color: var(--ita-colors-brand-primary, #021735);
}

.bc-indigo {
    background-color: var(--ita-colors-indigo, #06234C);
}

.bc-brand-accent {
    background-color: var(--ita-colors-brand-accent, #00E4B0);
}

.bc-soft-green {
    background-color: var(--ita-colors-soft-green, #5DE8C1);
}

.bc-blue {
    background-color: var(--ita-colors-blue, #00ABFF);
}

.bc-light-blue {
    background-color: var(--ita-colors-light-blue, #00C2FF);
}

.bc-soft-blue {
    background-color: var(--ita-colors-soft-blue, #66C7FF);
}

.bc-clear-blue {
    background-color: var(--ita-colors-clear-blue, #A4E0FD);
}

.bc-yellow {
    background-color: var(--ita-colors-yellow, #FFD752);
}

.bc-soft-yellow {
    background-color: var(--ita-colors-soft-yellow, #FFDCA3);
}

.bc-peach {
    background-color: var(--ita-colors-peach, #F3E3DD);
}

.bc-ultra-light-peach {
    background-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
}

.bc-light-purple {
    background-color: var(--ita-colors-light-purple, #CFD0FC);
}

.bc-soft-purple {
    background-color: var(--ita-colors-soft-purple, #E8E3FC);
}

.bc-ultra-light-purple {
    background-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
}

.bc-brand-accent-20 {
    background-color: var(--ita-colors-brand-accent-20, #00E4B033);
}

.bc-yellow-10 {
    background-color: var(--ita-colors-yellow-10, #FBBF241A);
}

.b-0 {
    border: none;
}

.bcolor-0 {
    border-color: none;
}

.bcolor-transparent {
    border-color: transparent;
}

.bcolor-black {
    border-color: var(--ita-colors-black, #000000);
}

.bcolor-soft-black {
    border-color: var(--ita-colors-soft-black, #22242C);
}

.bcolor-dark-grey {
    border-color: var(--ita-colors-dark-grey, #515A76);
}

.bcolor-medium-grey {
    border-color: var(--ita-colors-medium-grey, #838CAA);
}

.bcolor-light-grey {
    border-color: var(--ita-colors-light-grey, #A2A9BF);
}

.bcolor-soft-grey {
    border-color: var(--ita-colors-soft-grey, #DBDBDB);
}

.bcolor-ultra-light-grey {
    border-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
}

.bcolor-off-white {
    border-color: var(--ita-colors-off-white, #F8F9FC);
}

.bcolor-white {
    border-color: var(--ita-colors-white, #FFFFFF);
}

.bcolor-black-50 {
    border-color: var(--ita-colors-black-50, #00000080);
}

.bcolor-light-grey-30 {
    border-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
}

.bcolor-white-50 {
    border-color: var(--ita-colors-white-50, #FFFFFF80);
}

.bcolor-white-30 {
    border-color: var(--ita-colors-white-30, #FFFFFF4D);
}

.bcolor-brand-primary {
    border-color: var(--ita-colors-brand-primary, #021735);
}

.bcolor-indigo {
    border-color: var(--ita-colors-indigo, #06234C);
}

.bcolor-brand-accent {
    border-color: var(--ita-colors-brand-accent, #00E4B0);
}

.bcolor-soft-green {
    border-color: var(--ita-colors-soft-green, #5DE8C1);
}

.bcolor-blue {
    border-color: var(--ita-colors-blue, #00ABFF);
}

.bcolor-light-blue {
    border-color: var(--ita-colors-light-blue, #00C2FF);
}

.bcolor-soft-blue {
    border-color: var(--ita-colors-soft-blue, #66C7FF);
}

.bcolor-clear-blue {
    border-color: var(--ita-colors-clear-blue, #A4E0FD);
}

.bcolor-yellow {
    border-color: var(--ita-colors-yellow, #FFD752);
}

.bcolor-soft-yellow {
    border-color: var(--ita-colors-soft-yellow, #FFDCA3);
}

.bcolor-peach {
    border-color: var(--ita-colors-peach, #F3E3DD);
}

.bcolor-ultra-light-peach {
    border-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
}

.bcolor-light-purple {
    border-color: var(--ita-colors-light-purple, #CFD0FC);
}

.bcolor-soft-purple {
    border-color: var(--ita-colors-soft-purple, #E8E3FC);
}

.bcolor-ultra-light-purple {
    border-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
}

.bcolor-brand-accent-20 {
    border-color: var(--ita-colors-brand-accent-20, #00E4B033);
}

.bcolor-yellow-10 {
    border-color: var(--ita-colors-yellow-10, #FBBF241A);
}

.bt-0 {
    border-top: none;
}

.br-0 {
    border-right: none;
}

.bb-0 {
    border-bottom: none;
}

.bl-0 {
    border-left: none;
}

.bwidth-0 {
    border-width: 0px;
}

.bwidth-1 {
    border-width: 1px;
}

.bwidth-2 {
    border-width: 2px;
}

.bwidth-3 {
    border-width: 3px;
}

.btwidth-0 {
    border-top-width: 0px;
}

.btwidth-1 {
    border-top-width: 1px;
}

.btwidth-2 {
    border-top-width: 2px;
}

.btwidth-3 {
    border-top-width: 3px;
}

.brwidth-0 {
    border-right-width: 0px;
}

.brwidth-1 {
    border-right-width: 1px;
}

.brwidth-2 {
    border-right-width: 2px;
}

.brwidth-3 {
    border-right-width: 3px;
}

.bbwidth-0 {
    border-bottom-width: 0px;
}

.bbwidth-1 {
    border-bottom-width: 1px;
}

.bbwidth-2 {
    border-bottom-width: 2px;
}

.bbwidth-3 {
    border-bottom-width: 3px;
}

.blwidth-0 {
    border-left-width: 0px;
}

.blwidth-1 {
    border-left-width: 1px;
}

.blwidth-2 {
    border-left-width: 2px;
}

.blwidth-3 {
    border-left-width: 3px;
}

.bstyle-solid {
    border-style: solid;
}

.bstyle-dashed {
    border-style: dashed;
}

.bstyle-dotted {
    border-style: dotted;
}

.bstyle-none {
    border-style: none;
}

.btstyle-solid {
    border-top-style: solid;
}

.btstyle-dashed {
    border-top-style: dashed;
}

.btstyle-dotted {
    border-top-style: dotted;
}

.btstyle-none {
    border-top-style: none;
}

.brstyle-solid {
    border-right-style: solid;
}

.brstyle-dashed {
    border-right-style: dashed;
}

.brstyle-dotted {
    border-right-style: dotted;
}

.brstyle-none {
    border-right-style: none;
}

.bbstyle-solid {
    border-bottom-style: solid;
}

.bbstyle-dashed {
    border-bottom-style: dashed;
}

.bbstyle-dotted {
    border-bottom-style: dotted;
}

.bbstyle-none {
    border-bottom-style: none;
}

.blstyle-solid {
    border-left-style: solid;
}

.blstyle-dashed {
    border-left-style: dashed;
}

.blstyle-dotted {
    border-left-style: dotted;
}

.blstyle-none {
    border-left-style: none;
}

.brad-0 {
    border-radius: 0px;
}

.brad-1 {
    border-radius: var(--ita-radii-1, 4px);
}

.brad-2 {
    border-radius: var(--ita-radii-2, 8px);
}

.brad-3 {
    border-radius: var(--ita-radii-3, 14px);
}

.brad-4 {
    border-radius: var(--ita-radii-4, 100px);
}

.bradtl-0 {
    border-top-left-radius: 0px;
}

.bradtl-1 {
    border-top-left-radius: var(--ita-radii-1, 4px);
}

.bradtl-2 {
    border-top-left-radius: var(--ita-radii-2, 8px);
}

.bradtl-3 {
    border-top-left-radius: var(--ita-radii-3, 14px);
}

.bradtl-4 {
    border-top-left-radius: var(--ita-radii-4, 100px);
}

.bradtr-0 {
    border-top-right-radius: 0px;
}

.bradtr-1 {
    border-top-right-radius: var(--ita-radii-1, 4px);
}

.bradtr-2 {
    border-top-right-radius: var(--ita-radii-2, 8px);
}

.bradtr-3 {
    border-top-right-radius: var(--ita-radii-3, 14px);
}

.bradtr-4 {
    border-top-right-radius: var(--ita-radii-4, 100px);
}

.bradbr-0 {
    border-bottom-right-radius: 0px;
}

.bradbr-1 {
    border-bottom-right-radius: var(--ita-radii-1, 4px);
}

.bradbr-2 {
    border-bottom-right-radius: var(--ita-radii-2, 8px);
}

.bradbr-3 {
    border-bottom-right-radius: var(--ita-radii-3, 14px);
}

.bradbr-4 {
    border-bottom-right-radius: var(--ita-radii-4, 100px);
}

.bradbl-0 {
    border-bottom-left-radius: 0px;
}

.bradbl-1 {
    border-bottom-left-radius: var(--ita-radii-1, 4px);
}

.bradbl-2 {
    border-bottom-left-radius: var(--ita-radii-2, 8px);
}

.bradbl-3 {
    border-bottom-left-radius: var(--ita-radii-3, 14px);
}

.bradbl-4 {
    border-bottom-left-radius: var(--ita-radii-4, 100px);
}

.bg-mask-dark-blue {
    background: var(--ita-gradients-mask-dark-blue, linear-gradient(90deg, #06234C00, #06234C));
}

.bg-dark-blue {
    background: var(--ita-gradients-dark-blue, linear-gradient(90deg, #021735, #06439B));
}

.bg-light-blue {
    background: var(--ita-gradients-light-blue, linear-gradient(90deg, #0C70FF, #0057D3));
}

.bg-electric-green {
    background: var(--ita-gradients-electric-green, linear-gradient(90deg, #79F9FB, #00E4B0));
}

.bsize-cover {
    background-size: cover;
}

.bsize-contain {
    background-size: contain;
}

.bposx-left {
    background-position-x: left;
}

.bposx-center {
    background-position-x: center;
}

.bposx-right {
    background-position-x: right;
}

.bposy-top {
    background-position-y: top;
}

.bposy-center {
    background-position-y: center;
}

.bposy-bottom {
    background-position-y: bottom;
}

.brep-no-repeat {
    background-repeat: no-repeat;
}

.brep-repeat-x {
    background-repeat: repeat-x;
}

.brep-repeat-y {
    background-repeat: repeat-y;
}

.cur-pointer {
    cursor: pointer;
}

.opa-0 {
    opacity: 0;
}

.opa-1 {
    opacity: 0.1;
}

.opa-2 {
    opacity: 0.2;
}

.opa-3 {
    opacity: 0.3;
}

.opa-4 {
    opacity: 0.4;
}

.opa-5 {
    opacity: 0.5;
}

.opa-6 {
    opacity: 0.6;
}

.opa-7 {
    opacity: 0.7;
}

.opa-8 {
    opacity: 0.8;
}

.opa-9 {
    opacity: 0.9;
}

.ls-none {
    list-style: none;
}

.pe-none {
    pointer-events: none;
}

.pe-auto {
    pointer-events: auto;
}

.appearance-none {
    -webkit-appearance: none;
}

.bs-1 {
    box-shadow: var(--ita-shadows-1, 0px 4px 44px 0px #041C404D);
}

.bs-2 {
    box-shadow: var(--ita-shadows-2, 0px 4px 44px 0px #033D901A);
}

.bs-3 {
    box-shadow: var(--ita-shadows-3, 0px 4px 16px 0px #033D901A);
}

/*START @media xs*/
@media (min-width: 0px) and (max-width: 599px) {

    .d-flex--xs,
    [d-flex*="xs"] {
        display: flex;
    }

    .u-d-flex--xs,
    [u-d-flex*="xs"] {
        display: flex !important;
    }

    .d-inline-flex--xs,
    [d-inline-flex*="xs"] {
        display: inline-flex;
    }

    .u-d-inline-flex--xs,
    [u-d-inline-flex*="xs"] {
        display: inline-flex !important;
    }

    .d-none--xs,
    [d-none*="xs"] {
        display: none;
    }

    .u-d-none--xs,
    [u-d-none*="xs"] {
        display: none !important;
    }

    .ai-baseline--xs,
    [ai-baseline*="xs"] {
        align-items: baseline;
    }

    .ai-center--xs,
    [ai-center*="xs"] {
        align-items: center;
    }

    .ai-start--xs,
    [ai-start*="xs"] {
        align-items: flex-start;
    }

    .ai-end--xs,
    [ai-end*="xs"] {
        align-items: flex-end;
    }

    .jc-center--xs,
    [jc-center*="xs"] {
        justify-content: center;
    }

    .jc-space-between--xs,
    [jc-space-between*="xs"] {
        justify-content: space-between;
    }

    .jc-space-around--xs,
    [jc-space-around*="xs"] {
        justify-content: space-around;
    }

    .jc-start--xs,
    [jc-start*="xs"] {
        justify-content: flex-start;
    }

    .jc-end--xs,
    [jc-end*="xs"] {
        justify-content: flex-end;
    }

    .fd-column--xs,
    [fd-column*="xs"] {
        flex-direction: column;
    }

    .fw-wrap--xs,
    [fw-wrap*="xs"] {
        flex-wrap: wrap;
    }

    .order--1--xs,
    [order--1*="xs"] {
        order: -1;
    }

    .order-1--xs,
    [order-1*="xs"] {
        order: 1;
    }

    .of-contain--xs,
    [of-contain*="xs"] {
        object-fit: contain;
    }

    .of-cover--xs,
    [of-cover*="xs"] {
        object-fit: cover;
    }

    .pos-relative--xs,
    [pos-relative*="xs"] {
        position: relative;
    }

    .pos-absolute--xs,
    [pos-absolute*="xs"] {
        position: absolute;
    }

    .pos-fixed--xs,
    [pos-fixed*="xs"] {
        position: fixed;
    }

    .pos-sticky--xs,
    [pos-sticky*="xs"] {
        position: sticky;
    }

    .top-0--xs,
    [top-0*="xs"] {
        top: 0%;
    }

    .top-50--xs,
    [top-50*="xs"] {
        top: 50%;
    }

    .top-100--xs,
    [top-100*="xs"] {
        top: 100%;
    }

    .right-0--xs,
    [right-0*="xs"] {
        right: 0%;
    }

    .right-50--xs,
    [right-50*="xs"] {
        right: 50%;
    }

    .right-100--xs,
    [right-100*="xs"] {
        right: 100%;
    }

    .bottom-0--xs,
    [bottom-0*="xs"] {
        bottom: 0%;
    }

    .bottom-50--xs,
    [bottom-50*="xs"] {
        bottom: 50%;
    }

    .bottom-100--xs,
    [bottom-100*="xs"] {
        bottom: 100%;
    }

    .left-0--xs,
    [left-0*="xs"] {
        left: 0%;
    }

    .left-50--xs,
    [left-50*="xs"] {
        left: 50%;
    }

    .left-100--xs,
    [left-100*="xs"] {
        left: 100%;
    }

    .z-1--xs,
    [z-1*="xs"] {
        z-index: 1;
    }

    .z-2--xs,
    [z-2*="xs"] {
        z-index: 2;
    }

    .z-3--xs,
    [z-3*="xs"] {
        z-index: 3;
    }

    .z-4--xs,
    [z-4*="xs"] {
        z-index: 4;
    }

    .z-5--xs,
    [z-5*="xs"] {
        z-index: 5;
    }

    .z-6--xs,
    [z-6*="xs"] {
        z-index: 6;
    }

    .z-7--xs,
    [z-7*="xs"] {
        z-index: 7;
    }

    .z-8--xs,
    [z-8*="xs"] {
        z-index: 8;
    }

    .z-9--xs,
    [z-9*="xs"] {
        z-index: 9;
    }

    .z-100--xs,
    [z-100*="xs"] {
        z-index: 100;
    }

    .z-200--xs,
    [z-200*="xs"] {
        z-index: 200;
    }

    .z-300--xs,
    [z-300*="xs"] {
        z-index: 300;
    }

    .z-400--xs,
    [z-400*="xs"] {
        z-index: 400;
    }

    .z-500--xs,
    [z-500*="xs"] {
        z-index: 500;
    }

    .z-600--xs,
    [z-600*="xs"] {
        z-index: 600;
    }

    .z-700--xs,
    [z-700*="xs"] {
        z-index: 700;
    }

    .z-800--xs,
    [z-800*="xs"] {
        z-index: 800;
    }

    .z-900--xs,
    [z-900*="xs"] {
        z-index: 900;
    }

    .t-tX-50--xs,
    [t-tX-50*="xs"] {
        --dsg-tX: -50%;
    }

    .t-tX50--xs,
    [t-tX50*="xs"] {
        --dsg-tX: 50%;
    }

    .t-tX-100--xs,
    [t-tX-100*="xs"] {
        --dsg-tX: -100%;
    }

    .t-tX100--xs,
    [t-tX100*="xs"] {
        --dsg-tX: 100%;
    }

    .t-tY-50--xs,
    [t-tY-50*="xs"] {
        --dsg-tY: -50%;
    }

    .t-tY50--xs,
    [t-tY50*="xs"] {
        --dsg-tY: 50%;
    }

    .t-tY-100--xs,
    [t-tY-100*="xs"] {
        --dsg-tY: -100%;
    }

    .t-tY100--xs,
    [t-tY100*="xs"] {
        --dsg-tY: 100%;
    }

    .t-tX-50--xs,
    [t-tX-50*="xs"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX50--xs,
    [t-tX50*="xs"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX-100--xs,
    [t-tX-100*="xs"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX100--xs,
    [t-tX100*="xs"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-50--xs,
    [t-tY-50*="xs"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY50--xs,
    [t-tY50*="xs"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-100--xs,
    [t-tY-100*="xs"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY100--xs,
    [t-tY100*="xs"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .rotate-90--xs,
    [rotate-90*="xs"] {
        rotate: 90deg;
    }

    .rotate-180--xs,
    [rotate-180*="xs"] {
        rotate: 180deg;
    }

    .rotate-270--xs,
    [rotate-270*="xs"] {
        rotate: 270deg;
    }

    .ar-widescreen--xs,
    [ar-widescreen*="xs"] {
        aspect-ratio: 16/9;
    }

    .ar-anamorphic--xs,
    [ar-anamorphic*="xs"] {
        aspect-ratio: 2.35;
    }

    .ar-portrait--xs,
    [ar-portrait*="xs"] {
        aspect-ratio: 5/7;
    }

    .ar-dslr--xs,
    [ar-dslr*="xs"] {
        aspect-ratio: 3/2;
    }

    .ar-square--xs,
    [ar-square*="xs"] {
        aspect-ratio: 1;
    }

    .gap-0px--xs,
    [gap-0px*="xs"] {
        gap: 0px;
    }

    .gap-1--xs,
    [gap-1*="xs"] {
        gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--xs,
    [gap-2*="xs"] {
        gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--xs,
    [gap-3*="xs"] {
        gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--xs,
    [gap-4*="xs"] {
        gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--xs,
    [gap-5*="xs"] {
        gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--xs,
    [gap-6*="xs"] {
        gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--xs,
    [gap-7*="xs"] {
        gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--xs,
    [gap-8*="xs"] {
        gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--xs,
    [gap-9*="xs"] {
        gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--xs,
    [gap-10*="xs"] {
        gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--xs,
    [gap-11*="xs"] {
        gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--xs,
    [gap-12*="xs"] {
        gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--xs,
    [gap-13*="xs"] {
        gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--xs,
    [gap-14*="xs"] {
        gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--xs,
    [gap-15*="xs"] {
        gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--xs,
    [gap-16*="xs"] {
        gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--xs,
    [gap-17*="xs"] {
        gap: var(--ita-spacings-17, 60px);
    }

    .rgap-0px--xs,
    [rgap-0px*="xs"] {
        row-gap: 0px;
    }

    .rgap-1--xs,
    [rgap-1*="xs"] {
        row-gap: var(--ita-spacings-1, 2px);
    }

    .rgap-2--xs,
    [rgap-2*="xs"] {
        row-gap: var(--ita-spacings-2, 4px);
    }

    .rgap-3--xs,
    [rgap-3*="xs"] {
        row-gap: var(--ita-spacings-3, 6px);
    }

    .rgap-4--xs,
    [rgap-4*="xs"] {
        row-gap: var(--ita-spacings-4, 8px);
    }

    .rgap-5--xs,
    [rgap-5*="xs"] {
        row-gap: var(--ita-spacings-5, 12px);
    }

    .rgap-6--xs,
    [rgap-6*="xs"] {
        row-gap: var(--ita-spacings-6, 14px);
    }

    .rgap-7--xs,
    [rgap-7*="xs"] {
        row-gap: var(--ita-spacings-7, 16px);
    }

    .rgap-8--xs,
    [rgap-8*="xs"] {
        row-gap: var(--ita-spacings-8, 18px);
    }

    .rgap-9--xs,
    [rgap-9*="xs"] {
        row-gap: var(--ita-spacings-9, 20px);
    }

    .rgap-10--xs,
    [rgap-10*="xs"] {
        row-gap: var(--ita-spacings-10, 24px);
    }

    .rgap-11--xs,
    [rgap-11*="xs"] {
        row-gap: var(--ita-spacings-11, 32px);
    }

    .rgap-12--xs,
    [rgap-12*="xs"] {
        row-gap: var(--ita-spacings-12, 36px);
    }

    .rgap-13--xs,
    [rgap-13*="xs"] {
        row-gap: var(--ita-spacings-13, 40px);
    }

    .rgap-14--xs,
    [rgap-14*="xs"] {
        row-gap: var(--ita-spacings-14, 44px);
    }

    .rgap-15--xs,
    [rgap-15*="xs"] {
        row-gap: var(--ita-spacings-15, 48px);
    }

    .rgap-16--xs,
    [rgap-16*="xs"] {
        row-gap: var(--ita-spacings-16, 54px);
    }

    .rgap-17--xs,
    [rgap-17*="xs"] {
        row-gap: var(--ita-spacings-17, 60px);
    }

    .gap-0px--xs,
    [gap-0px*="xs"] {
        --dsg-gap: 0px;
    }

    .gap-1px--xs,
    [gap-1px*="xs"] {
        --dsg-gap: 1px;
    }

    .gap-1--xs,
    [gap-1*="xs"] {
        --dsg-gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--xs,
    [gap-2*="xs"] {
        --dsg-gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--xs,
    [gap-3*="xs"] {
        --dsg-gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--xs,
    [gap-4*="xs"] {
        --dsg-gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--xs,
    [gap-5*="xs"] {
        --dsg-gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--xs,
    [gap-6*="xs"] {
        --dsg-gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--xs,
    [gap-7*="xs"] {
        --dsg-gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--xs,
    [gap-8*="xs"] {
        --dsg-gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--xs,
    [gap-9*="xs"] {
        --dsg-gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--xs,
    [gap-10*="xs"] {
        --dsg-gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--xs,
    [gap-11*="xs"] {
        --dsg-gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--xs,
    [gap-12*="xs"] {
        --dsg-gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--xs,
    [gap-13*="xs"] {
        --dsg-gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--xs,
    [gap-14*="xs"] {
        --dsg-gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--xs,
    [gap-15*="xs"] {
        --dsg-gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--xs,
    [gap-16*="xs"] {
        --dsg-gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--xs,
    [gap-17*="xs"] {
        --dsg-gap: var(--ita-spacings-17, 60px);
    }

    .fg-1--xs,
    [fg-1*="xs"] {
        flex-grow: 1;
    }

    .w-100--xs,
    [w-100*="xs"] {
        width: 100%;
    }

    .w-auto--xs,
    [w-auto*="xs"] {
        width: auto;
    }

    .w-100vw--xs,
    [w-100vw*="xs"] {
        width: 100vw;
    }

    .w-1035px--xs,
    [w-1035px*="xs"] {
        width: 1035px;
    }

    .w-1t--xs,
    [w-1t*="xs"] {
        --twelves: 1;
    }

    .w-2t--xs,
    [w-2t*="xs"] {
        --twelves: 2;
    }

    .w-3t--xs,
    [w-3t*="xs"] {
        --twelves: 3;
    }

    .w-4t--xs,
    [w-4t*="xs"] {
        --twelves: 4;
    }

    .w-5t--xs,
    [w-5t*="xs"] {
        --twelves: 5;
    }

    .w-6t--xs,
    [w-6t*="xs"] {
        --twelves: 6;
    }

    .w-7t--xs,
    [w-7t*="xs"] {
        --twelves: 7;
    }

    .w-8t--xs,
    [w-8t*="xs"] {
        --twelves: 8;
    }

    .w-9t--xs,
    [w-9t*="xs"] {
        --twelves: 9;
    }

    .w-10t--xs,
    [w-10t*="xs"] {
        --twelves: 10;
    }

    .w-11t--xs,
    [w-11t*="xs"] {
        --twelves: 11;
    }

    .w-12t--xs,
    [w-12t*="xs"] {
        --twelves: 12;
    }

    .maxw-100--xs,
    [maxw-100*="xs"] {
        max-width: 100%;
    }

    .maxw-280px--xs,
    [maxw-280px*="xs"] {
        max-width: 280px;
    }

    .maxw-100vw--xs,
    [maxw-100vw*="xs"] {
        max-width: 100vw;
    }

    .maxw-1488px--xs,
    [maxw-1488px*="xs"] {
        max-width: 1488px;
    }

    .minw-280px--xs,
    [minw-280px*="xs"] {
        min-width: 280px;
    }

    .minw-100--xs,
    [minw-100*="xs"] {
        min-width: 100%;
    }

    .h-100--xs,
    [h-100*="xs"] {
        height: 100%;
    }

    .h-auto--xs,
    [h-auto*="xs"] {
        height: auto;
    }

    .h-100vh--xs,
    [h-100vh*="xs"] {
        height: 100vh;
    }

    .h-100vh-64px--xs,
    [h-100vh-64px*="xs"] {
        height: calc(100vh - 64px);
    }

    .maxh-100--xs,
    [maxh-100*="xs"] {
        max-height: 100%;
    }

    .maxh-100vh--xs,
    [maxh-100vh*="xs"] {
        max-height: 100vh;
    }

    .maxh-80vh--xs,
    [maxh-80vh*="xs"] {
        max-height: 80vh;
    }

    .maxh-50vh--xs,
    [maxh-50vh*="xs"] {
        max-height: 50vh;
    }

    .maxh-190px--xs,
    [maxh-190px*="xs"] {
        max-height: 190px;
    }

    .minh-100vh--xs,
    [minh-100vh*="xs"] {
        min-height: 100vh;
    }

    .minh-100--xs,
    [minh-100*="xs"] {
        min-height: 100%;
    }

    .o-auto--xs,
    [o-auto*="xs"] {
        overflow: auto;
    }

    .o-hidden--xs,
    [o-hidden*="xs"] {
        overflow: hidden;
    }

    .p-0--xs,
    [p-0*="xs"] {
        padding: 0px;
    }

    .p-1--xs,
    [p-1*="xs"] {
        padding: var(--ita-spacings-1, 2px);
    }

    .p-2--xs,
    [p-2*="xs"] {
        padding: var(--ita-spacings-2, 4px);
    }

    .p-3--xs,
    [p-3*="xs"] {
        padding: var(--ita-spacings-3, 6px);
    }

    .p-4--xs,
    [p-4*="xs"] {
        padding: var(--ita-spacings-4, 8px);
    }

    .p-5--xs,
    [p-5*="xs"] {
        padding: var(--ita-spacings-5, 12px);
    }

    .p-6--xs,
    [p-6*="xs"] {
        padding: var(--ita-spacings-6, 14px);
    }

    .p-7--xs,
    [p-7*="xs"] {
        padding: var(--ita-spacings-7, 16px);
    }

    .p-8--xs,
    [p-8*="xs"] {
        padding: var(--ita-spacings-8, 18px);
    }

    .p-9--xs,
    [p-9*="xs"] {
        padding: var(--ita-spacings-9, 20px);
    }

    .p-10--xs,
    [p-10*="xs"] {
        padding: var(--ita-spacings-10, 24px);
    }

    .p-11--xs,
    [p-11*="xs"] {
        padding: var(--ita-spacings-11, 32px);
    }

    .p-12--xs,
    [p-12*="xs"] {
        padding: var(--ita-spacings-12, 36px);
    }

    .p-13--xs,
    [p-13*="xs"] {
        padding: var(--ita-spacings-13, 40px);
    }

    .p-14--xs,
    [p-14*="xs"] {
        padding: var(--ita-spacings-14, 44px);
    }

    .p-15--xs,
    [p-15*="xs"] {
        padding: var(--ita-spacings-15, 48px);
    }

    .p-16--xs,
    [p-16*="xs"] {
        padding: var(--ita-spacings-16, 54px);
    }

    .p-17--xs,
    [p-17*="xs"] {
        padding: var(--ita-spacings-17, 60px);
    }

    .pt-0--xs,
    [pt-0*="xs"] {
        padding-top: 0px;
    }

    .pt-1--xs,
    [pt-1*="xs"] {
        padding-top: var(--ita-spacings-1, 2px);
    }

    .pt-2--xs,
    [pt-2*="xs"] {
        padding-top: var(--ita-spacings-2, 4px);
    }

    .pt-3--xs,
    [pt-3*="xs"] {
        padding-top: var(--ita-spacings-3, 6px);
    }

    .pt-4--xs,
    [pt-4*="xs"] {
        padding-top: var(--ita-spacings-4, 8px);
    }

    .pt-5--xs,
    [pt-5*="xs"] {
        padding-top: var(--ita-spacings-5, 12px);
    }

    .pt-6--xs,
    [pt-6*="xs"] {
        padding-top: var(--ita-spacings-6, 14px);
    }

    .pt-7--xs,
    [pt-7*="xs"] {
        padding-top: var(--ita-spacings-7, 16px);
    }

    .pt-8--xs,
    [pt-8*="xs"] {
        padding-top: var(--ita-spacings-8, 18px);
    }

    .pt-9--xs,
    [pt-9*="xs"] {
        padding-top: var(--ita-spacings-9, 20px);
    }

    .pt-10--xs,
    [pt-10*="xs"] {
        padding-top: var(--ita-spacings-10, 24px);
    }

    .pt-11--xs,
    [pt-11*="xs"] {
        padding-top: var(--ita-spacings-11, 32px);
    }

    .pt-12--xs,
    [pt-12*="xs"] {
        padding-top: var(--ita-spacings-12, 36px);
    }

    .pt-13--xs,
    [pt-13*="xs"] {
        padding-top: var(--ita-spacings-13, 40px);
    }

    .pt-14--xs,
    [pt-14*="xs"] {
        padding-top: var(--ita-spacings-14, 44px);
    }

    .pt-15--xs,
    [pt-15*="xs"] {
        padding-top: var(--ita-spacings-15, 48px);
    }

    .pt-16--xs,
    [pt-16*="xs"] {
        padding-top: var(--ita-spacings-16, 54px);
    }

    .pt-17--xs,
    [pt-17*="xs"] {
        padding-top: var(--ita-spacings-17, 60px);
    }

    .pr-0--xs,
    [pr-0*="xs"] {
        padding-right: 0px;
    }

    .pr-1--xs,
    [pr-1*="xs"] {
        padding-right: var(--ita-spacings-1, 2px);
    }

    .pr-2--xs,
    [pr-2*="xs"] {
        padding-right: var(--ita-spacings-2, 4px);
    }

    .pr-3--xs,
    [pr-3*="xs"] {
        padding-right: var(--ita-spacings-3, 6px);
    }

    .pr-4--xs,
    [pr-4*="xs"] {
        padding-right: var(--ita-spacings-4, 8px);
    }

    .pr-5--xs,
    [pr-5*="xs"] {
        padding-right: var(--ita-spacings-5, 12px);
    }

    .pr-6--xs,
    [pr-6*="xs"] {
        padding-right: var(--ita-spacings-6, 14px);
    }

    .pr-7--xs,
    [pr-7*="xs"] {
        padding-right: var(--ita-spacings-7, 16px);
    }

    .pr-8--xs,
    [pr-8*="xs"] {
        padding-right: var(--ita-spacings-8, 18px);
    }

    .pr-9--xs,
    [pr-9*="xs"] {
        padding-right: var(--ita-spacings-9, 20px);
    }

    .pr-10--xs,
    [pr-10*="xs"] {
        padding-right: var(--ita-spacings-10, 24px);
    }

    .pr-11--xs,
    [pr-11*="xs"] {
        padding-right: var(--ita-spacings-11, 32px);
    }

    .pr-12--xs,
    [pr-12*="xs"] {
        padding-right: var(--ita-spacings-12, 36px);
    }

    .pr-13--xs,
    [pr-13*="xs"] {
        padding-right: var(--ita-spacings-13, 40px);
    }

    .pr-14--xs,
    [pr-14*="xs"] {
        padding-right: var(--ita-spacings-14, 44px);
    }

    .pr-15--xs,
    [pr-15*="xs"] {
        padding-right: var(--ita-spacings-15, 48px);
    }

    .pr-16--xs,
    [pr-16*="xs"] {
        padding-right: var(--ita-spacings-16, 54px);
    }

    .pr-17--xs,
    [pr-17*="xs"] {
        padding-right: var(--ita-spacings-17, 60px);
    }

    .pb-0--xs,
    [pb-0*="xs"] {
        padding-bottom: 0px;
    }

    .pb-1--xs,
    [pb-1*="xs"] {
        padding-bottom: var(--ita-spacings-1, 2px);
    }

    .pb-2--xs,
    [pb-2*="xs"] {
        padding-bottom: var(--ita-spacings-2, 4px);
    }

    .pb-3--xs,
    [pb-3*="xs"] {
        padding-bottom: var(--ita-spacings-3, 6px);
    }

    .pb-4--xs,
    [pb-4*="xs"] {
        padding-bottom: var(--ita-spacings-4, 8px);
    }

    .pb-5--xs,
    [pb-5*="xs"] {
        padding-bottom: var(--ita-spacings-5, 12px);
    }

    .pb-6--xs,
    [pb-6*="xs"] {
        padding-bottom: var(--ita-spacings-6, 14px);
    }

    .pb-7--xs,
    [pb-7*="xs"] {
        padding-bottom: var(--ita-spacings-7, 16px);
    }

    .pb-8--xs,
    [pb-8*="xs"] {
        padding-bottom: var(--ita-spacings-8, 18px);
    }

    .pb-9--xs,
    [pb-9*="xs"] {
        padding-bottom: var(--ita-spacings-9, 20px);
    }

    .pb-10--xs,
    [pb-10*="xs"] {
        padding-bottom: var(--ita-spacings-10, 24px);
    }

    .pb-11--xs,
    [pb-11*="xs"] {
        padding-bottom: var(--ita-spacings-11, 32px);
    }

    .pb-12--xs,
    [pb-12*="xs"] {
        padding-bottom: var(--ita-spacings-12, 36px);
    }

    .pb-13--xs,
    [pb-13*="xs"] {
        padding-bottom: var(--ita-spacings-13, 40px);
    }

    .pb-14--xs,
    [pb-14*="xs"] {
        padding-bottom: var(--ita-spacings-14, 44px);
    }

    .pb-15--xs,
    [pb-15*="xs"] {
        padding-bottom: var(--ita-spacings-15, 48px);
    }

    .pb-16--xs,
    [pb-16*="xs"] {
        padding-bottom: var(--ita-spacings-16, 54px);
    }

    .pb-17--xs,
    [pb-17*="xs"] {
        padding-bottom: var(--ita-spacings-17, 60px);
    }

    .pl-0--xs,
    [pl-0*="xs"] {
        padding-left: 0px;
    }

    .pl-1--xs,
    [pl-1*="xs"] {
        padding-left: var(--ita-spacings-1, 2px);
    }

    .pl-2--xs,
    [pl-2*="xs"] {
        padding-left: var(--ita-spacings-2, 4px);
    }

    .pl-3--xs,
    [pl-3*="xs"] {
        padding-left: var(--ita-spacings-3, 6px);
    }

    .pl-4--xs,
    [pl-4*="xs"] {
        padding-left: var(--ita-spacings-4, 8px);
    }

    .pl-5--xs,
    [pl-5*="xs"] {
        padding-left: var(--ita-spacings-5, 12px);
    }

    .pl-6--xs,
    [pl-6*="xs"] {
        padding-left: var(--ita-spacings-6, 14px);
    }

    .pl-7--xs,
    [pl-7*="xs"] {
        padding-left: var(--ita-spacings-7, 16px);
    }

    .pl-8--xs,
    [pl-8*="xs"] {
        padding-left: var(--ita-spacings-8, 18px);
    }

    .pl-9--xs,
    [pl-9*="xs"] {
        padding-left: var(--ita-spacings-9, 20px);
    }

    .pl-10--xs,
    [pl-10*="xs"] {
        padding-left: var(--ita-spacings-10, 24px);
    }

    .pl-11--xs,
    [pl-11*="xs"] {
        padding-left: var(--ita-spacings-11, 32px);
    }

    .pl-12--xs,
    [pl-12*="xs"] {
        padding-left: var(--ita-spacings-12, 36px);
    }

    .pl-13--xs,
    [pl-13*="xs"] {
        padding-left: var(--ita-spacings-13, 40px);
    }

    .pl-14--xs,
    [pl-14*="xs"] {
        padding-left: var(--ita-spacings-14, 44px);
    }

    .pl-15--xs,
    [pl-15*="xs"] {
        padding-left: var(--ita-spacings-15, 48px);
    }

    .pl-16--xs,
    [pl-16*="xs"] {
        padding-left: var(--ita-spacings-16, 54px);
    }

    .pl-17--xs,
    [pl-17*="xs"] {
        padding-left: var(--ita-spacings-17, 60px);
    }

    .m-0--xs,
    [m-0*="xs"] {
        margin: 0px;
    }

    .m-auto--xs,
    [m-auto*="xs"] {
        margin: auto;
    }

    .m-1--xs,
    [m-1*="xs"] {
        margin: var(--ita-spacings-1, 2px);
    }

    .m-2--xs,
    [m-2*="xs"] {
        margin: var(--ita-spacings-2, 4px);
    }

    .m-3--xs,
    [m-3*="xs"] {
        margin: var(--ita-spacings-3, 6px);
    }

    .m-4--xs,
    [m-4*="xs"] {
        margin: var(--ita-spacings-4, 8px);
    }

    .m-5--xs,
    [m-5*="xs"] {
        margin: var(--ita-spacings-5, 12px);
    }

    .m-6--xs,
    [m-6*="xs"] {
        margin: var(--ita-spacings-6, 14px);
    }

    .m-7--xs,
    [m-7*="xs"] {
        margin: var(--ita-spacings-7, 16px);
    }

    .m-8--xs,
    [m-8*="xs"] {
        margin: var(--ita-spacings-8, 18px);
    }

    .m-9--xs,
    [m-9*="xs"] {
        margin: var(--ita-spacings-9, 20px);
    }

    .m-10--xs,
    [m-10*="xs"] {
        margin: var(--ita-spacings-10, 24px);
    }

    .m-11--xs,
    [m-11*="xs"] {
        margin: var(--ita-spacings-11, 32px);
    }

    .m-12--xs,
    [m-12*="xs"] {
        margin: var(--ita-spacings-12, 36px);
    }

    .m-13--xs,
    [m-13*="xs"] {
        margin: var(--ita-spacings-13, 40px);
    }

    .m-14--xs,
    [m-14*="xs"] {
        margin: var(--ita-spacings-14, 44px);
    }

    .m-15--xs,
    [m-15*="xs"] {
        margin: var(--ita-spacings-15, 48px);
    }

    .m-16--xs,
    [m-16*="xs"] {
        margin: var(--ita-spacings-16, 54px);
    }

    .m-17--xs,
    [m-17*="xs"] {
        margin: var(--ita-spacings-17, 60px);
    }

    .mt-0--xs,
    [mt-0*="xs"] {
        margin-top: 0px;
    }

    .mt-1--xs,
    [mt-1*="xs"] {
        margin-top: var(--ita-spacings-1, 2px);
    }

    .mt-2--xs,
    [mt-2*="xs"] {
        margin-top: var(--ita-spacings-2, 4px);
    }

    .mt-3--xs,
    [mt-3*="xs"] {
        margin-top: var(--ita-spacings-3, 6px);
    }

    .mt-4--xs,
    [mt-4*="xs"] {
        margin-top: var(--ita-spacings-4, 8px);
    }

    .mt-5--xs,
    [mt-5*="xs"] {
        margin-top: var(--ita-spacings-5, 12px);
    }

    .mt-6--xs,
    [mt-6*="xs"] {
        margin-top: var(--ita-spacings-6, 14px);
    }

    .mt-7--xs,
    [mt-7*="xs"] {
        margin-top: var(--ita-spacings-7, 16px);
    }

    .mt-8--xs,
    [mt-8*="xs"] {
        margin-top: var(--ita-spacings-8, 18px);
    }

    .mt-9--xs,
    [mt-9*="xs"] {
        margin-top: var(--ita-spacings-9, 20px);
    }

    .mt-10--xs,
    [mt-10*="xs"] {
        margin-top: var(--ita-spacings-10, 24px);
    }

    .mt-11--xs,
    [mt-11*="xs"] {
        margin-top: var(--ita-spacings-11, 32px);
    }

    .mt-12--xs,
    [mt-12*="xs"] {
        margin-top: var(--ita-spacings-12, 36px);
    }

    .mt-13--xs,
    [mt-13*="xs"] {
        margin-top: var(--ita-spacings-13, 40px);
    }

    .mt-14--xs,
    [mt-14*="xs"] {
        margin-top: var(--ita-spacings-14, 44px);
    }

    .mt-15--xs,
    [mt-15*="xs"] {
        margin-top: var(--ita-spacings-15, 48px);
    }

    .mt-16--xs,
    [mt-16*="xs"] {
        margin-top: var(--ita-spacings-16, 54px);
    }

    .mt-17--xs,
    [mt-17*="xs"] {
        margin-top: var(--ita-spacings-17, 60px);
    }

    .mr-0--xs,
    [mr-0*="xs"] {
        margin-right: 0px;
    }

    .mr-auto--xs,
    [mr-auto*="xs"] {
        margin-right: auto;
    }

    .mr-1--xs,
    [mr-1*="xs"] {
        margin-right: var(--ita-spacings-1, 2px);
    }

    .mr-2--xs,
    [mr-2*="xs"] {
        margin-right: var(--ita-spacings-2, 4px);
    }

    .mr-3--xs,
    [mr-3*="xs"] {
        margin-right: var(--ita-spacings-3, 6px);
    }

    .mr-4--xs,
    [mr-4*="xs"] {
        margin-right: var(--ita-spacings-4, 8px);
    }

    .mr-5--xs,
    [mr-5*="xs"] {
        margin-right: var(--ita-spacings-5, 12px);
    }

    .mr-6--xs,
    [mr-6*="xs"] {
        margin-right: var(--ita-spacings-6, 14px);
    }

    .mr-7--xs,
    [mr-7*="xs"] {
        margin-right: var(--ita-spacings-7, 16px);
    }

    .mr-8--xs,
    [mr-8*="xs"] {
        margin-right: var(--ita-spacings-8, 18px);
    }

    .mr-9--xs,
    [mr-9*="xs"] {
        margin-right: var(--ita-spacings-9, 20px);
    }

    .mr-10--xs,
    [mr-10*="xs"] {
        margin-right: var(--ita-spacings-10, 24px);
    }

    .mr-11--xs,
    [mr-11*="xs"] {
        margin-right: var(--ita-spacings-11, 32px);
    }

    .mr-12--xs,
    [mr-12*="xs"] {
        margin-right: var(--ita-spacings-12, 36px);
    }

    .mr-13--xs,
    [mr-13*="xs"] {
        margin-right: var(--ita-spacings-13, 40px);
    }

    .mr-14--xs,
    [mr-14*="xs"] {
        margin-right: var(--ita-spacings-14, 44px);
    }

    .mr-15--xs,
    [mr-15*="xs"] {
        margin-right: var(--ita-spacings-15, 48px);
    }

    .mr-16--xs,
    [mr-16*="xs"] {
        margin-right: var(--ita-spacings-16, 54px);
    }

    .mr-17--xs,
    [mr-17*="xs"] {
        margin-right: var(--ita-spacings-17, 60px);
    }

    .mb-0--xs,
    [mb-0*="xs"] {
        margin-bottom: 0px;
    }

    .mb-1--xs,
    [mb-1*="xs"] {
        margin-bottom: var(--ita-spacings-1, 2px);
    }

    .mb-2--xs,
    [mb-2*="xs"] {
        margin-bottom: var(--ita-spacings-2, 4px);
    }

    .mb-3--xs,
    [mb-3*="xs"] {
        margin-bottom: var(--ita-spacings-3, 6px);
    }

    .mb-4--xs,
    [mb-4*="xs"] {
        margin-bottom: var(--ita-spacings-4, 8px);
    }

    .mb-5--xs,
    [mb-5*="xs"] {
        margin-bottom: var(--ita-spacings-5, 12px);
    }

    .mb-6--xs,
    [mb-6*="xs"] {
        margin-bottom: var(--ita-spacings-6, 14px);
    }

    .mb-7--xs,
    [mb-7*="xs"] {
        margin-bottom: var(--ita-spacings-7, 16px);
    }

    .mb-8--xs,
    [mb-8*="xs"] {
        margin-bottom: var(--ita-spacings-8, 18px);
    }

    .mb-9--xs,
    [mb-9*="xs"] {
        margin-bottom: var(--ita-spacings-9, 20px);
    }

    .mb-10--xs,
    [mb-10*="xs"] {
        margin-bottom: var(--ita-spacings-10, 24px);
    }

    .mb-11--xs,
    [mb-11*="xs"] {
        margin-bottom: var(--ita-spacings-11, 32px);
    }

    .mb-12--xs,
    [mb-12*="xs"] {
        margin-bottom: var(--ita-spacings-12, 36px);
    }

    .mb-13--xs,
    [mb-13*="xs"] {
        margin-bottom: var(--ita-spacings-13, 40px);
    }

    .mb-14--xs,
    [mb-14*="xs"] {
        margin-bottom: var(--ita-spacings-14, 44px);
    }

    .mb-15--xs,
    [mb-15*="xs"] {
        margin-bottom: var(--ita-spacings-15, 48px);
    }

    .mb-16--xs,
    [mb-16*="xs"] {
        margin-bottom: var(--ita-spacings-16, 54px);
    }

    .mb-17--xs,
    [mb-17*="xs"] {
        margin-bottom: var(--ita-spacings-17, 60px);
    }

    .ml-0--xs,
    [ml-0*="xs"] {
        margin-left: 0px;
    }

    .ml-auto--xs,
    [ml-auto*="xs"] {
        margin-left: auto;
    }

    .ml-1--xs,
    [ml-1*="xs"] {
        margin-left: var(--ita-spacings-1, 2px);
    }

    .ml-2--xs,
    [ml-2*="xs"] {
        margin-left: var(--ita-spacings-2, 4px);
    }

    .ml-3--xs,
    [ml-3*="xs"] {
        margin-left: var(--ita-spacings-3, 6px);
    }

    .ml-4--xs,
    [ml-4*="xs"] {
        margin-left: var(--ita-spacings-4, 8px);
    }

    .ml-5--xs,
    [ml-5*="xs"] {
        margin-left: var(--ita-spacings-5, 12px);
    }

    .ml-6--xs,
    [ml-6*="xs"] {
        margin-left: var(--ita-spacings-6, 14px);
    }

    .ml-7--xs,
    [ml-7*="xs"] {
        margin-left: var(--ita-spacings-7, 16px);
    }

    .ml-8--xs,
    [ml-8*="xs"] {
        margin-left: var(--ita-spacings-8, 18px);
    }

    .ml-9--xs,
    [ml-9*="xs"] {
        margin-left: var(--ita-spacings-9, 20px);
    }

    .ml-10--xs,
    [ml-10*="xs"] {
        margin-left: var(--ita-spacings-10, 24px);
    }

    .ml-11--xs,
    [ml-11*="xs"] {
        margin-left: var(--ita-spacings-11, 32px);
    }

    .ml-12--xs,
    [ml-12*="xs"] {
        margin-left: var(--ita-spacings-12, 36px);
    }

    .ml-13--xs,
    [ml-13*="xs"] {
        margin-left: var(--ita-spacings-13, 40px);
    }

    .ml-14--xs,
    [ml-14*="xs"] {
        margin-left: var(--ita-spacings-14, 44px);
    }

    .ml-15--xs,
    [ml-15*="xs"] {
        margin-left: var(--ita-spacings-15, 48px);
    }

    .ml-16--xs,
    [ml-16*="xs"] {
        margin-left: var(--ita-spacings-16, 54px);
    }

    .ml-17--xs,
    [ml-17*="xs"] {
        margin-left: var(--ita-spacings-17, 60px);
    }

    .ff-1-1--xs,
    [ff-1-1*="xs"] {
        font-family: var(--ita-fontFamilies-1-1, TYPO_1_1, sans-serif);
    }

    .ff-1-2--xs,
    [ff-1-2*="xs"] {
        font-family: var(--ita-fontFamilies-1-2, TYPO_1_2, sans-serif);
    }

    .ff-2-1--xs,
    [ff-2-1*="xs"] {
        font-family: var(--ita-fontFamilies-2-1, TYPO_2_1, sans-serif);
    }

    .ff-2-2--xs,
    [ff-2-2*="xs"] {
        font-family: var(--ita-fontFamilies-2-2, TYPO_2_2, sans-serif);
    }

    .fs-1--xs,
    [fs-1*="xs"] {
        font-size: var(--ita-fontSizes-1, 10px);
    }

    .fs-2--xs,
    [fs-2*="xs"] {
        font-size: var(--ita-fontSizes-2, 11px);
    }

    .fs-3--xs,
    [fs-3*="xs"] {
        font-size: var(--ita-fontSizes-3, 12px);
    }

    .fs-4--xs,
    [fs-4*="xs"] {
        font-size: var(--ita-fontSizes-4, 14px);
    }

    .fs-5--xs,
    [fs-5*="xs"] {
        font-size: var(--ita-fontSizes-5, 16px);
    }

    .fs-6--xs,
    [fs-6*="xs"] {
        font-size: var(--ita-fontSizes-6, 18px);
    }

    .fs-7--xs,
    [fs-7*="xs"] {
        font-size: var(--ita-fontSizes-7, 20px);
    }

    .fs-8--xs,
    [fs-8*="xs"] {
        font-size: var(--ita-fontSizes-8, 24px);
    }

    .fs-9--xs,
    [fs-9*="xs"] {
        font-size: var(--ita-fontSizes-9, 28px);
    }

    .fs-10--xs,
    [fs-10*="xs"] {
        font-size: var(--ita-fontSizes-10, 32px);
    }

    .fs-11--xs,
    [fs-11*="xs"] {
        font-size: var(--ita-fontSizes-11, 36px);
    }

    .fs-12--xs,
    [fs-12*="xs"] {
        font-size: var(--ita-fontSizes-12, 42px);
    }

    .fs-13--xs,
    [fs-13*="xs"] {
        font-size: var(--ita-fontSizes-13, 54px);
    }

    .ta-left--xs,
    [ta-left*="xs"] {
        text-align: left;
    }

    .ta-center--xs,
    [ta-center*="xs"] {
        text-align: center;
    }

    .ta-right--xs,
    [ta-right*="xs"] {
        text-align: right;
    }

    .c-current--xs,
    [c-current*="xs"] {
        color: currentColor;
    }

    .c-black--xs,
    [c-black*="xs"] {
        color: var(--ita-colors-black, #000000);
    }

    .c-soft-black--xs,
    [c-soft-black*="xs"] {
        color: var(--ita-colors-soft-black, #22242C);
    }

    .c-dark-grey--xs,
    [c-dark-grey*="xs"] {
        color: var(--ita-colors-dark-grey, #515A76);
    }

    .c-medium-grey--xs,
    [c-medium-grey*="xs"] {
        color: var(--ita-colors-medium-grey, #838CAA);
    }

    .c-light-grey--xs,
    [c-light-grey*="xs"] {
        color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .c-soft-grey--xs,
    [c-soft-grey*="xs"] {
        color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .c-ultra-light-grey--xs,
    [c-ultra-light-grey*="xs"] {
        color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .c-off-white--xs,
    [c-off-white*="xs"] {
        color: var(--ita-colors-off-white, #F8F9FC);
    }

    .c-white--xs,
    [c-white*="xs"] {
        color: var(--ita-colors-white, #FFFFFF);
    }

    .c-black-50--xs,
    [c-black-50*="xs"] {
        color: var(--ita-colors-black-50, #00000080);
    }

    .c-light-grey-30--xs,
    [c-light-grey-30*="xs"] {
        color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .c-white-50--xs,
    [c-white-50*="xs"] {
        color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .c-white-30--xs,
    [c-white-30*="xs"] {
        color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .c-brand-primary--xs,
    [c-brand-primary*="xs"] {
        color: var(--ita-colors-brand-primary, #021735);
    }

    .c-indigo--xs,
    [c-indigo*="xs"] {
        color: var(--ita-colors-indigo, #06234C);
    }

    .c-brand-accent--xs,
    [c-brand-accent*="xs"] {
        color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .c-soft-green--xs,
    [c-soft-green*="xs"] {
        color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .c-blue--xs,
    [c-blue*="xs"] {
        color: var(--ita-colors-blue, #00ABFF);
    }

    .c-light-blue--xs,
    [c-light-blue*="xs"] {
        color: var(--ita-colors-light-blue, #00C2FF);
    }

    .c-soft-blue--xs,
    [c-soft-blue*="xs"] {
        color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .c-clear-blue--xs,
    [c-clear-blue*="xs"] {
        color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .c-yellow--xs,
    [c-yellow*="xs"] {
        color: var(--ita-colors-yellow, #FFD752);
    }

    .c-soft-yellow--xs,
    [c-soft-yellow*="xs"] {
        color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .c-peach--xs,
    [c-peach*="xs"] {
        color: var(--ita-colors-peach, #F3E3DD);
    }

    .c-ultra-light-peach--xs,
    [c-ultra-light-peach*="xs"] {
        color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .c-light-purple--xs,
    [c-light-purple*="xs"] {
        color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .c-soft-purple--xs,
    [c-soft-purple*="xs"] {
        color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .c-ultra-light-purple--xs,
    [c-ultra-light-purple*="xs"] {
        color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .c-brand-accent-20--xs,
    [c-brand-accent-20*="xs"] {
        color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .c-yellow-10--xs,
    [c-yellow-10*="xs"] {
        color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bc-0--xs,
    [bc-0*="xs"] {
        background-color: transparent;
    }

    .bc-black--xs,
    [bc-black*="xs"] {
        background-color: var(--ita-colors-black, #000000);
    }

    .bc-soft-black--xs,
    [bc-soft-black*="xs"] {
        background-color: var(--ita-colors-soft-black, #22242C);
    }

    .bc-dark-grey--xs,
    [bc-dark-grey*="xs"] {
        background-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bc-medium-grey--xs,
    [bc-medium-grey*="xs"] {
        background-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bc-light-grey--xs,
    [bc-light-grey*="xs"] {
        background-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bc-soft-grey--xs,
    [bc-soft-grey*="xs"] {
        background-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bc-ultra-light-grey--xs,
    [bc-ultra-light-grey*="xs"] {
        background-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bc-off-white--xs,
    [bc-off-white*="xs"] {
        background-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bc-white--xs,
    [bc-white*="xs"] {
        background-color: var(--ita-colors-white, #FFFFFF);
    }

    .bc-black-50--xs,
    [bc-black-50*="xs"] {
        background-color: var(--ita-colors-black-50, #00000080);
    }

    .bc-light-grey-30--xs,
    [bc-light-grey-30*="xs"] {
        background-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bc-white-50--xs,
    [bc-white-50*="xs"] {
        background-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bc-white-30--xs,
    [bc-white-30*="xs"] {
        background-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bc-brand-primary--xs,
    [bc-brand-primary*="xs"] {
        background-color: var(--ita-colors-brand-primary, #021735);
    }

    .bc-indigo--xs,
    [bc-indigo*="xs"] {
        background-color: var(--ita-colors-indigo, #06234C);
    }

    .bc-brand-accent--xs,
    [bc-brand-accent*="xs"] {
        background-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bc-soft-green--xs,
    [bc-soft-green*="xs"] {
        background-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bc-blue--xs,
    [bc-blue*="xs"] {
        background-color: var(--ita-colors-blue, #00ABFF);
    }

    .bc-light-blue--xs,
    [bc-light-blue*="xs"] {
        background-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bc-soft-blue--xs,
    [bc-soft-blue*="xs"] {
        background-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bc-clear-blue--xs,
    [bc-clear-blue*="xs"] {
        background-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bc-yellow--xs,
    [bc-yellow*="xs"] {
        background-color: var(--ita-colors-yellow, #FFD752);
    }

    .bc-soft-yellow--xs,
    [bc-soft-yellow*="xs"] {
        background-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bc-peach--xs,
    [bc-peach*="xs"] {
        background-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bc-ultra-light-peach--xs,
    [bc-ultra-light-peach*="xs"] {
        background-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bc-light-purple--xs,
    [bc-light-purple*="xs"] {
        background-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bc-soft-purple--xs,
    [bc-soft-purple*="xs"] {
        background-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bc-ultra-light-purple--xs,
    [bc-ultra-light-purple*="xs"] {
        background-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bc-brand-accent-20--xs,
    [bc-brand-accent-20*="xs"] {
        background-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bc-yellow-10--xs,
    [bc-yellow-10*="xs"] {
        background-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .b-0--xs,
    [b-0*="xs"] {
        border: none;
    }

    .bcolor-0--xs,
    [bcolor-0*="xs"] {
        border-color: none;
    }

    .bcolor-transparent--xs,
    [bcolor-transparent*="xs"] {
        border-color: transparent;
    }

    .bcolor-black--xs,
    [bcolor-black*="xs"] {
        border-color: var(--ita-colors-black, #000000);
    }

    .bcolor-soft-black--xs,
    [bcolor-soft-black*="xs"] {
        border-color: var(--ita-colors-soft-black, #22242C);
    }

    .bcolor-dark-grey--xs,
    [bcolor-dark-grey*="xs"] {
        border-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bcolor-medium-grey--xs,
    [bcolor-medium-grey*="xs"] {
        border-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bcolor-light-grey--xs,
    [bcolor-light-grey*="xs"] {
        border-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bcolor-soft-grey--xs,
    [bcolor-soft-grey*="xs"] {
        border-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bcolor-ultra-light-grey--xs,
    [bcolor-ultra-light-grey*="xs"] {
        border-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bcolor-off-white--xs,
    [bcolor-off-white*="xs"] {
        border-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bcolor-white--xs,
    [bcolor-white*="xs"] {
        border-color: var(--ita-colors-white, #FFFFFF);
    }

    .bcolor-black-50--xs,
    [bcolor-black-50*="xs"] {
        border-color: var(--ita-colors-black-50, #00000080);
    }

    .bcolor-light-grey-30--xs,
    [bcolor-light-grey-30*="xs"] {
        border-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bcolor-white-50--xs,
    [bcolor-white-50*="xs"] {
        border-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bcolor-white-30--xs,
    [bcolor-white-30*="xs"] {
        border-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bcolor-brand-primary--xs,
    [bcolor-brand-primary*="xs"] {
        border-color: var(--ita-colors-brand-primary, #021735);
    }

    .bcolor-indigo--xs,
    [bcolor-indigo*="xs"] {
        border-color: var(--ita-colors-indigo, #06234C);
    }

    .bcolor-brand-accent--xs,
    [bcolor-brand-accent*="xs"] {
        border-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bcolor-soft-green--xs,
    [bcolor-soft-green*="xs"] {
        border-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bcolor-blue--xs,
    [bcolor-blue*="xs"] {
        border-color: var(--ita-colors-blue, #00ABFF);
    }

    .bcolor-light-blue--xs,
    [bcolor-light-blue*="xs"] {
        border-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bcolor-soft-blue--xs,
    [bcolor-soft-blue*="xs"] {
        border-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bcolor-clear-blue--xs,
    [bcolor-clear-blue*="xs"] {
        border-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bcolor-yellow--xs,
    [bcolor-yellow*="xs"] {
        border-color: var(--ita-colors-yellow, #FFD752);
    }

    .bcolor-soft-yellow--xs,
    [bcolor-soft-yellow*="xs"] {
        border-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bcolor-peach--xs,
    [bcolor-peach*="xs"] {
        border-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bcolor-ultra-light-peach--xs,
    [bcolor-ultra-light-peach*="xs"] {
        border-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bcolor-light-purple--xs,
    [bcolor-light-purple*="xs"] {
        border-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bcolor-soft-purple--xs,
    [bcolor-soft-purple*="xs"] {
        border-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bcolor-ultra-light-purple--xs,
    [bcolor-ultra-light-purple*="xs"] {
        border-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bcolor-brand-accent-20--xs,
    [bcolor-brand-accent-20*="xs"] {
        border-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bcolor-yellow-10--xs,
    [bcolor-yellow-10*="xs"] {
        border-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bt-0--xs,
    [bt-0*="xs"] {
        border-top: none;
    }

    .br-0--xs,
    [br-0*="xs"] {
        border-right: none;
    }

    .bb-0--xs,
    [bb-0*="xs"] {
        border-bottom: none;
    }

    .bl-0--xs,
    [bl-0*="xs"] {
        border-left: none;
    }

    .bwidth-0--xs,
    [bwidth-0*="xs"] {
        border-width: 0px;
    }

    .bwidth-1--xs,
    [bwidth-1*="xs"] {
        border-width: 1px;
    }

    .bwidth-2--xs,
    [bwidth-2*="xs"] {
        border-width: 2px;
    }

    .bwidth-3--xs,
    [bwidth-3*="xs"] {
        border-width: 3px;
    }

    .btwidth-0--xs,
    [btwidth-0*="xs"] {
        border-top-width: 0px;
    }

    .btwidth-1--xs,
    [btwidth-1*="xs"] {
        border-top-width: 1px;
    }

    .btwidth-2--xs,
    [btwidth-2*="xs"] {
        border-top-width: 2px;
    }

    .btwidth-3--xs,
    [btwidth-3*="xs"] {
        border-top-width: 3px;
    }

    .brwidth-0--xs,
    [brwidth-0*="xs"] {
        border-right-width: 0px;
    }

    .brwidth-1--xs,
    [brwidth-1*="xs"] {
        border-right-width: 1px;
    }

    .brwidth-2--xs,
    [brwidth-2*="xs"] {
        border-right-width: 2px;
    }

    .brwidth-3--xs,
    [brwidth-3*="xs"] {
        border-right-width: 3px;
    }

    .bbwidth-0--xs,
    [bbwidth-0*="xs"] {
        border-bottom-width: 0px;
    }

    .bbwidth-1--xs,
    [bbwidth-1*="xs"] {
        border-bottom-width: 1px;
    }

    .bbwidth-2--xs,
    [bbwidth-2*="xs"] {
        border-bottom-width: 2px;
    }

    .bbwidth-3--xs,
    [bbwidth-3*="xs"] {
        border-bottom-width: 3px;
    }

    .blwidth-0--xs,
    [blwidth-0*="xs"] {
        border-left-width: 0px;
    }

    .blwidth-1--xs,
    [blwidth-1*="xs"] {
        border-left-width: 1px;
    }

    .blwidth-2--xs,
    [blwidth-2*="xs"] {
        border-left-width: 2px;
    }

    .blwidth-3--xs,
    [blwidth-3*="xs"] {
        border-left-width: 3px;
    }

    .bstyle-solid--xs,
    [bstyle-solid*="xs"] {
        border-style: solid;
    }

    .bstyle-dashed--xs,
    [bstyle-dashed*="xs"] {
        border-style: dashed;
    }

    .bstyle-dotted--xs,
    [bstyle-dotted*="xs"] {
        border-style: dotted;
    }

    .bstyle-none--xs,
    [bstyle-none*="xs"] {
        border-style: none;
    }
}

/*END @media xs*/


/*START @media sm*/
@media (min-width: 600px) and (max-width: 959px) {

    .d-flex--sm,
    [d-flex*="sm"] {
        display: flex;
    }

    .u-d-flex--sm,
    [u-d-flex*="sm"] {
        display: flex !important;
    }

    .d-inline-flex--sm,
    [d-inline-flex*="sm"] {
        display: inline-flex;
    }

    .u-d-inline-flex--sm,
    [u-d-inline-flex*="sm"] {
        display: inline-flex !important;
    }

    .d-none--sm,
    [d-none*="sm"] {
        display: none;
    }

    .u-d-none--sm,
    [u-d-none*="sm"] {
        display: none !important;
    }

    .ai-baseline--sm,
    [ai-baseline*="sm"] {
        align-items: baseline;
    }

    .ai-center--sm,
    [ai-center*="sm"] {
        align-items: center;
    }

    .ai-start--sm,
    [ai-start*="sm"] {
        align-items: flex-start;
    }

    .ai-end--sm,
    [ai-end*="sm"] {
        align-items: flex-end;
    }

    .jc-center--sm,
    [jc-center*="sm"] {
        justify-content: center;
    }

    .jc-space-between--sm,
    [jc-space-between*="sm"] {
        justify-content: space-between;
    }

    .jc-space-around--sm,
    [jc-space-around*="sm"] {
        justify-content: space-around;
    }

    .jc-start--sm,
    [jc-start*="sm"] {
        justify-content: flex-start;
    }

    .jc-end--sm,
    [jc-end*="sm"] {
        justify-content: flex-end;
    }

    .fd-column--sm,
    [fd-column*="sm"] {
        flex-direction: column;
    }

    .fw-wrap--sm,
    [fw-wrap*="sm"] {
        flex-wrap: wrap;
    }

    .order--1--sm,
    [order--1*="sm"] {
        order: -1;
    }

    .order-1--sm,
    [order-1*="sm"] {
        order: 1;
    }

    .of-contain--sm,
    [of-contain*="sm"] {
        object-fit: contain;
    }

    .of-cover--sm,
    [of-cover*="sm"] {
        object-fit: cover;
    }

    .pos-relative--sm,
    [pos-relative*="sm"] {
        position: relative;
    }

    .pos-absolute--sm,
    [pos-absolute*="sm"] {
        position: absolute;
    }

    .pos-fixed--sm,
    [pos-fixed*="sm"] {
        position: fixed;
    }

    .pos-sticky--sm,
    [pos-sticky*="sm"] {
        position: sticky;
    }

    .top-0--sm,
    [top-0*="sm"] {
        top: 0%;
    }

    .top-50--sm,
    [top-50*="sm"] {
        top: 50%;
    }

    .top-100--sm,
    [top-100*="sm"] {
        top: 100%;
    }

    .right-0--sm,
    [right-0*="sm"] {
        right: 0%;
    }

    .right-50--sm,
    [right-50*="sm"] {
        right: 50%;
    }

    .right-100--sm,
    [right-100*="sm"] {
        right: 100%;
    }

    .bottom-0--sm,
    [bottom-0*="sm"] {
        bottom: 0%;
    }

    .bottom-50--sm,
    [bottom-50*="sm"] {
        bottom: 50%;
    }

    .bottom-100--sm,
    [bottom-100*="sm"] {
        bottom: 100%;
    }

    .left-0--sm,
    [left-0*="sm"] {
        left: 0%;
    }

    .left-50--sm,
    [left-50*="sm"] {
        left: 50%;
    }

    .left-100--sm,
    [left-100*="sm"] {
        left: 100%;
    }

    .z-1--sm,
    [z-1*="sm"] {
        z-index: 1;
    }

    .z-2--sm,
    [z-2*="sm"] {
        z-index: 2;
    }

    .z-3--sm,
    [z-3*="sm"] {
        z-index: 3;
    }

    .z-4--sm,
    [z-4*="sm"] {
        z-index: 4;
    }

    .z-5--sm,
    [z-5*="sm"] {
        z-index: 5;
    }

    .z-6--sm,
    [z-6*="sm"] {
        z-index: 6;
    }

    .z-7--sm,
    [z-7*="sm"] {
        z-index: 7;
    }

    .z-8--sm,
    [z-8*="sm"] {
        z-index: 8;
    }

    .z-9--sm,
    [z-9*="sm"] {
        z-index: 9;
    }

    .z-100--sm,
    [z-100*="sm"] {
        z-index: 100;
    }

    .z-200--sm,
    [z-200*="sm"] {
        z-index: 200;
    }

    .z-300--sm,
    [z-300*="sm"] {
        z-index: 300;
    }

    .z-400--sm,
    [z-400*="sm"] {
        z-index: 400;
    }

    .z-500--sm,
    [z-500*="sm"] {
        z-index: 500;
    }

    .z-600--sm,
    [z-600*="sm"] {
        z-index: 600;
    }

    .z-700--sm,
    [z-700*="sm"] {
        z-index: 700;
    }

    .z-800--sm,
    [z-800*="sm"] {
        z-index: 800;
    }

    .z-900--sm,
    [z-900*="sm"] {
        z-index: 900;
    }

    .t-tX-50--sm,
    [t-tX-50*="sm"] {
        --dsg-tX: -50%;
    }

    .t-tX50--sm,
    [t-tX50*="sm"] {
        --dsg-tX: 50%;
    }

    .t-tX-100--sm,
    [t-tX-100*="sm"] {
        --dsg-tX: -100%;
    }

    .t-tX100--sm,
    [t-tX100*="sm"] {
        --dsg-tX: 100%;
    }

    .t-tY-50--sm,
    [t-tY-50*="sm"] {
        --dsg-tY: -50%;
    }

    .t-tY50--sm,
    [t-tY50*="sm"] {
        --dsg-tY: 50%;
    }

    .t-tY-100--sm,
    [t-tY-100*="sm"] {
        --dsg-tY: -100%;
    }

    .t-tY100--sm,
    [t-tY100*="sm"] {
        --dsg-tY: 100%;
    }

    .t-tX-50--sm,
    [t-tX-50*="sm"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX50--sm,
    [t-tX50*="sm"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX-100--sm,
    [t-tX-100*="sm"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX100--sm,
    [t-tX100*="sm"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-50--sm,
    [t-tY-50*="sm"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY50--sm,
    [t-tY50*="sm"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-100--sm,
    [t-tY-100*="sm"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY100--sm,
    [t-tY100*="sm"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .rotate-90--sm,
    [rotate-90*="sm"] {
        rotate: 90deg;
    }

    .rotate-180--sm,
    [rotate-180*="sm"] {
        rotate: 180deg;
    }

    .rotate-270--sm,
    [rotate-270*="sm"] {
        rotate: 270deg;
    }

    .ar-widescreen--sm,
    [ar-widescreen*="sm"] {
        aspect-ratio: 16/9;
    }

    .ar-anamorphic--sm,
    [ar-anamorphic*="sm"] {
        aspect-ratio: 2.35;
    }

    .ar-portrait--sm,
    [ar-portrait*="sm"] {
        aspect-ratio: 5/7;
    }

    .ar-dslr--sm,
    [ar-dslr*="sm"] {
        aspect-ratio: 3/2;
    }

    .ar-square--sm,
    [ar-square*="sm"] {
        aspect-ratio: 1;
    }

    .gap-0px--sm,
    [gap-0px*="sm"] {
        gap: 0px;
    }

    .gap-1--sm,
    [gap-1*="sm"] {
        gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--sm,
    [gap-2*="sm"] {
        gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--sm,
    [gap-3*="sm"] {
        gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--sm,
    [gap-4*="sm"] {
        gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--sm,
    [gap-5*="sm"] {
        gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--sm,
    [gap-6*="sm"] {
        gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--sm,
    [gap-7*="sm"] {
        gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--sm,
    [gap-8*="sm"] {
        gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--sm,
    [gap-9*="sm"] {
        gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--sm,
    [gap-10*="sm"] {
        gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--sm,
    [gap-11*="sm"] {
        gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--sm,
    [gap-12*="sm"] {
        gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--sm,
    [gap-13*="sm"] {
        gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--sm,
    [gap-14*="sm"] {
        gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--sm,
    [gap-15*="sm"] {
        gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--sm,
    [gap-16*="sm"] {
        gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--sm,
    [gap-17*="sm"] {
        gap: var(--ita-spacings-17, 60px);
    }

    .rgap-0px--sm,
    [rgap-0px*="sm"] {
        row-gap: 0px;
    }

    .rgap-1--sm,
    [rgap-1*="sm"] {
        row-gap: var(--ita-spacings-1, 2px);
    }

    .rgap-2--sm,
    [rgap-2*="sm"] {
        row-gap: var(--ita-spacings-2, 4px);
    }

    .rgap-3--sm,
    [rgap-3*="sm"] {
        row-gap: var(--ita-spacings-3, 6px);
    }

    .rgap-4--sm,
    [rgap-4*="sm"] {
        row-gap: var(--ita-spacings-4, 8px);
    }

    .rgap-5--sm,
    [rgap-5*="sm"] {
        row-gap: var(--ita-spacings-5, 12px);
    }

    .rgap-6--sm,
    [rgap-6*="sm"] {
        row-gap: var(--ita-spacings-6, 14px);
    }

    .rgap-7--sm,
    [rgap-7*="sm"] {
        row-gap: var(--ita-spacings-7, 16px);
    }

    .rgap-8--sm,
    [rgap-8*="sm"] {
        row-gap: var(--ita-spacings-8, 18px);
    }

    .rgap-9--sm,
    [rgap-9*="sm"] {
        row-gap: var(--ita-spacings-9, 20px);
    }

    .rgap-10--sm,
    [rgap-10*="sm"] {
        row-gap: var(--ita-spacings-10, 24px);
    }

    .rgap-11--sm,
    [rgap-11*="sm"] {
        row-gap: var(--ita-spacings-11, 32px);
    }

    .rgap-12--sm,
    [rgap-12*="sm"] {
        row-gap: var(--ita-spacings-12, 36px);
    }

    .rgap-13--sm,
    [rgap-13*="sm"] {
        row-gap: var(--ita-spacings-13, 40px);
    }

    .rgap-14--sm,
    [rgap-14*="sm"] {
        row-gap: var(--ita-spacings-14, 44px);
    }

    .rgap-15--sm,
    [rgap-15*="sm"] {
        row-gap: var(--ita-spacings-15, 48px);
    }

    .rgap-16--sm,
    [rgap-16*="sm"] {
        row-gap: var(--ita-spacings-16, 54px);
    }

    .rgap-17--sm,
    [rgap-17*="sm"] {
        row-gap: var(--ita-spacings-17, 60px);
    }

    .gap-0px--sm,
    [gap-0px*="sm"] {
        --dsg-gap: 0px;
    }

    .gap-1px--sm,
    [gap-1px*="sm"] {
        --dsg-gap: 1px;
    }

    .gap-1--sm,
    [gap-1*="sm"] {
        --dsg-gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--sm,
    [gap-2*="sm"] {
        --dsg-gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--sm,
    [gap-3*="sm"] {
        --dsg-gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--sm,
    [gap-4*="sm"] {
        --dsg-gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--sm,
    [gap-5*="sm"] {
        --dsg-gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--sm,
    [gap-6*="sm"] {
        --dsg-gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--sm,
    [gap-7*="sm"] {
        --dsg-gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--sm,
    [gap-8*="sm"] {
        --dsg-gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--sm,
    [gap-9*="sm"] {
        --dsg-gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--sm,
    [gap-10*="sm"] {
        --dsg-gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--sm,
    [gap-11*="sm"] {
        --dsg-gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--sm,
    [gap-12*="sm"] {
        --dsg-gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--sm,
    [gap-13*="sm"] {
        --dsg-gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--sm,
    [gap-14*="sm"] {
        --dsg-gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--sm,
    [gap-15*="sm"] {
        --dsg-gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--sm,
    [gap-16*="sm"] {
        --dsg-gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--sm,
    [gap-17*="sm"] {
        --dsg-gap: var(--ita-spacings-17, 60px);
    }

    .fg-1--sm,
    [fg-1*="sm"] {
        flex-grow: 1;
    }

    .w-100--sm,
    [w-100*="sm"] {
        width: 100%;
    }

    .w-auto--sm,
    [w-auto*="sm"] {
        width: auto;
    }

    .w-100vw--sm,
    [w-100vw*="sm"] {
        width: 100vw;
    }

    .w-1035px--sm,
    [w-1035px*="sm"] {
        width: 1035px;
    }

    .w-1t--sm,
    [w-1t*="sm"] {
        --twelves: 1;
    }

    .w-2t--sm,
    [w-2t*="sm"] {
        --twelves: 2;
    }

    .w-3t--sm,
    [w-3t*="sm"] {
        --twelves: 3;
    }

    .w-4t--sm,
    [w-4t*="sm"] {
        --twelves: 4;
    }

    .w-5t--sm,
    [w-5t*="sm"] {
        --twelves: 5;
    }

    .w-6t--sm,
    [w-6t*="sm"] {
        --twelves: 6;
    }

    .w-7t--sm,
    [w-7t*="sm"] {
        --twelves: 7;
    }

    .w-8t--sm,
    [w-8t*="sm"] {
        --twelves: 8;
    }

    .w-9t--sm,
    [w-9t*="sm"] {
        --twelves: 9;
    }

    .w-10t--sm,
    [w-10t*="sm"] {
        --twelves: 10;
    }

    .w-11t--sm,
    [w-11t*="sm"] {
        --twelves: 11;
    }

    .w-12t--sm,
    [w-12t*="sm"] {
        --twelves: 12;
    }

    .maxw-100--sm,
    [maxw-100*="sm"] {
        max-width: 100%;
    }

    .maxw-280px--sm,
    [maxw-280px*="sm"] {
        max-width: 280px;
    }

    .maxw-100vw--sm,
    [maxw-100vw*="sm"] {
        max-width: 100vw;
    }

    .maxw-1488px--sm,
    [maxw-1488px*="sm"] {
        max-width: 1488px;
    }

    .minw-280px--sm,
    [minw-280px*="sm"] {
        min-width: 280px;
    }

    .minw-100--sm,
    [minw-100*="sm"] {
        min-width: 100%;
    }

    .h-100--sm,
    [h-100*="sm"] {
        height: 100%;
    }

    .h-auto--sm,
    [h-auto*="sm"] {
        height: auto;
    }

    .h-100vh--sm,
    [h-100vh*="sm"] {
        height: 100vh;
    }

    .h-100vh-64px--sm,
    [h-100vh-64px*="sm"] {
        height: calc(100vh - 64px);
    }

    .maxh-100--sm,
    [maxh-100*="sm"] {
        max-height: 100%;
    }

    .maxh-100vh--sm,
    [maxh-100vh*="sm"] {
        max-height: 100vh;
    }

    .maxh-80vh--sm,
    [maxh-80vh*="sm"] {
        max-height: 80vh;
    }

    .maxh-50vh--sm,
    [maxh-50vh*="sm"] {
        max-height: 50vh;
    }

    .maxh-190px--sm,
    [maxh-190px*="sm"] {
        max-height: 190px;
    }

    .minh-100vh--sm,
    [minh-100vh*="sm"] {
        min-height: 100vh;
    }

    .minh-100--sm,
    [minh-100*="sm"] {
        min-height: 100%;
    }

    .o-auto--sm,
    [o-auto*="sm"] {
        overflow: auto;
    }

    .o-hidden--sm,
    [o-hidden*="sm"] {
        overflow: hidden;
    }

    .p-0--sm,
    [p-0*="sm"] {
        padding: 0px;
    }

    .p-1--sm,
    [p-1*="sm"] {
        padding: var(--ita-spacings-1, 2px);
    }

    .p-2--sm,
    [p-2*="sm"] {
        padding: var(--ita-spacings-2, 4px);
    }

    .p-3--sm,
    [p-3*="sm"] {
        padding: var(--ita-spacings-3, 6px);
    }

    .p-4--sm,
    [p-4*="sm"] {
        padding: var(--ita-spacings-4, 8px);
    }

    .p-5--sm,
    [p-5*="sm"] {
        padding: var(--ita-spacings-5, 12px);
    }

    .p-6--sm,
    [p-6*="sm"] {
        padding: var(--ita-spacings-6, 14px);
    }

    .p-7--sm,
    [p-7*="sm"] {
        padding: var(--ita-spacings-7, 16px);
    }

    .p-8--sm,
    [p-8*="sm"] {
        padding: var(--ita-spacings-8, 18px);
    }

    .p-9--sm,
    [p-9*="sm"] {
        padding: var(--ita-spacings-9, 20px);
    }

    .p-10--sm,
    [p-10*="sm"] {
        padding: var(--ita-spacings-10, 24px);
    }

    .p-11--sm,
    [p-11*="sm"] {
        padding: var(--ita-spacings-11, 32px);
    }

    .p-12--sm,
    [p-12*="sm"] {
        padding: var(--ita-spacings-12, 36px);
    }

    .p-13--sm,
    [p-13*="sm"] {
        padding: var(--ita-spacings-13, 40px);
    }

    .p-14--sm,
    [p-14*="sm"] {
        padding: var(--ita-spacings-14, 44px);
    }

    .p-15--sm,
    [p-15*="sm"] {
        padding: var(--ita-spacings-15, 48px);
    }

    .p-16--sm,
    [p-16*="sm"] {
        padding: var(--ita-spacings-16, 54px);
    }

    .p-17--sm,
    [p-17*="sm"] {
        padding: var(--ita-spacings-17, 60px);
    }

    .pt-0--sm,
    [pt-0*="sm"] {
        padding-top: 0px;
    }

    .pt-1--sm,
    [pt-1*="sm"] {
        padding-top: var(--ita-spacings-1, 2px);
    }

    .pt-2--sm,
    [pt-2*="sm"] {
        padding-top: var(--ita-spacings-2, 4px);
    }

    .pt-3--sm,
    [pt-3*="sm"] {
        padding-top: var(--ita-spacings-3, 6px);
    }

    .pt-4--sm,
    [pt-4*="sm"] {
        padding-top: var(--ita-spacings-4, 8px);
    }

    .pt-5--sm,
    [pt-5*="sm"] {
        padding-top: var(--ita-spacings-5, 12px);
    }

    .pt-6--sm,
    [pt-6*="sm"] {
        padding-top: var(--ita-spacings-6, 14px);
    }

    .pt-7--sm,
    [pt-7*="sm"] {
        padding-top: var(--ita-spacings-7, 16px);
    }

    .pt-8--sm,
    [pt-8*="sm"] {
        padding-top: var(--ita-spacings-8, 18px);
    }

    .pt-9--sm,
    [pt-9*="sm"] {
        padding-top: var(--ita-spacings-9, 20px);
    }

    .pt-10--sm,
    [pt-10*="sm"] {
        padding-top: var(--ita-spacings-10, 24px);
    }

    .pt-11--sm,
    [pt-11*="sm"] {
        padding-top: var(--ita-spacings-11, 32px);
    }

    .pt-12--sm,
    [pt-12*="sm"] {
        padding-top: var(--ita-spacings-12, 36px);
    }

    .pt-13--sm,
    [pt-13*="sm"] {
        padding-top: var(--ita-spacings-13, 40px);
    }

    .pt-14--sm,
    [pt-14*="sm"] {
        padding-top: var(--ita-spacings-14, 44px);
    }

    .pt-15--sm,
    [pt-15*="sm"] {
        padding-top: var(--ita-spacings-15, 48px);
    }

    .pt-16--sm,
    [pt-16*="sm"] {
        padding-top: var(--ita-spacings-16, 54px);
    }

    .pt-17--sm,
    [pt-17*="sm"] {
        padding-top: var(--ita-spacings-17, 60px);
    }

    .pr-0--sm,
    [pr-0*="sm"] {
        padding-right: 0px;
    }

    .pr-1--sm,
    [pr-1*="sm"] {
        padding-right: var(--ita-spacings-1, 2px);
    }

    .pr-2--sm,
    [pr-2*="sm"] {
        padding-right: var(--ita-spacings-2, 4px);
    }

    .pr-3--sm,
    [pr-3*="sm"] {
        padding-right: var(--ita-spacings-3, 6px);
    }

    .pr-4--sm,
    [pr-4*="sm"] {
        padding-right: var(--ita-spacings-4, 8px);
    }

    .pr-5--sm,
    [pr-5*="sm"] {
        padding-right: var(--ita-spacings-5, 12px);
    }

    .pr-6--sm,
    [pr-6*="sm"] {
        padding-right: var(--ita-spacings-6, 14px);
    }

    .pr-7--sm,
    [pr-7*="sm"] {
        padding-right: var(--ita-spacings-7, 16px);
    }

    .pr-8--sm,
    [pr-8*="sm"] {
        padding-right: var(--ita-spacings-8, 18px);
    }

    .pr-9--sm,
    [pr-9*="sm"] {
        padding-right: var(--ita-spacings-9, 20px);
    }

    .pr-10--sm,
    [pr-10*="sm"] {
        padding-right: var(--ita-spacings-10, 24px);
    }

    .pr-11--sm,
    [pr-11*="sm"] {
        padding-right: var(--ita-spacings-11, 32px);
    }

    .pr-12--sm,
    [pr-12*="sm"] {
        padding-right: var(--ita-spacings-12, 36px);
    }

    .pr-13--sm,
    [pr-13*="sm"] {
        padding-right: var(--ita-spacings-13, 40px);
    }

    .pr-14--sm,
    [pr-14*="sm"] {
        padding-right: var(--ita-spacings-14, 44px);
    }

    .pr-15--sm,
    [pr-15*="sm"] {
        padding-right: var(--ita-spacings-15, 48px);
    }

    .pr-16--sm,
    [pr-16*="sm"] {
        padding-right: var(--ita-spacings-16, 54px);
    }

    .pr-17--sm,
    [pr-17*="sm"] {
        padding-right: var(--ita-spacings-17, 60px);
    }

    .pb-0--sm,
    [pb-0*="sm"] {
        padding-bottom: 0px;
    }

    .pb-1--sm,
    [pb-1*="sm"] {
        padding-bottom: var(--ita-spacings-1, 2px);
    }

    .pb-2--sm,
    [pb-2*="sm"] {
        padding-bottom: var(--ita-spacings-2, 4px);
    }

    .pb-3--sm,
    [pb-3*="sm"] {
        padding-bottom: var(--ita-spacings-3, 6px);
    }

    .pb-4--sm,
    [pb-4*="sm"] {
        padding-bottom: var(--ita-spacings-4, 8px);
    }

    .pb-5--sm,
    [pb-5*="sm"] {
        padding-bottom: var(--ita-spacings-5, 12px);
    }

    .pb-6--sm,
    [pb-6*="sm"] {
        padding-bottom: var(--ita-spacings-6, 14px);
    }

    .pb-7--sm,
    [pb-7*="sm"] {
        padding-bottom: var(--ita-spacings-7, 16px);
    }

    .pb-8--sm,
    [pb-8*="sm"] {
        padding-bottom: var(--ita-spacings-8, 18px);
    }

    .pb-9--sm,
    [pb-9*="sm"] {
        padding-bottom: var(--ita-spacings-9, 20px);
    }

    .pb-10--sm,
    [pb-10*="sm"] {
        padding-bottom: var(--ita-spacings-10, 24px);
    }

    .pb-11--sm,
    [pb-11*="sm"] {
        padding-bottom: var(--ita-spacings-11, 32px);
    }

    .pb-12--sm,
    [pb-12*="sm"] {
        padding-bottom: var(--ita-spacings-12, 36px);
    }

    .pb-13--sm,
    [pb-13*="sm"] {
        padding-bottom: var(--ita-spacings-13, 40px);
    }

    .pb-14--sm,
    [pb-14*="sm"] {
        padding-bottom: var(--ita-spacings-14, 44px);
    }

    .pb-15--sm,
    [pb-15*="sm"] {
        padding-bottom: var(--ita-spacings-15, 48px);
    }

    .pb-16--sm,
    [pb-16*="sm"] {
        padding-bottom: var(--ita-spacings-16, 54px);
    }

    .pb-17--sm,
    [pb-17*="sm"] {
        padding-bottom: var(--ita-spacings-17, 60px);
    }

    .pl-0--sm,
    [pl-0*="sm"] {
        padding-left: 0px;
    }

    .pl-1--sm,
    [pl-1*="sm"] {
        padding-left: var(--ita-spacings-1, 2px);
    }

    .pl-2--sm,
    [pl-2*="sm"] {
        padding-left: var(--ita-spacings-2, 4px);
    }

    .pl-3--sm,
    [pl-3*="sm"] {
        padding-left: var(--ita-spacings-3, 6px);
    }

    .pl-4--sm,
    [pl-4*="sm"] {
        padding-left: var(--ita-spacings-4, 8px);
    }

    .pl-5--sm,
    [pl-5*="sm"] {
        padding-left: var(--ita-spacings-5, 12px);
    }

    .pl-6--sm,
    [pl-6*="sm"] {
        padding-left: var(--ita-spacings-6, 14px);
    }

    .pl-7--sm,
    [pl-7*="sm"] {
        padding-left: var(--ita-spacings-7, 16px);
    }

    .pl-8--sm,
    [pl-8*="sm"] {
        padding-left: var(--ita-spacings-8, 18px);
    }

    .pl-9--sm,
    [pl-9*="sm"] {
        padding-left: var(--ita-spacings-9, 20px);
    }

    .pl-10--sm,
    [pl-10*="sm"] {
        padding-left: var(--ita-spacings-10, 24px);
    }

    .pl-11--sm,
    [pl-11*="sm"] {
        padding-left: var(--ita-spacings-11, 32px);
    }

    .pl-12--sm,
    [pl-12*="sm"] {
        padding-left: var(--ita-spacings-12, 36px);
    }

    .pl-13--sm,
    [pl-13*="sm"] {
        padding-left: var(--ita-spacings-13, 40px);
    }

    .pl-14--sm,
    [pl-14*="sm"] {
        padding-left: var(--ita-spacings-14, 44px);
    }

    .pl-15--sm,
    [pl-15*="sm"] {
        padding-left: var(--ita-spacings-15, 48px);
    }

    .pl-16--sm,
    [pl-16*="sm"] {
        padding-left: var(--ita-spacings-16, 54px);
    }

    .pl-17--sm,
    [pl-17*="sm"] {
        padding-left: var(--ita-spacings-17, 60px);
    }

    .m-0--sm,
    [m-0*="sm"] {
        margin: 0px;
    }

    .m-auto--sm,
    [m-auto*="sm"] {
        margin: auto;
    }

    .m-1--sm,
    [m-1*="sm"] {
        margin: var(--ita-spacings-1, 2px);
    }

    .m-2--sm,
    [m-2*="sm"] {
        margin: var(--ita-spacings-2, 4px);
    }

    .m-3--sm,
    [m-3*="sm"] {
        margin: var(--ita-spacings-3, 6px);
    }

    .m-4--sm,
    [m-4*="sm"] {
        margin: var(--ita-spacings-4, 8px);
    }

    .m-5--sm,
    [m-5*="sm"] {
        margin: var(--ita-spacings-5, 12px);
    }

    .m-6--sm,
    [m-6*="sm"] {
        margin: var(--ita-spacings-6, 14px);
    }

    .m-7--sm,
    [m-7*="sm"] {
        margin: var(--ita-spacings-7, 16px);
    }

    .m-8--sm,
    [m-8*="sm"] {
        margin: var(--ita-spacings-8, 18px);
    }

    .m-9--sm,
    [m-9*="sm"] {
        margin: var(--ita-spacings-9, 20px);
    }

    .m-10--sm,
    [m-10*="sm"] {
        margin: var(--ita-spacings-10, 24px);
    }

    .m-11--sm,
    [m-11*="sm"] {
        margin: var(--ita-spacings-11, 32px);
    }

    .m-12--sm,
    [m-12*="sm"] {
        margin: var(--ita-spacings-12, 36px);
    }

    .m-13--sm,
    [m-13*="sm"] {
        margin: var(--ita-spacings-13, 40px);
    }

    .m-14--sm,
    [m-14*="sm"] {
        margin: var(--ita-spacings-14, 44px);
    }

    .m-15--sm,
    [m-15*="sm"] {
        margin: var(--ita-spacings-15, 48px);
    }

    .m-16--sm,
    [m-16*="sm"] {
        margin: var(--ita-spacings-16, 54px);
    }

    .m-17--sm,
    [m-17*="sm"] {
        margin: var(--ita-spacings-17, 60px);
    }

    .mt-0--sm,
    [mt-0*="sm"] {
        margin-top: 0px;
    }

    .mt-1--sm,
    [mt-1*="sm"] {
        margin-top: var(--ita-spacings-1, 2px);
    }

    .mt-2--sm,
    [mt-2*="sm"] {
        margin-top: var(--ita-spacings-2, 4px);
    }

    .mt-3--sm,
    [mt-3*="sm"] {
        margin-top: var(--ita-spacings-3, 6px);
    }

    .mt-4--sm,
    [mt-4*="sm"] {
        margin-top: var(--ita-spacings-4, 8px);
    }

    .mt-5--sm,
    [mt-5*="sm"] {
        margin-top: var(--ita-spacings-5, 12px);
    }

    .mt-6--sm,
    [mt-6*="sm"] {
        margin-top: var(--ita-spacings-6, 14px);
    }

    .mt-7--sm,
    [mt-7*="sm"] {
        margin-top: var(--ita-spacings-7, 16px);
    }

    .mt-8--sm,
    [mt-8*="sm"] {
        margin-top: var(--ita-spacings-8, 18px);
    }

    .mt-9--sm,
    [mt-9*="sm"] {
        margin-top: var(--ita-spacings-9, 20px);
    }

    .mt-10--sm,
    [mt-10*="sm"] {
        margin-top: var(--ita-spacings-10, 24px);
    }

    .mt-11--sm,
    [mt-11*="sm"] {
        margin-top: var(--ita-spacings-11, 32px);
    }

    .mt-12--sm,
    [mt-12*="sm"] {
        margin-top: var(--ita-spacings-12, 36px);
    }

    .mt-13--sm,
    [mt-13*="sm"] {
        margin-top: var(--ita-spacings-13, 40px);
    }

    .mt-14--sm,
    [mt-14*="sm"] {
        margin-top: var(--ita-spacings-14, 44px);
    }

    .mt-15--sm,
    [mt-15*="sm"] {
        margin-top: var(--ita-spacings-15, 48px);
    }

    .mt-16--sm,
    [mt-16*="sm"] {
        margin-top: var(--ita-spacings-16, 54px);
    }

    .mt-17--sm,
    [mt-17*="sm"] {
        margin-top: var(--ita-spacings-17, 60px);
    }

    .mr-0--sm,
    [mr-0*="sm"] {
        margin-right: 0px;
    }

    .mr-auto--sm,
    [mr-auto*="sm"] {
        margin-right: auto;
    }

    .mr-1--sm,
    [mr-1*="sm"] {
        margin-right: var(--ita-spacings-1, 2px);
    }

    .mr-2--sm,
    [mr-2*="sm"] {
        margin-right: var(--ita-spacings-2, 4px);
    }

    .mr-3--sm,
    [mr-3*="sm"] {
        margin-right: var(--ita-spacings-3, 6px);
    }

    .mr-4--sm,
    [mr-4*="sm"] {
        margin-right: var(--ita-spacings-4, 8px);
    }

    .mr-5--sm,
    [mr-5*="sm"] {
        margin-right: var(--ita-spacings-5, 12px);
    }

    .mr-6--sm,
    [mr-6*="sm"] {
        margin-right: var(--ita-spacings-6, 14px);
    }

    .mr-7--sm,
    [mr-7*="sm"] {
        margin-right: var(--ita-spacings-7, 16px);
    }

    .mr-8--sm,
    [mr-8*="sm"] {
        margin-right: var(--ita-spacings-8, 18px);
    }

    .mr-9--sm,
    [mr-9*="sm"] {
        margin-right: var(--ita-spacings-9, 20px);
    }

    .mr-10--sm,
    [mr-10*="sm"] {
        margin-right: var(--ita-spacings-10, 24px);
    }

    .mr-11--sm,
    [mr-11*="sm"] {
        margin-right: var(--ita-spacings-11, 32px);
    }

    .mr-12--sm,
    [mr-12*="sm"] {
        margin-right: var(--ita-spacings-12, 36px);
    }

    .mr-13--sm,
    [mr-13*="sm"] {
        margin-right: var(--ita-spacings-13, 40px);
    }

    .mr-14--sm,
    [mr-14*="sm"] {
        margin-right: var(--ita-spacings-14, 44px);
    }

    .mr-15--sm,
    [mr-15*="sm"] {
        margin-right: var(--ita-spacings-15, 48px);
    }

    .mr-16--sm,
    [mr-16*="sm"] {
        margin-right: var(--ita-spacings-16, 54px);
    }

    .mr-17--sm,
    [mr-17*="sm"] {
        margin-right: var(--ita-spacings-17, 60px);
    }

    .mb-0--sm,
    [mb-0*="sm"] {
        margin-bottom: 0px;
    }

    .mb-1--sm,
    [mb-1*="sm"] {
        margin-bottom: var(--ita-spacings-1, 2px);
    }

    .mb-2--sm,
    [mb-2*="sm"] {
        margin-bottom: var(--ita-spacings-2, 4px);
    }

    .mb-3--sm,
    [mb-3*="sm"] {
        margin-bottom: var(--ita-spacings-3, 6px);
    }

    .mb-4--sm,
    [mb-4*="sm"] {
        margin-bottom: var(--ita-spacings-4, 8px);
    }

    .mb-5--sm,
    [mb-5*="sm"] {
        margin-bottom: var(--ita-spacings-5, 12px);
    }

    .mb-6--sm,
    [mb-6*="sm"] {
        margin-bottom: var(--ita-spacings-6, 14px);
    }

    .mb-7--sm,
    [mb-7*="sm"] {
        margin-bottom: var(--ita-spacings-7, 16px);
    }

    .mb-8--sm,
    [mb-8*="sm"] {
        margin-bottom: var(--ita-spacings-8, 18px);
    }

    .mb-9--sm,
    [mb-9*="sm"] {
        margin-bottom: var(--ita-spacings-9, 20px);
    }

    .mb-10--sm,
    [mb-10*="sm"] {
        margin-bottom: var(--ita-spacings-10, 24px);
    }

    .mb-11--sm,
    [mb-11*="sm"] {
        margin-bottom: var(--ita-spacings-11, 32px);
    }

    .mb-12--sm,
    [mb-12*="sm"] {
        margin-bottom: var(--ita-spacings-12, 36px);
    }

    .mb-13--sm,
    [mb-13*="sm"] {
        margin-bottom: var(--ita-spacings-13, 40px);
    }

    .mb-14--sm,
    [mb-14*="sm"] {
        margin-bottom: var(--ita-spacings-14, 44px);
    }

    .mb-15--sm,
    [mb-15*="sm"] {
        margin-bottom: var(--ita-spacings-15, 48px);
    }

    .mb-16--sm,
    [mb-16*="sm"] {
        margin-bottom: var(--ita-spacings-16, 54px);
    }

    .mb-17--sm,
    [mb-17*="sm"] {
        margin-bottom: var(--ita-spacings-17, 60px);
    }

    .ml-0--sm,
    [ml-0*="sm"] {
        margin-left: 0px;
    }

    .ml-auto--sm,
    [ml-auto*="sm"] {
        margin-left: auto;
    }

    .ml-1--sm,
    [ml-1*="sm"] {
        margin-left: var(--ita-spacings-1, 2px);
    }

    .ml-2--sm,
    [ml-2*="sm"] {
        margin-left: var(--ita-spacings-2, 4px);
    }

    .ml-3--sm,
    [ml-3*="sm"] {
        margin-left: var(--ita-spacings-3, 6px);
    }

    .ml-4--sm,
    [ml-4*="sm"] {
        margin-left: var(--ita-spacings-4, 8px);
    }

    .ml-5--sm,
    [ml-5*="sm"] {
        margin-left: var(--ita-spacings-5, 12px);
    }

    .ml-6--sm,
    [ml-6*="sm"] {
        margin-left: var(--ita-spacings-6, 14px);
    }

    .ml-7--sm,
    [ml-7*="sm"] {
        margin-left: var(--ita-spacings-7, 16px);
    }

    .ml-8--sm,
    [ml-8*="sm"] {
        margin-left: var(--ita-spacings-8, 18px);
    }

    .ml-9--sm,
    [ml-9*="sm"] {
        margin-left: var(--ita-spacings-9, 20px);
    }

    .ml-10--sm,
    [ml-10*="sm"] {
        margin-left: var(--ita-spacings-10, 24px);
    }

    .ml-11--sm,
    [ml-11*="sm"] {
        margin-left: var(--ita-spacings-11, 32px);
    }

    .ml-12--sm,
    [ml-12*="sm"] {
        margin-left: var(--ita-spacings-12, 36px);
    }

    .ml-13--sm,
    [ml-13*="sm"] {
        margin-left: var(--ita-spacings-13, 40px);
    }

    .ml-14--sm,
    [ml-14*="sm"] {
        margin-left: var(--ita-spacings-14, 44px);
    }

    .ml-15--sm,
    [ml-15*="sm"] {
        margin-left: var(--ita-spacings-15, 48px);
    }

    .ml-16--sm,
    [ml-16*="sm"] {
        margin-left: var(--ita-spacings-16, 54px);
    }

    .ml-17--sm,
    [ml-17*="sm"] {
        margin-left: var(--ita-spacings-17, 60px);
    }

    .ff-1-1--sm,
    [ff-1-1*="sm"] {
        font-family: var(--ita-fontFamilies-1-1, TYPO_1_1, sans-serif);
    }

    .ff-1-2--sm,
    [ff-1-2*="sm"] {
        font-family: var(--ita-fontFamilies-1-2, TYPO_1_2, sans-serif);
    }

    .ff-2-1--sm,
    [ff-2-1*="sm"] {
        font-family: var(--ita-fontFamilies-2-1, TYPO_2_1, sans-serif);
    }

    .ff-2-2--sm,
    [ff-2-2*="sm"] {
        font-family: var(--ita-fontFamilies-2-2, TYPO_2_2, sans-serif);
    }

    .fs-1--sm,
    [fs-1*="sm"] {
        font-size: var(--ita-fontSizes-1, 10px);
    }

    .fs-2--sm,
    [fs-2*="sm"] {
        font-size: var(--ita-fontSizes-2, 11px);
    }

    .fs-3--sm,
    [fs-3*="sm"] {
        font-size: var(--ita-fontSizes-3, 12px);
    }

    .fs-4--sm,
    [fs-4*="sm"] {
        font-size: var(--ita-fontSizes-4, 14px);
    }

    .fs-5--sm,
    [fs-5*="sm"] {
        font-size: var(--ita-fontSizes-5, 16px);
    }

    .fs-6--sm,
    [fs-6*="sm"] {
        font-size: var(--ita-fontSizes-6, 18px);
    }

    .fs-7--sm,
    [fs-7*="sm"] {
        font-size: var(--ita-fontSizes-7, 20px);
    }

    .fs-8--sm,
    [fs-8*="sm"] {
        font-size: var(--ita-fontSizes-8, 24px);
    }

    .fs-9--sm,
    [fs-9*="sm"] {
        font-size: var(--ita-fontSizes-9, 28px);
    }

    .fs-10--sm,
    [fs-10*="sm"] {
        font-size: var(--ita-fontSizes-10, 32px);
    }

    .fs-11--sm,
    [fs-11*="sm"] {
        font-size: var(--ita-fontSizes-11, 36px);
    }

    .fs-12--sm,
    [fs-12*="sm"] {
        font-size: var(--ita-fontSizes-12, 42px);
    }

    .fs-13--sm,
    [fs-13*="sm"] {
        font-size: var(--ita-fontSizes-13, 54px);
    }

    .ta-left--sm,
    [ta-left*="sm"] {
        text-align: left;
    }

    .ta-center--sm,
    [ta-center*="sm"] {
        text-align: center;
    }

    .ta-right--sm,
    [ta-right*="sm"] {
        text-align: right;
    }

    .c-current--sm,
    [c-current*="sm"] {
        color: currentColor;
    }

    .c-black--sm,
    [c-black*="sm"] {
        color: var(--ita-colors-black, #000000);
    }

    .c-soft-black--sm,
    [c-soft-black*="sm"] {
        color: var(--ita-colors-soft-black, #22242C);
    }

    .c-dark-grey--sm,
    [c-dark-grey*="sm"] {
        color: var(--ita-colors-dark-grey, #515A76);
    }

    .c-medium-grey--sm,
    [c-medium-grey*="sm"] {
        color: var(--ita-colors-medium-grey, #838CAA);
    }

    .c-light-grey--sm,
    [c-light-grey*="sm"] {
        color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .c-soft-grey--sm,
    [c-soft-grey*="sm"] {
        color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .c-ultra-light-grey--sm,
    [c-ultra-light-grey*="sm"] {
        color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .c-off-white--sm,
    [c-off-white*="sm"] {
        color: var(--ita-colors-off-white, #F8F9FC);
    }

    .c-white--sm,
    [c-white*="sm"] {
        color: var(--ita-colors-white, #FFFFFF);
    }

    .c-black-50--sm,
    [c-black-50*="sm"] {
        color: var(--ita-colors-black-50, #00000080);
    }

    .c-light-grey-30--sm,
    [c-light-grey-30*="sm"] {
        color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .c-white-50--sm,
    [c-white-50*="sm"] {
        color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .c-white-30--sm,
    [c-white-30*="sm"] {
        color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .c-brand-primary--sm,
    [c-brand-primary*="sm"] {
        color: var(--ita-colors-brand-primary, #021735);
    }

    .c-indigo--sm,
    [c-indigo*="sm"] {
        color: var(--ita-colors-indigo, #06234C);
    }

    .c-brand-accent--sm,
    [c-brand-accent*="sm"] {
        color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .c-soft-green--sm,
    [c-soft-green*="sm"] {
        color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .c-blue--sm,
    [c-blue*="sm"] {
        color: var(--ita-colors-blue, #00ABFF);
    }

    .c-light-blue--sm,
    [c-light-blue*="sm"] {
        color: var(--ita-colors-light-blue, #00C2FF);
    }

    .c-soft-blue--sm,
    [c-soft-blue*="sm"] {
        color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .c-clear-blue--sm,
    [c-clear-blue*="sm"] {
        color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .c-yellow--sm,
    [c-yellow*="sm"] {
        color: var(--ita-colors-yellow, #FFD752);
    }

    .c-soft-yellow--sm,
    [c-soft-yellow*="sm"] {
        color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .c-peach--sm,
    [c-peach*="sm"] {
        color: var(--ita-colors-peach, #F3E3DD);
    }

    .c-ultra-light-peach--sm,
    [c-ultra-light-peach*="sm"] {
        color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .c-light-purple--sm,
    [c-light-purple*="sm"] {
        color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .c-soft-purple--sm,
    [c-soft-purple*="sm"] {
        color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .c-ultra-light-purple--sm,
    [c-ultra-light-purple*="sm"] {
        color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .c-brand-accent-20--sm,
    [c-brand-accent-20*="sm"] {
        color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .c-yellow-10--sm,
    [c-yellow-10*="sm"] {
        color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bc-0--sm,
    [bc-0*="sm"] {
        background-color: transparent;
    }

    .bc-black--sm,
    [bc-black*="sm"] {
        background-color: var(--ita-colors-black, #000000);
    }

    .bc-soft-black--sm,
    [bc-soft-black*="sm"] {
        background-color: var(--ita-colors-soft-black, #22242C);
    }

    .bc-dark-grey--sm,
    [bc-dark-grey*="sm"] {
        background-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bc-medium-grey--sm,
    [bc-medium-grey*="sm"] {
        background-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bc-light-grey--sm,
    [bc-light-grey*="sm"] {
        background-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bc-soft-grey--sm,
    [bc-soft-grey*="sm"] {
        background-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bc-ultra-light-grey--sm,
    [bc-ultra-light-grey*="sm"] {
        background-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bc-off-white--sm,
    [bc-off-white*="sm"] {
        background-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bc-white--sm,
    [bc-white*="sm"] {
        background-color: var(--ita-colors-white, #FFFFFF);
    }

    .bc-black-50--sm,
    [bc-black-50*="sm"] {
        background-color: var(--ita-colors-black-50, #00000080);
    }

    .bc-light-grey-30--sm,
    [bc-light-grey-30*="sm"] {
        background-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bc-white-50--sm,
    [bc-white-50*="sm"] {
        background-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bc-white-30--sm,
    [bc-white-30*="sm"] {
        background-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bc-brand-primary--sm,
    [bc-brand-primary*="sm"] {
        background-color: var(--ita-colors-brand-primary, #021735);
    }

    .bc-indigo--sm,
    [bc-indigo*="sm"] {
        background-color: var(--ita-colors-indigo, #06234C);
    }

    .bc-brand-accent--sm,
    [bc-brand-accent*="sm"] {
        background-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bc-soft-green--sm,
    [bc-soft-green*="sm"] {
        background-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bc-blue--sm,
    [bc-blue*="sm"] {
        background-color: var(--ita-colors-blue, #00ABFF);
    }

    .bc-light-blue--sm,
    [bc-light-blue*="sm"] {
        background-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bc-soft-blue--sm,
    [bc-soft-blue*="sm"] {
        background-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bc-clear-blue--sm,
    [bc-clear-blue*="sm"] {
        background-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bc-yellow--sm,
    [bc-yellow*="sm"] {
        background-color: var(--ita-colors-yellow, #FFD752);
    }

    .bc-soft-yellow--sm,
    [bc-soft-yellow*="sm"] {
        background-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bc-peach--sm,
    [bc-peach*="sm"] {
        background-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bc-ultra-light-peach--sm,
    [bc-ultra-light-peach*="sm"] {
        background-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bc-light-purple--sm,
    [bc-light-purple*="sm"] {
        background-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bc-soft-purple--sm,
    [bc-soft-purple*="sm"] {
        background-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bc-ultra-light-purple--sm,
    [bc-ultra-light-purple*="sm"] {
        background-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bc-brand-accent-20--sm,
    [bc-brand-accent-20*="sm"] {
        background-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bc-yellow-10--sm,
    [bc-yellow-10*="sm"] {
        background-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .b-0--sm,
    [b-0*="sm"] {
        border: none;
    }

    .bcolor-0--sm,
    [bcolor-0*="sm"] {
        border-color: none;
    }

    .bcolor-transparent--sm,
    [bcolor-transparent*="sm"] {
        border-color: transparent;
    }

    .bcolor-black--sm,
    [bcolor-black*="sm"] {
        border-color: var(--ita-colors-black, #000000);
    }

    .bcolor-soft-black--sm,
    [bcolor-soft-black*="sm"] {
        border-color: var(--ita-colors-soft-black, #22242C);
    }

    .bcolor-dark-grey--sm,
    [bcolor-dark-grey*="sm"] {
        border-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bcolor-medium-grey--sm,
    [bcolor-medium-grey*="sm"] {
        border-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bcolor-light-grey--sm,
    [bcolor-light-grey*="sm"] {
        border-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bcolor-soft-grey--sm,
    [bcolor-soft-grey*="sm"] {
        border-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bcolor-ultra-light-grey--sm,
    [bcolor-ultra-light-grey*="sm"] {
        border-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bcolor-off-white--sm,
    [bcolor-off-white*="sm"] {
        border-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bcolor-white--sm,
    [bcolor-white*="sm"] {
        border-color: var(--ita-colors-white, #FFFFFF);
    }

    .bcolor-black-50--sm,
    [bcolor-black-50*="sm"] {
        border-color: var(--ita-colors-black-50, #00000080);
    }

    .bcolor-light-grey-30--sm,
    [bcolor-light-grey-30*="sm"] {
        border-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bcolor-white-50--sm,
    [bcolor-white-50*="sm"] {
        border-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bcolor-white-30--sm,
    [bcolor-white-30*="sm"] {
        border-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bcolor-brand-primary--sm,
    [bcolor-brand-primary*="sm"] {
        border-color: var(--ita-colors-brand-primary, #021735);
    }

    .bcolor-indigo--sm,
    [bcolor-indigo*="sm"] {
        border-color: var(--ita-colors-indigo, #06234C);
    }

    .bcolor-brand-accent--sm,
    [bcolor-brand-accent*="sm"] {
        border-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bcolor-soft-green--sm,
    [bcolor-soft-green*="sm"] {
        border-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bcolor-blue--sm,
    [bcolor-blue*="sm"] {
        border-color: var(--ita-colors-blue, #00ABFF);
    }

    .bcolor-light-blue--sm,
    [bcolor-light-blue*="sm"] {
        border-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bcolor-soft-blue--sm,
    [bcolor-soft-blue*="sm"] {
        border-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bcolor-clear-blue--sm,
    [bcolor-clear-blue*="sm"] {
        border-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bcolor-yellow--sm,
    [bcolor-yellow*="sm"] {
        border-color: var(--ita-colors-yellow, #FFD752);
    }

    .bcolor-soft-yellow--sm,
    [bcolor-soft-yellow*="sm"] {
        border-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bcolor-peach--sm,
    [bcolor-peach*="sm"] {
        border-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bcolor-ultra-light-peach--sm,
    [bcolor-ultra-light-peach*="sm"] {
        border-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bcolor-light-purple--sm,
    [bcolor-light-purple*="sm"] {
        border-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bcolor-soft-purple--sm,
    [bcolor-soft-purple*="sm"] {
        border-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bcolor-ultra-light-purple--sm,
    [bcolor-ultra-light-purple*="sm"] {
        border-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bcolor-brand-accent-20--sm,
    [bcolor-brand-accent-20*="sm"] {
        border-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bcolor-yellow-10--sm,
    [bcolor-yellow-10*="sm"] {
        border-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bt-0--sm,
    [bt-0*="sm"] {
        border-top: none;
    }

    .br-0--sm,
    [br-0*="sm"] {
        border-right: none;
    }

    .bb-0--sm,
    [bb-0*="sm"] {
        border-bottom: none;
    }

    .bl-0--sm,
    [bl-0*="sm"] {
        border-left: none;
    }

    .bwidth-0--sm,
    [bwidth-0*="sm"] {
        border-width: 0px;
    }

    .bwidth-1--sm,
    [bwidth-1*="sm"] {
        border-width: 1px;
    }

    .bwidth-2--sm,
    [bwidth-2*="sm"] {
        border-width: 2px;
    }

    .bwidth-3--sm,
    [bwidth-3*="sm"] {
        border-width: 3px;
    }

    .btwidth-0--sm,
    [btwidth-0*="sm"] {
        border-top-width: 0px;
    }

    .btwidth-1--sm,
    [btwidth-1*="sm"] {
        border-top-width: 1px;
    }

    .btwidth-2--sm,
    [btwidth-2*="sm"] {
        border-top-width: 2px;
    }

    .btwidth-3--sm,
    [btwidth-3*="sm"] {
        border-top-width: 3px;
    }

    .brwidth-0--sm,
    [brwidth-0*="sm"] {
        border-right-width: 0px;
    }

    .brwidth-1--sm,
    [brwidth-1*="sm"] {
        border-right-width: 1px;
    }

    .brwidth-2--sm,
    [brwidth-2*="sm"] {
        border-right-width: 2px;
    }

    .brwidth-3--sm,
    [brwidth-3*="sm"] {
        border-right-width: 3px;
    }

    .bbwidth-0--sm,
    [bbwidth-0*="sm"] {
        border-bottom-width: 0px;
    }

    .bbwidth-1--sm,
    [bbwidth-1*="sm"] {
        border-bottom-width: 1px;
    }

    .bbwidth-2--sm,
    [bbwidth-2*="sm"] {
        border-bottom-width: 2px;
    }

    .bbwidth-3--sm,
    [bbwidth-3*="sm"] {
        border-bottom-width: 3px;
    }

    .blwidth-0--sm,
    [blwidth-0*="sm"] {
        border-left-width: 0px;
    }

    .blwidth-1--sm,
    [blwidth-1*="sm"] {
        border-left-width: 1px;
    }

    .blwidth-2--sm,
    [blwidth-2*="sm"] {
        border-left-width: 2px;
    }

    .blwidth-3--sm,
    [blwidth-3*="sm"] {
        border-left-width: 3px;
    }

    .bstyle-solid--sm,
    [bstyle-solid*="sm"] {
        border-style: solid;
    }

    .bstyle-dashed--sm,
    [bstyle-dashed*="sm"] {
        border-style: dashed;
    }

    .bstyle-dotted--sm,
    [bstyle-dotted*="sm"] {
        border-style: dotted;
    }

    .bstyle-none--sm,
    [bstyle-none*="sm"] {
        border-style: none;
    }
}

/*END @media sm*/


/*START @media md*/
@media (min-width: 960px) and (max-width: 1199px) {

    .d-flex--md,
    [d-flex*="md"] {
        display: flex;
    }

    .u-d-flex--md,
    [u-d-flex*="md"] {
        display: flex !important;
    }

    .d-inline-flex--md,
    [d-inline-flex*="md"] {
        display: inline-flex;
    }

    .u-d-inline-flex--md,
    [u-d-inline-flex*="md"] {
        display: inline-flex !important;
    }

    .d-none--md,
    [d-none*="md"] {
        display: none;
    }

    .u-d-none--md,
    [u-d-none*="md"] {
        display: none !important;
    }

    .ai-baseline--md,
    [ai-baseline*="md"] {
        align-items: baseline;
    }

    .ai-center--md,
    [ai-center*="md"] {
        align-items: center;
    }

    .ai-start--md,
    [ai-start*="md"] {
        align-items: flex-start;
    }

    .ai-end--md,
    [ai-end*="md"] {
        align-items: flex-end;
    }

    .jc-center--md,
    [jc-center*="md"] {
        justify-content: center;
    }

    .jc-space-between--md,
    [jc-space-between*="md"] {
        justify-content: space-between;
    }

    .jc-space-around--md,
    [jc-space-around*="md"] {
        justify-content: space-around;
    }

    .jc-start--md,
    [jc-start*="md"] {
        justify-content: flex-start;
    }

    .jc-end--md,
    [jc-end*="md"] {
        justify-content: flex-end;
    }

    .fd-column--md,
    [fd-column*="md"] {
        flex-direction: column;
    }

    .fw-wrap--md,
    [fw-wrap*="md"] {
        flex-wrap: wrap;
    }

    .order--1--md,
    [order--1*="md"] {
        order: -1;
    }

    .order-1--md,
    [order-1*="md"] {
        order: 1;
    }

    .of-contain--md,
    [of-contain*="md"] {
        object-fit: contain;
    }

    .of-cover--md,
    [of-cover*="md"] {
        object-fit: cover;
    }

    .pos-relative--md,
    [pos-relative*="md"] {
        position: relative;
    }

    .pos-absolute--md,
    [pos-absolute*="md"] {
        position: absolute;
    }

    .pos-fixed--md,
    [pos-fixed*="md"] {
        position: fixed;
    }

    .pos-sticky--md,
    [pos-sticky*="md"] {
        position: sticky;
    }

    .top-0--md,
    [top-0*="md"] {
        top: 0%;
    }

    .top-50--md,
    [top-50*="md"] {
        top: 50%;
    }

    .top-100--md,
    [top-100*="md"] {
        top: 100%;
    }

    .right-0--md,
    [right-0*="md"] {
        right: 0%;
    }

    .right-50--md,
    [right-50*="md"] {
        right: 50%;
    }

    .right-100--md,
    [right-100*="md"] {
        right: 100%;
    }

    .bottom-0--md,
    [bottom-0*="md"] {
        bottom: 0%;
    }

    .bottom-50--md,
    [bottom-50*="md"] {
        bottom: 50%;
    }

    .bottom-100--md,
    [bottom-100*="md"] {
        bottom: 100%;
    }

    .left-0--md,
    [left-0*="md"] {
        left: 0%;
    }

    .left-50--md,
    [left-50*="md"] {
        left: 50%;
    }

    .left-100--md,
    [left-100*="md"] {
        left: 100%;
    }

    .z-1--md,
    [z-1*="md"] {
        z-index: 1;
    }

    .z-2--md,
    [z-2*="md"] {
        z-index: 2;
    }

    .z-3--md,
    [z-3*="md"] {
        z-index: 3;
    }

    .z-4--md,
    [z-4*="md"] {
        z-index: 4;
    }

    .z-5--md,
    [z-5*="md"] {
        z-index: 5;
    }

    .z-6--md,
    [z-6*="md"] {
        z-index: 6;
    }

    .z-7--md,
    [z-7*="md"] {
        z-index: 7;
    }

    .z-8--md,
    [z-8*="md"] {
        z-index: 8;
    }

    .z-9--md,
    [z-9*="md"] {
        z-index: 9;
    }

    .z-100--md,
    [z-100*="md"] {
        z-index: 100;
    }

    .z-200--md,
    [z-200*="md"] {
        z-index: 200;
    }

    .z-300--md,
    [z-300*="md"] {
        z-index: 300;
    }

    .z-400--md,
    [z-400*="md"] {
        z-index: 400;
    }

    .z-500--md,
    [z-500*="md"] {
        z-index: 500;
    }

    .z-600--md,
    [z-600*="md"] {
        z-index: 600;
    }

    .z-700--md,
    [z-700*="md"] {
        z-index: 700;
    }

    .z-800--md,
    [z-800*="md"] {
        z-index: 800;
    }

    .z-900--md,
    [z-900*="md"] {
        z-index: 900;
    }

    .t-tX-50--md,
    [t-tX-50*="md"] {
        --dsg-tX: -50%;
    }

    .t-tX50--md,
    [t-tX50*="md"] {
        --dsg-tX: 50%;
    }

    .t-tX-100--md,
    [t-tX-100*="md"] {
        --dsg-tX: -100%;
    }

    .t-tX100--md,
    [t-tX100*="md"] {
        --dsg-tX: 100%;
    }

    .t-tY-50--md,
    [t-tY-50*="md"] {
        --dsg-tY: -50%;
    }

    .t-tY50--md,
    [t-tY50*="md"] {
        --dsg-tY: 50%;
    }

    .t-tY-100--md,
    [t-tY-100*="md"] {
        --dsg-tY: -100%;
    }

    .t-tY100--md,
    [t-tY100*="md"] {
        --dsg-tY: 100%;
    }

    .t-tX-50--md,
    [t-tX-50*="md"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX50--md,
    [t-tX50*="md"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX-100--md,
    [t-tX-100*="md"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX100--md,
    [t-tX100*="md"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-50--md,
    [t-tY-50*="md"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY50--md,
    [t-tY50*="md"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-100--md,
    [t-tY-100*="md"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY100--md,
    [t-tY100*="md"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .rotate-90--md,
    [rotate-90*="md"] {
        rotate: 90deg;
    }

    .rotate-180--md,
    [rotate-180*="md"] {
        rotate: 180deg;
    }

    .rotate-270--md,
    [rotate-270*="md"] {
        rotate: 270deg;
    }

    .ar-widescreen--md,
    [ar-widescreen*="md"] {
        aspect-ratio: 16/9;
    }

    .ar-anamorphic--md,
    [ar-anamorphic*="md"] {
        aspect-ratio: 2.35;
    }

    .ar-portrait--md,
    [ar-portrait*="md"] {
        aspect-ratio: 5/7;
    }

    .ar-dslr--md,
    [ar-dslr*="md"] {
        aspect-ratio: 3/2;
    }

    .ar-square--md,
    [ar-square*="md"] {
        aspect-ratio: 1;
    }

    .gap-0px--md,
    [gap-0px*="md"] {
        gap: 0px;
    }

    .gap-1--md,
    [gap-1*="md"] {
        gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--md,
    [gap-2*="md"] {
        gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--md,
    [gap-3*="md"] {
        gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--md,
    [gap-4*="md"] {
        gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--md,
    [gap-5*="md"] {
        gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--md,
    [gap-6*="md"] {
        gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--md,
    [gap-7*="md"] {
        gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--md,
    [gap-8*="md"] {
        gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--md,
    [gap-9*="md"] {
        gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--md,
    [gap-10*="md"] {
        gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--md,
    [gap-11*="md"] {
        gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--md,
    [gap-12*="md"] {
        gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--md,
    [gap-13*="md"] {
        gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--md,
    [gap-14*="md"] {
        gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--md,
    [gap-15*="md"] {
        gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--md,
    [gap-16*="md"] {
        gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--md,
    [gap-17*="md"] {
        gap: var(--ita-spacings-17, 60px);
    }

    .rgap-0px--md,
    [rgap-0px*="md"] {
        row-gap: 0px;
    }

    .rgap-1--md,
    [rgap-1*="md"] {
        row-gap: var(--ita-spacings-1, 2px);
    }

    .rgap-2--md,
    [rgap-2*="md"] {
        row-gap: var(--ita-spacings-2, 4px);
    }

    .rgap-3--md,
    [rgap-3*="md"] {
        row-gap: var(--ita-spacings-3, 6px);
    }

    .rgap-4--md,
    [rgap-4*="md"] {
        row-gap: var(--ita-spacings-4, 8px);
    }

    .rgap-5--md,
    [rgap-5*="md"] {
        row-gap: var(--ita-spacings-5, 12px);
    }

    .rgap-6--md,
    [rgap-6*="md"] {
        row-gap: var(--ita-spacings-6, 14px);
    }

    .rgap-7--md,
    [rgap-7*="md"] {
        row-gap: var(--ita-spacings-7, 16px);
    }

    .rgap-8--md,
    [rgap-8*="md"] {
        row-gap: var(--ita-spacings-8, 18px);
    }

    .rgap-9--md,
    [rgap-9*="md"] {
        row-gap: var(--ita-spacings-9, 20px);
    }

    .rgap-10--md,
    [rgap-10*="md"] {
        row-gap: var(--ita-spacings-10, 24px);
    }

    .rgap-11--md,
    [rgap-11*="md"] {
        row-gap: var(--ita-spacings-11, 32px);
    }

    .rgap-12--md,
    [rgap-12*="md"] {
        row-gap: var(--ita-spacings-12, 36px);
    }

    .rgap-13--md,
    [rgap-13*="md"] {
        row-gap: var(--ita-spacings-13, 40px);
    }

    .rgap-14--md,
    [rgap-14*="md"] {
        row-gap: var(--ita-spacings-14, 44px);
    }

    .rgap-15--md,
    [rgap-15*="md"] {
        row-gap: var(--ita-spacings-15, 48px);
    }

    .rgap-16--md,
    [rgap-16*="md"] {
        row-gap: var(--ita-spacings-16, 54px);
    }

    .rgap-17--md,
    [rgap-17*="md"] {
        row-gap: var(--ita-spacings-17, 60px);
    }

    .gap-0px--md,
    [gap-0px*="md"] {
        --dsg-gap: 0px;
    }

    .gap-1px--md,
    [gap-1px*="md"] {
        --dsg-gap: 1px;
    }

    .gap-1--md,
    [gap-1*="md"] {
        --dsg-gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--md,
    [gap-2*="md"] {
        --dsg-gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--md,
    [gap-3*="md"] {
        --dsg-gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--md,
    [gap-4*="md"] {
        --dsg-gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--md,
    [gap-5*="md"] {
        --dsg-gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--md,
    [gap-6*="md"] {
        --dsg-gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--md,
    [gap-7*="md"] {
        --dsg-gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--md,
    [gap-8*="md"] {
        --dsg-gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--md,
    [gap-9*="md"] {
        --dsg-gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--md,
    [gap-10*="md"] {
        --dsg-gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--md,
    [gap-11*="md"] {
        --dsg-gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--md,
    [gap-12*="md"] {
        --dsg-gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--md,
    [gap-13*="md"] {
        --dsg-gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--md,
    [gap-14*="md"] {
        --dsg-gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--md,
    [gap-15*="md"] {
        --dsg-gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--md,
    [gap-16*="md"] {
        --dsg-gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--md,
    [gap-17*="md"] {
        --dsg-gap: var(--ita-spacings-17, 60px);
    }

    .fg-1--md,
    [fg-1*="md"] {
        flex-grow: 1;
    }

    .w-100--md,
    [w-100*="md"] {
        width: 100%;
    }

    .w-auto--md,
    [w-auto*="md"] {
        width: auto;
    }

    .w-100vw--md,
    [w-100vw*="md"] {
        width: 100vw;
    }

    .w-1035px--md,
    [w-1035px*="md"] {
        width: 1035px;
    }

    .w-1t--md,
    [w-1t*="md"] {
        --twelves: 1;
    }

    .w-2t--md,
    [w-2t*="md"] {
        --twelves: 2;
    }

    .w-3t--md,
    [w-3t*="md"] {
        --twelves: 3;
    }

    .w-4t--md,
    [w-4t*="md"] {
        --twelves: 4;
    }

    .w-5t--md,
    [w-5t*="md"] {
        --twelves: 5;
    }

    .w-6t--md,
    [w-6t*="md"] {
        --twelves: 6;
    }

    .w-7t--md,
    [w-7t*="md"] {
        --twelves: 7;
    }

    .w-8t--md,
    [w-8t*="md"] {
        --twelves: 8;
    }

    .w-9t--md,
    [w-9t*="md"] {
        --twelves: 9;
    }

    .w-10t--md,
    [w-10t*="md"] {
        --twelves: 10;
    }

    .w-11t--md,
    [w-11t*="md"] {
        --twelves: 11;
    }

    .w-12t--md,
    [w-12t*="md"] {
        --twelves: 12;
    }

    .maxw-100--md,
    [maxw-100*="md"] {
        max-width: 100%;
    }

    .maxw-280px--md,
    [maxw-280px*="md"] {
        max-width: 280px;
    }

    .maxw-100vw--md,
    [maxw-100vw*="md"] {
        max-width: 100vw;
    }

    .maxw-1488px--md,
    [maxw-1488px*="md"] {
        max-width: 1488px;
    }

    .minw-280px--md,
    [minw-280px*="md"] {
        min-width: 280px;
    }

    .minw-100--md,
    [minw-100*="md"] {
        min-width: 100%;
    }

    .h-100--md,
    [h-100*="md"] {
        height: 100%;
    }

    .h-auto--md,
    [h-auto*="md"] {
        height: auto;
    }

    .h-100vh--md,
    [h-100vh*="md"] {
        height: 100vh;
    }

    .h-100vh-64px--md,
    [h-100vh-64px*="md"] {
        height: calc(100vh - 64px);
    }

    .maxh-100--md,
    [maxh-100*="md"] {
        max-height: 100%;
    }

    .maxh-100vh--md,
    [maxh-100vh*="md"] {
        max-height: 100vh;
    }

    .maxh-80vh--md,
    [maxh-80vh*="md"] {
        max-height: 80vh;
    }

    .maxh-50vh--md,
    [maxh-50vh*="md"] {
        max-height: 50vh;
    }

    .maxh-190px--md,
    [maxh-190px*="md"] {
        max-height: 190px;
    }

    .minh-100vh--md,
    [minh-100vh*="md"] {
        min-height: 100vh;
    }

    .minh-100--md,
    [minh-100*="md"] {
        min-height: 100%;
    }

    .o-auto--md,
    [o-auto*="md"] {
        overflow: auto;
    }

    .o-hidden--md,
    [o-hidden*="md"] {
        overflow: hidden;
    }

    .p-0--md,
    [p-0*="md"] {
        padding: 0px;
    }

    .p-1--md,
    [p-1*="md"] {
        padding: var(--ita-spacings-1, 2px);
    }

    .p-2--md,
    [p-2*="md"] {
        padding: var(--ita-spacings-2, 4px);
    }

    .p-3--md,
    [p-3*="md"] {
        padding: var(--ita-spacings-3, 6px);
    }

    .p-4--md,
    [p-4*="md"] {
        padding: var(--ita-spacings-4, 8px);
    }

    .p-5--md,
    [p-5*="md"] {
        padding: var(--ita-spacings-5, 12px);
    }

    .p-6--md,
    [p-6*="md"] {
        padding: var(--ita-spacings-6, 14px);
    }

    .p-7--md,
    [p-7*="md"] {
        padding: var(--ita-spacings-7, 16px);
    }

    .p-8--md,
    [p-8*="md"] {
        padding: var(--ita-spacings-8, 18px);
    }

    .p-9--md,
    [p-9*="md"] {
        padding: var(--ita-spacings-9, 20px);
    }

    .p-10--md,
    [p-10*="md"] {
        padding: var(--ita-spacings-10, 24px);
    }

    .p-11--md,
    [p-11*="md"] {
        padding: var(--ita-spacings-11, 32px);
    }

    .p-12--md,
    [p-12*="md"] {
        padding: var(--ita-spacings-12, 36px);
    }

    .p-13--md,
    [p-13*="md"] {
        padding: var(--ita-spacings-13, 40px);
    }

    .p-14--md,
    [p-14*="md"] {
        padding: var(--ita-spacings-14, 44px);
    }

    .p-15--md,
    [p-15*="md"] {
        padding: var(--ita-spacings-15, 48px);
    }

    .p-16--md,
    [p-16*="md"] {
        padding: var(--ita-spacings-16, 54px);
    }

    .p-17--md,
    [p-17*="md"] {
        padding: var(--ita-spacings-17, 60px);
    }

    .pt-0--md,
    [pt-0*="md"] {
        padding-top: 0px;
    }

    .pt-1--md,
    [pt-1*="md"] {
        padding-top: var(--ita-spacings-1, 2px);
    }

    .pt-2--md,
    [pt-2*="md"] {
        padding-top: var(--ita-spacings-2, 4px);
    }

    .pt-3--md,
    [pt-3*="md"] {
        padding-top: var(--ita-spacings-3, 6px);
    }

    .pt-4--md,
    [pt-4*="md"] {
        padding-top: var(--ita-spacings-4, 8px);
    }

    .pt-5--md,
    [pt-5*="md"] {
        padding-top: var(--ita-spacings-5, 12px);
    }

    .pt-6--md,
    [pt-6*="md"] {
        padding-top: var(--ita-spacings-6, 14px);
    }

    .pt-7--md,
    [pt-7*="md"] {
        padding-top: var(--ita-spacings-7, 16px);
    }

    .pt-8--md,
    [pt-8*="md"] {
        padding-top: var(--ita-spacings-8, 18px);
    }

    .pt-9--md,
    [pt-9*="md"] {
        padding-top: var(--ita-spacings-9, 20px);
    }

    .pt-10--md,
    [pt-10*="md"] {
        padding-top: var(--ita-spacings-10, 24px);
    }

    .pt-11--md,
    [pt-11*="md"] {
        padding-top: var(--ita-spacings-11, 32px);
    }

    .pt-12--md,
    [pt-12*="md"] {
        padding-top: var(--ita-spacings-12, 36px);
    }

    .pt-13--md,
    [pt-13*="md"] {
        padding-top: var(--ita-spacings-13, 40px);
    }

    .pt-14--md,
    [pt-14*="md"] {
        padding-top: var(--ita-spacings-14, 44px);
    }

    .pt-15--md,
    [pt-15*="md"] {
        padding-top: var(--ita-spacings-15, 48px);
    }

    .pt-16--md,
    [pt-16*="md"] {
        padding-top: var(--ita-spacings-16, 54px);
    }

    .pt-17--md,
    [pt-17*="md"] {
        padding-top: var(--ita-spacings-17, 60px);
    }

    .pr-0--md,
    [pr-0*="md"] {
        padding-right: 0px;
    }

    .pr-1--md,
    [pr-1*="md"] {
        padding-right: var(--ita-spacings-1, 2px);
    }

    .pr-2--md,
    [pr-2*="md"] {
        padding-right: var(--ita-spacings-2, 4px);
    }

    .pr-3--md,
    [pr-3*="md"] {
        padding-right: var(--ita-spacings-3, 6px);
    }

    .pr-4--md,
    [pr-4*="md"] {
        padding-right: var(--ita-spacings-4, 8px);
    }

    .pr-5--md,
    [pr-5*="md"] {
        padding-right: var(--ita-spacings-5, 12px);
    }

    .pr-6--md,
    [pr-6*="md"] {
        padding-right: var(--ita-spacings-6, 14px);
    }

    .pr-7--md,
    [pr-7*="md"] {
        padding-right: var(--ita-spacings-7, 16px);
    }

    .pr-8--md,
    [pr-8*="md"] {
        padding-right: var(--ita-spacings-8, 18px);
    }

    .pr-9--md,
    [pr-9*="md"] {
        padding-right: var(--ita-spacings-9, 20px);
    }

    .pr-10--md,
    [pr-10*="md"] {
        padding-right: var(--ita-spacings-10, 24px);
    }

    .pr-11--md,
    [pr-11*="md"] {
        padding-right: var(--ita-spacings-11, 32px);
    }

    .pr-12--md,
    [pr-12*="md"] {
        padding-right: var(--ita-spacings-12, 36px);
    }

    .pr-13--md,
    [pr-13*="md"] {
        padding-right: var(--ita-spacings-13, 40px);
    }

    .pr-14--md,
    [pr-14*="md"] {
        padding-right: var(--ita-spacings-14, 44px);
    }

    .pr-15--md,
    [pr-15*="md"] {
        padding-right: var(--ita-spacings-15, 48px);
    }

    .pr-16--md,
    [pr-16*="md"] {
        padding-right: var(--ita-spacings-16, 54px);
    }

    .pr-17--md,
    [pr-17*="md"] {
        padding-right: var(--ita-spacings-17, 60px);
    }

    .pb-0--md,
    [pb-0*="md"] {
        padding-bottom: 0px;
    }

    .pb-1--md,
    [pb-1*="md"] {
        padding-bottom: var(--ita-spacings-1, 2px);
    }

    .pb-2--md,
    [pb-2*="md"] {
        padding-bottom: var(--ita-spacings-2, 4px);
    }

    .pb-3--md,
    [pb-3*="md"] {
        padding-bottom: var(--ita-spacings-3, 6px);
    }

    .pb-4--md,
    [pb-4*="md"] {
        padding-bottom: var(--ita-spacings-4, 8px);
    }

    .pb-5--md,
    [pb-5*="md"] {
        padding-bottom: var(--ita-spacings-5, 12px);
    }

    .pb-6--md,
    [pb-6*="md"] {
        padding-bottom: var(--ita-spacings-6, 14px);
    }

    .pb-7--md,
    [pb-7*="md"] {
        padding-bottom: var(--ita-spacings-7, 16px);
    }

    .pb-8--md,
    [pb-8*="md"] {
        padding-bottom: var(--ita-spacings-8, 18px);
    }

    .pb-9--md,
    [pb-9*="md"] {
        padding-bottom: var(--ita-spacings-9, 20px);
    }

    .pb-10--md,
    [pb-10*="md"] {
        padding-bottom: var(--ita-spacings-10, 24px);
    }

    .pb-11--md,
    [pb-11*="md"] {
        padding-bottom: var(--ita-spacings-11, 32px);
    }

    .pb-12--md,
    [pb-12*="md"] {
        padding-bottom: var(--ita-spacings-12, 36px);
    }

    .pb-13--md,
    [pb-13*="md"] {
        padding-bottom: var(--ita-spacings-13, 40px);
    }

    .pb-14--md,
    [pb-14*="md"] {
        padding-bottom: var(--ita-spacings-14, 44px);
    }

    .pb-15--md,
    [pb-15*="md"] {
        padding-bottom: var(--ita-spacings-15, 48px);
    }

    .pb-16--md,
    [pb-16*="md"] {
        padding-bottom: var(--ita-spacings-16, 54px);
    }

    .pb-17--md,
    [pb-17*="md"] {
        padding-bottom: var(--ita-spacings-17, 60px);
    }

    .pl-0--md,
    [pl-0*="md"] {
        padding-left: 0px;
    }

    .pl-1--md,
    [pl-1*="md"] {
        padding-left: var(--ita-spacings-1, 2px);
    }

    .pl-2--md,
    [pl-2*="md"] {
        padding-left: var(--ita-spacings-2, 4px);
    }

    .pl-3--md,
    [pl-3*="md"] {
        padding-left: var(--ita-spacings-3, 6px);
    }

    .pl-4--md,
    [pl-4*="md"] {
        padding-left: var(--ita-spacings-4, 8px);
    }

    .pl-5--md,
    [pl-5*="md"] {
        padding-left: var(--ita-spacings-5, 12px);
    }

    .pl-6--md,
    [pl-6*="md"] {
        padding-left: var(--ita-spacings-6, 14px);
    }

    .pl-7--md,
    [pl-7*="md"] {
        padding-left: var(--ita-spacings-7, 16px);
    }

    .pl-8--md,
    [pl-8*="md"] {
        padding-left: var(--ita-spacings-8, 18px);
    }

    .pl-9--md,
    [pl-9*="md"] {
        padding-left: var(--ita-spacings-9, 20px);
    }

    .pl-10--md,
    [pl-10*="md"] {
        padding-left: var(--ita-spacings-10, 24px);
    }

    .pl-11--md,
    [pl-11*="md"] {
        padding-left: var(--ita-spacings-11, 32px);
    }

    .pl-12--md,
    [pl-12*="md"] {
        padding-left: var(--ita-spacings-12, 36px);
    }

    .pl-13--md,
    [pl-13*="md"] {
        padding-left: var(--ita-spacings-13, 40px);
    }

    .pl-14--md,
    [pl-14*="md"] {
        padding-left: var(--ita-spacings-14, 44px);
    }

    .pl-15--md,
    [pl-15*="md"] {
        padding-left: var(--ita-spacings-15, 48px);
    }

    .pl-16--md,
    [pl-16*="md"] {
        padding-left: var(--ita-spacings-16, 54px);
    }

    .pl-17--md,
    [pl-17*="md"] {
        padding-left: var(--ita-spacings-17, 60px);
    }

    .m-0--md,
    [m-0*="md"] {
        margin: 0px;
    }

    .m-auto--md,
    [m-auto*="md"] {
        margin: auto;
    }

    .m-1--md,
    [m-1*="md"] {
        margin: var(--ita-spacings-1, 2px);
    }

    .m-2--md,
    [m-2*="md"] {
        margin: var(--ita-spacings-2, 4px);
    }

    .m-3--md,
    [m-3*="md"] {
        margin: var(--ita-spacings-3, 6px);
    }

    .m-4--md,
    [m-4*="md"] {
        margin: var(--ita-spacings-4, 8px);
    }

    .m-5--md,
    [m-5*="md"] {
        margin: var(--ita-spacings-5, 12px);
    }

    .m-6--md,
    [m-6*="md"] {
        margin: var(--ita-spacings-6, 14px);
    }

    .m-7--md,
    [m-7*="md"] {
        margin: var(--ita-spacings-7, 16px);
    }

    .m-8--md,
    [m-8*="md"] {
        margin: var(--ita-spacings-8, 18px);
    }

    .m-9--md,
    [m-9*="md"] {
        margin: var(--ita-spacings-9, 20px);
    }

    .m-10--md,
    [m-10*="md"] {
        margin: var(--ita-spacings-10, 24px);
    }

    .m-11--md,
    [m-11*="md"] {
        margin: var(--ita-spacings-11, 32px);
    }

    .m-12--md,
    [m-12*="md"] {
        margin: var(--ita-spacings-12, 36px);
    }

    .m-13--md,
    [m-13*="md"] {
        margin: var(--ita-spacings-13, 40px);
    }

    .m-14--md,
    [m-14*="md"] {
        margin: var(--ita-spacings-14, 44px);
    }

    .m-15--md,
    [m-15*="md"] {
        margin: var(--ita-spacings-15, 48px);
    }

    .m-16--md,
    [m-16*="md"] {
        margin: var(--ita-spacings-16, 54px);
    }

    .m-17--md,
    [m-17*="md"] {
        margin: var(--ita-spacings-17, 60px);
    }

    .mt-0--md,
    [mt-0*="md"] {
        margin-top: 0px;
    }

    .mt-1--md,
    [mt-1*="md"] {
        margin-top: var(--ita-spacings-1, 2px);
    }

    .mt-2--md,
    [mt-2*="md"] {
        margin-top: var(--ita-spacings-2, 4px);
    }

    .mt-3--md,
    [mt-3*="md"] {
        margin-top: var(--ita-spacings-3, 6px);
    }

    .mt-4--md,
    [mt-4*="md"] {
        margin-top: var(--ita-spacings-4, 8px);
    }

    .mt-5--md,
    [mt-5*="md"] {
        margin-top: var(--ita-spacings-5, 12px);
    }

    .mt-6--md,
    [mt-6*="md"] {
        margin-top: var(--ita-spacings-6, 14px);
    }

    .mt-7--md,
    [mt-7*="md"] {
        margin-top: var(--ita-spacings-7, 16px);
    }

    .mt-8--md,
    [mt-8*="md"] {
        margin-top: var(--ita-spacings-8, 18px);
    }

    .mt-9--md,
    [mt-9*="md"] {
        margin-top: var(--ita-spacings-9, 20px);
    }

    .mt-10--md,
    [mt-10*="md"] {
        margin-top: var(--ita-spacings-10, 24px);
    }

    .mt-11--md,
    [mt-11*="md"] {
        margin-top: var(--ita-spacings-11, 32px);
    }

    .mt-12--md,
    [mt-12*="md"] {
        margin-top: var(--ita-spacings-12, 36px);
    }

    .mt-13--md,
    [mt-13*="md"] {
        margin-top: var(--ita-spacings-13, 40px);
    }

    .mt-14--md,
    [mt-14*="md"] {
        margin-top: var(--ita-spacings-14, 44px);
    }

    .mt-15--md,
    [mt-15*="md"] {
        margin-top: var(--ita-spacings-15, 48px);
    }

    .mt-16--md,
    [mt-16*="md"] {
        margin-top: var(--ita-spacings-16, 54px);
    }

    .mt-17--md,
    [mt-17*="md"] {
        margin-top: var(--ita-spacings-17, 60px);
    }

    .mr-0--md,
    [mr-0*="md"] {
        margin-right: 0px;
    }

    .mr-auto--md,
    [mr-auto*="md"] {
        margin-right: auto;
    }

    .mr-1--md,
    [mr-1*="md"] {
        margin-right: var(--ita-spacings-1, 2px);
    }

    .mr-2--md,
    [mr-2*="md"] {
        margin-right: var(--ita-spacings-2, 4px);
    }

    .mr-3--md,
    [mr-3*="md"] {
        margin-right: var(--ita-spacings-3, 6px);
    }

    .mr-4--md,
    [mr-4*="md"] {
        margin-right: var(--ita-spacings-4, 8px);
    }

    .mr-5--md,
    [mr-5*="md"] {
        margin-right: var(--ita-spacings-5, 12px);
    }

    .mr-6--md,
    [mr-6*="md"] {
        margin-right: var(--ita-spacings-6, 14px);
    }

    .mr-7--md,
    [mr-7*="md"] {
        margin-right: var(--ita-spacings-7, 16px);
    }

    .mr-8--md,
    [mr-8*="md"] {
        margin-right: var(--ita-spacings-8, 18px);
    }

    .mr-9--md,
    [mr-9*="md"] {
        margin-right: var(--ita-spacings-9, 20px);
    }

    .mr-10--md,
    [mr-10*="md"] {
        margin-right: var(--ita-spacings-10, 24px);
    }

    .mr-11--md,
    [mr-11*="md"] {
        margin-right: var(--ita-spacings-11, 32px);
    }

    .mr-12--md,
    [mr-12*="md"] {
        margin-right: var(--ita-spacings-12, 36px);
    }

    .mr-13--md,
    [mr-13*="md"] {
        margin-right: var(--ita-spacings-13, 40px);
    }

    .mr-14--md,
    [mr-14*="md"] {
        margin-right: var(--ita-spacings-14, 44px);
    }

    .mr-15--md,
    [mr-15*="md"] {
        margin-right: var(--ita-spacings-15, 48px);
    }

    .mr-16--md,
    [mr-16*="md"] {
        margin-right: var(--ita-spacings-16, 54px);
    }

    .mr-17--md,
    [mr-17*="md"] {
        margin-right: var(--ita-spacings-17, 60px);
    }

    .mb-0--md,
    [mb-0*="md"] {
        margin-bottom: 0px;
    }

    .mb-1--md,
    [mb-1*="md"] {
        margin-bottom: var(--ita-spacings-1, 2px);
    }

    .mb-2--md,
    [mb-2*="md"] {
        margin-bottom: var(--ita-spacings-2, 4px);
    }

    .mb-3--md,
    [mb-3*="md"] {
        margin-bottom: var(--ita-spacings-3, 6px);
    }

    .mb-4--md,
    [mb-4*="md"] {
        margin-bottom: var(--ita-spacings-4, 8px);
    }

    .mb-5--md,
    [mb-5*="md"] {
        margin-bottom: var(--ita-spacings-5, 12px);
    }

    .mb-6--md,
    [mb-6*="md"] {
        margin-bottom: var(--ita-spacings-6, 14px);
    }

    .mb-7--md,
    [mb-7*="md"] {
        margin-bottom: var(--ita-spacings-7, 16px);
    }

    .mb-8--md,
    [mb-8*="md"] {
        margin-bottom: var(--ita-spacings-8, 18px);
    }

    .mb-9--md,
    [mb-9*="md"] {
        margin-bottom: var(--ita-spacings-9, 20px);
    }

    .mb-10--md,
    [mb-10*="md"] {
        margin-bottom: var(--ita-spacings-10, 24px);
    }

    .mb-11--md,
    [mb-11*="md"] {
        margin-bottom: var(--ita-spacings-11, 32px);
    }

    .mb-12--md,
    [mb-12*="md"] {
        margin-bottom: var(--ita-spacings-12, 36px);
    }

    .mb-13--md,
    [mb-13*="md"] {
        margin-bottom: var(--ita-spacings-13, 40px);
    }

    .mb-14--md,
    [mb-14*="md"] {
        margin-bottom: var(--ita-spacings-14, 44px);
    }

    .mb-15--md,
    [mb-15*="md"] {
        margin-bottom: var(--ita-spacings-15, 48px);
    }

    .mb-16--md,
    [mb-16*="md"] {
        margin-bottom: var(--ita-spacings-16, 54px);
    }

    .mb-17--md,
    [mb-17*="md"] {
        margin-bottom: var(--ita-spacings-17, 60px);
    }

    .ml-0--md,
    [ml-0*="md"] {
        margin-left: 0px;
    }

    .ml-auto--md,
    [ml-auto*="md"] {
        margin-left: auto;
    }

    .ml-1--md,
    [ml-1*="md"] {
        margin-left: var(--ita-spacings-1, 2px);
    }

    .ml-2--md,
    [ml-2*="md"] {
        margin-left: var(--ita-spacings-2, 4px);
    }

    .ml-3--md,
    [ml-3*="md"] {
        margin-left: var(--ita-spacings-3, 6px);
    }

    .ml-4--md,
    [ml-4*="md"] {
        margin-left: var(--ita-spacings-4, 8px);
    }

    .ml-5--md,
    [ml-5*="md"] {
        margin-left: var(--ita-spacings-5, 12px);
    }

    .ml-6--md,
    [ml-6*="md"] {
        margin-left: var(--ita-spacings-6, 14px);
    }

    .ml-7--md,
    [ml-7*="md"] {
        margin-left: var(--ita-spacings-7, 16px);
    }

    .ml-8--md,
    [ml-8*="md"] {
        margin-left: var(--ita-spacings-8, 18px);
    }

    .ml-9--md,
    [ml-9*="md"] {
        margin-left: var(--ita-spacings-9, 20px);
    }

    .ml-10--md,
    [ml-10*="md"] {
        margin-left: var(--ita-spacings-10, 24px);
    }

    .ml-11--md,
    [ml-11*="md"] {
        margin-left: var(--ita-spacings-11, 32px);
    }

    .ml-12--md,
    [ml-12*="md"] {
        margin-left: var(--ita-spacings-12, 36px);
    }

    .ml-13--md,
    [ml-13*="md"] {
        margin-left: var(--ita-spacings-13, 40px);
    }

    .ml-14--md,
    [ml-14*="md"] {
        margin-left: var(--ita-spacings-14, 44px);
    }

    .ml-15--md,
    [ml-15*="md"] {
        margin-left: var(--ita-spacings-15, 48px);
    }

    .ml-16--md,
    [ml-16*="md"] {
        margin-left: var(--ita-spacings-16, 54px);
    }

    .ml-17--md,
    [ml-17*="md"] {
        margin-left: var(--ita-spacings-17, 60px);
    }

    .ff-1-1--md,
    [ff-1-1*="md"] {
        font-family: var(--ita-fontFamilies-1-1, TYPO_1_1, sans-serif);
    }

    .ff-1-2--md,
    [ff-1-2*="md"] {
        font-family: var(--ita-fontFamilies-1-2, TYPO_1_2, sans-serif);
    }

    .ff-2-1--md,
    [ff-2-1*="md"] {
        font-family: var(--ita-fontFamilies-2-1, TYPO_2_1, sans-serif);
    }

    .ff-2-2--md,
    [ff-2-2*="md"] {
        font-family: var(--ita-fontFamilies-2-2, TYPO_2_2, sans-serif);
    }

    .fs-1--md,
    [fs-1*="md"] {
        font-size: var(--ita-fontSizes-1, 10px);
    }

    .fs-2--md,
    [fs-2*="md"] {
        font-size: var(--ita-fontSizes-2, 11px);
    }

    .fs-3--md,
    [fs-3*="md"] {
        font-size: var(--ita-fontSizes-3, 12px);
    }

    .fs-4--md,
    [fs-4*="md"] {
        font-size: var(--ita-fontSizes-4, 14px);
    }

    .fs-5--md,
    [fs-5*="md"] {
        font-size: var(--ita-fontSizes-5, 16px);
    }

    .fs-6--md,
    [fs-6*="md"] {
        font-size: var(--ita-fontSizes-6, 18px);
    }

    .fs-7--md,
    [fs-7*="md"] {
        font-size: var(--ita-fontSizes-7, 20px);
    }

    .fs-8--md,
    [fs-8*="md"] {
        font-size: var(--ita-fontSizes-8, 24px);
    }

    .fs-9--md,
    [fs-9*="md"] {
        font-size: var(--ita-fontSizes-9, 28px);
    }

    .fs-10--md,
    [fs-10*="md"] {
        font-size: var(--ita-fontSizes-10, 32px);
    }

    .fs-11--md,
    [fs-11*="md"] {
        font-size: var(--ita-fontSizes-11, 36px);
    }

    .fs-12--md,
    [fs-12*="md"] {
        font-size: var(--ita-fontSizes-12, 42px);
    }

    .fs-13--md,
    [fs-13*="md"] {
        font-size: var(--ita-fontSizes-13, 54px);
    }

    .ta-left--md,
    [ta-left*="md"] {
        text-align: left;
    }

    .ta-center--md,
    [ta-center*="md"] {
        text-align: center;
    }

    .ta-right--md,
    [ta-right*="md"] {
        text-align: right;
    }

    .c-current--md,
    [c-current*="md"] {
        color: currentColor;
    }

    .c-black--md,
    [c-black*="md"] {
        color: var(--ita-colors-black, #000000);
    }

    .c-soft-black--md,
    [c-soft-black*="md"] {
        color: var(--ita-colors-soft-black, #22242C);
    }

    .c-dark-grey--md,
    [c-dark-grey*="md"] {
        color: var(--ita-colors-dark-grey, #515A76);
    }

    .c-medium-grey--md,
    [c-medium-grey*="md"] {
        color: var(--ita-colors-medium-grey, #838CAA);
    }

    .c-light-grey--md,
    [c-light-grey*="md"] {
        color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .c-soft-grey--md,
    [c-soft-grey*="md"] {
        color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .c-ultra-light-grey--md,
    [c-ultra-light-grey*="md"] {
        color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .c-off-white--md,
    [c-off-white*="md"] {
        color: var(--ita-colors-off-white, #F8F9FC);
    }

    .c-white--md,
    [c-white*="md"] {
        color: var(--ita-colors-white, #FFFFFF);
    }

    .c-black-50--md,
    [c-black-50*="md"] {
        color: var(--ita-colors-black-50, #00000080);
    }

    .c-light-grey-30--md,
    [c-light-grey-30*="md"] {
        color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .c-white-50--md,
    [c-white-50*="md"] {
        color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .c-white-30--md,
    [c-white-30*="md"] {
        color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .c-brand-primary--md,
    [c-brand-primary*="md"] {
        color: var(--ita-colors-brand-primary, #021735);
    }

    .c-indigo--md,
    [c-indigo*="md"] {
        color: var(--ita-colors-indigo, #06234C);
    }

    .c-brand-accent--md,
    [c-brand-accent*="md"] {
        color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .c-soft-green--md,
    [c-soft-green*="md"] {
        color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .c-blue--md,
    [c-blue*="md"] {
        color: var(--ita-colors-blue, #00ABFF);
    }

    .c-light-blue--md,
    [c-light-blue*="md"] {
        color: var(--ita-colors-light-blue, #00C2FF);
    }

    .c-soft-blue--md,
    [c-soft-blue*="md"] {
        color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .c-clear-blue--md,
    [c-clear-blue*="md"] {
        color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .c-yellow--md,
    [c-yellow*="md"] {
        color: var(--ita-colors-yellow, #FFD752);
    }

    .c-soft-yellow--md,
    [c-soft-yellow*="md"] {
        color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .c-peach--md,
    [c-peach*="md"] {
        color: var(--ita-colors-peach, #F3E3DD);
    }

    .c-ultra-light-peach--md,
    [c-ultra-light-peach*="md"] {
        color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .c-light-purple--md,
    [c-light-purple*="md"] {
        color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .c-soft-purple--md,
    [c-soft-purple*="md"] {
        color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .c-ultra-light-purple--md,
    [c-ultra-light-purple*="md"] {
        color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .c-brand-accent-20--md,
    [c-brand-accent-20*="md"] {
        color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .c-yellow-10--md,
    [c-yellow-10*="md"] {
        color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bc-0--md,
    [bc-0*="md"] {
        background-color: transparent;
    }

    .bc-black--md,
    [bc-black*="md"] {
        background-color: var(--ita-colors-black, #000000);
    }

    .bc-soft-black--md,
    [bc-soft-black*="md"] {
        background-color: var(--ita-colors-soft-black, #22242C);
    }

    .bc-dark-grey--md,
    [bc-dark-grey*="md"] {
        background-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bc-medium-grey--md,
    [bc-medium-grey*="md"] {
        background-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bc-light-grey--md,
    [bc-light-grey*="md"] {
        background-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bc-soft-grey--md,
    [bc-soft-grey*="md"] {
        background-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bc-ultra-light-grey--md,
    [bc-ultra-light-grey*="md"] {
        background-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bc-off-white--md,
    [bc-off-white*="md"] {
        background-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bc-white--md,
    [bc-white*="md"] {
        background-color: var(--ita-colors-white, #FFFFFF);
    }

    .bc-black-50--md,
    [bc-black-50*="md"] {
        background-color: var(--ita-colors-black-50, #00000080);
    }

    .bc-light-grey-30--md,
    [bc-light-grey-30*="md"] {
        background-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bc-white-50--md,
    [bc-white-50*="md"] {
        background-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bc-white-30--md,
    [bc-white-30*="md"] {
        background-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bc-brand-primary--md,
    [bc-brand-primary*="md"] {
        background-color: var(--ita-colors-brand-primary, #021735);
    }

    .bc-indigo--md,
    [bc-indigo*="md"] {
        background-color: var(--ita-colors-indigo, #06234C);
    }

    .bc-brand-accent--md,
    [bc-brand-accent*="md"] {
        background-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bc-soft-green--md,
    [bc-soft-green*="md"] {
        background-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bc-blue--md,
    [bc-blue*="md"] {
        background-color: var(--ita-colors-blue, #00ABFF);
    }

    .bc-light-blue--md,
    [bc-light-blue*="md"] {
        background-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bc-soft-blue--md,
    [bc-soft-blue*="md"] {
        background-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bc-clear-blue--md,
    [bc-clear-blue*="md"] {
        background-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bc-yellow--md,
    [bc-yellow*="md"] {
        background-color: var(--ita-colors-yellow, #FFD752);
    }

    .bc-soft-yellow--md,
    [bc-soft-yellow*="md"] {
        background-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bc-peach--md,
    [bc-peach*="md"] {
        background-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bc-ultra-light-peach--md,
    [bc-ultra-light-peach*="md"] {
        background-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bc-light-purple--md,
    [bc-light-purple*="md"] {
        background-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bc-soft-purple--md,
    [bc-soft-purple*="md"] {
        background-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bc-ultra-light-purple--md,
    [bc-ultra-light-purple*="md"] {
        background-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bc-brand-accent-20--md,
    [bc-brand-accent-20*="md"] {
        background-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bc-yellow-10--md,
    [bc-yellow-10*="md"] {
        background-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .b-0--md,
    [b-0*="md"] {
        border: none;
    }

    .bcolor-0--md,
    [bcolor-0*="md"] {
        border-color: none;
    }

    .bcolor-transparent--md,
    [bcolor-transparent*="md"] {
        border-color: transparent;
    }

    .bcolor-black--md,
    [bcolor-black*="md"] {
        border-color: var(--ita-colors-black, #000000);
    }

    .bcolor-soft-black--md,
    [bcolor-soft-black*="md"] {
        border-color: var(--ita-colors-soft-black, #22242C);
    }

    .bcolor-dark-grey--md,
    [bcolor-dark-grey*="md"] {
        border-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bcolor-medium-grey--md,
    [bcolor-medium-grey*="md"] {
        border-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bcolor-light-grey--md,
    [bcolor-light-grey*="md"] {
        border-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bcolor-soft-grey--md,
    [bcolor-soft-grey*="md"] {
        border-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bcolor-ultra-light-grey--md,
    [bcolor-ultra-light-grey*="md"] {
        border-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bcolor-off-white--md,
    [bcolor-off-white*="md"] {
        border-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bcolor-white--md,
    [bcolor-white*="md"] {
        border-color: var(--ita-colors-white, #FFFFFF);
    }

    .bcolor-black-50--md,
    [bcolor-black-50*="md"] {
        border-color: var(--ita-colors-black-50, #00000080);
    }

    .bcolor-light-grey-30--md,
    [bcolor-light-grey-30*="md"] {
        border-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bcolor-white-50--md,
    [bcolor-white-50*="md"] {
        border-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bcolor-white-30--md,
    [bcolor-white-30*="md"] {
        border-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bcolor-brand-primary--md,
    [bcolor-brand-primary*="md"] {
        border-color: var(--ita-colors-brand-primary, #021735);
    }

    .bcolor-indigo--md,
    [bcolor-indigo*="md"] {
        border-color: var(--ita-colors-indigo, #06234C);
    }

    .bcolor-brand-accent--md,
    [bcolor-brand-accent*="md"] {
        border-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bcolor-soft-green--md,
    [bcolor-soft-green*="md"] {
        border-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bcolor-blue--md,
    [bcolor-blue*="md"] {
        border-color: var(--ita-colors-blue, #00ABFF);
    }

    .bcolor-light-blue--md,
    [bcolor-light-blue*="md"] {
        border-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bcolor-soft-blue--md,
    [bcolor-soft-blue*="md"] {
        border-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bcolor-clear-blue--md,
    [bcolor-clear-blue*="md"] {
        border-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bcolor-yellow--md,
    [bcolor-yellow*="md"] {
        border-color: var(--ita-colors-yellow, #FFD752);
    }

    .bcolor-soft-yellow--md,
    [bcolor-soft-yellow*="md"] {
        border-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bcolor-peach--md,
    [bcolor-peach*="md"] {
        border-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bcolor-ultra-light-peach--md,
    [bcolor-ultra-light-peach*="md"] {
        border-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bcolor-light-purple--md,
    [bcolor-light-purple*="md"] {
        border-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bcolor-soft-purple--md,
    [bcolor-soft-purple*="md"] {
        border-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bcolor-ultra-light-purple--md,
    [bcolor-ultra-light-purple*="md"] {
        border-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bcolor-brand-accent-20--md,
    [bcolor-brand-accent-20*="md"] {
        border-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bcolor-yellow-10--md,
    [bcolor-yellow-10*="md"] {
        border-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bt-0--md,
    [bt-0*="md"] {
        border-top: none;
    }

    .br-0--md,
    [br-0*="md"] {
        border-right: none;
    }

    .bb-0--md,
    [bb-0*="md"] {
        border-bottom: none;
    }

    .bl-0--md,
    [bl-0*="md"] {
        border-left: none;
    }

    .bwidth-0--md,
    [bwidth-0*="md"] {
        border-width: 0px;
    }

    .bwidth-1--md,
    [bwidth-1*="md"] {
        border-width: 1px;
    }

    .bwidth-2--md,
    [bwidth-2*="md"] {
        border-width: 2px;
    }

    .bwidth-3--md,
    [bwidth-3*="md"] {
        border-width: 3px;
    }

    .btwidth-0--md,
    [btwidth-0*="md"] {
        border-top-width: 0px;
    }

    .btwidth-1--md,
    [btwidth-1*="md"] {
        border-top-width: 1px;
    }

    .btwidth-2--md,
    [btwidth-2*="md"] {
        border-top-width: 2px;
    }

    .btwidth-3--md,
    [btwidth-3*="md"] {
        border-top-width: 3px;
    }

    .brwidth-0--md,
    [brwidth-0*="md"] {
        border-right-width: 0px;
    }

    .brwidth-1--md,
    [brwidth-1*="md"] {
        border-right-width: 1px;
    }

    .brwidth-2--md,
    [brwidth-2*="md"] {
        border-right-width: 2px;
    }

    .brwidth-3--md,
    [brwidth-3*="md"] {
        border-right-width: 3px;
    }

    .bbwidth-0--md,
    [bbwidth-0*="md"] {
        border-bottom-width: 0px;
    }

    .bbwidth-1--md,
    [bbwidth-1*="md"] {
        border-bottom-width: 1px;
    }

    .bbwidth-2--md,
    [bbwidth-2*="md"] {
        border-bottom-width: 2px;
    }

    .bbwidth-3--md,
    [bbwidth-3*="md"] {
        border-bottom-width: 3px;
    }

    .blwidth-0--md,
    [blwidth-0*="md"] {
        border-left-width: 0px;
    }

    .blwidth-1--md,
    [blwidth-1*="md"] {
        border-left-width: 1px;
    }

    .blwidth-2--md,
    [blwidth-2*="md"] {
        border-left-width: 2px;
    }

    .blwidth-3--md,
    [blwidth-3*="md"] {
        border-left-width: 3px;
    }

    .bstyle-solid--md,
    [bstyle-solid*="md"] {
        border-style: solid;
    }

    .bstyle-dashed--md,
    [bstyle-dashed*="md"] {
        border-style: dashed;
    }

    .bstyle-dotted--md,
    [bstyle-dotted*="md"] {
        border-style: dotted;
    }

    .bstyle-none--md,
    [bstyle-none*="md"] {
        border-style: none;
    }
}

/*END @media md*/


/*START @media lg*/
@media (min-width: 1200px) and (max-width: 1439px) {

    .d-flex--lg,
    [d-flex*="lg"] {
        display: flex;
    }

    .u-d-flex--lg,
    [u-d-flex*="lg"] {
        display: flex !important;
    }

    .d-inline-flex--lg,
    [d-inline-flex*="lg"] {
        display: inline-flex;
    }

    .u-d-inline-flex--lg,
    [u-d-inline-flex*="lg"] {
        display: inline-flex !important;
    }

    .d-none--lg,
    [d-none*="lg"] {
        display: none;
    }

    .u-d-none--lg,
    [u-d-none*="lg"] {
        display: none !important;
    }

    .ai-baseline--lg,
    [ai-baseline*="lg"] {
        align-items: baseline;
    }

    .ai-center--lg,
    [ai-center*="lg"] {
        align-items: center;
    }

    .ai-start--lg,
    [ai-start*="lg"] {
        align-items: flex-start;
    }

    .ai-end--lg,
    [ai-end*="lg"] {
        align-items: flex-end;
    }

    .jc-center--lg,
    [jc-center*="lg"] {
        justify-content: center;
    }

    .jc-space-between--lg,
    [jc-space-between*="lg"] {
        justify-content: space-between;
    }

    .jc-space-around--lg,
    [jc-space-around*="lg"] {
        justify-content: space-around;
    }

    .jc-start--lg,
    [jc-start*="lg"] {
        justify-content: flex-start;
    }

    .jc-end--lg,
    [jc-end*="lg"] {
        justify-content: flex-end;
    }

    .fd-column--lg,
    [fd-column*="lg"] {
        flex-direction: column;
    }

    .fw-wrap--lg,
    [fw-wrap*="lg"] {
        flex-wrap: wrap;
    }

    .order--1--lg,
    [order--1*="lg"] {
        order: -1;
    }

    .order-1--lg,
    [order-1*="lg"] {
        order: 1;
    }

    .of-contain--lg,
    [of-contain*="lg"] {
        object-fit: contain;
    }

    .of-cover--lg,
    [of-cover*="lg"] {
        object-fit: cover;
    }

    .pos-relative--lg,
    [pos-relative*="lg"] {
        position: relative;
    }

    .pos-absolute--lg,
    [pos-absolute*="lg"] {
        position: absolute;
    }

    .pos-fixed--lg,
    [pos-fixed*="lg"] {
        position: fixed;
    }

    .pos-sticky--lg,
    [pos-sticky*="lg"] {
        position: sticky;
    }

    .top-0--lg,
    [top-0*="lg"] {
        top: 0%;
    }

    .top-50--lg,
    [top-50*="lg"] {
        top: 50%;
    }

    .top-100--lg,
    [top-100*="lg"] {
        top: 100%;
    }

    .right-0--lg,
    [right-0*="lg"] {
        right: 0%;
    }

    .right-50--lg,
    [right-50*="lg"] {
        right: 50%;
    }

    .right-100--lg,
    [right-100*="lg"] {
        right: 100%;
    }

    .bottom-0--lg,
    [bottom-0*="lg"] {
        bottom: 0%;
    }

    .bottom-50--lg,
    [bottom-50*="lg"] {
        bottom: 50%;
    }

    .bottom-100--lg,
    [bottom-100*="lg"] {
        bottom: 100%;
    }

    .left-0--lg,
    [left-0*="lg"] {
        left: 0%;
    }

    .left-50--lg,
    [left-50*="lg"] {
        left: 50%;
    }

    .left-100--lg,
    [left-100*="lg"] {
        left: 100%;
    }

    .z-1--lg,
    [z-1*="lg"] {
        z-index: 1;
    }

    .z-2--lg,
    [z-2*="lg"] {
        z-index: 2;
    }

    .z-3--lg,
    [z-3*="lg"] {
        z-index: 3;
    }

    .z-4--lg,
    [z-4*="lg"] {
        z-index: 4;
    }

    .z-5--lg,
    [z-5*="lg"] {
        z-index: 5;
    }

    .z-6--lg,
    [z-6*="lg"] {
        z-index: 6;
    }

    .z-7--lg,
    [z-7*="lg"] {
        z-index: 7;
    }

    .z-8--lg,
    [z-8*="lg"] {
        z-index: 8;
    }

    .z-9--lg,
    [z-9*="lg"] {
        z-index: 9;
    }

    .z-100--lg,
    [z-100*="lg"] {
        z-index: 100;
    }

    .z-200--lg,
    [z-200*="lg"] {
        z-index: 200;
    }

    .z-300--lg,
    [z-300*="lg"] {
        z-index: 300;
    }

    .z-400--lg,
    [z-400*="lg"] {
        z-index: 400;
    }

    .z-500--lg,
    [z-500*="lg"] {
        z-index: 500;
    }

    .z-600--lg,
    [z-600*="lg"] {
        z-index: 600;
    }

    .z-700--lg,
    [z-700*="lg"] {
        z-index: 700;
    }

    .z-800--lg,
    [z-800*="lg"] {
        z-index: 800;
    }

    .z-900--lg,
    [z-900*="lg"] {
        z-index: 900;
    }

    .t-tX-50--lg,
    [t-tX-50*="lg"] {
        --dsg-tX: -50%;
    }

    .t-tX50--lg,
    [t-tX50*="lg"] {
        --dsg-tX: 50%;
    }

    .t-tX-100--lg,
    [t-tX-100*="lg"] {
        --dsg-tX: -100%;
    }

    .t-tX100--lg,
    [t-tX100*="lg"] {
        --dsg-tX: 100%;
    }

    .t-tY-50--lg,
    [t-tY-50*="lg"] {
        --dsg-tY: -50%;
    }

    .t-tY50--lg,
    [t-tY50*="lg"] {
        --dsg-tY: 50%;
    }

    .t-tY-100--lg,
    [t-tY-100*="lg"] {
        --dsg-tY: -100%;
    }

    .t-tY100--lg,
    [t-tY100*="lg"] {
        --dsg-tY: 100%;
    }

    .t-tX-50--lg,
    [t-tX-50*="lg"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX50--lg,
    [t-tX50*="lg"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX-100--lg,
    [t-tX-100*="lg"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX100--lg,
    [t-tX100*="lg"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-50--lg,
    [t-tY-50*="lg"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY50--lg,
    [t-tY50*="lg"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-100--lg,
    [t-tY-100*="lg"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY100--lg,
    [t-tY100*="lg"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .rotate-90--lg,
    [rotate-90*="lg"] {
        rotate: 90deg;
    }

    .rotate-180--lg,
    [rotate-180*="lg"] {
        rotate: 180deg;
    }

    .rotate-270--lg,
    [rotate-270*="lg"] {
        rotate: 270deg;
    }

    .ar-widescreen--lg,
    [ar-widescreen*="lg"] {
        aspect-ratio: 16/9;
    }

    .ar-anamorphic--lg,
    [ar-anamorphic*="lg"] {
        aspect-ratio: 2.35;
    }

    .ar-portrait--lg,
    [ar-portrait*="lg"] {
        aspect-ratio: 5/7;
    }

    .ar-dslr--lg,
    [ar-dslr*="lg"] {
        aspect-ratio: 3/2;
    }

    .ar-square--lg,
    [ar-square*="lg"] {
        aspect-ratio: 1;
    }

    .gap-0px--lg,
    [gap-0px*="lg"] {
        gap: 0px;
    }

    .gap-1--lg,
    [gap-1*="lg"] {
        gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--lg,
    [gap-2*="lg"] {
        gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--lg,
    [gap-3*="lg"] {
        gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--lg,
    [gap-4*="lg"] {
        gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--lg,
    [gap-5*="lg"] {
        gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--lg,
    [gap-6*="lg"] {
        gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--lg,
    [gap-7*="lg"] {
        gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--lg,
    [gap-8*="lg"] {
        gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--lg,
    [gap-9*="lg"] {
        gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--lg,
    [gap-10*="lg"] {
        gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--lg,
    [gap-11*="lg"] {
        gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--lg,
    [gap-12*="lg"] {
        gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--lg,
    [gap-13*="lg"] {
        gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--lg,
    [gap-14*="lg"] {
        gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--lg,
    [gap-15*="lg"] {
        gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--lg,
    [gap-16*="lg"] {
        gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--lg,
    [gap-17*="lg"] {
        gap: var(--ita-spacings-17, 60px);
    }

    .rgap-0px--lg,
    [rgap-0px*="lg"] {
        row-gap: 0px;
    }

    .rgap-1--lg,
    [rgap-1*="lg"] {
        row-gap: var(--ita-spacings-1, 2px);
    }

    .rgap-2--lg,
    [rgap-2*="lg"] {
        row-gap: var(--ita-spacings-2, 4px);
    }

    .rgap-3--lg,
    [rgap-3*="lg"] {
        row-gap: var(--ita-spacings-3, 6px);
    }

    .rgap-4--lg,
    [rgap-4*="lg"] {
        row-gap: var(--ita-spacings-4, 8px);
    }

    .rgap-5--lg,
    [rgap-5*="lg"] {
        row-gap: var(--ita-spacings-5, 12px);
    }

    .rgap-6--lg,
    [rgap-6*="lg"] {
        row-gap: var(--ita-spacings-6, 14px);
    }

    .rgap-7--lg,
    [rgap-7*="lg"] {
        row-gap: var(--ita-spacings-7, 16px);
    }

    .rgap-8--lg,
    [rgap-8*="lg"] {
        row-gap: var(--ita-spacings-8, 18px);
    }

    .rgap-9--lg,
    [rgap-9*="lg"] {
        row-gap: var(--ita-spacings-9, 20px);
    }

    .rgap-10--lg,
    [rgap-10*="lg"] {
        row-gap: var(--ita-spacings-10, 24px);
    }

    .rgap-11--lg,
    [rgap-11*="lg"] {
        row-gap: var(--ita-spacings-11, 32px);
    }

    .rgap-12--lg,
    [rgap-12*="lg"] {
        row-gap: var(--ita-spacings-12, 36px);
    }

    .rgap-13--lg,
    [rgap-13*="lg"] {
        row-gap: var(--ita-spacings-13, 40px);
    }

    .rgap-14--lg,
    [rgap-14*="lg"] {
        row-gap: var(--ita-spacings-14, 44px);
    }

    .rgap-15--lg,
    [rgap-15*="lg"] {
        row-gap: var(--ita-spacings-15, 48px);
    }

    .rgap-16--lg,
    [rgap-16*="lg"] {
        row-gap: var(--ita-spacings-16, 54px);
    }

    .rgap-17--lg,
    [rgap-17*="lg"] {
        row-gap: var(--ita-spacings-17, 60px);
    }

    .gap-0px--lg,
    [gap-0px*="lg"] {
        --dsg-gap: 0px;
    }

    .gap-1px--lg,
    [gap-1px*="lg"] {
        --dsg-gap: 1px;
    }

    .gap-1--lg,
    [gap-1*="lg"] {
        --dsg-gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--lg,
    [gap-2*="lg"] {
        --dsg-gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--lg,
    [gap-3*="lg"] {
        --dsg-gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--lg,
    [gap-4*="lg"] {
        --dsg-gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--lg,
    [gap-5*="lg"] {
        --dsg-gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--lg,
    [gap-6*="lg"] {
        --dsg-gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--lg,
    [gap-7*="lg"] {
        --dsg-gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--lg,
    [gap-8*="lg"] {
        --dsg-gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--lg,
    [gap-9*="lg"] {
        --dsg-gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--lg,
    [gap-10*="lg"] {
        --dsg-gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--lg,
    [gap-11*="lg"] {
        --dsg-gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--lg,
    [gap-12*="lg"] {
        --dsg-gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--lg,
    [gap-13*="lg"] {
        --dsg-gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--lg,
    [gap-14*="lg"] {
        --dsg-gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--lg,
    [gap-15*="lg"] {
        --dsg-gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--lg,
    [gap-16*="lg"] {
        --dsg-gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--lg,
    [gap-17*="lg"] {
        --dsg-gap: var(--ita-spacings-17, 60px);
    }

    .fg-1--lg,
    [fg-1*="lg"] {
        flex-grow: 1;
    }

    .w-100--lg,
    [w-100*="lg"] {
        width: 100%;
    }

    .w-auto--lg,
    [w-auto*="lg"] {
        width: auto;
    }

    .w-100vw--lg,
    [w-100vw*="lg"] {
        width: 100vw;
    }

    .w-1035px--lg,
    [w-1035px*="lg"] {
        width: 1035px;
    }

    .w-1t--lg,
    [w-1t*="lg"] {
        --twelves: 1;
    }

    .w-2t--lg,
    [w-2t*="lg"] {
        --twelves: 2;
    }

    .w-3t--lg,
    [w-3t*="lg"] {
        --twelves: 3;
    }

    .w-4t--lg,
    [w-4t*="lg"] {
        --twelves: 4;
    }

    .w-5t--lg,
    [w-5t*="lg"] {
        --twelves: 5;
    }

    .w-6t--lg,
    [w-6t*="lg"] {
        --twelves: 6;
    }

    .w-7t--lg,
    [w-7t*="lg"] {
        --twelves: 7;
    }

    .w-8t--lg,
    [w-8t*="lg"] {
        --twelves: 8;
    }

    .w-9t--lg,
    [w-9t*="lg"] {
        --twelves: 9;
    }

    .w-10t--lg,
    [w-10t*="lg"] {
        --twelves: 10;
    }

    .w-11t--lg,
    [w-11t*="lg"] {
        --twelves: 11;
    }

    .w-12t--lg,
    [w-12t*="lg"] {
        --twelves: 12;
    }

    .maxw-100--lg,
    [maxw-100*="lg"] {
        max-width: 100%;
    }

    .maxw-280px--lg,
    [maxw-280px*="lg"] {
        max-width: 280px;
    }

    .maxw-100vw--lg,
    [maxw-100vw*="lg"] {
        max-width: 100vw;
    }

    .maxw-1488px--lg,
    [maxw-1488px*="lg"] {
        max-width: 1488px;
    }

    .minw-280px--lg,
    [minw-280px*="lg"] {
        min-width: 280px;
    }

    .minw-100--lg,
    [minw-100*="lg"] {
        min-width: 100%;
    }

    .h-100--lg,
    [h-100*="lg"] {
        height: 100%;
    }

    .h-auto--lg,
    [h-auto*="lg"] {
        height: auto;
    }

    .h-100vh--lg,
    [h-100vh*="lg"] {
        height: 100vh;
    }

    .h-100vh-64px--lg,
    [h-100vh-64px*="lg"] {
        height: calc(100vh - 64px);
    }

    .maxh-100--lg,
    [maxh-100*="lg"] {
        max-height: 100%;
    }

    .maxh-100vh--lg,
    [maxh-100vh*="lg"] {
        max-height: 100vh;
    }

    .maxh-80vh--lg,
    [maxh-80vh*="lg"] {
        max-height: 80vh;
    }

    .maxh-50vh--lg,
    [maxh-50vh*="lg"] {
        max-height: 50vh;
    }

    .maxh-190px--lg,
    [maxh-190px*="lg"] {
        max-height: 190px;
    }

    .minh-100vh--lg,
    [minh-100vh*="lg"] {
        min-height: 100vh;
    }

    .minh-100--lg,
    [minh-100*="lg"] {
        min-height: 100%;
    }

    .o-auto--lg,
    [o-auto*="lg"] {
        overflow: auto;
    }

    .o-hidden--lg,
    [o-hidden*="lg"] {
        overflow: hidden;
    }

    .p-0--lg,
    [p-0*="lg"] {
        padding: 0px;
    }

    .p-1--lg,
    [p-1*="lg"] {
        padding: var(--ita-spacings-1, 2px);
    }

    .p-2--lg,
    [p-2*="lg"] {
        padding: var(--ita-spacings-2, 4px);
    }

    .p-3--lg,
    [p-3*="lg"] {
        padding: var(--ita-spacings-3, 6px);
    }

    .p-4--lg,
    [p-4*="lg"] {
        padding: var(--ita-spacings-4, 8px);
    }

    .p-5--lg,
    [p-5*="lg"] {
        padding: var(--ita-spacings-5, 12px);
    }

    .p-6--lg,
    [p-6*="lg"] {
        padding: var(--ita-spacings-6, 14px);
    }

    .p-7--lg,
    [p-7*="lg"] {
        padding: var(--ita-spacings-7, 16px);
    }

    .p-8--lg,
    [p-8*="lg"] {
        padding: var(--ita-spacings-8, 18px);
    }

    .p-9--lg,
    [p-9*="lg"] {
        padding: var(--ita-spacings-9, 20px);
    }

    .p-10--lg,
    [p-10*="lg"] {
        padding: var(--ita-spacings-10, 24px);
    }

    .p-11--lg,
    [p-11*="lg"] {
        padding: var(--ita-spacings-11, 32px);
    }

    .p-12--lg,
    [p-12*="lg"] {
        padding: var(--ita-spacings-12, 36px);
    }

    .p-13--lg,
    [p-13*="lg"] {
        padding: var(--ita-spacings-13, 40px);
    }

    .p-14--lg,
    [p-14*="lg"] {
        padding: var(--ita-spacings-14, 44px);
    }

    .p-15--lg,
    [p-15*="lg"] {
        padding: var(--ita-spacings-15, 48px);
    }

    .p-16--lg,
    [p-16*="lg"] {
        padding: var(--ita-spacings-16, 54px);
    }

    .p-17--lg,
    [p-17*="lg"] {
        padding: var(--ita-spacings-17, 60px);
    }

    .pt-0--lg,
    [pt-0*="lg"] {
        padding-top: 0px;
    }

    .pt-1--lg,
    [pt-1*="lg"] {
        padding-top: var(--ita-spacings-1, 2px);
    }

    .pt-2--lg,
    [pt-2*="lg"] {
        padding-top: var(--ita-spacings-2, 4px);
    }

    .pt-3--lg,
    [pt-3*="lg"] {
        padding-top: var(--ita-spacings-3, 6px);
    }

    .pt-4--lg,
    [pt-4*="lg"] {
        padding-top: var(--ita-spacings-4, 8px);
    }

    .pt-5--lg,
    [pt-5*="lg"] {
        padding-top: var(--ita-spacings-5, 12px);
    }

    .pt-6--lg,
    [pt-6*="lg"] {
        padding-top: var(--ita-spacings-6, 14px);
    }

    .pt-7--lg,
    [pt-7*="lg"] {
        padding-top: var(--ita-spacings-7, 16px);
    }

    .pt-8--lg,
    [pt-8*="lg"] {
        padding-top: var(--ita-spacings-8, 18px);
    }

    .pt-9--lg,
    [pt-9*="lg"] {
        padding-top: var(--ita-spacings-9, 20px);
    }

    .pt-10--lg,
    [pt-10*="lg"] {
        padding-top: var(--ita-spacings-10, 24px);
    }

    .pt-11--lg,
    [pt-11*="lg"] {
        padding-top: var(--ita-spacings-11, 32px);
    }

    .pt-12--lg,
    [pt-12*="lg"] {
        padding-top: var(--ita-spacings-12, 36px);
    }

    .pt-13--lg,
    [pt-13*="lg"] {
        padding-top: var(--ita-spacings-13, 40px);
    }

    .pt-14--lg,
    [pt-14*="lg"] {
        padding-top: var(--ita-spacings-14, 44px);
    }

    .pt-15--lg,
    [pt-15*="lg"] {
        padding-top: var(--ita-spacings-15, 48px);
    }

    .pt-16--lg,
    [pt-16*="lg"] {
        padding-top: var(--ita-spacings-16, 54px);
    }

    .pt-17--lg,
    [pt-17*="lg"] {
        padding-top: var(--ita-spacings-17, 60px);
    }

    .pr-0--lg,
    [pr-0*="lg"] {
        padding-right: 0px;
    }

    .pr-1--lg,
    [pr-1*="lg"] {
        padding-right: var(--ita-spacings-1, 2px);
    }

    .pr-2--lg,
    [pr-2*="lg"] {
        padding-right: var(--ita-spacings-2, 4px);
    }

    .pr-3--lg,
    [pr-3*="lg"] {
        padding-right: var(--ita-spacings-3, 6px);
    }

    .pr-4--lg,
    [pr-4*="lg"] {
        padding-right: var(--ita-spacings-4, 8px);
    }

    .pr-5--lg,
    [pr-5*="lg"] {
        padding-right: var(--ita-spacings-5, 12px);
    }

    .pr-6--lg,
    [pr-6*="lg"] {
        padding-right: var(--ita-spacings-6, 14px);
    }

    .pr-7--lg,
    [pr-7*="lg"] {
        padding-right: var(--ita-spacings-7, 16px);
    }

    .pr-8--lg,
    [pr-8*="lg"] {
        padding-right: var(--ita-spacings-8, 18px);
    }

    .pr-9--lg,
    [pr-9*="lg"] {
        padding-right: var(--ita-spacings-9, 20px);
    }

    .pr-10--lg,
    [pr-10*="lg"] {
        padding-right: var(--ita-spacings-10, 24px);
    }

    .pr-11--lg,
    [pr-11*="lg"] {
        padding-right: var(--ita-spacings-11, 32px);
    }

    .pr-12--lg,
    [pr-12*="lg"] {
        padding-right: var(--ita-spacings-12, 36px);
    }

    .pr-13--lg,
    [pr-13*="lg"] {
        padding-right: var(--ita-spacings-13, 40px);
    }

    .pr-14--lg,
    [pr-14*="lg"] {
        padding-right: var(--ita-spacings-14, 44px);
    }

    .pr-15--lg,
    [pr-15*="lg"] {
        padding-right: var(--ita-spacings-15, 48px);
    }

    .pr-16--lg,
    [pr-16*="lg"] {
        padding-right: var(--ita-spacings-16, 54px);
    }

    .pr-17--lg,
    [pr-17*="lg"] {
        padding-right: var(--ita-spacings-17, 60px);
    }

    .pb-0--lg,
    [pb-0*="lg"] {
        padding-bottom: 0px;
    }

    .pb-1--lg,
    [pb-1*="lg"] {
        padding-bottom: var(--ita-spacings-1, 2px);
    }

    .pb-2--lg,
    [pb-2*="lg"] {
        padding-bottom: var(--ita-spacings-2, 4px);
    }

    .pb-3--lg,
    [pb-3*="lg"] {
        padding-bottom: var(--ita-spacings-3, 6px);
    }

    .pb-4--lg,
    [pb-4*="lg"] {
        padding-bottom: var(--ita-spacings-4, 8px);
    }

    .pb-5--lg,
    [pb-5*="lg"] {
        padding-bottom: var(--ita-spacings-5, 12px);
    }

    .pb-6--lg,
    [pb-6*="lg"] {
        padding-bottom: var(--ita-spacings-6, 14px);
    }

    .pb-7--lg,
    [pb-7*="lg"] {
        padding-bottom: var(--ita-spacings-7, 16px);
    }

    .pb-8--lg,
    [pb-8*="lg"] {
        padding-bottom: var(--ita-spacings-8, 18px);
    }

    .pb-9--lg,
    [pb-9*="lg"] {
        padding-bottom: var(--ita-spacings-9, 20px);
    }

    .pb-10--lg,
    [pb-10*="lg"] {
        padding-bottom: var(--ita-spacings-10, 24px);
    }

    .pb-11--lg,
    [pb-11*="lg"] {
        padding-bottom: var(--ita-spacings-11, 32px);
    }

    .pb-12--lg,
    [pb-12*="lg"] {
        padding-bottom: var(--ita-spacings-12, 36px);
    }

    .pb-13--lg,
    [pb-13*="lg"] {
        padding-bottom: var(--ita-spacings-13, 40px);
    }

    .pb-14--lg,
    [pb-14*="lg"] {
        padding-bottom: var(--ita-spacings-14, 44px);
    }

    .pb-15--lg,
    [pb-15*="lg"] {
        padding-bottom: var(--ita-spacings-15, 48px);
    }

    .pb-16--lg,
    [pb-16*="lg"] {
        padding-bottom: var(--ita-spacings-16, 54px);
    }

    .pb-17--lg,
    [pb-17*="lg"] {
        padding-bottom: var(--ita-spacings-17, 60px);
    }

    .pl-0--lg,
    [pl-0*="lg"] {
        padding-left: 0px;
    }

    .pl-1--lg,
    [pl-1*="lg"] {
        padding-left: var(--ita-spacings-1, 2px);
    }

    .pl-2--lg,
    [pl-2*="lg"] {
        padding-left: var(--ita-spacings-2, 4px);
    }

    .pl-3--lg,
    [pl-3*="lg"] {
        padding-left: var(--ita-spacings-3, 6px);
    }

    .pl-4--lg,
    [pl-4*="lg"] {
        padding-left: var(--ita-spacings-4, 8px);
    }

    .pl-5--lg,
    [pl-5*="lg"] {
        padding-left: var(--ita-spacings-5, 12px);
    }

    .pl-6--lg,
    [pl-6*="lg"] {
        padding-left: var(--ita-spacings-6, 14px);
    }

    .pl-7--lg,
    [pl-7*="lg"] {
        padding-left: var(--ita-spacings-7, 16px);
    }

    .pl-8--lg,
    [pl-8*="lg"] {
        padding-left: var(--ita-spacings-8, 18px);
    }

    .pl-9--lg,
    [pl-9*="lg"] {
        padding-left: var(--ita-spacings-9, 20px);
    }

    .pl-10--lg,
    [pl-10*="lg"] {
        padding-left: var(--ita-spacings-10, 24px);
    }

    .pl-11--lg,
    [pl-11*="lg"] {
        padding-left: var(--ita-spacings-11, 32px);
    }

    .pl-12--lg,
    [pl-12*="lg"] {
        padding-left: var(--ita-spacings-12, 36px);
    }

    .pl-13--lg,
    [pl-13*="lg"] {
        padding-left: var(--ita-spacings-13, 40px);
    }

    .pl-14--lg,
    [pl-14*="lg"] {
        padding-left: var(--ita-spacings-14, 44px);
    }

    .pl-15--lg,
    [pl-15*="lg"] {
        padding-left: var(--ita-spacings-15, 48px);
    }

    .pl-16--lg,
    [pl-16*="lg"] {
        padding-left: var(--ita-spacings-16, 54px);
    }

    .pl-17--lg,
    [pl-17*="lg"] {
        padding-left: var(--ita-spacings-17, 60px);
    }

    .m-0--lg,
    [m-0*="lg"] {
        margin: 0px;
    }

    .m-auto--lg,
    [m-auto*="lg"] {
        margin: auto;
    }

    .m-1--lg,
    [m-1*="lg"] {
        margin: var(--ita-spacings-1, 2px);
    }

    .m-2--lg,
    [m-2*="lg"] {
        margin: var(--ita-spacings-2, 4px);
    }

    .m-3--lg,
    [m-3*="lg"] {
        margin: var(--ita-spacings-3, 6px);
    }

    .m-4--lg,
    [m-4*="lg"] {
        margin: var(--ita-spacings-4, 8px);
    }

    .m-5--lg,
    [m-5*="lg"] {
        margin: var(--ita-spacings-5, 12px);
    }

    .m-6--lg,
    [m-6*="lg"] {
        margin: var(--ita-spacings-6, 14px);
    }

    .m-7--lg,
    [m-7*="lg"] {
        margin: var(--ita-spacings-7, 16px);
    }

    .m-8--lg,
    [m-8*="lg"] {
        margin: var(--ita-spacings-8, 18px);
    }

    .m-9--lg,
    [m-9*="lg"] {
        margin: var(--ita-spacings-9, 20px);
    }

    .m-10--lg,
    [m-10*="lg"] {
        margin: var(--ita-spacings-10, 24px);
    }

    .m-11--lg,
    [m-11*="lg"] {
        margin: var(--ita-spacings-11, 32px);
    }

    .m-12--lg,
    [m-12*="lg"] {
        margin: var(--ita-spacings-12, 36px);
    }

    .m-13--lg,
    [m-13*="lg"] {
        margin: var(--ita-spacings-13, 40px);
    }

    .m-14--lg,
    [m-14*="lg"] {
        margin: var(--ita-spacings-14, 44px);
    }

    .m-15--lg,
    [m-15*="lg"] {
        margin: var(--ita-spacings-15, 48px);
    }

    .m-16--lg,
    [m-16*="lg"] {
        margin: var(--ita-spacings-16, 54px);
    }

    .m-17--lg,
    [m-17*="lg"] {
        margin: var(--ita-spacings-17, 60px);
    }

    .mt-0--lg,
    [mt-0*="lg"] {
        margin-top: 0px;
    }

    .mt-1--lg,
    [mt-1*="lg"] {
        margin-top: var(--ita-spacings-1, 2px);
    }

    .mt-2--lg,
    [mt-2*="lg"] {
        margin-top: var(--ita-spacings-2, 4px);
    }

    .mt-3--lg,
    [mt-3*="lg"] {
        margin-top: var(--ita-spacings-3, 6px);
    }

    .mt-4--lg,
    [mt-4*="lg"] {
        margin-top: var(--ita-spacings-4, 8px);
    }

    .mt-5--lg,
    [mt-5*="lg"] {
        margin-top: var(--ita-spacings-5, 12px);
    }

    .mt-6--lg,
    [mt-6*="lg"] {
        margin-top: var(--ita-spacings-6, 14px);
    }

    .mt-7--lg,
    [mt-7*="lg"] {
        margin-top: var(--ita-spacings-7, 16px);
    }

    .mt-8--lg,
    [mt-8*="lg"] {
        margin-top: var(--ita-spacings-8, 18px);
    }

    .mt-9--lg,
    [mt-9*="lg"] {
        margin-top: var(--ita-spacings-9, 20px);
    }

    .mt-10--lg,
    [mt-10*="lg"] {
        margin-top: var(--ita-spacings-10, 24px);
    }

    .mt-11--lg,
    [mt-11*="lg"] {
        margin-top: var(--ita-spacings-11, 32px);
    }

    .mt-12--lg,
    [mt-12*="lg"] {
        margin-top: var(--ita-spacings-12, 36px);
    }

    .mt-13--lg,
    [mt-13*="lg"] {
        margin-top: var(--ita-spacings-13, 40px);
    }

    .mt-14--lg,
    [mt-14*="lg"] {
        margin-top: var(--ita-spacings-14, 44px);
    }

    .mt-15--lg,
    [mt-15*="lg"] {
        margin-top: var(--ita-spacings-15, 48px);
    }

    .mt-16--lg,
    [mt-16*="lg"] {
        margin-top: var(--ita-spacings-16, 54px);
    }

    .mt-17--lg,
    [mt-17*="lg"] {
        margin-top: var(--ita-spacings-17, 60px);
    }

    .mr-0--lg,
    [mr-0*="lg"] {
        margin-right: 0px;
    }

    .mr-auto--lg,
    [mr-auto*="lg"] {
        margin-right: auto;
    }

    .mr-1--lg,
    [mr-1*="lg"] {
        margin-right: var(--ita-spacings-1, 2px);
    }

    .mr-2--lg,
    [mr-2*="lg"] {
        margin-right: var(--ita-spacings-2, 4px);
    }

    .mr-3--lg,
    [mr-3*="lg"] {
        margin-right: var(--ita-spacings-3, 6px);
    }

    .mr-4--lg,
    [mr-4*="lg"] {
        margin-right: var(--ita-spacings-4, 8px);
    }

    .mr-5--lg,
    [mr-5*="lg"] {
        margin-right: var(--ita-spacings-5, 12px);
    }

    .mr-6--lg,
    [mr-6*="lg"] {
        margin-right: var(--ita-spacings-6, 14px);
    }

    .mr-7--lg,
    [mr-7*="lg"] {
        margin-right: var(--ita-spacings-7, 16px);
    }

    .mr-8--lg,
    [mr-8*="lg"] {
        margin-right: var(--ita-spacings-8, 18px);
    }

    .mr-9--lg,
    [mr-9*="lg"] {
        margin-right: var(--ita-spacings-9, 20px);
    }

    .mr-10--lg,
    [mr-10*="lg"] {
        margin-right: var(--ita-spacings-10, 24px);
    }

    .mr-11--lg,
    [mr-11*="lg"] {
        margin-right: var(--ita-spacings-11, 32px);
    }

    .mr-12--lg,
    [mr-12*="lg"] {
        margin-right: var(--ita-spacings-12, 36px);
    }

    .mr-13--lg,
    [mr-13*="lg"] {
        margin-right: var(--ita-spacings-13, 40px);
    }

    .mr-14--lg,
    [mr-14*="lg"] {
        margin-right: var(--ita-spacings-14, 44px);
    }

    .mr-15--lg,
    [mr-15*="lg"] {
        margin-right: var(--ita-spacings-15, 48px);
    }

    .mr-16--lg,
    [mr-16*="lg"] {
        margin-right: var(--ita-spacings-16, 54px);
    }

    .mr-17--lg,
    [mr-17*="lg"] {
        margin-right: var(--ita-spacings-17, 60px);
    }

    .mb-0--lg,
    [mb-0*="lg"] {
        margin-bottom: 0px;
    }

    .mb-1--lg,
    [mb-1*="lg"] {
        margin-bottom: var(--ita-spacings-1, 2px);
    }

    .mb-2--lg,
    [mb-2*="lg"] {
        margin-bottom: var(--ita-spacings-2, 4px);
    }

    .mb-3--lg,
    [mb-3*="lg"] {
        margin-bottom: var(--ita-spacings-3, 6px);
    }

    .mb-4--lg,
    [mb-4*="lg"] {
        margin-bottom: var(--ita-spacings-4, 8px);
    }

    .mb-5--lg,
    [mb-5*="lg"] {
        margin-bottom: var(--ita-spacings-5, 12px);
    }

    .mb-6--lg,
    [mb-6*="lg"] {
        margin-bottom: var(--ita-spacings-6, 14px);
    }

    .mb-7--lg,
    [mb-7*="lg"] {
        margin-bottom: var(--ita-spacings-7, 16px);
    }

    .mb-8--lg,
    [mb-8*="lg"] {
        margin-bottom: var(--ita-spacings-8, 18px);
    }

    .mb-9--lg,
    [mb-9*="lg"] {
        margin-bottom: var(--ita-spacings-9, 20px);
    }

    .mb-10--lg,
    [mb-10*="lg"] {
        margin-bottom: var(--ita-spacings-10, 24px);
    }

    .mb-11--lg,
    [mb-11*="lg"] {
        margin-bottom: var(--ita-spacings-11, 32px);
    }

    .mb-12--lg,
    [mb-12*="lg"] {
        margin-bottom: var(--ita-spacings-12, 36px);
    }

    .mb-13--lg,
    [mb-13*="lg"] {
        margin-bottom: var(--ita-spacings-13, 40px);
    }

    .mb-14--lg,
    [mb-14*="lg"] {
        margin-bottom: var(--ita-spacings-14, 44px);
    }

    .mb-15--lg,
    [mb-15*="lg"] {
        margin-bottom: var(--ita-spacings-15, 48px);
    }

    .mb-16--lg,
    [mb-16*="lg"] {
        margin-bottom: var(--ita-spacings-16, 54px);
    }

    .mb-17--lg,
    [mb-17*="lg"] {
        margin-bottom: var(--ita-spacings-17, 60px);
    }

    .ml-0--lg,
    [ml-0*="lg"] {
        margin-left: 0px;
    }

    .ml-auto--lg,
    [ml-auto*="lg"] {
        margin-left: auto;
    }

    .ml-1--lg,
    [ml-1*="lg"] {
        margin-left: var(--ita-spacings-1, 2px);
    }

    .ml-2--lg,
    [ml-2*="lg"] {
        margin-left: var(--ita-spacings-2, 4px);
    }

    .ml-3--lg,
    [ml-3*="lg"] {
        margin-left: var(--ita-spacings-3, 6px);
    }

    .ml-4--lg,
    [ml-4*="lg"] {
        margin-left: var(--ita-spacings-4, 8px);
    }

    .ml-5--lg,
    [ml-5*="lg"] {
        margin-left: var(--ita-spacings-5, 12px);
    }

    .ml-6--lg,
    [ml-6*="lg"] {
        margin-left: var(--ita-spacings-6, 14px);
    }

    .ml-7--lg,
    [ml-7*="lg"] {
        margin-left: var(--ita-spacings-7, 16px);
    }

    .ml-8--lg,
    [ml-8*="lg"] {
        margin-left: var(--ita-spacings-8, 18px);
    }

    .ml-9--lg,
    [ml-9*="lg"] {
        margin-left: var(--ita-spacings-9, 20px);
    }

    .ml-10--lg,
    [ml-10*="lg"] {
        margin-left: var(--ita-spacings-10, 24px);
    }

    .ml-11--lg,
    [ml-11*="lg"] {
        margin-left: var(--ita-spacings-11, 32px);
    }

    .ml-12--lg,
    [ml-12*="lg"] {
        margin-left: var(--ita-spacings-12, 36px);
    }

    .ml-13--lg,
    [ml-13*="lg"] {
        margin-left: var(--ita-spacings-13, 40px);
    }

    .ml-14--lg,
    [ml-14*="lg"] {
        margin-left: var(--ita-spacings-14, 44px);
    }

    .ml-15--lg,
    [ml-15*="lg"] {
        margin-left: var(--ita-spacings-15, 48px);
    }

    .ml-16--lg,
    [ml-16*="lg"] {
        margin-left: var(--ita-spacings-16, 54px);
    }

    .ml-17--lg,
    [ml-17*="lg"] {
        margin-left: var(--ita-spacings-17, 60px);
    }

    .ff-1-1--lg,
    [ff-1-1*="lg"] {
        font-family: var(--ita-fontFamilies-1-1, TYPO_1_1, sans-serif);
    }

    .ff-1-2--lg,
    [ff-1-2*="lg"] {
        font-family: var(--ita-fontFamilies-1-2, TYPO_1_2, sans-serif);
    }

    .ff-2-1--lg,
    [ff-2-1*="lg"] {
        font-family: var(--ita-fontFamilies-2-1, TYPO_2_1, sans-serif);
    }

    .ff-2-2--lg,
    [ff-2-2*="lg"] {
        font-family: var(--ita-fontFamilies-2-2, TYPO_2_2, sans-serif);
    }

    .fs-1--lg,
    [fs-1*="lg"] {
        font-size: var(--ita-fontSizes-1, 10px);
    }

    .fs-2--lg,
    [fs-2*="lg"] {
        font-size: var(--ita-fontSizes-2, 11px);
    }

    .fs-3--lg,
    [fs-3*="lg"] {
        font-size: var(--ita-fontSizes-3, 12px);
    }

    .fs-4--lg,
    [fs-4*="lg"] {
        font-size: var(--ita-fontSizes-4, 14px);
    }

    .fs-5--lg,
    [fs-5*="lg"] {
        font-size: var(--ita-fontSizes-5, 16px);
    }

    .fs-6--lg,
    [fs-6*="lg"] {
        font-size: var(--ita-fontSizes-6, 18px);
    }

    .fs-7--lg,
    [fs-7*="lg"] {
        font-size: var(--ita-fontSizes-7, 20px);
    }

    .fs-8--lg,
    [fs-8*="lg"] {
        font-size: var(--ita-fontSizes-8, 24px);
    }

    .fs-9--lg,
    [fs-9*="lg"] {
        font-size: var(--ita-fontSizes-9, 28px);
    }

    .fs-10--lg,
    [fs-10*="lg"] {
        font-size: var(--ita-fontSizes-10, 32px);
    }

    .fs-11--lg,
    [fs-11*="lg"] {
        font-size: var(--ita-fontSizes-11, 36px);
    }

    .fs-12--lg,
    [fs-12*="lg"] {
        font-size: var(--ita-fontSizes-12, 42px);
    }

    .fs-13--lg,
    [fs-13*="lg"] {
        font-size: var(--ita-fontSizes-13, 54px);
    }

    .ta-left--lg,
    [ta-left*="lg"] {
        text-align: left;
    }

    .ta-center--lg,
    [ta-center*="lg"] {
        text-align: center;
    }

    .ta-right--lg,
    [ta-right*="lg"] {
        text-align: right;
    }

    .c-current--lg,
    [c-current*="lg"] {
        color: currentColor;
    }

    .c-black--lg,
    [c-black*="lg"] {
        color: var(--ita-colors-black, #000000);
    }

    .c-soft-black--lg,
    [c-soft-black*="lg"] {
        color: var(--ita-colors-soft-black, #22242C);
    }

    .c-dark-grey--lg,
    [c-dark-grey*="lg"] {
        color: var(--ita-colors-dark-grey, #515A76);
    }

    .c-medium-grey--lg,
    [c-medium-grey*="lg"] {
        color: var(--ita-colors-medium-grey, #838CAA);
    }

    .c-light-grey--lg,
    [c-light-grey*="lg"] {
        color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .c-soft-grey--lg,
    [c-soft-grey*="lg"] {
        color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .c-ultra-light-grey--lg,
    [c-ultra-light-grey*="lg"] {
        color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .c-off-white--lg,
    [c-off-white*="lg"] {
        color: var(--ita-colors-off-white, #F8F9FC);
    }

    .c-white--lg,
    [c-white*="lg"] {
        color: var(--ita-colors-white, #FFFFFF);
    }

    .c-black-50--lg,
    [c-black-50*="lg"] {
        color: var(--ita-colors-black-50, #00000080);
    }

    .c-light-grey-30--lg,
    [c-light-grey-30*="lg"] {
        color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .c-white-50--lg,
    [c-white-50*="lg"] {
        color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .c-white-30--lg,
    [c-white-30*="lg"] {
        color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .c-brand-primary--lg,
    [c-brand-primary*="lg"] {
        color: var(--ita-colors-brand-primary, #021735);
    }

    .c-indigo--lg,
    [c-indigo*="lg"] {
        color: var(--ita-colors-indigo, #06234C);
    }

    .c-brand-accent--lg,
    [c-brand-accent*="lg"] {
        color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .c-soft-green--lg,
    [c-soft-green*="lg"] {
        color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .c-blue--lg,
    [c-blue*="lg"] {
        color: var(--ita-colors-blue, #00ABFF);
    }

    .c-light-blue--lg,
    [c-light-blue*="lg"] {
        color: var(--ita-colors-light-blue, #00C2FF);
    }

    .c-soft-blue--lg,
    [c-soft-blue*="lg"] {
        color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .c-clear-blue--lg,
    [c-clear-blue*="lg"] {
        color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .c-yellow--lg,
    [c-yellow*="lg"] {
        color: var(--ita-colors-yellow, #FFD752);
    }

    .c-soft-yellow--lg,
    [c-soft-yellow*="lg"] {
        color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .c-peach--lg,
    [c-peach*="lg"] {
        color: var(--ita-colors-peach, #F3E3DD);
    }

    .c-ultra-light-peach--lg,
    [c-ultra-light-peach*="lg"] {
        color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .c-light-purple--lg,
    [c-light-purple*="lg"] {
        color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .c-soft-purple--lg,
    [c-soft-purple*="lg"] {
        color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .c-ultra-light-purple--lg,
    [c-ultra-light-purple*="lg"] {
        color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .c-brand-accent-20--lg,
    [c-brand-accent-20*="lg"] {
        color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .c-yellow-10--lg,
    [c-yellow-10*="lg"] {
        color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bc-0--lg,
    [bc-0*="lg"] {
        background-color: transparent;
    }

    .bc-black--lg,
    [bc-black*="lg"] {
        background-color: var(--ita-colors-black, #000000);
    }

    .bc-soft-black--lg,
    [bc-soft-black*="lg"] {
        background-color: var(--ita-colors-soft-black, #22242C);
    }

    .bc-dark-grey--lg,
    [bc-dark-grey*="lg"] {
        background-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bc-medium-grey--lg,
    [bc-medium-grey*="lg"] {
        background-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bc-light-grey--lg,
    [bc-light-grey*="lg"] {
        background-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bc-soft-grey--lg,
    [bc-soft-grey*="lg"] {
        background-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bc-ultra-light-grey--lg,
    [bc-ultra-light-grey*="lg"] {
        background-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bc-off-white--lg,
    [bc-off-white*="lg"] {
        background-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bc-white--lg,
    [bc-white*="lg"] {
        background-color: var(--ita-colors-white, #FFFFFF);
    }

    .bc-black-50--lg,
    [bc-black-50*="lg"] {
        background-color: var(--ita-colors-black-50, #00000080);
    }

    .bc-light-grey-30--lg,
    [bc-light-grey-30*="lg"] {
        background-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bc-white-50--lg,
    [bc-white-50*="lg"] {
        background-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bc-white-30--lg,
    [bc-white-30*="lg"] {
        background-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bc-brand-primary--lg,
    [bc-brand-primary*="lg"] {
        background-color: var(--ita-colors-brand-primary, #021735);
    }

    .bc-indigo--lg,
    [bc-indigo*="lg"] {
        background-color: var(--ita-colors-indigo, #06234C);
    }

    .bc-brand-accent--lg,
    [bc-brand-accent*="lg"] {
        background-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bc-soft-green--lg,
    [bc-soft-green*="lg"] {
        background-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bc-blue--lg,
    [bc-blue*="lg"] {
        background-color: var(--ita-colors-blue, #00ABFF);
    }

    .bc-light-blue--lg,
    [bc-light-blue*="lg"] {
        background-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bc-soft-blue--lg,
    [bc-soft-blue*="lg"] {
        background-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bc-clear-blue--lg,
    [bc-clear-blue*="lg"] {
        background-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bc-yellow--lg,
    [bc-yellow*="lg"] {
        background-color: var(--ita-colors-yellow, #FFD752);
    }

    .bc-soft-yellow--lg,
    [bc-soft-yellow*="lg"] {
        background-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bc-peach--lg,
    [bc-peach*="lg"] {
        background-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bc-ultra-light-peach--lg,
    [bc-ultra-light-peach*="lg"] {
        background-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bc-light-purple--lg,
    [bc-light-purple*="lg"] {
        background-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bc-soft-purple--lg,
    [bc-soft-purple*="lg"] {
        background-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bc-ultra-light-purple--lg,
    [bc-ultra-light-purple*="lg"] {
        background-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bc-brand-accent-20--lg,
    [bc-brand-accent-20*="lg"] {
        background-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bc-yellow-10--lg,
    [bc-yellow-10*="lg"] {
        background-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .b-0--lg,
    [b-0*="lg"] {
        border: none;
    }

    .bcolor-0--lg,
    [bcolor-0*="lg"] {
        border-color: none;
    }

    .bcolor-transparent--lg,
    [bcolor-transparent*="lg"] {
        border-color: transparent;
    }

    .bcolor-black--lg,
    [bcolor-black*="lg"] {
        border-color: var(--ita-colors-black, #000000);
    }

    .bcolor-soft-black--lg,
    [bcolor-soft-black*="lg"] {
        border-color: var(--ita-colors-soft-black, #22242C);
    }

    .bcolor-dark-grey--lg,
    [bcolor-dark-grey*="lg"] {
        border-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bcolor-medium-grey--lg,
    [bcolor-medium-grey*="lg"] {
        border-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bcolor-light-grey--lg,
    [bcolor-light-grey*="lg"] {
        border-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bcolor-soft-grey--lg,
    [bcolor-soft-grey*="lg"] {
        border-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bcolor-ultra-light-grey--lg,
    [bcolor-ultra-light-grey*="lg"] {
        border-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bcolor-off-white--lg,
    [bcolor-off-white*="lg"] {
        border-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bcolor-white--lg,
    [bcolor-white*="lg"] {
        border-color: var(--ita-colors-white, #FFFFFF);
    }

    .bcolor-black-50--lg,
    [bcolor-black-50*="lg"] {
        border-color: var(--ita-colors-black-50, #00000080);
    }

    .bcolor-light-grey-30--lg,
    [bcolor-light-grey-30*="lg"] {
        border-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bcolor-white-50--lg,
    [bcolor-white-50*="lg"] {
        border-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bcolor-white-30--lg,
    [bcolor-white-30*="lg"] {
        border-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bcolor-brand-primary--lg,
    [bcolor-brand-primary*="lg"] {
        border-color: var(--ita-colors-brand-primary, #021735);
    }

    .bcolor-indigo--lg,
    [bcolor-indigo*="lg"] {
        border-color: var(--ita-colors-indigo, #06234C);
    }

    .bcolor-brand-accent--lg,
    [bcolor-brand-accent*="lg"] {
        border-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bcolor-soft-green--lg,
    [bcolor-soft-green*="lg"] {
        border-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bcolor-blue--lg,
    [bcolor-blue*="lg"] {
        border-color: var(--ita-colors-blue, #00ABFF);
    }

    .bcolor-light-blue--lg,
    [bcolor-light-blue*="lg"] {
        border-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bcolor-soft-blue--lg,
    [bcolor-soft-blue*="lg"] {
        border-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bcolor-clear-blue--lg,
    [bcolor-clear-blue*="lg"] {
        border-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bcolor-yellow--lg,
    [bcolor-yellow*="lg"] {
        border-color: var(--ita-colors-yellow, #FFD752);
    }

    .bcolor-soft-yellow--lg,
    [bcolor-soft-yellow*="lg"] {
        border-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bcolor-peach--lg,
    [bcolor-peach*="lg"] {
        border-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bcolor-ultra-light-peach--lg,
    [bcolor-ultra-light-peach*="lg"] {
        border-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bcolor-light-purple--lg,
    [bcolor-light-purple*="lg"] {
        border-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bcolor-soft-purple--lg,
    [bcolor-soft-purple*="lg"] {
        border-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bcolor-ultra-light-purple--lg,
    [bcolor-ultra-light-purple*="lg"] {
        border-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bcolor-brand-accent-20--lg,
    [bcolor-brand-accent-20*="lg"] {
        border-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bcolor-yellow-10--lg,
    [bcolor-yellow-10*="lg"] {
        border-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bt-0--lg,
    [bt-0*="lg"] {
        border-top: none;
    }

    .br-0--lg,
    [br-0*="lg"] {
        border-right: none;
    }

    .bb-0--lg,
    [bb-0*="lg"] {
        border-bottom: none;
    }

    .bl-0--lg,
    [bl-0*="lg"] {
        border-left: none;
    }

    .bwidth-0--lg,
    [bwidth-0*="lg"] {
        border-width: 0px;
    }

    .bwidth-1--lg,
    [bwidth-1*="lg"] {
        border-width: 1px;
    }

    .bwidth-2--lg,
    [bwidth-2*="lg"] {
        border-width: 2px;
    }

    .bwidth-3--lg,
    [bwidth-3*="lg"] {
        border-width: 3px;
    }

    .btwidth-0--lg,
    [btwidth-0*="lg"] {
        border-top-width: 0px;
    }

    .btwidth-1--lg,
    [btwidth-1*="lg"] {
        border-top-width: 1px;
    }

    .btwidth-2--lg,
    [btwidth-2*="lg"] {
        border-top-width: 2px;
    }

    .btwidth-3--lg,
    [btwidth-3*="lg"] {
        border-top-width: 3px;
    }

    .brwidth-0--lg,
    [brwidth-0*="lg"] {
        border-right-width: 0px;
    }

    .brwidth-1--lg,
    [brwidth-1*="lg"] {
        border-right-width: 1px;
    }

    .brwidth-2--lg,
    [brwidth-2*="lg"] {
        border-right-width: 2px;
    }

    .brwidth-3--lg,
    [brwidth-3*="lg"] {
        border-right-width: 3px;
    }

    .bbwidth-0--lg,
    [bbwidth-0*="lg"] {
        border-bottom-width: 0px;
    }

    .bbwidth-1--lg,
    [bbwidth-1*="lg"] {
        border-bottom-width: 1px;
    }

    .bbwidth-2--lg,
    [bbwidth-2*="lg"] {
        border-bottom-width: 2px;
    }

    .bbwidth-3--lg,
    [bbwidth-3*="lg"] {
        border-bottom-width: 3px;
    }

    .blwidth-0--lg,
    [blwidth-0*="lg"] {
        border-left-width: 0px;
    }

    .blwidth-1--lg,
    [blwidth-1*="lg"] {
        border-left-width: 1px;
    }

    .blwidth-2--lg,
    [blwidth-2*="lg"] {
        border-left-width: 2px;
    }

    .blwidth-3--lg,
    [blwidth-3*="lg"] {
        border-left-width: 3px;
    }

    .bstyle-solid--lg,
    [bstyle-solid*="lg"] {
        border-style: solid;
    }

    .bstyle-dashed--lg,
    [bstyle-dashed*="lg"] {
        border-style: dashed;
    }

    .bstyle-dotted--lg,
    [bstyle-dotted*="lg"] {
        border-style: dotted;
    }

    .bstyle-none--lg,
    [bstyle-none*="lg"] {
        border-style: none;
    }
}

/*END @media lg*/


/*START @media xl*/
@media (min-width: 1440px) {

    .d-flex--xl,
    [d-flex*="xl"] {
        display: flex;
    }

    .u-d-flex--xl,
    [u-d-flex*="xl"] {
        display: flex !important;
    }

    .d-inline-flex--xl,
    [d-inline-flex*="xl"] {
        display: inline-flex;
    }

    .u-d-inline-flex--xl,
    [u-d-inline-flex*="xl"] {
        display: inline-flex !important;
    }

    .d-none--xl,
    [d-none*="xl"] {
        display: none;
    }

    .u-d-none--xl,
    [u-d-none*="xl"] {
        display: none !important;
    }

    .ai-baseline--xl,
    [ai-baseline*="xl"] {
        align-items: baseline;
    }

    .ai-center--xl,
    [ai-center*="xl"] {
        align-items: center;
    }

    .ai-start--xl,
    [ai-start*="xl"] {
        align-items: flex-start;
    }

    .ai-end--xl,
    [ai-end*="xl"] {
        align-items: flex-end;
    }

    .jc-center--xl,
    [jc-center*="xl"] {
        justify-content: center;
    }

    .jc-space-between--xl,
    [jc-space-between*="xl"] {
        justify-content: space-between;
    }

    .jc-space-around--xl,
    [jc-space-around*="xl"] {
        justify-content: space-around;
    }

    .jc-start--xl,
    [jc-start*="xl"] {
        justify-content: flex-start;
    }

    .jc-end--xl,
    [jc-end*="xl"] {
        justify-content: flex-end;
    }

    .fd-column--xl,
    [fd-column*="xl"] {
        flex-direction: column;
    }

    .fw-wrap--xl,
    [fw-wrap*="xl"] {
        flex-wrap: wrap;
    }

    .order--1--xl,
    [order--1*="xl"] {
        order: -1;
    }

    .order-1--xl,
    [order-1*="xl"] {
        order: 1;
    }

    .of-contain--xl,
    [of-contain*="xl"] {
        object-fit: contain;
    }

    .of-cover--xl,
    [of-cover*="xl"] {
        object-fit: cover;
    }

    .pos-relative--xl,
    [pos-relative*="xl"] {
        position: relative;
    }

    .pos-absolute--xl,
    [pos-absolute*="xl"] {
        position: absolute;
    }

    .pos-fixed--xl,
    [pos-fixed*="xl"] {
        position: fixed;
    }

    .pos-sticky--xl,
    [pos-sticky*="xl"] {
        position: sticky;
    }

    .top-0--xl,
    [top-0*="xl"] {
        top: 0%;
    }

    .top-50--xl,
    [top-50*="xl"] {
        top: 50%;
    }

    .top-100--xl,
    [top-100*="xl"] {
        top: 100%;
    }

    .right-0--xl,
    [right-0*="xl"] {
        right: 0%;
    }

    .right-50--xl,
    [right-50*="xl"] {
        right: 50%;
    }

    .right-100--xl,
    [right-100*="xl"] {
        right: 100%;
    }

    .bottom-0--xl,
    [bottom-0*="xl"] {
        bottom: 0%;
    }

    .bottom-50--xl,
    [bottom-50*="xl"] {
        bottom: 50%;
    }

    .bottom-100--xl,
    [bottom-100*="xl"] {
        bottom: 100%;
    }

    .left-0--xl,
    [left-0*="xl"] {
        left: 0%;
    }

    .left-50--xl,
    [left-50*="xl"] {
        left: 50%;
    }

    .left-100--xl,
    [left-100*="xl"] {
        left: 100%;
    }

    .z-1--xl,
    [z-1*="xl"] {
        z-index: 1;
    }

    .z-2--xl,
    [z-2*="xl"] {
        z-index: 2;
    }

    .z-3--xl,
    [z-3*="xl"] {
        z-index: 3;
    }

    .z-4--xl,
    [z-4*="xl"] {
        z-index: 4;
    }

    .z-5--xl,
    [z-5*="xl"] {
        z-index: 5;
    }

    .z-6--xl,
    [z-6*="xl"] {
        z-index: 6;
    }

    .z-7--xl,
    [z-7*="xl"] {
        z-index: 7;
    }

    .z-8--xl,
    [z-8*="xl"] {
        z-index: 8;
    }

    .z-9--xl,
    [z-9*="xl"] {
        z-index: 9;
    }

    .z-100--xl,
    [z-100*="xl"] {
        z-index: 100;
    }

    .z-200--xl,
    [z-200*="xl"] {
        z-index: 200;
    }

    .z-300--xl,
    [z-300*="xl"] {
        z-index: 300;
    }

    .z-400--xl,
    [z-400*="xl"] {
        z-index: 400;
    }

    .z-500--xl,
    [z-500*="xl"] {
        z-index: 500;
    }

    .z-600--xl,
    [z-600*="xl"] {
        z-index: 600;
    }

    .z-700--xl,
    [z-700*="xl"] {
        z-index: 700;
    }

    .z-800--xl,
    [z-800*="xl"] {
        z-index: 800;
    }

    .z-900--xl,
    [z-900*="xl"] {
        z-index: 900;
    }

    .t-tX-50--xl,
    [t-tX-50*="xl"] {
        --dsg-tX: -50%;
    }

    .t-tX50--xl,
    [t-tX50*="xl"] {
        --dsg-tX: 50%;
    }

    .t-tX-100--xl,
    [t-tX-100*="xl"] {
        --dsg-tX: -100%;
    }

    .t-tX100--xl,
    [t-tX100*="xl"] {
        --dsg-tX: 100%;
    }

    .t-tY-50--xl,
    [t-tY-50*="xl"] {
        --dsg-tY: -50%;
    }

    .t-tY50--xl,
    [t-tY50*="xl"] {
        --dsg-tY: 50%;
    }

    .t-tY-100--xl,
    [t-tY-100*="xl"] {
        --dsg-tY: -100%;
    }

    .t-tY100--xl,
    [t-tY100*="xl"] {
        --dsg-tY: 100%;
    }

    .t-tX-50--xl,
    [t-tX-50*="xl"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX50--xl,
    [t-tX50*="xl"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX-100--xl,
    [t-tX-100*="xl"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tX100--xl,
    [t-tX100*="xl"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-50--xl,
    [t-tY-50*="xl"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY50--xl,
    [t-tY50*="xl"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY-100--xl,
    [t-tY-100*="xl"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .t-tY100--xl,
    [t-tY100*="xl"] {
        transform: translateX(var(--dsg-tX, 0)) translateY(var(--dsg-tY, 0));
    }

    .rotate-90--xl,
    [rotate-90*="xl"] {
        rotate: 90deg;
    }

    .rotate-180--xl,
    [rotate-180*="xl"] {
        rotate: 180deg;
    }

    .rotate-270--xl,
    [rotate-270*="xl"] {
        rotate: 270deg;
    }

    .ar-widescreen--xl,
    [ar-widescreen*="xl"] {
        aspect-ratio: 16/9;
    }

    .ar-anamorphic--xl,
    [ar-anamorphic*="xl"] {
        aspect-ratio: 2.35;
    }

    .ar-portrait--xl,
    [ar-portrait*="xl"] {
        aspect-ratio: 5/7;
    }

    .ar-dslr--xl,
    [ar-dslr*="xl"] {
        aspect-ratio: 3/2;
    }

    .ar-square--xl,
    [ar-square*="xl"] {
        aspect-ratio: 1;
    }

    .gap-0px--xl,
    [gap-0px*="xl"] {
        gap: 0px;
    }

    .gap-1--xl,
    [gap-1*="xl"] {
        gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--xl,
    [gap-2*="xl"] {
        gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--xl,
    [gap-3*="xl"] {
        gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--xl,
    [gap-4*="xl"] {
        gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--xl,
    [gap-5*="xl"] {
        gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--xl,
    [gap-6*="xl"] {
        gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--xl,
    [gap-7*="xl"] {
        gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--xl,
    [gap-8*="xl"] {
        gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--xl,
    [gap-9*="xl"] {
        gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--xl,
    [gap-10*="xl"] {
        gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--xl,
    [gap-11*="xl"] {
        gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--xl,
    [gap-12*="xl"] {
        gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--xl,
    [gap-13*="xl"] {
        gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--xl,
    [gap-14*="xl"] {
        gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--xl,
    [gap-15*="xl"] {
        gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--xl,
    [gap-16*="xl"] {
        gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--xl,
    [gap-17*="xl"] {
        gap: var(--ita-spacings-17, 60px);
    }

    .rgap-0px--xl,
    [rgap-0px*="xl"] {
        row-gap: 0px;
    }

    .rgap-1--xl,
    [rgap-1*="xl"] {
        row-gap: var(--ita-spacings-1, 2px);
    }

    .rgap-2--xl,
    [rgap-2*="xl"] {
        row-gap: var(--ita-spacings-2, 4px);
    }

    .rgap-3--xl,
    [rgap-3*="xl"] {
        row-gap: var(--ita-spacings-3, 6px);
    }

    .rgap-4--xl,
    [rgap-4*="xl"] {
        row-gap: var(--ita-spacings-4, 8px);
    }

    .rgap-5--xl,
    [rgap-5*="xl"] {
        row-gap: var(--ita-spacings-5, 12px);
    }

    .rgap-6--xl,
    [rgap-6*="xl"] {
        row-gap: var(--ita-spacings-6, 14px);
    }

    .rgap-7--xl,
    [rgap-7*="xl"] {
        row-gap: var(--ita-spacings-7, 16px);
    }

    .rgap-8--xl,
    [rgap-8*="xl"] {
        row-gap: var(--ita-spacings-8, 18px);
    }

    .rgap-9--xl,
    [rgap-9*="xl"] {
        row-gap: var(--ita-spacings-9, 20px);
    }

    .rgap-10--xl,
    [rgap-10*="xl"] {
        row-gap: var(--ita-spacings-10, 24px);
    }

    .rgap-11--xl,
    [rgap-11*="xl"] {
        row-gap: var(--ita-spacings-11, 32px);
    }

    .rgap-12--xl,
    [rgap-12*="xl"] {
        row-gap: var(--ita-spacings-12, 36px);
    }

    .rgap-13--xl,
    [rgap-13*="xl"] {
        row-gap: var(--ita-spacings-13, 40px);
    }

    .rgap-14--xl,
    [rgap-14*="xl"] {
        row-gap: var(--ita-spacings-14, 44px);
    }

    .rgap-15--xl,
    [rgap-15*="xl"] {
        row-gap: var(--ita-spacings-15, 48px);
    }

    .rgap-16--xl,
    [rgap-16*="xl"] {
        row-gap: var(--ita-spacings-16, 54px);
    }

    .rgap-17--xl,
    [rgap-17*="xl"] {
        row-gap: var(--ita-spacings-17, 60px);
    }

    .gap-0px--xl,
    [gap-0px*="xl"] {
        --dsg-gap: 0px;
    }

    .gap-1px--xl,
    [gap-1px*="xl"] {
        --dsg-gap: 1px;
    }

    .gap-1--xl,
    [gap-1*="xl"] {
        --dsg-gap: var(--ita-spacings-1, 2px);
    }

    .gap-2--xl,
    [gap-2*="xl"] {
        --dsg-gap: var(--ita-spacings-2, 4px);
    }

    .gap-3--xl,
    [gap-3*="xl"] {
        --dsg-gap: var(--ita-spacings-3, 6px);
    }

    .gap-4--xl,
    [gap-4*="xl"] {
        --dsg-gap: var(--ita-spacings-4, 8px);
    }

    .gap-5--xl,
    [gap-5*="xl"] {
        --dsg-gap: var(--ita-spacings-5, 12px);
    }

    .gap-6--xl,
    [gap-6*="xl"] {
        --dsg-gap: var(--ita-spacings-6, 14px);
    }

    .gap-7--xl,
    [gap-7*="xl"] {
        --dsg-gap: var(--ita-spacings-7, 16px);
    }

    .gap-8--xl,
    [gap-8*="xl"] {
        --dsg-gap: var(--ita-spacings-8, 18px);
    }

    .gap-9--xl,
    [gap-9*="xl"] {
        --dsg-gap: var(--ita-spacings-9, 20px);
    }

    .gap-10--xl,
    [gap-10*="xl"] {
        --dsg-gap: var(--ita-spacings-10, 24px);
    }

    .gap-11--xl,
    [gap-11*="xl"] {
        --dsg-gap: var(--ita-spacings-11, 32px);
    }

    .gap-12--xl,
    [gap-12*="xl"] {
        --dsg-gap: var(--ita-spacings-12, 36px);
    }

    .gap-13--xl,
    [gap-13*="xl"] {
        --dsg-gap: var(--ita-spacings-13, 40px);
    }

    .gap-14--xl,
    [gap-14*="xl"] {
        --dsg-gap: var(--ita-spacings-14, 44px);
    }

    .gap-15--xl,
    [gap-15*="xl"] {
        --dsg-gap: var(--ita-spacings-15, 48px);
    }

    .gap-16--xl,
    [gap-16*="xl"] {
        --dsg-gap: var(--ita-spacings-16, 54px);
    }

    .gap-17--xl,
    [gap-17*="xl"] {
        --dsg-gap: var(--ita-spacings-17, 60px);
    }

    .fg-1--xl,
    [fg-1*="xl"] {
        flex-grow: 1;
    }

    .w-100--xl,
    [w-100*="xl"] {
        width: 100%;
    }

    .w-auto--xl,
    [w-auto*="xl"] {
        width: auto;
    }

    .w-100vw--xl,
    [w-100vw*="xl"] {
        width: 100vw;
    }

    .w-1035px--xl,
    [w-1035px*="xl"] {
        width: 1035px;
    }

    .w-1t--xl,
    [w-1t*="xl"] {
        --twelves: 1;
    }

    .w-2t--xl,
    [w-2t*="xl"] {
        --twelves: 2;
    }

    .w-3t--xl,
    [w-3t*="xl"] {
        --twelves: 3;
    }

    .w-4t--xl,
    [w-4t*="xl"] {
        --twelves: 4;
    }

    .w-5t--xl,
    [w-5t*="xl"] {
        --twelves: 5;
    }

    .w-6t--xl,
    [w-6t*="xl"] {
        --twelves: 6;
    }

    .w-7t--xl,
    [w-7t*="xl"] {
        --twelves: 7;
    }

    .w-8t--xl,
    [w-8t*="xl"] {
        --twelves: 8;
    }

    .w-9t--xl,
    [w-9t*="xl"] {
        --twelves: 9;
    }

    .w-10t--xl,
    [w-10t*="xl"] {
        --twelves: 10;
    }

    .w-11t--xl,
    [w-11t*="xl"] {
        --twelves: 11;
    }

    .w-12t--xl,
    [w-12t*="xl"] {
        --twelves: 12;
    }

    .maxw-100--xl,
    [maxw-100*="xl"] {
        max-width: 100%;
    }

    .maxw-280px--xl,
    [maxw-280px*="xl"] {
        max-width: 280px;
    }

    .maxw-100vw--xl,
    [maxw-100vw*="xl"] {
        max-width: 100vw;
    }

    .maxw-1488px--xl,
    [maxw-1488px*="xl"] {
        max-width: 1488px;
    }

    .minw-280px--xl,
    [minw-280px*="xl"] {
        min-width: 280px;
    }

    .minw-100--xl,
    [minw-100*="xl"] {
        min-width: 100%;
    }

    .h-100--xl,
    [h-100*="xl"] {
        height: 100%;
    }

    .h-auto--xl,
    [h-auto*="xl"] {
        height: auto;
    }

    .h-100vh--xl,
    [h-100vh*="xl"] {
        height: 100vh;
    }

    .h-100vh-64px--xl,
    [h-100vh-64px*="xl"] {
        height: calc(100vh - 64px);
    }

    .maxh-100--xl,
    [maxh-100*="xl"] {
        max-height: 100%;
    }

    .maxh-100vh--xl,
    [maxh-100vh*="xl"] {
        max-height: 100vh;
    }

    .maxh-80vh--xl,
    [maxh-80vh*="xl"] {
        max-height: 80vh;
    }

    .maxh-50vh--xl,
    [maxh-50vh*="xl"] {
        max-height: 50vh;
    }

    .maxh-190px--xl,
    [maxh-190px*="xl"] {
        max-height: 190px;
    }

    .minh-100vh--xl,
    [minh-100vh*="xl"] {
        min-height: 100vh;
    }

    .minh-100--xl,
    [minh-100*="xl"] {
        min-height: 100%;
    }

    .o-auto--xl,
    [o-auto*="xl"] {
        overflow: auto;
    }

    .o-hidden--xl,
    [o-hidden*="xl"] {
        overflow: hidden;
    }

    .p-0--xl,
    [p-0*="xl"] {
        padding: 0px;
    }

    .p-1--xl,
    [p-1*="xl"] {
        padding: var(--ita-spacings-1, 2px);
    }

    .p-2--xl,
    [p-2*="xl"] {
        padding: var(--ita-spacings-2, 4px);
    }

    .p-3--xl,
    [p-3*="xl"] {
        padding: var(--ita-spacings-3, 6px);
    }

    .p-4--xl,
    [p-4*="xl"] {
        padding: var(--ita-spacings-4, 8px);
    }

    .p-5--xl,
    [p-5*="xl"] {
        padding: var(--ita-spacings-5, 12px);
    }

    .p-6--xl,
    [p-6*="xl"] {
        padding: var(--ita-spacings-6, 14px);
    }

    .p-7--xl,
    [p-7*="xl"] {
        padding: var(--ita-spacings-7, 16px);
    }

    .p-8--xl,
    [p-8*="xl"] {
        padding: var(--ita-spacings-8, 18px);
    }

    .p-9--xl,
    [p-9*="xl"] {
        padding: var(--ita-spacings-9, 20px);
    }

    .p-10--xl,
    [p-10*="xl"] {
        padding: var(--ita-spacings-10, 24px);
    }

    .p-11--xl,
    [p-11*="xl"] {
        padding: var(--ita-spacings-11, 32px);
    }

    .p-12--xl,
    [p-12*="xl"] {
        padding: var(--ita-spacings-12, 36px);
    }

    .p-13--xl,
    [p-13*="xl"] {
        padding: var(--ita-spacings-13, 40px);
    }

    .p-14--xl,
    [p-14*="xl"] {
        padding: var(--ita-spacings-14, 44px);
    }

    .p-15--xl,
    [p-15*="xl"] {
        padding: var(--ita-spacings-15, 48px);
    }

    .p-16--xl,
    [p-16*="xl"] {
        padding: var(--ita-spacings-16, 54px);
    }

    .p-17--xl,
    [p-17*="xl"] {
        padding: var(--ita-spacings-17, 60px);
    }

    .pt-0--xl,
    [pt-0*="xl"] {
        padding-top: 0px;
    }

    .pt-1--xl,
    [pt-1*="xl"] {
        padding-top: var(--ita-spacings-1, 2px);
    }

    .pt-2--xl,
    [pt-2*="xl"] {
        padding-top: var(--ita-spacings-2, 4px);
    }

    .pt-3--xl,
    [pt-3*="xl"] {
        padding-top: var(--ita-spacings-3, 6px);
    }

    .pt-4--xl,
    [pt-4*="xl"] {
        padding-top: var(--ita-spacings-4, 8px);
    }

    .pt-5--xl,
    [pt-5*="xl"] {
        padding-top: var(--ita-spacings-5, 12px);
    }

    .pt-6--xl,
    [pt-6*="xl"] {
        padding-top: var(--ita-spacings-6, 14px);
    }

    .pt-7--xl,
    [pt-7*="xl"] {
        padding-top: var(--ita-spacings-7, 16px);
    }

    .pt-8--xl,
    [pt-8*="xl"] {
        padding-top: var(--ita-spacings-8, 18px);
    }

    .pt-9--xl,
    [pt-9*="xl"] {
        padding-top: var(--ita-spacings-9, 20px);
    }

    .pt-10--xl,
    [pt-10*="xl"] {
        padding-top: var(--ita-spacings-10, 24px);
    }

    .pt-11--xl,
    [pt-11*="xl"] {
        padding-top: var(--ita-spacings-11, 32px);
    }

    .pt-12--xl,
    [pt-12*="xl"] {
        padding-top: var(--ita-spacings-12, 36px);
    }

    .pt-13--xl,
    [pt-13*="xl"] {
        padding-top: var(--ita-spacings-13, 40px);
    }

    .pt-14--xl,
    [pt-14*="xl"] {
        padding-top: var(--ita-spacings-14, 44px);
    }

    .pt-15--xl,
    [pt-15*="xl"] {
        padding-top: var(--ita-spacings-15, 48px);
    }

    .pt-16--xl,
    [pt-16*="xl"] {
        padding-top: var(--ita-spacings-16, 54px);
    }

    .pt-17--xl,
    [pt-17*="xl"] {
        padding-top: var(--ita-spacings-17, 60px);
    }

    .pr-0--xl,
    [pr-0*="xl"] {
        padding-right: 0px;
    }

    .pr-1--xl,
    [pr-1*="xl"] {
        padding-right: var(--ita-spacings-1, 2px);
    }

    .pr-2--xl,
    [pr-2*="xl"] {
        padding-right: var(--ita-spacings-2, 4px);
    }

    .pr-3--xl,
    [pr-3*="xl"] {
        padding-right: var(--ita-spacings-3, 6px);
    }

    .pr-4--xl,
    [pr-4*="xl"] {
        padding-right: var(--ita-spacings-4, 8px);
    }

    .pr-5--xl,
    [pr-5*="xl"] {
        padding-right: var(--ita-spacings-5, 12px);
    }

    .pr-6--xl,
    [pr-6*="xl"] {
        padding-right: var(--ita-spacings-6, 14px);
    }

    .pr-7--xl,
    [pr-7*="xl"] {
        padding-right: var(--ita-spacings-7, 16px);
    }

    .pr-8--xl,
    [pr-8*="xl"] {
        padding-right: var(--ita-spacings-8, 18px);
    }

    .pr-9--xl,
    [pr-9*="xl"] {
        padding-right: var(--ita-spacings-9, 20px);
    }

    .pr-10--xl,
    [pr-10*="xl"] {
        padding-right: var(--ita-spacings-10, 24px);
    }

    .pr-11--xl,
    [pr-11*="xl"] {
        padding-right: var(--ita-spacings-11, 32px);
    }

    .pr-12--xl,
    [pr-12*="xl"] {
        padding-right: var(--ita-spacings-12, 36px);
    }

    .pr-13--xl,
    [pr-13*="xl"] {
        padding-right: var(--ita-spacings-13, 40px);
    }

    .pr-14--xl,
    [pr-14*="xl"] {
        padding-right: var(--ita-spacings-14, 44px);
    }

    .pr-15--xl,
    [pr-15*="xl"] {
        padding-right: var(--ita-spacings-15, 48px);
    }

    .pr-16--xl,
    [pr-16*="xl"] {
        padding-right: var(--ita-spacings-16, 54px);
    }

    .pr-17--xl,
    [pr-17*="xl"] {
        padding-right: var(--ita-spacings-17, 60px);
    }

    .pb-0--xl,
    [pb-0*="xl"] {
        padding-bottom: 0px;
    }

    .pb-1--xl,
    [pb-1*="xl"] {
        padding-bottom: var(--ita-spacings-1, 2px);
    }

    .pb-2--xl,
    [pb-2*="xl"] {
        padding-bottom: var(--ita-spacings-2, 4px);
    }

    .pb-3--xl,
    [pb-3*="xl"] {
        padding-bottom: var(--ita-spacings-3, 6px);
    }

    .pb-4--xl,
    [pb-4*="xl"] {
        padding-bottom: var(--ita-spacings-4, 8px);
    }

    .pb-5--xl,
    [pb-5*="xl"] {
        padding-bottom: var(--ita-spacings-5, 12px);
    }

    .pb-6--xl,
    [pb-6*="xl"] {
        padding-bottom: var(--ita-spacings-6, 14px);
    }

    .pb-7--xl,
    [pb-7*="xl"] {
        padding-bottom: var(--ita-spacings-7, 16px);
    }

    .pb-8--xl,
    [pb-8*="xl"] {
        padding-bottom: var(--ita-spacings-8, 18px);
    }

    .pb-9--xl,
    [pb-9*="xl"] {
        padding-bottom: var(--ita-spacings-9, 20px);
    }

    .pb-10--xl,
    [pb-10*="xl"] {
        padding-bottom: var(--ita-spacings-10, 24px);
    }

    .pb-11--xl,
    [pb-11*="xl"] {
        padding-bottom: var(--ita-spacings-11, 32px);
    }

    .pb-12--xl,
    [pb-12*="xl"] {
        padding-bottom: var(--ita-spacings-12, 36px);
    }

    .pb-13--xl,
    [pb-13*="xl"] {
        padding-bottom: var(--ita-spacings-13, 40px);
    }

    .pb-14--xl,
    [pb-14*="xl"] {
        padding-bottom: var(--ita-spacings-14, 44px);
    }

    .pb-15--xl,
    [pb-15*="xl"] {
        padding-bottom: var(--ita-spacings-15, 48px);
    }

    .pb-16--xl,
    [pb-16*="xl"] {
        padding-bottom: var(--ita-spacings-16, 54px);
    }

    .pb-17--xl,
    [pb-17*="xl"] {
        padding-bottom: var(--ita-spacings-17, 60px);
    }

    .pl-0--xl,
    [pl-0*="xl"] {
        padding-left: 0px;
    }

    .pl-1--xl,
    [pl-1*="xl"] {
        padding-left: var(--ita-spacings-1, 2px);
    }

    .pl-2--xl,
    [pl-2*="xl"] {
        padding-left: var(--ita-spacings-2, 4px);
    }

    .pl-3--xl,
    [pl-3*="xl"] {
        padding-left: var(--ita-spacings-3, 6px);
    }

    .pl-4--xl,
    [pl-4*="xl"] {
        padding-left: var(--ita-spacings-4, 8px);
    }

    .pl-5--xl,
    [pl-5*="xl"] {
        padding-left: var(--ita-spacings-5, 12px);
    }

    .pl-6--xl,
    [pl-6*="xl"] {
        padding-left: var(--ita-spacings-6, 14px);
    }

    .pl-7--xl,
    [pl-7*="xl"] {
        padding-left: var(--ita-spacings-7, 16px);
    }

    .pl-8--xl,
    [pl-8*="xl"] {
        padding-left: var(--ita-spacings-8, 18px);
    }

    .pl-9--xl,
    [pl-9*="xl"] {
        padding-left: var(--ita-spacings-9, 20px);
    }

    .pl-10--xl,
    [pl-10*="xl"] {
        padding-left: var(--ita-spacings-10, 24px);
    }

    .pl-11--xl,
    [pl-11*="xl"] {
        padding-left: var(--ita-spacings-11, 32px);
    }

    .pl-12--xl,
    [pl-12*="xl"] {
        padding-left: var(--ita-spacings-12, 36px);
    }

    .pl-13--xl,
    [pl-13*="xl"] {
        padding-left: var(--ita-spacings-13, 40px);
    }

    .pl-14--xl,
    [pl-14*="xl"] {
        padding-left: var(--ita-spacings-14, 44px);
    }

    .pl-15--xl,
    [pl-15*="xl"] {
        padding-left: var(--ita-spacings-15, 48px);
    }

    .pl-16--xl,
    [pl-16*="xl"] {
        padding-left: var(--ita-spacings-16, 54px);
    }

    .pl-17--xl,
    [pl-17*="xl"] {
        padding-left: var(--ita-spacings-17, 60px);
    }

    .m-0--xl,
    [m-0*="xl"] {
        margin: 0px;
    }

    .m-auto--xl,
    [m-auto*="xl"] {
        margin: auto;
    }

    .m-1--xl,
    [m-1*="xl"] {
        margin: var(--ita-spacings-1, 2px);
    }

    .m-2--xl,
    [m-2*="xl"] {
        margin: var(--ita-spacings-2, 4px);
    }

    .m-3--xl,
    [m-3*="xl"] {
        margin: var(--ita-spacings-3, 6px);
    }

    .m-4--xl,
    [m-4*="xl"] {
        margin: var(--ita-spacings-4, 8px);
    }

    .m-5--xl,
    [m-5*="xl"] {
        margin: var(--ita-spacings-5, 12px);
    }

    .m-6--xl,
    [m-6*="xl"] {
        margin: var(--ita-spacings-6, 14px);
    }

    .m-7--xl,
    [m-7*="xl"] {
        margin: var(--ita-spacings-7, 16px);
    }

    .m-8--xl,
    [m-8*="xl"] {
        margin: var(--ita-spacings-8, 18px);
    }

    .m-9--xl,
    [m-9*="xl"] {
        margin: var(--ita-spacings-9, 20px);
    }

    .m-10--xl,
    [m-10*="xl"] {
        margin: var(--ita-spacings-10, 24px);
    }

    .m-11--xl,
    [m-11*="xl"] {
        margin: var(--ita-spacings-11, 32px);
    }

    .m-12--xl,
    [m-12*="xl"] {
        margin: var(--ita-spacings-12, 36px);
    }

    .m-13--xl,
    [m-13*="xl"] {
        margin: var(--ita-spacings-13, 40px);
    }

    .m-14--xl,
    [m-14*="xl"] {
        margin: var(--ita-spacings-14, 44px);
    }

    .m-15--xl,
    [m-15*="xl"] {
        margin: var(--ita-spacings-15, 48px);
    }

    .m-16--xl,
    [m-16*="xl"] {
        margin: var(--ita-spacings-16, 54px);
    }

    .m-17--xl,
    [m-17*="xl"] {
        margin: var(--ita-spacings-17, 60px);
    }

    .mt-0--xl,
    [mt-0*="xl"] {
        margin-top: 0px;
    }

    .mt-1--xl,
    [mt-1*="xl"] {
        margin-top: var(--ita-spacings-1, 2px);
    }

    .mt-2--xl,
    [mt-2*="xl"] {
        margin-top: var(--ita-spacings-2, 4px);
    }

    .mt-3--xl,
    [mt-3*="xl"] {
        margin-top: var(--ita-spacings-3, 6px);
    }

    .mt-4--xl,
    [mt-4*="xl"] {
        margin-top: var(--ita-spacings-4, 8px);
    }

    .mt-5--xl,
    [mt-5*="xl"] {
        margin-top: var(--ita-spacings-5, 12px);
    }

    .mt-6--xl,
    [mt-6*="xl"] {
        margin-top: var(--ita-spacings-6, 14px);
    }

    .mt-7--xl,
    [mt-7*="xl"] {
        margin-top: var(--ita-spacings-7, 16px);
    }

    .mt-8--xl,
    [mt-8*="xl"] {
        margin-top: var(--ita-spacings-8, 18px);
    }

    .mt-9--xl,
    [mt-9*="xl"] {
        margin-top: var(--ita-spacings-9, 20px);
    }

    .mt-10--xl,
    [mt-10*="xl"] {
        margin-top: var(--ita-spacings-10, 24px);
    }

    .mt-11--xl,
    [mt-11*="xl"] {
        margin-top: var(--ita-spacings-11, 32px);
    }

    .mt-12--xl,
    [mt-12*="xl"] {
        margin-top: var(--ita-spacings-12, 36px);
    }

    .mt-13--xl,
    [mt-13*="xl"] {
        margin-top: var(--ita-spacings-13, 40px);
    }

    .mt-14--xl,
    [mt-14*="xl"] {
        margin-top: var(--ita-spacings-14, 44px);
    }

    .mt-15--xl,
    [mt-15*="xl"] {
        margin-top: var(--ita-spacings-15, 48px);
    }

    .mt-16--xl,
    [mt-16*="xl"] {
        margin-top: var(--ita-spacings-16, 54px);
    }

    .mt-17--xl,
    [mt-17*="xl"] {
        margin-top: var(--ita-spacings-17, 60px);
    }

    .mr-0--xl,
    [mr-0*="xl"] {
        margin-right: 0px;
    }

    .mr-auto--xl,
    [mr-auto*="xl"] {
        margin-right: auto;
    }

    .mr-1--xl,
    [mr-1*="xl"] {
        margin-right: var(--ita-spacings-1, 2px);
    }

    .mr-2--xl,
    [mr-2*="xl"] {
        margin-right: var(--ita-spacings-2, 4px);
    }

    .mr-3--xl,
    [mr-3*="xl"] {
        margin-right: var(--ita-spacings-3, 6px);
    }

    .mr-4--xl,
    [mr-4*="xl"] {
        margin-right: var(--ita-spacings-4, 8px);
    }

    .mr-5--xl,
    [mr-5*="xl"] {
        margin-right: var(--ita-spacings-5, 12px);
    }

    .mr-6--xl,
    [mr-6*="xl"] {
        margin-right: var(--ita-spacings-6, 14px);
    }

    .mr-7--xl,
    [mr-7*="xl"] {
        margin-right: var(--ita-spacings-7, 16px);
    }

    .mr-8--xl,
    [mr-8*="xl"] {
        margin-right: var(--ita-spacings-8, 18px);
    }

    .mr-9--xl,
    [mr-9*="xl"] {
        margin-right: var(--ita-spacings-9, 20px);
    }

    .mr-10--xl,
    [mr-10*="xl"] {
        margin-right: var(--ita-spacings-10, 24px);
    }

    .mr-11--xl,
    [mr-11*="xl"] {
        margin-right: var(--ita-spacings-11, 32px);
    }

    .mr-12--xl,
    [mr-12*="xl"] {
        margin-right: var(--ita-spacings-12, 36px);
    }

    .mr-13--xl,
    [mr-13*="xl"] {
        margin-right: var(--ita-spacings-13, 40px);
    }

    .mr-14--xl,
    [mr-14*="xl"] {
        margin-right: var(--ita-spacings-14, 44px);
    }

    .mr-15--xl,
    [mr-15*="xl"] {
        margin-right: var(--ita-spacings-15, 48px);
    }

    .mr-16--xl,
    [mr-16*="xl"] {
        margin-right: var(--ita-spacings-16, 54px);
    }

    .mr-17--xl,
    [mr-17*="xl"] {
        margin-right: var(--ita-spacings-17, 60px);
    }

    .mb-0--xl,
    [mb-0*="xl"] {
        margin-bottom: 0px;
    }

    .mb-1--xl,
    [mb-1*="xl"] {
        margin-bottom: var(--ita-spacings-1, 2px);
    }

    .mb-2--xl,
    [mb-2*="xl"] {
        margin-bottom: var(--ita-spacings-2, 4px);
    }

    .mb-3--xl,
    [mb-3*="xl"] {
        margin-bottom: var(--ita-spacings-3, 6px);
    }

    .mb-4--xl,
    [mb-4*="xl"] {
        margin-bottom: var(--ita-spacings-4, 8px);
    }

    .mb-5--xl,
    [mb-5*="xl"] {
        margin-bottom: var(--ita-spacings-5, 12px);
    }

    .mb-6--xl,
    [mb-6*="xl"] {
        margin-bottom: var(--ita-spacings-6, 14px);
    }

    .mb-7--xl,
    [mb-7*="xl"] {
        margin-bottom: var(--ita-spacings-7, 16px);
    }

    .mb-8--xl,
    [mb-8*="xl"] {
        margin-bottom: var(--ita-spacings-8, 18px);
    }

    .mb-9--xl,
    [mb-9*="xl"] {
        margin-bottom: var(--ita-spacings-9, 20px);
    }

    .mb-10--xl,
    [mb-10*="xl"] {
        margin-bottom: var(--ita-spacings-10, 24px);
    }

    .mb-11--xl,
    [mb-11*="xl"] {
        margin-bottom: var(--ita-spacings-11, 32px);
    }

    .mb-12--xl,
    [mb-12*="xl"] {
        margin-bottom: var(--ita-spacings-12, 36px);
    }

    .mb-13--xl,
    [mb-13*="xl"] {
        margin-bottom: var(--ita-spacings-13, 40px);
    }

    .mb-14--xl,
    [mb-14*="xl"] {
        margin-bottom: var(--ita-spacings-14, 44px);
    }

    .mb-15--xl,
    [mb-15*="xl"] {
        margin-bottom: var(--ita-spacings-15, 48px);
    }

    .mb-16--xl,
    [mb-16*="xl"] {
        margin-bottom: var(--ita-spacings-16, 54px);
    }

    .mb-17--xl,
    [mb-17*="xl"] {
        margin-bottom: var(--ita-spacings-17, 60px);
    }

    .ml-0--xl,
    [ml-0*="xl"] {
        margin-left: 0px;
    }

    .ml-auto--xl,
    [ml-auto*="xl"] {
        margin-left: auto;
    }

    .ml-1--xl,
    [ml-1*="xl"] {
        margin-left: var(--ita-spacings-1, 2px);
    }

    .ml-2--xl,
    [ml-2*="xl"] {
        margin-left: var(--ita-spacings-2, 4px);
    }

    .ml-3--xl,
    [ml-3*="xl"] {
        margin-left: var(--ita-spacings-3, 6px);
    }

    .ml-4--xl,
    [ml-4*="xl"] {
        margin-left: var(--ita-spacings-4, 8px);
    }

    .ml-5--xl,
    [ml-5*="xl"] {
        margin-left: var(--ita-spacings-5, 12px);
    }

    .ml-6--xl,
    [ml-6*="xl"] {
        margin-left: var(--ita-spacings-6, 14px);
    }

    .ml-7--xl,
    [ml-7*="xl"] {
        margin-left: var(--ita-spacings-7, 16px);
    }

    .ml-8--xl,
    [ml-8*="xl"] {
        margin-left: var(--ita-spacings-8, 18px);
    }

    .ml-9--xl,
    [ml-9*="xl"] {
        margin-left: var(--ita-spacings-9, 20px);
    }

    .ml-10--xl,
    [ml-10*="xl"] {
        margin-left: var(--ita-spacings-10, 24px);
    }

    .ml-11--xl,
    [ml-11*="xl"] {
        margin-left: var(--ita-spacings-11, 32px);
    }

    .ml-12--xl,
    [ml-12*="xl"] {
        margin-left: var(--ita-spacings-12, 36px);
    }

    .ml-13--xl,
    [ml-13*="xl"] {
        margin-left: var(--ita-spacings-13, 40px);
    }

    .ml-14--xl,
    [ml-14*="xl"] {
        margin-left: var(--ita-spacings-14, 44px);
    }

    .ml-15--xl,
    [ml-15*="xl"] {
        margin-left: var(--ita-spacings-15, 48px);
    }

    .ml-16--xl,
    [ml-16*="xl"] {
        margin-left: var(--ita-spacings-16, 54px);
    }

    .ml-17--xl,
    [ml-17*="xl"] {
        margin-left: var(--ita-spacings-17, 60px);
    }

    .ff-1-1--xl,
    [ff-1-1*="xl"] {
        font-family: var(--ita-fontFamilies-1-1, TYPO_1_1, sans-serif);
    }

    .ff-1-2--xl,
    [ff-1-2*="xl"] {
        font-family: var(--ita-fontFamilies-1-2, TYPO_1_2, sans-serif);
    }

    .ff-2-1--xl,
    [ff-2-1*="xl"] {
        font-family: var(--ita-fontFamilies-2-1, TYPO_2_1, sans-serif);
    }

    .ff-2-2--xl,
    [ff-2-2*="xl"] {
        font-family: var(--ita-fontFamilies-2-2, TYPO_2_2, sans-serif);
    }

    .fs-1--xl,
    [fs-1*="xl"] {
        font-size: var(--ita-fontSizes-1, 10px);
    }

    .fs-2--xl,
    [fs-2*="xl"] {
        font-size: var(--ita-fontSizes-2, 11px);
    }

    .fs-3--xl,
    [fs-3*="xl"] {
        font-size: var(--ita-fontSizes-3, 12px);
    }

    .fs-4--xl,
    [fs-4*="xl"] {
        font-size: var(--ita-fontSizes-4, 14px);
    }

    .fs-5--xl,
    [fs-5*="xl"] {
        font-size: var(--ita-fontSizes-5, 16px);
    }

    .fs-6--xl,
    [fs-6*="xl"] {
        font-size: var(--ita-fontSizes-6, 18px);
    }

    .fs-7--xl,
    [fs-7*="xl"] {
        font-size: var(--ita-fontSizes-7, 20px);
    }

    .fs-8--xl,
    [fs-8*="xl"] {
        font-size: var(--ita-fontSizes-8, 24px);
    }

    .fs-9--xl,
    [fs-9*="xl"] {
        font-size: var(--ita-fontSizes-9, 28px);
    }

    .fs-10--xl,
    [fs-10*="xl"] {
        font-size: var(--ita-fontSizes-10, 32px);
    }

    .fs-11--xl,
    [fs-11*="xl"] {
        font-size: var(--ita-fontSizes-11, 36px);
    }

    .fs-12--xl,
    [fs-12*="xl"] {
        font-size: var(--ita-fontSizes-12, 42px);
    }

    .fs-13--xl,
    [fs-13*="xl"] {
        font-size: var(--ita-fontSizes-13, 54px);
    }

    .ta-left--xl,
    [ta-left*="xl"] {
        text-align: left;
    }

    .ta-center--xl,
    [ta-center*="xl"] {
        text-align: center;
    }

    .ta-right--xl,
    [ta-right*="xl"] {
        text-align: right;
    }

    .c-current--xl,
    [c-current*="xl"] {
        color: currentColor;
    }

    .c-black--xl,
    [c-black*="xl"] {
        color: var(--ita-colors-black, #000000);
    }

    .c-soft-black--xl,
    [c-soft-black*="xl"] {
        color: var(--ita-colors-soft-black, #22242C);
    }

    .c-dark-grey--xl,
    [c-dark-grey*="xl"] {
        color: var(--ita-colors-dark-grey, #515A76);
    }

    .c-medium-grey--xl,
    [c-medium-grey*="xl"] {
        color: var(--ita-colors-medium-grey, #838CAA);
    }

    .c-light-grey--xl,
    [c-light-grey*="xl"] {
        color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .c-soft-grey--xl,
    [c-soft-grey*="xl"] {
        color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .c-ultra-light-grey--xl,
    [c-ultra-light-grey*="xl"] {
        color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .c-off-white--xl,
    [c-off-white*="xl"] {
        color: var(--ita-colors-off-white, #F8F9FC);
    }

    .c-white--xl,
    [c-white*="xl"] {
        color: var(--ita-colors-white, #FFFFFF);
    }

    .c-black-50--xl,
    [c-black-50*="xl"] {
        color: var(--ita-colors-black-50, #00000080);
    }

    .c-light-grey-30--xl,
    [c-light-grey-30*="xl"] {
        color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .c-white-50--xl,
    [c-white-50*="xl"] {
        color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .c-white-30--xl,
    [c-white-30*="xl"] {
        color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .c-brand-primary--xl,
    [c-brand-primary*="xl"] {
        color: var(--ita-colors-brand-primary, #021735);
    }

    .c-indigo--xl,
    [c-indigo*="xl"] {
        color: var(--ita-colors-indigo, #06234C);
    }

    .c-brand-accent--xl,
    [c-brand-accent*="xl"] {
        color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .c-soft-green--xl,
    [c-soft-green*="xl"] {
        color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .c-blue--xl,
    [c-blue*="xl"] {
        color: var(--ita-colors-blue, #00ABFF);
    }

    .c-light-blue--xl,
    [c-light-blue*="xl"] {
        color: var(--ita-colors-light-blue, #00C2FF);
    }

    .c-soft-blue--xl,
    [c-soft-blue*="xl"] {
        color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .c-clear-blue--xl,
    [c-clear-blue*="xl"] {
        color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .c-yellow--xl,
    [c-yellow*="xl"] {
        color: var(--ita-colors-yellow, #FFD752);
    }

    .c-soft-yellow--xl,
    [c-soft-yellow*="xl"] {
        color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .c-peach--xl,
    [c-peach*="xl"] {
        color: var(--ita-colors-peach, #F3E3DD);
    }

    .c-ultra-light-peach--xl,
    [c-ultra-light-peach*="xl"] {
        color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .c-light-purple--xl,
    [c-light-purple*="xl"] {
        color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .c-soft-purple--xl,
    [c-soft-purple*="xl"] {
        color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .c-ultra-light-purple--xl,
    [c-ultra-light-purple*="xl"] {
        color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .c-brand-accent-20--xl,
    [c-brand-accent-20*="xl"] {
        color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .c-yellow-10--xl,
    [c-yellow-10*="xl"] {
        color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bc-0--xl,
    [bc-0*="xl"] {
        background-color: transparent;
    }

    .bc-black--xl,
    [bc-black*="xl"] {
        background-color: var(--ita-colors-black, #000000);
    }

    .bc-soft-black--xl,
    [bc-soft-black*="xl"] {
        background-color: var(--ita-colors-soft-black, #22242C);
    }

    .bc-dark-grey--xl,
    [bc-dark-grey*="xl"] {
        background-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bc-medium-grey--xl,
    [bc-medium-grey*="xl"] {
        background-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bc-light-grey--xl,
    [bc-light-grey*="xl"] {
        background-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bc-soft-grey--xl,
    [bc-soft-grey*="xl"] {
        background-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bc-ultra-light-grey--xl,
    [bc-ultra-light-grey*="xl"] {
        background-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bc-off-white--xl,
    [bc-off-white*="xl"] {
        background-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bc-white--xl,
    [bc-white*="xl"] {
        background-color: var(--ita-colors-white, #FFFFFF);
    }

    .bc-black-50--xl,
    [bc-black-50*="xl"] {
        background-color: var(--ita-colors-black-50, #00000080);
    }

    .bc-light-grey-30--xl,
    [bc-light-grey-30*="xl"] {
        background-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bc-white-50--xl,
    [bc-white-50*="xl"] {
        background-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bc-white-30--xl,
    [bc-white-30*="xl"] {
        background-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bc-brand-primary--xl,
    [bc-brand-primary*="xl"] {
        background-color: var(--ita-colors-brand-primary, #021735);
    }

    .bc-indigo--xl,
    [bc-indigo*="xl"] {
        background-color: var(--ita-colors-indigo, #06234C);
    }

    .bc-brand-accent--xl,
    [bc-brand-accent*="xl"] {
        background-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bc-soft-green--xl,
    [bc-soft-green*="xl"] {
        background-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bc-blue--xl,
    [bc-blue*="xl"] {
        background-color: var(--ita-colors-blue, #00ABFF);
    }

    .bc-light-blue--xl,
    [bc-light-blue*="xl"] {
        background-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bc-soft-blue--xl,
    [bc-soft-blue*="xl"] {
        background-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bc-clear-blue--xl,
    [bc-clear-blue*="xl"] {
        background-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bc-yellow--xl,
    [bc-yellow*="xl"] {
        background-color: var(--ita-colors-yellow, #FFD752);
    }

    .bc-soft-yellow--xl,
    [bc-soft-yellow*="xl"] {
        background-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bc-peach--xl,
    [bc-peach*="xl"] {
        background-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bc-ultra-light-peach--xl,
    [bc-ultra-light-peach*="xl"] {
        background-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bc-light-purple--xl,
    [bc-light-purple*="xl"] {
        background-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bc-soft-purple--xl,
    [bc-soft-purple*="xl"] {
        background-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bc-ultra-light-purple--xl,
    [bc-ultra-light-purple*="xl"] {
        background-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bc-brand-accent-20--xl,
    [bc-brand-accent-20*="xl"] {
        background-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bc-yellow-10--xl,
    [bc-yellow-10*="xl"] {
        background-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .b-0--xl,
    [b-0*="xl"] {
        border: none;
    }

    .bcolor-0--xl,
    [bcolor-0*="xl"] {
        border-color: none;
    }

    .bcolor-transparent--xl,
    [bcolor-transparent*="xl"] {
        border-color: transparent;
    }

    .bcolor-black--xl,
    [bcolor-black*="xl"] {
        border-color: var(--ita-colors-black, #000000);
    }

    .bcolor-soft-black--xl,
    [bcolor-soft-black*="xl"] {
        border-color: var(--ita-colors-soft-black, #22242C);
    }

    .bcolor-dark-grey--xl,
    [bcolor-dark-grey*="xl"] {
        border-color: var(--ita-colors-dark-grey, #515A76);
    }

    .bcolor-medium-grey--xl,
    [bcolor-medium-grey*="xl"] {
        border-color: var(--ita-colors-medium-grey, #838CAA);
    }

    .bcolor-light-grey--xl,
    [bcolor-light-grey*="xl"] {
        border-color: var(--ita-colors-light-grey, #A2A9BF);
    }

    .bcolor-soft-grey--xl,
    [bcolor-soft-grey*="xl"] {
        border-color: var(--ita-colors-soft-grey, #DBDBDB);
    }

    .bcolor-ultra-light-grey--xl,
    [bcolor-ultra-light-grey*="xl"] {
        border-color: var(--ita-colors-ultra-light-grey, #EFEFEF);
    }

    .bcolor-off-white--xl,
    [bcolor-off-white*="xl"] {
        border-color: var(--ita-colors-off-white, #F8F9FC);
    }

    .bcolor-white--xl,
    [bcolor-white*="xl"] {
        border-color: var(--ita-colors-white, #FFFFFF);
    }

    .bcolor-black-50--xl,
    [bcolor-black-50*="xl"] {
        border-color: var(--ita-colors-black-50, #00000080);
    }

    .bcolor-light-grey-30--xl,
    [bcolor-light-grey-30*="xl"] {
        border-color: var(--ita-colors-light-grey-30, #A2A9BF4D);
    }

    .bcolor-white-50--xl,
    [bcolor-white-50*="xl"] {
        border-color: var(--ita-colors-white-50, #FFFFFF80);
    }

    .bcolor-white-30--xl,
    [bcolor-white-30*="xl"] {
        border-color: var(--ita-colors-white-30, #FFFFFF4D);
    }

    .bcolor-brand-primary--xl,
    [bcolor-brand-primary*="xl"] {
        border-color: var(--ita-colors-brand-primary, #021735);
    }

    .bcolor-indigo--xl,
    [bcolor-indigo*="xl"] {
        border-color: var(--ita-colors-indigo, #06234C);
    }

    .bcolor-brand-accent--xl,
    [bcolor-brand-accent*="xl"] {
        border-color: var(--ita-colors-brand-accent, #00E4B0);
    }

    .bcolor-soft-green--xl,
    [bcolor-soft-green*="xl"] {
        border-color: var(--ita-colors-soft-green, #5DE8C1);
    }

    .bcolor-blue--xl,
    [bcolor-blue*="xl"] {
        border-color: var(--ita-colors-blue, #00ABFF);
    }

    .bcolor-light-blue--xl,
    [bcolor-light-blue*="xl"] {
        border-color: var(--ita-colors-light-blue, #00C2FF);
    }

    .bcolor-soft-blue--xl,
    [bcolor-soft-blue*="xl"] {
        border-color: var(--ita-colors-soft-blue, #66C7FF);
    }

    .bcolor-clear-blue--xl,
    [bcolor-clear-blue*="xl"] {
        border-color: var(--ita-colors-clear-blue, #A4E0FD);
    }

    .bcolor-yellow--xl,
    [bcolor-yellow*="xl"] {
        border-color: var(--ita-colors-yellow, #FFD752);
    }

    .bcolor-soft-yellow--xl,
    [bcolor-soft-yellow*="xl"] {
        border-color: var(--ita-colors-soft-yellow, #FFDCA3);
    }

    .bcolor-peach--xl,
    [bcolor-peach*="xl"] {
        border-color: var(--ita-colors-peach, #F3E3DD);
    }

    .bcolor-ultra-light-peach--xl,
    [bcolor-ultra-light-peach*="xl"] {
        border-color: var(--ita-colors-ultra-light-peach, #FBF3EE);
    }

    .bcolor-light-purple--xl,
    [bcolor-light-purple*="xl"] {
        border-color: var(--ita-colors-light-purple, #CFD0FC);
    }

    .bcolor-soft-purple--xl,
    [bcolor-soft-purple*="xl"] {
        border-color: var(--ita-colors-soft-purple, #E8E3FC);
    }

    .bcolor-ultra-light-purple--xl,
    [bcolor-ultra-light-purple*="xl"] {
        border-color: var(--ita-colors-ultra-light-purple, #F5F6FE);
    }

    .bcolor-brand-accent-20--xl,
    [bcolor-brand-accent-20*="xl"] {
        border-color: var(--ita-colors-brand-accent-20, #00E4B033);
    }

    .bcolor-yellow-10--xl,
    [bcolor-yellow-10*="xl"] {
        border-color: var(--ita-colors-yellow-10, #FBBF241A);
    }

    .bt-0--xl,
    [bt-0*="xl"] {
        border-top: none;
    }

    .br-0--xl,
    [br-0*="xl"] {
        border-right: none;
    }

    .bb-0--xl,
    [bb-0*="xl"] {
        border-bottom: none;
    }

    .bl-0--xl,
    [bl-0*="xl"] {
        border-left: none;
    }

    .bwidth-0--xl,
    [bwidth-0*="xl"] {
        border-width: 0px;
    }

    .bwidth-1--xl,
    [bwidth-1*="xl"] {
        border-width: 1px;
    }

    .bwidth-2--xl,
    [bwidth-2*="xl"] {
        border-width: 2px;
    }

    .bwidth-3--xl,
    [bwidth-3*="xl"] {
        border-width: 3px;
    }

    .btwidth-0--xl,
    [btwidth-0*="xl"] {
        border-top-width: 0px;
    }

    .btwidth-1--xl,
    [btwidth-1*="xl"] {
        border-top-width: 1px;
    }

    .btwidth-2--xl,
    [btwidth-2*="xl"] {
        border-top-width: 2px;
    }

    .btwidth-3--xl,
    [btwidth-3*="xl"] {
        border-top-width: 3px;
    }

    .brwidth-0--xl,
    [brwidth-0*="xl"] {
        border-right-width: 0px;
    }

    .brwidth-1--xl,
    [brwidth-1*="xl"] {
        border-right-width: 1px;
    }

    .brwidth-2--xl,
    [brwidth-2*="xl"] {
        border-right-width: 2px;
    }

    .brwidth-3--xl,
    [brwidth-3*="xl"] {
        border-right-width: 3px;
    }

    .bbwidth-0--xl,
    [bbwidth-0*="xl"] {
        border-bottom-width: 0px;
    }

    .bbwidth-1--xl,
    [bbwidth-1*="xl"] {
        border-bottom-width: 1px;
    }

    .bbwidth-2--xl,
    [bbwidth-2*="xl"] {
        border-bottom-width: 2px;
    }

    .bbwidth-3--xl,
    [bbwidth-3*="xl"] {
        border-bottom-width: 3px;
    }

    .blwidth-0--xl,
    [blwidth-0*="xl"] {
        border-left-width: 0px;
    }

    .blwidth-1--xl,
    [blwidth-1*="xl"] {
        border-left-width: 1px;
    }

    .blwidth-2--xl,
    [blwidth-2*="xl"] {
        border-left-width: 2px;
    }

    .blwidth-3--xl,
    [blwidth-3*="xl"] {
        border-left-width: 3px;
    }

    .bstyle-solid--xl,
    [bstyle-solid*="xl"] {
        border-style: solid;
    }

    .bstyle-dashed--xl,
    [bstyle-dashed*="xl"] {
        border-style: dashed;
    }

    .bstyle-dotted--xl,
    [bstyle-dotted*="xl"] {
        border-style: dotted;
    }

    .bstyle-none--xl,
    [bstyle-none*="xl"] {
        border-style: none;
    }
}

/*END @media xl*/