/* Acentos legibles sobre superficies. Las variables se definen por separado para
   la aplicación (incluidos popovers) y la vista previa. No se alteran los rellenos. */
:is(body:has(.platform-appearance), .appearance-sandbox) :is(
    .mud-primary-text,
    .mud-button-text-primary,
    .mud-button-outlined-primary,
    .mud-avatar-outlined-primary,
    .mud-chip-outlined.mud-chip-color-primary,
    .mud-chip-text.mud-chip-color-primary,
    .mud-alert-text-primary .mud-alert-icon,
    .mud-alert-outlined-primary .mud-alert-icon,
    .mud-button-group-text-primary.mud-button-group-override-styles .mud-button-root,
    .mud-button-group-outlined-primary.mud-button-group-override-styles .mud-button-root,
    .mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled),
    .mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled),
    .mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon,
    .page-content-navigation .page-content-navigation-navlink.active .mud-nav-link,
    .page-content-navigation .page-content-navigation-navlink .mud-nav-link.active,
    .mud-tabs-tabbar:not(.mud-tabs-tabbar-primary, .mud-tabs-tabbar-secondary, .mud-tabs-tabbar-tertiary, .mud-tabs-tabbar-info, .mud-tabs-tabbar-success, .mud-tabs-tabbar-warning, .mud-tabs-tabbar-error, .mud-tabs-tabbar-dark) .mud-tab.mud-tab-active,
    .mud-input:focus-within ~ label.mud-input-label-inputcontrol:not(.mud-input-error),
    .mud-treeview-selected-primary .mud-treeview-item-content.mud-treeview-item-selected,
    .mud-treeview-checked-primary .mud-treeview-item-checkbox .mud-icon-button
):not(:disabled, .mud-disabled, .mud-disabled *) {
    color: var(--platform-primary-foreground) !important;
    --mud-ripple-color: var(--platform-primary-foreground) !important;
}
:is(body:has(.platform-appearance), .appearance-sandbox) :is(
    .mud-secondary-text,
    .mud-button-text-secondary,
    .mud-button-outlined-secondary,
    .mud-avatar-outlined-secondary,
    .mud-chip-outlined.mud-chip-color-secondary,
    .mud-chip-text.mud-chip-color-secondary,
    .mud-alert-text-secondary .mud-alert-icon,
    .mud-alert-outlined-secondary .mud-alert-icon,
    .mud-button-group-text-secondary.mud-button-group-override-styles .mud-button-root,
    .mud-button-group-outlined-secondary.mud-button-group-override-styles .mud-button-root,
    .mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled),
    .mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon,
    .mud-treeview-selected-secondary .mud-treeview-item-content.mud-treeview-item-selected,
    .mud-treeview-checked-secondary .mud-treeview-item-checkbox .mud-icon-button
):not(:disabled, .mud-disabled, .mud-disabled *) {
    color: var(--platform-secondary-foreground) !important;
    --mud-ripple-color: var(--platform-secondary-foreground) !important;
}
:is(body:has(.platform-appearance), .appearance-sandbox) :is(
    .mud-button-outlined-primary, .mud-button-outlined-secondary,
    .mud-avatar-outlined-primary, .mud-avatar-outlined-secondary,
    .mud-chip-outlined.mud-chip-color-primary, .mud-chip-outlined.mud-chip-color-secondary,
    .mud-button-group-outlined-primary.mud-button-group-override-styles .mud-button-root,
    .mud-button-group-outlined-secondary.mud-button-group-override-styles .mud-button-root
):not(:disabled, .mud-disabled, .mud-disabled *) {
    border-color: currentColor;
}

/* Capa de apariencia de Plataforma sobre MudBlazor 8.6.0.
   El ancestro body incluye los popovers y diálogos renderizados por los providers.
   Cómoda conserva la geometría original; el tamaño de letra es independiente. */
body:has(.platform-appearance),
.appearance-sandbox,
.platform-density-fixed {
    --platform-space-unit: 4px;
    --platform-grid-gap: 1rem;
    --platform-field-y: 18.5px;
    --platform-field-label-y: 20px;
    --platform-filled-top: 27px;
    --platform-filled-bottom: 10px;
    --platform-filled-label-y: 20px;
    --platform-filled-shrink-y: 10px;
    --platform-cell-y: 16px;
    --platform-cell-x: 16px;
    --platform-button-y: 6px;
    --platform-small-button-y: 3px;
    --platform-icon-padding: 12px;
    --platform-list-y: 8px;
    --platform-tab-height: 48px;
    --platform-paper-padding: 3px;
    --toolbar-padding-y: 6px;
    --toolbar-padding-x: 12px;
}

body:has(.platform-appearance[data-density="compact"]),
.appearance-sandbox[data-density="compact"]:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    --platform-space-unit: 3px;
    --platform-grid-gap: 12px;
    --platform-field-y: 7.5px;
    --platform-field-label-y: 9px;
    --platform-filled-top: 21px;
    --platform-filled-bottom: 5px;
    --platform-filled-label-y: 15px;
    --platform-filled-shrink-y: 5px;
    --platform-cell-y: 4px;
    --platform-cell-x: 10px;
    --platform-button-y: 4px;
    --platform-small-button-y: 2px;
    --platform-paper-padding: 2px;
    --platform-icon-padding: 6px;
    --platform-list-y: 4px;
    --platform-tab-height: 40px;
    --toolbar-padding-y: 4px;
    --toolbar-padding-x: 9px;
}

body:has(.platform-appearance[data-density="very-compact"]),
.appearance-sandbox[data-density="very-compact"]:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    --platform-space-unit: 2px;
    --platform-grid-gap: 8px;
    --platform-field-y: 5.5px;
    --platform-field-label-y: 7px;
    --platform-filled-top: 19px;
    --platform-filled-bottom: 3px;
    --platform-filled-label-y: 13px;
    --platform-filled-shrink-y: 3px;
    --platform-cell-y: 2px;
    --platform-cell-x: 8px;
    --platform-button-y: 2px;
    --platform-small-button-y: 1px;
    --platform-paper-padding: 1px;
    --platform-icon-padding: 4px;
    --platform-list-y: 2px;
    --platform-tab-height: 36px;
    --toolbar-padding-y: 3px;
    --toolbar-padding-x: 6px;
}

:where(body:has(.platform-appearance), .appearance-sandbox) .platform-flex:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    gap: calc(var(--platform-flex-spacing, 1) * var(--platform-space-unit));
}
body:has(.platform-appearance) .platform-toolbar > .paper:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .platform-toolbar > .paper:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    margin-bottom: calc(var(--platform-toolbar-margin, 4) * var(--platform-space-unit)) !important;
}

/* Adapta los bordes de los controles, sin convertir avatares o indicadores circulares. */
body:has(.platform-appearance) :is(.mud-paper, .mud-button, .mud-input-filled, .mud-input-outlined, .appearance-preview, .palette-dialog):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox :is(.mud-paper, .mud-button, .mud-input-filled, .mud-input-outlined, .appearance-preview, .palette-dialog):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    border-radius: var(--mud-default-borderradius);
}
body:has(.platform-appearance) :is(.top-bar, .side-menu, .mud-button, .mud-paper, .paper).rounded-lg:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox :is(.top-bar, .side-menu, .mud-button, .mud-paper, .paper).rounded-lg:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    border-radius: var(--mud-default-borderradius) !important;
}

/* Formularios: padding y etiquetas se desplazan juntos. Los textarea conservan su alto automático. */
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input > :is(input, div.mud-input-slot).mud-input-root-outlined:not(.mud-input-root-multiline):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input > :is(input, div.mud-input-slot).mud-input-root-outlined:not(.mud-input-root-multiline):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-top: var(--platform-field-y);
    padding-bottom: var(--platform-field-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input > textarea.mud-input-root-outlined:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input > textarea.mud-input-root-outlined:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-top: var(--platform-field-y);
    padding-bottom: var(--platform-field-y);
    mask-image: linear-gradient(to bottom, transparent var(--platform-field-y), black var(--platform-field-y));
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control label.mud-input-label-outlined:not(.mud-input-label-shrink):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control label.mud-input-label-outlined:not(.mud-input-label-shrink):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    transform: translate(14px, var(--platform-field-label-y)) scale(1);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control :is(.mud-shrink, .mud-input:focus-within) ~ label.mud-input-label-outlined:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control :is(.mud-shrink, .mud-input:focus-within) ~ label.mud-input-label-outlined:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    transform: translate(14px, -6px) scale(.75);
}

body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input > :is(input, div.mud-input-slot, textarea).mud-input-root-filled:not(.mud-input-root-multiline):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input > :is(input, div.mud-input-slot, textarea).mud-input-root-filled:not(.mud-input-root-multiline):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-top: var(--platform-filled-top);
    padding-bottom: var(--platform-filled-bottom);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input > textarea.mud-input-root-filled:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input > textarea.mud-input-root-filled:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-top: var(--platform-filled-top);
    padding-bottom: var(--platform-filled-bottom);
    mask-image: linear-gradient(to bottom, transparent var(--platform-filled-top), black var(--platform-filled-top));
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input > :is(input, div.mud-input-slot, textarea).mud-input-root-filled.mud-input-root-hidden-label:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input > :is(input, div.mud-input-slot, textarea).mud-input-root-filled.mud-input-root-hidden-label:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-top: var(--platform-field-y);
    padding-bottom: var(--platform-field-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input > textarea.mud-input-root-filled.mud-input-root-hidden-label:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input > textarea.mud-input-root-filled.mud-input-root-hidden-label:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    mask-image: linear-gradient(to bottom, transparent var(--platform-field-y), black var(--platform-field-y));
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control label.mud-input-label-filled:not(.mud-input-label-shrink):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control label.mud-input-label-filled:not(.mud-input-label-shrink):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    transform: translate(12px, var(--platform-filled-label-y)) scale(1);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control :is(.mud-shrink, .mud-input:focus-within) ~ label.mud-input-label-filled:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control :is(.mud-shrink, .mud-input:focus-within) ~ label.mud-input-label-filled:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    transform: translate(12px, var(--platform-filled-shrink-y)) scale(.75);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input > :is(input, div.mud-input-slot).mud-input-root:not(.mud-input-root-multiline):not(.mud-input-root-outlined):not(.mud-input-root-filled):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input > :is(input, div.mud-input-slot).mud-input-root:not(.mud-input-root-multiline):not(.mud-input-root-outlined):not(.mud-input-root-filled):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-top: var(--platform-small-button-y);
    padding-bottom: var(--platform-button-y);
}

/* Alinear el padding horizontal; conservar el vertical de la cabecera protege los offsets sticky de carga y filtros. */
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-table .mud-table-head .mud-table-row > .mud-table-cell:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-table .mud-table-head .mud-table-row > .mud-table-cell:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-simple-table thead *)) {
    padding-inline: var(--platform-cell-x);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-table :is(.mud-table-body, .mud-table-foot) .mud-table-row > .mud-table-cell:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-table :is(.mud-table-body, .mud-table-foot) .mud-table-row > .mud-table-cell:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-top: var(--platform-cell-y);
    padding-bottom: var(--platform-cell-y);
    padding-inline: var(--platform-cell-x);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-button:not(.mud-icon-button):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-button:not(.mud-icon-button):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-block: var(--platform-button-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-icon-button:not(.mud-icon-button-size-small):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-icon-button:not(.mud-icon-button-size-small):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding: var(--platform-icon-padding);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-list-item:not(:has(.mud-list-item-avatar)):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-list-item:not(:has(.mud-list-item-avatar)):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-block: var(--platform-list-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-list-item-text:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-list-item-text:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    margin-block: var(--platform-list-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) :is(.mud-tab, .mud-tabs-toolbar-inner):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) :is(.mud-tab, .mud-tabs-toolbar-inner):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    min-height: var(--platform-tab-height);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-dialog .mud-dialog-content:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-dialog .mud-dialog-content:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding: calc(var(--platform-space-unit) * 5);
}

/* Respeta el modo de tarjetas de las tablas en pantallas estrechas. */
@media (max-width: 599px) {
    body:has(.platform-appearance:not([data-density="comfortable"])) .mud-xs-table .mud-table-body .mud-table-row > .mud-table-cell:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
    .appearance-sandbox:not([data-density="comfortable"]) .mud-xs-table .mud-table-body .mud-table-row > .mud-table-cell:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
        padding-inline: 16px;
    }
}

/* Espaciado de stacks y grids: las tres medidas del grid deben permanecer sincronizadas. */
body:has(.platform-appearance) .mud-grid-spacing-xs-0:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-0:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: 0px; }
body:has(.platform-appearance) .mud-grid-spacing-xs-1:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-1:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 1); }
body:has(.platform-appearance) .mud-grid-spacing-xs-2:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-2:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 2); }
body:has(.platform-appearance) .mud-grid-spacing-xs-3:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-3:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 3); }
body:has(.platform-appearance) .mud-grid-spacing-xs-4:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-4:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 4); }
body:has(.platform-appearance) .mud-grid-spacing-xs-5:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-5:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 5); }
body:has(.platform-appearance) .mud-grid-spacing-xs-6:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-6:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 6); }
body:has(.platform-appearance) .mud-grid-spacing-xs-7:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-7:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 7); }
body:has(.platform-appearance) .mud-grid-spacing-xs-8:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-8:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 8); }
body:has(.platform-appearance) .mud-grid-spacing-xs-9:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-9:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 9); }
body:has(.platform-appearance) .mud-grid-spacing-xs-10:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-10:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 10); }
body:has(.platform-appearance) .mud-grid-spacing-xs-11:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-11:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 11); }
body:has(.platform-appearance) .mud-grid-spacing-xs-12:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-12:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 12); }
body:has(.platform-appearance) .mud-grid-spacing-xs-13:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-13:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 13); }
body:has(.platform-appearance) .mud-grid-spacing-xs-14:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-14:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 14); }
body:has(.platform-appearance) .mud-grid-spacing-xs-15:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-15:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 15); }
body:has(.platform-appearance) .mud-grid-spacing-xs-16:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-16:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 16); }
body:has(.platform-appearance) .mud-grid-spacing-xs-17:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-17:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 17); }
body:has(.platform-appearance) .mud-grid-spacing-xs-18:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-18:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 18); }
body:has(.platform-appearance) .mud-grid-spacing-xs-19:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-19:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 19); }
body:has(.platform-appearance) .mud-grid-spacing-xs-20:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid-spacing-xs-20:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) { --platform-mud-grid-gap: calc(var(--platform-space-unit) * 20); }
body:has(.platform-appearance) .mud-grid[class*="mud-grid-spacing-xs-"]:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid[class*="mud-grid-spacing-xs-"]:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    width: calc(100% + var(--platform-mud-grid-gap, 0px));
    margin-left: calc(-1 * var(--platform-mud-grid-gap, 0px));
    margin-top: calc(-1 * var(--platform-mud-grid-gap, 0px));
}
body:has(.platform-appearance) .mud-grid[class*="mud-grid-spacing-xs-"] > .mud-grid-item:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox .mud-grid[class*="mud-grid-spacing-xs-"] > .mud-grid-item:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-left: var(--platform-mud-grid-gap, 0px);
    padding-top: var(--platform-mud-grid-gap, 0px);
}

