:root {
    /* BRiCSS CSS variables start with --ita- */
    --ita-colors-100: #FFFFFF;
    --ita-colors-200: #F4F4F4;
    --ita-colors-300: #E5E5E5;
    --ita-colors-400: #C4C4C4;
    --ita-colors-500: #888888;
    --ita-colors-600: #606060;
    --ita-colors-700: #404040;
    --ita-colors-800: #202020;
    --ita-colors-900: #000000;
    --ita-colors-primary-100: #C9EBFF;
    --ita-colors-primary-200: #A0D9FB;
    --ita-colors-primary-300: #78C8F6;
    --ita-colors-primary-400: #4FB6F2;
    --ita-colors-primary-500: #26A4ED;
    --ita-colors-primary-600: #1D8DCF;
    --ita-colors-primary-700: #1377B0;
    --ita-colors-primary-800: #0A6092;
    --ita-colors-primary-900: #004973;
    --ita-fontFamilies-400: VictorMono-Regular, sans-serif;
    --ita-fontFamilies-700: VictorMono-Bold, sans-serif;
    --ita-fontFamilies-sketch: KGBrokenVesselsSketch, sans-serif;
    --ita-fontSizes-1: 10px;
    --ita-fontSizes-2: 12px;
    --ita-fontSizes-3: 14px;
    --ita-fontSizes-4: 16px;
    --ita-fontSizes-5: 20px;
    --ita-fontSizes-6: 32px;
    --ita-fontSizes-7: 48px;
    --ita-fontSizes-8: 64px;
    --ita-fontSizes-9: 96px;
    --ita-spacings-1: 4px;
    --ita-spacings-2: 8px;
    --ita-spacings-3: 12px;
    --ita-spacings-4: 16px;
    --ita-spacings-5: 24px;
    --ita-spacings-6: 32px;
    --ita-spacings-7: 48px;
    --ita-spacings-8: 64px;
    --ita-spacings-9: 128px;
  }
  
  .d-flex {
    display: flex;
  }
  .d-none {
    display: none;
  }
  .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;
  }
  .columns-2 {
    columns: 2;
  }
  .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;
  }
  .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));
  }
  .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-0 {
    gap: 0px;
  }
  .gap-1px {
    gap: 1px;
  }
  .gap-1 {
    gap: var(--ita-spacings-1, 4px);
  }
  .gap-2 {
    gap: var(--ita-spacings-2, 8px);
  }
  .gap-3 {
    gap: var(--ita-spacings-3, 12px);
  }
  .gap-4 {
    gap: var(--ita-spacings-4, 16px);
  }
  .gap-5 {
    gap: var(--ita-spacings-5, 24px);
  }
  .gap-6 {
    gap: var(--ita-spacings-6, 32px);
  }
  .gap-7 {
    gap: var(--ita-spacings-7, 48px);
  }
  .gap-8 {
    gap: var(--ita-spacings-8, 64px);
  }
  .gap-9 {
    gap: var(--ita-spacings-9, 128px);
  }
  .gap-0 {
    --dsg-gap: 0px;
  }
  .gap-1px {
    --dsg-gap: 1px;
  }
  .gap-1 {
    --dsg-gap: var(--ita-spacings-1, 4px);
  }
  .gap-2 {
    --dsg-gap: var(--ita-spacings-2, 8px);
  }
  .gap-3 {
    --dsg-gap: var(--ita-spacings-3, 12px);
  }
  .gap-4 {
    --dsg-gap: var(--ita-spacings-4, 16px);
  }
  .gap-5 {
    --dsg-gap: var(--ita-spacings-5, 24px);
  }
  .gap-6 {
    --dsg-gap: var(--ita-spacings-6, 32px);
  }
  .gap-7 {
    --dsg-gap: var(--ita-spacings-7, 48px);
  }
  .gap-8 {
    --dsg-gap: var(--ita-spacings-8, 64px);
  }
  .gap-9 {
    --dsg-gap: var(--ita-spacings-9, 128px);
  }
  .fg-1 {
    flex-grow: 1;
  }
  .w-100 {
    width: 100%;
  }
  .w-auto {
    width: auto;
  }
  .w-100vw {
    width: 100vw;
  }
  .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-var1 {
    max-width: var(--ita-maxw-1);
  }
  .h-100 {
    height: 100%;
  }
  .h-auto {
    height: auto;
  }
  .h-100vh {
    height: 100vh;
  }
  .maxh-100 {
    max-height: 100%;
  }
  .maxh-100vh {
    max-height: 100vh;
  }
  .maxh-80vh {
    max-height: 80vh;
  }
  .minh-100vh {
    min-height: 100vh;
  }
  .o-auto {
    overflow: auto;
  }
  .o-hidden {
    overflow: hidden;
  }
  .p-0 {
    padding: 0px;
  }
  .p-1 {
    padding: var(--ita-spacings-1, 4px);
  }
  .p-2 {
    padding: var(--ita-spacings-2, 8px);
  }
  .p-3 {
    padding: var(--ita-spacings-3, 12px);
  }
  .p-4 {
    padding: var(--ita-spacings-4, 16px);
  }
  .p-5 {
    padding: var(--ita-spacings-5, 24px);
  }
  .p-6 {
    padding: var(--ita-spacings-6, 32px);
  }
  .p-7 {
    padding: var(--ita-spacings-7, 48px);
  }
  .p-8 {
    padding: var(--ita-spacings-8, 64px);
  }
  .p-9 {
    padding: var(--ita-spacings-9, 128px);
  }
  .pt-0 {
    padding-top: 0px;
  }
  .pt-1 {
    padding-top: var(--ita-spacings-1, 4px);
  }
  .pt-2 {
    padding-top: var(--ita-spacings-2, 8px);
  }
  .pt-3 {
    padding-top: var(--ita-spacings-3, 12px);
  }
  .pt-4 {
    padding-top: var(--ita-spacings-4, 16px);
  }
  .pt-5 {
    padding-top: var(--ita-spacings-5, 24px);
  }
  .pt-6 {
    padding-top: var(--ita-spacings-6, 32px);
  }
  .pt-7 {
    padding-top: var(--ita-spacings-7, 48px);
  }
  .pt-8 {
    padding-top: var(--ita-spacings-8, 64px);
  }
  .pt-9 {
    padding-top: var(--ita-spacings-9, 128px);
  }
  .pr-0 {
    padding-right: 0px;
  }
  .pr-1 {
    padding-right: var(--ita-spacings-1, 4px);
  }
  .pr-2 {
    padding-right: var(--ita-spacings-2, 8px);
  }
  .pr-3 {
    padding-right: var(--ita-spacings-3, 12px);
  }
  .pr-4 {
    padding-right: var(--ita-spacings-4, 16px);
  }
  .pr-5 {
    padding-right: var(--ita-spacings-5, 24px);
  }
  .pr-6 {
    padding-right: var(--ita-spacings-6, 32px);
  }
  .pr-7 {
    padding-right: var(--ita-spacings-7, 48px);
  }
  .pr-8 {
    padding-right: var(--ita-spacings-8, 64px);
  }
  .pr-9 {
    padding-right: var(--ita-spacings-9, 128px);
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-1 {
    padding-bottom: var(--ita-spacings-1, 4px);
  }
  .pb-2 {
    padding-bottom: var(--ita-spacings-2, 8px);
  }
  .pb-3 {
    padding-bottom: var(--ita-spacings-3, 12px);
  }
  .pb-4 {
    padding-bottom: var(--ita-spacings-4, 16px);
  }
  .pb-5 {
    padding-bottom: var(--ita-spacings-5, 24px);
  }
  .pb-6 {
    padding-bottom: var(--ita-spacings-6, 32px);
  }
  .pb-7 {
    padding-bottom: var(--ita-spacings-7, 48px);
  }
  .pb-8 {
    padding-bottom: var(--ita-spacings-8, 64px);
  }
  .pb-9 {
    padding-bottom: var(--ita-spacings-9, 128px);
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-1 {
    padding-left: var(--ita-spacings-1, 4px);
  }
  .pl-2 {
    padding-left: var(--ita-spacings-2, 8px);
  }
  .pl-3 {
    padding-left: var(--ita-spacings-3, 12px);
  }
  .pl-4 {
    padding-left: var(--ita-spacings-4, 16px);
  }
  .pl-5 {
    padding-left: var(--ita-spacings-5, 24px);
  }
  .pl-6 {
    padding-left: var(--ita-spacings-6, 32px);
  }
  .pl-7 {
    padding-left: var(--ita-spacings-7, 48px);
  }
  .pl-8 {
    padding-left: var(--ita-spacings-8, 64px);
  }
  .pl-9 {
    padding-left: var(--ita-spacings-9, 128px);
  }
  .m-0 {
    margin: 0px;
  }
  .m-auto {
    margin: auto;
  }
  .m-1 {
    margin: var(--ita-spacings-1, 4px);
  }
  .m-2 {
    margin: var(--ita-spacings-2, 8px);
  }
  .m-3 {
    margin: var(--ita-spacings-3, 12px);
  }
  .m-4 {
    margin: var(--ita-spacings-4, 16px);
  }
  .m-5 {
    margin: var(--ita-spacings-5, 24px);
  }
  .m-6 {
    margin: var(--ita-spacings-6, 32px);
  }
  .m-7 {
    margin: var(--ita-spacings-7, 48px);
  }
  .m-8 {
    margin: var(--ita-spacings-8, 64px);
  }
  .m-9 {
    margin: var(--ita-spacings-9, 128px);
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-1 {
    margin-top: var(--ita-spacings-1, 4px);
  }
  .mt-2 {
    margin-top: var(--ita-spacings-2, 8px);
  }
  .mt-3 {
    margin-top: var(--ita-spacings-3, 12px);
  }
  .mt-4 {
    margin-top: var(--ita-spacings-4, 16px);
  }
  .mt-5 {
    margin-top: var(--ita-spacings-5, 24px);
  }
  .mt-6 {
    margin-top: var(--ita-spacings-6, 32px);
  }
  .mt-7 {
    margin-top: var(--ita-spacings-7, 48px);
  }
  .mt-8 {
    margin-top: var(--ita-spacings-8, 64px);
  }
  .mt-9 {
    margin-top: var(--ita-spacings-9, 128px);
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-auto {
    margin-right: auto;
  }
  .mr-1 {
    margin-right: var(--ita-spacings-1, 4px);
  }
  .mr-2 {
    margin-right: var(--ita-spacings-2, 8px);
  }
  .mr-3 {
    margin-right: var(--ita-spacings-3, 12px);
  }
  .mr-4 {
    margin-right: var(--ita-spacings-4, 16px);
  }
  .mr-5 {
    margin-right: var(--ita-spacings-5, 24px);
  }
  .mr-6 {
    margin-right: var(--ita-spacings-6, 32px);
  }
  .mr-7 {
    margin-right: var(--ita-spacings-7, 48px);
  }
  .mr-8 {
    margin-right: var(--ita-spacings-8, 64px);
  }
  .mr-9 {
    margin-right: var(--ita-spacings-9, 128px);
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-1 {
    margin-bottom: var(--ita-spacings-1, 4px);
  }
  .mb-2 {
    margin-bottom: var(--ita-spacings-2, 8px);
  }
  .mb-3 {
    margin-bottom: var(--ita-spacings-3, 12px);
  }
  .mb-4 {
    margin-bottom: var(--ita-spacings-4, 16px);
  }
  .mb-5 {
    margin-bottom: var(--ita-spacings-5, 24px);
  }
  .mb-6 {
    margin-bottom: var(--ita-spacings-6, 32px);
  }
  .mb-7 {
    margin-bottom: var(--ita-spacings-7, 48px);
  }
  .mb-8 {
    margin-bottom: var(--ita-spacings-8, 64px);
  }
  .mb-9 {
    margin-bottom: var(--ita-spacings-9, 128px);
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml-auto {
    margin-left: auto;
  }
  .ml-1 {
    margin-left: var(--ita-spacings-1, 4px);
  }
  .ml-2 {
    margin-left: var(--ita-spacings-2, 8px);
  }
  .ml-3 {
    margin-left: var(--ita-spacings-3, 12px);
  }
  .ml-4 {
    margin-left: var(--ita-spacings-4, 16px);
  }
  .ml-5 {
    margin-left: var(--ita-spacings-5, 24px);
  }
  .ml-6 {
    margin-left: var(--ita-spacings-6, 32px);
  }
  .ml-7 {
    margin-left: var(--ita-spacings-7, 48px);
  }
  .ml-8 {
    margin-left: var(--ita-spacings-8, 64px);
  }
  .ml-9 {
    margin-left: var(--ita-spacings-9, 128px);
  }
  .ff-400 {
    font-family: var(--ita-fontFamilies-400, VictorMono-Regular, sans-serif);
  }
  .ff-700 {
    font-family: var(--ita-fontFamilies-700, VictorMono-Bold, sans-serif);
  }
  .ff-sketch {
    font-family: var(--ita-fontFamilies-sketch, KGBrokenVesselsSketch, 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, 12px);
  }
  .fs-3 {
    font-size: var(--ita-fontSizes-3, 14px);
  }
  .fs-4 {
    font-size: var(--ita-fontSizes-4, 16px);
  }
  .fs-5 {
    font-size: var(--ita-fontSizes-5, 20px);
  }
  .fs-6 {
    font-size: var(--ita-fontSizes-6, 32px);
  }
  .fs-7 {
    font-size: var(--ita-fontSizes-7, 48px);
  }
  .fs-8 {
    font-size: var(--ita-fontSizes-8, 64px);
  }
  .fs-9 {
    font-size: var(--ita-fontSizes-9, 96px);
  }
  .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;
  }
  .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;
  }
  .c-transparent {
    color: transparent;
  }
  .c-currentColor {
    color: currentColor;
  }
  .c-100 {
    color: var(--ita-colors-100, #FFFFFF);
  }
  .c-200 {
    color: var(--ita-colors-200, #F4F4F4);
  }
  .c-300 {
    color: var(--ita-colors-300, #E5E5E5);
  }
  .c-400 {
    color: var(--ita-colors-400, #C4C4C4);
  }
  .c-500 {
    color: var(--ita-colors-500, #888888);
  }
  .c-600 {
    color: var(--ita-colors-600, #606060);
  }
  .c-700 {
    color: var(--ita-colors-700, #404040);
  }
  .c-800 {
    color: var(--ita-colors-800, #202020);
  }
  .c-900 {
    color: var(--ita-colors-900, #000000);
  }
  .c-primary-100 {
    color: var(--ita-colors-primary-100, #C9EBFF);
  }
  .c-primary-200 {
    color: var(--ita-colors-primary-200, #A0D9FB);
  }
  .c-primary-300 {
    color: var(--ita-colors-primary-300, #78C8F6);
  }
  .c-primary-400 {
    color: var(--ita-colors-primary-400, #4FB6F2);
  }
  .c-primary-500 {
    color: var(--ita-colors-primary-500, #26A4ED);
  }
  .c-primary-600 {
    color: var(--ita-colors-primary-600, #1D8DCF);
  }
  .c-primary-700 {
    color: var(--ita-colors-primary-700, #1377B0);
  }
  .c-primary-800 {
    color: var(--ita-colors-primary-800, #0A6092);
  }
  .c-primary-900 {
    color: var(--ita-colors-primary-900, #004973);
  }
  .bg-radio {
    background: center/100% no-repeat url('../medias/icon_circle.svg');
  }
  .bg-radio-checked {
    background: center/100% no-repeat url('../medias/icon_circle.svg'), radial-gradient(circle, black 28%, transparent 32%, transparent 100%);
  }
  .bg-checkbox {
    background: center/100% no-repeat url('../medias/icon_square.svg');
  }
  .bg-checkbox-checked {
    background: center/100% no-repeat url('../medias/icon_square.svg'),60% 50%/40% no-repeat url('../medias/icon_check.svg');
  }
  .bc-transparent {
    background-color: transparent;
  }
  .bc-100 {
    background-color: var(--ita-colors-100, #FFFFFF);
  }
  .bc-200 {
    background-color: var(--ita-colors-200, #F4F4F4);
  }
  .bc-300 {
    background-color: var(--ita-colors-300, #E5E5E5);
  }
  .bc-400 {
    background-color: var(--ita-colors-400, #C4C4C4);
  }
  .bc-500 {
    background-color: var(--ita-colors-500, #888888);
  }
  .bc-600 {
    background-color: var(--ita-colors-600, #606060);
  }
  .bc-700 {
    background-color: var(--ita-colors-700, #404040);
  }
  .bc-800 {
    background-color: var(--ita-colors-800, #202020);
  }
  .bc-900 {
    background-color: var(--ita-colors-900, #000000);
  }
  .bc-primary-100 {
    background-color: var(--ita-colors-primary-100, #C9EBFF);
  }
  .bc-primary-200 {
    background-color: var(--ita-colors-primary-200, #A0D9FB);
  }
  .bc-primary-300 {
    background-color: var(--ita-colors-primary-300, #78C8F6);
  }
  .bc-primary-400 {
    background-color: var(--ita-colors-primary-400, #4FB6F2);
  }
  .bc-primary-500 {
    background-color: var(--ita-colors-primary-500, #26A4ED);
  }
  .bc-primary-600 {
    background-color: var(--ita-colors-primary-600, #1D8DCF);
  }
  .bc-primary-700 {
    background-color: var(--ita-colors-primary-700, #1377B0);
  }
  .bc-primary-800 {
    background-color: var(--ita-colors-primary-800, #0A6092);
  }
  .bc-primary-900 {
    background-color: var(--ita-colors-primary-900, #004973);
  }
  .b-0 {
    border: none;
  }
  .bcolor-0 {
    border-color: none;
  }
  .bcolor-transparent {
    border-color: transparent;
  }
  .bcolor-100 {
    border-color: var(--ita-colors-100, #FFFFFF);
  }
  .bcolor-200 {
    border-color: var(--ita-colors-200, #F4F4F4);
  }
  .bcolor-300 {
    border-color: var(--ita-colors-300, #E5E5E5);
  }
  .bcolor-400 {
    border-color: var(--ita-colors-400, #C4C4C4);
  }
  .bcolor-500 {
    border-color: var(--ita-colors-500, #888888);
  }
  .bcolor-600 {
    border-color: var(--ita-colors-600, #606060);
  }
  .bcolor-700 {
    border-color: var(--ita-colors-700, #404040);
  }
  .bcolor-800 {
    border-color: var(--ita-colors-800, #202020);
  }
  .bcolor-900 {
    border-color: var(--ita-colors-900, #000000);
  }
  .bcolor-primary-100 {
    border-color: var(--ita-colors-primary-100, #C9EBFF);
  }
  .bcolor-primary-200 {
    border-color: var(--ita-colors-primary-200, #A0D9FB);
  }
  .bcolor-primary-300 {
    border-color: var(--ita-colors-primary-300, #78C8F6);
  }
  .bcolor-primary-400 {
    border-color: var(--ita-colors-primary-400, #4FB6F2);
  }
  .bcolor-primary-500 {
    border-color: var(--ita-colors-primary-500, #26A4ED);
  }
  .bcolor-primary-600 {
    border-color: var(--ita-colors-primary-600, #1D8DCF);
  }
  .bcolor-primary-700 {
    border-color: var(--ita-colors-primary-700, #1377B0);
  }
  .bcolor-primary-800 {
    border-color: var(--ita-colors-primary-800, #0A6092);
  }
  .bcolor-primary-900 {
    border-color: var(--ita-colors-primary-900, #004973);
  }
  .bt-0 {
    border-top: none;
  }
  .br-0 {
    border-right: none;
  }
  .bb-0 {
    border-bottom: none;
  }
  .bl-0 {
    border-left: none;
  }
  .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-none {
    border-style: none;
  }
  .btstyle-solid {
    border-top-style: solid;
  }
  .btstyle-dashed {
    border-top-style: dashed;
  }
  .btstyle-none {
    border-top-style: none;
  }
  .brstyle-solid {
    border-right-style: solid;
  }
  .brstyle-dashed {
    border-right-style: dashed;
  }
  .brstyle-none {
    border-right-style: none;
  }
  .bbstyle-solid {
    border-bottom-style: solid;
  }
  .bbstyle-dashed {
    border-bottom-style: dashed;
  }
  .bbstyle-none {
    border-bottom-style: none;
  }
  .blstyle-solid {
    border-left-style: solid;
  }
  .blstyle-dashed {
    border-left-style: dashed;
  }
  .blstyle-none {
    border-left-style: none;
  }
  .brad-0 {
    border-radius: 0px;
  }
  .brad-1 {
    border-radius: 3px;
  }
  .brad-2 {
    border-radius: 6px;
  }
  .brad-3 {
    border-radius: 12px;
  }
  .brad-4 {
    border-radius: 100px;
  }
  .bradtl-0 {
    border-top-left-radius: 0px;
  }
  .bradtl-1 {
    border-top-left-radius: 3px;
  }
  .bradtl-2 {
    border-top-left-radius: 6px;
  }
  .bradtl-3 {
    border-top-left-radius: 12px;
  }
  .bradtl-4 {
    border-top-left-radius: 100px;
  }
  .bradtr-0 {
    border-top-right-radius: 0px;
  }
  .bradtr-1 {
    border-top-right-radius: 3px;
  }
  .bradtr-2 {
    border-top-right-radius: 6px;
  }
  .bradtr-3 {
    border-top-right-radius: 12px;
  }
  .bradtr-4 {
    border-top-right-radius: 100px;
  }
  .bradbr-0 {
    border-bottom-right-radius: 0px;
  }
  .bradbr-1 {
    border-bottom-right-radius: 3px;
  }
  .bradbr-2 {
    border-bottom-right-radius: 6px;
  }
  .bradbr-3 {
    border-bottom-right-radius: 12px;
  }
  .bradbr-4 {
    border-bottom-right-radius: 100px;
  }
  .bradbl-0 {
    border-bottom-left-radius: 0px;
  }
  .bradbl-1 {
    border-bottom-left-radius: 3px;
  }
  .bradbl-2 {
    border-bottom-left-radius: 6px;
  }
  .bradbl-3 {
    border-bottom-left-radius: 12px;
  }
  .bradbl-4 {
    border-bottom-left-radius: 100px;
  }
  .boimg-1 {
    border-image: url('../medias/border_black.avif') 100 / 10px;
  }
  .boimg-2 {
    border-image: url('../medias/border_black_2.avif') 100 / 10px;
  }
  .baimg-stripes-1 {
    background-image: url('../medias/stripes_black_100.svg');
  }
  .baimg-stripes-2 {
    background-image: url('../medias/stripes_black_80.svg');
  }
  .baimg-stripes-3 {
    background-image: url('../medias/stripes_black_60.svg');
  }
  .baimg-stripes-4 {
    background-image: url('../medias/stripes_black_40.svg');
  }
  .baimg-stripes-5 {
    background-image: url('../medias/stripes_black_20.svg');
  }
  .baimg-stripes-6 {
    background-image: url('../medias/stripes_black_10.svg');
  }
  .bsize-cover {
    background-size: cover;
  }
  .bsize-contain {
    background-size: contain;
  }
  .bpos-top {
    background-position: top;
  }
  .bpos-center {
    background-position: center;
  }
  .bpos-bottom {
    background-position: 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;
  }
  .appearance-none {
    -webkit-appearance: none;
  }
  .bs-1 {
    box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.15);
  }
  .bs-2 {
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);
  }
  .bs-3 {
    box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.05);
  }
  
  /*START @media xs*/
  @media (min-width: 0px) and (max-width: 599px) {
  
  .d-flex--xs,
  [d-flex*="xs"] {
    display: flex;
  }
  .d-none--xs,
  [d-none*="xs"] {
    display: none;
  }
  .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;
  }
  .columns-2--xs,
  [columns-2*="xs"] {
    columns: 2;
  }
  .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;
  }
  .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));
  }
  .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-0--xs,
  [gap-0*="xs"] {
    gap: 0px;
  }
  .gap-1px--xs,
  [gap-1px*="xs"] {
    gap: 1px;
  }
  .gap-1--xs,
  [gap-1*="xs"] {
    gap: var(--ita-spacings-1, 4px);
  }
  .gap-2--xs,
  [gap-2*="xs"] {
    gap: var(--ita-spacings-2, 8px);
  }
  .gap-3--xs,
  [gap-3*="xs"] {
    gap: var(--ita-spacings-3, 12px);
  }
  .gap-4--xs,
  [gap-4*="xs"] {
    gap: var(--ita-spacings-4, 16px);
  }
  .gap-5--xs,
  [gap-5*="xs"] {
    gap: var(--ita-spacings-5, 24px);
  }
  .gap-6--xs,
  [gap-6*="xs"] {
    gap: var(--ita-spacings-6, 32px);
  }
  .gap-7--xs,
  [gap-7*="xs"] {
    gap: var(--ita-spacings-7, 48px);
  }
  .gap-8--xs,
  [gap-8*="xs"] {
    gap: var(--ita-spacings-8, 64px);
  }
  .gap-9--xs,
  [gap-9*="xs"] {
    gap: var(--ita-spacings-9, 128px);
  }
  .gap-0--xs,
  [gap-0*="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, 4px);
  }
  .gap-2--xs,
  [gap-2*="xs"] {
    --dsg-gap: var(--ita-spacings-2, 8px);
  }
  .gap-3--xs,
  [gap-3*="xs"] {
    --dsg-gap: var(--ita-spacings-3, 12px);
  }
  .gap-4--xs,
  [gap-4*="xs"] {
    --dsg-gap: var(--ita-spacings-4, 16px);
  }
  .gap-5--xs,
  [gap-5*="xs"] {
    --dsg-gap: var(--ita-spacings-5, 24px);
  }
  .gap-6--xs,
  [gap-6*="xs"] {
    --dsg-gap: var(--ita-spacings-6, 32px);
  }
  .gap-7--xs,
  [gap-7*="xs"] {
    --dsg-gap: var(--ita-spacings-7, 48px);
  }
  .gap-8--xs,
  [gap-8*="xs"] {
    --dsg-gap: var(--ita-spacings-8, 64px);
  }
  .gap-9--xs,
  [gap-9*="xs"] {
    --dsg-gap: var(--ita-spacings-9, 128px);
  }
  .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-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-var1--xs,
  [maxw-var1*="xs"] {
    max-width: var(--ita-maxw-1);
  }
  .h-100--xs,
  [h-100*="xs"] {
    height: 100%;
  }
  .h-auto--xs,
  [h-auto*="xs"] {
    height: auto;
  }
  .h-100vh--xs,
  [h-100vh*="xs"] {
    height: 100vh;
  }
  .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;
  }
  .minh-100vh--xs,
  [minh-100vh*="xs"] {
    min-height: 100vh;
  }
  .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, 4px);
  }
  .p-2--xs,
  [p-2*="xs"] {
    padding: var(--ita-spacings-2, 8px);
  }
  .p-3--xs,
  [p-3*="xs"] {
    padding: var(--ita-spacings-3, 12px);
  }
  .p-4--xs,
  [p-4*="xs"] {
    padding: var(--ita-spacings-4, 16px);
  }
  .p-5--xs,
  [p-5*="xs"] {
    padding: var(--ita-spacings-5, 24px);
  }
  .p-6--xs,
  [p-6*="xs"] {
    padding: var(--ita-spacings-6, 32px);
  }
  .p-7--xs,
  [p-7*="xs"] {
    padding: var(--ita-spacings-7, 48px);
  }
  .p-8--xs,
  [p-8*="xs"] {
    padding: var(--ita-spacings-8, 64px);
  }
  .p-9--xs,
  [p-9*="xs"] {
    padding: var(--ita-spacings-9, 128px);
  }
  .pt-0--xs,
  [pt-0*="xs"] {
    padding-top: 0px;
  }
  .pt-1--xs,
  [pt-1*="xs"] {
    padding-top: var(--ita-spacings-1, 4px);
  }
  .pt-2--xs,
  [pt-2*="xs"] {
    padding-top: var(--ita-spacings-2, 8px);
  }
  .pt-3--xs,
  [pt-3*="xs"] {
    padding-top: var(--ita-spacings-3, 12px);
  }
  .pt-4--xs,
  [pt-4*="xs"] {
    padding-top: var(--ita-spacings-4, 16px);
  }
  .pt-5--xs,
  [pt-5*="xs"] {
    padding-top: var(--ita-spacings-5, 24px);
  }
  .pt-6--xs,
  [pt-6*="xs"] {
    padding-top: var(--ita-spacings-6, 32px);
  }
  .pt-7--xs,
  [pt-7*="xs"] {
    padding-top: var(--ita-spacings-7, 48px);
  }
  .pt-8--xs,
  [pt-8*="xs"] {
    padding-top: var(--ita-spacings-8, 64px);
  }
  .pt-9--xs,
  [pt-9*="xs"] {
    padding-top: var(--ita-spacings-9, 128px);
  }
  .pr-0--xs,
  [pr-0*="xs"] {
    padding-right: 0px;
  }
  .pr-1--xs,
  [pr-1*="xs"] {
    padding-right: var(--ita-spacings-1, 4px);
  }
  .pr-2--xs,
  [pr-2*="xs"] {
    padding-right: var(--ita-spacings-2, 8px);
  }
  .pr-3--xs,
  [pr-3*="xs"] {
    padding-right: var(--ita-spacings-3, 12px);
  }
  .pr-4--xs,
  [pr-4*="xs"] {
    padding-right: var(--ita-spacings-4, 16px);
  }
  .pr-5--xs,
  [pr-5*="xs"] {
    padding-right: var(--ita-spacings-5, 24px);
  }
  .pr-6--xs,
  [pr-6*="xs"] {
    padding-right: var(--ita-spacings-6, 32px);
  }
  .pr-7--xs,
  [pr-7*="xs"] {
    padding-right: var(--ita-spacings-7, 48px);
  }
  .pr-8--xs,
  [pr-8*="xs"] {
    padding-right: var(--ita-spacings-8, 64px);
  }
  .pr-9--xs,
  [pr-9*="xs"] {
    padding-right: var(--ita-spacings-9, 128px);
  }
  .pb-0--xs,
  [pb-0*="xs"] {
    padding-bottom: 0px;
  }
  .pb-1--xs,
  [pb-1*="xs"] {
    padding-bottom: var(--ita-spacings-1, 4px);
  }
  .pb-2--xs,
  [pb-2*="xs"] {
    padding-bottom: var(--ita-spacings-2, 8px);
  }
  .pb-3--xs,
  [pb-3*="xs"] {
    padding-bottom: var(--ita-spacings-3, 12px);
  }
  .pb-4--xs,
  [pb-4*="xs"] {
    padding-bottom: var(--ita-spacings-4, 16px);
  }
  .pb-5--xs,
  [pb-5*="xs"] {
    padding-bottom: var(--ita-spacings-5, 24px);
  }
  .pb-6--xs,
  [pb-6*="xs"] {
    padding-bottom: var(--ita-spacings-6, 32px);
  }
  .pb-7--xs,
  [pb-7*="xs"] {
    padding-bottom: var(--ita-spacings-7, 48px);
  }
  .pb-8--xs,
  [pb-8*="xs"] {
    padding-bottom: var(--ita-spacings-8, 64px);
  }
  .pb-9--xs,
  [pb-9*="xs"] {
    padding-bottom: var(--ita-spacings-9, 128px);
  }
  .pl-0--xs,
  [pl-0*="xs"] {
    padding-left: 0px;
  }
  .pl-1--xs,
  [pl-1*="xs"] {
    padding-left: var(--ita-spacings-1, 4px);
  }
  .pl-2--xs,
  [pl-2*="xs"] {
    padding-left: var(--ita-spacings-2, 8px);
  }
  .pl-3--xs,
  [pl-3*="xs"] {
    padding-left: var(--ita-spacings-3, 12px);
  }
  .pl-4--xs,
  [pl-4*="xs"] {
    padding-left: var(--ita-spacings-4, 16px);
  }
  .pl-5--xs,
  [pl-5*="xs"] {
    padding-left: var(--ita-spacings-5, 24px);
  }
  .pl-6--xs,
  [pl-6*="xs"] {
    padding-left: var(--ita-spacings-6, 32px);
  }
  .pl-7--xs,
  [pl-7*="xs"] {
    padding-left: var(--ita-spacings-7, 48px);
  }
  .pl-8--xs,
  [pl-8*="xs"] {
    padding-left: var(--ita-spacings-8, 64px);
  }
  .pl-9--xs,
  [pl-9*="xs"] {
    padding-left: var(--ita-spacings-9, 128px);
  }
  .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, 4px);
  }
  .m-2--xs,
  [m-2*="xs"] {
    margin: var(--ita-spacings-2, 8px);
  }
  .m-3--xs,
  [m-3*="xs"] {
    margin: var(--ita-spacings-3, 12px);
  }
  .m-4--xs,
  [m-4*="xs"] {
    margin: var(--ita-spacings-4, 16px);
  }
  .m-5--xs,
  [m-5*="xs"] {
    margin: var(--ita-spacings-5, 24px);
  }
  .m-6--xs,
  [m-6*="xs"] {
    margin: var(--ita-spacings-6, 32px);
  }
  .m-7--xs,
  [m-7*="xs"] {
    margin: var(--ita-spacings-7, 48px);
  }
  .m-8--xs,
  [m-8*="xs"] {
    margin: var(--ita-spacings-8, 64px);
  }
  .m-9--xs,
  [m-9*="xs"] {
    margin: var(--ita-spacings-9, 128px);
  }
  .mt-0--xs,
  [mt-0*="xs"] {
    margin-top: 0px;
  }
  .mt-1--xs,
  [mt-1*="xs"] {
    margin-top: var(--ita-spacings-1, 4px);
  }
  .mt-2--xs,
  [mt-2*="xs"] {
    margin-top: var(--ita-spacings-2, 8px);
  }
  .mt-3--xs,
  [mt-3*="xs"] {
    margin-top: var(--ita-spacings-3, 12px);
  }
  .mt-4--xs,
  [mt-4*="xs"] {
    margin-top: var(--ita-spacings-4, 16px);
  }
  .mt-5--xs,
  [mt-5*="xs"] {
    margin-top: var(--ita-spacings-5, 24px);
  }
  .mt-6--xs,
  [mt-6*="xs"] {
    margin-top: var(--ita-spacings-6, 32px);
  }
  .mt-7--xs,
  [mt-7*="xs"] {
    margin-top: var(--ita-spacings-7, 48px);
  }
  .mt-8--xs,
  [mt-8*="xs"] {
    margin-top: var(--ita-spacings-8, 64px);
  }
  .mt-9--xs,
  [mt-9*="xs"] {
    margin-top: var(--ita-spacings-9, 128px);
  }
  .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, 4px);
  }
  .mr-2--xs,
  [mr-2*="xs"] {
    margin-right: var(--ita-spacings-2, 8px);
  }
  .mr-3--xs,
  [mr-3*="xs"] {
    margin-right: var(--ita-spacings-3, 12px);
  }
  .mr-4--xs,
  [mr-4*="xs"] {
    margin-right: var(--ita-spacings-4, 16px);
  }
  .mr-5--xs,
  [mr-5*="xs"] {
    margin-right: var(--ita-spacings-5, 24px);
  }
  .mr-6--xs,
  [mr-6*="xs"] {
    margin-right: var(--ita-spacings-6, 32px);
  }
  .mr-7--xs,
  [mr-7*="xs"] {
    margin-right: var(--ita-spacings-7, 48px);
  }
  .mr-8--xs,
  [mr-8*="xs"] {
    margin-right: var(--ita-spacings-8, 64px);
  }
  .mr-9--xs,
  [mr-9*="xs"] {
    margin-right: var(--ita-spacings-9, 128px);
  }
  .mb-0--xs,
  [mb-0*="xs"] {
    margin-bottom: 0px;
  }
  .mb-1--xs,
  [mb-1*="xs"] {
    margin-bottom: var(--ita-spacings-1, 4px);
  }
  .mb-2--xs,
  [mb-2*="xs"] {
    margin-bottom: var(--ita-spacings-2, 8px);
  }
  .mb-3--xs,
  [mb-3*="xs"] {
    margin-bottom: var(--ita-spacings-3, 12px);
  }
  .mb-4--xs,
  [mb-4*="xs"] {
    margin-bottom: var(--ita-spacings-4, 16px);
  }
  .mb-5--xs,
  [mb-5*="xs"] {
    margin-bottom: var(--ita-spacings-5, 24px);
  }
  .mb-6--xs,
  [mb-6*="xs"] {
    margin-bottom: var(--ita-spacings-6, 32px);
  }
  .mb-7--xs,
  [mb-7*="xs"] {
    margin-bottom: var(--ita-spacings-7, 48px);
  }
  .mb-8--xs,
  [mb-8*="xs"] {
    margin-bottom: var(--ita-spacings-8, 64px);
  }
  .mb-9--xs,
  [mb-9*="xs"] {
    margin-bottom: var(--ita-spacings-9, 128px);
  }
  .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, 4px);
  }
  .ml-2--xs,
  [ml-2*="xs"] {
    margin-left: var(--ita-spacings-2, 8px);
  }
  .ml-3--xs,
  [ml-3*="xs"] {
    margin-left: var(--ita-spacings-3, 12px);
  }
  .ml-4--xs,
  [ml-4*="xs"] {
    margin-left: var(--ita-spacings-4, 16px);
  }
  .ml-5--xs,
  [ml-5*="xs"] {
    margin-left: var(--ita-spacings-5, 24px);
  }
  .ml-6--xs,
  [ml-6*="xs"] {
    margin-left: var(--ita-spacings-6, 32px);
  }
  .ml-7--xs,
  [ml-7*="xs"] {
    margin-left: var(--ita-spacings-7, 48px);
  }
  .ml-8--xs,
  [ml-8*="xs"] {
    margin-left: var(--ita-spacings-8, 64px);
  }
  .ml-9--xs,
  [ml-9*="xs"] {
    margin-left: var(--ita-spacings-9, 128px);
  }
  .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, 12px);
  }
  .fs-3--xs,
  [fs-3*="xs"] {
    font-size: var(--ita-fontSizes-3, 14px);
  }
  .fs-4--xs,
  [fs-4*="xs"] {
    font-size: var(--ita-fontSizes-4, 16px);
  }
  .fs-5--xs,
  [fs-5*="xs"] {
    font-size: var(--ita-fontSizes-5, 20px);
  }
  .fs-6--xs,
  [fs-6*="xs"] {
    font-size: var(--ita-fontSizes-6, 32px);
  }
  .fs-7--xs,
  [fs-7*="xs"] {
    font-size: var(--ita-fontSizes-7, 48px);
  }
  .fs-8--xs,
  [fs-8*="xs"] {
    font-size: var(--ita-fontSizes-8, 64px);
  }
  .fs-9--xs,
  [fs-9*="xs"] {
    font-size: var(--ita-fontSizes-9, 96px);
  }
  .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;
  }
  .b-0--xs,
  [b-0*="xs"] {
    border: none;
  }
  .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;
  }
  .bstyle-solid--xs,
  [bstyle-solid*="xs"] {
    border-style: solid;
  }
  .bstyle-dashed--xs,
  [bstyle-dashed*="xs"] {
    border-style: dashed;
  }
  .bstyle-none--xs,
  [bstyle-none*="xs"] {
    border-style: none;
  }
  }
  /*END @media xs*/
  
  
  /*START @media xl*/
  @media (min-width: 600px) {
  
  .d-flex--xl,
  [d-flex*="xl"] {
    display: flex;
  }
  .d-none--xl,
  [d-none*="xl"] {
    display: none;
  }
  .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;
  }
  .columns-2--xl,
  [columns-2*="xl"] {
    columns: 2;
  }
  .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;
  }
  .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));
  }
  .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-0--xl,
  [gap-0*="xl"] {
    gap: 0px;
  }
  .gap-1px--xl,
  [gap-1px*="xl"] {
    gap: 1px;
  }
  .gap-1--xl,
  [gap-1*="xl"] {
    gap: var(--ita-spacings-1, 4px);
  }
  .gap-2--xl,
  [gap-2*="xl"] {
    gap: var(--ita-spacings-2, 8px);
  }
  .gap-3--xl,
  [gap-3*="xl"] {
    gap: var(--ita-spacings-3, 12px);
  }
  .gap-4--xl,
  [gap-4*="xl"] {
    gap: var(--ita-spacings-4, 16px);
  }
  .gap-5--xl,
  [gap-5*="xl"] {
    gap: var(--ita-spacings-5, 24px);
  }
  .gap-6--xl,
  [gap-6*="xl"] {
    gap: var(--ita-spacings-6, 32px);
  }
  .gap-7--xl,
  [gap-7*="xl"] {
    gap: var(--ita-spacings-7, 48px);
  }
  .gap-8--xl,
  [gap-8*="xl"] {
    gap: var(--ita-spacings-8, 64px);
  }
  .gap-9--xl,
  [gap-9*="xl"] {
    gap: var(--ita-spacings-9, 128px);
  }
  .gap-0--xl,
  [gap-0*="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, 4px);
  }
  .gap-2--xl,
  [gap-2*="xl"] {
    --dsg-gap: var(--ita-spacings-2, 8px);
  }
  .gap-3--xl,
  [gap-3*="xl"] {
    --dsg-gap: var(--ita-spacings-3, 12px);
  }
  .gap-4--xl,
  [gap-4*="xl"] {
    --dsg-gap: var(--ita-spacings-4, 16px);
  }
  .gap-5--xl,
  [gap-5*="xl"] {
    --dsg-gap: var(--ita-spacings-5, 24px);
  }
  .gap-6--xl,
  [gap-6*="xl"] {
    --dsg-gap: var(--ita-spacings-6, 32px);
  }
  .gap-7--xl,
  [gap-7*="xl"] {
    --dsg-gap: var(--ita-spacings-7, 48px);
  }
  .gap-8--xl,
  [gap-8*="xl"] {
    --dsg-gap: var(--ita-spacings-8, 64px);
  }
  .gap-9--xl,
  [gap-9*="xl"] {
    --dsg-gap: var(--ita-spacings-9, 128px);
  }
  .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-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-var1--xl,
  [maxw-var1*="xl"] {
    max-width: var(--ita-maxw-1);
  }
  .h-100--xl,
  [h-100*="xl"] {
    height: 100%;
  }
  .h-auto--xl,
  [h-auto*="xl"] {
    height: auto;
  }
  .h-100vh--xl,
  [h-100vh*="xl"] {
    height: 100vh;
  }
  .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;
  }
  .minh-100vh--xl,
  [minh-100vh*="xl"] {
    min-height: 100vh;
  }
  .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, 4px);
  }
  .p-2--xl,
  [p-2*="xl"] {
    padding: var(--ita-spacings-2, 8px);
  }
  .p-3--xl,
  [p-3*="xl"] {
    padding: var(--ita-spacings-3, 12px);
  }
  .p-4--xl,
  [p-4*="xl"] {
    padding: var(--ita-spacings-4, 16px);
  }
  .p-5--xl,
  [p-5*="xl"] {
    padding: var(--ita-spacings-5, 24px);
  }
  .p-6--xl,
  [p-6*="xl"] {
    padding: var(--ita-spacings-6, 32px);
  }
  .p-7--xl,
  [p-7*="xl"] {
    padding: var(--ita-spacings-7, 48px);
  }
  .p-8--xl,
  [p-8*="xl"] {
    padding: var(--ita-spacings-8, 64px);
  }
  .p-9--xl,
  [p-9*="xl"] {
    padding: var(--ita-spacings-9, 128px);
  }
  .pt-0--xl,
  [pt-0*="xl"] {
    padding-top: 0px;
  }
  .pt-1--xl,
  [pt-1*="xl"] {
    padding-top: var(--ita-spacings-1, 4px);
  }
  .pt-2--xl,
  [pt-2*="xl"] {
    padding-top: var(--ita-spacings-2, 8px);
  }
  .pt-3--xl,
  [pt-3*="xl"] {
    padding-top: var(--ita-spacings-3, 12px);
  }
  .pt-4--xl,
  [pt-4*="xl"] {
    padding-top: var(--ita-spacings-4, 16px);
  }
  .pt-5--xl,
  [pt-5*="xl"] {
    padding-top: var(--ita-spacings-5, 24px);
  }
  .pt-6--xl,
  [pt-6*="xl"] {
    padding-top: var(--ita-spacings-6, 32px);
  }
  .pt-7--xl,
  [pt-7*="xl"] {
    padding-top: var(--ita-spacings-7, 48px);
  }
  .pt-8--xl,
  [pt-8*="xl"] {
    padding-top: var(--ita-spacings-8, 64px);
  }
  .pt-9--xl,
  [pt-9*="xl"] {
    padding-top: var(--ita-spacings-9, 128px);
  }
  .pr-0--xl,
  [pr-0*="xl"] {
    padding-right: 0px;
  }
  .pr-1--xl,
  [pr-1*="xl"] {
    padding-right: var(--ita-spacings-1, 4px);
  }
  .pr-2--xl,
  [pr-2*="xl"] {
    padding-right: var(--ita-spacings-2, 8px);
  }
  .pr-3--xl,
  [pr-3*="xl"] {
    padding-right: var(--ita-spacings-3, 12px);
  }
  .pr-4--xl,
  [pr-4*="xl"] {
    padding-right: var(--ita-spacings-4, 16px);
  }
  .pr-5--xl,
  [pr-5*="xl"] {
    padding-right: var(--ita-spacings-5, 24px);
  }
  .pr-6--xl,
  [pr-6*="xl"] {
    padding-right: var(--ita-spacings-6, 32px);
  }
  .pr-7--xl,
  [pr-7*="xl"] {
    padding-right: var(--ita-spacings-7, 48px);
  }
  .pr-8--xl,
  [pr-8*="xl"] {
    padding-right: var(--ita-spacings-8, 64px);
  }
  .pr-9--xl,
  [pr-9*="xl"] {
    padding-right: var(--ita-spacings-9, 128px);
  }
  .pb-0--xl,
  [pb-0*="xl"] {
    padding-bottom: 0px;
  }
  .pb-1--xl,
  [pb-1*="xl"] {
    padding-bottom: var(--ita-spacings-1, 4px);
  }
  .pb-2--xl,
  [pb-2*="xl"] {
    padding-bottom: var(--ita-spacings-2, 8px);
  }
  .pb-3--xl,
  [pb-3*="xl"] {
    padding-bottom: var(--ita-spacings-3, 12px);
  }
  .pb-4--xl,
  [pb-4*="xl"] {
    padding-bottom: var(--ita-spacings-4, 16px);
  }
  .pb-5--xl,
  [pb-5*="xl"] {
    padding-bottom: var(--ita-spacings-5, 24px);
  }
  .pb-6--xl,
  [pb-6*="xl"] {
    padding-bottom: var(--ita-spacings-6, 32px);
  }
  .pb-7--xl,
  [pb-7*="xl"] {
    padding-bottom: var(--ita-spacings-7, 48px);
  }
  .pb-8--xl,
  [pb-8*="xl"] {
    padding-bottom: var(--ita-spacings-8, 64px);
  }
  .pb-9--xl,
  [pb-9*="xl"] {
    padding-bottom: var(--ita-spacings-9, 128px);
  }
  .pl-0--xl,
  [pl-0*="xl"] {
    padding-left: 0px;
  }
  .pl-1--xl,
  [pl-1*="xl"] {
    padding-left: var(--ita-spacings-1, 4px);
  }
  .pl-2--xl,
  [pl-2*="xl"] {
    padding-left: var(--ita-spacings-2, 8px);
  }
  .pl-3--xl,
  [pl-3*="xl"] {
    padding-left: var(--ita-spacings-3, 12px);
  }
  .pl-4--xl,
  [pl-4*="xl"] {
    padding-left: var(--ita-spacings-4, 16px);
  }
  .pl-5--xl,
  [pl-5*="xl"] {
    padding-left: var(--ita-spacings-5, 24px);
  }
  .pl-6--xl,
  [pl-6*="xl"] {
    padding-left: var(--ita-spacings-6, 32px);
  }
  .pl-7--xl,
  [pl-7*="xl"] {
    padding-left: var(--ita-spacings-7, 48px);
  }
  .pl-8--xl,
  [pl-8*="xl"] {
    padding-left: var(--ita-spacings-8, 64px);
  }
  .pl-9--xl,
  [pl-9*="xl"] {
    padding-left: var(--ita-spacings-9, 128px);
  }
  .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, 4px);
  }
  .m-2--xl,
  [m-2*="xl"] {
    margin: var(--ita-spacings-2, 8px);
  }
  .m-3--xl,
  [m-3*="xl"] {
    margin: var(--ita-spacings-3, 12px);
  }
  .m-4--xl,
  [m-4*="xl"] {
    margin: var(--ita-spacings-4, 16px);
  }
  .m-5--xl,
  [m-5*="xl"] {
    margin: var(--ita-spacings-5, 24px);
  }
  .m-6--xl,
  [m-6*="xl"] {
    margin: var(--ita-spacings-6, 32px);
  }
  .m-7--xl,
  [m-7*="xl"] {
    margin: var(--ita-spacings-7, 48px);
  }
  .m-8--xl,
  [m-8*="xl"] {
    margin: var(--ita-spacings-8, 64px);
  }
  .m-9--xl,
  [m-9*="xl"] {
    margin: var(--ita-spacings-9, 128px);
  }
  .mt-0--xl,
  [mt-0*="xl"] {
    margin-top: 0px;
  }
  .mt-1--xl,
  [mt-1*="xl"] {
    margin-top: var(--ita-spacings-1, 4px);
  }
  .mt-2--xl,
  [mt-2*="xl"] {
    margin-top: var(--ita-spacings-2, 8px);
  }
  .mt-3--xl,
  [mt-3*="xl"] {
    margin-top: var(--ita-spacings-3, 12px);
  }
  .mt-4--xl,
  [mt-4*="xl"] {
    margin-top: var(--ita-spacings-4, 16px);
  }
  .mt-5--xl,
  [mt-5*="xl"] {
    margin-top: var(--ita-spacings-5, 24px);
  }
  .mt-6--xl,
  [mt-6*="xl"] {
    margin-top: var(--ita-spacings-6, 32px);
  }
  .mt-7--xl,
  [mt-7*="xl"] {
    margin-top: var(--ita-spacings-7, 48px);
  }
  .mt-8--xl,
  [mt-8*="xl"] {
    margin-top: var(--ita-spacings-8, 64px);
  }
  .mt-9--xl,
  [mt-9*="xl"] {
    margin-top: var(--ita-spacings-9, 128px);
  }
  .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, 4px);
  }
  .mr-2--xl,
  [mr-2*="xl"] {
    margin-right: var(--ita-spacings-2, 8px);
  }
  .mr-3--xl,
  [mr-3*="xl"] {
    margin-right: var(--ita-spacings-3, 12px);
  }
  .mr-4--xl,
  [mr-4*="xl"] {
    margin-right: var(--ita-spacings-4, 16px);
  }
  .mr-5--xl,
  [mr-5*="xl"] {
    margin-right: var(--ita-spacings-5, 24px);
  }
  .mr-6--xl,
  [mr-6*="xl"] {
    margin-right: var(--ita-spacings-6, 32px);
  }
  .mr-7--xl,
  [mr-7*="xl"] {
    margin-right: var(--ita-spacings-7, 48px);
  }
  .mr-8--xl,
  [mr-8*="xl"] {
    margin-right: var(--ita-spacings-8, 64px);
  }
  .mr-9--xl,
  [mr-9*="xl"] {
    margin-right: var(--ita-spacings-9, 128px);
  }
  .mb-0--xl,
  [mb-0*="xl"] {
    margin-bottom: 0px;
  }
  .mb-1--xl,
  [mb-1*="xl"] {
    margin-bottom: var(--ita-spacings-1, 4px);
  }
  .mb-2--xl,
  [mb-2*="xl"] {
    margin-bottom: var(--ita-spacings-2, 8px);
  }
  .mb-3--xl,
  [mb-3*="xl"] {
    margin-bottom: var(--ita-spacings-3, 12px);
  }
  .mb-4--xl,
  [mb-4*="xl"] {
    margin-bottom: var(--ita-spacings-4, 16px);
  }
  .mb-5--xl,
  [mb-5*="xl"] {
    margin-bottom: var(--ita-spacings-5, 24px);
  }
  .mb-6--xl,
  [mb-6*="xl"] {
    margin-bottom: var(--ita-spacings-6, 32px);
  }
  .mb-7--xl,
  [mb-7*="xl"] {
    margin-bottom: var(--ita-spacings-7, 48px);
  }
  .mb-8--xl,
  [mb-8*="xl"] {
    margin-bottom: var(--ita-spacings-8, 64px);
  }
  .mb-9--xl,
  [mb-9*="xl"] {
    margin-bottom: var(--ita-spacings-9, 128px);
  }
  .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, 4px);
  }
  .ml-2--xl,
  [ml-2*="xl"] {
    margin-left: var(--ita-spacings-2, 8px);
  }
  .ml-3--xl,
  [ml-3*="xl"] {
    margin-left: var(--ita-spacings-3, 12px);
  }
  .ml-4--xl,
  [ml-4*="xl"] {
    margin-left: var(--ita-spacings-4, 16px);
  }
  .ml-5--xl,
  [ml-5*="xl"] {
    margin-left: var(--ita-spacings-5, 24px);
  }
  .ml-6--xl,
  [ml-6*="xl"] {
    margin-left: var(--ita-spacings-6, 32px);
  }
  .ml-7--xl,
  [ml-7*="xl"] {
    margin-left: var(--ita-spacings-7, 48px);
  }
  .ml-8--xl,
  [ml-8*="xl"] {
    margin-left: var(--ita-spacings-8, 64px);
  }
  .ml-9--xl,
  [ml-9*="xl"] {
    margin-left: var(--ita-spacings-9, 128px);
  }
  .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, 12px);
  }
  .fs-3--xl,
  [fs-3*="xl"] {
    font-size: var(--ita-fontSizes-3, 14px);
  }
  .fs-4--xl,
  [fs-4*="xl"] {
    font-size: var(--ita-fontSizes-4, 16px);
  }
  .fs-5--xl,
  [fs-5*="xl"] {
    font-size: var(--ita-fontSizes-5, 20px);
  }
  .fs-6--xl,
  [fs-6*="xl"] {
    font-size: var(--ita-fontSizes-6, 32px);
  }
  .fs-7--xl,
  [fs-7*="xl"] {
    font-size: var(--ita-fontSizes-7, 48px);
  }
  .fs-8--xl,
  [fs-8*="xl"] {
    font-size: var(--ita-fontSizes-8, 64px);
  }
  .fs-9--xl,
  [fs-9*="xl"] {
    font-size: var(--ita-fontSizes-9, 96px);
  }
  .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;
  }
  .b-0--xl,
  [b-0*="xl"] {
    border: none;
  }
  .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;
  }
  .bstyle-solid--xl,
  [bstyle-solid*="xl"] {
    border-style: solid;
  }
  .bstyle-dashed--xl,
  [bstyle-dashed*="xl"] {
    border-style: dashed;
  }
  .bstyle-none--xl,
  [bstyle-none*="xl"] {
    border-style: none;
  }
  }
  /*END @media xl*/