/* Variantes pequeñas y controles ya densos: nunca aumentar sus medidas originales. */
body:has(.platform-appearance:not([data-density="comfortable"])) :is(.mud-button-text-size-small, .mud-button-filled-size-small, .mud-button-outlined-size-small):not(.mud-icon-button):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) :is(.mud-button-text-size-small, .mud-button-filled-size-small, .mud-button-outlined-size-small):not(.mud-icon-button):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-block: var(--platform-small-button-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-button-outlined:not(.mud-icon-button):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-button-outlined:not(.mud-icon-button):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-block: max(0px, calc(var(--platform-button-y) - 1px));
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-button-outlined-size-small:not(.mud-icon-button):not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-button-outlined-size-small:not(.mud-icon-button):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-block: var(--platform-small-button-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-icon-button.mud-button-outlined:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-icon-button.mud-button-outlined:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding: min(var(--platform-icon-padding), 4px);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-icon-button.mud-button-filled:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-icon-button.mud-button-filled:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding: min(var(--platform-icon-padding), 5px);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-table .mud-table-cell .mud-icon-button:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-table .mud-table-cell .mud-icon-button:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding: min(var(--platform-icon-padding), 4px);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-icon-button.mud-icon-button-size-small:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-icon-button.mud-icon-button-size-small:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding: var(--platform-small-button-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-simple-table table tbody tr > td:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-simple-table table tbody tr > td:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-block: var(--platform-cell-y);
    padding-inline: var(--platform-cell-x);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-menu-item:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-menu-item:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-block: var(--platform-list-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-menu-item.mud-menu-item-dense:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-menu-item.mud-menu-item-dense:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    padding-block: var(--platform-small-button-y);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-menu-item .mud-menu-item-text:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-menu-item .mud-menu-item-text:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    margin-block: min(var(--platform-list-y), 4px);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control label.mud-input-label-filled.mud-input-label-shrink:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control label.mud-input-label-filled.mud-input-label-shrink:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    transform: translate(12px, var(--platform-filled-shrink-y)) scale(.75);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control label.mud-input-label-outlined.mud-input-label-shrink:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control label.mud-input-label-outlined.mud-input-label-shrink:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    transform: translate(14px, -6px) scale(.75);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control.mud-input-control-margin-dense:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control.mud-input-control-margin-dense:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    margin-bottom: var(--platform-space-unit);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control.mud-input-control-margin-normal:not(.appearance-sandbox *):not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control.mud-input-control-margin-normal:not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    margin-bottom: calc(var(--platform-space-unit) * 2);
}

/* No compactar una región virtualizada: el estimador de filas conserva su contrato.
   Los tokens también se reinician en .platform-density-fixed, junto con Cómoda. */

/* Etiquetas de campos Text: el contenedor conserva sus 16px para la etiqueta flotante.
   Solo sin valor ni foco: los selectores no marcan la etiqueta con mud-input-label-shrink. */
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control:has(.mud-input:not(.mud-shrink, :focus-within) > :is(input, div.mud-input-slot).mud-input-root:not(.mud-input-root-multiline)) label.mud-input-label-inputcontrol:not(.mud-input-label-filled, .mud-input-label-outlined, .mud-input-label-shrink):not(.appearance-sandbox *):not(:where(.platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control:has(.mud-input:not(.mud-shrink, :focus-within) > :is(input, div.mud-input-slot).mud-input-root:not(.mud-input-root-multiline)) label.mud-input-label-inputcontrol:not(.mud-input-label-filled, .mud-input-label-outlined, .mud-input-label-shrink):not(:where(.platform-density-fixed *)) {
    transform: translate(0, calc(18px + var(--platform-small-button-y))) scale(1);
}
body:has(.platform-appearance:not([data-density="comfortable"])) .mud-input-control :is(.mud-shrink, .mud-input:focus-within) ~ label.mud-input-label-inputcontrol:not(.mud-input-label-filled, .mud-input-label-outlined):not(.appearance-sandbox *):not(:where(.platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)),
.appearance-sandbox:not([data-density="comfortable"]) .mud-input-control :is(.mud-shrink, .mud-input:focus-within) ~ label.mud-input-label-inputcontrol:not(.mud-input-label-filled, .mud-input-label-outlined):not(:where(.platform-density-fixed *)) {
    transform: translate(0, 1.5px) scale(.75);
}

/* BEGIN GENERATED DENSITY SPACING */
/* Generado por devops/appearance/Update-DensitySpacing.ps1. Mantener el orden de MudBlazor. */
:where(body:has(.platform-appearance), .appearance-sandbox) :not(:where(.platform-density-fixed, .platform-density-fixed *, .mud-table-head *, .mud-simple-table thead *)) {
    .mt-0&, .my-0& { margin-top: calc(var(--platform-space-unit) * 0) !important; }
    .mr-0&, .mx-0& { margin-right: calc(var(--platform-space-unit) * 0) !important; }
    .ml-0&, .mx-0& { margin-left: calc(var(--platform-space-unit) * 0) !important; }
    .mb-0&, .my-0& { margin-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ms-0& { margin-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .me-0& { margin-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .ma-0& { margin: calc(var(--platform-space-unit) * 0) !important; }
    .mt-1&, .my-1& { margin-top: calc(var(--platform-space-unit) * 1) !important; }
    .mr-1&, .mx-1& { margin-right: calc(var(--platform-space-unit) * 1) !important; }
    .ml-1&, .mx-1& { margin-left: calc(var(--platform-space-unit) * 1) !important; }
    .mb-1&, .my-1& { margin-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ms-1& { margin-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .me-1& { margin-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .ma-1& { margin: calc(var(--platform-space-unit) * 1) !important; }
    .mt-2&, .my-2& { margin-top: calc(var(--platform-space-unit) * 2) !important; }
    .mr-2&, .mx-2& { margin-right: calc(var(--platform-space-unit) * 2) !important; }
    .ml-2&, .mx-2& { margin-left: calc(var(--platform-space-unit) * 2) !important; }
    .mb-2&, .my-2& { margin-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ms-2& { margin-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .me-2& { margin-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .ma-2& { margin: calc(var(--platform-space-unit) * 2) !important; }
    .mt-3&, .my-3& { margin-top: calc(var(--platform-space-unit) * 3) !important; }
    .mr-3&, .mx-3& { margin-right: calc(var(--platform-space-unit) * 3) !important; }
    .ml-3&, .mx-3& { margin-left: calc(var(--platform-space-unit) * 3) !important; }
    .mb-3&, .my-3& { margin-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ms-3& { margin-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .me-3& { margin-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .ma-3& { margin: calc(var(--platform-space-unit) * 3) !important; }
    .mt-4&, .my-4& { margin-top: calc(var(--platform-space-unit) * 4) !important; }
    .mr-4&, .mx-4& { margin-right: calc(var(--platform-space-unit) * 4) !important; }
    .ml-4&, .mx-4& { margin-left: calc(var(--platform-space-unit) * 4) !important; }
    .mb-4&, .my-4& { margin-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ms-4& { margin-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .me-4& { margin-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .ma-4& { margin: calc(var(--platform-space-unit) * 4) !important; }
    .mt-5&, .my-5& { margin-top: calc(var(--platform-space-unit) * 5) !important; }
    .mr-5&, .mx-5& { margin-right: calc(var(--platform-space-unit) * 5) !important; }
    .ml-5&, .mx-5& { margin-left: calc(var(--platform-space-unit) * 5) !important; }
    .mb-5&, .my-5& { margin-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ms-5& { margin-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .me-5& { margin-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .ma-5& { margin: calc(var(--platform-space-unit) * 5) !important; }
    .mt-6&, .my-6& { margin-top: calc(var(--platform-space-unit) * 6) !important; }
    .mr-6&, .mx-6& { margin-right: calc(var(--platform-space-unit) * 6) !important; }
    .ml-6&, .mx-6& { margin-left: calc(var(--platform-space-unit) * 6) !important; }
    .mb-6&, .my-6& { margin-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ms-6& { margin-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .me-6& { margin-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .ma-6& { margin: calc(var(--platform-space-unit) * 6) !important; }
    .mt-7&, .my-7& { margin-top: calc(var(--platform-space-unit) * 7) !important; }
    .mr-7&, .mx-7& { margin-right: calc(var(--platform-space-unit) * 7) !important; }
    .ml-7&, .mx-7& { margin-left: calc(var(--platform-space-unit) * 7) !important; }
    .mb-7&, .my-7& { margin-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ms-7& { margin-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .me-7& { margin-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .ma-7& { margin: calc(var(--platform-space-unit) * 7) !important; }
    .mt-8&, .my-8& { margin-top: calc(var(--platform-space-unit) * 8) !important; }
    .mr-8&, .mx-8& { margin-right: calc(var(--platform-space-unit) * 8) !important; }
    .ml-8&, .mx-8& { margin-left: calc(var(--platform-space-unit) * 8) !important; }
    .mb-8&, .my-8& { margin-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ms-8& { margin-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .me-8& { margin-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .ma-8& { margin: calc(var(--platform-space-unit) * 8) !important; }
    .mt-9&, .my-9& { margin-top: calc(var(--platform-space-unit) * 9) !important; }
    .mr-9&, .mx-9& { margin-right: calc(var(--platform-space-unit) * 9) !important; }
    .ml-9&, .mx-9& { margin-left: calc(var(--platform-space-unit) * 9) !important; }
    .mb-9&, .my-9& { margin-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ms-9& { margin-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .me-9& { margin-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .ma-9& { margin: calc(var(--platform-space-unit) * 9) !important; }
    .mt-10&, .my-10& { margin-top: calc(var(--platform-space-unit) * 10) !important; }
    .mr-10&, .mx-10& { margin-right: calc(var(--platform-space-unit) * 10) !important; }
    .ml-10&, .mx-10& { margin-left: calc(var(--platform-space-unit) * 10) !important; }
    .mb-10&, .my-10& { margin-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ms-10& { margin-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .me-10& { margin-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .ma-10& { margin: calc(var(--platform-space-unit) * 10) !important; }
    .mt-11&, .my-11& { margin-top: calc(var(--platform-space-unit) * 11) !important; }
    .mr-11&, .mx-11& { margin-right: calc(var(--platform-space-unit) * 11) !important; }
    .ml-11&, .mx-11& { margin-left: calc(var(--platform-space-unit) * 11) !important; }
    .mb-11&, .my-11& { margin-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ms-11& { margin-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .me-11& { margin-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .ma-11& { margin: calc(var(--platform-space-unit) * 11) !important; }
    .mt-12&, .my-12& { margin-top: calc(var(--platform-space-unit) * 12) !important; }
    .mr-12&, .mx-12& { margin-right: calc(var(--platform-space-unit) * 12) !important; }
    .ml-12&, .mx-12& { margin-left: calc(var(--platform-space-unit) * 12) !important; }
    .mb-12&, .my-12& { margin-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ms-12& { margin-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .me-12& { margin-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .ma-12& { margin: calc(var(--platform-space-unit) * 12) !important; }
    .mt-13&, .my-13& { margin-top: calc(var(--platform-space-unit) * 13) !important; }
    .mr-13&, .mx-13& { margin-right: calc(var(--platform-space-unit) * 13) !important; }
    .ml-13&, .mx-13& { margin-left: calc(var(--platform-space-unit) * 13) !important; }
    .mb-13&, .my-13& { margin-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ms-13& { margin-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .me-13& { margin-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .ma-13& { margin: calc(var(--platform-space-unit) * 13) !important; }
    .mt-14&, .my-14& { margin-top: calc(var(--platform-space-unit) * 14) !important; }
    .mr-14&, .mx-14& { margin-right: calc(var(--platform-space-unit) * 14) !important; }
    .ml-14&, .mx-14& { margin-left: calc(var(--platform-space-unit) * 14) !important; }
    .mb-14&, .my-14& { margin-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ms-14& { margin-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .me-14& { margin-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .ma-14& { margin: calc(var(--platform-space-unit) * 14) !important; }
    .mt-15&, .my-15& { margin-top: calc(var(--platform-space-unit) * 15) !important; }
    .mr-15&, .mx-15& { margin-right: calc(var(--platform-space-unit) * 15) !important; }
    .ml-15&, .mx-15& { margin-left: calc(var(--platform-space-unit) * 15) !important; }
    .mb-15&, .my-15& { margin-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ms-15& { margin-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .me-15& { margin-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .ma-15& { margin: calc(var(--platform-space-unit) * 15) !important; }
    .mt-16&, .my-16& { margin-top: calc(var(--platform-space-unit) * 16) !important; }
    .mr-16&, .mx-16& { margin-right: calc(var(--platform-space-unit) * 16) !important; }
    .ml-16&, .mx-16& { margin-left: calc(var(--platform-space-unit) * 16) !important; }
    .mb-16&, .my-16& { margin-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ms-16& { margin-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .me-16& { margin-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .ma-16& { margin: calc(var(--platform-space-unit) * 16) !important; }
    .mt-17&, .my-17& { margin-top: calc(var(--platform-space-unit) * 17) !important; }
    .mr-17&, .mx-17& { margin-right: calc(var(--platform-space-unit) * 17) !important; }
    .ml-17&, .mx-17& { margin-left: calc(var(--platform-space-unit) * 17) !important; }
    .mb-17&, .my-17& { margin-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ms-17& { margin-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .me-17& { margin-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .ma-17& { margin: calc(var(--platform-space-unit) * 17) !important; }
    .mt-18&, .my-18& { margin-top: calc(var(--platform-space-unit) * 18) !important; }
    .mr-18&, .mx-18& { margin-right: calc(var(--platform-space-unit) * 18) !important; }
    .ml-18&, .mx-18& { margin-left: calc(var(--platform-space-unit) * 18) !important; }
    .mb-18&, .my-18& { margin-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ms-18& { margin-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .me-18& { margin-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .ma-18& { margin: calc(var(--platform-space-unit) * 18) !important; }
    .mt-19&, .my-19& { margin-top: calc(var(--platform-space-unit) * 19) !important; }
    .mr-19&, .mx-19& { margin-right: calc(var(--platform-space-unit) * 19) !important; }
    .ml-19&, .mx-19& { margin-left: calc(var(--platform-space-unit) * 19) !important; }
    .mb-19&, .my-19& { margin-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ms-19& { margin-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .me-19& { margin-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .ma-19& { margin: calc(var(--platform-space-unit) * 19) !important; }
    .mt-20&, .my-20& { margin-top: calc(var(--platform-space-unit) * 20) !important; }
    .mr-20&, .mx-20& { margin-right: calc(var(--platform-space-unit) * 20) !important; }
    .ml-20&, .mx-20& { margin-left: calc(var(--platform-space-unit) * 20) !important; }
    .mb-20&, .my-20& { margin-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ms-20& { margin-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .me-20& { margin-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .ma-20& { margin: calc(var(--platform-space-unit) * 20) !important; }
    .mt-auto&, .my-auto& { margin-top: auto !important; }
    .mr-auto&, .mx-auto& { margin-right: auto !important; }
    .ml-auto&, .mx-auto& { margin-left: auto !important; }
    .mb-auto&, .my-auto& { margin-bottom: auto !important; }
    .ms-auto& { margin-inline-start: auto !important; }
    .me-auto& { margin-inline-end: auto !important; }
    .ma-auto& { margin: auto !important; }
    .pt-0&, .py-0& { padding-top: calc(var(--platform-space-unit) * 0) !important; }
    .pr-0&, .px-0& { padding-right: calc(var(--platform-space-unit) * 0) !important; }
    .pl-0&, .px-0& { padding-left: calc(var(--platform-space-unit) * 0) !important; }
    .pb-0&, .py-0& { padding-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ps-0& { padding-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .pe-0& { padding-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .pa-0& { padding: calc(var(--platform-space-unit) * 0) !important; }
    .pt-1&, .py-1& { padding-top: calc(var(--platform-space-unit) * 1) !important; }
    .pr-1&, .px-1& { padding-right: calc(var(--platform-space-unit) * 1) !important; }
    .pl-1&, .px-1& { padding-left: calc(var(--platform-space-unit) * 1) !important; }
    .pb-1&, .py-1& { padding-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ps-1& { padding-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .pe-1& { padding-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .pa-1& { padding: calc(var(--platform-space-unit) * 1) !important; }
    .pt-2&, .py-2& { padding-top: calc(var(--platform-space-unit) * 2) !important; }
    .pr-2&, .px-2& { padding-right: calc(var(--platform-space-unit) * 2) !important; }
    .pl-2&, .px-2& { padding-left: calc(var(--platform-space-unit) * 2) !important; }
    .pb-2&, .py-2& { padding-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ps-2& { padding-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .pe-2& { padding-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .pa-2& { padding: calc(var(--platform-space-unit) * 2) !important; }
    .pt-3&, .py-3& { padding-top: calc(var(--platform-space-unit) * 3) !important; }
    .pr-3&, .px-3& { padding-right: calc(var(--platform-space-unit) * 3) !important; }
    .pl-3&, .px-3& { padding-left: calc(var(--platform-space-unit) * 3) !important; }
    .pb-3&, .py-3& { padding-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ps-3& { padding-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .pe-3& { padding-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .pa-3& { padding: calc(var(--platform-space-unit) * 3) !important; }
    .pt-4&, .py-4& { padding-top: calc(var(--platform-space-unit) * 4) !important; }
    .pr-4&, .px-4& { padding-right: calc(var(--platform-space-unit) * 4) !important; }
    .pl-4&, .px-4& { padding-left: calc(var(--platform-space-unit) * 4) !important; }
    .pb-4&, .py-4& { padding-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ps-4& { padding-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .pe-4& { padding-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .pa-4& { padding: calc(var(--platform-space-unit) * 4) !important; }
    .pt-5&, .py-5& { padding-top: calc(var(--platform-space-unit) * 5) !important; }
    .pr-5&, .px-5& { padding-right: calc(var(--platform-space-unit) * 5) !important; }
    .pl-5&, .px-5& { padding-left: calc(var(--platform-space-unit) * 5) !important; }
    .pb-5&, .py-5& { padding-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ps-5& { padding-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .pe-5& { padding-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .pa-5& { padding: calc(var(--platform-space-unit) * 5) !important; }
    .pt-6&, .py-6& { padding-top: calc(var(--platform-space-unit) * 6) !important; }
    .pr-6&, .px-6& { padding-right: calc(var(--platform-space-unit) * 6) !important; }
    .pl-6&, .px-6& { padding-left: calc(var(--platform-space-unit) * 6) !important; }
    .pb-6&, .py-6& { padding-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ps-6& { padding-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .pe-6& { padding-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .pa-6& { padding: calc(var(--platform-space-unit) * 6) !important; }
    .pt-7&, .py-7& { padding-top: calc(var(--platform-space-unit) * 7) !important; }
    .pr-7&, .px-7& { padding-right: calc(var(--platform-space-unit) * 7) !important; }
    .pl-7&, .px-7& { padding-left: calc(var(--platform-space-unit) * 7) !important; }
    .pb-7&, .py-7& { padding-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ps-7& { padding-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .pe-7& { padding-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .pa-7& { padding: calc(var(--platform-space-unit) * 7) !important; }
    .pt-8&, .py-8& { padding-top: calc(var(--platform-space-unit) * 8) !important; }
    .pr-8&, .px-8& { padding-right: calc(var(--platform-space-unit) * 8) !important; }
    .pl-8&, .px-8& { padding-left: calc(var(--platform-space-unit) * 8) !important; }
    .pb-8&, .py-8& { padding-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ps-8& { padding-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .pe-8& { padding-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .pa-8& { padding: calc(var(--platform-space-unit) * 8) !important; }
    .pt-9&, .py-9& { padding-top: calc(var(--platform-space-unit) * 9) !important; }
    .pr-9&, .px-9& { padding-right: calc(var(--platform-space-unit) * 9) !important; }
    .pl-9&, .px-9& { padding-left: calc(var(--platform-space-unit) * 9) !important; }
    .pb-9&, .py-9& { padding-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ps-9& { padding-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .pe-9& { padding-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .pa-9& { padding: calc(var(--platform-space-unit) * 9) !important; }
    .pt-10&, .py-10& { padding-top: calc(var(--platform-space-unit) * 10) !important; }
    .pr-10&, .px-10& { padding-right: calc(var(--platform-space-unit) * 10) !important; }
    .pl-10&, .px-10& { padding-left: calc(var(--platform-space-unit) * 10) !important; }
    .pb-10&, .py-10& { padding-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ps-10& { padding-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .pe-10& { padding-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .pa-10& { padding: calc(var(--platform-space-unit) * 10) !important; }
    .pt-11&, .py-11& { padding-top: calc(var(--platform-space-unit) * 11) !important; }
    .pr-11&, .px-11& { padding-right: calc(var(--platform-space-unit) * 11) !important; }
    .pl-11&, .px-11& { padding-left: calc(var(--platform-space-unit) * 11) !important; }
    .pb-11&, .py-11& { padding-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ps-11& { padding-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .pe-11& { padding-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .pa-11& { padding: calc(var(--platform-space-unit) * 11) !important; }
    .pt-12&, .py-12& { padding-top: calc(var(--platform-space-unit) * 12) !important; }
    .pr-12&, .px-12& { padding-right: calc(var(--platform-space-unit) * 12) !important; }
    .pl-12&, .px-12& { padding-left: calc(var(--platform-space-unit) * 12) !important; }
    .pb-12&, .py-12& { padding-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ps-12& { padding-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .pe-12& { padding-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .pa-12& { padding: calc(var(--platform-space-unit) * 12) !important; }
    .pt-13&, .py-13& { padding-top: calc(var(--platform-space-unit) * 13) !important; }
    .pr-13&, .px-13& { padding-right: calc(var(--platform-space-unit) * 13) !important; }
    .pl-13&, .px-13& { padding-left: calc(var(--platform-space-unit) * 13) !important; }
    .pb-13&, .py-13& { padding-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ps-13& { padding-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .pe-13& { padding-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .pa-13& { padding: calc(var(--platform-space-unit) * 13) !important; }
    .pt-14&, .py-14& { padding-top: calc(var(--platform-space-unit) * 14) !important; }
    .pr-14&, .px-14& { padding-right: calc(var(--platform-space-unit) * 14) !important; }
    .pl-14&, .px-14& { padding-left: calc(var(--platform-space-unit) * 14) !important; }
    .pb-14&, .py-14& { padding-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ps-14& { padding-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .pe-14& { padding-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .pa-14& { padding: calc(var(--platform-space-unit) * 14) !important; }
    .pt-15&, .py-15& { padding-top: calc(var(--platform-space-unit) * 15) !important; }
    .pr-15&, .px-15& { padding-right: calc(var(--platform-space-unit) * 15) !important; }
    .pl-15&, .px-15& { padding-left: calc(var(--platform-space-unit) * 15) !important; }
    .pb-15&, .py-15& { padding-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ps-15& { padding-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .pe-15& { padding-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .pa-15& { padding: calc(var(--platform-space-unit) * 15) !important; }
    .pt-16&, .py-16& { padding-top: calc(var(--platform-space-unit) * 16) !important; }
    .pr-16&, .px-16& { padding-right: calc(var(--platform-space-unit) * 16) !important; }
    .pl-16&, .px-16& { padding-left: calc(var(--platform-space-unit) * 16) !important; }
    .pb-16&, .py-16& { padding-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ps-16& { padding-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .pe-16& { padding-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .pa-16& { padding: calc(var(--platform-space-unit) * 16) !important; }
    .pt-17&, .py-17& { padding-top: calc(var(--platform-space-unit) * 17) !important; }
    .pr-17&, .px-17& { padding-right: calc(var(--platform-space-unit) * 17) !important; }
    .pl-17&, .px-17& { padding-left: calc(var(--platform-space-unit) * 17) !important; }
    .pb-17&, .py-17& { padding-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ps-17& { padding-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .pe-17& { padding-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .pa-17& { padding: calc(var(--platform-space-unit) * 17) !important; }
    .pt-18&, .py-18& { padding-top: calc(var(--platform-space-unit) * 18) !important; }
    .pr-18&, .px-18& { padding-right: calc(var(--platform-space-unit) * 18) !important; }
    .pl-18&, .px-18& { padding-left: calc(var(--platform-space-unit) * 18) !important; }
    .pb-18&, .py-18& { padding-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ps-18& { padding-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .pe-18& { padding-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .pa-18& { padding: calc(var(--platform-space-unit) * 18) !important; }
    .pt-19&, .py-19& { padding-top: calc(var(--platform-space-unit) * 19) !important; }
    .pr-19&, .px-19& { padding-right: calc(var(--platform-space-unit) * 19) !important; }
    .pl-19&, .px-19& { padding-left: calc(var(--platform-space-unit) * 19) !important; }
    .pb-19&, .py-19& { padding-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ps-19& { padding-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .pe-19& { padding-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .pa-19& { padding: calc(var(--platform-space-unit) * 19) !important; }
    .pt-20&, .py-20& { padding-top: calc(var(--platform-space-unit) * 20) !important; }
    .pr-20&, .px-20& { padding-right: calc(var(--platform-space-unit) * 20) !important; }
    .pl-20&, .px-20& { padding-left: calc(var(--platform-space-unit) * 20) !important; }
    .pb-20&, .py-20& { padding-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ps-20& { padding-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .pe-20& { padding-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .pa-20& { padding: calc(var(--platform-space-unit) * 20) !important; }
    .pt-auto&, .py-auto& { padding-top: auto !important; }
    .pr-auto&, .px-auto& { padding-right: auto !important; }
    .pl-auto&, .px-auto& { padding-left: auto !important; }
    .pb-auto&, .py-auto& { padding-bottom: auto !important; }
    .ps-auto& { padding-inline-start: auto !important; }
    .pe-auto& { padding-inline-end: auto !important; }
    .pa-auto& { padding: auto !important; }
    .mt-n1&, .my-n1& { margin-top: calc(var(--platform-space-unit) * -1) !important; }
    .mr-n1&, .mx-n1& { margin-right: calc(var(--platform-space-unit) * -1) !important; }
    .ml-n1&, .mx-n1& { margin-left: calc(var(--platform-space-unit) * -1) !important; }
    .mb-n1&, .my-n1& { margin-bottom: calc(var(--platform-space-unit) * -1) !important; }
    .ms-n1& { margin-inline-start: calc(var(--platform-space-unit) * -1) !important; }
    .me-n1& { margin-inline-end: calc(var(--platform-space-unit) * -1) !important; }
    .ma-n1& { margin: calc(var(--platform-space-unit) * -1) !important; }
    .mt-n2&, .my-n2& { margin-top: calc(var(--platform-space-unit) * -2) !important; }
    .mr-n2&, .mx-n2& { margin-right: calc(var(--platform-space-unit) * -2) !important; }
    .ml-n2&, .mx-n2& { margin-left: calc(var(--platform-space-unit) * -2) !important; }
    .mb-n2&, .my-n2& { margin-bottom: calc(var(--platform-space-unit) * -2) !important; }
    .ms-n2& { margin-inline-start: calc(var(--platform-space-unit) * -2) !important; }
    .me-n2& { margin-inline-end: calc(var(--platform-space-unit) * -2) !important; }
    .ma-n2& { margin: calc(var(--platform-space-unit) * -2) !important; }
    .mt-n3&, .my-n3& { margin-top: calc(var(--platform-space-unit) * -3) !important; }
    .mr-n3&, .mx-n3& { margin-right: calc(var(--platform-space-unit) * -3) !important; }
    .ml-n3&, .mx-n3& { margin-left: calc(var(--platform-space-unit) * -3) !important; }
    .mb-n3&, .my-n3& { margin-bottom: calc(var(--platform-space-unit) * -3) !important; }
    .ms-n3& { margin-inline-start: calc(var(--platform-space-unit) * -3) !important; }
    .me-n3& { margin-inline-end: calc(var(--platform-space-unit) * -3) !important; }
    .ma-n3& { margin: calc(var(--platform-space-unit) * -3) !important; }
    .mt-n4&, .my-n4& { margin-top: calc(var(--platform-space-unit) * -4) !important; }
    .mr-n4&, .mx-n4& { margin-right: calc(var(--platform-space-unit) * -4) !important; }
    .ml-n4&, .mx-n4& { margin-left: calc(var(--platform-space-unit) * -4) !important; }
    .mb-n4&, .my-n4& { margin-bottom: calc(var(--platform-space-unit) * -4) !important; }
    .ms-n4& { margin-inline-start: calc(var(--platform-space-unit) * -4) !important; }
    .me-n4& { margin-inline-end: calc(var(--platform-space-unit) * -4) !important; }
    .ma-n4& { margin: calc(var(--platform-space-unit) * -4) !important; }
    .mt-n5&, .my-n5& { margin-top: calc(var(--platform-space-unit) * -5) !important; }
    .mr-n5&, .mx-n5& { margin-right: calc(var(--platform-space-unit) * -5) !important; }
    .ml-n5&, .mx-n5& { margin-left: calc(var(--platform-space-unit) * -5) !important; }
    .mb-n5&, .my-n5& { margin-bottom: calc(var(--platform-space-unit) * -5) !important; }
    .ms-n5& { margin-inline-start: calc(var(--platform-space-unit) * -5) !important; }
    .me-n5& { margin-inline-end: calc(var(--platform-space-unit) * -5) !important; }
    .ma-n5& { margin: calc(var(--platform-space-unit) * -5) !important; }
    .mt-n6&, .my-n6& { margin-top: calc(var(--platform-space-unit) * -6) !important; }
    .mr-n6&, .mx-n6& { margin-right: calc(var(--platform-space-unit) * -6) !important; }
    .ml-n6&, .mx-n6& { margin-left: calc(var(--platform-space-unit) * -6) !important; }
    .mb-n6&, .my-n6& { margin-bottom: calc(var(--platform-space-unit) * -6) !important; }
    .ms-n6& { margin-inline-start: calc(var(--platform-space-unit) * -6) !important; }
    .me-n6& { margin-inline-end: calc(var(--platform-space-unit) * -6) !important; }
    .ma-n6& { margin: calc(var(--platform-space-unit) * -6) !important; }
    .mt-n7&, .my-n7& { margin-top: calc(var(--platform-space-unit) * -7) !important; }
    .mr-n7&, .mx-n7& { margin-right: calc(var(--platform-space-unit) * -7) !important; }
    .ml-n7&, .mx-n7& { margin-left: calc(var(--platform-space-unit) * -7) !important; }
    .mb-n7&, .my-n7& { margin-bottom: calc(var(--platform-space-unit) * -7) !important; }
    .ms-n7& { margin-inline-start: calc(var(--platform-space-unit) * -7) !important; }
    .me-n7& { margin-inline-end: calc(var(--platform-space-unit) * -7) !important; }
    .ma-n7& { margin: calc(var(--platform-space-unit) * -7) !important; }
    .mt-n8&, .my-n8& { margin-top: calc(var(--platform-space-unit) * -8) !important; }
    .mr-n8&, .mx-n8& { margin-right: calc(var(--platform-space-unit) * -8) !important; }
    .ml-n8&, .mx-n8& { margin-left: calc(var(--platform-space-unit) * -8) !important; }
    .mb-n8&, .my-n8& { margin-bottom: calc(var(--platform-space-unit) * -8) !important; }
    .ms-n8& { margin-inline-start: calc(var(--platform-space-unit) * -8) !important; }
    .me-n8& { margin-inline-end: calc(var(--platform-space-unit) * -8) !important; }
    .ma-n8& { margin: calc(var(--platform-space-unit) * -8) !important; }
    .mt-n9&, .my-n9& { margin-top: calc(var(--platform-space-unit) * -9) !important; }
    .mr-n9&, .mx-n9& { margin-right: calc(var(--platform-space-unit) * -9) !important; }
    .ml-n9&, .mx-n9& { margin-left: calc(var(--platform-space-unit) * -9) !important; }
    .mb-n9&, .my-n9& { margin-bottom: calc(var(--platform-space-unit) * -9) !important; }
    .ms-n9& { margin-inline-start: calc(var(--platform-space-unit) * -9) !important; }
    .me-n9& { margin-inline-end: calc(var(--platform-space-unit) * -9) !important; }
    .ma-n9& { margin: calc(var(--platform-space-unit) * -9) !important; }
    .mt-n10&, .my-n10& { margin-top: calc(var(--platform-space-unit) * -10) !important; }
    .mr-n10&, .mx-n10& { margin-right: calc(var(--platform-space-unit) * -10) !important; }
    .ml-n10&, .mx-n10& { margin-left: calc(var(--platform-space-unit) * -10) !important; }
    .mb-n10&, .my-n10& { margin-bottom: calc(var(--platform-space-unit) * -10) !important; }
    .ms-n10& { margin-inline-start: calc(var(--platform-space-unit) * -10) !important; }
    .me-n10& { margin-inline-end: calc(var(--platform-space-unit) * -10) !important; }
    .ma-n10& { margin: calc(var(--platform-space-unit) * -10) !important; }
    .mt-n11&, .my-n11& { margin-top: calc(var(--platform-space-unit) * -11) !important; }
    .mr-n11&, .mx-n11& { margin-right: calc(var(--platform-space-unit) * -11) !important; }
    .ml-n11&, .mx-n11& { margin-left: calc(var(--platform-space-unit) * -11) !important; }
    .mb-n11&, .my-n11& { margin-bottom: calc(var(--platform-space-unit) * -11) !important; }
    .ms-n11& { margin-inline-start: calc(var(--platform-space-unit) * -11) !important; }
    .me-n11& { margin-inline-end: calc(var(--platform-space-unit) * -11) !important; }
    .ma-n11& { margin: calc(var(--platform-space-unit) * -11) !important; }
    .mt-n12&, .my-n12& { margin-top: calc(var(--platform-space-unit) * -12) !important; }
    .mr-n12&, .mx-n12& { margin-right: calc(var(--platform-space-unit) * -12) !important; }
    .ml-n12&, .mx-n12& { margin-left: calc(var(--platform-space-unit) * -12) !important; }
    .mb-n12&, .my-n12& { margin-bottom: calc(var(--platform-space-unit) * -12) !important; }
    .ms-n12& { margin-inline-start: calc(var(--platform-space-unit) * -12) !important; }
    .me-n12& { margin-inline-end: calc(var(--platform-space-unit) * -12) !important; }
    .ma-n12& { margin: calc(var(--platform-space-unit) * -12) !important; }
    .mt-n13&, .my-n13& { margin-top: calc(var(--platform-space-unit) * -13) !important; }
    .mr-n13&, .mx-n13& { margin-right: calc(var(--platform-space-unit) * -13) !important; }
    .ml-n13&, .mx-n13& { margin-left: calc(var(--platform-space-unit) * -13) !important; }
    .mb-n13&, .my-n13& { margin-bottom: calc(var(--platform-space-unit) * -13) !important; }
    .ms-n13& { margin-inline-start: calc(var(--platform-space-unit) * -13) !important; }
    .me-n13& { margin-inline-end: calc(var(--platform-space-unit) * -13) !important; }
    .ma-n13& { margin: calc(var(--platform-space-unit) * -13) !important; }
    .mt-n14&, .my-n14& { margin-top: calc(var(--platform-space-unit) * -14) !important; }
    .mr-n14&, .mx-n14& { margin-right: calc(var(--platform-space-unit) * -14) !important; }
    .ml-n14&, .mx-n14& { margin-left: calc(var(--platform-space-unit) * -14) !important; }
    .mb-n14&, .my-n14& { margin-bottom: calc(var(--platform-space-unit) * -14) !important; }
    .ms-n14& { margin-inline-start: calc(var(--platform-space-unit) * -14) !important; }
    .me-n14& { margin-inline-end: calc(var(--platform-space-unit) * -14) !important; }
    .ma-n14& { margin: calc(var(--platform-space-unit) * -14) !important; }
    .mt-n15&, .my-n15& { margin-top: calc(var(--platform-space-unit) * -15) !important; }
    .mr-n15&, .mx-n15& { margin-right: calc(var(--platform-space-unit) * -15) !important; }
    .ml-n15&, .mx-n15& { margin-left: calc(var(--platform-space-unit) * -15) !important; }
    .mb-n15&, .my-n15& { margin-bottom: calc(var(--platform-space-unit) * -15) !important; }
    .ms-n15& { margin-inline-start: calc(var(--platform-space-unit) * -15) !important; }
    .me-n15& { margin-inline-end: calc(var(--platform-space-unit) * -15) !important; }
    .ma-n15& { margin: calc(var(--platform-space-unit) * -15) !important; }
    .mt-n16&, .my-n16& { margin-top: calc(var(--platform-space-unit) * -16) !important; }
    .mr-n16&, .mx-n16& { margin-right: calc(var(--platform-space-unit) * -16) !important; }
    .ml-n16&, .mx-n16& { margin-left: calc(var(--platform-space-unit) * -16) !important; }
    .mb-n16&, .my-n16& { margin-bottom: calc(var(--platform-space-unit) * -16) !important; }
    .ms-n16& { margin-inline-start: calc(var(--platform-space-unit) * -16) !important; }
    .me-n16& { margin-inline-end: calc(var(--platform-space-unit) * -16) !important; }
    .ma-n16& { margin: calc(var(--platform-space-unit) * -16) !important; }
    .mt-n17&, .my-n17& { margin-top: calc(var(--platform-space-unit) * -17) !important; }
    .mr-n17&, .mx-n17& { margin-right: calc(var(--platform-space-unit) * -17) !important; }
    .ml-n17&, .mx-n17& { margin-left: calc(var(--platform-space-unit) * -17) !important; }
    .mb-n17&, .my-n17& { margin-bottom: calc(var(--platform-space-unit) * -17) !important; }
    .ms-n17& { margin-inline-start: calc(var(--platform-space-unit) * -17) !important; }
    .me-n17& { margin-inline-end: calc(var(--platform-space-unit) * -17) !important; }
    .ma-n17& { margin: calc(var(--platform-space-unit) * -17) !important; }
    .mt-n18&, .my-n18& { margin-top: calc(var(--platform-space-unit) * -18) !important; }
    .mr-n18&, .mx-n18& { margin-right: calc(var(--platform-space-unit) * -18) !important; }
    .ml-n18&, .mx-n18& { margin-left: calc(var(--platform-space-unit) * -18) !important; }
    .mb-n18&, .my-n18& { margin-bottom: calc(var(--platform-space-unit) * -18) !important; }
    .ms-n18& { margin-inline-start: calc(var(--platform-space-unit) * -18) !important; }
    .me-n18& { margin-inline-end: calc(var(--platform-space-unit) * -18) !important; }
    .ma-n18& { margin: calc(var(--platform-space-unit) * -18) !important; }
    .mt-n19&, .my-n19& { margin-top: calc(var(--platform-space-unit) * -19) !important; }
    .mr-n19&, .mx-n19& { margin-right: calc(var(--platform-space-unit) * -19) !important; }
    .ml-n19&, .mx-n19& { margin-left: calc(var(--platform-space-unit) * -19) !important; }
    .mb-n19&, .my-n19& { margin-bottom: calc(var(--platform-space-unit) * -19) !important; }
    .ms-n19& { margin-inline-start: calc(var(--platform-space-unit) * -19) !important; }
    .me-n19& { margin-inline-end: calc(var(--platform-space-unit) * -19) !important; }
    .ma-n19& { margin: calc(var(--platform-space-unit) * -19) !important; }
    .mt-n20&, .my-n20& { margin-top: calc(var(--platform-space-unit) * -20) !important; }
    .mr-n20&, .mx-n20& { margin-right: calc(var(--platform-space-unit) * -20) !important; }
    .ml-n20&, .mx-n20& { margin-left: calc(var(--platform-space-unit) * -20) !important; }
    .mb-n20&, .my-n20& { margin-bottom: calc(var(--platform-space-unit) * -20) !important; }
    .ms-n20& { margin-inline-start: calc(var(--platform-space-unit) * -20) !important; }
    .me-n20& { margin-inline-end: calc(var(--platform-space-unit) * -20) !important; }
    .ma-n20& { margin: calc(var(--platform-space-unit) * -20) !important; }
    .gap-0& { gap: calc(var(--platform-space-unit) * 0); }
    .gap-x-0& { column-gap: calc(var(--platform-space-unit) * 0); }
    .gap-y-0& { row-gap: calc(var(--platform-space-unit) * 0); }
    .gap-1& { gap: calc(var(--platform-space-unit) * 1); }
    .gap-x-1& { column-gap: calc(var(--platform-space-unit) * 1); }
    .gap-y-1& { row-gap: calc(var(--platform-space-unit) * 1); }
    .gap-2& { gap: calc(var(--platform-space-unit) * 2); }
    .gap-x-2& { column-gap: calc(var(--platform-space-unit) * 2); }
    .gap-y-2& { row-gap: calc(var(--platform-space-unit) * 2); }
    .gap-3& { gap: calc(var(--platform-space-unit) * 3); }
    .gap-x-3& { column-gap: calc(var(--platform-space-unit) * 3); }
    .gap-y-3& { row-gap: calc(var(--platform-space-unit) * 3); }
    .gap-4& { gap: calc(var(--platform-space-unit) * 4); }
    .gap-x-4& { column-gap: calc(var(--platform-space-unit) * 4); }
    .gap-y-4& { row-gap: calc(var(--platform-space-unit) * 4); }
    .gap-5& { gap: calc(var(--platform-space-unit) * 5); }
    .gap-x-5& { column-gap: calc(var(--platform-space-unit) * 5); }
    .gap-y-5& { row-gap: calc(var(--platform-space-unit) * 5); }
    .gap-6& { gap: calc(var(--platform-space-unit) * 6); }
    .gap-x-6& { column-gap: calc(var(--platform-space-unit) * 6); }
    .gap-y-6& { row-gap: calc(var(--platform-space-unit) * 6); }
    .gap-7& { gap: calc(var(--platform-space-unit) * 7); }
    .gap-x-7& { column-gap: calc(var(--platform-space-unit) * 7); }
    .gap-y-7& { row-gap: calc(var(--platform-space-unit) * 7); }
    .gap-8& { gap: calc(var(--platform-space-unit) * 8); }
    .gap-x-8& { column-gap: calc(var(--platform-space-unit) * 8); }
    .gap-y-8& { row-gap: calc(var(--platform-space-unit) * 8); }
    .gap-9& { gap: calc(var(--platform-space-unit) * 9); }
    .gap-x-9& { column-gap: calc(var(--platform-space-unit) * 9); }
    .gap-y-9& { row-gap: calc(var(--platform-space-unit) * 9); }
    .gap-10& { gap: calc(var(--platform-space-unit) * 10); }
    .gap-x-10& { column-gap: calc(var(--platform-space-unit) * 10); }
    .gap-y-10& { row-gap: calc(var(--platform-space-unit) * 10); }
    .gap-11& { gap: calc(var(--platform-space-unit) * 11); }
    .gap-x-11& { column-gap: calc(var(--platform-space-unit) * 11); }
    .gap-y-11& { row-gap: calc(var(--platform-space-unit) * 11); }
    .gap-12& { gap: calc(var(--platform-space-unit) * 12); }
    .gap-x-12& { column-gap: calc(var(--platform-space-unit) * 12); }
    .gap-y-12& { row-gap: calc(var(--platform-space-unit) * 12); }
    .gap-13& { gap: calc(var(--platform-space-unit) * 13); }
    .gap-x-13& { column-gap: calc(var(--platform-space-unit) * 13); }
    .gap-y-13& { row-gap: calc(var(--platform-space-unit) * 13); }
    .gap-14& { gap: calc(var(--platform-space-unit) * 14); }
    .gap-x-14& { column-gap: calc(var(--platform-space-unit) * 14); }
    .gap-y-14& { row-gap: calc(var(--platform-space-unit) * 14); }
    .gap-15& { gap: calc(var(--platform-space-unit) * 15); }
    .gap-x-15& { column-gap: calc(var(--platform-space-unit) * 15); }
    .gap-y-15& { row-gap: calc(var(--platform-space-unit) * 15); }
    .gap-16& { gap: calc(var(--platform-space-unit) * 16); }
    .gap-x-16& { column-gap: calc(var(--platform-space-unit) * 16); }
    .gap-y-16& { row-gap: calc(var(--platform-space-unit) * 16); }
    .gap-17& { gap: calc(var(--platform-space-unit) * 17); }
    .gap-x-17& { column-gap: calc(var(--platform-space-unit) * 17); }
    .gap-y-17& { row-gap: calc(var(--platform-space-unit) * 17); }
    .gap-18& { gap: calc(var(--platform-space-unit) * 18); }
    .gap-x-18& { column-gap: calc(var(--platform-space-unit) * 18); }
    .gap-y-18& { row-gap: calc(var(--platform-space-unit) * 18); }
    .gap-19& { gap: calc(var(--platform-space-unit) * 19); }
    .gap-x-19& { column-gap: calc(var(--platform-space-unit) * 19); }
    .gap-y-19& { row-gap: calc(var(--platform-space-unit) * 19); }
    .gap-20& { gap: calc(var(--platform-space-unit) * 20); }
    .gap-x-20& { column-gap: calc(var(--platform-space-unit) * 20); }
    .gap-y-20& { row-gap: calc(var(--platform-space-unit) * 20); }
@media screen and (min-width: 600px) {
    .mt-sm-0&, .my-sm-0& { margin-top: calc(var(--platform-space-unit) * 0) !important; }
    .mr-sm-0&, .mx-sm-0& { margin-right: calc(var(--platform-space-unit) * 0) !important; }
    .ml-sm-0&, .mx-sm-0& { margin-left: calc(var(--platform-space-unit) * 0) !important; }
    .mb-sm-0&, .my-sm-0& { margin-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ms-sm-0& { margin-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .me-sm-0& { margin-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .ma-sm-0& { margin: calc(var(--platform-space-unit) * 0) !important; }
    .mt-sm-1&, .my-sm-1& { margin-top: calc(var(--platform-space-unit) * 1) !important; }
    .mr-sm-1&, .mx-sm-1& { margin-right: calc(var(--platform-space-unit) * 1) !important; }
    .ml-sm-1&, .mx-sm-1& { margin-left: calc(var(--platform-space-unit) * 1) !important; }
    .mb-sm-1&, .my-sm-1& { margin-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ms-sm-1& { margin-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .me-sm-1& { margin-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .ma-sm-1& { margin: calc(var(--platform-space-unit) * 1) !important; }
    .mt-sm-2&, .my-sm-2& { margin-top: calc(var(--platform-space-unit) * 2) !important; }
    .mr-sm-2&, .mx-sm-2& { margin-right: calc(var(--platform-space-unit) * 2) !important; }
    .ml-sm-2&, .mx-sm-2& { margin-left: calc(var(--platform-space-unit) * 2) !important; }
    .mb-sm-2&, .my-sm-2& { margin-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ms-sm-2& { margin-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .me-sm-2& { margin-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .ma-sm-2& { margin: calc(var(--platform-space-unit) * 2) !important; }
    .mt-sm-3&, .my-sm-3& { margin-top: calc(var(--platform-space-unit) * 3) !important; }
    .mr-sm-3&, .mx-sm-3& { margin-right: calc(var(--platform-space-unit) * 3) !important; }
    .ml-sm-3&, .mx-sm-3& { margin-left: calc(var(--platform-space-unit) * 3) !important; }
    .mb-sm-3&, .my-sm-3& { margin-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ms-sm-3& { margin-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .me-sm-3& { margin-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .ma-sm-3& { margin: calc(var(--platform-space-unit) * 3) !important; }
    .mt-sm-4&, .my-sm-4& { margin-top: calc(var(--platform-space-unit) * 4) !important; }
    .mr-sm-4&, .mx-sm-4& { margin-right: calc(var(--platform-space-unit) * 4) !important; }
    .ml-sm-4&, .mx-sm-4& { margin-left: calc(var(--platform-space-unit) * 4) !important; }
    .mb-sm-4&, .my-sm-4& { margin-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ms-sm-4& { margin-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .me-sm-4& { margin-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .ma-sm-4& { margin: calc(var(--platform-space-unit) * 4) !important; }
    .mt-sm-5&, .my-sm-5& { margin-top: calc(var(--platform-space-unit) * 5) !important; }
    .mr-sm-5&, .mx-sm-5& { margin-right: calc(var(--platform-space-unit) * 5) !important; }
    .ml-sm-5&, .mx-sm-5& { margin-left: calc(var(--platform-space-unit) * 5) !important; }
    .mb-sm-5&, .my-sm-5& { margin-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ms-sm-5& { margin-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .me-sm-5& { margin-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .ma-sm-5& { margin: calc(var(--platform-space-unit) * 5) !important; }
    .mt-sm-6&, .my-sm-6& { margin-top: calc(var(--platform-space-unit) * 6) !important; }
    .mr-sm-6&, .mx-sm-6& { margin-right: calc(var(--platform-space-unit) * 6) !important; }
    .ml-sm-6&, .mx-sm-6& { margin-left: calc(var(--platform-space-unit) * 6) !important; }
    .mb-sm-6&, .my-sm-6& { margin-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ms-sm-6& { margin-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .me-sm-6& { margin-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .ma-sm-6& { margin: calc(var(--platform-space-unit) * 6) !important; }
    .mt-sm-7&, .my-sm-7& { margin-top: calc(var(--platform-space-unit) * 7) !important; }
    .mr-sm-7&, .mx-sm-7& { margin-right: calc(var(--platform-space-unit) * 7) !important; }
    .ml-sm-7&, .mx-sm-7& { margin-left: calc(var(--platform-space-unit) * 7) !important; }
    .mb-sm-7&, .my-sm-7& { margin-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ms-sm-7& { margin-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .me-sm-7& { margin-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .ma-sm-7& { margin: calc(var(--platform-space-unit) * 7) !important; }
    .mt-sm-8&, .my-sm-8& { margin-top: calc(var(--platform-space-unit) * 8) !important; }
    .mr-sm-8&, .mx-sm-8& { margin-right: calc(var(--platform-space-unit) * 8) !important; }
    .ml-sm-8&, .mx-sm-8& { margin-left: calc(var(--platform-space-unit) * 8) !important; }
    .mb-sm-8&, .my-sm-8& { margin-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ms-sm-8& { margin-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .me-sm-8& { margin-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .ma-sm-8& { margin: calc(var(--platform-space-unit) * 8) !important; }
    .mt-sm-9&, .my-sm-9& { margin-top: calc(var(--platform-space-unit) * 9) !important; }
    .mr-sm-9&, .mx-sm-9& { margin-right: calc(var(--platform-space-unit) * 9) !important; }
    .ml-sm-9&, .mx-sm-9& { margin-left: calc(var(--platform-space-unit) * 9) !important; }
    .mb-sm-9&, .my-sm-9& { margin-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ms-sm-9& { margin-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .me-sm-9& { margin-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .ma-sm-9& { margin: calc(var(--platform-space-unit) * 9) !important; }
    .mt-sm-10&, .my-sm-10& { margin-top: calc(var(--platform-space-unit) * 10) !important; }
    .mr-sm-10&, .mx-sm-10& { margin-right: calc(var(--platform-space-unit) * 10) !important; }
    .ml-sm-10&, .mx-sm-10& { margin-left: calc(var(--platform-space-unit) * 10) !important; }
    .mb-sm-10&, .my-sm-10& { margin-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ms-sm-10& { margin-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .me-sm-10& { margin-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .ma-sm-10& { margin: calc(var(--platform-space-unit) * 10) !important; }
    .mt-sm-11&, .my-sm-11& { margin-top: calc(var(--platform-space-unit) * 11) !important; }
    .mr-sm-11&, .mx-sm-11& { margin-right: calc(var(--platform-space-unit) * 11) !important; }
    .ml-sm-11&, .mx-sm-11& { margin-left: calc(var(--platform-space-unit) * 11) !important; }
    .mb-sm-11&, .my-sm-11& { margin-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ms-sm-11& { margin-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .me-sm-11& { margin-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .ma-sm-11& { margin: calc(var(--platform-space-unit) * 11) !important; }
    .mt-sm-12&, .my-sm-12& { margin-top: calc(var(--platform-space-unit) * 12) !important; }
    .mr-sm-12&, .mx-sm-12& { margin-right: calc(var(--platform-space-unit) * 12) !important; }
    .ml-sm-12&, .mx-sm-12& { margin-left: calc(var(--platform-space-unit) * 12) !important; }
    .mb-sm-12&, .my-sm-12& { margin-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ms-sm-12& { margin-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .me-sm-12& { margin-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .ma-sm-12& { margin: calc(var(--platform-space-unit) * 12) !important; }
    .mt-sm-13&, .my-sm-13& { margin-top: calc(var(--platform-space-unit) * 13) !important; }
    .mr-sm-13&, .mx-sm-13& { margin-right: calc(var(--platform-space-unit) * 13) !important; }
    .ml-sm-13&, .mx-sm-13& { margin-left: calc(var(--platform-space-unit) * 13) !important; }
    .mb-sm-13&, .my-sm-13& { margin-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ms-sm-13& { margin-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .me-sm-13& { margin-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .ma-sm-13& { margin: calc(var(--platform-space-unit) * 13) !important; }
    .mt-sm-14&, .my-sm-14& { margin-top: calc(var(--platform-space-unit) * 14) !important; }
    .mr-sm-14&, .mx-sm-14& { margin-right: calc(var(--platform-space-unit) * 14) !important; }
    .ml-sm-14&, .mx-sm-14& { margin-left: calc(var(--platform-space-unit) * 14) !important; }
    .mb-sm-14&, .my-sm-14& { margin-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ms-sm-14& { margin-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .me-sm-14& { margin-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .ma-sm-14& { margin: calc(var(--platform-space-unit) * 14) !important; }
    .mt-sm-15&, .my-sm-15& { margin-top: calc(var(--platform-space-unit) * 15) !important; }
    .mr-sm-15&, .mx-sm-15& { margin-right: calc(var(--platform-space-unit) * 15) !important; }
    .ml-sm-15&, .mx-sm-15& { margin-left: calc(var(--platform-space-unit) * 15) !important; }
    .mb-sm-15&, .my-sm-15& { margin-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ms-sm-15& { margin-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .me-sm-15& { margin-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .ma-sm-15& { margin: calc(var(--platform-space-unit) * 15) !important; }
    .mt-sm-16&, .my-sm-16& { margin-top: calc(var(--platform-space-unit) * 16) !important; }
    .mr-sm-16&, .mx-sm-16& { margin-right: calc(var(--platform-space-unit) * 16) !important; }
    .ml-sm-16&, .mx-sm-16& { margin-left: calc(var(--platform-space-unit) * 16) !important; }
    .mb-sm-16&, .my-sm-16& { margin-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ms-sm-16& { margin-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .me-sm-16& { margin-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .ma-sm-16& { margin: calc(var(--platform-space-unit) * 16) !important; }
    .mt-sm-17&, .my-sm-17& { margin-top: calc(var(--platform-space-unit) * 17) !important; }
    .mr-sm-17&, .mx-sm-17& { margin-right: calc(var(--platform-space-unit) * 17) !important; }
    .ml-sm-17&, .mx-sm-17& { margin-left: calc(var(--platform-space-unit) * 17) !important; }
    .mb-sm-17&, .my-sm-17& { margin-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ms-sm-17& { margin-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .me-sm-17& { margin-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .ma-sm-17& { margin: calc(var(--platform-space-unit) * 17) !important; }
    .mt-sm-18&, .my-sm-18& { margin-top: calc(var(--platform-space-unit) * 18) !important; }
    .mr-sm-18&, .mx-sm-18& { margin-right: calc(var(--platform-space-unit) * 18) !important; }
    .ml-sm-18&, .mx-sm-18& { margin-left: calc(var(--platform-space-unit) * 18) !important; }
    .mb-sm-18&, .my-sm-18& { margin-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ms-sm-18& { margin-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .me-sm-18& { margin-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .ma-sm-18& { margin: calc(var(--platform-space-unit) * 18) !important; }
    .mt-sm-19&, .my-sm-19& { margin-top: calc(var(--platform-space-unit) * 19) !important; }
    .mr-sm-19&, .mx-sm-19& { margin-right: calc(var(--platform-space-unit) * 19) !important; }
    .ml-sm-19&, .mx-sm-19& { margin-left: calc(var(--platform-space-unit) * 19) !important; }
    .mb-sm-19&, .my-sm-19& { margin-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ms-sm-19& { margin-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .me-sm-19& { margin-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .ma-sm-19& { margin: calc(var(--platform-space-unit) * 19) !important; }
    .mt-sm-20&, .my-sm-20& { margin-top: calc(var(--platform-space-unit) * 20) !important; }
    .mr-sm-20&, .mx-sm-20& { margin-right: calc(var(--platform-space-unit) * 20) !important; }
    .ml-sm-20&, .mx-sm-20& { margin-left: calc(var(--platform-space-unit) * 20) !important; }
    .mb-sm-20&, .my-sm-20& { margin-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ms-sm-20& { margin-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .me-sm-20& { margin-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .ma-sm-20& { margin: calc(var(--platform-space-unit) * 20) !important; }
    .mt-sm-auto&, .my-sm-auto& { margin-top: auto !important; }
    .mr-sm-auto&, .mx-sm-auto& { margin-right: auto !important; }
    .ml-sm-auto&, .mx-sm-auto& { margin-left: auto !important; }
    .mb-sm-auto&, .my-sm-auto& { margin-bottom: auto !important; }
    .ms-sm-auto& { margin-inline-start: auto !important; }
    .me-sm-auto& { margin-inline-end: auto !important; }
    .ma-sm-auto& { margin: auto !important; }
    .pt-sm-0&, .py-sm-0& { padding-top: calc(var(--platform-space-unit) * 0) !important; }
    .pr-sm-0&, .px-sm-0& { padding-right: calc(var(--platform-space-unit) * 0) !important; }
    .pl-sm-0&, .px-sm-0& { padding-left: calc(var(--platform-space-unit) * 0) !important; }
    .pb-sm-0&, .py-sm-0& { padding-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ps-sm-0& { padding-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .pe-sm-0& { padding-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .pa-sm-0& { padding: calc(var(--platform-space-unit) * 0) !important; }
    .pt-sm-1&, .py-sm-1& { padding-top: calc(var(--platform-space-unit) * 1) !important; }
    .pr-sm-1&, .px-sm-1& { padding-right: calc(var(--platform-space-unit) * 1) !important; }
    .pl-sm-1&, .px-sm-1& { padding-left: calc(var(--platform-space-unit) * 1) !important; }
    .pb-sm-1&, .py-sm-1& { padding-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ps-sm-1& { padding-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .pe-sm-1& { padding-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .pa-sm-1& { padding: calc(var(--platform-space-unit) * 1) !important; }
    .pt-sm-2&, .py-sm-2& { padding-top: calc(var(--platform-space-unit) * 2) !important; }
    .pr-sm-2&, .px-sm-2& { padding-right: calc(var(--platform-space-unit) * 2) !important; }
    .pl-sm-2&, .px-sm-2& { padding-left: calc(var(--platform-space-unit) * 2) !important; }
    .pb-sm-2&, .py-sm-2& { padding-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ps-sm-2& { padding-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .pe-sm-2& { padding-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .pa-sm-2& { padding: calc(var(--platform-space-unit) * 2) !important; }
    .pt-sm-3&, .py-sm-3& { padding-top: calc(var(--platform-space-unit) * 3) !important; }
    .pr-sm-3&, .px-sm-3& { padding-right: calc(var(--platform-space-unit) * 3) !important; }
    .pl-sm-3&, .px-sm-3& { padding-left: calc(var(--platform-space-unit) * 3) !important; }
    .pb-sm-3&, .py-sm-3& { padding-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ps-sm-3& { padding-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .pe-sm-3& { padding-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .pa-sm-3& { padding: calc(var(--platform-space-unit) * 3) !important; }
    .pt-sm-4&, .py-sm-4& { padding-top: calc(var(--platform-space-unit) * 4) !important; }
    .pr-sm-4&, .px-sm-4& { padding-right: calc(var(--platform-space-unit) * 4) !important; }
    .pl-sm-4&, .px-sm-4& { padding-left: calc(var(--platform-space-unit) * 4) !important; }
    .pb-sm-4&, .py-sm-4& { padding-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ps-sm-4& { padding-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .pe-sm-4& { padding-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .pa-sm-4& { padding: calc(var(--platform-space-unit) * 4) !important; }
    .pt-sm-5&, .py-sm-5& { padding-top: calc(var(--platform-space-unit) * 5) !important; }
    .pr-sm-5&, .px-sm-5& { padding-right: calc(var(--platform-space-unit) * 5) !important; }
    .pl-sm-5&, .px-sm-5& { padding-left: calc(var(--platform-space-unit) * 5) !important; }
    .pb-sm-5&, .py-sm-5& { padding-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ps-sm-5& { padding-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .pe-sm-5& { padding-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .pa-sm-5& { padding: calc(var(--platform-space-unit) * 5) !important; }
    .pt-sm-6&, .py-sm-6& { padding-top: calc(var(--platform-space-unit) * 6) !important; }
    .pr-sm-6&, .px-sm-6& { padding-right: calc(var(--platform-space-unit) * 6) !important; }
    .pl-sm-6&, .px-sm-6& { padding-left: calc(var(--platform-space-unit) * 6) !important; }
    .pb-sm-6&, .py-sm-6& { padding-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ps-sm-6& { padding-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .pe-sm-6& { padding-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .pa-sm-6& { padding: calc(var(--platform-space-unit) * 6) !important; }
    .pt-sm-7&, .py-sm-7& { padding-top: calc(var(--platform-space-unit) * 7) !important; }
    .pr-sm-7&, .px-sm-7& { padding-right: calc(var(--platform-space-unit) * 7) !important; }
    .pl-sm-7&, .px-sm-7& { padding-left: calc(var(--platform-space-unit) * 7) !important; }
    .pb-sm-7&, .py-sm-7& { padding-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ps-sm-7& { padding-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .pe-sm-7& { padding-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .pa-sm-7& { padding: calc(var(--platform-space-unit) * 7) !important; }
    .pt-sm-8&, .py-sm-8& { padding-top: calc(var(--platform-space-unit) * 8) !important; }
    .pr-sm-8&, .px-sm-8& { padding-right: calc(var(--platform-space-unit) * 8) !important; }
    .pl-sm-8&, .px-sm-8& { padding-left: calc(var(--platform-space-unit) * 8) !important; }
    .pb-sm-8&, .py-sm-8& { padding-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ps-sm-8& { padding-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .pe-sm-8& { padding-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .pa-sm-8& { padding: calc(var(--platform-space-unit) * 8) !important; }
    .pt-sm-9&, .py-sm-9& { padding-top: calc(var(--platform-space-unit) * 9) !important; }
    .pr-sm-9&, .px-sm-9& { padding-right: calc(var(--platform-space-unit) * 9) !important; }
    .pl-sm-9&, .px-sm-9& { padding-left: calc(var(--platform-space-unit) * 9) !important; }
    .pb-sm-9&, .py-sm-9& { padding-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ps-sm-9& { padding-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .pe-sm-9& { padding-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .pa-sm-9& { padding: calc(var(--platform-space-unit) * 9) !important; }
    .pt-sm-10&, .py-sm-10& { padding-top: calc(var(--platform-space-unit) * 10) !important; }
    .pr-sm-10&, .px-sm-10& { padding-right: calc(var(--platform-space-unit) * 10) !important; }
    .pl-sm-10&, .px-sm-10& { padding-left: calc(var(--platform-space-unit) * 10) !important; }
    .pb-sm-10&, .py-sm-10& { padding-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ps-sm-10& { padding-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .pe-sm-10& { padding-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .pa-sm-10& { padding: calc(var(--platform-space-unit) * 10) !important; }
    .pt-sm-11&, .py-sm-11& { padding-top: calc(var(--platform-space-unit) * 11) !important; }
    .pr-sm-11&, .px-sm-11& { padding-right: calc(var(--platform-space-unit) * 11) !important; }
    .pl-sm-11&, .px-sm-11& { padding-left: calc(var(--platform-space-unit) * 11) !important; }
    .pb-sm-11&, .py-sm-11& { padding-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ps-sm-11& { padding-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .pe-sm-11& { padding-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .pa-sm-11& { padding: calc(var(--platform-space-unit) * 11) !important; }
    .pt-sm-12&, .py-sm-12& { padding-top: calc(var(--platform-space-unit) * 12) !important; }
    .pr-sm-12&, .px-sm-12& { padding-right: calc(var(--platform-space-unit) * 12) !important; }
    .pl-sm-12&, .px-sm-12& { padding-left: calc(var(--platform-space-unit) * 12) !important; }
    .pb-sm-12&, .py-sm-12& { padding-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ps-sm-12& { padding-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .pe-sm-12& { padding-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .pa-sm-12& { padding: calc(var(--platform-space-unit) * 12) !important; }
    .pt-sm-13&, .py-sm-13& { padding-top: calc(var(--platform-space-unit) * 13) !important; }
    .pr-sm-13&, .px-sm-13& { padding-right: calc(var(--platform-space-unit) * 13) !important; }
    .pl-sm-13&, .px-sm-13& { padding-left: calc(var(--platform-space-unit) * 13) !important; }
    .pb-sm-13&, .py-sm-13& { padding-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ps-sm-13& { padding-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .pe-sm-13& { padding-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .pa-sm-13& { padding: calc(var(--platform-space-unit) * 13) !important; }
    .pt-sm-14&, .py-sm-14& { padding-top: calc(var(--platform-space-unit) * 14) !important; }
    .pr-sm-14&, .px-sm-14& { padding-right: calc(var(--platform-space-unit) * 14) !important; }
    .pl-sm-14&, .px-sm-14& { padding-left: calc(var(--platform-space-unit) * 14) !important; }
    .pb-sm-14&, .py-sm-14& { padding-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ps-sm-14& { padding-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .pe-sm-14& { padding-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .pa-sm-14& { padding: calc(var(--platform-space-unit) * 14) !important; }
    .pt-sm-15&, .py-sm-15& { padding-top: calc(var(--platform-space-unit) * 15) !important; }
    .pr-sm-15&, .px-sm-15& { padding-right: calc(var(--platform-space-unit) * 15) !important; }
    .pl-sm-15&, .px-sm-15& { padding-left: calc(var(--platform-space-unit) * 15) !important; }
    .pb-sm-15&, .py-sm-15& { padding-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ps-sm-15& { padding-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .pe-sm-15& { padding-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .pa-sm-15& { padding: calc(var(--platform-space-unit) * 15) !important; }
    .pt-sm-16&, .py-sm-16& { padding-top: calc(var(--platform-space-unit) * 16) !important; }
    .pr-sm-16&, .px-sm-16& { padding-right: calc(var(--platform-space-unit) * 16) !important; }
    .pl-sm-16&, .px-sm-16& { padding-left: calc(var(--platform-space-unit) * 16) !important; }
    .pb-sm-16&, .py-sm-16& { padding-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ps-sm-16& { padding-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .pe-sm-16& { padding-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .pa-sm-16& { padding: calc(var(--platform-space-unit) * 16) !important; }
    .pt-sm-17&, .py-sm-17& { padding-top: calc(var(--platform-space-unit) * 17) !important; }
    .pr-sm-17&, .px-sm-17& { padding-right: calc(var(--platform-space-unit) * 17) !important; }
    .pl-sm-17&, .px-sm-17& { padding-left: calc(var(--platform-space-unit) * 17) !important; }
    .pb-sm-17&, .py-sm-17& { padding-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ps-sm-17& { padding-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .pe-sm-17& { padding-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .pa-sm-17& { padding: calc(var(--platform-space-unit) * 17) !important; }
    .pt-sm-18&, .py-sm-18& { padding-top: calc(var(--platform-space-unit) * 18) !important; }
    .pr-sm-18&, .px-sm-18& { padding-right: calc(var(--platform-space-unit) * 18) !important; }
    .pl-sm-18&, .px-sm-18& { padding-left: calc(var(--platform-space-unit) * 18) !important; }
    .pb-sm-18&, .py-sm-18& { padding-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ps-sm-18& { padding-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .pe-sm-18& { padding-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .pa-sm-18& { padding: calc(var(--platform-space-unit) * 18) !important; }
    .pt-sm-19&, .py-sm-19& { padding-top: calc(var(--platform-space-unit) * 19) !important; }
    .pr-sm-19&, .px-sm-19& { padding-right: calc(var(--platform-space-unit) * 19) !important; }
    .pl-sm-19&, .px-sm-19& { padding-left: calc(var(--platform-space-unit) * 19) !important; }
    .pb-sm-19&, .py-sm-19& { padding-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ps-sm-19& { padding-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .pe-sm-19& { padding-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .pa-sm-19& { padding: calc(var(--platform-space-unit) * 19) !important; }
    .pt-sm-20&, .py-sm-20& { padding-top: calc(var(--platform-space-unit) * 20) !important; }
    .pr-sm-20&, .px-sm-20& { padding-right: calc(var(--platform-space-unit) * 20) !important; }
    .pl-sm-20&, .px-sm-20& { padding-left: calc(var(--platform-space-unit) * 20) !important; }
    .pb-sm-20&, .py-sm-20& { padding-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ps-sm-20& { padding-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .pe-sm-20& { padding-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .pa-sm-20& { padding: calc(var(--platform-space-unit) * 20) !important; }
    .pt-sm-auto&, .py-sm-auto& { padding-top: auto !important; }
    .pr-sm-auto&, .px-sm-auto& { padding-right: auto !important; }
    .pl-sm-auto&, .px-sm-auto& { padding-left: auto !important; }
    .pb-sm-auto&, .py-sm-auto& { padding-bottom: auto !important; }
    .ps-sm-auto& { padding-inline-start: auto !important; }
    .pe-sm-auto& { padding-inline-end: auto !important; }
    .pa-sm-auto& { padding: auto !important; }
    .mt-sm-n1&, .my-sm-n1& { margin-top: calc(var(--platform-space-unit) * -1) !important; }
    .mr-sm-n1&, .mx-sm-n1& { margin-right: calc(var(--platform-space-unit) * -1) !important; }
    .ml-sm-n1&, .mx-sm-n1& { margin-left: calc(var(--platform-space-unit) * -1) !important; }
    .mb-sm-n1&, .my-sm-n1& { margin-bottom: calc(var(--platform-space-unit) * -1) !important; }
    .ms-sm-n1& { margin-inline-start: calc(var(--platform-space-unit) * -1) !important; }
    .me-sm-n1& { margin-inline-end: calc(var(--platform-space-unit) * -1) !important; }
    .ma-sm-n1& { margin: calc(var(--platform-space-unit) * -1) !important; }
    .mt-sm-n2&, .my-sm-n2& { margin-top: calc(var(--platform-space-unit) * -2) !important; }
    .mr-sm-n2&, .mx-sm-n2& { margin-right: calc(var(--platform-space-unit) * -2) !important; }
    .ml-sm-n2&, .mx-sm-n2& { margin-left: calc(var(--platform-space-unit) * -2) !important; }
    .mb-sm-n2&, .my-sm-n2& { margin-bottom: calc(var(--platform-space-unit) * -2) !important; }
    .ms-sm-n2& { margin-inline-start: calc(var(--platform-space-unit) * -2) !important; }
    .me-sm-n2& { margin-inline-end: calc(var(--platform-space-unit) * -2) !important; }
    .ma-sm-n2& { margin: calc(var(--platform-space-unit) * -2) !important; }
    .mt-sm-n3&, .my-sm-n3& { margin-top: calc(var(--platform-space-unit) * -3) !important; }
    .mr-sm-n3&, .mx-sm-n3& { margin-right: calc(var(--platform-space-unit) * -3) !important; }
    .ml-sm-n3&, .mx-sm-n3& { margin-left: calc(var(--platform-space-unit) * -3) !important; }
    .mb-sm-n3&, .my-sm-n3& { margin-bottom: calc(var(--platform-space-unit) * -3) !important; }
    .ms-sm-n3& { margin-inline-start: calc(var(--platform-space-unit) * -3) !important; }
    .me-sm-n3& { margin-inline-end: calc(var(--platform-space-unit) * -3) !important; }
    .ma-sm-n3& { margin: calc(var(--platform-space-unit) * -3) !important; }
    .mt-sm-n4&, .my-sm-n4& { margin-top: calc(var(--platform-space-unit) * -4) !important; }
    .mr-sm-n4&, .mx-sm-n4& { margin-right: calc(var(--platform-space-unit) * -4) !important; }
    .ml-sm-n4&, .mx-sm-n4& { margin-left: calc(var(--platform-space-unit) * -4) !important; }
    .mb-sm-n4&, .my-sm-n4& { margin-bottom: calc(var(--platform-space-unit) * -4) !important; }
    .ms-sm-n4& { margin-inline-start: calc(var(--platform-space-unit) * -4) !important; }
    .me-sm-n4& { margin-inline-end: calc(var(--platform-space-unit) * -4) !important; }
    .ma-sm-n4& { margin: calc(var(--platform-space-unit) * -4) !important; }
    .mt-sm-n5&, .my-sm-n5& { margin-top: calc(var(--platform-space-unit) * -5) !important; }
    .mr-sm-n5&, .mx-sm-n5& { margin-right: calc(var(--platform-space-unit) * -5) !important; }
    .ml-sm-n5&, .mx-sm-n5& { margin-left: calc(var(--platform-space-unit) * -5) !important; }
    .mb-sm-n5&, .my-sm-n5& { margin-bottom: calc(var(--platform-space-unit) * -5) !important; }
    .ms-sm-n5& { margin-inline-start: calc(var(--platform-space-unit) * -5) !important; }
    .me-sm-n5& { margin-inline-end: calc(var(--platform-space-unit) * -5) !important; }
    .ma-sm-n5& { margin: calc(var(--platform-space-unit) * -5) !important; }
    .mt-sm-n6&, .my-sm-n6& { margin-top: calc(var(--platform-space-unit) * -6) !important; }
    .mr-sm-n6&, .mx-sm-n6& { margin-right: calc(var(--platform-space-unit) * -6) !important; }
    .ml-sm-n6&, .mx-sm-n6& { margin-left: calc(var(--platform-space-unit) * -6) !important; }
    .mb-sm-n6&, .my-sm-n6& { margin-bottom: calc(var(--platform-space-unit) * -6) !important; }
    .ms-sm-n6& { margin-inline-start: calc(var(--platform-space-unit) * -6) !important; }
    .me-sm-n6& { margin-inline-end: calc(var(--platform-space-unit) * -6) !important; }
    .ma-sm-n6& { margin: calc(var(--platform-space-unit) * -6) !important; }
    .mt-sm-n7&, .my-sm-n7& { margin-top: calc(var(--platform-space-unit) * -7) !important; }
    .mr-sm-n7&, .mx-sm-n7& { margin-right: calc(var(--platform-space-unit) * -7) !important; }
    .ml-sm-n7&, .mx-sm-n7& { margin-left: calc(var(--platform-space-unit) * -7) !important; }
    .mb-sm-n7&, .my-sm-n7& { margin-bottom: calc(var(--platform-space-unit) * -7) !important; }
    .ms-sm-n7& { margin-inline-start: calc(var(--platform-space-unit) * -7) !important; }
    .me-sm-n7& { margin-inline-end: calc(var(--platform-space-unit) * -7) !important; }
    .ma-sm-n7& { margin: calc(var(--platform-space-unit) * -7) !important; }
    .mt-sm-n8&, .my-sm-n8& { margin-top: calc(var(--platform-space-unit) * -8) !important; }
    .mr-sm-n8&, .mx-sm-n8& { margin-right: calc(var(--platform-space-unit) * -8) !important; }
    .ml-sm-n8&, .mx-sm-n8& { margin-left: calc(var(--platform-space-unit) * -8) !important; }
    .mb-sm-n8&, .my-sm-n8& { margin-bottom: calc(var(--platform-space-unit) * -8) !important; }
    .ms-sm-n8& { margin-inline-start: calc(var(--platform-space-unit) * -8) !important; }
    .me-sm-n8& { margin-inline-end: calc(var(--platform-space-unit) * -8) !important; }
    .ma-sm-n8& { margin: calc(var(--platform-space-unit) * -8) !important; }
    .mt-sm-n9&, .my-sm-n9& { margin-top: calc(var(--platform-space-unit) * -9) !important; }
    .mr-sm-n9&, .mx-sm-n9& { margin-right: calc(var(--platform-space-unit) * -9) !important; }
    .ml-sm-n9&, .mx-sm-n9& { margin-left: calc(var(--platform-space-unit) * -9) !important; }
    .mb-sm-n9&, .my-sm-n9& { margin-bottom: calc(var(--platform-space-unit) * -9) !important; }
    .ms-sm-n9& { margin-inline-start: calc(var(--platform-space-unit) * -9) !important; }
    .me-sm-n9& { margin-inline-end: calc(var(--platform-space-unit) * -9) !important; }
    .ma-sm-n9& { margin: calc(var(--platform-space-unit) * -9) !important; }
    .mt-sm-n10&, .my-sm-n10& { margin-top: calc(var(--platform-space-unit) * -10) !important; }
    .mr-sm-n10&, .mx-sm-n10& { margin-right: calc(var(--platform-space-unit) * -10) !important; }
    .ml-sm-n10&, .mx-sm-n10& { margin-left: calc(var(--platform-space-unit) * -10) !important; }
    .mb-sm-n10&, .my-sm-n10& { margin-bottom: calc(var(--platform-space-unit) * -10) !important; }
    .ms-sm-n10& { margin-inline-start: calc(var(--platform-space-unit) * -10) !important; }
    .me-sm-n10& { margin-inline-end: calc(var(--platform-space-unit) * -10) !important; }
    .ma-sm-n10& { margin: calc(var(--platform-space-unit) * -10) !important; }
    .mt-sm-n11&, .my-sm-n11& { margin-top: calc(var(--platform-space-unit) * -11) !important; }
    .mr-sm-n11&, .mx-sm-n11& { margin-right: calc(var(--platform-space-unit) * -11) !important; }
    .ml-sm-n11&, .mx-sm-n11& { margin-left: calc(var(--platform-space-unit) * -11) !important; }
    .mb-sm-n11&, .my-sm-n11& { margin-bottom: calc(var(--platform-space-unit) * -11) !important; }
    .ms-sm-n11& { margin-inline-start: calc(var(--platform-space-unit) * -11) !important; }
    .me-sm-n11& { margin-inline-end: calc(var(--platform-space-unit) * -11) !important; }
    .ma-sm-n11& { margin: calc(var(--platform-space-unit) * -11) !important; }
    .mt-sm-n12&, .my-sm-n12& { margin-top: calc(var(--platform-space-unit) * -12) !important; }
    .mr-sm-n12&, .mx-sm-n12& { margin-right: calc(var(--platform-space-unit) * -12) !important; }
    .ml-sm-n12&, .mx-sm-n12& { margin-left: calc(var(--platform-space-unit) * -12) !important; }
    .mb-sm-n12&, .my-sm-n12& { margin-bottom: calc(var(--platform-space-unit) * -12) !important; }
    .ms-sm-n12& { margin-inline-start: calc(var(--platform-space-unit) * -12) !important; }
    .me-sm-n12& { margin-inline-end: calc(var(--platform-space-unit) * -12) !important; }
    .ma-sm-n12& { margin: calc(var(--platform-space-unit) * -12) !important; }
    .mt-sm-n13&, .my-sm-n13& { margin-top: calc(var(--platform-space-unit) * -13) !important; }
    .mr-sm-n13&, .mx-sm-n13& { margin-right: calc(var(--platform-space-unit) * -13) !important; }
    .ml-sm-n13&, .mx-sm-n13& { margin-left: calc(var(--platform-space-unit) * -13) !important; }
    .mb-sm-n13&, .my-sm-n13& { margin-bottom: calc(var(--platform-space-unit) * -13) !important; }
    .ms-sm-n13& { margin-inline-start: calc(var(--platform-space-unit) * -13) !important; }
    .me-sm-n13& { margin-inline-end: calc(var(--platform-space-unit) * -13) !important; }
    .ma-sm-n13& { margin: calc(var(--platform-space-unit) * -13) !important; }
    .mt-sm-n14&, .my-sm-n14& { margin-top: calc(var(--platform-space-unit) * -14) !important; }
    .mr-sm-n14&, .mx-sm-n14& { margin-right: calc(var(--platform-space-unit) * -14) !important; }
    .ml-sm-n14&, .mx-sm-n14& { margin-left: calc(var(--platform-space-unit) * -14) !important; }
    .mb-sm-n14&, .my-sm-n14& { margin-bottom: calc(var(--platform-space-unit) * -14) !important; }
    .ms-sm-n14& { margin-inline-start: calc(var(--platform-space-unit) * -14) !important; }
    .me-sm-n14& { margin-inline-end: calc(var(--platform-space-unit) * -14) !important; }
    .ma-sm-n14& { margin: calc(var(--platform-space-unit) * -14) !important; }
    .mt-sm-n15&, .my-sm-n15& { margin-top: calc(var(--platform-space-unit) * -15) !important; }
    .mr-sm-n15&, .mx-sm-n15& { margin-right: calc(var(--platform-space-unit) * -15) !important; }
    .ml-sm-n15&, .mx-sm-n15& { margin-left: calc(var(--platform-space-unit) * -15) !important; }
    .mb-sm-n15&, .my-sm-n15& { margin-bottom: calc(var(--platform-space-unit) * -15) !important; }
    .ms-sm-n15& { margin-inline-start: calc(var(--platform-space-unit) * -15) !important; }
    .me-sm-n15& { margin-inline-end: calc(var(--platform-space-unit) * -15) !important; }
    .ma-sm-n15& { margin: calc(var(--platform-space-unit) * -15) !important; }
    .mt-sm-n16&, .my-sm-n16& { margin-top: calc(var(--platform-space-unit) * -16) !important; }
    .mr-sm-n16&, .mx-sm-n16& { margin-right: calc(var(--platform-space-unit) * -16) !important; }
    .ml-sm-n16&, .mx-sm-n16& { margin-left: calc(var(--platform-space-unit) * -16) !important; }
    .mb-sm-n16&, .my-sm-n16& { margin-bottom: calc(var(--platform-space-unit) * -16) !important; }
    .ms-sm-n16& { margin-inline-start: calc(var(--platform-space-unit) * -16) !important; }
    .me-sm-n16& { margin-inline-end: calc(var(--platform-space-unit) * -16) !important; }
    .ma-sm-n16& { margin: calc(var(--platform-space-unit) * -16) !important; }
    .mt-sm-n17&, .my-sm-n17& { margin-top: calc(var(--platform-space-unit) * -17) !important; }
    .mr-sm-n17&, .mx-sm-n17& { margin-right: calc(var(--platform-space-unit) * -17) !important; }
    .ml-sm-n17&, .mx-sm-n17& { margin-left: calc(var(--platform-space-unit) * -17) !important; }
    .mb-sm-n17&, .my-sm-n17& { margin-bottom: calc(var(--platform-space-unit) * -17) !important; }
    .ms-sm-n17& { margin-inline-start: calc(var(--platform-space-unit) * -17) !important; }
    .me-sm-n17& { margin-inline-end: calc(var(--platform-space-unit) * -17) !important; }
    .ma-sm-n17& { margin: calc(var(--platform-space-unit) * -17) !important; }
    .mt-sm-n18&, .my-sm-n18& { margin-top: calc(var(--platform-space-unit) * -18) !important; }
    .mr-sm-n18&, .mx-sm-n18& { margin-right: calc(var(--platform-space-unit) * -18) !important; }
    .ml-sm-n18&, .mx-sm-n18& { margin-left: calc(var(--platform-space-unit) * -18) !important; }
    .mb-sm-n18&, .my-sm-n18& { margin-bottom: calc(var(--platform-space-unit) * -18) !important; }
    .ms-sm-n18& { margin-inline-start: calc(var(--platform-space-unit) * -18) !important; }
    .me-sm-n18& { margin-inline-end: calc(var(--platform-space-unit) * -18) !important; }
    .ma-sm-n18& { margin: calc(var(--platform-space-unit) * -18) !important; }
    .mt-sm-n19&, .my-sm-n19& { margin-top: calc(var(--platform-space-unit) * -19) !important; }
    .mr-sm-n19&, .mx-sm-n19& { margin-right: calc(var(--platform-space-unit) * -19) !important; }
    .ml-sm-n19&, .mx-sm-n19& { margin-left: calc(var(--platform-space-unit) * -19) !important; }
    .mb-sm-n19&, .my-sm-n19& { margin-bottom: calc(var(--platform-space-unit) * -19) !important; }
    .ms-sm-n19& { margin-inline-start: calc(var(--platform-space-unit) * -19) !important; }
    .me-sm-n19& { margin-inline-end: calc(var(--platform-space-unit) * -19) !important; }
    .ma-sm-n19& { margin: calc(var(--platform-space-unit) * -19) !important; }
    .mt-sm-n20&, .my-sm-n20& { margin-top: calc(var(--platform-space-unit) * -20) !important; }
    .mr-sm-n20&, .mx-sm-n20& { margin-right: calc(var(--platform-space-unit) * -20) !important; }
    .ml-sm-n20&, .mx-sm-n20& { margin-left: calc(var(--platform-space-unit) * -20) !important; }
    .mb-sm-n20&, .my-sm-n20& { margin-bottom: calc(var(--platform-space-unit) * -20) !important; }
    .ms-sm-n20& { margin-inline-start: calc(var(--platform-space-unit) * -20) !important; }
    .me-sm-n20& { margin-inline-end: calc(var(--platform-space-unit) * -20) !important; }
    .ma-sm-n20& { margin: calc(var(--platform-space-unit) * -20) !important; }
    .gap-sm-0& { gap: calc(var(--platform-space-unit) * 0); }
    .gap-x-sm-0& { column-gap: calc(var(--platform-space-unit) * 0); }
    .gap-y-sm-0& { row-gap: calc(var(--platform-space-unit) * 0); }
    .gap-sm-1& { gap: calc(var(--platform-space-unit) * 1); }
    .gap-x-sm-1& { column-gap: calc(var(--platform-space-unit) * 1); }
    .gap-y-sm-1& { row-gap: calc(var(--platform-space-unit) * 1); }
    .gap-sm-2& { gap: calc(var(--platform-space-unit) * 2); }
    .gap-x-sm-2& { column-gap: calc(var(--platform-space-unit) * 2); }
    .gap-y-sm-2& { row-gap: calc(var(--platform-space-unit) * 2); }
    .gap-sm-3& { gap: calc(var(--platform-space-unit) * 3); }
    .gap-x-sm-3& { column-gap: calc(var(--platform-space-unit) * 3); }
    .gap-y-sm-3& { row-gap: calc(var(--platform-space-unit) * 3); }
    .gap-sm-4& { gap: calc(var(--platform-space-unit) * 4); }
    .gap-x-sm-4& { column-gap: calc(var(--platform-space-unit) * 4); }
    .gap-y-sm-4& { row-gap: calc(var(--platform-space-unit) * 4); }
    .gap-sm-5& { gap: calc(var(--platform-space-unit) * 5); }
    .gap-x-sm-5& { column-gap: calc(var(--platform-space-unit) * 5); }
    .gap-y-sm-5& { row-gap: calc(var(--platform-space-unit) * 5); }
    .gap-sm-6& { gap: calc(var(--platform-space-unit) * 6); }
    .gap-x-sm-6& { column-gap: calc(var(--platform-space-unit) * 6); }
    .gap-y-sm-6& { row-gap: calc(var(--platform-space-unit) * 6); }
    .gap-sm-7& { gap: calc(var(--platform-space-unit) * 7); }
    .gap-x-sm-7& { column-gap: calc(var(--platform-space-unit) * 7); }
    .gap-y-sm-7& { row-gap: calc(var(--platform-space-unit) * 7); }
    .gap-sm-8& { gap: calc(var(--platform-space-unit) * 8); }
    .gap-x-sm-8& { column-gap: calc(var(--platform-space-unit) * 8); }
    .gap-y-sm-8& { row-gap: calc(var(--platform-space-unit) * 8); }
    .gap-sm-9& { gap: calc(var(--platform-space-unit) * 9); }
    .gap-x-sm-9& { column-gap: calc(var(--platform-space-unit) * 9); }
    .gap-y-sm-9& { row-gap: calc(var(--platform-space-unit) * 9); }
    .gap-sm-10& { gap: calc(var(--platform-space-unit) * 10); }
    .gap-x-sm-10& { column-gap: calc(var(--platform-space-unit) * 10); }
    .gap-y-sm-10& { row-gap: calc(var(--platform-space-unit) * 10); }
    .gap-sm-11& { gap: calc(var(--platform-space-unit) * 11); }
    .gap-x-sm-11& { column-gap: calc(var(--platform-space-unit) * 11); }
    .gap-y-sm-11& { row-gap: calc(var(--platform-space-unit) * 11); }
    .gap-sm-12& { gap: calc(var(--platform-space-unit) * 12); }
    .gap-x-sm-12& { column-gap: calc(var(--platform-space-unit) * 12); }
    .gap-y-sm-12& { row-gap: calc(var(--platform-space-unit) * 12); }
    .gap-sm-13& { gap: calc(var(--platform-space-unit) * 13); }
    .gap-x-sm-13& { column-gap: calc(var(--platform-space-unit) * 13); }
    .gap-y-sm-13& { row-gap: calc(var(--platform-space-unit) * 13); }
    .gap-sm-14& { gap: calc(var(--platform-space-unit) * 14); }
    .gap-x-sm-14& { column-gap: calc(var(--platform-space-unit) * 14); }
    .gap-y-sm-14& { row-gap: calc(var(--platform-space-unit) * 14); }
    .gap-sm-15& { gap: calc(var(--platform-space-unit) * 15); }
    .gap-x-sm-15& { column-gap: calc(var(--platform-space-unit) * 15); }
    .gap-y-sm-15& { row-gap: calc(var(--platform-space-unit) * 15); }
    .gap-sm-16& { gap: calc(var(--platform-space-unit) * 16); }
    .gap-x-sm-16& { column-gap: calc(var(--platform-space-unit) * 16); }
    .gap-y-sm-16& { row-gap: calc(var(--platform-space-unit) * 16); }
    .gap-sm-17& { gap: calc(var(--platform-space-unit) * 17); }
    .gap-x-sm-17& { column-gap: calc(var(--platform-space-unit) * 17); }
    .gap-y-sm-17& { row-gap: calc(var(--platform-space-unit) * 17); }
    .gap-sm-18& { gap: calc(var(--platform-space-unit) * 18); }
    .gap-x-sm-18& { column-gap: calc(var(--platform-space-unit) * 18); }
    .gap-y-sm-18& { row-gap: calc(var(--platform-space-unit) * 18); }
    .gap-sm-19& { gap: calc(var(--platform-space-unit) * 19); }
    .gap-x-sm-19& { column-gap: calc(var(--platform-space-unit) * 19); }
    .gap-y-sm-19& { row-gap: calc(var(--platform-space-unit) * 19); }
    .gap-sm-20& { gap: calc(var(--platform-space-unit) * 20); }
    .gap-x-sm-20& { column-gap: calc(var(--platform-space-unit) * 20); }
    .gap-y-sm-20& { row-gap: calc(var(--platform-space-unit) * 20); }
}
@media screen and (min-width: 960px) {
    .mt-md-0&, .my-md-0& { margin-top: calc(var(--platform-space-unit) * 0) !important; }
    .mr-md-0&, .mx-md-0& { margin-right: calc(var(--platform-space-unit) * 0) !important; }
    .ml-md-0&, .mx-md-0& { margin-left: calc(var(--platform-space-unit) * 0) !important; }
    .mb-md-0&, .my-md-0& { margin-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ms-md-0& { margin-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .me-md-0& { margin-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .ma-md-0& { margin: calc(var(--platform-space-unit) * 0) !important; }
    .mt-md-1&, .my-md-1& { margin-top: calc(var(--platform-space-unit) * 1) !important; }
    .mr-md-1&, .mx-md-1& { margin-right: calc(var(--platform-space-unit) * 1) !important; }
    .ml-md-1&, .mx-md-1& { margin-left: calc(var(--platform-space-unit) * 1) !important; }
    .mb-md-1&, .my-md-1& { margin-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ms-md-1& { margin-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .me-md-1& { margin-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .ma-md-1& { margin: calc(var(--platform-space-unit) * 1) !important; }
    .mt-md-2&, .my-md-2& { margin-top: calc(var(--platform-space-unit) * 2) !important; }
    .mr-md-2&, .mx-md-2& { margin-right: calc(var(--platform-space-unit) * 2) !important; }
    .ml-md-2&, .mx-md-2& { margin-left: calc(var(--platform-space-unit) * 2) !important; }
    .mb-md-2&, .my-md-2& { margin-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ms-md-2& { margin-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .me-md-2& { margin-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .ma-md-2& { margin: calc(var(--platform-space-unit) * 2) !important; }
    .mt-md-3&, .my-md-3& { margin-top: calc(var(--platform-space-unit) * 3) !important; }
    .mr-md-3&, .mx-md-3& { margin-right: calc(var(--platform-space-unit) * 3) !important; }
    .ml-md-3&, .mx-md-3& { margin-left: calc(var(--platform-space-unit) * 3) !important; }
    .mb-md-3&, .my-md-3& { margin-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ms-md-3& { margin-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .me-md-3& { margin-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .ma-md-3& { margin: calc(var(--platform-space-unit) * 3) !important; }
    .mt-md-4&, .my-md-4& { margin-top: calc(var(--platform-space-unit) * 4) !important; }
    .mr-md-4&, .mx-md-4& { margin-right: calc(var(--platform-space-unit) * 4) !important; }
    .ml-md-4&, .mx-md-4& { margin-left: calc(var(--platform-space-unit) * 4) !important; }
    .mb-md-4&, .my-md-4& { margin-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ms-md-4& { margin-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .me-md-4& { margin-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .ma-md-4& { margin: calc(var(--platform-space-unit) * 4) !important; }
    .mt-md-5&, .my-md-5& { margin-top: calc(var(--platform-space-unit) * 5) !important; }
    .mr-md-5&, .mx-md-5& { margin-right: calc(var(--platform-space-unit) * 5) !important; }
    .ml-md-5&, .mx-md-5& { margin-left: calc(var(--platform-space-unit) * 5) !important; }
    .mb-md-5&, .my-md-5& { margin-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ms-md-5& { margin-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .me-md-5& { margin-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .ma-md-5& { margin: calc(var(--platform-space-unit) * 5) !important; }
    .mt-md-6&, .my-md-6& { margin-top: calc(var(--platform-space-unit) * 6) !important; }
    .mr-md-6&, .mx-md-6& { margin-right: calc(var(--platform-space-unit) * 6) !important; }
    .ml-md-6&, .mx-md-6& { margin-left: calc(var(--platform-space-unit) * 6) !important; }
    .mb-md-6&, .my-md-6& { margin-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ms-md-6& { margin-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .me-md-6& { margin-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .ma-md-6& { margin: calc(var(--platform-space-unit) * 6) !important; }
    .mt-md-7&, .my-md-7& { margin-top: calc(var(--platform-space-unit) * 7) !important; }
    .mr-md-7&, .mx-md-7& { margin-right: calc(var(--platform-space-unit) * 7) !important; }
    .ml-md-7&, .mx-md-7& { margin-left: calc(var(--platform-space-unit) * 7) !important; }
    .mb-md-7&, .my-md-7& { margin-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ms-md-7& { margin-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .me-md-7& { margin-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .ma-md-7& { margin: calc(var(--platform-space-unit) * 7) !important; }
    .mt-md-8&, .my-md-8& { margin-top: calc(var(--platform-space-unit) * 8) !important; }
    .mr-md-8&, .mx-md-8& { margin-right: calc(var(--platform-space-unit) * 8) !important; }
    .ml-md-8&, .mx-md-8& { margin-left: calc(var(--platform-space-unit) * 8) !important; }
    .mb-md-8&, .my-md-8& { margin-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ms-md-8& { margin-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .me-md-8& { margin-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .ma-md-8& { margin: calc(var(--platform-space-unit) * 8) !important; }
    .mt-md-9&, .my-md-9& { margin-top: calc(var(--platform-space-unit) * 9) !important; }
    .mr-md-9&, .mx-md-9& { margin-right: calc(var(--platform-space-unit) * 9) !important; }
    .ml-md-9&, .mx-md-9& { margin-left: calc(var(--platform-space-unit) * 9) !important; }
    .mb-md-9&, .my-md-9& { margin-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ms-md-9& { margin-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .me-md-9& { margin-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .ma-md-9& { margin: calc(var(--platform-space-unit) * 9) !important; }
    .mt-md-10&, .my-md-10& { margin-top: calc(var(--platform-space-unit) * 10) !important; }
    .mr-md-10&, .mx-md-10& { margin-right: calc(var(--platform-space-unit) * 10) !important; }
    .ml-md-10&, .mx-md-10& { margin-left: calc(var(--platform-space-unit) * 10) !important; }
    .mb-md-10&, .my-md-10& { margin-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ms-md-10& { margin-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .me-md-10& { margin-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .ma-md-10& { margin: calc(var(--platform-space-unit) * 10) !important; }
    .mt-md-11&, .my-md-11& { margin-top: calc(var(--platform-space-unit) * 11) !important; }
    .mr-md-11&, .mx-md-11& { margin-right: calc(var(--platform-space-unit) * 11) !important; }
    .ml-md-11&, .mx-md-11& { margin-left: calc(var(--platform-space-unit) * 11) !important; }
    .mb-md-11&, .my-md-11& { margin-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ms-md-11& { margin-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .me-md-11& { margin-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .ma-md-11& { margin: calc(var(--platform-space-unit) * 11) !important; }
    .mt-md-12&, .my-md-12& { margin-top: calc(var(--platform-space-unit) * 12) !important; }
    .mr-md-12&, .mx-md-12& { margin-right: calc(var(--platform-space-unit) * 12) !important; }
    .ml-md-12&, .mx-md-12& { margin-left: calc(var(--platform-space-unit) * 12) !important; }
    .mb-md-12&, .my-md-12& { margin-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ms-md-12& { margin-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .me-md-12& { margin-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .ma-md-12& { margin: calc(var(--platform-space-unit) * 12) !important; }
    .mt-md-13&, .my-md-13& { margin-top: calc(var(--platform-space-unit) * 13) !important; }
    .mr-md-13&, .mx-md-13& { margin-right: calc(var(--platform-space-unit) * 13) !important; }
    .ml-md-13&, .mx-md-13& { margin-left: calc(var(--platform-space-unit) * 13) !important; }
    .mb-md-13&, .my-md-13& { margin-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ms-md-13& { margin-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .me-md-13& { margin-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .ma-md-13& { margin: calc(var(--platform-space-unit) * 13) !important; }
    .mt-md-14&, .my-md-14& { margin-top: calc(var(--platform-space-unit) * 14) !important; }
    .mr-md-14&, .mx-md-14& { margin-right: calc(var(--platform-space-unit) * 14) !important; }
    .ml-md-14&, .mx-md-14& { margin-left: calc(var(--platform-space-unit) * 14) !important; }
    .mb-md-14&, .my-md-14& { margin-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ms-md-14& { margin-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .me-md-14& { margin-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .ma-md-14& { margin: calc(var(--platform-space-unit) * 14) !important; }
    .mt-md-15&, .my-md-15& { margin-top: calc(var(--platform-space-unit) * 15) !important; }
    .mr-md-15&, .mx-md-15& { margin-right: calc(var(--platform-space-unit) * 15) !important; }
    .ml-md-15&, .mx-md-15& { margin-left: calc(var(--platform-space-unit) * 15) !important; }
    .mb-md-15&, .my-md-15& { margin-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ms-md-15& { margin-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .me-md-15& { margin-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .ma-md-15& { margin: calc(var(--platform-space-unit) * 15) !important; }
    .mt-md-16&, .my-md-16& { margin-top: calc(var(--platform-space-unit) * 16) !important; }
    .mr-md-16&, .mx-md-16& { margin-right: calc(var(--platform-space-unit) * 16) !important; }
    .ml-md-16&, .mx-md-16& { margin-left: calc(var(--platform-space-unit) * 16) !important; }
    .mb-md-16&, .my-md-16& { margin-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ms-md-16& { margin-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .me-md-16& { margin-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .ma-md-16& { margin: calc(var(--platform-space-unit) * 16) !important; }
    .mt-md-17&, .my-md-17& { margin-top: calc(var(--platform-space-unit) * 17) !important; }
    .mr-md-17&, .mx-md-17& { margin-right: calc(var(--platform-space-unit) * 17) !important; }
    .ml-md-17&, .mx-md-17& { margin-left: calc(var(--platform-space-unit) * 17) !important; }
    .mb-md-17&, .my-md-17& { margin-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ms-md-17& { margin-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .me-md-17& { margin-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .ma-md-17& { margin: calc(var(--platform-space-unit) * 17) !important; }
    .mt-md-18&, .my-md-18& { margin-top: calc(var(--platform-space-unit) * 18) !important; }
    .mr-md-18&, .mx-md-18& { margin-right: calc(var(--platform-space-unit) * 18) !important; }
    .ml-md-18&, .mx-md-18& { margin-left: calc(var(--platform-space-unit) * 18) !important; }
    .mb-md-18&, .my-md-18& { margin-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ms-md-18& { margin-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .me-md-18& { margin-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .ma-md-18& { margin: calc(var(--platform-space-unit) * 18) !important; }
    .mt-md-19&, .my-md-19& { margin-top: calc(var(--platform-space-unit) * 19) !important; }
    .mr-md-19&, .mx-md-19& { margin-right: calc(var(--platform-space-unit) * 19) !important; }
    .ml-md-19&, .mx-md-19& { margin-left: calc(var(--platform-space-unit) * 19) !important; }
    .mb-md-19&, .my-md-19& { margin-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ms-md-19& { margin-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .me-md-19& { margin-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .ma-md-19& { margin: calc(var(--platform-space-unit) * 19) !important; }
    .mt-md-20&, .my-md-20& { margin-top: calc(var(--platform-space-unit) * 20) !important; }
    .mr-md-20&, .mx-md-20& { margin-right: calc(var(--platform-space-unit) * 20) !important; }
    .ml-md-20&, .mx-md-20& { margin-left: calc(var(--platform-space-unit) * 20) !important; }
    .mb-md-20&, .my-md-20& { margin-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ms-md-20& { margin-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .me-md-20& { margin-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .ma-md-20& { margin: calc(var(--platform-space-unit) * 20) !important; }
    .mt-md-auto&, .my-md-auto& { margin-top: auto !important; }
    .mr-md-auto&, .mx-md-auto& { margin-right: auto !important; }
    .ml-md-auto&, .mx-md-auto& { margin-left: auto !important; }
    .mb-md-auto&, .my-md-auto& { margin-bottom: auto !important; }
    .ms-md-auto& { margin-inline-start: auto !important; }
    .me-md-auto& { margin-inline-end: auto !important; }
    .ma-md-auto& { margin: auto !important; }
    .pt-md-0&, .py-md-0& { padding-top: calc(var(--platform-space-unit) * 0) !important; }
    .pr-md-0&, .px-md-0& { padding-right: calc(var(--platform-space-unit) * 0) !important; }
    .pl-md-0&, .px-md-0& { padding-left: calc(var(--platform-space-unit) * 0) !important; }
    .pb-md-0&, .py-md-0& { padding-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ps-md-0& { padding-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .pe-md-0& { padding-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .pa-md-0& { padding: calc(var(--platform-space-unit) * 0) !important; }
    .pt-md-1&, .py-md-1& { padding-top: calc(var(--platform-space-unit) * 1) !important; }
    .pr-md-1&, .px-md-1& { padding-right: calc(var(--platform-space-unit) * 1) !important; }
    .pl-md-1&, .px-md-1& { padding-left: calc(var(--platform-space-unit) * 1) !important; }
    .pb-md-1&, .py-md-1& { padding-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ps-md-1& { padding-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .pe-md-1& { padding-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .pa-md-1& { padding: calc(var(--platform-space-unit) * 1) !important; }
    .pt-md-2&, .py-md-2& { padding-top: calc(var(--platform-space-unit) * 2) !important; }
    .pr-md-2&, .px-md-2& { padding-right: calc(var(--platform-space-unit) * 2) !important; }
    .pl-md-2&, .px-md-2& { padding-left: calc(var(--platform-space-unit) * 2) !important; }
    .pb-md-2&, .py-md-2& { padding-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ps-md-2& { padding-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .pe-md-2& { padding-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .pa-md-2& { padding: calc(var(--platform-space-unit) * 2) !important; }
    .pt-md-3&, .py-md-3& { padding-top: calc(var(--platform-space-unit) * 3) !important; }
    .pr-md-3&, .px-md-3& { padding-right: calc(var(--platform-space-unit) * 3) !important; }
    .pl-md-3&, .px-md-3& { padding-left: calc(var(--platform-space-unit) * 3) !important; }
    .pb-md-3&, .py-md-3& { padding-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ps-md-3& { padding-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .pe-md-3& { padding-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .pa-md-3& { padding: calc(var(--platform-space-unit) * 3) !important; }
    .pt-md-4&, .py-md-4& { padding-top: calc(var(--platform-space-unit) * 4) !important; }
    .pr-md-4&, .px-md-4& { padding-right: calc(var(--platform-space-unit) * 4) !important; }
    .pl-md-4&, .px-md-4& { padding-left: calc(var(--platform-space-unit) * 4) !important; }
    .pb-md-4&, .py-md-4& { padding-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ps-md-4& { padding-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .pe-md-4& { padding-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .pa-md-4& { padding: calc(var(--platform-space-unit) * 4) !important; }
    .pt-md-5&, .py-md-5& { padding-top: calc(var(--platform-space-unit) * 5) !important; }
    .pr-md-5&, .px-md-5& { padding-right: calc(var(--platform-space-unit) * 5) !important; }
    .pl-md-5&, .px-md-5& { padding-left: calc(var(--platform-space-unit) * 5) !important; }
    .pb-md-5&, .py-md-5& { padding-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ps-md-5& { padding-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .pe-md-5& { padding-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .pa-md-5& { padding: calc(var(--platform-space-unit) * 5) !important; }
    .pt-md-6&, .py-md-6& { padding-top: calc(var(--platform-space-unit) * 6) !important; }
    .pr-md-6&, .px-md-6& { padding-right: calc(var(--platform-space-unit) * 6) !important; }
    .pl-md-6&, .px-md-6& { padding-left: calc(var(--platform-space-unit) * 6) !important; }
    .pb-md-6&, .py-md-6& { padding-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ps-md-6& { padding-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .pe-md-6& { padding-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .pa-md-6& { padding: calc(var(--platform-space-unit) * 6) !important; }
    .pt-md-7&, .py-md-7& { padding-top: calc(var(--platform-space-unit) * 7) !important; }
    .pr-md-7&, .px-md-7& { padding-right: calc(var(--platform-space-unit) * 7) !important; }
    .pl-md-7&, .px-md-7& { padding-left: calc(var(--platform-space-unit) * 7) !important; }
    .pb-md-7&, .py-md-7& { padding-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ps-md-7& { padding-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .pe-md-7& { padding-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .pa-md-7& { padding: calc(var(--platform-space-unit) * 7) !important; }
    .pt-md-8&, .py-md-8& { padding-top: calc(var(--platform-space-unit) * 8) !important; }
    .pr-md-8&, .px-md-8& { padding-right: calc(var(--platform-space-unit) * 8) !important; }
    .pl-md-8&, .px-md-8& { padding-left: calc(var(--platform-space-unit) * 8) !important; }
    .pb-md-8&, .py-md-8& { padding-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ps-md-8& { padding-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .pe-md-8& { padding-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .pa-md-8& { padding: calc(var(--platform-space-unit) * 8) !important; }
    .pt-md-9&, .py-md-9& { padding-top: calc(var(--platform-space-unit) * 9) !important; }
    .pr-md-9&, .px-md-9& { padding-right: calc(var(--platform-space-unit) * 9) !important; }
    .pl-md-9&, .px-md-9& { padding-left: calc(var(--platform-space-unit) * 9) !important; }
    .pb-md-9&, .py-md-9& { padding-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ps-md-9& { padding-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .pe-md-9& { padding-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .pa-md-9& { padding: calc(var(--platform-space-unit) * 9) !important; }
    .pt-md-10&, .py-md-10& { padding-top: calc(var(--platform-space-unit) * 10) !important; }
    .pr-md-10&, .px-md-10& { padding-right: calc(var(--platform-space-unit) * 10) !important; }
    .pl-md-10&, .px-md-10& { padding-left: calc(var(--platform-space-unit) * 10) !important; }
    .pb-md-10&, .py-md-10& { padding-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ps-md-10& { padding-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .pe-md-10& { padding-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .pa-md-10& { padding: calc(var(--platform-space-unit) * 10) !important; }
    .pt-md-11&, .py-md-11& { padding-top: calc(var(--platform-space-unit) * 11) !important; }
    .pr-md-11&, .px-md-11& { padding-right: calc(var(--platform-space-unit) * 11) !important; }
    .pl-md-11&, .px-md-11& { padding-left: calc(var(--platform-space-unit) * 11) !important; }
    .pb-md-11&, .py-md-11& { padding-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ps-md-11& { padding-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .pe-md-11& { padding-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .pa-md-11& { padding: calc(var(--platform-space-unit) * 11) !important; }
    .pt-md-12&, .py-md-12& { padding-top: calc(var(--platform-space-unit) * 12) !important; }
    .pr-md-12&, .px-md-12& { padding-right: calc(var(--platform-space-unit) * 12) !important; }
    .pl-md-12&, .px-md-12& { padding-left: calc(var(--platform-space-unit) * 12) !important; }
    .pb-md-12&, .py-md-12& { padding-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ps-md-12& { padding-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .pe-md-12& { padding-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .pa-md-12& { padding: calc(var(--platform-space-unit) * 12) !important; }
    .pt-md-13&, .py-md-13& { padding-top: calc(var(--platform-space-unit) * 13) !important; }
    .pr-md-13&, .px-md-13& { padding-right: calc(var(--platform-space-unit) * 13) !important; }
    .pl-md-13&, .px-md-13& { padding-left: calc(var(--platform-space-unit) * 13) !important; }
    .pb-md-13&, .py-md-13& { padding-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ps-md-13& { padding-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .pe-md-13& { padding-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .pa-md-13& { padding: calc(var(--platform-space-unit) * 13) !important; }
    .pt-md-14&, .py-md-14& { padding-top: calc(var(--platform-space-unit) * 14) !important; }
    .pr-md-14&, .px-md-14& { padding-right: calc(var(--platform-space-unit) * 14) !important; }
    .pl-md-14&, .px-md-14& { padding-left: calc(var(--platform-space-unit) * 14) !important; }
    .pb-md-14&, .py-md-14& { padding-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ps-md-14& { padding-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .pe-md-14& { padding-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .pa-md-14& { padding: calc(var(--platform-space-unit) * 14) !important; }
    .pt-md-15&, .py-md-15& { padding-top: calc(var(--platform-space-unit) * 15) !important; }
    .pr-md-15&, .px-md-15& { padding-right: calc(var(--platform-space-unit) * 15) !important; }
    .pl-md-15&, .px-md-15& { padding-left: calc(var(--platform-space-unit) * 15) !important; }
    .pb-md-15&, .py-md-15& { padding-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ps-md-15& { padding-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .pe-md-15& { padding-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .pa-md-15& { padding: calc(var(--platform-space-unit) * 15) !important; }
    .pt-md-16&, .py-md-16& { padding-top: calc(var(--platform-space-unit) * 16) !important; }
    .pr-md-16&, .px-md-16& { padding-right: calc(var(--platform-space-unit) * 16) !important; }
    .pl-md-16&, .px-md-16& { padding-left: calc(var(--platform-space-unit) * 16) !important; }
    .pb-md-16&, .py-md-16& { padding-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ps-md-16& { padding-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .pe-md-16& { padding-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .pa-md-16& { padding: calc(var(--platform-space-unit) * 16) !important; }
    .pt-md-17&, .py-md-17& { padding-top: calc(var(--platform-space-unit) * 17) !important; }
    .pr-md-17&, .px-md-17& { padding-right: calc(var(--platform-space-unit) * 17) !important; }
    .pl-md-17&, .px-md-17& { padding-left: calc(var(--platform-space-unit) * 17) !important; }
    .pb-md-17&, .py-md-17& { padding-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ps-md-17& { padding-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .pe-md-17& { padding-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .pa-md-17& { padding: calc(var(--platform-space-unit) * 17) !important; }
    .pt-md-18&, .py-md-18& { padding-top: calc(var(--platform-space-unit) * 18) !important; }
    .pr-md-18&, .px-md-18& { padding-right: calc(var(--platform-space-unit) * 18) !important; }
    .pl-md-18&, .px-md-18& { padding-left: calc(var(--platform-space-unit) * 18) !important; }
    .pb-md-18&, .py-md-18& { padding-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ps-md-18& { padding-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .pe-md-18& { padding-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .pa-md-18& { padding: calc(var(--platform-space-unit) * 18) !important; }
    .pt-md-19&, .py-md-19& { padding-top: calc(var(--platform-space-unit) * 19) !important; }
    .pr-md-19&, .px-md-19& { padding-right: calc(var(--platform-space-unit) * 19) !important; }
    .pl-md-19&, .px-md-19& { padding-left: calc(var(--platform-space-unit) * 19) !important; }
    .pb-md-19&, .py-md-19& { padding-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ps-md-19& { padding-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .pe-md-19& { padding-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .pa-md-19& { padding: calc(var(--platform-space-unit) * 19) !important; }
    .pt-md-20&, .py-md-20& { padding-top: calc(var(--platform-space-unit) * 20) !important; }
    .pr-md-20&, .px-md-20& { padding-right: calc(var(--platform-space-unit) * 20) !important; }
    .pl-md-20&, .px-md-20& { padding-left: calc(var(--platform-space-unit) * 20) !important; }
    .pb-md-20&, .py-md-20& { padding-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ps-md-20& { padding-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .pe-md-20& { padding-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .pa-md-20& { padding: calc(var(--platform-space-unit) * 20) !important; }
    .pt-md-auto&, .py-md-auto& { padding-top: auto !important; }
    .pr-md-auto&, .px-md-auto& { padding-right: auto !important; }
    .pl-md-auto&, .px-md-auto& { padding-left: auto !important; }
    .pb-md-auto&, .py-md-auto& { padding-bottom: auto !important; }
    .ps-md-auto& { padding-inline-start: auto !important; }
    .pe-md-auto& { padding-inline-end: auto !important; }
    .pa-md-auto& { padding: auto !important; }
    .mt-md-n1&, .my-md-n1& { margin-top: calc(var(--platform-space-unit) * -1) !important; }
    .mr-md-n1&, .mx-md-n1& { margin-right: calc(var(--platform-space-unit) * -1) !important; }
    .ml-md-n1&, .mx-md-n1& { margin-left: calc(var(--platform-space-unit) * -1) !important; }
    .mb-md-n1&, .my-md-n1& { margin-bottom: calc(var(--platform-space-unit) * -1) !important; }
    .ms-md-n1& { margin-inline-start: calc(var(--platform-space-unit) * -1) !important; }
    .me-md-n1& { margin-inline-end: calc(var(--platform-space-unit) * -1) !important; }
    .ma-md-n1& { margin: calc(var(--platform-space-unit) * -1) !important; }
    .mt-md-n2&, .my-md-n2& { margin-top: calc(var(--platform-space-unit) * -2) !important; }
    .mr-md-n2&, .mx-md-n2& { margin-right: calc(var(--platform-space-unit) * -2) !important; }
    .ml-md-n2&, .mx-md-n2& { margin-left: calc(var(--platform-space-unit) * -2) !important; }
    .mb-md-n2&, .my-md-n2& { margin-bottom: calc(var(--platform-space-unit) * -2) !important; }
    .ms-md-n2& { margin-inline-start: calc(var(--platform-space-unit) * -2) !important; }
    .me-md-n2& { margin-inline-end: calc(var(--platform-space-unit) * -2) !important; }
    .ma-md-n2& { margin: calc(var(--platform-space-unit) * -2) !important; }
    .mt-md-n3&, .my-md-n3& { margin-top: calc(var(--platform-space-unit) * -3) !important; }
    .mr-md-n3&, .mx-md-n3& { margin-right: calc(var(--platform-space-unit) * -3) !important; }
    .ml-md-n3&, .mx-md-n3& { margin-left: calc(var(--platform-space-unit) * -3) !important; }
    .mb-md-n3&, .my-md-n3& { margin-bottom: calc(var(--platform-space-unit) * -3) !important; }
    .ms-md-n3& { margin-inline-start: calc(var(--platform-space-unit) * -3) !important; }
    .me-md-n3& { margin-inline-end: calc(var(--platform-space-unit) * -3) !important; }
    .ma-md-n3& { margin: calc(var(--platform-space-unit) * -3) !important; }
    .mt-md-n4&, .my-md-n4& { margin-top: calc(var(--platform-space-unit) * -4) !important; }
    .mr-md-n4&, .mx-md-n4& { margin-right: calc(var(--platform-space-unit) * -4) !important; }
    .ml-md-n4&, .mx-md-n4& { margin-left: calc(var(--platform-space-unit) * -4) !important; }
    .mb-md-n4&, .my-md-n4& { margin-bottom: calc(var(--platform-space-unit) * -4) !important; }
    .ms-md-n4& { margin-inline-start: calc(var(--platform-space-unit) * -4) !important; }
    .me-md-n4& { margin-inline-end: calc(var(--platform-space-unit) * -4) !important; }
    .ma-md-n4& { margin: calc(var(--platform-space-unit) * -4) !important; }
    .mt-md-n5&, .my-md-n5& { margin-top: calc(var(--platform-space-unit) * -5) !important; }
    .mr-md-n5&, .mx-md-n5& { margin-right: calc(var(--platform-space-unit) * -5) !important; }
    .ml-md-n5&, .mx-md-n5& { margin-left: calc(var(--platform-space-unit) * -5) !important; }
    .mb-md-n5&, .my-md-n5& { margin-bottom: calc(var(--platform-space-unit) * -5) !important; }
    .ms-md-n5& { margin-inline-start: calc(var(--platform-space-unit) * -5) !important; }
    .me-md-n5& { margin-inline-end: calc(var(--platform-space-unit) * -5) !important; }
    .ma-md-n5& { margin: calc(var(--platform-space-unit) * -5) !important; }
    .mt-md-n6&, .my-md-n6& { margin-top: calc(var(--platform-space-unit) * -6) !important; }
    .mr-md-n6&, .mx-md-n6& { margin-right: calc(var(--platform-space-unit) * -6) !important; }
    .ml-md-n6&, .mx-md-n6& { margin-left: calc(var(--platform-space-unit) * -6) !important; }
    .mb-md-n6&, .my-md-n6& { margin-bottom: calc(var(--platform-space-unit) * -6) !important; }
    .ms-md-n6& { margin-inline-start: calc(var(--platform-space-unit) * -6) !important; }
    .me-md-n6& { margin-inline-end: calc(var(--platform-space-unit) * -6) !important; }
    .ma-md-n6& { margin: calc(var(--platform-space-unit) * -6) !important; }
    .mt-md-n7&, .my-md-n7& { margin-top: calc(var(--platform-space-unit) * -7) !important; }
    .mr-md-n7&, .mx-md-n7& { margin-right: calc(var(--platform-space-unit) * -7) !important; }
    .ml-md-n7&, .mx-md-n7& { margin-left: calc(var(--platform-space-unit) * -7) !important; }
    .mb-md-n7&, .my-md-n7& { margin-bottom: calc(var(--platform-space-unit) * -7) !important; }
    .ms-md-n7& { margin-inline-start: calc(var(--platform-space-unit) * -7) !important; }
    .me-md-n7& { margin-inline-end: calc(var(--platform-space-unit) * -7) !important; }
    .ma-md-n7& { margin: calc(var(--platform-space-unit) * -7) !important; }
    .mt-md-n8&, .my-md-n8& { margin-top: calc(var(--platform-space-unit) * -8) !important; }
    .mr-md-n8&, .mx-md-n8& { margin-right: calc(var(--platform-space-unit) * -8) !important; }
    .ml-md-n8&, .mx-md-n8& { margin-left: calc(var(--platform-space-unit) * -8) !important; }
    .mb-md-n8&, .my-md-n8& { margin-bottom: calc(var(--platform-space-unit) * -8) !important; }
    .ms-md-n8& { margin-inline-start: calc(var(--platform-space-unit) * -8) !important; }
    .me-md-n8& { margin-inline-end: calc(var(--platform-space-unit) * -8) !important; }
    .ma-md-n8& { margin: calc(var(--platform-space-unit) * -8) !important; }
    .mt-md-n9&, .my-md-n9& { margin-top: calc(var(--platform-space-unit) * -9) !important; }
    .mr-md-n9&, .mx-md-n9& { margin-right: calc(var(--platform-space-unit) * -9) !important; }
    .ml-md-n9&, .mx-md-n9& { margin-left: calc(var(--platform-space-unit) * -9) !important; }
    .mb-md-n9&, .my-md-n9& { margin-bottom: calc(var(--platform-space-unit) * -9) !important; }
    .ms-md-n9& { margin-inline-start: calc(var(--platform-space-unit) * -9) !important; }
    .me-md-n9& { margin-inline-end: calc(var(--platform-space-unit) * -9) !important; }
    .ma-md-n9& { margin: calc(var(--platform-space-unit) * -9) !important; }
    .mt-md-n10&, .my-md-n10& { margin-top: calc(var(--platform-space-unit) * -10) !important; }
    .mr-md-n10&, .mx-md-n10& { margin-right: calc(var(--platform-space-unit) * -10) !important; }
    .ml-md-n10&, .mx-md-n10& { margin-left: calc(var(--platform-space-unit) * -10) !important; }
    .mb-md-n10&, .my-md-n10& { margin-bottom: calc(var(--platform-space-unit) * -10) !important; }
    .ms-md-n10& { margin-inline-start: calc(var(--platform-space-unit) * -10) !important; }
    .me-md-n10& { margin-inline-end: calc(var(--platform-space-unit) * -10) !important; }
    .ma-md-n10& { margin: calc(var(--platform-space-unit) * -10) !important; }
    .mt-md-n11&, .my-md-n11& { margin-top: calc(var(--platform-space-unit) * -11) !important; }
    .mr-md-n11&, .mx-md-n11& { margin-right: calc(var(--platform-space-unit) * -11) !important; }
    .ml-md-n11&, .mx-md-n11& { margin-left: calc(var(--platform-space-unit) * -11) !important; }
    .mb-md-n11&, .my-md-n11& { margin-bottom: calc(var(--platform-space-unit) * -11) !important; }
    .ms-md-n11& { margin-inline-start: calc(var(--platform-space-unit) * -11) !important; }
    .me-md-n11& { margin-inline-end: calc(var(--platform-space-unit) * -11) !important; }
    .ma-md-n11& { margin: calc(var(--platform-space-unit) * -11) !important; }
    .mt-md-n12&, .my-md-n12& { margin-top: calc(var(--platform-space-unit) * -12) !important; }
    .mr-md-n12&, .mx-md-n12& { margin-right: calc(var(--platform-space-unit) * -12) !important; }
    .ml-md-n12&, .mx-md-n12& { margin-left: calc(var(--platform-space-unit) * -12) !important; }
    .mb-md-n12&, .my-md-n12& { margin-bottom: calc(var(--platform-space-unit) * -12) !important; }
    .ms-md-n12& { margin-inline-start: calc(var(--platform-space-unit) * -12) !important; }
    .me-md-n12& { margin-inline-end: calc(var(--platform-space-unit) * -12) !important; }
    .ma-md-n12& { margin: calc(var(--platform-space-unit) * -12) !important; }
    .mt-md-n13&, .my-md-n13& { margin-top: calc(var(--platform-space-unit) * -13) !important; }
    .mr-md-n13&, .mx-md-n13& { margin-right: calc(var(--platform-space-unit) * -13) !important; }
    .ml-md-n13&, .mx-md-n13& { margin-left: calc(var(--platform-space-unit) * -13) !important; }
    .mb-md-n13&, .my-md-n13& { margin-bottom: calc(var(--platform-space-unit) * -13) !important; }
    .ms-md-n13& { margin-inline-start: calc(var(--platform-space-unit) * -13) !important; }
    .me-md-n13& { margin-inline-end: calc(var(--platform-space-unit) * -13) !important; }
    .ma-md-n13& { margin: calc(var(--platform-space-unit) * -13) !important; }
    .mt-md-n14&, .my-md-n14& { margin-top: calc(var(--platform-space-unit) * -14) !important; }
    .mr-md-n14&, .mx-md-n14& { margin-right: calc(var(--platform-space-unit) * -14) !important; }
    .ml-md-n14&, .mx-md-n14& { margin-left: calc(var(--platform-space-unit) * -14) !important; }
    .mb-md-n14&, .my-md-n14& { margin-bottom: calc(var(--platform-space-unit) * -14) !important; }
    .ms-md-n14& { margin-inline-start: calc(var(--platform-space-unit) * -14) !important; }
    .me-md-n14& { margin-inline-end: calc(var(--platform-space-unit) * -14) !important; }
    .ma-md-n14& { margin: calc(var(--platform-space-unit) * -14) !important; }
    .mt-md-n15&, .my-md-n15& { margin-top: calc(var(--platform-space-unit) * -15) !important; }
    .mr-md-n15&, .mx-md-n15& { margin-right: calc(var(--platform-space-unit) * -15) !important; }
    .ml-md-n15&, .mx-md-n15& { margin-left: calc(var(--platform-space-unit) * -15) !important; }
    .mb-md-n15&, .my-md-n15& { margin-bottom: calc(var(--platform-space-unit) * -15) !important; }
    .ms-md-n15& { margin-inline-start: calc(var(--platform-space-unit) * -15) !important; }
    .me-md-n15& { margin-inline-end: calc(var(--platform-space-unit) * -15) !important; }
    .ma-md-n15& { margin: calc(var(--platform-space-unit) * -15) !important; }
    .mt-md-n16&, .my-md-n16& { margin-top: calc(var(--platform-space-unit) * -16) !important; }
    .mr-md-n16&, .mx-md-n16& { margin-right: calc(var(--platform-space-unit) * -16) !important; }
    .ml-md-n16&, .mx-md-n16& { margin-left: calc(var(--platform-space-unit) * -16) !important; }
    .mb-md-n16&, .my-md-n16& { margin-bottom: calc(var(--platform-space-unit) * -16) !important; }
    .ms-md-n16& { margin-inline-start: calc(var(--platform-space-unit) * -16) !important; }
    .me-md-n16& { margin-inline-end: calc(var(--platform-space-unit) * -16) !important; }
    .ma-md-n16& { margin: calc(var(--platform-space-unit) * -16) !important; }
    .mt-md-n17&, .my-md-n17& { margin-top: calc(var(--platform-space-unit) * -17) !important; }
    .mr-md-n17&, .mx-md-n17& { margin-right: calc(var(--platform-space-unit) * -17) !important; }
    .ml-md-n17&, .mx-md-n17& { margin-left: calc(var(--platform-space-unit) * -17) !important; }
    .mb-md-n17&, .my-md-n17& { margin-bottom: calc(var(--platform-space-unit) * -17) !important; }
    .ms-md-n17& { margin-inline-start: calc(var(--platform-space-unit) * -17) !important; }
    .me-md-n17& { margin-inline-end: calc(var(--platform-space-unit) * -17) !important; }
    .ma-md-n17& { margin: calc(var(--platform-space-unit) * -17) !important; }
    .mt-md-n18&, .my-md-n18& { margin-top: calc(var(--platform-space-unit) * -18) !important; }
    .mr-md-n18&, .mx-md-n18& { margin-right: calc(var(--platform-space-unit) * -18) !important; }
    .ml-md-n18&, .mx-md-n18& { margin-left: calc(var(--platform-space-unit) * -18) !important; }
    .mb-md-n18&, .my-md-n18& { margin-bottom: calc(var(--platform-space-unit) * -18) !important; }
    .ms-md-n18& { margin-inline-start: calc(var(--platform-space-unit) * -18) !important; }
    .me-md-n18& { margin-inline-end: calc(var(--platform-space-unit) * -18) !important; }
    .ma-md-n18& { margin: calc(var(--platform-space-unit) * -18) !important; }
    .mt-md-n19&, .my-md-n19& { margin-top: calc(var(--platform-space-unit) * -19) !important; }
    .mr-md-n19&, .mx-md-n19& { margin-right: calc(var(--platform-space-unit) * -19) !important; }
    .ml-md-n19&, .mx-md-n19& { margin-left: calc(var(--platform-space-unit) * -19) !important; }
    .mb-md-n19&, .my-md-n19& { margin-bottom: calc(var(--platform-space-unit) * -19) !important; }
    .ms-md-n19& { margin-inline-start: calc(var(--platform-space-unit) * -19) !important; }
    .me-md-n19& { margin-inline-end: calc(var(--platform-space-unit) * -19) !important; }
    .ma-md-n19& { margin: calc(var(--platform-space-unit) * -19) !important; }
    .mt-md-n20&, .my-md-n20& { margin-top: calc(var(--platform-space-unit) * -20) !important; }
    .mr-md-n20&, .mx-md-n20& { margin-right: calc(var(--platform-space-unit) * -20) !important; }
    .ml-md-n20&, .mx-md-n20& { margin-left: calc(var(--platform-space-unit) * -20) !important; }
    .mb-md-n20&, .my-md-n20& { margin-bottom: calc(var(--platform-space-unit) * -20) !important; }
    .ms-md-n20& { margin-inline-start: calc(var(--platform-space-unit) * -20) !important; }
    .me-md-n20& { margin-inline-end: calc(var(--platform-space-unit) * -20) !important; }
    .ma-md-n20& { margin: calc(var(--platform-space-unit) * -20) !important; }
    .gap-md-0& { gap: calc(var(--platform-space-unit) * 0); }
    .gap-x-md-0& { column-gap: calc(var(--platform-space-unit) * 0); }
    .gap-y-md-0& { row-gap: calc(var(--platform-space-unit) * 0); }
    .gap-md-1& { gap: calc(var(--platform-space-unit) * 1); }
    .gap-x-md-1& { column-gap: calc(var(--platform-space-unit) * 1); }
    .gap-y-md-1& { row-gap: calc(var(--platform-space-unit) * 1); }
    .gap-md-2& { gap: calc(var(--platform-space-unit) * 2); }
    .gap-x-md-2& { column-gap: calc(var(--platform-space-unit) * 2); }
    .gap-y-md-2& { row-gap: calc(var(--platform-space-unit) * 2); }
    .gap-md-3& { gap: calc(var(--platform-space-unit) * 3); }
    .gap-x-md-3& { column-gap: calc(var(--platform-space-unit) * 3); }
    .gap-y-md-3& { row-gap: calc(var(--platform-space-unit) * 3); }
    .gap-md-4& { gap: calc(var(--platform-space-unit) * 4); }
    .gap-x-md-4& { column-gap: calc(var(--platform-space-unit) * 4); }
    .gap-y-md-4& { row-gap: calc(var(--platform-space-unit) * 4); }
    .gap-md-5& { gap: calc(var(--platform-space-unit) * 5); }
    .gap-x-md-5& { column-gap: calc(var(--platform-space-unit) * 5); }
    .gap-y-md-5& { row-gap: calc(var(--platform-space-unit) * 5); }
    .gap-md-6& { gap: calc(var(--platform-space-unit) * 6); }
    .gap-x-md-6& { column-gap: calc(var(--platform-space-unit) * 6); }
    .gap-y-md-6& { row-gap: calc(var(--platform-space-unit) * 6); }
    .gap-md-7& { gap: calc(var(--platform-space-unit) * 7); }
    .gap-x-md-7& { column-gap: calc(var(--platform-space-unit) * 7); }
    .gap-y-md-7& { row-gap: calc(var(--platform-space-unit) * 7); }
    .gap-md-8& { gap: calc(var(--platform-space-unit) * 8); }
    .gap-x-md-8& { column-gap: calc(var(--platform-space-unit) * 8); }
    .gap-y-md-8& { row-gap: calc(var(--platform-space-unit) * 8); }
    .gap-md-9& { gap: calc(var(--platform-space-unit) * 9); }
    .gap-x-md-9& { column-gap: calc(var(--platform-space-unit) * 9); }
    .gap-y-md-9& { row-gap: calc(var(--platform-space-unit) * 9); }
    .gap-md-10& { gap: calc(var(--platform-space-unit) * 10); }
    .gap-x-md-10& { column-gap: calc(var(--platform-space-unit) * 10); }
    .gap-y-md-10& { row-gap: calc(var(--platform-space-unit) * 10); }
    .gap-md-11& { gap: calc(var(--platform-space-unit) * 11); }
    .gap-x-md-11& { column-gap: calc(var(--platform-space-unit) * 11); }
    .gap-y-md-11& { row-gap: calc(var(--platform-space-unit) * 11); }
    .gap-md-12& { gap: calc(var(--platform-space-unit) * 12); }
    .gap-x-md-12& { column-gap: calc(var(--platform-space-unit) * 12); }
    .gap-y-md-12& { row-gap: calc(var(--platform-space-unit) * 12); }
    .gap-md-13& { gap: calc(var(--platform-space-unit) * 13); }
    .gap-x-md-13& { column-gap: calc(var(--platform-space-unit) * 13); }
    .gap-y-md-13& { row-gap: calc(var(--platform-space-unit) * 13); }
    .gap-md-14& { gap: calc(var(--platform-space-unit) * 14); }
    .gap-x-md-14& { column-gap: calc(var(--platform-space-unit) * 14); }
    .gap-y-md-14& { row-gap: calc(var(--platform-space-unit) * 14); }
    .gap-md-15& { gap: calc(var(--platform-space-unit) * 15); }
    .gap-x-md-15& { column-gap: calc(var(--platform-space-unit) * 15); }
    .gap-y-md-15& { row-gap: calc(var(--platform-space-unit) * 15); }
    .gap-md-16& { gap: calc(var(--platform-space-unit) * 16); }
    .gap-x-md-16& { column-gap: calc(var(--platform-space-unit) * 16); }
    .gap-y-md-16& { row-gap: calc(var(--platform-space-unit) * 16); }
    .gap-md-17& { gap: calc(var(--platform-space-unit) * 17); }
    .gap-x-md-17& { column-gap: calc(var(--platform-space-unit) * 17); }
    .gap-y-md-17& { row-gap: calc(var(--platform-space-unit) * 17); }
    .gap-md-18& { gap: calc(var(--platform-space-unit) * 18); }
    .gap-x-md-18& { column-gap: calc(var(--platform-space-unit) * 18); }
    .gap-y-md-18& { row-gap: calc(var(--platform-space-unit) * 18); }
    .gap-md-19& { gap: calc(var(--platform-space-unit) * 19); }
    .gap-x-md-19& { column-gap: calc(var(--platform-space-unit) * 19); }
    .gap-y-md-19& { row-gap: calc(var(--platform-space-unit) * 19); }
    .gap-md-20& { gap: calc(var(--platform-space-unit) * 20); }
    .gap-x-md-20& { column-gap: calc(var(--platform-space-unit) * 20); }
    .gap-y-md-20& { row-gap: calc(var(--platform-space-unit) * 20); }
}
@media screen and (min-width: 1280px) {
    .mt-lg-0&, .my-lg-0& { margin-top: calc(var(--platform-space-unit) * 0) !important; }
    .mr-lg-0&, .mx-lg-0& { margin-right: calc(var(--platform-space-unit) * 0) !important; }
    .ml-lg-0&, .mx-lg-0& { margin-left: calc(var(--platform-space-unit) * 0) !important; }
    .mb-lg-0&, .my-lg-0& { margin-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ms-lg-0& { margin-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .me-lg-0& { margin-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .ma-lg-0& { margin: calc(var(--platform-space-unit) * 0) !important; }
    .mt-lg-1&, .my-lg-1& { margin-top: calc(var(--platform-space-unit) * 1) !important; }
    .mr-lg-1&, .mx-lg-1& { margin-right: calc(var(--platform-space-unit) * 1) !important; }
    .ml-lg-1&, .mx-lg-1& { margin-left: calc(var(--platform-space-unit) * 1) !important; }
    .mb-lg-1&, .my-lg-1& { margin-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ms-lg-1& { margin-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .me-lg-1& { margin-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .ma-lg-1& { margin: calc(var(--platform-space-unit) * 1) !important; }
    .mt-lg-2&, .my-lg-2& { margin-top: calc(var(--platform-space-unit) * 2) !important; }
    .mr-lg-2&, .mx-lg-2& { margin-right: calc(var(--platform-space-unit) * 2) !important; }
    .ml-lg-2&, .mx-lg-2& { margin-left: calc(var(--platform-space-unit) * 2) !important; }
    .mb-lg-2&, .my-lg-2& { margin-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ms-lg-2& { margin-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .me-lg-2& { margin-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .ma-lg-2& { margin: calc(var(--platform-space-unit) * 2) !important; }
    .mt-lg-3&, .my-lg-3& { margin-top: calc(var(--platform-space-unit) * 3) !important; }
    .mr-lg-3&, .mx-lg-3& { margin-right: calc(var(--platform-space-unit) * 3) !important; }
    .ml-lg-3&, .mx-lg-3& { margin-left: calc(var(--platform-space-unit) * 3) !important; }
    .mb-lg-3&, .my-lg-3& { margin-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ms-lg-3& { margin-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .me-lg-3& { margin-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .ma-lg-3& { margin: calc(var(--platform-space-unit) * 3) !important; }
    .mt-lg-4&, .my-lg-4& { margin-top: calc(var(--platform-space-unit) * 4) !important; }
    .mr-lg-4&, .mx-lg-4& { margin-right: calc(var(--platform-space-unit) * 4) !important; }
    .ml-lg-4&, .mx-lg-4& { margin-left: calc(var(--platform-space-unit) * 4) !important; }
    .mb-lg-4&, .my-lg-4& { margin-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ms-lg-4& { margin-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .me-lg-4& { margin-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .ma-lg-4& { margin: calc(var(--platform-space-unit) * 4) !important; }
    .mt-lg-5&, .my-lg-5& { margin-top: calc(var(--platform-space-unit) * 5) !important; }
    .mr-lg-5&, .mx-lg-5& { margin-right: calc(var(--platform-space-unit) * 5) !important; }
    .ml-lg-5&, .mx-lg-5& { margin-left: calc(var(--platform-space-unit) * 5) !important; }
    .mb-lg-5&, .my-lg-5& { margin-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ms-lg-5& { margin-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .me-lg-5& { margin-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .ma-lg-5& { margin: calc(var(--platform-space-unit) * 5) !important; }
    .mt-lg-6&, .my-lg-6& { margin-top: calc(var(--platform-space-unit) * 6) !important; }
    .mr-lg-6&, .mx-lg-6& { margin-right: calc(var(--platform-space-unit) * 6) !important; }
    .ml-lg-6&, .mx-lg-6& { margin-left: calc(var(--platform-space-unit) * 6) !important; }
    .mb-lg-6&, .my-lg-6& { margin-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ms-lg-6& { margin-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .me-lg-6& { margin-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .ma-lg-6& { margin: calc(var(--platform-space-unit) * 6) !important; }
    .mt-lg-7&, .my-lg-7& { margin-top: calc(var(--platform-space-unit) * 7) !important; }
    .mr-lg-7&, .mx-lg-7& { margin-right: calc(var(--platform-space-unit) * 7) !important; }
    .ml-lg-7&, .mx-lg-7& { margin-left: calc(var(--platform-space-unit) * 7) !important; }
    .mb-lg-7&, .my-lg-7& { margin-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ms-lg-7& { margin-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .me-lg-7& { margin-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .ma-lg-7& { margin: calc(var(--platform-space-unit) * 7) !important; }
    .mt-lg-8&, .my-lg-8& { margin-top: calc(var(--platform-space-unit) * 8) !important; }
    .mr-lg-8&, .mx-lg-8& { margin-right: calc(var(--platform-space-unit) * 8) !important; }
    .ml-lg-8&, .mx-lg-8& { margin-left: calc(var(--platform-space-unit) * 8) !important; }
    .mb-lg-8&, .my-lg-8& { margin-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ms-lg-8& { margin-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .me-lg-8& { margin-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .ma-lg-8& { margin: calc(var(--platform-space-unit) * 8) !important; }
    .mt-lg-9&, .my-lg-9& { margin-top: calc(var(--platform-space-unit) * 9) !important; }
    .mr-lg-9&, .mx-lg-9& { margin-right: calc(var(--platform-space-unit) * 9) !important; }
    .ml-lg-9&, .mx-lg-9& { margin-left: calc(var(--platform-space-unit) * 9) !important; }
    .mb-lg-9&, .my-lg-9& { margin-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ms-lg-9& { margin-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .me-lg-9& { margin-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .ma-lg-9& { margin: calc(var(--platform-space-unit) * 9) !important; }
    .mt-lg-10&, .my-lg-10& { margin-top: calc(var(--platform-space-unit) * 10) !important; }
    .mr-lg-10&, .mx-lg-10& { margin-right: calc(var(--platform-space-unit) * 10) !important; }
    .ml-lg-10&, .mx-lg-10& { margin-left: calc(var(--platform-space-unit) * 10) !important; }
    .mb-lg-10&, .my-lg-10& { margin-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ms-lg-10& { margin-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .me-lg-10& { margin-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .ma-lg-10& { margin: calc(var(--platform-space-unit) * 10) !important; }
    .mt-lg-11&, .my-lg-11& { margin-top: calc(var(--platform-space-unit) * 11) !important; }
    .mr-lg-11&, .mx-lg-11& { margin-right: calc(var(--platform-space-unit) * 11) !important; }
    .ml-lg-11&, .mx-lg-11& { margin-left: calc(var(--platform-space-unit) * 11) !important; }
    .mb-lg-11&, .my-lg-11& { margin-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ms-lg-11& { margin-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .me-lg-11& { margin-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .ma-lg-11& { margin: calc(var(--platform-space-unit) * 11) !important; }
    .mt-lg-12&, .my-lg-12& { margin-top: calc(var(--platform-space-unit) * 12) !important; }
    .mr-lg-12&, .mx-lg-12& { margin-right: calc(var(--platform-space-unit) * 12) !important; }
    .ml-lg-12&, .mx-lg-12& { margin-left: calc(var(--platform-space-unit) * 12) !important; }
    .mb-lg-12&, .my-lg-12& { margin-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ms-lg-12& { margin-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .me-lg-12& { margin-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .ma-lg-12& { margin: calc(var(--platform-space-unit) * 12) !important; }
    .mt-lg-13&, .my-lg-13& { margin-top: calc(var(--platform-space-unit) * 13) !important; }
    .mr-lg-13&, .mx-lg-13& { margin-right: calc(var(--platform-space-unit) * 13) !important; }
    .ml-lg-13&, .mx-lg-13& { margin-left: calc(var(--platform-space-unit) * 13) !important; }
    .mb-lg-13&, .my-lg-13& { margin-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ms-lg-13& { margin-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .me-lg-13& { margin-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .ma-lg-13& { margin: calc(var(--platform-space-unit) * 13) !important; }
    .mt-lg-14&, .my-lg-14& { margin-top: calc(var(--platform-space-unit) * 14) !important; }
    .mr-lg-14&, .mx-lg-14& { margin-right: calc(var(--platform-space-unit) * 14) !important; }
    .ml-lg-14&, .mx-lg-14& { margin-left: calc(var(--platform-space-unit) * 14) !important; }
    .mb-lg-14&, .my-lg-14& { margin-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ms-lg-14& { margin-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .me-lg-14& { margin-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .ma-lg-14& { margin: calc(var(--platform-space-unit) * 14) !important; }
    .mt-lg-15&, .my-lg-15& { margin-top: calc(var(--platform-space-unit) * 15) !important; }
    .mr-lg-15&, .mx-lg-15& { margin-right: calc(var(--platform-space-unit) * 15) !important; }
    .ml-lg-15&, .mx-lg-15& { margin-left: calc(var(--platform-space-unit) * 15) !important; }
    .mb-lg-15&, .my-lg-15& { margin-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ms-lg-15& { margin-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .me-lg-15& { margin-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .ma-lg-15& { margin: calc(var(--platform-space-unit) * 15) !important; }
    .mt-lg-16&, .my-lg-16& { margin-top: calc(var(--platform-space-unit) * 16) !important; }
    .mr-lg-16&, .mx-lg-16& { margin-right: calc(var(--platform-space-unit) * 16) !important; }
    .ml-lg-16&, .mx-lg-16& { margin-left: calc(var(--platform-space-unit) * 16) !important; }
    .mb-lg-16&, .my-lg-16& { margin-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ms-lg-16& { margin-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .me-lg-16& { margin-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .ma-lg-16& { margin: calc(var(--platform-space-unit) * 16) !important; }
    .mt-lg-17&, .my-lg-17& { margin-top: calc(var(--platform-space-unit) * 17) !important; }
    .mr-lg-17&, .mx-lg-17& { margin-right: calc(var(--platform-space-unit) * 17) !important; }
    .ml-lg-17&, .mx-lg-17& { margin-left: calc(var(--platform-space-unit) * 17) !important; }
    .mb-lg-17&, .my-lg-17& { margin-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ms-lg-17& { margin-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .me-lg-17& { margin-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .ma-lg-17& { margin: calc(var(--platform-space-unit) * 17) !important; }
    .mt-lg-18&, .my-lg-18& { margin-top: calc(var(--platform-space-unit) * 18) !important; }
    .mr-lg-18&, .mx-lg-18& { margin-right: calc(var(--platform-space-unit) * 18) !important; }
    .ml-lg-18&, .mx-lg-18& { margin-left: calc(var(--platform-space-unit) * 18) !important; }
    .mb-lg-18&, .my-lg-18& { margin-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ms-lg-18& { margin-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .me-lg-18& { margin-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .ma-lg-18& { margin: calc(var(--platform-space-unit) * 18) !important; }
    .mt-lg-19&, .my-lg-19& { margin-top: calc(var(--platform-space-unit) * 19) !important; }
    .mr-lg-19&, .mx-lg-19& { margin-right: calc(var(--platform-space-unit) * 19) !important; }
    .ml-lg-19&, .mx-lg-19& { margin-left: calc(var(--platform-space-unit) * 19) !important; }
    .mb-lg-19&, .my-lg-19& { margin-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ms-lg-19& { margin-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .me-lg-19& { margin-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .ma-lg-19& { margin: calc(var(--platform-space-unit) * 19) !important; }
    .mt-lg-20&, .my-lg-20& { margin-top: calc(var(--platform-space-unit) * 20) !important; }
    .mr-lg-20&, .mx-lg-20& { margin-right: calc(var(--platform-space-unit) * 20) !important; }
    .ml-lg-20&, .mx-lg-20& { margin-left: calc(var(--platform-space-unit) * 20) !important; }
    .mb-lg-20&, .my-lg-20& { margin-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ms-lg-20& { margin-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .me-lg-20& { margin-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .ma-lg-20& { margin: calc(var(--platform-space-unit) * 20) !important; }
    .mt-lg-auto&, .my-lg-auto& { margin-top: auto !important; }
    .mr-lg-auto&, .mx-lg-auto& { margin-right: auto !important; }
    .ml-lg-auto&, .mx-lg-auto& { margin-left: auto !important; }
    .mb-lg-auto&, .my-lg-auto& { margin-bottom: auto !important; }
    .ms-lg-auto& { margin-inline-start: auto !important; }
    .me-lg-auto& { margin-inline-end: auto !important; }
    .ma-lg-auto& { margin: auto !important; }
    .pt-lg-0&, .py-lg-0& { padding-top: calc(var(--platform-space-unit) * 0) !important; }
    .pr-lg-0&, .px-lg-0& { padding-right: calc(var(--platform-space-unit) * 0) !important; }
    .pl-lg-0&, .px-lg-0& { padding-left: calc(var(--platform-space-unit) * 0) !important; }
    .pb-lg-0&, .py-lg-0& { padding-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ps-lg-0& { padding-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .pe-lg-0& { padding-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .pa-lg-0& { padding: calc(var(--platform-space-unit) * 0) !important; }
    .pt-lg-1&, .py-lg-1& { padding-top: calc(var(--platform-space-unit) * 1) !important; }
    .pr-lg-1&, .px-lg-1& { padding-right: calc(var(--platform-space-unit) * 1) !important; }
    .pl-lg-1&, .px-lg-1& { padding-left: calc(var(--platform-space-unit) * 1) !important; }
    .pb-lg-1&, .py-lg-1& { padding-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ps-lg-1& { padding-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .pe-lg-1& { padding-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .pa-lg-1& { padding: calc(var(--platform-space-unit) * 1) !important; }
    .pt-lg-2&, .py-lg-2& { padding-top: calc(var(--platform-space-unit) * 2) !important; }
    .pr-lg-2&, .px-lg-2& { padding-right: calc(var(--platform-space-unit) * 2) !important; }
    .pl-lg-2&, .px-lg-2& { padding-left: calc(var(--platform-space-unit) * 2) !important; }
    .pb-lg-2&, .py-lg-2& { padding-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ps-lg-2& { padding-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .pe-lg-2& { padding-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .pa-lg-2& { padding: calc(var(--platform-space-unit) * 2) !important; }
    .pt-lg-3&, .py-lg-3& { padding-top: calc(var(--platform-space-unit) * 3) !important; }
    .pr-lg-3&, .px-lg-3& { padding-right: calc(var(--platform-space-unit) * 3) !important; }
    .pl-lg-3&, .px-lg-3& { padding-left: calc(var(--platform-space-unit) * 3) !important; }
    .pb-lg-3&, .py-lg-3& { padding-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ps-lg-3& { padding-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .pe-lg-3& { padding-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .pa-lg-3& { padding: calc(var(--platform-space-unit) * 3) !important; }
    .pt-lg-4&, .py-lg-4& { padding-top: calc(var(--platform-space-unit) * 4) !important; }
    .pr-lg-4&, .px-lg-4& { padding-right: calc(var(--platform-space-unit) * 4) !important; }
    .pl-lg-4&, .px-lg-4& { padding-left: calc(var(--platform-space-unit) * 4) !important; }
    .pb-lg-4&, .py-lg-4& { padding-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ps-lg-4& { padding-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .pe-lg-4& { padding-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .pa-lg-4& { padding: calc(var(--platform-space-unit) * 4) !important; }
    .pt-lg-5&, .py-lg-5& { padding-top: calc(var(--platform-space-unit) * 5) !important; }
    .pr-lg-5&, .px-lg-5& { padding-right: calc(var(--platform-space-unit) * 5) !important; }
    .pl-lg-5&, .px-lg-5& { padding-left: calc(var(--platform-space-unit) * 5) !important; }
    .pb-lg-5&, .py-lg-5& { padding-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ps-lg-5& { padding-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .pe-lg-5& { padding-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .pa-lg-5& { padding: calc(var(--platform-space-unit) * 5) !important; }
    .pt-lg-6&, .py-lg-6& { padding-top: calc(var(--platform-space-unit) * 6) !important; }
    .pr-lg-6&, .px-lg-6& { padding-right: calc(var(--platform-space-unit) * 6) !important; }
    .pl-lg-6&, .px-lg-6& { padding-left: calc(var(--platform-space-unit) * 6) !important; }
    .pb-lg-6&, .py-lg-6& { padding-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ps-lg-6& { padding-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .pe-lg-6& { padding-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .pa-lg-6& { padding: calc(var(--platform-space-unit) * 6) !important; }
    .pt-lg-7&, .py-lg-7& { padding-top: calc(var(--platform-space-unit) * 7) !important; }
    .pr-lg-7&, .px-lg-7& { padding-right: calc(var(--platform-space-unit) * 7) !important; }
    .pl-lg-7&, .px-lg-7& { padding-left: calc(var(--platform-space-unit) * 7) !important; }
    .pb-lg-7&, .py-lg-7& { padding-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ps-lg-7& { padding-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .pe-lg-7& { padding-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .pa-lg-7& { padding: calc(var(--platform-space-unit) * 7) !important; }
    .pt-lg-8&, .py-lg-8& { padding-top: calc(var(--platform-space-unit) * 8) !important; }
    .pr-lg-8&, .px-lg-8& { padding-right: calc(var(--platform-space-unit) * 8) !important; }
    .pl-lg-8&, .px-lg-8& { padding-left: calc(var(--platform-space-unit) * 8) !important; }
    .pb-lg-8&, .py-lg-8& { padding-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ps-lg-8& { padding-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .pe-lg-8& { padding-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .pa-lg-8& { padding: calc(var(--platform-space-unit) * 8) !important; }
    .pt-lg-9&, .py-lg-9& { padding-top: calc(var(--platform-space-unit) * 9) !important; }
    .pr-lg-9&, .px-lg-9& { padding-right: calc(var(--platform-space-unit) * 9) !important; }
    .pl-lg-9&, .px-lg-9& { padding-left: calc(var(--platform-space-unit) * 9) !important; }
    .pb-lg-9&, .py-lg-9& { padding-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ps-lg-9& { padding-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .pe-lg-9& { padding-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .pa-lg-9& { padding: calc(var(--platform-space-unit) * 9) !important; }
    .pt-lg-10&, .py-lg-10& { padding-top: calc(var(--platform-space-unit) * 10) !important; }
    .pr-lg-10&, .px-lg-10& { padding-right: calc(var(--platform-space-unit) * 10) !important; }
    .pl-lg-10&, .px-lg-10& { padding-left: calc(var(--platform-space-unit) * 10) !important; }
    .pb-lg-10&, .py-lg-10& { padding-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ps-lg-10& { padding-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .pe-lg-10& { padding-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .pa-lg-10& { padding: calc(var(--platform-space-unit) * 10) !important; }
    .pt-lg-11&, .py-lg-11& { padding-top: calc(var(--platform-space-unit) * 11) !important; }
    .pr-lg-11&, .px-lg-11& { padding-right: calc(var(--platform-space-unit) * 11) !important; }
    .pl-lg-11&, .px-lg-11& { padding-left: calc(var(--platform-space-unit) * 11) !important; }
    .pb-lg-11&, .py-lg-11& { padding-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ps-lg-11& { padding-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .pe-lg-11& { padding-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .pa-lg-11& { padding: calc(var(--platform-space-unit) * 11) !important; }
    .pt-lg-12&, .py-lg-12& { padding-top: calc(var(--platform-space-unit) * 12) !important; }
    .pr-lg-12&, .px-lg-12& { padding-right: calc(var(--platform-space-unit) * 12) !important; }
    .pl-lg-12&, .px-lg-12& { padding-left: calc(var(--platform-space-unit) * 12) !important; }
    .pb-lg-12&, .py-lg-12& { padding-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ps-lg-12& { padding-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .pe-lg-12& { padding-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .pa-lg-12& { padding: calc(var(--platform-space-unit) * 12) !important; }
    .pt-lg-13&, .py-lg-13& { padding-top: calc(var(--platform-space-unit) * 13) !important; }
    .pr-lg-13&, .px-lg-13& { padding-right: calc(var(--platform-space-unit) * 13) !important; }
    .pl-lg-13&, .px-lg-13& { padding-left: calc(var(--platform-space-unit) * 13) !important; }
    .pb-lg-13&, .py-lg-13& { padding-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ps-lg-13& { padding-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .pe-lg-13& { padding-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .pa-lg-13& { padding: calc(var(--platform-space-unit) * 13) !important; }
    .pt-lg-14&, .py-lg-14& { padding-top: calc(var(--platform-space-unit) * 14) !important; }
    .pr-lg-14&, .px-lg-14& { padding-right: calc(var(--platform-space-unit) * 14) !important; }
    .pl-lg-14&, .px-lg-14& { padding-left: calc(var(--platform-space-unit) * 14) !important; }
    .pb-lg-14&, .py-lg-14& { padding-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ps-lg-14& { padding-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .pe-lg-14& { padding-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .pa-lg-14& { padding: calc(var(--platform-space-unit) * 14) !important; }
    .pt-lg-15&, .py-lg-15& { padding-top: calc(var(--platform-space-unit) * 15) !important; }
    .pr-lg-15&, .px-lg-15& { padding-right: calc(var(--platform-space-unit) * 15) !important; }
    .pl-lg-15&, .px-lg-15& { padding-left: calc(var(--platform-space-unit) * 15) !important; }
    .pb-lg-15&, .py-lg-15& { padding-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ps-lg-15& { padding-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .pe-lg-15& { padding-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .pa-lg-15& { padding: calc(var(--platform-space-unit) * 15) !important; }
    .pt-lg-16&, .py-lg-16& { padding-top: calc(var(--platform-space-unit) * 16) !important; }
    .pr-lg-16&, .px-lg-16& { padding-right: calc(var(--platform-space-unit) * 16) !important; }
    .pl-lg-16&, .px-lg-16& { padding-left: calc(var(--platform-space-unit) * 16) !important; }
    .pb-lg-16&, .py-lg-16& { padding-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ps-lg-16& { padding-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .pe-lg-16& { padding-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .pa-lg-16& { padding: calc(var(--platform-space-unit) * 16) !important; }
    .pt-lg-17&, .py-lg-17& { padding-top: calc(var(--platform-space-unit) * 17) !important; }
    .pr-lg-17&, .px-lg-17& { padding-right: calc(var(--platform-space-unit) * 17) !important; }
    .pl-lg-17&, .px-lg-17& { padding-left: calc(var(--platform-space-unit) * 17) !important; }
    .pb-lg-17&, .py-lg-17& { padding-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ps-lg-17& { padding-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .pe-lg-17& { padding-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .pa-lg-17& { padding: calc(var(--platform-space-unit) * 17) !important; }
    .pt-lg-18&, .py-lg-18& { padding-top: calc(var(--platform-space-unit) * 18) !important; }
    .pr-lg-18&, .px-lg-18& { padding-right: calc(var(--platform-space-unit) * 18) !important; }
    .pl-lg-18&, .px-lg-18& { padding-left: calc(var(--platform-space-unit) * 18) !important; }
    .pb-lg-18&, .py-lg-18& { padding-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ps-lg-18& { padding-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .pe-lg-18& { padding-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .pa-lg-18& { padding: calc(var(--platform-space-unit) * 18) !important; }
    .pt-lg-19&, .py-lg-19& { padding-top: calc(var(--platform-space-unit) * 19) !important; }
    .pr-lg-19&, .px-lg-19& { padding-right: calc(var(--platform-space-unit) * 19) !important; }
    .pl-lg-19&, .px-lg-19& { padding-left: calc(var(--platform-space-unit) * 19) !important; }
    .pb-lg-19&, .py-lg-19& { padding-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ps-lg-19& { padding-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .pe-lg-19& { padding-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .pa-lg-19& { padding: calc(var(--platform-space-unit) * 19) !important; }
    .pt-lg-20&, .py-lg-20& { padding-top: calc(var(--platform-space-unit) * 20) !important; }
    .pr-lg-20&, .px-lg-20& { padding-right: calc(var(--platform-space-unit) * 20) !important; }
    .pl-lg-20&, .px-lg-20& { padding-left: calc(var(--platform-space-unit) * 20) !important; }
    .pb-lg-20&, .py-lg-20& { padding-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ps-lg-20& { padding-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .pe-lg-20& { padding-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .pa-lg-20& { padding: calc(var(--platform-space-unit) * 20) !important; }
    .pt-lg-auto&, .py-lg-auto& { padding-top: auto !important; }
    .pr-lg-auto&, .px-lg-auto& { padding-right: auto !important; }
    .pl-lg-auto&, .px-lg-auto& { padding-left: auto !important; }
    .pb-lg-auto&, .py-lg-auto& { padding-bottom: auto !important; }
    .ps-lg-auto& { padding-inline-start: auto !important; }
    .pe-lg-auto& { padding-inline-end: auto !important; }
    .pa-lg-auto& { padding: auto !important; }
    .mt-lg-n1&, .my-lg-n1& { margin-top: calc(var(--platform-space-unit) * -1) !important; }
    .mr-lg-n1&, .mx-lg-n1& { margin-right: calc(var(--platform-space-unit) * -1) !important; }
    .ml-lg-n1&, .mx-lg-n1& { margin-left: calc(var(--platform-space-unit) * -1) !important; }
    .mb-lg-n1&, .my-lg-n1& { margin-bottom: calc(var(--platform-space-unit) * -1) !important; }
    .ms-lg-n1& { margin-inline-start: calc(var(--platform-space-unit) * -1) !important; }
    .me-lg-n1& { margin-inline-end: calc(var(--platform-space-unit) * -1) !important; }
    .ma-lg-n1& { margin: calc(var(--platform-space-unit) * -1) !important; }
    .mt-lg-n2&, .my-lg-n2& { margin-top: calc(var(--platform-space-unit) * -2) !important; }
    .mr-lg-n2&, .mx-lg-n2& { margin-right: calc(var(--platform-space-unit) * -2) !important; }
    .ml-lg-n2&, .mx-lg-n2& { margin-left: calc(var(--platform-space-unit) * -2) !important; }
    .mb-lg-n2&, .my-lg-n2& { margin-bottom: calc(var(--platform-space-unit) * -2) !important; }
    .ms-lg-n2& { margin-inline-start: calc(var(--platform-space-unit) * -2) !important; }
    .me-lg-n2& { margin-inline-end: calc(var(--platform-space-unit) * -2) !important; }
    .ma-lg-n2& { margin: calc(var(--platform-space-unit) * -2) !important; }
    .mt-lg-n3&, .my-lg-n3& { margin-top: calc(var(--platform-space-unit) * -3) !important; }
    .mr-lg-n3&, .mx-lg-n3& { margin-right: calc(var(--platform-space-unit) * -3) !important; }
    .ml-lg-n3&, .mx-lg-n3& { margin-left: calc(var(--platform-space-unit) * -3) !important; }
    .mb-lg-n3&, .my-lg-n3& { margin-bottom: calc(var(--platform-space-unit) * -3) !important; }
    .ms-lg-n3& { margin-inline-start: calc(var(--platform-space-unit) * -3) !important; }
    .me-lg-n3& { margin-inline-end: calc(var(--platform-space-unit) * -3) !important; }
    .ma-lg-n3& { margin: calc(var(--platform-space-unit) * -3) !important; }
    .mt-lg-n4&, .my-lg-n4& { margin-top: calc(var(--platform-space-unit) * -4) !important; }
    .mr-lg-n4&, .mx-lg-n4& { margin-right: calc(var(--platform-space-unit) * -4) !important; }
    .ml-lg-n4&, .mx-lg-n4& { margin-left: calc(var(--platform-space-unit) * -4) !important; }
    .mb-lg-n4&, .my-lg-n4& { margin-bottom: calc(var(--platform-space-unit) * -4) !important; }
    .ms-lg-n4& { margin-inline-start: calc(var(--platform-space-unit) * -4) !important; }
    .me-lg-n4& { margin-inline-end: calc(var(--platform-space-unit) * -4) !important; }
    .ma-lg-n4& { margin: calc(var(--platform-space-unit) * -4) !important; }
    .mt-lg-n5&, .my-lg-n5& { margin-top: calc(var(--platform-space-unit) * -5) !important; }
    .mr-lg-n5&, .mx-lg-n5& { margin-right: calc(var(--platform-space-unit) * -5) !important; }
    .ml-lg-n5&, .mx-lg-n5& { margin-left: calc(var(--platform-space-unit) * -5) !important; }
    .mb-lg-n5&, .my-lg-n5& { margin-bottom: calc(var(--platform-space-unit) * -5) !important; }
    .ms-lg-n5& { margin-inline-start: calc(var(--platform-space-unit) * -5) !important; }
    .me-lg-n5& { margin-inline-end: calc(var(--platform-space-unit) * -5) !important; }
    .ma-lg-n5& { margin: calc(var(--platform-space-unit) * -5) !important; }
    .mt-lg-n6&, .my-lg-n6& { margin-top: calc(var(--platform-space-unit) * -6) !important; }
    .mr-lg-n6&, .mx-lg-n6& { margin-right: calc(var(--platform-space-unit) * -6) !important; }
    .ml-lg-n6&, .mx-lg-n6& { margin-left: calc(var(--platform-space-unit) * -6) !important; }
    .mb-lg-n6&, .my-lg-n6& { margin-bottom: calc(var(--platform-space-unit) * -6) !important; }
    .ms-lg-n6& { margin-inline-start: calc(var(--platform-space-unit) * -6) !important; }
    .me-lg-n6& { margin-inline-end: calc(var(--platform-space-unit) * -6) !important; }
    .ma-lg-n6& { margin: calc(var(--platform-space-unit) * -6) !important; }
    .mt-lg-n7&, .my-lg-n7& { margin-top: calc(var(--platform-space-unit) * -7) !important; }
    .mr-lg-n7&, .mx-lg-n7& { margin-right: calc(var(--platform-space-unit) * -7) !important; }
    .ml-lg-n7&, .mx-lg-n7& { margin-left: calc(var(--platform-space-unit) * -7) !important; }
    .mb-lg-n7&, .my-lg-n7& { margin-bottom: calc(var(--platform-space-unit) * -7) !important; }
    .ms-lg-n7& { margin-inline-start: calc(var(--platform-space-unit) * -7) !important; }
    .me-lg-n7& { margin-inline-end: calc(var(--platform-space-unit) * -7) !important; }
    .ma-lg-n7& { margin: calc(var(--platform-space-unit) * -7) !important; }
    .mt-lg-n8&, .my-lg-n8& { margin-top: calc(var(--platform-space-unit) * -8) !important; }
    .mr-lg-n8&, .mx-lg-n8& { margin-right: calc(var(--platform-space-unit) * -8) !important; }
    .ml-lg-n8&, .mx-lg-n8& { margin-left: calc(var(--platform-space-unit) * -8) !important; }
    .mb-lg-n8&, .my-lg-n8& { margin-bottom: calc(var(--platform-space-unit) * -8) !important; }
    .ms-lg-n8& { margin-inline-start: calc(var(--platform-space-unit) * -8) !important; }
    .me-lg-n8& { margin-inline-end: calc(var(--platform-space-unit) * -8) !important; }
    .ma-lg-n8& { margin: calc(var(--platform-space-unit) * -8) !important; }
    .mt-lg-n9&, .my-lg-n9& { margin-top: calc(var(--platform-space-unit) * -9) !important; }
    .mr-lg-n9&, .mx-lg-n9& { margin-right: calc(var(--platform-space-unit) * -9) !important; }
    .ml-lg-n9&, .mx-lg-n9& { margin-left: calc(var(--platform-space-unit) * -9) !important; }
    .mb-lg-n9&, .my-lg-n9& { margin-bottom: calc(var(--platform-space-unit) * -9) !important; }
    .ms-lg-n9& { margin-inline-start: calc(var(--platform-space-unit) * -9) !important; }
    .me-lg-n9& { margin-inline-end: calc(var(--platform-space-unit) * -9) !important; }
    .ma-lg-n9& { margin: calc(var(--platform-space-unit) * -9) !important; }
    .mt-lg-n10&, .my-lg-n10& { margin-top: calc(var(--platform-space-unit) * -10) !important; }
    .mr-lg-n10&, .mx-lg-n10& { margin-right: calc(var(--platform-space-unit) * -10) !important; }
    .ml-lg-n10&, .mx-lg-n10& { margin-left: calc(var(--platform-space-unit) * -10) !important; }
    .mb-lg-n10&, .my-lg-n10& { margin-bottom: calc(var(--platform-space-unit) * -10) !important; }
    .ms-lg-n10& { margin-inline-start: calc(var(--platform-space-unit) * -10) !important; }
    .me-lg-n10& { margin-inline-end: calc(var(--platform-space-unit) * -10) !important; }
    .ma-lg-n10& { margin: calc(var(--platform-space-unit) * -10) !important; }
    .mt-lg-n11&, .my-lg-n11& { margin-top: calc(var(--platform-space-unit) * -11) !important; }
    .mr-lg-n11&, .mx-lg-n11& { margin-right: calc(var(--platform-space-unit) * -11) !important; }
    .ml-lg-n11&, .mx-lg-n11& { margin-left: calc(var(--platform-space-unit) * -11) !important; }
    .mb-lg-n11&, .my-lg-n11& { margin-bottom: calc(var(--platform-space-unit) * -11) !important; }
    .ms-lg-n11& { margin-inline-start: calc(var(--platform-space-unit) * -11) !important; }
    .me-lg-n11& { margin-inline-end: calc(var(--platform-space-unit) * -11) !important; }
    .ma-lg-n11& { margin: calc(var(--platform-space-unit) * -11) !important; }
    .mt-lg-n12&, .my-lg-n12& { margin-top: calc(var(--platform-space-unit) * -12) !important; }
    .mr-lg-n12&, .mx-lg-n12& { margin-right: calc(var(--platform-space-unit) * -12) !important; }
    .ml-lg-n12&, .mx-lg-n12& { margin-left: calc(var(--platform-space-unit) * -12) !important; }
    .mb-lg-n12&, .my-lg-n12& { margin-bottom: calc(var(--platform-space-unit) * -12) !important; }
    .ms-lg-n12& { margin-inline-start: calc(var(--platform-space-unit) * -12) !important; }
    .me-lg-n12& { margin-inline-end: calc(var(--platform-space-unit) * -12) !important; }
    .ma-lg-n12& { margin: calc(var(--platform-space-unit) * -12) !important; }
    .mt-lg-n13&, .my-lg-n13& { margin-top: calc(var(--platform-space-unit) * -13) !important; }
    .mr-lg-n13&, .mx-lg-n13& { margin-right: calc(var(--platform-space-unit) * -13) !important; }
    .ml-lg-n13&, .mx-lg-n13& { margin-left: calc(var(--platform-space-unit) * -13) !important; }
    .mb-lg-n13&, .my-lg-n13& { margin-bottom: calc(var(--platform-space-unit) * -13) !important; }
    .ms-lg-n13& { margin-inline-start: calc(var(--platform-space-unit) * -13) !important; }
    .me-lg-n13& { margin-inline-end: calc(var(--platform-space-unit) * -13) !important; }
    .ma-lg-n13& { margin: calc(var(--platform-space-unit) * -13) !important; }
    .mt-lg-n14&, .my-lg-n14& { margin-top: calc(var(--platform-space-unit) * -14) !important; }
    .mr-lg-n14&, .mx-lg-n14& { margin-right: calc(var(--platform-space-unit) * -14) !important; }
    .ml-lg-n14&, .mx-lg-n14& { margin-left: calc(var(--platform-space-unit) * -14) !important; }
    .mb-lg-n14&, .my-lg-n14& { margin-bottom: calc(var(--platform-space-unit) * -14) !important; }
    .ms-lg-n14& { margin-inline-start: calc(var(--platform-space-unit) * -14) !important; }
    .me-lg-n14& { margin-inline-end: calc(var(--platform-space-unit) * -14) !important; }
    .ma-lg-n14& { margin: calc(var(--platform-space-unit) * -14) !important; }
    .mt-lg-n15&, .my-lg-n15& { margin-top: calc(var(--platform-space-unit) * -15) !important; }
    .mr-lg-n15&, .mx-lg-n15& { margin-right: calc(var(--platform-space-unit) * -15) !important; }
    .ml-lg-n15&, .mx-lg-n15& { margin-left: calc(var(--platform-space-unit) * -15) !important; }
    .mb-lg-n15&, .my-lg-n15& { margin-bottom: calc(var(--platform-space-unit) * -15) !important; }
    .ms-lg-n15& { margin-inline-start: calc(var(--platform-space-unit) * -15) !important; }
    .me-lg-n15& { margin-inline-end: calc(var(--platform-space-unit) * -15) !important; }
    .ma-lg-n15& { margin: calc(var(--platform-space-unit) * -15) !important; }
    .mt-lg-n16&, .my-lg-n16& { margin-top: calc(var(--platform-space-unit) * -16) !important; }
    .mr-lg-n16&, .mx-lg-n16& { margin-right: calc(var(--platform-space-unit) * -16) !important; }
    .ml-lg-n16&, .mx-lg-n16& { margin-left: calc(var(--platform-space-unit) * -16) !important; }
    .mb-lg-n16&, .my-lg-n16& { margin-bottom: calc(var(--platform-space-unit) * -16) !important; }
    .ms-lg-n16& { margin-inline-start: calc(var(--platform-space-unit) * -16) !important; }
    .me-lg-n16& { margin-inline-end: calc(var(--platform-space-unit) * -16) !important; }
    .ma-lg-n16& { margin: calc(var(--platform-space-unit) * -16) !important; }
    .mt-lg-n17&, .my-lg-n17& { margin-top: calc(var(--platform-space-unit) * -17) !important; }
    .mr-lg-n17&, .mx-lg-n17& { margin-right: calc(var(--platform-space-unit) * -17) !important; }
    .ml-lg-n17&, .mx-lg-n17& { margin-left: calc(var(--platform-space-unit) * -17) !important; }
    .mb-lg-n17&, .my-lg-n17& { margin-bottom: calc(var(--platform-space-unit) * -17) !important; }
    .ms-lg-n17& { margin-inline-start: calc(var(--platform-space-unit) * -17) !important; }
    .me-lg-n17& { margin-inline-end: calc(var(--platform-space-unit) * -17) !important; }
    .ma-lg-n17& { margin: calc(var(--platform-space-unit) * -17) !important; }
    .mt-lg-n18&, .my-lg-n18& { margin-top: calc(var(--platform-space-unit) * -18) !important; }
    .mr-lg-n18&, .mx-lg-n18& { margin-right: calc(var(--platform-space-unit) * -18) !important; }
    .ml-lg-n18&, .mx-lg-n18& { margin-left: calc(var(--platform-space-unit) * -18) !important; }
    .mb-lg-n18&, .my-lg-n18& { margin-bottom: calc(var(--platform-space-unit) * -18) !important; }
    .ms-lg-n18& { margin-inline-start: calc(var(--platform-space-unit) * -18) !important; }
    .me-lg-n18& { margin-inline-end: calc(var(--platform-space-unit) * -18) !important; }
    .ma-lg-n18& { margin: calc(var(--platform-space-unit) * -18) !important; }
    .mt-lg-n19&, .my-lg-n19& { margin-top: calc(var(--platform-space-unit) * -19) !important; }
    .mr-lg-n19&, .mx-lg-n19& { margin-right: calc(var(--platform-space-unit) * -19) !important; }
    .ml-lg-n19&, .mx-lg-n19& { margin-left: calc(var(--platform-space-unit) * -19) !important; }
    .mb-lg-n19&, .my-lg-n19& { margin-bottom: calc(var(--platform-space-unit) * -19) !important; }
    .ms-lg-n19& { margin-inline-start: calc(var(--platform-space-unit) * -19) !important; }
    .me-lg-n19& { margin-inline-end: calc(var(--platform-space-unit) * -19) !important; }
    .ma-lg-n19& { margin: calc(var(--platform-space-unit) * -19) !important; }
    .mt-lg-n20&, .my-lg-n20& { margin-top: calc(var(--platform-space-unit) * -20) !important; }
    .mr-lg-n20&, .mx-lg-n20& { margin-right: calc(var(--platform-space-unit) * -20) !important; }
    .ml-lg-n20&, .mx-lg-n20& { margin-left: calc(var(--platform-space-unit) * -20) !important; }
    .mb-lg-n20&, .my-lg-n20& { margin-bottom: calc(var(--platform-space-unit) * -20) !important; }
    .ms-lg-n20& { margin-inline-start: calc(var(--platform-space-unit) * -20) !important; }
    .me-lg-n20& { margin-inline-end: calc(var(--platform-space-unit) * -20) !important; }
    .ma-lg-n20& { margin: calc(var(--platform-space-unit) * -20) !important; }
    .gap-lg-0& { gap: calc(var(--platform-space-unit) * 0); }
    .gap-x-lg-0& { column-gap: calc(var(--platform-space-unit) * 0); }
    .gap-y-lg-0& { row-gap: calc(var(--platform-space-unit) * 0); }
    .gap-lg-1& { gap: calc(var(--platform-space-unit) * 1); }
    .gap-x-lg-1& { column-gap: calc(var(--platform-space-unit) * 1); }
    .gap-y-lg-1& { row-gap: calc(var(--platform-space-unit) * 1); }
    .gap-lg-2& { gap: calc(var(--platform-space-unit) * 2); }
    .gap-x-lg-2& { column-gap: calc(var(--platform-space-unit) * 2); }
    .gap-y-lg-2& { row-gap: calc(var(--platform-space-unit) * 2); }
    .gap-lg-3& { gap: calc(var(--platform-space-unit) * 3); }
    .gap-x-lg-3& { column-gap: calc(var(--platform-space-unit) * 3); }
    .gap-y-lg-3& { row-gap: calc(var(--platform-space-unit) * 3); }
    .gap-lg-4& { gap: calc(var(--platform-space-unit) * 4); }
    .gap-x-lg-4& { column-gap: calc(var(--platform-space-unit) * 4); }
    .gap-y-lg-4& { row-gap: calc(var(--platform-space-unit) * 4); }
    .gap-lg-5& { gap: calc(var(--platform-space-unit) * 5); }
    .gap-x-lg-5& { column-gap: calc(var(--platform-space-unit) * 5); }
    .gap-y-lg-5& { row-gap: calc(var(--platform-space-unit) * 5); }
    .gap-lg-6& { gap: calc(var(--platform-space-unit) * 6); }
    .gap-x-lg-6& { column-gap: calc(var(--platform-space-unit) * 6); }
    .gap-y-lg-6& { row-gap: calc(var(--platform-space-unit) * 6); }
    .gap-lg-7& { gap: calc(var(--platform-space-unit) * 7); }
    .gap-x-lg-7& { column-gap: calc(var(--platform-space-unit) * 7); }
    .gap-y-lg-7& { row-gap: calc(var(--platform-space-unit) * 7); }
    .gap-lg-8& { gap: calc(var(--platform-space-unit) * 8); }
    .gap-x-lg-8& { column-gap: calc(var(--platform-space-unit) * 8); }
    .gap-y-lg-8& { row-gap: calc(var(--platform-space-unit) * 8); }
    .gap-lg-9& { gap: calc(var(--platform-space-unit) * 9); }
    .gap-x-lg-9& { column-gap: calc(var(--platform-space-unit) * 9); }
    .gap-y-lg-9& { row-gap: calc(var(--platform-space-unit) * 9); }
    .gap-lg-10& { gap: calc(var(--platform-space-unit) * 10); }
    .gap-x-lg-10& { column-gap: calc(var(--platform-space-unit) * 10); }
    .gap-y-lg-10& { row-gap: calc(var(--platform-space-unit) * 10); }
    .gap-lg-11& { gap: calc(var(--platform-space-unit) * 11); }
    .gap-x-lg-11& { column-gap: calc(var(--platform-space-unit) * 11); }
    .gap-y-lg-11& { row-gap: calc(var(--platform-space-unit) * 11); }
    .gap-lg-12& { gap: calc(var(--platform-space-unit) * 12); }
    .gap-x-lg-12& { column-gap: calc(var(--platform-space-unit) * 12); }
    .gap-y-lg-12& { row-gap: calc(var(--platform-space-unit) * 12); }
    .gap-lg-13& { gap: calc(var(--platform-space-unit) * 13); }
    .gap-x-lg-13& { column-gap: calc(var(--platform-space-unit) * 13); }
    .gap-y-lg-13& { row-gap: calc(var(--platform-space-unit) * 13); }
    .gap-lg-14& { gap: calc(var(--platform-space-unit) * 14); }
    .gap-x-lg-14& { column-gap: calc(var(--platform-space-unit) * 14); }
    .gap-y-lg-14& { row-gap: calc(var(--platform-space-unit) * 14); }
    .gap-lg-15& { gap: calc(var(--platform-space-unit) * 15); }
    .gap-x-lg-15& { column-gap: calc(var(--platform-space-unit) * 15); }
    .gap-y-lg-15& { row-gap: calc(var(--platform-space-unit) * 15); }
    .gap-lg-16& { gap: calc(var(--platform-space-unit) * 16); }
    .gap-x-lg-16& { column-gap: calc(var(--platform-space-unit) * 16); }
    .gap-y-lg-16& { row-gap: calc(var(--platform-space-unit) * 16); }
    .gap-lg-17& { gap: calc(var(--platform-space-unit) * 17); }
    .gap-x-lg-17& { column-gap: calc(var(--platform-space-unit) * 17); }
    .gap-y-lg-17& { row-gap: calc(var(--platform-space-unit) * 17); }
    .gap-lg-18& { gap: calc(var(--platform-space-unit) * 18); }
    .gap-x-lg-18& { column-gap: calc(var(--platform-space-unit) * 18); }
    .gap-y-lg-18& { row-gap: calc(var(--platform-space-unit) * 18); }
    .gap-lg-19& { gap: calc(var(--platform-space-unit) * 19); }
    .gap-x-lg-19& { column-gap: calc(var(--platform-space-unit) * 19); }
    .gap-y-lg-19& { row-gap: calc(var(--platform-space-unit) * 19); }
    .gap-lg-20& { gap: calc(var(--platform-space-unit) * 20); }
    .gap-x-lg-20& { column-gap: calc(var(--platform-space-unit) * 20); }
    .gap-y-lg-20& { row-gap: calc(var(--platform-space-unit) * 20); }
}
@media screen and (min-width: 1920px) {
    .mt-xl-0&, .my-xl-0& { margin-top: calc(var(--platform-space-unit) * 0) !important; }
    .mr-xl-0&, .mx-xl-0& { margin-right: calc(var(--platform-space-unit) * 0) !important; }
    .ml-xl-0&, .mx-xl-0& { margin-left: calc(var(--platform-space-unit) * 0) !important; }
    .mb-xl-0&, .my-xl-0& { margin-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ms-xl-0& { margin-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .me-xl-0& { margin-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .ma-xl-0& { margin: calc(var(--platform-space-unit) * 0) !important; }
    .mt-xl-1&, .my-xl-1& { margin-top: calc(var(--platform-space-unit) * 1) !important; }
    .mr-xl-1&, .mx-xl-1& { margin-right: calc(var(--platform-space-unit) * 1) !important; }
    .ml-xl-1&, .mx-xl-1& { margin-left: calc(var(--platform-space-unit) * 1) !important; }
    .mb-xl-1&, .my-xl-1& { margin-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ms-xl-1& { margin-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .me-xl-1& { margin-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .ma-xl-1& { margin: calc(var(--platform-space-unit) * 1) !important; }
    .mt-xl-2&, .my-xl-2& { margin-top: calc(var(--platform-space-unit) * 2) !important; }
    .mr-xl-2&, .mx-xl-2& { margin-right: calc(var(--platform-space-unit) * 2) !important; }
    .ml-xl-2&, .mx-xl-2& { margin-left: calc(var(--platform-space-unit) * 2) !important; }
    .mb-xl-2&, .my-xl-2& { margin-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ms-xl-2& { margin-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .me-xl-2& { margin-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .ma-xl-2& { margin: calc(var(--platform-space-unit) * 2) !important; }
    .mt-xl-3&, .my-xl-3& { margin-top: calc(var(--platform-space-unit) * 3) !important; }
    .mr-xl-3&, .mx-xl-3& { margin-right: calc(var(--platform-space-unit) * 3) !important; }
    .ml-xl-3&, .mx-xl-3& { margin-left: calc(var(--platform-space-unit) * 3) !important; }
    .mb-xl-3&, .my-xl-3& { margin-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ms-xl-3& { margin-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .me-xl-3& { margin-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .ma-xl-3& { margin: calc(var(--platform-space-unit) * 3) !important; }
    .mt-xl-4&, .my-xl-4& { margin-top: calc(var(--platform-space-unit) * 4) !important; }
    .mr-xl-4&, .mx-xl-4& { margin-right: calc(var(--platform-space-unit) * 4) !important; }
    .ml-xl-4&, .mx-xl-4& { margin-left: calc(var(--platform-space-unit) * 4) !important; }
    .mb-xl-4&, .my-xl-4& { margin-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ms-xl-4& { margin-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .me-xl-4& { margin-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .ma-xl-4& { margin: calc(var(--platform-space-unit) * 4) !important; }
    .mt-xl-5&, .my-xl-5& { margin-top: calc(var(--platform-space-unit) * 5) !important; }
    .mr-xl-5&, .mx-xl-5& { margin-right: calc(var(--platform-space-unit) * 5) !important; }
    .ml-xl-5&, .mx-xl-5& { margin-left: calc(var(--platform-space-unit) * 5) !important; }
    .mb-xl-5&, .my-xl-5& { margin-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ms-xl-5& { margin-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .me-xl-5& { margin-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .ma-xl-5& { margin: calc(var(--platform-space-unit) * 5) !important; }
    .mt-xl-6&, .my-xl-6& { margin-top: calc(var(--platform-space-unit) * 6) !important; }
    .mr-xl-6&, .mx-xl-6& { margin-right: calc(var(--platform-space-unit) * 6) !important; }
    .ml-xl-6&, .mx-xl-6& { margin-left: calc(var(--platform-space-unit) * 6) !important; }
    .mb-xl-6&, .my-xl-6& { margin-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ms-xl-6& { margin-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .me-xl-6& { margin-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .ma-xl-6& { margin: calc(var(--platform-space-unit) * 6) !important; }
    .mt-xl-7&, .my-xl-7& { margin-top: calc(var(--platform-space-unit) * 7) !important; }
    .mr-xl-7&, .mx-xl-7& { margin-right: calc(var(--platform-space-unit) * 7) !important; }
    .ml-xl-7&, .mx-xl-7& { margin-left: calc(var(--platform-space-unit) * 7) !important; }
    .mb-xl-7&, .my-xl-7& { margin-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ms-xl-7& { margin-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .me-xl-7& { margin-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .ma-xl-7& { margin: calc(var(--platform-space-unit) * 7) !important; }
    .mt-xl-8&, .my-xl-8& { margin-top: calc(var(--platform-space-unit) * 8) !important; }
    .mr-xl-8&, .mx-xl-8& { margin-right: calc(var(--platform-space-unit) * 8) !important; }
    .ml-xl-8&, .mx-xl-8& { margin-left: calc(var(--platform-space-unit) * 8) !important; }
    .mb-xl-8&, .my-xl-8& { margin-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ms-xl-8& { margin-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .me-xl-8& { margin-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .ma-xl-8& { margin: calc(var(--platform-space-unit) * 8) !important; }
    .mt-xl-9&, .my-xl-9& { margin-top: calc(var(--platform-space-unit) * 9) !important; }
    .mr-xl-9&, .mx-xl-9& { margin-right: calc(var(--platform-space-unit) * 9) !important; }
    .ml-xl-9&, .mx-xl-9& { margin-left: calc(var(--platform-space-unit) * 9) !important; }
    .mb-xl-9&, .my-xl-9& { margin-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ms-xl-9& { margin-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .me-xl-9& { margin-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .ma-xl-9& { margin: calc(var(--platform-space-unit) * 9) !important; }
    .mt-xl-10&, .my-xl-10& { margin-top: calc(var(--platform-space-unit) * 10) !important; }
    .mr-xl-10&, .mx-xl-10& { margin-right: calc(var(--platform-space-unit) * 10) !important; }
    .ml-xl-10&, .mx-xl-10& { margin-left: calc(var(--platform-space-unit) * 10) !important; }
    .mb-xl-10&, .my-xl-10& { margin-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ms-xl-10& { margin-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .me-xl-10& { margin-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .ma-xl-10& { margin: calc(var(--platform-space-unit) * 10) !important; }
    .mt-xl-11&, .my-xl-11& { margin-top: calc(var(--platform-space-unit) * 11) !important; }
    .mr-xl-11&, .mx-xl-11& { margin-right: calc(var(--platform-space-unit) * 11) !important; }
    .ml-xl-11&, .mx-xl-11& { margin-left: calc(var(--platform-space-unit) * 11) !important; }
    .mb-xl-11&, .my-xl-11& { margin-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ms-xl-11& { margin-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .me-xl-11& { margin-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .ma-xl-11& { margin: calc(var(--platform-space-unit) * 11) !important; }
    .mt-xl-12&, .my-xl-12& { margin-top: calc(var(--platform-space-unit) * 12) !important; }
    .mr-xl-12&, .mx-xl-12& { margin-right: calc(var(--platform-space-unit) * 12) !important; }
    .ml-xl-12&, .mx-xl-12& { margin-left: calc(var(--platform-space-unit) * 12) !important; }
    .mb-xl-12&, .my-xl-12& { margin-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ms-xl-12& { margin-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .me-xl-12& { margin-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .ma-xl-12& { margin: calc(var(--platform-space-unit) * 12) !important; }
    .mt-xl-13&, .my-xl-13& { margin-top: calc(var(--platform-space-unit) * 13) !important; }
    .mr-xl-13&, .mx-xl-13& { margin-right: calc(var(--platform-space-unit) * 13) !important; }
    .ml-xl-13&, .mx-xl-13& { margin-left: calc(var(--platform-space-unit) * 13) !important; }
    .mb-xl-13&, .my-xl-13& { margin-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ms-xl-13& { margin-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .me-xl-13& { margin-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .ma-xl-13& { margin: calc(var(--platform-space-unit) * 13) !important; }
    .mt-xl-14&, .my-xl-14& { margin-top: calc(var(--platform-space-unit) * 14) !important; }
    .mr-xl-14&, .mx-xl-14& { margin-right: calc(var(--platform-space-unit) * 14) !important; }
    .ml-xl-14&, .mx-xl-14& { margin-left: calc(var(--platform-space-unit) * 14) !important; }
    .mb-xl-14&, .my-xl-14& { margin-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ms-xl-14& { margin-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .me-xl-14& { margin-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .ma-xl-14& { margin: calc(var(--platform-space-unit) * 14) !important; }
    .mt-xl-15&, .my-xl-15& { margin-top: calc(var(--platform-space-unit) * 15) !important; }
    .mr-xl-15&, .mx-xl-15& { margin-right: calc(var(--platform-space-unit) * 15) !important; }
    .ml-xl-15&, .mx-xl-15& { margin-left: calc(var(--platform-space-unit) * 15) !important; }
    .mb-xl-15&, .my-xl-15& { margin-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ms-xl-15& { margin-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .me-xl-15& { margin-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .ma-xl-15& { margin: calc(var(--platform-space-unit) * 15) !important; }
    .mt-xl-16&, .my-xl-16& { margin-top: calc(var(--platform-space-unit) * 16) !important; }
    .mr-xl-16&, .mx-xl-16& { margin-right: calc(var(--platform-space-unit) * 16) !important; }
    .ml-xl-16&, .mx-xl-16& { margin-left: calc(var(--platform-space-unit) * 16) !important; }
    .mb-xl-16&, .my-xl-16& { margin-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ms-xl-16& { margin-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .me-xl-16& { margin-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .ma-xl-16& { margin: calc(var(--platform-space-unit) * 16) !important; }
    .mt-xl-17&, .my-xl-17& { margin-top: calc(var(--platform-space-unit) * 17) !important; }
    .mr-xl-17&, .mx-xl-17& { margin-right: calc(var(--platform-space-unit) * 17) !important; }
    .ml-xl-17&, .mx-xl-17& { margin-left: calc(var(--platform-space-unit) * 17) !important; }
    .mb-xl-17&, .my-xl-17& { margin-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ms-xl-17& { margin-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .me-xl-17& { margin-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .ma-xl-17& { margin: calc(var(--platform-space-unit) * 17) !important; }
    .mt-xl-18&, .my-xl-18& { margin-top: calc(var(--platform-space-unit) * 18) !important; }
    .mr-xl-18&, .mx-xl-18& { margin-right: calc(var(--platform-space-unit) * 18) !important; }
    .ml-xl-18&, .mx-xl-18& { margin-left: calc(var(--platform-space-unit) * 18) !important; }
    .mb-xl-18&, .my-xl-18& { margin-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ms-xl-18& { margin-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .me-xl-18& { margin-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .ma-xl-18& { margin: calc(var(--platform-space-unit) * 18) !important; }
    .mt-xl-19&, .my-xl-19& { margin-top: calc(var(--platform-space-unit) * 19) !important; }
    .mr-xl-19&, .mx-xl-19& { margin-right: calc(var(--platform-space-unit) * 19) !important; }
    .ml-xl-19&, .mx-xl-19& { margin-left: calc(var(--platform-space-unit) * 19) !important; }
    .mb-xl-19&, .my-xl-19& { margin-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ms-xl-19& { margin-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .me-xl-19& { margin-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .ma-xl-19& { margin: calc(var(--platform-space-unit) * 19) !important; }
    .mt-xl-20&, .my-xl-20& { margin-top: calc(var(--platform-space-unit) * 20) !important; }
    .mr-xl-20&, .mx-xl-20& { margin-right: calc(var(--platform-space-unit) * 20) !important; }
    .ml-xl-20&, .mx-xl-20& { margin-left: calc(var(--platform-space-unit) * 20) !important; }
    .mb-xl-20&, .my-xl-20& { margin-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ms-xl-20& { margin-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .me-xl-20& { margin-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .ma-xl-20& { margin: calc(var(--platform-space-unit) * 20) !important; }
    .mt-xl-auto&, .my-xl-auto& { margin-top: auto !important; }
    .mr-xl-auto&, .mx-xl-auto& { margin-right: auto !important; }
    .ml-xl-auto&, .mx-xl-auto& { margin-left: auto !important; }
    .mb-xl-auto&, .my-xl-auto& { margin-bottom: auto !important; }
    .ms-xl-auto& { margin-inline-start: auto !important; }
    .me-xl-auto& { margin-inline-end: auto !important; }
    .ma-xl-auto& { margin: auto !important; }
    .pt-xl-0&, .py-xl-0& { padding-top: calc(var(--platform-space-unit) * 0) !important; }
    .pr-xl-0&, .px-xl-0& { padding-right: calc(var(--platform-space-unit) * 0) !important; }
    .pl-xl-0&, .px-xl-0& { padding-left: calc(var(--platform-space-unit) * 0) !important; }
    .pb-xl-0&, .py-xl-0& { padding-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ps-xl-0& { padding-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .pe-xl-0& { padding-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .pa-xl-0& { padding: calc(var(--platform-space-unit) * 0) !important; }
    .pt-xl-1&, .py-xl-1& { padding-top: calc(var(--platform-space-unit) * 1) !important; }
    .pr-xl-1&, .px-xl-1& { padding-right: calc(var(--platform-space-unit) * 1) !important; }
    .pl-xl-1&, .px-xl-1& { padding-left: calc(var(--platform-space-unit) * 1) !important; }
    .pb-xl-1&, .py-xl-1& { padding-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ps-xl-1& { padding-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .pe-xl-1& { padding-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .pa-xl-1& { padding: calc(var(--platform-space-unit) * 1) !important; }
    .pt-xl-2&, .py-xl-2& { padding-top: calc(var(--platform-space-unit) * 2) !important; }
    .pr-xl-2&, .px-xl-2& { padding-right: calc(var(--platform-space-unit) * 2) !important; }
    .pl-xl-2&, .px-xl-2& { padding-left: calc(var(--platform-space-unit) * 2) !important; }
    .pb-xl-2&, .py-xl-2& { padding-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ps-xl-2& { padding-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .pe-xl-2& { padding-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .pa-xl-2& { padding: calc(var(--platform-space-unit) * 2) !important; }
    .pt-xl-3&, .py-xl-3& { padding-top: calc(var(--platform-space-unit) * 3) !important; }
    .pr-xl-3&, .px-xl-3& { padding-right: calc(var(--platform-space-unit) * 3) !important; }
    .pl-xl-3&, .px-xl-3& { padding-left: calc(var(--platform-space-unit) * 3) !important; }
    .pb-xl-3&, .py-xl-3& { padding-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ps-xl-3& { padding-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .pe-xl-3& { padding-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .pa-xl-3& { padding: calc(var(--platform-space-unit) * 3) !important; }
    .pt-xl-4&, .py-xl-4& { padding-top: calc(var(--platform-space-unit) * 4) !important; }
    .pr-xl-4&, .px-xl-4& { padding-right: calc(var(--platform-space-unit) * 4) !important; }
    .pl-xl-4&, .px-xl-4& { padding-left: calc(var(--platform-space-unit) * 4) !important; }
    .pb-xl-4&, .py-xl-4& { padding-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ps-xl-4& { padding-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .pe-xl-4& { padding-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .pa-xl-4& { padding: calc(var(--platform-space-unit) * 4) !important; }
    .pt-xl-5&, .py-xl-5& { padding-top: calc(var(--platform-space-unit) * 5) !important; }
    .pr-xl-5&, .px-xl-5& { padding-right: calc(var(--platform-space-unit) * 5) !important; }
    .pl-xl-5&, .px-xl-5& { padding-left: calc(var(--platform-space-unit) * 5) !important; }
    .pb-xl-5&, .py-xl-5& { padding-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ps-xl-5& { padding-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .pe-xl-5& { padding-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .pa-xl-5& { padding: calc(var(--platform-space-unit) * 5) !important; }
    .pt-xl-6&, .py-xl-6& { padding-top: calc(var(--platform-space-unit) * 6) !important; }
    .pr-xl-6&, .px-xl-6& { padding-right: calc(var(--platform-space-unit) * 6) !important; }
    .pl-xl-6&, .px-xl-6& { padding-left: calc(var(--platform-space-unit) * 6) !important; }
    .pb-xl-6&, .py-xl-6& { padding-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ps-xl-6& { padding-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .pe-xl-6& { padding-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .pa-xl-6& { padding: calc(var(--platform-space-unit) * 6) !important; }
    .pt-xl-7&, .py-xl-7& { padding-top: calc(var(--platform-space-unit) * 7) !important; }
    .pr-xl-7&, .px-xl-7& { padding-right: calc(var(--platform-space-unit) * 7) !important; }
    .pl-xl-7&, .px-xl-7& { padding-left: calc(var(--platform-space-unit) * 7) !important; }
    .pb-xl-7&, .py-xl-7& { padding-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ps-xl-7& { padding-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .pe-xl-7& { padding-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .pa-xl-7& { padding: calc(var(--platform-space-unit) * 7) !important; }
    .pt-xl-8&, .py-xl-8& { padding-top: calc(var(--platform-space-unit) * 8) !important; }
    .pr-xl-8&, .px-xl-8& { padding-right: calc(var(--platform-space-unit) * 8) !important; }
    .pl-xl-8&, .px-xl-8& { padding-left: calc(var(--platform-space-unit) * 8) !important; }
    .pb-xl-8&, .py-xl-8& { padding-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ps-xl-8& { padding-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .pe-xl-8& { padding-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .pa-xl-8& { padding: calc(var(--platform-space-unit) * 8) !important; }
    .pt-xl-9&, .py-xl-9& { padding-top: calc(var(--platform-space-unit) * 9) !important; }
    .pr-xl-9&, .px-xl-9& { padding-right: calc(var(--platform-space-unit) * 9) !important; }
    .pl-xl-9&, .px-xl-9& { padding-left: calc(var(--platform-space-unit) * 9) !important; }
    .pb-xl-9&, .py-xl-9& { padding-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ps-xl-9& { padding-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .pe-xl-9& { padding-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .pa-xl-9& { padding: calc(var(--platform-space-unit) * 9) !important; }
    .pt-xl-10&, .py-xl-10& { padding-top: calc(var(--platform-space-unit) * 10) !important; }
    .pr-xl-10&, .px-xl-10& { padding-right: calc(var(--platform-space-unit) * 10) !important; }
    .pl-xl-10&, .px-xl-10& { padding-left: calc(var(--platform-space-unit) * 10) !important; }
    .pb-xl-10&, .py-xl-10& { padding-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ps-xl-10& { padding-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .pe-xl-10& { padding-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .pa-xl-10& { padding: calc(var(--platform-space-unit) * 10) !important; }
    .pt-xl-11&, .py-xl-11& { padding-top: calc(var(--platform-space-unit) * 11) !important; }
    .pr-xl-11&, .px-xl-11& { padding-right: calc(var(--platform-space-unit) * 11) !important; }
    .pl-xl-11&, .px-xl-11& { padding-left: calc(var(--platform-space-unit) * 11) !important; }
    .pb-xl-11&, .py-xl-11& { padding-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ps-xl-11& { padding-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .pe-xl-11& { padding-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .pa-xl-11& { padding: calc(var(--platform-space-unit) * 11) !important; }
    .pt-xl-12&, .py-xl-12& { padding-top: calc(var(--platform-space-unit) * 12) !important; }
    .pr-xl-12&, .px-xl-12& { padding-right: calc(var(--platform-space-unit) * 12) !important; }
    .pl-xl-12&, .px-xl-12& { padding-left: calc(var(--platform-space-unit) * 12) !important; }
    .pb-xl-12&, .py-xl-12& { padding-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ps-xl-12& { padding-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .pe-xl-12& { padding-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .pa-xl-12& { padding: calc(var(--platform-space-unit) * 12) !important; }
    .pt-xl-13&, .py-xl-13& { padding-top: calc(var(--platform-space-unit) * 13) !important; }
    .pr-xl-13&, .px-xl-13& { padding-right: calc(var(--platform-space-unit) * 13) !important; }
    .pl-xl-13&, .px-xl-13& { padding-left: calc(var(--platform-space-unit) * 13) !important; }
    .pb-xl-13&, .py-xl-13& { padding-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ps-xl-13& { padding-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .pe-xl-13& { padding-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .pa-xl-13& { padding: calc(var(--platform-space-unit) * 13) !important; }
    .pt-xl-14&, .py-xl-14& { padding-top: calc(var(--platform-space-unit) * 14) !important; }
    .pr-xl-14&, .px-xl-14& { padding-right: calc(var(--platform-space-unit) * 14) !important; }
    .pl-xl-14&, .px-xl-14& { padding-left: calc(var(--platform-space-unit) * 14) !important; }
    .pb-xl-14&, .py-xl-14& { padding-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ps-xl-14& { padding-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .pe-xl-14& { padding-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .pa-xl-14& { padding: calc(var(--platform-space-unit) * 14) !important; }
    .pt-xl-15&, .py-xl-15& { padding-top: calc(var(--platform-space-unit) * 15) !important; }
    .pr-xl-15&, .px-xl-15& { padding-right: calc(var(--platform-space-unit) * 15) !important; }
    .pl-xl-15&, .px-xl-15& { padding-left: calc(var(--platform-space-unit) * 15) !important; }
    .pb-xl-15&, .py-xl-15& { padding-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ps-xl-15& { padding-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .pe-xl-15& { padding-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .pa-xl-15& { padding: calc(var(--platform-space-unit) * 15) !important; }
    .pt-xl-16&, .py-xl-16& { padding-top: calc(var(--platform-space-unit) * 16) !important; }
    .pr-xl-16&, .px-xl-16& { padding-right: calc(var(--platform-space-unit) * 16) !important; }
    .pl-xl-16&, .px-xl-16& { padding-left: calc(var(--platform-space-unit) * 16) !important; }
    .pb-xl-16&, .py-xl-16& { padding-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ps-xl-16& { padding-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .pe-xl-16& { padding-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .pa-xl-16& { padding: calc(var(--platform-space-unit) * 16) !important; }
    .pt-xl-17&, .py-xl-17& { padding-top: calc(var(--platform-space-unit) * 17) !important; }
    .pr-xl-17&, .px-xl-17& { padding-right: calc(var(--platform-space-unit) * 17) !important; }
    .pl-xl-17&, .px-xl-17& { padding-left: calc(var(--platform-space-unit) * 17) !important; }
    .pb-xl-17&, .py-xl-17& { padding-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ps-xl-17& { padding-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .pe-xl-17& { padding-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .pa-xl-17& { padding: calc(var(--platform-space-unit) * 17) !important; }
    .pt-xl-18&, .py-xl-18& { padding-top: calc(var(--platform-space-unit) * 18) !important; }
    .pr-xl-18&, .px-xl-18& { padding-right: calc(var(--platform-space-unit) * 18) !important; }
    .pl-xl-18&, .px-xl-18& { padding-left: calc(var(--platform-space-unit) * 18) !important; }
    .pb-xl-18&, .py-xl-18& { padding-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ps-xl-18& { padding-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .pe-xl-18& { padding-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .pa-xl-18& { padding: calc(var(--platform-space-unit) * 18) !important; }
    .pt-xl-19&, .py-xl-19& { padding-top: calc(var(--platform-space-unit) * 19) !important; }
    .pr-xl-19&, .px-xl-19& { padding-right: calc(var(--platform-space-unit) * 19) !important; }
    .pl-xl-19&, .px-xl-19& { padding-left: calc(var(--platform-space-unit) * 19) !important; }
    .pb-xl-19&, .py-xl-19& { padding-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ps-xl-19& { padding-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .pe-xl-19& { padding-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .pa-xl-19& { padding: calc(var(--platform-space-unit) * 19) !important; }
    .pt-xl-20&, .py-xl-20& { padding-top: calc(var(--platform-space-unit) * 20) !important; }
    .pr-xl-20&, .px-xl-20& { padding-right: calc(var(--platform-space-unit) * 20) !important; }
    .pl-xl-20&, .px-xl-20& { padding-left: calc(var(--platform-space-unit) * 20) !important; }
    .pb-xl-20&, .py-xl-20& { padding-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ps-xl-20& { padding-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .pe-xl-20& { padding-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .pa-xl-20& { padding: calc(var(--platform-space-unit) * 20) !important; }
    .pt-xl-auto&, .py-xl-auto& { padding-top: auto !important; }
    .pr-xl-auto&, .px-xl-auto& { padding-right: auto !important; }
    .pl-xl-auto&, .px-xl-auto& { padding-left: auto !important; }
    .pb-xl-auto&, .py-xl-auto& { padding-bottom: auto !important; }
    .ps-xl-auto& { padding-inline-start: auto !important; }
    .pe-xl-auto& { padding-inline-end: auto !important; }
    .pa-xl-auto& { padding: auto !important; }
    .mt-xl-n1&, .my-xl-n1& { margin-top: calc(var(--platform-space-unit) * -1) !important; }
    .mr-xl-n1&, .mx-xl-n1& { margin-right: calc(var(--platform-space-unit) * -1) !important; }
    .ml-xl-n1&, .mx-xl-n1& { margin-left: calc(var(--platform-space-unit) * -1) !important; }
    .mb-xl-n1&, .my-xl-n1& { margin-bottom: calc(var(--platform-space-unit) * -1) !important; }
    .ms-xl-n1& { margin-inline-start: calc(var(--platform-space-unit) * -1) !important; }
    .me-xl-n1& { margin-inline-end: calc(var(--platform-space-unit) * -1) !important; }
    .ma-xl-n1& { margin: calc(var(--platform-space-unit) * -1) !important; }
    .mt-xl-n2&, .my-xl-n2& { margin-top: calc(var(--platform-space-unit) * -2) !important; }
    .mr-xl-n2&, .mx-xl-n2& { margin-right: calc(var(--platform-space-unit) * -2) !important; }
    .ml-xl-n2&, .mx-xl-n2& { margin-left: calc(var(--platform-space-unit) * -2) !important; }
    .mb-xl-n2&, .my-xl-n2& { margin-bottom: calc(var(--platform-space-unit) * -2) !important; }
    .ms-xl-n2& { margin-inline-start: calc(var(--platform-space-unit) * -2) !important; }
    .me-xl-n2& { margin-inline-end: calc(var(--platform-space-unit) * -2) !important; }
    .ma-xl-n2& { margin: calc(var(--platform-space-unit) * -2) !important; }
    .mt-xl-n3&, .my-xl-n3& { margin-top: calc(var(--platform-space-unit) * -3) !important; }
    .mr-xl-n3&, .mx-xl-n3& { margin-right: calc(var(--platform-space-unit) * -3) !important; }
    .ml-xl-n3&, .mx-xl-n3& { margin-left: calc(var(--platform-space-unit) * -3) !important; }
    .mb-xl-n3&, .my-xl-n3& { margin-bottom: calc(var(--platform-space-unit) * -3) !important; }
    .ms-xl-n3& { margin-inline-start: calc(var(--platform-space-unit) * -3) !important; }
    .me-xl-n3& { margin-inline-end: calc(var(--platform-space-unit) * -3) !important; }
    .ma-xl-n3& { margin: calc(var(--platform-space-unit) * -3) !important; }
    .mt-xl-n4&, .my-xl-n4& { margin-top: calc(var(--platform-space-unit) * -4) !important; }
    .mr-xl-n4&, .mx-xl-n4& { margin-right: calc(var(--platform-space-unit) * -4) !important; }
    .ml-xl-n4&, .mx-xl-n4& { margin-left: calc(var(--platform-space-unit) * -4) !important; }
    .mb-xl-n4&, .my-xl-n4& { margin-bottom: calc(var(--platform-space-unit) * -4) !important; }
    .ms-xl-n4& { margin-inline-start: calc(var(--platform-space-unit) * -4) !important; }
    .me-xl-n4& { margin-inline-end: calc(var(--platform-space-unit) * -4) !important; }
    .ma-xl-n4& { margin: calc(var(--platform-space-unit) * -4) !important; }
    .mt-xl-n5&, .my-xl-n5& { margin-top: calc(var(--platform-space-unit) * -5) !important; }
    .mr-xl-n5&, .mx-xl-n5& { margin-right: calc(var(--platform-space-unit) * -5) !important; }
    .ml-xl-n5&, .mx-xl-n5& { margin-left: calc(var(--platform-space-unit) * -5) !important; }
    .mb-xl-n5&, .my-xl-n5& { margin-bottom: calc(var(--platform-space-unit) * -5) !important; }
    .ms-xl-n5& { margin-inline-start: calc(var(--platform-space-unit) * -5) !important; }
    .me-xl-n5& { margin-inline-end: calc(var(--platform-space-unit) * -5) !important; }
    .ma-xl-n5& { margin: calc(var(--platform-space-unit) * -5) !important; }
    .mt-xl-n6&, .my-xl-n6& { margin-top: calc(var(--platform-space-unit) * -6) !important; }
    .mr-xl-n6&, .mx-xl-n6& { margin-right: calc(var(--platform-space-unit) * -6) !important; }
    .ml-xl-n6&, .mx-xl-n6& { margin-left: calc(var(--platform-space-unit) * -6) !important; }
    .mb-xl-n6&, .my-xl-n6& { margin-bottom: calc(var(--platform-space-unit) * -6) !important; }
    .ms-xl-n6& { margin-inline-start: calc(var(--platform-space-unit) * -6) !important; }
    .me-xl-n6& { margin-inline-end: calc(var(--platform-space-unit) * -6) !important; }
    .ma-xl-n6& { margin: calc(var(--platform-space-unit) * -6) !important; }
    .mt-xl-n7&, .my-xl-n7& { margin-top: calc(var(--platform-space-unit) * -7) !important; }
    .mr-xl-n7&, .mx-xl-n7& { margin-right: calc(var(--platform-space-unit) * -7) !important; }
    .ml-xl-n7&, .mx-xl-n7& { margin-left: calc(var(--platform-space-unit) * -7) !important; }
    .mb-xl-n7&, .my-xl-n7& { margin-bottom: calc(var(--platform-space-unit) * -7) !important; }
    .ms-xl-n7& { margin-inline-start: calc(var(--platform-space-unit) * -7) !important; }
    .me-xl-n7& { margin-inline-end: calc(var(--platform-space-unit) * -7) !important; }
    .ma-xl-n7& { margin: calc(var(--platform-space-unit) * -7) !important; }
    .mt-xl-n8&, .my-xl-n8& { margin-top: calc(var(--platform-space-unit) * -8) !important; }
    .mr-xl-n8&, .mx-xl-n8& { margin-right: calc(var(--platform-space-unit) * -8) !important; }
    .ml-xl-n8&, .mx-xl-n8& { margin-left: calc(var(--platform-space-unit) * -8) !important; }
    .mb-xl-n8&, .my-xl-n8& { margin-bottom: calc(var(--platform-space-unit) * -8) !important; }
    .ms-xl-n8& { margin-inline-start: calc(var(--platform-space-unit) * -8) !important; }
    .me-xl-n8& { margin-inline-end: calc(var(--platform-space-unit) * -8) !important; }
    .ma-xl-n8& { margin: calc(var(--platform-space-unit) * -8) !important; }
    .mt-xl-n9&, .my-xl-n9& { margin-top: calc(var(--platform-space-unit) * -9) !important; }
    .mr-xl-n9&, .mx-xl-n9& { margin-right: calc(var(--platform-space-unit) * -9) !important; }
    .ml-xl-n9&, .mx-xl-n9& { margin-left: calc(var(--platform-space-unit) * -9) !important; }
    .mb-xl-n9&, .my-xl-n9& { margin-bottom: calc(var(--platform-space-unit) * -9) !important; }
    .ms-xl-n9& { margin-inline-start: calc(var(--platform-space-unit) * -9) !important; }
    .me-xl-n9& { margin-inline-end: calc(var(--platform-space-unit) * -9) !important; }
    .ma-xl-n9& { margin: calc(var(--platform-space-unit) * -9) !important; }
    .mt-xl-n10&, .my-xl-n10& { margin-top: calc(var(--platform-space-unit) * -10) !important; }
    .mr-xl-n10&, .mx-xl-n10& { margin-right: calc(var(--platform-space-unit) * -10) !important; }
    .ml-xl-n10&, .mx-xl-n10& { margin-left: calc(var(--platform-space-unit) * -10) !important; }
    .mb-xl-n10&, .my-xl-n10& { margin-bottom: calc(var(--platform-space-unit) * -10) !important; }
    .ms-xl-n10& { margin-inline-start: calc(var(--platform-space-unit) * -10) !important; }
    .me-xl-n10& { margin-inline-end: calc(var(--platform-space-unit) * -10) !important; }
    .ma-xl-n10& { margin: calc(var(--platform-space-unit) * -10) !important; }
    .mt-xl-n11&, .my-xl-n11& { margin-top: calc(var(--platform-space-unit) * -11) !important; }
    .mr-xl-n11&, .mx-xl-n11& { margin-right: calc(var(--platform-space-unit) * -11) !important; }
    .ml-xl-n11&, .mx-xl-n11& { margin-left: calc(var(--platform-space-unit) * -11) !important; }
    .mb-xl-n11&, .my-xl-n11& { margin-bottom: calc(var(--platform-space-unit) * -11) !important; }
    .ms-xl-n11& { margin-inline-start: calc(var(--platform-space-unit) * -11) !important; }
    .me-xl-n11& { margin-inline-end: calc(var(--platform-space-unit) * -11) !important; }
    .ma-xl-n11& { margin: calc(var(--platform-space-unit) * -11) !important; }
    .mt-xl-n12&, .my-xl-n12& { margin-top: calc(var(--platform-space-unit) * -12) !important; }
    .mr-xl-n12&, .mx-xl-n12& { margin-right: calc(var(--platform-space-unit) * -12) !important; }
    .ml-xl-n12&, .mx-xl-n12& { margin-left: calc(var(--platform-space-unit) * -12) !important; }
    .mb-xl-n12&, .my-xl-n12& { margin-bottom: calc(var(--platform-space-unit) * -12) !important; }
    .ms-xl-n12& { margin-inline-start: calc(var(--platform-space-unit) * -12) !important; }
    .me-xl-n12& { margin-inline-end: calc(var(--platform-space-unit) * -12) !important; }
    .ma-xl-n12& { margin: calc(var(--platform-space-unit) * -12) !important; }
    .mt-xl-n13&, .my-xl-n13& { margin-top: calc(var(--platform-space-unit) * -13) !important; }
    .mr-xl-n13&, .mx-xl-n13& { margin-right: calc(var(--platform-space-unit) * -13) !important; }
    .ml-xl-n13&, .mx-xl-n13& { margin-left: calc(var(--platform-space-unit) * -13) !important; }
    .mb-xl-n13&, .my-xl-n13& { margin-bottom: calc(var(--platform-space-unit) * -13) !important; }
    .ms-xl-n13& { margin-inline-start: calc(var(--platform-space-unit) * -13) !important; }
    .me-xl-n13& { margin-inline-end: calc(var(--platform-space-unit) * -13) !important; }
    .ma-xl-n13& { margin: calc(var(--platform-space-unit) * -13) !important; }
    .mt-xl-n14&, .my-xl-n14& { margin-top: calc(var(--platform-space-unit) * -14) !important; }
    .mr-xl-n14&, .mx-xl-n14& { margin-right: calc(var(--platform-space-unit) * -14) !important; }
    .ml-xl-n14&, .mx-xl-n14& { margin-left: calc(var(--platform-space-unit) * -14) !important; }
    .mb-xl-n14&, .my-xl-n14& { margin-bottom: calc(var(--platform-space-unit) * -14) !important; }
    .ms-xl-n14& { margin-inline-start: calc(var(--platform-space-unit) * -14) !important; }
    .me-xl-n14& { margin-inline-end: calc(var(--platform-space-unit) * -14) !important; }
    .ma-xl-n14& { margin: calc(var(--platform-space-unit) * -14) !important; }
    .mt-xl-n15&, .my-xl-n15& { margin-top: calc(var(--platform-space-unit) * -15) !important; }
    .mr-xl-n15&, .mx-xl-n15& { margin-right: calc(var(--platform-space-unit) * -15) !important; }
    .ml-xl-n15&, .mx-xl-n15& { margin-left: calc(var(--platform-space-unit) * -15) !important; }
    .mb-xl-n15&, .my-xl-n15& { margin-bottom: calc(var(--platform-space-unit) * -15) !important; }
    .ms-xl-n15& { margin-inline-start: calc(var(--platform-space-unit) * -15) !important; }
    .me-xl-n15& { margin-inline-end: calc(var(--platform-space-unit) * -15) !important; }
    .ma-xl-n15& { margin: calc(var(--platform-space-unit) * -15) !important; }
    .mt-xl-n16&, .my-xl-n16& { margin-top: calc(var(--platform-space-unit) * -16) !important; }
    .mr-xl-n16&, .mx-xl-n16& { margin-right: calc(var(--platform-space-unit) * -16) !important; }
    .ml-xl-n16&, .mx-xl-n16& { margin-left: calc(var(--platform-space-unit) * -16) !important; }
    .mb-xl-n16&, .my-xl-n16& { margin-bottom: calc(var(--platform-space-unit) * -16) !important; }
    .ms-xl-n16& { margin-inline-start: calc(var(--platform-space-unit) * -16) !important; }
    .me-xl-n16& { margin-inline-end: calc(var(--platform-space-unit) * -16) !important; }
    .ma-xl-n16& { margin: calc(var(--platform-space-unit) * -16) !important; }
    .mt-xl-n17&, .my-xl-n17& { margin-top: calc(var(--platform-space-unit) * -17) !important; }
    .mr-xl-n17&, .mx-xl-n17& { margin-right: calc(var(--platform-space-unit) * -17) !important; }
    .ml-xl-n17&, .mx-xl-n17& { margin-left: calc(var(--platform-space-unit) * -17) !important; }
    .mb-xl-n17&, .my-xl-n17& { margin-bottom: calc(var(--platform-space-unit) * -17) !important; }
    .ms-xl-n17& { margin-inline-start: calc(var(--platform-space-unit) * -17) !important; }
    .me-xl-n17& { margin-inline-end: calc(var(--platform-space-unit) * -17) !important; }
    .ma-xl-n17& { margin: calc(var(--platform-space-unit) * -17) !important; }
    .mt-xl-n18&, .my-xl-n18& { margin-top: calc(var(--platform-space-unit) * -18) !important; }
    .mr-xl-n18&, .mx-xl-n18& { margin-right: calc(var(--platform-space-unit) * -18) !important; }
    .ml-xl-n18&, .mx-xl-n18& { margin-left: calc(var(--platform-space-unit) * -18) !important; }
    .mb-xl-n18&, .my-xl-n18& { margin-bottom: calc(var(--platform-space-unit) * -18) !important; }
    .ms-xl-n18& { margin-inline-start: calc(var(--platform-space-unit) * -18) !important; }
    .me-xl-n18& { margin-inline-end: calc(var(--platform-space-unit) * -18) !important; }
    .ma-xl-n18& { margin: calc(var(--platform-space-unit) * -18) !important; }
    .mt-xl-n19&, .my-xl-n19& { margin-top: calc(var(--platform-space-unit) * -19) !important; }
    .mr-xl-n19&, .mx-xl-n19& { margin-right: calc(var(--platform-space-unit) * -19) !important; }
    .ml-xl-n19&, .mx-xl-n19& { margin-left: calc(var(--platform-space-unit) * -19) !important; }
    .mb-xl-n19&, .my-xl-n19& { margin-bottom: calc(var(--platform-space-unit) * -19) !important; }
    .ms-xl-n19& { margin-inline-start: calc(var(--platform-space-unit) * -19) !important; }
    .me-xl-n19& { margin-inline-end: calc(var(--platform-space-unit) * -19) !important; }
    .ma-xl-n19& { margin: calc(var(--platform-space-unit) * -19) !important; }
    .mt-xl-n20&, .my-xl-n20& { margin-top: calc(var(--platform-space-unit) * -20) !important; }
    .mr-xl-n20&, .mx-xl-n20& { margin-right: calc(var(--platform-space-unit) * -20) !important; }
    .ml-xl-n20&, .mx-xl-n20& { margin-left: calc(var(--platform-space-unit) * -20) !important; }
    .mb-xl-n20&, .my-xl-n20& { margin-bottom: calc(var(--platform-space-unit) * -20) !important; }
    .ms-xl-n20& { margin-inline-start: calc(var(--platform-space-unit) * -20) !important; }
    .me-xl-n20& { margin-inline-end: calc(var(--platform-space-unit) * -20) !important; }
    .ma-xl-n20& { margin: calc(var(--platform-space-unit) * -20) !important; }
    .gap-xl-0& { gap: calc(var(--platform-space-unit) * 0); }
    .gap-x-xl-0& { column-gap: calc(var(--platform-space-unit) * 0); }
    .gap-y-xl-0& { row-gap: calc(var(--platform-space-unit) * 0); }
    .gap-xl-1& { gap: calc(var(--platform-space-unit) * 1); }
    .gap-x-xl-1& { column-gap: calc(var(--platform-space-unit) * 1); }
    .gap-y-xl-1& { row-gap: calc(var(--platform-space-unit) * 1); }
    .gap-xl-2& { gap: calc(var(--platform-space-unit) * 2); }
    .gap-x-xl-2& { column-gap: calc(var(--platform-space-unit) * 2); }
    .gap-y-xl-2& { row-gap: calc(var(--platform-space-unit) * 2); }
    .gap-xl-3& { gap: calc(var(--platform-space-unit) * 3); }
    .gap-x-xl-3& { column-gap: calc(var(--platform-space-unit) * 3); }
    .gap-y-xl-3& { row-gap: calc(var(--platform-space-unit) * 3); }
    .gap-xl-4& { gap: calc(var(--platform-space-unit) * 4); }
    .gap-x-xl-4& { column-gap: calc(var(--platform-space-unit) * 4); }
    .gap-y-xl-4& { row-gap: calc(var(--platform-space-unit) * 4); }
    .gap-xl-5& { gap: calc(var(--platform-space-unit) * 5); }
    .gap-x-xl-5& { column-gap: calc(var(--platform-space-unit) * 5); }
    .gap-y-xl-5& { row-gap: calc(var(--platform-space-unit) * 5); }
    .gap-xl-6& { gap: calc(var(--platform-space-unit) * 6); }
    .gap-x-xl-6& { column-gap: calc(var(--platform-space-unit) * 6); }
    .gap-y-xl-6& { row-gap: calc(var(--platform-space-unit) * 6); }
    .gap-xl-7& { gap: calc(var(--platform-space-unit) * 7); }
    .gap-x-xl-7& { column-gap: calc(var(--platform-space-unit) * 7); }
    .gap-y-xl-7& { row-gap: calc(var(--platform-space-unit) * 7); }
    .gap-xl-8& { gap: calc(var(--platform-space-unit) * 8); }
    .gap-x-xl-8& { column-gap: calc(var(--platform-space-unit) * 8); }
    .gap-y-xl-8& { row-gap: calc(var(--platform-space-unit) * 8); }
    .gap-xl-9& { gap: calc(var(--platform-space-unit) * 9); }
    .gap-x-xl-9& { column-gap: calc(var(--platform-space-unit) * 9); }
    .gap-y-xl-9& { row-gap: calc(var(--platform-space-unit) * 9); }
    .gap-xl-10& { gap: calc(var(--platform-space-unit) * 10); }
    .gap-x-xl-10& { column-gap: calc(var(--platform-space-unit) * 10); }
    .gap-y-xl-10& { row-gap: calc(var(--platform-space-unit) * 10); }
    .gap-xl-11& { gap: calc(var(--platform-space-unit) * 11); }
    .gap-x-xl-11& { column-gap: calc(var(--platform-space-unit) * 11); }
    .gap-y-xl-11& { row-gap: calc(var(--platform-space-unit) * 11); }
    .gap-xl-12& { gap: calc(var(--platform-space-unit) * 12); }
    .gap-x-xl-12& { column-gap: calc(var(--platform-space-unit) * 12); }
    .gap-y-xl-12& { row-gap: calc(var(--platform-space-unit) * 12); }
    .gap-xl-13& { gap: calc(var(--platform-space-unit) * 13); }
    .gap-x-xl-13& { column-gap: calc(var(--platform-space-unit) * 13); }
    .gap-y-xl-13& { row-gap: calc(var(--platform-space-unit) * 13); }
    .gap-xl-14& { gap: calc(var(--platform-space-unit) * 14); }
    .gap-x-xl-14& { column-gap: calc(var(--platform-space-unit) * 14); }
    .gap-y-xl-14& { row-gap: calc(var(--platform-space-unit) * 14); }
    .gap-xl-15& { gap: calc(var(--platform-space-unit) * 15); }
    .gap-x-xl-15& { column-gap: calc(var(--platform-space-unit) * 15); }
    .gap-y-xl-15& { row-gap: calc(var(--platform-space-unit) * 15); }
    .gap-xl-16& { gap: calc(var(--platform-space-unit) * 16); }
    .gap-x-xl-16& { column-gap: calc(var(--platform-space-unit) * 16); }
    .gap-y-xl-16& { row-gap: calc(var(--platform-space-unit) * 16); }
    .gap-xl-17& { gap: calc(var(--platform-space-unit) * 17); }
    .gap-x-xl-17& { column-gap: calc(var(--platform-space-unit) * 17); }
    .gap-y-xl-17& { row-gap: calc(var(--platform-space-unit) * 17); }
    .gap-xl-18& { gap: calc(var(--platform-space-unit) * 18); }
    .gap-x-xl-18& { column-gap: calc(var(--platform-space-unit) * 18); }
    .gap-y-xl-18& { row-gap: calc(var(--platform-space-unit) * 18); }
    .gap-xl-19& { gap: calc(var(--platform-space-unit) * 19); }
    .gap-x-xl-19& { column-gap: calc(var(--platform-space-unit) * 19); }
    .gap-y-xl-19& { row-gap: calc(var(--platform-space-unit) * 19); }
    .gap-xl-20& { gap: calc(var(--platform-space-unit) * 20); }
    .gap-x-xl-20& { column-gap: calc(var(--platform-space-unit) * 20); }
    .gap-y-xl-20& { row-gap: calc(var(--platform-space-unit) * 20); }
}
@media screen and (min-width: 2560px) {
    .mt-xxl-0&, .my-xxl-0& { margin-top: calc(var(--platform-space-unit) * 0) !important; }
    .mr-xxl-0&, .mx-xxl-0& { margin-right: calc(var(--platform-space-unit) * 0) !important; }
    .ml-xxl-0&, .mx-xxl-0& { margin-left: calc(var(--platform-space-unit) * 0) !important; }
    .mb-xxl-0&, .my-xxl-0& { margin-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ms-xxl-0& { margin-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .me-xxl-0& { margin-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .ma-xxl-0& { margin: calc(var(--platform-space-unit) * 0) !important; }
    .mt-xxl-1&, .my-xxl-1& { margin-top: calc(var(--platform-space-unit) * 1) !important; }
    .mr-xxl-1&, .mx-xxl-1& { margin-right: calc(var(--platform-space-unit) * 1) !important; }
    .ml-xxl-1&, .mx-xxl-1& { margin-left: calc(var(--platform-space-unit) * 1) !important; }
    .mb-xxl-1&, .my-xxl-1& { margin-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ms-xxl-1& { margin-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .me-xxl-1& { margin-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .ma-xxl-1& { margin: calc(var(--platform-space-unit) * 1) !important; }
    .mt-xxl-2&, .my-xxl-2& { margin-top: calc(var(--platform-space-unit) * 2) !important; }
    .mr-xxl-2&, .mx-xxl-2& { margin-right: calc(var(--platform-space-unit) * 2) !important; }
    .ml-xxl-2&, .mx-xxl-2& { margin-left: calc(var(--platform-space-unit) * 2) !important; }
    .mb-xxl-2&, .my-xxl-2& { margin-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ms-xxl-2& { margin-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .me-xxl-2& { margin-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .ma-xxl-2& { margin: calc(var(--platform-space-unit) * 2) !important; }
    .mt-xxl-3&, .my-xxl-3& { margin-top: calc(var(--platform-space-unit) * 3) !important; }
    .mr-xxl-3&, .mx-xxl-3& { margin-right: calc(var(--platform-space-unit) * 3) !important; }
    .ml-xxl-3&, .mx-xxl-3& { margin-left: calc(var(--platform-space-unit) * 3) !important; }
    .mb-xxl-3&, .my-xxl-3& { margin-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ms-xxl-3& { margin-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .me-xxl-3& { margin-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .ma-xxl-3& { margin: calc(var(--platform-space-unit) * 3) !important; }
    .mt-xxl-4&, .my-xxl-4& { margin-top: calc(var(--platform-space-unit) * 4) !important; }
    .mr-xxl-4&, .mx-xxl-4& { margin-right: calc(var(--platform-space-unit) * 4) !important; }
    .ml-xxl-4&, .mx-xxl-4& { margin-left: calc(var(--platform-space-unit) * 4) !important; }
    .mb-xxl-4&, .my-xxl-4& { margin-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ms-xxl-4& { margin-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .me-xxl-4& { margin-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .ma-xxl-4& { margin: calc(var(--platform-space-unit) * 4) !important; }
    .mt-xxl-5&, .my-xxl-5& { margin-top: calc(var(--platform-space-unit) * 5) !important; }
    .mr-xxl-5&, .mx-xxl-5& { margin-right: calc(var(--platform-space-unit) * 5) !important; }
    .ml-xxl-5&, .mx-xxl-5& { margin-left: calc(var(--platform-space-unit) * 5) !important; }
    .mb-xxl-5&, .my-xxl-5& { margin-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ms-xxl-5& { margin-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .me-xxl-5& { margin-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .ma-xxl-5& { margin: calc(var(--platform-space-unit) * 5) !important; }
    .mt-xxl-6&, .my-xxl-6& { margin-top: calc(var(--platform-space-unit) * 6) !important; }
    .mr-xxl-6&, .mx-xxl-6& { margin-right: calc(var(--platform-space-unit) * 6) !important; }
    .ml-xxl-6&, .mx-xxl-6& { margin-left: calc(var(--platform-space-unit) * 6) !important; }
    .mb-xxl-6&, .my-xxl-6& { margin-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ms-xxl-6& { margin-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .me-xxl-6& { margin-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .ma-xxl-6& { margin: calc(var(--platform-space-unit) * 6) !important; }
    .mt-xxl-7&, .my-xxl-7& { margin-top: calc(var(--platform-space-unit) * 7) !important; }
    .mr-xxl-7&, .mx-xxl-7& { margin-right: calc(var(--platform-space-unit) * 7) !important; }
    .ml-xxl-7&, .mx-xxl-7& { margin-left: calc(var(--platform-space-unit) * 7) !important; }
    .mb-xxl-7&, .my-xxl-7& { margin-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ms-xxl-7& { margin-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .me-xxl-7& { margin-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .ma-xxl-7& { margin: calc(var(--platform-space-unit) * 7) !important; }
    .mt-xxl-8&, .my-xxl-8& { margin-top: calc(var(--platform-space-unit) * 8) !important; }
    .mr-xxl-8&, .mx-xxl-8& { margin-right: calc(var(--platform-space-unit) * 8) !important; }
    .ml-xxl-8&, .mx-xxl-8& { margin-left: calc(var(--platform-space-unit) * 8) !important; }
    .mb-xxl-8&, .my-xxl-8& { margin-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ms-xxl-8& { margin-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .me-xxl-8& { margin-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .ma-xxl-8& { margin: calc(var(--platform-space-unit) * 8) !important; }
    .mt-xxl-9&, .my-xxl-9& { margin-top: calc(var(--platform-space-unit) * 9) !important; }
    .mr-xxl-9&, .mx-xxl-9& { margin-right: calc(var(--platform-space-unit) * 9) !important; }
    .ml-xxl-9&, .mx-xxl-9& { margin-left: calc(var(--platform-space-unit) * 9) !important; }
    .mb-xxl-9&, .my-xxl-9& { margin-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ms-xxl-9& { margin-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .me-xxl-9& { margin-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .ma-xxl-9& { margin: calc(var(--platform-space-unit) * 9) !important; }
    .mt-xxl-10&, .my-xxl-10& { margin-top: calc(var(--platform-space-unit) * 10) !important; }
    .mr-xxl-10&, .mx-xxl-10& { margin-right: calc(var(--platform-space-unit) * 10) !important; }
    .ml-xxl-10&, .mx-xxl-10& { margin-left: calc(var(--platform-space-unit) * 10) !important; }
    .mb-xxl-10&, .my-xxl-10& { margin-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ms-xxl-10& { margin-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .me-xxl-10& { margin-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .ma-xxl-10& { margin: calc(var(--platform-space-unit) * 10) !important; }
    .mt-xxl-11&, .my-xxl-11& { margin-top: calc(var(--platform-space-unit) * 11) !important; }
    .mr-xxl-11&, .mx-xxl-11& { margin-right: calc(var(--platform-space-unit) * 11) !important; }
    .ml-xxl-11&, .mx-xxl-11& { margin-left: calc(var(--platform-space-unit) * 11) !important; }
    .mb-xxl-11&, .my-xxl-11& { margin-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ms-xxl-11& { margin-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .me-xxl-11& { margin-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .ma-xxl-11& { margin: calc(var(--platform-space-unit) * 11) !important; }
    .mt-xxl-12&, .my-xxl-12& { margin-top: calc(var(--platform-space-unit) * 12) !important; }
    .mr-xxl-12&, .mx-xxl-12& { margin-right: calc(var(--platform-space-unit) * 12) !important; }
    .ml-xxl-12&, .mx-xxl-12& { margin-left: calc(var(--platform-space-unit) * 12) !important; }
    .mb-xxl-12&, .my-xxl-12& { margin-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ms-xxl-12& { margin-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .me-xxl-12& { margin-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .ma-xxl-12& { margin: calc(var(--platform-space-unit) * 12) !important; }
    .mt-xxl-13&, .my-xxl-13& { margin-top: calc(var(--platform-space-unit) * 13) !important; }
    .mr-xxl-13&, .mx-xxl-13& { margin-right: calc(var(--platform-space-unit) * 13) !important; }
    .ml-xxl-13&, .mx-xxl-13& { margin-left: calc(var(--platform-space-unit) * 13) !important; }
    .mb-xxl-13&, .my-xxl-13& { margin-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ms-xxl-13& { margin-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .me-xxl-13& { margin-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .ma-xxl-13& { margin: calc(var(--platform-space-unit) * 13) !important; }
    .mt-xxl-14&, .my-xxl-14& { margin-top: calc(var(--platform-space-unit) * 14) !important; }
    .mr-xxl-14&, .mx-xxl-14& { margin-right: calc(var(--platform-space-unit) * 14) !important; }
    .ml-xxl-14&, .mx-xxl-14& { margin-left: calc(var(--platform-space-unit) * 14) !important; }
    .mb-xxl-14&, .my-xxl-14& { margin-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ms-xxl-14& { margin-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .me-xxl-14& { margin-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .ma-xxl-14& { margin: calc(var(--platform-space-unit) * 14) !important; }
    .mt-xxl-15&, .my-xxl-15& { margin-top: calc(var(--platform-space-unit) * 15) !important; }
    .mr-xxl-15&, .mx-xxl-15& { margin-right: calc(var(--platform-space-unit) * 15) !important; }
    .ml-xxl-15&, .mx-xxl-15& { margin-left: calc(var(--platform-space-unit) * 15) !important; }
    .mb-xxl-15&, .my-xxl-15& { margin-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ms-xxl-15& { margin-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .me-xxl-15& { margin-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .ma-xxl-15& { margin: calc(var(--platform-space-unit) * 15) !important; }
    .mt-xxl-16&, .my-xxl-16& { margin-top: calc(var(--platform-space-unit) * 16) !important; }
    .mr-xxl-16&, .mx-xxl-16& { margin-right: calc(var(--platform-space-unit) * 16) !important; }
    .ml-xxl-16&, .mx-xxl-16& { margin-left: calc(var(--platform-space-unit) * 16) !important; }
    .mb-xxl-16&, .my-xxl-16& { margin-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ms-xxl-16& { margin-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .me-xxl-16& { margin-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .ma-xxl-16& { margin: calc(var(--platform-space-unit) * 16) !important; }
    .mt-xxl-17&, .my-xxl-17& { margin-top: calc(var(--platform-space-unit) * 17) !important; }
    .mr-xxl-17&, .mx-xxl-17& { margin-right: calc(var(--platform-space-unit) * 17) !important; }
    .ml-xxl-17&, .mx-xxl-17& { margin-left: calc(var(--platform-space-unit) * 17) !important; }
    .mb-xxl-17&, .my-xxl-17& { margin-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ms-xxl-17& { margin-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .me-xxl-17& { margin-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .ma-xxl-17& { margin: calc(var(--platform-space-unit) * 17) !important; }
    .mt-xxl-18&, .my-xxl-18& { margin-top: calc(var(--platform-space-unit) * 18) !important; }
    .mr-xxl-18&, .mx-xxl-18& { margin-right: calc(var(--platform-space-unit) * 18) !important; }
    .ml-xxl-18&, .mx-xxl-18& { margin-left: calc(var(--platform-space-unit) * 18) !important; }
    .mb-xxl-18&, .my-xxl-18& { margin-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ms-xxl-18& { margin-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .me-xxl-18& { margin-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .ma-xxl-18& { margin: calc(var(--platform-space-unit) * 18) !important; }
    .mt-xxl-19&, .my-xxl-19& { margin-top: calc(var(--platform-space-unit) * 19) !important; }
    .mr-xxl-19&, .mx-xxl-19& { margin-right: calc(var(--platform-space-unit) * 19) !important; }
    .ml-xxl-19&, .mx-xxl-19& { margin-left: calc(var(--platform-space-unit) * 19) !important; }
    .mb-xxl-19&, .my-xxl-19& { margin-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ms-xxl-19& { margin-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .me-xxl-19& { margin-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .ma-xxl-19& { margin: calc(var(--platform-space-unit) * 19) !important; }
    .mt-xxl-20&, .my-xxl-20& { margin-top: calc(var(--platform-space-unit) * 20) !important; }
    .mr-xxl-20&, .mx-xxl-20& { margin-right: calc(var(--platform-space-unit) * 20) !important; }
    .ml-xxl-20&, .mx-xxl-20& { margin-left: calc(var(--platform-space-unit) * 20) !important; }
    .mb-xxl-20&, .my-xxl-20& { margin-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ms-xxl-20& { margin-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .me-xxl-20& { margin-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .ma-xxl-20& { margin: calc(var(--platform-space-unit) * 20) !important; }
    .mt-xxl-auto&, .my-xxl-auto& { margin-top: auto !important; }
    .mr-xxl-auto&, .mx-xxl-auto& { margin-right: auto !important; }
    .ml-xxl-auto&, .mx-xxl-auto& { margin-left: auto !important; }
    .mb-xxl-auto&, .my-xxl-auto& { margin-bottom: auto !important; }
    .ms-xxl-auto& { margin-inline-start: auto !important; }
    .me-xxl-auto& { margin-inline-end: auto !important; }
    .ma-xxl-auto& { margin: auto !important; }
    .pt-xxl-0&, .py-xxl-0& { padding-top: calc(var(--platform-space-unit) * 0) !important; }
    .pr-xxl-0&, .px-xxl-0& { padding-right: calc(var(--platform-space-unit) * 0) !important; }
    .pl-xxl-0&, .px-xxl-0& { padding-left: calc(var(--platform-space-unit) * 0) !important; }
    .pb-xxl-0&, .py-xxl-0& { padding-bottom: calc(var(--platform-space-unit) * 0) !important; }
    .ps-xxl-0& { padding-inline-start: calc(var(--platform-space-unit) * 0) !important; }
    .pe-xxl-0& { padding-inline-end: calc(var(--platform-space-unit) * 0) !important; }
    .pa-xxl-0& { padding: calc(var(--platform-space-unit) * 0) !important; }
    .pt-xxl-1&, .py-xxl-1& { padding-top: calc(var(--platform-space-unit) * 1) !important; }
    .pr-xxl-1&, .px-xxl-1& { padding-right: calc(var(--platform-space-unit) * 1) !important; }
    .pl-xxl-1&, .px-xxl-1& { padding-left: calc(var(--platform-space-unit) * 1) !important; }
    .pb-xxl-1&, .py-xxl-1& { padding-bottom: calc(var(--platform-space-unit) * 1) !important; }
    .ps-xxl-1& { padding-inline-start: calc(var(--platform-space-unit) * 1) !important; }
    .pe-xxl-1& { padding-inline-end: calc(var(--platform-space-unit) * 1) !important; }
    .pa-xxl-1& { padding: calc(var(--platform-space-unit) * 1) !important; }
    .pt-xxl-2&, .py-xxl-2& { padding-top: calc(var(--platform-space-unit) * 2) !important; }
    .pr-xxl-2&, .px-xxl-2& { padding-right: calc(var(--platform-space-unit) * 2) !important; }
    .pl-xxl-2&, .px-xxl-2& { padding-left: calc(var(--platform-space-unit) * 2) !important; }
    .pb-xxl-2&, .py-xxl-2& { padding-bottom: calc(var(--platform-space-unit) * 2) !important; }
    .ps-xxl-2& { padding-inline-start: calc(var(--platform-space-unit) * 2) !important; }
    .pe-xxl-2& { padding-inline-end: calc(var(--platform-space-unit) * 2) !important; }
    .pa-xxl-2& { padding: calc(var(--platform-space-unit) * 2) !important; }
    .pt-xxl-3&, .py-xxl-3& { padding-top: calc(var(--platform-space-unit) * 3) !important; }
    .pr-xxl-3&, .px-xxl-3& { padding-right: calc(var(--platform-space-unit) * 3) !important; }
    .pl-xxl-3&, .px-xxl-3& { padding-left: calc(var(--platform-space-unit) * 3) !important; }
    .pb-xxl-3&, .py-xxl-3& { padding-bottom: calc(var(--platform-space-unit) * 3) !important; }
    .ps-xxl-3& { padding-inline-start: calc(var(--platform-space-unit) * 3) !important; }
    .pe-xxl-3& { padding-inline-end: calc(var(--platform-space-unit) * 3) !important; }
    .pa-xxl-3& { padding: calc(var(--platform-space-unit) * 3) !important; }
    .pt-xxl-4&, .py-xxl-4& { padding-top: calc(var(--platform-space-unit) * 4) !important; }
    .pr-xxl-4&, .px-xxl-4& { padding-right: calc(var(--platform-space-unit) * 4) !important; }
    .pl-xxl-4&, .px-xxl-4& { padding-left: calc(var(--platform-space-unit) * 4) !important; }
    .pb-xxl-4&, .py-xxl-4& { padding-bottom: calc(var(--platform-space-unit) * 4) !important; }
    .ps-xxl-4& { padding-inline-start: calc(var(--platform-space-unit) * 4) !important; }
    .pe-xxl-4& { padding-inline-end: calc(var(--platform-space-unit) * 4) !important; }
    .pa-xxl-4& { padding: calc(var(--platform-space-unit) * 4) !important; }
    .pt-xxl-5&, .py-xxl-5& { padding-top: calc(var(--platform-space-unit) * 5) !important; }
    .pr-xxl-5&, .px-xxl-5& { padding-right: calc(var(--platform-space-unit) * 5) !important; }
    .pl-xxl-5&, .px-xxl-5& { padding-left: calc(var(--platform-space-unit) * 5) !important; }
    .pb-xxl-5&, .py-xxl-5& { padding-bottom: calc(var(--platform-space-unit) * 5) !important; }
    .ps-xxl-5& { padding-inline-start: calc(var(--platform-space-unit) * 5) !important; }
    .pe-xxl-5& { padding-inline-end: calc(var(--platform-space-unit) * 5) !important; }
    .pa-xxl-5& { padding: calc(var(--platform-space-unit) * 5) !important; }
    .pt-xxl-6&, .py-xxl-6& { padding-top: calc(var(--platform-space-unit) * 6) !important; }
    .pr-xxl-6&, .px-xxl-6& { padding-right: calc(var(--platform-space-unit) * 6) !important; }
    .pl-xxl-6&, .px-xxl-6& { padding-left: calc(var(--platform-space-unit) * 6) !important; }
    .pb-xxl-6&, .py-xxl-6& { padding-bottom: calc(var(--platform-space-unit) * 6) !important; }
    .ps-xxl-6& { padding-inline-start: calc(var(--platform-space-unit) * 6) !important; }
    .pe-xxl-6& { padding-inline-end: calc(var(--platform-space-unit) * 6) !important; }
    .pa-xxl-6& { padding: calc(var(--platform-space-unit) * 6) !important; }
    .pt-xxl-7&, .py-xxl-7& { padding-top: calc(var(--platform-space-unit) * 7) !important; }
    .pr-xxl-7&, .px-xxl-7& { padding-right: calc(var(--platform-space-unit) * 7) !important; }
    .pl-xxl-7&, .px-xxl-7& { padding-left: calc(var(--platform-space-unit) * 7) !important; }
    .pb-xxl-7&, .py-xxl-7& { padding-bottom: calc(var(--platform-space-unit) * 7) !important; }
    .ps-xxl-7& { padding-inline-start: calc(var(--platform-space-unit) * 7) !important; }
    .pe-xxl-7& { padding-inline-end: calc(var(--platform-space-unit) * 7) !important; }
    .pa-xxl-7& { padding: calc(var(--platform-space-unit) * 7) !important; }
    .pt-xxl-8&, .py-xxl-8& { padding-top: calc(var(--platform-space-unit) * 8) !important; }
    .pr-xxl-8&, .px-xxl-8& { padding-right: calc(var(--platform-space-unit) * 8) !important; }
    .pl-xxl-8&, .px-xxl-8& { padding-left: calc(var(--platform-space-unit) * 8) !important; }
    .pb-xxl-8&, .py-xxl-8& { padding-bottom: calc(var(--platform-space-unit) * 8) !important; }
    .ps-xxl-8& { padding-inline-start: calc(var(--platform-space-unit) * 8) !important; }
    .pe-xxl-8& { padding-inline-end: calc(var(--platform-space-unit) * 8) !important; }
    .pa-xxl-8& { padding: calc(var(--platform-space-unit) * 8) !important; }
    .pt-xxl-9&, .py-xxl-9& { padding-top: calc(var(--platform-space-unit) * 9) !important; }
    .pr-xxl-9&, .px-xxl-9& { padding-right: calc(var(--platform-space-unit) * 9) !important; }
    .pl-xxl-9&, .px-xxl-9& { padding-left: calc(var(--platform-space-unit) * 9) !important; }
    .pb-xxl-9&, .py-xxl-9& { padding-bottom: calc(var(--platform-space-unit) * 9) !important; }
    .ps-xxl-9& { padding-inline-start: calc(var(--platform-space-unit) * 9) !important; }
    .pe-xxl-9& { padding-inline-end: calc(var(--platform-space-unit) * 9) !important; }
    .pa-xxl-9& { padding: calc(var(--platform-space-unit) * 9) !important; }
    .pt-xxl-10&, .py-xxl-10& { padding-top: calc(var(--platform-space-unit) * 10) !important; }
    .pr-xxl-10&, .px-xxl-10& { padding-right: calc(var(--platform-space-unit) * 10) !important; }
    .pl-xxl-10&, .px-xxl-10& { padding-left: calc(var(--platform-space-unit) * 10) !important; }
    .pb-xxl-10&, .py-xxl-10& { padding-bottom: calc(var(--platform-space-unit) * 10) !important; }
    .ps-xxl-10& { padding-inline-start: calc(var(--platform-space-unit) * 10) !important; }
    .pe-xxl-10& { padding-inline-end: calc(var(--platform-space-unit) * 10) !important; }
    .pa-xxl-10& { padding: calc(var(--platform-space-unit) * 10) !important; }
    .pt-xxl-11&, .py-xxl-11& { padding-top: calc(var(--platform-space-unit) * 11) !important; }
    .pr-xxl-11&, .px-xxl-11& { padding-right: calc(var(--platform-space-unit) * 11) !important; }
    .pl-xxl-11&, .px-xxl-11& { padding-left: calc(var(--platform-space-unit) * 11) !important; }
    .pb-xxl-11&, .py-xxl-11& { padding-bottom: calc(var(--platform-space-unit) * 11) !important; }
    .ps-xxl-11& { padding-inline-start: calc(var(--platform-space-unit) * 11) !important; }
    .pe-xxl-11& { padding-inline-end: calc(var(--platform-space-unit) * 11) !important; }
    .pa-xxl-11& { padding: calc(var(--platform-space-unit) * 11) !important; }
    .pt-xxl-12&, .py-xxl-12& { padding-top: calc(var(--platform-space-unit) * 12) !important; }
    .pr-xxl-12&, .px-xxl-12& { padding-right: calc(var(--platform-space-unit) * 12) !important; }
    .pl-xxl-12&, .px-xxl-12& { padding-left: calc(var(--platform-space-unit) * 12) !important; }
    .pb-xxl-12&, .py-xxl-12& { padding-bottom: calc(var(--platform-space-unit) * 12) !important; }
    .ps-xxl-12& { padding-inline-start: calc(var(--platform-space-unit) * 12) !important; }
    .pe-xxl-12& { padding-inline-end: calc(var(--platform-space-unit) * 12) !important; }
    .pa-xxl-12& { padding: calc(var(--platform-space-unit) * 12) !important; }
    .pt-xxl-13&, .py-xxl-13& { padding-top: calc(var(--platform-space-unit) * 13) !important; }
    .pr-xxl-13&, .px-xxl-13& { padding-right: calc(var(--platform-space-unit) * 13) !important; }
    .pl-xxl-13&, .px-xxl-13& { padding-left: calc(var(--platform-space-unit) * 13) !important; }
    .pb-xxl-13&, .py-xxl-13& { padding-bottom: calc(var(--platform-space-unit) * 13) !important; }
    .ps-xxl-13& { padding-inline-start: calc(var(--platform-space-unit) * 13) !important; }
    .pe-xxl-13& { padding-inline-end: calc(var(--platform-space-unit) * 13) !important; }
    .pa-xxl-13& { padding: calc(var(--platform-space-unit) * 13) !important; }
    .pt-xxl-14&, .py-xxl-14& { padding-top: calc(var(--platform-space-unit) * 14) !important; }
    .pr-xxl-14&, .px-xxl-14& { padding-right: calc(var(--platform-space-unit) * 14) !important; }
    .pl-xxl-14&, .px-xxl-14& { padding-left: calc(var(--platform-space-unit) * 14) !important; }
    .pb-xxl-14&, .py-xxl-14& { padding-bottom: calc(var(--platform-space-unit) * 14) !important; }
    .ps-xxl-14& { padding-inline-start: calc(var(--platform-space-unit) * 14) !important; }
    .pe-xxl-14& { padding-inline-end: calc(var(--platform-space-unit) * 14) !important; }
    .pa-xxl-14& { padding: calc(var(--platform-space-unit) * 14) !important; }
    .pt-xxl-15&, .py-xxl-15& { padding-top: calc(var(--platform-space-unit) * 15) !important; }
    .pr-xxl-15&, .px-xxl-15& { padding-right: calc(var(--platform-space-unit) * 15) !important; }
    .pl-xxl-15&, .px-xxl-15& { padding-left: calc(var(--platform-space-unit) * 15) !important; }
    .pb-xxl-15&, .py-xxl-15& { padding-bottom: calc(var(--platform-space-unit) * 15) !important; }
    .ps-xxl-15& { padding-inline-start: calc(var(--platform-space-unit) * 15) !important; }
    .pe-xxl-15& { padding-inline-end: calc(var(--platform-space-unit) * 15) !important; }
    .pa-xxl-15& { padding: calc(var(--platform-space-unit) * 15) !important; }
    .pt-xxl-16&, .py-xxl-16& { padding-top: calc(var(--platform-space-unit) * 16) !important; }
    .pr-xxl-16&, .px-xxl-16& { padding-right: calc(var(--platform-space-unit) * 16) !important; }
    .pl-xxl-16&, .px-xxl-16& { padding-left: calc(var(--platform-space-unit) * 16) !important; }
    .pb-xxl-16&, .py-xxl-16& { padding-bottom: calc(var(--platform-space-unit) * 16) !important; }
    .ps-xxl-16& { padding-inline-start: calc(var(--platform-space-unit) * 16) !important; }
    .pe-xxl-16& { padding-inline-end: calc(var(--platform-space-unit) * 16) !important; }
    .pa-xxl-16& { padding: calc(var(--platform-space-unit) * 16) !important; }
    .pt-xxl-17&, .py-xxl-17& { padding-top: calc(var(--platform-space-unit) * 17) !important; }
    .pr-xxl-17&, .px-xxl-17& { padding-right: calc(var(--platform-space-unit) * 17) !important; }
    .pl-xxl-17&, .px-xxl-17& { padding-left: calc(var(--platform-space-unit) * 17) !important; }
    .pb-xxl-17&, .py-xxl-17& { padding-bottom: calc(var(--platform-space-unit) * 17) !important; }
    .ps-xxl-17& { padding-inline-start: calc(var(--platform-space-unit) * 17) !important; }
    .pe-xxl-17& { padding-inline-end: calc(var(--platform-space-unit) * 17) !important; }
    .pa-xxl-17& { padding: calc(var(--platform-space-unit) * 17) !important; }
    .pt-xxl-18&, .py-xxl-18& { padding-top: calc(var(--platform-space-unit) * 18) !important; }
    .pr-xxl-18&, .px-xxl-18& { padding-right: calc(var(--platform-space-unit) * 18) !important; }
    .pl-xxl-18&, .px-xxl-18& { padding-left: calc(var(--platform-space-unit) * 18) !important; }
    .pb-xxl-18&, .py-xxl-18& { padding-bottom: calc(var(--platform-space-unit) * 18) !important; }
    .ps-xxl-18& { padding-inline-start: calc(var(--platform-space-unit) * 18) !important; }
    .pe-xxl-18& { padding-inline-end: calc(var(--platform-space-unit) * 18) !important; }
    .pa-xxl-18& { padding: calc(var(--platform-space-unit) * 18) !important; }
    .pt-xxl-19&, .py-xxl-19& { padding-top: calc(var(--platform-space-unit) * 19) !important; }
    .pr-xxl-19&, .px-xxl-19& { padding-right: calc(var(--platform-space-unit) * 19) !important; }
    .pl-xxl-19&, .px-xxl-19& { padding-left: calc(var(--platform-space-unit) * 19) !important; }
    .pb-xxl-19&, .py-xxl-19& { padding-bottom: calc(var(--platform-space-unit) * 19) !important; }
    .ps-xxl-19& { padding-inline-start: calc(var(--platform-space-unit) * 19) !important; }
    .pe-xxl-19& { padding-inline-end: calc(var(--platform-space-unit) * 19) !important; }
    .pa-xxl-19& { padding: calc(var(--platform-space-unit) * 19) !important; }
    .pt-xxl-20&, .py-xxl-20& { padding-top: calc(var(--platform-space-unit) * 20) !important; }
    .pr-xxl-20&, .px-xxl-20& { padding-right: calc(var(--platform-space-unit) * 20) !important; }
    .pl-xxl-20&, .px-xxl-20& { padding-left: calc(var(--platform-space-unit) * 20) !important; }
    .pb-xxl-20&, .py-xxl-20& { padding-bottom: calc(var(--platform-space-unit) * 20) !important; }
    .ps-xxl-20& { padding-inline-start: calc(var(--platform-space-unit) * 20) !important; }
    .pe-xxl-20& { padding-inline-end: calc(var(--platform-space-unit) * 20) !important; }
    .pa-xxl-20& { padding: calc(var(--platform-space-unit) * 20) !important; }
    .pt-xxl-auto&, .py-xxl-auto& { padding-top: auto !important; }
    .pr-xxl-auto&, .px-xxl-auto& { padding-right: auto !important; }
    .pl-xxl-auto&, .px-xxl-auto& { padding-left: auto !important; }
    .pb-xxl-auto&, .py-xxl-auto& { padding-bottom: auto !important; }
    .ps-xxl-auto& { padding-inline-start: auto !important; }
    .pe-xxl-auto& { padding-inline-end: auto !important; }
    .pa-xxl-auto& { padding: auto !important; }
    .mt-xxl-n1&, .my-xxl-n1& { margin-top: calc(var(--platform-space-unit) * -1) !important; }
    .mr-xxl-n1&, .mx-xxl-n1& { margin-right: calc(var(--platform-space-unit) * -1) !important; }
    .ml-xxl-n1&, .mx-xxl-n1& { margin-left: calc(var(--platform-space-unit) * -1) !important; }
    .mb-xxl-n1&, .my-xxl-n1& { margin-bottom: calc(var(--platform-space-unit) * -1) !important; }
    .ms-xxl-n1& { margin-inline-start: calc(var(--platform-space-unit) * -1) !important; }
    .me-xxl-n1& { margin-inline-end: calc(var(--platform-space-unit) * -1) !important; }
    .ma-xxl-n1& { margin: calc(var(--platform-space-unit) * -1) !important; }
    .mt-xxl-n2&, .my-xxl-n2& { margin-top: calc(var(--platform-space-unit) * -2) !important; }
    .mr-xxl-n2&, .mx-xxl-n2& { margin-right: calc(var(--platform-space-unit) * -2) !important; }
    .ml-xxl-n2&, .mx-xxl-n2& { margin-left: calc(var(--platform-space-unit) * -2) !important; }
    .mb-xxl-n2&, .my-xxl-n2& { margin-bottom: calc(var(--platform-space-unit) * -2) !important; }
    .ms-xxl-n2& { margin-inline-start: calc(var(--platform-space-unit) * -2) !important; }
    .me-xxl-n2& { margin-inline-end: calc(var(--platform-space-unit) * -2) !important; }
    .ma-xxl-n2& { margin: calc(var(--platform-space-unit) * -2) !important; }
    .mt-xxl-n3&, .my-xxl-n3& { margin-top: calc(var(--platform-space-unit) * -3) !important; }
    .mr-xxl-n3&, .mx-xxl-n3& { margin-right: calc(var(--platform-space-unit) * -3) !important; }
    .ml-xxl-n3&, .mx-xxl-n3& { margin-left: calc(var(--platform-space-unit) * -3) !important; }
    .mb-xxl-n3&, .my-xxl-n3& { margin-bottom: calc(var(--platform-space-unit) * -3) !important; }
    .ms-xxl-n3& { margin-inline-start: calc(var(--platform-space-unit) * -3) !important; }
    .me-xxl-n3& { margin-inline-end: calc(var(--platform-space-unit) * -3) !important; }
    .ma-xxl-n3& { margin: calc(var(--platform-space-unit) * -3) !important; }
    .mt-xxl-n4&, .my-xxl-n4& { margin-top: calc(var(--platform-space-unit) * -4) !important; }
    .mr-xxl-n4&, .mx-xxl-n4& { margin-right: calc(var(--platform-space-unit) * -4) !important; }
    .ml-xxl-n4&, .mx-xxl-n4& { margin-left: calc(var(--platform-space-unit) * -4) !important; }
    .mb-xxl-n4&, .my-xxl-n4& { margin-bottom: calc(var(--platform-space-unit) * -4) !important; }
    .ms-xxl-n4& { margin-inline-start: calc(var(--platform-space-unit) * -4) !important; }
    .me-xxl-n4& { margin-inline-end: calc(var(--platform-space-unit) * -4) !important; }
    .ma-xxl-n4& { margin: calc(var(--platform-space-unit) * -4) !important; }
    .mt-xxl-n5&, .my-xxl-n5& { margin-top: calc(var(--platform-space-unit) * -5) !important; }
    .mr-xxl-n5&, .mx-xxl-n5& { margin-right: calc(var(--platform-space-unit) * -5) !important; }
    .ml-xxl-n5&, .mx-xxl-n5& { margin-left: calc(var(--platform-space-unit) * -5) !important; }
    .mb-xxl-n5&, .my-xxl-n5& { margin-bottom: calc(var(--platform-space-unit) * -5) !important; }
    .ms-xxl-n5& { margin-inline-start: calc(var(--platform-space-unit) * -5) !important; }
    .me-xxl-n5& { margin-inline-end: calc(var(--platform-space-unit) * -5) !important; }
    .ma-xxl-n5& { margin: calc(var(--platform-space-unit) * -5) !important; }
    .mt-xxl-n6&, .my-xxl-n6& { margin-top: calc(var(--platform-space-unit) * -6) !important; }
    .mr-xxl-n6&, .mx-xxl-n6& { margin-right: calc(var(--platform-space-unit) * -6) !important; }
    .ml-xxl-n6&, .mx-xxl-n6& { margin-left: calc(var(--platform-space-unit) * -6) !important; }
    .mb-xxl-n6&, .my-xxl-n6& { margin-bottom: calc(var(--platform-space-unit) * -6) !important; }
    .ms-xxl-n6& { margin-inline-start: calc(var(--platform-space-unit) * -6) !important; }
    .me-xxl-n6& { margin-inline-end: calc(var(--platform-space-unit) * -6) !important; }
    .ma-xxl-n6& { margin: calc(var(--platform-space-unit) * -6) !important; }
    .mt-xxl-n7&, .my-xxl-n7& { margin-top: calc(var(--platform-space-unit) * -7) !important; }
    .mr-xxl-n7&, .mx-xxl-n7& { margin-right: calc(var(--platform-space-unit) * -7) !important; }
    .ml-xxl-n7&, .mx-xxl-n7& { margin-left: calc(var(--platform-space-unit) * -7) !important; }
    .mb-xxl-n7&, .my-xxl-n7& { margin-bottom: calc(var(--platform-space-unit) * -7) !important; }
    .ms-xxl-n7& { margin-inline-start: calc(var(--platform-space-unit) * -7) !important; }
    .me-xxl-n7& { margin-inline-end: calc(var(--platform-space-unit) * -7) !important; }
    .ma-xxl-n7& { margin: calc(var(--platform-space-unit) * -7) !important; }
    .mt-xxl-n8&, .my-xxl-n8& { margin-top: calc(var(--platform-space-unit) * -8) !important; }
    .mr-xxl-n8&, .mx-xxl-n8& { margin-right: calc(var(--platform-space-unit) * -8) !important; }
    .ml-xxl-n8&, .mx-xxl-n8& { margin-left: calc(var(--platform-space-unit) * -8) !important; }
    .mb-xxl-n8&, .my-xxl-n8& { margin-bottom: calc(var(--platform-space-unit) * -8) !important; }
    .ms-xxl-n8& { margin-inline-start: calc(var(--platform-space-unit) * -8) !important; }
    .me-xxl-n8& { margin-inline-end: calc(var(--platform-space-unit) * -8) !important; }
    .ma-xxl-n8& { margin: calc(var(--platform-space-unit) * -8) !important; }
    .mt-xxl-n9&, .my-xxl-n9& { margin-top: calc(var(--platform-space-unit) * -9) !important; }
    .mr-xxl-n9&, .mx-xxl-n9& { margin-right: calc(var(--platform-space-unit) * -9) !important; }
    .ml-xxl-n9&, .mx-xxl-n9& { margin-left: calc(var(--platform-space-unit) * -9) !important; }
    .mb-xxl-n9&, .my-xxl-n9& { margin-bottom: calc(var(--platform-space-unit) * -9) !important; }
    .ms-xxl-n9& { margin-inline-start: calc(var(--platform-space-unit) * -9) !important; }
    .me-xxl-n9& { margin-inline-end: calc(var(--platform-space-unit) * -9) !important; }
    .ma-xxl-n9& { margin: calc(var(--platform-space-unit) * -9) !important; }
    .mt-xxl-n10&, .my-xxl-n10& { margin-top: calc(var(--platform-space-unit) * -10) !important; }
    .mr-xxl-n10&, .mx-xxl-n10& { margin-right: calc(var(--platform-space-unit) * -10) !important; }
    .ml-xxl-n10&, .mx-xxl-n10& { margin-left: calc(var(--platform-space-unit) * -10) !important; }
    .mb-xxl-n10&, .my-xxl-n10& { margin-bottom: calc(var(--platform-space-unit) * -10) !important; }
    .ms-xxl-n10& { margin-inline-start: calc(var(--platform-space-unit) * -10) !important; }
    .me-xxl-n10& { margin-inline-end: calc(var(--platform-space-unit) * -10) !important; }
    .ma-xxl-n10& { margin: calc(var(--platform-space-unit) * -10) !important; }
    .mt-xxl-n11&, .my-xxl-n11& { margin-top: calc(var(--platform-space-unit) * -11) !important; }
    .mr-xxl-n11&, .mx-xxl-n11& { margin-right: calc(var(--platform-space-unit) * -11) !important; }
    .ml-xxl-n11&, .mx-xxl-n11& { margin-left: calc(var(--platform-space-unit) * -11) !important; }
    .mb-xxl-n11&, .my-xxl-n11& { margin-bottom: calc(var(--platform-space-unit) * -11) !important; }
    .ms-xxl-n11& { margin-inline-start: calc(var(--platform-space-unit) * -11) !important; }
    .me-xxl-n11& { margin-inline-end: calc(var(--platform-space-unit) * -11) !important; }
    .ma-xxl-n11& { margin: calc(var(--platform-space-unit) * -11) !important; }
    .mt-xxl-n12&, .my-xxl-n12& { margin-top: calc(var(--platform-space-unit) * -12) !important; }
    .mr-xxl-n12&, .mx-xxl-n12& { margin-right: calc(var(--platform-space-unit) * -12) !important; }
    .ml-xxl-n12&, .mx-xxl-n12& { margin-left: calc(var(--platform-space-unit) * -12) !important; }
    .mb-xxl-n12&, .my-xxl-n12& { margin-bottom: calc(var(--platform-space-unit) * -12) !important; }
    .ms-xxl-n12& { margin-inline-start: calc(var(--platform-space-unit) * -12) !important; }
    .me-xxl-n12& { margin-inline-end: calc(var(--platform-space-unit) * -12) !important; }
    .ma-xxl-n12& { margin: calc(var(--platform-space-unit) * -12) !important; }
    .mt-xxl-n13&, .my-xxl-n13& { margin-top: calc(var(--platform-space-unit) * -13) !important; }
    .mr-xxl-n13&, .mx-xxl-n13& { margin-right: calc(var(--platform-space-unit) * -13) !important; }
    .ml-xxl-n13&, .mx-xxl-n13& { margin-left: calc(var(--platform-space-unit) * -13) !important; }
    .mb-xxl-n13&, .my-xxl-n13& { margin-bottom: calc(var(--platform-space-unit) * -13) !important; }
    .ms-xxl-n13& { margin-inline-start: calc(var(--platform-space-unit) * -13) !important; }
    .me-xxl-n13& { margin-inline-end: calc(var(--platform-space-unit) * -13) !important; }
    .ma-xxl-n13& { margin: calc(var(--platform-space-unit) * -13) !important; }
    .mt-xxl-n14&, .my-xxl-n14& { margin-top: calc(var(--platform-space-unit) * -14) !important; }
    .mr-xxl-n14&, .mx-xxl-n14& { margin-right: calc(var(--platform-space-unit) * -14) !important; }
    .ml-xxl-n14&, .mx-xxl-n14& { margin-left: calc(var(--platform-space-unit) * -14) !important; }
    .mb-xxl-n14&, .my-xxl-n14& { margin-bottom: calc(var(--platform-space-unit) * -14) !important; }
    .ms-xxl-n14& { margin-inline-start: calc(var(--platform-space-unit) * -14) !important; }
    .me-xxl-n14& { margin-inline-end: calc(var(--platform-space-unit) * -14) !important; }
    .ma-xxl-n14& { margin: calc(var(--platform-space-unit) * -14) !important; }
    .mt-xxl-n15&, .my-xxl-n15& { margin-top: calc(var(--platform-space-unit) * -15) !important; }
    .mr-xxl-n15&, .mx-xxl-n15& { margin-right: calc(var(--platform-space-unit) * -15) !important; }
    .ml-xxl-n15&, .mx-xxl-n15& { margin-left: calc(var(--platform-space-unit) * -15) !important; }
    .mb-xxl-n15&, .my-xxl-n15& { margin-bottom: calc(var(--platform-space-unit) * -15) !important; }
    .ms-xxl-n15& { margin-inline-start: calc(var(--platform-space-unit) * -15) !important; }
    .me-xxl-n15& { margin-inline-end: calc(var(--platform-space-unit) * -15) !important; }
    .ma-xxl-n15& { margin: calc(var(--platform-space-unit) * -15) !important; }
    .mt-xxl-n16&, .my-xxl-n16& { margin-top: calc(var(--platform-space-unit) * -16) !important; }
    .mr-xxl-n16&, .mx-xxl-n16& { margin-right: calc(var(--platform-space-unit) * -16) !important; }
    .ml-xxl-n16&, .mx-xxl-n16& { margin-left: calc(var(--platform-space-unit) * -16) !important; }
    .mb-xxl-n16&, .my-xxl-n16& { margin-bottom: calc(var(--platform-space-unit) * -16) !important; }
    .ms-xxl-n16& { margin-inline-start: calc(var(--platform-space-unit) * -16) !important; }
    .me-xxl-n16& { margin-inline-end: calc(var(--platform-space-unit) * -16) !important; }
    .ma-xxl-n16& { margin: calc(var(--platform-space-unit) * -16) !important; }
    .mt-xxl-n17&, .my-xxl-n17& { margin-top: calc(var(--platform-space-unit) * -17) !important; }
    .mr-xxl-n17&, .mx-xxl-n17& { margin-right: calc(var(--platform-space-unit) * -17) !important; }
    .ml-xxl-n17&, .mx-xxl-n17& { margin-left: calc(var(--platform-space-unit) * -17) !important; }
    .mb-xxl-n17&, .my-xxl-n17& { margin-bottom: calc(var(--platform-space-unit) * -17) !important; }
    .ms-xxl-n17& { margin-inline-start: calc(var(--platform-space-unit) * -17) !important; }
    .me-xxl-n17& { margin-inline-end: calc(var(--platform-space-unit) * -17) !important; }
    .ma-xxl-n17& { margin: calc(var(--platform-space-unit) * -17) !important; }
    .mt-xxl-n18&, .my-xxl-n18& { margin-top: calc(var(--platform-space-unit) * -18) !important; }
    .mr-xxl-n18&, .mx-xxl-n18& { margin-right: calc(var(--platform-space-unit) * -18) !important; }
    .ml-xxl-n18&, .mx-xxl-n18& { margin-left: calc(var(--platform-space-unit) * -18) !important; }
    .mb-xxl-n18&, .my-xxl-n18& { margin-bottom: calc(var(--platform-space-unit) * -18) !important; }
    .ms-xxl-n18& { margin-inline-start: calc(var(--platform-space-unit) * -18) !important; }
    .me-xxl-n18& { margin-inline-end: calc(var(--platform-space-unit) * -18) !important; }
    .ma-xxl-n18& { margin: calc(var(--platform-space-unit) * -18) !important; }
    .mt-xxl-n19&, .my-xxl-n19& { margin-top: calc(var(--platform-space-unit) * -19) !important; }
    .mr-xxl-n19&, .mx-xxl-n19& { margin-right: calc(var(--platform-space-unit) * -19) !important; }
    .ml-xxl-n19&, .mx-xxl-n19& { margin-left: calc(var(--platform-space-unit) * -19) !important; }
    .mb-xxl-n19&, .my-xxl-n19& { margin-bottom: calc(var(--platform-space-unit) * -19) !important; }
    .ms-xxl-n19& { margin-inline-start: calc(var(--platform-space-unit) * -19) !important; }
    .me-xxl-n19& { margin-inline-end: calc(var(--platform-space-unit) * -19) !important; }
    .ma-xxl-n19& { margin: calc(var(--platform-space-unit) * -19) !important; }
    .mt-xxl-n20&, .my-xxl-n20& { margin-top: calc(var(--platform-space-unit) * -20) !important; }
    .mr-xxl-n20&, .mx-xxl-n20& { margin-right: calc(var(--platform-space-unit) * -20) !important; }
    .ml-xxl-n20&, .mx-xxl-n20& { margin-left: calc(var(--platform-space-unit) * -20) !important; }
    .mb-xxl-n20&, .my-xxl-n20& { margin-bottom: calc(var(--platform-space-unit) * -20) !important; }
    .ms-xxl-n20& { margin-inline-start: calc(var(--platform-space-unit) * -20) !important; }
    .me-xxl-n20& { margin-inline-end: calc(var(--platform-space-unit) * -20) !important; }
    .ma-xxl-n20& { margin: calc(var(--platform-space-unit) * -20) !important; }
    .gap-xxl-0& { gap: calc(var(--platform-space-unit) * 0); }
    .gap-x-xxl-0& { column-gap: calc(var(--platform-space-unit) * 0); }
    .gap-y-xxl-0& { row-gap: calc(var(--platform-space-unit) * 0); }
    .gap-xxl-1& { gap: calc(var(--platform-space-unit) * 1); }
    .gap-x-xxl-1& { column-gap: calc(var(--platform-space-unit) * 1); }
    .gap-y-xxl-1& { row-gap: calc(var(--platform-space-unit) * 1); }
    .gap-xxl-2& { gap: calc(var(--platform-space-unit) * 2); }
    .gap-x-xxl-2& { column-gap: calc(var(--platform-space-unit) * 2); }
    .gap-y-xxl-2& { row-gap: calc(var(--platform-space-unit) * 2); }
    .gap-xxl-3& { gap: calc(var(--platform-space-unit) * 3); }
    .gap-x-xxl-3& { column-gap: calc(var(--platform-space-unit) * 3); }
    .gap-y-xxl-3& { row-gap: calc(var(--platform-space-unit) * 3); }
    .gap-xxl-4& { gap: calc(var(--platform-space-unit) * 4); }
    .gap-x-xxl-4& { column-gap: calc(var(--platform-space-unit) * 4); }
    .gap-y-xxl-4& { row-gap: calc(var(--platform-space-unit) * 4); }
    .gap-xxl-5& { gap: calc(var(--platform-space-unit) * 5); }
    .gap-x-xxl-5& { column-gap: calc(var(--platform-space-unit) * 5); }
    .gap-y-xxl-5& { row-gap: calc(var(--platform-space-unit) * 5); }
    .gap-xxl-6& { gap: calc(var(--platform-space-unit) * 6); }
    .gap-x-xxl-6& { column-gap: calc(var(--platform-space-unit) * 6); }
    .gap-y-xxl-6& { row-gap: calc(var(--platform-space-unit) * 6); }
    .gap-xxl-7& { gap: calc(var(--platform-space-unit) * 7); }
    .gap-x-xxl-7& { column-gap: calc(var(--platform-space-unit) * 7); }
    .gap-y-xxl-7& { row-gap: calc(var(--platform-space-unit) * 7); }
    .gap-xxl-8& { gap: calc(var(--platform-space-unit) * 8); }
    .gap-x-xxl-8& { column-gap: calc(var(--platform-space-unit) * 8); }
    .gap-y-xxl-8& { row-gap: calc(var(--platform-space-unit) * 8); }
    .gap-xxl-9& { gap: calc(var(--platform-space-unit) * 9); }
    .gap-x-xxl-9& { column-gap: calc(var(--platform-space-unit) * 9); }
    .gap-y-xxl-9& { row-gap: calc(var(--platform-space-unit) * 9); }
    .gap-xxl-10& { gap: calc(var(--platform-space-unit) * 10); }
    .gap-x-xxl-10& { column-gap: calc(var(--platform-space-unit) * 10); }
    .gap-y-xxl-10& { row-gap: calc(var(--platform-space-unit) * 10); }
    .gap-xxl-11& { gap: calc(var(--platform-space-unit) * 11); }
    .gap-x-xxl-11& { column-gap: calc(var(--platform-space-unit) * 11); }
    .gap-y-xxl-11& { row-gap: calc(var(--platform-space-unit) * 11); }
    .gap-xxl-12& { gap: calc(var(--platform-space-unit) * 12); }
    .gap-x-xxl-12& { column-gap: calc(var(--platform-space-unit) * 12); }
    .gap-y-xxl-12& { row-gap: calc(var(--platform-space-unit) * 12); }
    .gap-xxl-13& { gap: calc(var(--platform-space-unit) * 13); }
    .gap-x-xxl-13& { column-gap: calc(var(--platform-space-unit) * 13); }
    .gap-y-xxl-13& { row-gap: calc(var(--platform-space-unit) * 13); }
    .gap-xxl-14& { gap: calc(var(--platform-space-unit) * 14); }
    .gap-x-xxl-14& { column-gap: calc(var(--platform-space-unit) * 14); }
    .gap-y-xxl-14& { row-gap: calc(var(--platform-space-unit) * 14); }
    .gap-xxl-15& { gap: calc(var(--platform-space-unit) * 15); }
    .gap-x-xxl-15& { column-gap: calc(var(--platform-space-unit) * 15); }
    .gap-y-xxl-15& { row-gap: calc(var(--platform-space-unit) * 15); }
    .gap-xxl-16& { gap: calc(var(--platform-space-unit) * 16); }
    .gap-x-xxl-16& { column-gap: calc(var(--platform-space-unit) * 16); }
    .gap-y-xxl-16& { row-gap: calc(var(--platform-space-unit) * 16); }
    .gap-xxl-17& { gap: calc(var(--platform-space-unit) * 17); }
    .gap-x-xxl-17& { column-gap: calc(var(--platform-space-unit) * 17); }
    .gap-y-xxl-17& { row-gap: calc(var(--platform-space-unit) * 17); }
    .gap-xxl-18& { gap: calc(var(--platform-space-unit) * 18); }
    .gap-x-xxl-18& { column-gap: calc(var(--platform-space-unit) * 18); }
    .gap-y-xxl-18& { row-gap: calc(var(--platform-space-unit) * 18); }
    .gap-xxl-19& { gap: calc(var(--platform-space-unit) * 19); }
    .gap-x-xxl-19& { column-gap: calc(var(--platform-space-unit) * 19); }
    .gap-y-xxl-19& { row-gap: calc(var(--platform-space-unit) * 19); }
    .gap-xxl-20& { gap: calc(var(--platform-space-unit) * 20); }
    .gap-x-xxl-20& { column-gap: calc(var(--platform-space-unit) * 20); }
    .gap-y-xxl-20& { row-gap: calc(var(--platform-space-unit) * 20); }
}
}