@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4,
button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  color: currentColor;
}

[aria-current], [aria-current]:hover, [aria-current]:focus {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  color: currentColor;
  pointer-events: none !important;
}

/* Make images easier to work with */
img,
picture,
svg {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/**
 * Do not edit directly
 * Generated on Mon, 16 Sep 2024 14:08:19 GMT
 */
:root, .c8y-light-theme {
  --c8y-elevation-color: 1, 31, 61; /* The rgb values of #212121 (the palette-gray-10) */
  --c8y-main-header-border-color: transparent;
  --c8y-main-header-background-hover: inherit;
  --c8y-link-hover-color: #1481b8;
  --c8y-link-color: #1481b8;
  --c8y-headings-color: inherit;
  --c8y-palette-yellow-80: #fff6db;
  --c8y-palette-yellow-70: #ffe392;
  --c8y-palette-yellow-68: #FBD462;
  --c8y-palette-yellow-65: #FDC931;
  --c8y-palette-yellow-60: #ffbe00;
  --c8y-palette-yellow-50: #dea500;
  --c8y-palette-yellow-40: #bf8e00;
  --c8y-palette-yellow-30: #956f00;
  --c8y-palette-yellow-20: #654b00;
  --c8y-palette-yellow-10: #4e3a00;
  --c8y-palette-orange-80: #fff5e9;
  --c8y-palette-orange-70: #ffe0bd;
  --c8y-palette-orange-60: #ffc17a;
  --c8y-palette-orange-50: #ff8800;
  --c8y-palette-orange-40: #e57a00;
  --c8y-palette-orange-30: #b35f00;
  --c8y-palette-orange-20: #794000;
  --c8y-palette-orange-10: #5e3200;
  --c8y-palette-red-80: #fdf4f4;
  --c8y-palette-red-70: #fadfdf;
  --c8y-palette-red-60: #f5c0c0;
  --c8y-palette-red-50: #ee9797;
  --c8y-palette-red-40: #e87373;
  --c8y-palette-red-30: #d70f0f;
  --c8y-palette-red-20: #a00b0b;
  --c8y-palette-red-10: #7e0909;
  --c8y-palette-blue-80: #f1f7fd;
  --c8y-palette-blue-70: #d7e7f8;
  --c8y-palette-blue-60: #b0d0f2;
  --c8y-palette-blue-50: #7fb3ea;
  --c8y-palette-blue-40: #559ae3;
  --c8y-palette-blue-30: #056ad6;
  --c8y-palette-blue-20: #044d9c;
  --c8y-palette-blue-10: #033c79;
  --c8y-palette-green-80: #eff9ef;
  --c8y-palette-green-70: #d1ecd1;
  --c8y-palette-green-60: #a5daa5;
  --c8y-palette-green-50: #6ac26a;
  --c8y-palette-green-40: #119d11;
  --c8y-palette-green-30: #0f880f;
  --c8y-palette-green-20: #0a5c0a;
  --c8y-palette-green-10: #084708;
  --c8y-palette-fixed-light: #fff;
  --c8y-palette-fixed-dark: #212121;
  --c8y-palette-status-realtime: #00bb00;
  --c8y-palette-status-success-dark: #007700; /* suitable for text */
  --c8y-palette-status-success-light: #f4fce3;
  --c8y-palette-status-success: #71A112;
  --c8y-palette-gray-100: #F9FAFB;
  --c8y-palette-gray-90: #F0F2F4;
  --c8y-palette-gray-80: #E8EBED;
  --c8y-palette-gray-70: #E3E5E8;
  --c8y-palette-gray-60: #D4D9DE;
  --c8y-palette-gray-50: #8B96A0;
  --c8y-palette-gray-40: #657381;
  --c8y-palette-gray-30: #4C5967;
  --c8y-palette-gray-20: #2A3846;
  --c8y-palette-gray-10: #212121;
  --c8y-palette-low: black;
  --c8y-palette-high: white;
  --c8y-global-disabled-opacity: .55;
  --c8y-dl-horizontal-offset: 180;
  --c8y-code-border-color: transparent;
  --c8y-code-border-radius: 0;
  --c8y-pre-border-radius: 0;
  --c8y-blockquote-border-color: transparent;
  --c8y-line-height-small: 1;
  --c8y-line-height-large: 1.3333333; /* extra decimals for Win 8.1 Chrome */
  --c8y-line-height-headings: 1.1;
  --c8y-line-height-base: 1.42857142857;
  --c8y-font-weight-headings: 600;
  --c8y-font-weight-base: 400;
  --c8y-font-size-base: 14px;
  --c8y-font-family-mono-spaced: Menlo, Monaco, Consolas, "Courier New", monospace;
  --c8y-font-family-serif: Georgia, "Times New Roman", Times, sans-serif;
  --c8y-font-family-sans-serif: "Public Sans", Helvetica, Arial, sans-serif;
  --c8y-tooltip-opacity: .95;
  --c8y-tooltip-arrow-width: 5px;
  --c8y-tooltip-width: 200px;
  --c8y-tooltip-border-radius: 3px;
  --c8y-table-cell-padding-default: 13px;
  --c8y-unit-base: 8px;
  --c8y-root-component-scrollbar-thumb-default: rgba(57, 72, 82, .2);
  --c8y-root-component-color-expanded: inherit;
  --c8y-root-component-background-disabled: rgba(0,0,0,.1); /* Don't use when changing opacity */
  --c8y-root-component-border-caret-width: 6px;
  --c8y-root-component-border-radius-focus: 4px;
  --c8y-root-component-border-radius-small: 0;
  --c8y-root-component-border-radius-large: 2px;
  --c8y-root-component-border-radius-base: 0;
  --c8y-root-component-border-style: solid;
  --c8y-root-component-border-width: 0;
  --c8y-root-component-padding-xs-horizontal: 5px;
  --c8y-root-component-padding-xs-vertical: 1px;
  --c8y-root-component-padding-small-vertical: 5px;
  --c8y-root-component-padding-large-vertical: 9px;
  --c8y-popover-arrow-width: 10px;
  --c8y-popover-width: 276px;
  --c8y-popover-border-radius: 4px;
  --c8y-navigator-active-border-width: 4px;
  --c8y-navigator-app-icon-size: 46px;
  --c8y-navigator-app-name-size: 16px;
  --c8y-navigator-platform-logo-height: 32;
  --c8y-nav-tabs-background-hover: transparent;
  --c8y-nav-tabs-background-default: transparent;
  --c8y-nav-tabs-vertical-width: 170px;
  --c8y-nav-tabs-border-width-active: 4px;
  --c8y-nav-tabs-border-width-default: 1px;
  --c8y-navlink-background-focus: transparent;
  --c8y-navlink-background-active: transparent;
  --c8y-navlink-background-hover: transparent;
  --c8y-navbar-border-color: transparent;
  --c8y-modal-backdrop-opacity: 0.5;
  --c8y-modal-border-radius: 4px;
  --c8y-modal-inner-scroll-height-sm: 35vh;
  --c8y-modal-inner-scroll-height-default: 62vh;
  --c8y-modal-size-sm: 450px;
  --c8y-modal-size-md: 600px;
  --c8y-modal-size-lg: 900px;
  --c8y-form-validation-bottom-margin: 24px;
  --c8y-form-control-height-lg: 40px;
  --c8y-form-control-height-sm: 28px;
  --c8y-form-control-height-base: 32px;
  --c8y-form-control-placeholder-font-style: italic;
  --c8y-form-control-border-width: 1px;
  --c8y-form-control-line-height: 1.42857143;
  --c8y-form-control-font-weight: normal;
  --c8y-form-legend-font-weight: 400;
  --c8y-form-legend-text-transform: uppercase;
  --c8y-form-label-font-weight: 600;
  --c8y-form-label-text-transform: none;
  --c8y-btn-shadow-default: none;
  --c8y-btn-transition-default: all 0.15s ease-out;
  --c8y-btn-padding-icon-horizontal: 9px;
  --c8y-btn-padding-xs-vertical: 1px;
  --c8y-btn-padding-xs-horizontal: 10px;
  --c8y-btn-padding-small-vertical: 5px;
  --c8y-btn-padding-small-horizontal: 14px;
  --c8y-btn-padding-large-vertical: 9px;
  --c8y-btn-padding-large-horizontal: 16px;
  --c8y-btn-border-radius-pill: 24px;
  --c8y-btn-border-radius-xs: 12px;
  --c8y-btn-border-radius-small: calc(var(--btn-border-radius-base, 0) * 0.75px);
  --c8y-btn-border-radius-large: calc(var(--btn-border-radius-base, 0) * 1.25px);
  --c8y-btn-border-radius-base: var(--btn-border-radius-base, 2px);
  --c8y-btn-line-height-xs: 1;
  --c8y-btn-line-height-small: 1.2;
  --c8y-btn-line-height-large: 1.2;
  --c8y-btn-group-border-radius: 0;
  --c8y-badge-line-height: 1;
  --c8y-badge-font-weight: bold;
  --c8y-badge-padding: 0.25em 0.4em 0.15em;
  --c8y-badge-border-radius: 10px;
  --c8y-alert-status-symbol-font-family: "dlt-c8y-icons";
  --c8y-alert-status-symbol-size: 24px;
  --c8y-alert-padding: 16px 16px 16px 48px;
  --c8y-alert-border-style: solid;
  --c8y-alert-border-width: 4px;
  --c8y-alert-max-width: 600px;
  --c8y-elevation-hover: 0 0 0 1px rgba(var(--c8y-elevation-color), .05), 0 4px 4px rgba(var(--c8y-elevation-color), 0.01), 0 8px 8px rgba(var(--c8y-elevation-color), 0.01), 0 16px 16px rgba(var(--c8y-elevation-color), 0.03), 0 32px 32px rgba(var(--c8y-elevation-color), 0.05), 0 16px 64px rgba(var(--c8y-elevation-color), .1);
  --c8y-elevation-sm: 0 0 1px 1px rgba(var(--c8y-elevation-color), .05), 0 2px 2px rgba(var(--c8y-elevation-color), .15); /* Elevation for Cards, Select dropdowns, Date pickers, Time pickers */
  --c8y-elevation-md-bottom: 0 2px 12px 2px rgba(var(--c8y-elevation-color), .08), 0 2px 18px 4px rgba(var(--c8y-elevation-color), .1); /* Elevation md bottom */
  --c8y-elevation-md-top: 0 -2px 12px 2px rgba(var(--c8y-elevation-color), .08), 0 -4px 18px 4px rgba(var(--c8y-elevation-color), .1); /* Elevation md rop */
  --c8y-elevation-md-left: -4px 0 12px 2px rgba(var(--c8y-elevation-color), .08), -4px 0 18px 4px rgba(var(--c8y-elevation-color), .1); /* Elevation md right */
  --c8y-elevation-md-right: 4px 0 12px 2px rgba(var(--c8y-elevation-color), .08), 4px 0 18px 4px rgba(var(--c8y-elevation-color), .1); /* Elevation md right */
  --c8y-elevation-lg: 0 0 4px rgba(var(--c8y-elevation-color), .10), 0 8px 16px rgba(var(--c8y-elevation-color), .12), 0 0 16px rgba(var(--c8y-elevation-color), .04), 0 36px 52px rgba(var(--c8y-elevation-color), .05), 0 8px 36px rgba(var(--c8y-elevation-color), .16); /* Elevation for Modals and full screen overlaying elements */
  --c8y-elevation-border: inset 0 0 0 1px var(--c8y-palette-gray-80); /* For App switchers, Overflow menus, Tooltips */
  --c8y-right-drawer-separator-color: var(--c8y-palette-gray-70);
  --c8y-right-drawer-text-color-default: var(--c8y-palette-gray-10);
  --c8y-right-drawer-background-selected: var(--c8y-palette-gray-80);
  --c8y-right-drawer-background-default: var(--c8y-palette-gray-100);
  --c8y-main-header-background-default: var(--c8y-palette-high);
  --c8y-abbr-border-color: var(--c8y-palette-gray-40);
  --c8y-text-muted: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-gray-10);
  --c8y-level-4: var(--c8y-palette-gray-70);
  --c8y-level-3: var(--c8y-palette-gray-80);
  --c8y-level-2: var(--c8y-palette-gray-90);
  --c8y-level-1: var(--c8y-palette-gray-100);
  --c8y-brand-accent-light: var(--c8y-palette-blue-80);
  --c8y-brand-accent-dark: var(--c8y-palette-blue-10);
  --c8y-brand-accent: var(--c8y-palette-blue-30);
  --c8y-brand-80: var(--c8y-palette-green-80);
  --c8y-brand-70: var(--c8y-palette-green-70);
  --c8y-brand-60: var(--c8y-palette-green-60);
  --c8y-brand-50: var(--c8y-palette-green-50);
  --c8y-brand-40: var(--c8y-palette-green-40);
  --c8y-brand-30: var(--c8y-palette-green-30);
  --c8y-brand-20: var(--c8y-palette-green-20);
  --c8y-brand-10: var(--c8y-palette-green-10);
  --c8y-body-background-color: var(--c8y-palette-high);
  --c8y-palette-status-system: var(--c8y-palette-gray-70);
  --c8y-palette-status-info-dark: var(--c8y-palette-blue-10);
  --c8y-palette-status-info-light: var(--c8y-palette-blue-70);
  --c8y-palette-status-info: var(--c8y-palette-blue-30);
  --c8y-palette-status-danger-dark: var(--c8y-palette-red-10); /* suitable for text */
  --c8y-palette-status-danger-light: var(--c8y-palette-red-80);
  --c8y-palette-status-danger: var(--c8y-palette-red-30);
  --c8y-palette-status-warning-high: var(--c8y-palette-orange-80);
  --c8y-palette-status-warning-light: var(--c8y-palette-yellow-60);
  --c8y-palette-status-warning-dark: var(--c8y-palette-orange-10);
  --c8y-palette-status-warning: var(--c8y-palette-orange-50);
  --c8y-global-separator: var(--c8y-palette-gray-80);
  --c8y-global-odd: linear-gradient(to top,var(--c8y-palette-gray-90), var(--c8y-palette-gray-90));
  --c8y-code-color: var(--c8y-palette-blue-30);
  --c8y-code-background: var(--c8y-palette-blue-80);
  --c8y-code-font-size: calc(var(--c8y-font-size-base) - 1px);
  --c8y-code-font-family: var(--c8y-font-family-mono-spaced);
  --c8y-pre-color: var(--c8y-palette-gray-30);
  --c8y-pre-background: var(--c8y-palette-gray-90);
  --c8y-pre-border-color: var(--c8y-palette-gray-70);
  --c8y-font-size-h6: calc(var(--c8y-font-size-base) * 0.85714285714); /* 12px */
  --c8y-font-size-h5: var(--c8y-font-size-base); /* 14px */
  --c8y-font-size-h4: calc(var(--c8y-font-size-base) * 1.285714285715); /* 18px */
  --c8y-font-size-h3: calc(var(--c8y-font-size-base) * 1.714285714285714); /* 24px */
  --c8y-font-size-h2: calc(var(--c8y-font-size-base) * 2.142857142854); /* 30px */
  --c8y-font-size-h1: calc(var(--c8y-font-size-base) * 2.57142857143); /* 36px */
  --c8y-font-size-xs: calc(var(--c8y-font-size-base) * 0.7142857143); /* 10px */
  --c8y-font-size-small: calc(var(--c8y-font-size-base) * 0.85714285714); /* 12px */
  --c8y-font-size-large: calc(var(--c8y-font-size-base) * 1.214285714285); /* 17px */
  --c8y-font-family-base: var(--c8y-font-family-sans-serif);
  --c8y-tooltip-color-default: var(--c8y-palette-gray-100);
  --c8y-tooltip-background-default: var(--c8y-palette-gray-10);
  --c8y-switch-handle-background: var(--c8y-palette-high);
  --c8y-switch-background-default: var(--c8y-palette-gray-50);
  --c8y-switch-radius: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-height: calc(var(--c8y-unit-base) * 3.75);
  --c8y-switch-width: calc(var(--c8y-unit-base) * 7.5);
  --c8y-table-cell-padding-condensed: var(--c8y-unit-base);
  --c8y-root-component-scrollbar-thumb-hover: var(--c8y-palette-gray-40);
  --c8y-root-component-icon-color: var(--c8y-palette-gray-30);
  --c8y-root-component-icon-white-color-dark: var(--c8y-palette-high);
  --c8y-root-component-pulse-color: var(--c8y-palette-status-realtime);
  --c8y-root-component-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-actions-opacity: var(--c8y-global-disabled-opacity);
  --c8y-root-component-color-disabled: var(--c8y-palette-gray-70); /* Don't use when changing opacity */
  --c8y-root-component-color-actions: var(--c8y-palette-gray-30);
  --c8y-root-component-color-link-hover: var(--c8y-link-hover-color);
  --c8y-root-component-color-link: var(--c8y-link-color);
  --c8y-root-component-background-expanded: var(--c8y-palette-gray-100);
  --c8y-root-component-background-default: var(--c8y-palette-high);
  --c8y-root-component-padding: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-small-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-large-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-root-component-padding-base-horizontal: var(--c8y-unit-base);
  --c8y-root-component-padding-base-vertical: calc(var(--c8y-unit-base) * 0.625);
  --c8y-page-sticky-header-color-active: var(--c8y-link-color);
  --c8y-page-sticky-header-color-hover: var(--c8y-link-hover-color);
  --c8y-page-sticky-header-color-default: var(--c8y-palette-gray-10);
  --c8y-page-sticky-header-background-default: var(--c8y-palette-gray-100);
  --c8y-page-sticky-header-height: calc(var(--c8y-unit-base) * 6);
  --c8y-navigator-scrollbar-thumb-default: var(--c8y-root-component-scrollbar-thumb-default);
  --c8y-navigator-separator-color: var(--c8y-palette-gray-70);
  --c8y-navigator-text-color-default: var(--c8y-palette-gray-10);
  --c8y-navigator-background-selected: var(--c8y-palette-gray-80);
  --c8y-navigator-background-default: var(--c8y-palette-gray-100);
  --c8y-navigator-font-size: var(--c8y-font-size-base);
  --c8y-nav-pills-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-pills-background-active: var(--c8y-navlink-background-active);
  --c8y-nav-pills-background-hover: var(--c8y-navlink-background-hover);
  --c8y-nav-pills-border-radius: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-background-focus: var(--c8y-navlink-background-focus);
  --c8y-nav-tabs-vertical-padding-vertical: calc(var(--c8y-unit-base) + 2px);
  --c8y-nav-tabs-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-nav-tabs-icon-color-default: var(--c8y-palette-gray-40);
  --c8y-nav-tabs-icon-size: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-horizontal: calc(var(--c8y-unit-base) * 2);
  --c8y-navlink-padding-vertical: calc(var(--c8y-unit-base) * 1.5 + 2px);
  --c8y-navbar-margin-bottom: calc(var(--c8y-unit-base) * 2);
  --c8y-navbar-height: calc(var(--c8y-unit-base) * 6);
  --c8y-modal-backdrop-background: var(--c8y-palette-low);
  --c8y-form-validation-color-success: var(--c8y-palette-status-success);
  --c8y-form-control-disabled-opacity: var(--c8y-global-disabled-opacity);
  --c8y-form-control-background-disabled: var(--c8y-component-background-disabled, var(--c8y-root-component-background-disabled));
  --c8y-form-control-placeholder-color: var(--c8y-palette-gray-40);
  --c8y-form-control-border-color-default: var(--c8y-palette-gray-60);
  --c8y-form-control-border-radius: var(--c8y-root-component-border-radius-base);
  --c8y-form-legend-color: var(--c8y-palette-gray-40);
  --c8y-form-label-color: var(--c8y-palette-gray-20);
  --c8y-form-label-font-size: var(--c8y-font-size-base);
  --c8y-btn-danger-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-active: var(--c8y-palette-high);
  --c8y-btn-primary-color-default: var(--c8y-palette-high);
  --c8y-btn-line-height-base: var(--c8y-line-height-base);
  --c8y-btn-font-size-base: var(--c8y-font-size-base);
  --c8y-btn-font-weight: var(--c8y-font-weight-base);
  --c8y-alert-status-success: var(--c8y-palette-status-success);
  --c8y-dropdown-background-default: var(--c8y-root-component-background-default);
  --c8y-action-bar-icon-color: var(--c8y-root-component-icon-color);
  --c8y-action-bar-disabled-opacity: var(--c8y-root-component-disabled-opacity);
  --c8y-action-bar-actions-opacity: var(--c8y-root-component-actions-opacity);
  --c8y-action-bar-color-actions: var(--c8y-root-component-color-actions);
  --c8y-action-bar-background-default: var(--c8y-root-component-background-default);
  --c8y-right-drawer-text-color-active: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-text-color-selected: var(--c8y-right-drawer-text-color-default);
  --c8y-right-drawer-background-active: var(--c8y-brand-70);
  --c8y-main-header-shadow: var(--c8y-elevation-md-bottom);
  --c8y-main-header-text-color-default: var(--c8y-text-color);
  --c8y-main-header-background-active: var(--c8y-brand-70);
  --c8y-level-0: var(--c8y-body-background-color);
  --c8y-brand-realtime-added: var(--c8y-brand-80);
  --c8y-brand-dark: var(--brand-dark, var(--c8y-brand-10));
  --c8y-brand-light: var(--brand-light, var(--c8y-brand-60));
  --c8y-brand-primary: var(--brand-primary, var(--c8y-brand-40));
  --c8y-blockquote-font-size: var(--c8y-font-size-h4);
  --c8y-switch-handle-color: var(--c8y-text-color);
  --c8y-switch-background-active: var(--c8y-brand-40);
  --c8y-root-component-form-control-placeholder-color: var(--c8y-form-control-placeholder-color);
  --c8y-root-component-form-control-border-color-default: var(--c8y-form-control-border-color-default);
  --c8y-root-component-form-control-background-disabled: var(--c8y-form-control-background-disabled);
  --c8y-root-component-form-legend-color: var(--c8y-form-legend-color);
  --c8y-root-component-form-label-color: var(--c8y-form-label-color);
  --c8y-root-component-scrollbar-track: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-root-component-separator-color: var(--c8y-global-separator);
  --c8y-root-component-color-text-muted: var(--c8y-text-muted);
  --c8y-root-component-color-odd: var(--c8y-text-color);
  --c8y-root-component-color-default: var(--c8y-text-color);
  --c8y-root-component-background-hover: var(--c8y-brand-80);
  --c8y-root-component-background-focus: var(--c8y-root-component-background-default);
  --c8y-root-component-background-expanded-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, var(--c8y-root-component-background-expanded) 12px, var(--c8y-root-component-background-expanded) calc(100% - 12px), rgba(0, 0, 0, 0.03) 100%);
  --c8y-root-component-background-active: var(--c8y-root-component-background-default);
  --c8y-root-component-background-odd: var(--c8y-global-odd); /* use for alternate stripes for example */
  --c8y-root-component-border-color: var(--c8y-global-separator);
  --c8y-popover-icon-color: var(--c8y-root-component-icon-color);
  --c8y-popover-color-link-hover: var(--c8y-root-component-color-link-hover);
  --c8y-popover-color-link: var(--c8y-root-component-color-link);
  --c8y-popover-background-default: var(--c8y-root-component-background-default);
  --c8y-popover-padding: var(--c8y-root-component-padding);
  --c8y-navigator-scrollbar-thumb-hover: var(--c8y-root-component-scrollbar-thumb-hover);
  --c8y-navigator-header-color: var(--c8y-navigator-text-color-default);
  --c8y-navigator-header-background: var(--c8y-navigator-background-default);
  --c8y-navigator-text-color-active: var(--c8y-navigator-text-color-default);
  --c8y-navigator-text-color-selected: var(--c8y-navigator-text-color-default);
  --c8y-navigator-background-active: var(--c8y-brand-70);
  --c8y-navigator-font-family: var(--c8y-font-family-base);
  --c8y-nav-pills-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-pills-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-nav-tabs-background-active: var(--c8y-root-component-background-default);
  --c8y-nav-tabs-vertical-padding-horizontal: var(--c8y-navlink-padding-horizontal);
  --c8y-nav-tabs-padding-vertical: var(--c8y-navlink-padding-vertical);
  --c8y-navlink-color-default: var(--c8y-text-color);
  --c8y-navlink-background-default: var(--c8y-root-component-background-default);
  --c8y-navbar-color-default: var(--c8y-text-color);
  --c8y-navbar-background-default: var(--c8y-root-component-background-default);
  --c8y-form-validation-color-info: var(--c8y-palette-status-info);
  --c8y-form-validation-color-warning: var(--c8y-palette-status-warning);
  --c8y-form-validation-color-error: var(--c8y-palette-status-danger);
  --c8y-form-control-color-disabled: var(--c8y-component-color-disabled, var(--c8y-root-component-color-disabled));
  --c8y-form-control-background-focus: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-background-default: var(--c8y-component-background-default, var(--c8y-root-component-background-default));
  --c8y-form-control-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-form-control-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-form-control-font-family: var(--c8y-font-family-base);
  --c8y-form-legend-font-size: var(--c8y-font-size-small);
  --c8y-btn-danger-border-color-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-border-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-border-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-danger-background-active: var(--c8y-palette-status-danger-dark);
  --c8y-btn-danger-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-danger-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-danger-color-focus: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-hover: var(--c8y-palette-status-danger);
  --c8y-btn-danger-color-default: var(--c8y-palette-status-danger);
  --c8y-btn-accent-border-color-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-border-color-default: var(--c8y-brand-accent);
  --c8y-btn-accent-background-active: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-focus: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-hover: var(--c8y-brand-accent-dark);
  --c8y-btn-accent-background-default: var(--c8y-brand-accent);
  --c8y-btn-accent-color-active: var(--c8y-text-color);
  --c8y-btn-accent-color-focus: var(--c8y-text-color);
  --c8y-btn-accent-color-hover: var(--c8y-text-color);
  --c8y-btn-accent-color-default: var(--c8y-text-color);
  --c8y-btn-primary-border-color-active: var(--c8y-brand-20);
  --c8y-btn-primary-background-active: var(--c8y-brand-10);
  --c8y-btn-primary-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-primary-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-active: var(--c8y-brand-70);
  --c8y-btn-default-background-focus: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-hover: var(--c8y-root-component-background-default);
  --c8y-btn-default-background-default: var(--c8y-root-component-background-default);
  --c8y-btn-padding-icon-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-vertical: var(--c8y-root-component-padding-base-vertical);
  --c8y-btn-padding-base-horizontal: var(--c8y-root-component-padding-base-horizontal);
  --c8y-btn-font-size-xs: var(--c8y-font-size-xs);
  --c8y-btn-font-size-small: var(--c8y-font-size-small);
  --c8y-btn-font-size-large: var(--c8y-font-size-large);
  --c8y-btn-font-family: var(--c8y-font-family-base);
  --c8y-badge-font-size: var(--c8y-font-size-small);
  --c8y-alert-background-default: var(--c8y-root-component-background-default);
  --c8y-alert-status-info: var(--c8y-palette-status-info);
  --c8y-alert-status-danger: var(--c8y-palette-status-danger);
  --c8y-alert-status-warning: var(--c8y-palette-status-warning);
  --c8y-action-bar-border-color: var(--c8y-root-component-border-color);
  --c8y-action-bar-color-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-action-bar-color-default: var(--c8y-root-component-color-default);
  --c8y-right-drawer-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-right-drawer-text-muted: var(--c8y-root-component-color-text-muted);
  --c8y-main-header-text-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-tooltip-border-color: var(--c8y-root-component-border-color);
  --c8y-root-component-form-control-color-disabled: var(--c8y-form-control-color-disabled);
  --c8y-root-component-form-control-background-focus: var(--c8y-form-control-background-focus);
  --c8y-root-component-form-control-background-default: var(--c8y-form-control-background-default);
  --c8y-root-component-icon-dark-color-dark: var(--c8y-brand-dark);
  --c8y-root-component-icon-dark-color-light: var(--c8y-brand-light);
  --c8y-root-component-icon-white-color-light: var(--c8y-brand-light);
  --c8y-root-component-brand-primary: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-spinner-color: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-realtime-added: var(--c8y-brand-realtime-added);
  --c8y-root-component-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-accent: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-actions-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-root-component-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-popover-label-color: var(--c8y-root-component-form-label-color);
  --c8y-popover-color-default: var(--c8y-root-component-color-default);
  --c8y-popover-border-color: var(--c8y-root-component-border-color);
  --c8y-navigator-scrollbar-track: var(--c8y-root-component-scrollbar-track);
  --c8y-navigator-border-selected: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-pills-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-pills-background-default: var(--c8y-navlink-background-default);
  --c8y-nav-tabs-color-default: var(--c8y-navlink-color-default);
  --c8y-nav-tabs-icon-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-icon-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-nav-tabs-border-color-default: var(--c8y-root-component-border-color);
  --c8y-navlink-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-navlink-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-form-control-icon-color: var(--brand-primary,var(--c8y-brand-primary));
  --c8y-form-control-color-focus: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-color-default: var(--c8y-component-color-default, var(--c8y-root-component-color-default));
  --c8y-form-control-border-color-focus: var(--brand-primary,var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-background-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-primary-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-border-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-active: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-focus: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-hover: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-btn-default-color-default: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-alert-color-default: var(--c8y-root-component-color-default);
  --c8y-alert-status-system: var(--brand-primary, var(--c8y-brand-primary));
  --c8y-action-bar-color-focus: var(--c8y-root-component-color-focus);
  --c8y-action-bar-color-actions-hover: var(--c8y-root-component-color-actions-hover);
  --c8y-right-drawer-link-color-hover: var(--c8y-root-component-brand-primary);
  --c8y-right-drawer-link-color-default: var(--c8y-root-component-brand-primary);
  --c8y-root-component-form-control-border-color-focus: var(--c8y-form-control-border-color-focus);
  --c8y-root-component-form-control-color-focus: var(--c8y-form-control-color-focus);
  --c8y-root-component-form-control-color-default: var(--c8y-form-control-color-default);
  --c8y-nav-pills-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-pills-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-pills-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-color-focus: var(--c8y-navlink-color-focus);
  --c8y-nav-tabs-color-active: var(--c8y-navlink-color-active);
  --c8y-nav-tabs-color-hover: var(--c8y-navlink-color-hover);
  --c8y-nav-tabs-border-color-active: var(--c8y-root-component-brand-primary);
  --c8y-navbar-link: var(--c8y-root-component-brand-primary);
}

/*
* Layout
***********/
/*
* Typography
***********/
:root {
  --btn-background-default: transparent;
  --btn-border-color-default: var(--c8y-palette-yellow-60);
  --btn-color-default: var(--c8y-palette-gray-10);
  --btn-background-focus: transparent;
  --btn-border-color-focus: var(--c8y-palette-yellow-60);
  --btn-color-focus: var(--c8y-palette-yellow-60);
  --btn-background-hover: var(--c8y-palette-yellow-70);
  --btn-border-color-hover: var(--c8y-palette-yellow-60);
  --btn-color-hover: var(--c8y-palette-gray-10);
  --btn-background-active: var(--c8y-palette-yellow-60);
  --btn-border-color-active:var(--c8y-palette-yellow-60);
  --btn-color-active: var(--c8y-palette-gray-10);
  --btn-primary-background-default: var(--c8y-palette-yellow-60);
  --btn-primary-border-color-default: var(--c8y-palette-yellow-60);
  --btn-primary-color-default: var(--c8y-palette-gray-10);
  --btn-primary-background-focus: transparent;
  --btn-primary-border-color-focus: var(--c8y-palette-yellow-60);
  --btn-primary-color-focus: var(--c8y-palette-yellow-60);
  --btn-primary-background-hover: var(--c8y-palette-yellow-70);
  --btn-primary-border-color-hover: var(--c8y-palette-yellow-60);
  --btn-primary-color-hover: var(--c8y-palette-gray-10);
  --btn-primary-background-active: var(--c8y-palette-yellow-60);
  --btn-primary-border-color-active:var(--c8y-palette-yellow-60);
  --btn-primary-color-active:var(--c8y-palette-gray-10);
  --c8y-brand-light: var(--c8y-palette-yellow-65);
  --c8y-brand-primary: var(--c8y-palette-yellow-60);
  --c8y-brand-dark: var(--c8y-palette-gray-20);
  --shadow-color: 0deg 0% 0%;
  --shadow-elevation-low:
    0px 1px 1.5px hsl(var(--shadow-color) / 0),
    0px 3.3px 4.9px hsl(var(--shadow-color) / 0.1);
  --shadow-elevation-medium:
    0px 1px 1.5px hsl(var(--shadow-color) / 0),
    0.1px 16.7px 25.1px hsl(var(--shadow-color) / 0.14);
  --shadow-elevation-high:
    0px 1px 1.5px hsl(var(--shadow-color) / 0),
    0.1px 21.6px 32.4px hsl(var(--shadow-color) / 0.12),
    0.2px 67px 100.5px hsl(var(--shadow-color) / 0.24);
}

.bg-yellow--60 {
  --btn-background-default: var(--c8y-palette-gray-100);
  --btn-border-color-default: var(--c8y-palette-gray-10);
  --btn-color-default: var(--c8y-palette-gray-10);
  --btn-background-hover: var(--c8y-palette-yellow-70);
  --btn-border-color-hover: var(--c8y-palette-yellow-10);
  --btn-color-hover: var(--c8y-palette-gray-10);
  --btn-background-active: var(--c8y-palette-yellow-65);
  --btn-border-color-active: var(--c8y-palette-yellow-10);
  --btn-color-active: var(--c8y-palette-gray-10);
  --btn-border-color-focus: var(--c8y-palette-yellow-10);
  --btn-background-focus: var(--c8y-palette-yellow-50);
  --btn-color-focus: var(--c8y-palette-gray-10);
}

.bg-green--10 {
  background-color: var(--c8y-palette-green-10);
}
.bg-green--20 {
  background-color: var(--c8y-palette-green-20);
}
.bg-green--30 {
  background-color: var(--c8y-palette-green-30);
}
.bg-green--40 {
  background-color: var(--c8y-palette-green-40);
  --grid-border-color: var(--c8y-palette-green-50);
  --section-title-color: var(--c8y-palette-gray-90);
}
.bg-green--50 {
  background-color: var(--c8y-palette-green-50);
}
.bg-green--60 {
  background-color: var(--c8y-palette-green-60);
}
.bg-green--70 {
  background-color: var(--c8y-palette-green-70);
}
.bg-green--80 {
  background-color: var(--c8y-palette-green-80);
}
.bg-blue--10 {
  background-color: var(--c8y-palette-blue-10);
  --grid-border-color: var(--c8y-palette-blue-40);
  --section-title-color: var(--c8y-palette-gray-90);
  --grid-blend-mode: lighten;
  color: var(--c8y-palette-gray-90);
}
.bg-blue--20 {
  background-color: var(--c8y-palette-blue-20);
  --grid-border-color: var(--c8y-palette-blue-40);
  --section-title-color: var(--c8y-palette-gray-90);
  --grid-blend-mode: lighten;
  color: var(--c8y-palette-gray-90);
  box-shadow: var(--c8y-elevation-md--top);
}
.bg-blue--30 {
  background-color: var(--c8y-palette-blue-30);
  --grid-border-color: var(--c8y-palette-blue-50);
  --section-title-color: var(--c8y-palette-gray-90);
  --grid-blend-mode: lighten;
  color: var(--c8y-palette-gray-90);
}
.bg-blue--40 {
  background-color: var(--c8y-palette-blue-40);
  --grid-border-color: var(--c8y-palette-blue-20);
}
.bg-blue--50 {
  background-color: var(--c8y-palette-blue-50);
}
.bg-blue--60 {
  background-color: var(--c8y-palette-blue-60);
  --grid-border-color: var(--c8y-palette-gray-60);
  --section-title-color: var(--c8y-palette-blue-30);
  --grid-blend-mode: multiply;
}
.bg-blue--60 .section-separator {
  color: var(--c8y-palette-blue-60);
}
.bg-blue--70 {
  background-color: var(--c8y-palette-blue-70);
}
.bg-blue--80 {
  background-color: var(--c8y-palette-blue-80);
}
.bg-red--10 {
  background-color: var(--c8y-palette-red-10);
}
.bg-red--20 {
  background-color: var(--c8y-palette-red-20);
}
.bg-red--30 {
  background-color: var(--c8y-palette-red-30);
}
.bg-red--40 {
  background-color: var(--c8y-palette-red-40);
}
.bg-red--50 {
  background-color: var(--c8y-palette-red-50);
}
.bg-red--60 {
  background-color: var(--c8y-palette-red-60);
}
.bg-red--70 {
  background-color: var(--c8y-palette-red-70);
}
.bg-red--80 {
  background-color: var(--c8y-palette-red-80);
}
.bg-yellow--10 {
  background-color: var(--c8y-palette-yellow-10);
}
.bg-yellow--20 {
  background-color: var(--c8y-palette-yellow-20);
}
.bg-yellow--30 {
  background-color: var(--c8y-palette-yellow-30);
}
.bg-yellow--40 {
  background-color: var(--c8y-palette-yellow-40);
}
.bg-yellow--50 {
  background-color: var(--c8y-palette-yellow-50);
}
.bg-yellow--60 {
  background-color: var(--c8y-palette-yellow-60);
  --grid-border-color: var(--c8y-palette-gray-60);
  --grid-blend-mode: multiply;
  --btn-border-color-default: var(--c8y-palette-gray-10);
  --link-underline: var(--c8y-palette-gray-10);
}
.bg-yellow--70 {
  background-color: var(--c8y-palette-yellow-70);
}
.bg-yellow--80 {
  background-color: var(--c8y-palette-yellow-80);
  --grid-border-color: var(--c8y-palette-gray-70);
  --grid-blend-mode: multiply;
}
.bg-orange--10 {
  background-color: var(--c8y-palette-orange-10);
}
.bg-orange--20 {
  background-color: var(--c8y-palette-orange-20);
}
.bg-orange--30 {
  background-color: var(--c8y-palette-orange-30);
}
.bg-orange--40 {
  background-color: var(--c8y-palette-orange-40);
  --grid-border-color: var(--c8y-palette-orange-30);
  --section-title-color: var(--c8y-palette-gray-100);
  color: var(--c8y-palette-gray-100);
}
.bg-orange--50 {
  background-color: var(--c8y-palette-orange-50);
  --grid-border-color: var(--c8y-palette-orange-40);
  --section-title-color: var(--c8y-palette-gray-10);
}
.bg-orange--60 {
  background-color: var(--c8y-palette-orange-60);
  --grid-border-color: var(--c8y-palette-orange-50);
  --grid-blend-mode: luminosity;
}
.bg-orange--70 {
  background-color: var(--c8y-palette-orange-70);
  --grid-border-color: var(--c8y-palette-orange-60);
  --grid-blend-mode: luminosity;
}
.bg-orange--80 {
  background-color: var(--c8y-palette-orange-80);
}
.bg-white {
  background-color: var(--c8y-palette-high);
  --grid-border-color: var(--c8y-palette-gray-60);
}
.bg-gray--10 {
  background-color: var(--c8y-palette-gray-10);
  --grid-border-color: var(--c8y-palette-gray-20);
  --section-title-color: var(--c8y-palette-yellow-60);
  --btn-background-default: var(--c8y-palette-gray-10);
  --btn-color-default: var(--c8y-palette-yellow-60);
}
.bg-gray--20 {
  background-color: var(--c8y-palette-gray-20);
}
.bg-gray--30 {
  background-color: var(--c8y-palette-gray-30);
}
.bg-gray--40 {
  background-color: var(--c8y-palette-gray-40);
}
.bg-gray--50 {
  background-color: var(--c8y-palette-gray-50);
}
.bg-gray--60 {
  background-color: var(--c8y-palette-gray-60);
}
.bg-gray--70 {
  background-color: var(--c8y-palette-gray-70);
}
.bg-gray--80 {
  background-color: var(--c8y-palette-gray-80);
}
.bg-gray--90 {
  background-color: var(--c8y-palette-gray-90);
}
.bg-gray--100 {
  background-color: var(--c8y-palette-gray-100);
}

.grad-sections--yellow {
  --btn-background-default: var(--c8y-palette-high);
  --btn-border-color-default: var(--c8y-palette-gray-10);
  --btn-color-default: var(--c8y-palette-gray-10);
  --btn-background-focus: var(--c8y-palette-high);
  --btn-border-color-focus: var(--c8y-palette-gray-10);
  --btn-color-focus: var(--c8y-palette-gray-10);
  --btn-background-hover: var(--c8y-palette-yellow-70);
  --btn-border-color-hover: var(--c8y-palette-gray-10);
  --btn-color-hover: var(--c8y-palette-gray-10);
  --btn-background-active: var(--c8y-palette-yellow-60);
  --btn-border-color-active:var(--c8y-palette-gray-10);
  --btn-color-active:var(--c8y-palette-gray-10);
}
.grad-sections--yellow .panel {
  display: flex;
  justify-content: center;
  color: var(--c8y-text-color);
  background-color: var(--panel-bg);
  --grid-blend-mode: darken;
  --section-separator-color: var(--grid-border-color);
}
.grad-sections--yellow .panel .section-separator {
  color: var(--panel-bg);
}
.grad-sections--yellow .panel:last-child .section-separator {
  display: none;
}
.grad-sections--yellow .panel:nth-child(1) {
  --panel-bg: var(--c8y-palette-yellow-80);
  --grid-border-color: var(--c8y-palette-gray-70);
  --grid-blend-mode: multiply;
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow .panel:nth-child(2) {
  --panel-bg: var(--c8y-palette-yellow-70);
  --grid-border-color: var(--c8y-palette-gray-60);
  --grid-blend-mode: multiply;
  --section-separator-color: var(--c8y-palette-yellow-60);
  --link-underline: var(--c8y-palette-gray-10);
}
.grad-sections--yellow .panel:nth-child(3) {
  --panel-bg: var(--c8y-palette-yellow-68);
  --grid-border-color: var(--c8y-palette-gray-60);
  --grid-blend-mode: multiply;
  --section-separator-color: var(--c8y-palette-high);
  --link-underline: var(--c8y-palette-gray-10);
}
.grad-sections--yellow .panel:nth-child(4) {
  --panel-bg: var(--c8y-palette-yellow-65);
  --grid-border-color: var(--c8y-palette-gray-60);
  --grid-blend-mode: multiply;
  --section-separator-color: var(--c8y-palette-high);
}
.grad-sections--yellow .panel:nth-child(5) {
  --panel-bg: var(--c8y-palette-yellow-60);
  --grid-border-color: var(--c8y-palette-gray-60);
  --grid-blend-mode: multiply;
  --section-separator-color: var(--c8y-palette-high);
}
.grad-sections--yellow .panel:nth-child(6) {
  --panel-bg: var(--c8y-palette-yellow-50);
  --grid-border-color: var(--c8y-palette-gray-60);
  --grid-blend-mode: multiply;
  --section-separator-color: var(--c8y-palette-high);
}
.grad-sections--yellow .panel:nth-child(7) {
  --panel-bg: var(--c8y-palette-yellow-40);
  --grid-border-color: var(--c8y-palette-gray-40);
  --c8y-text-color: var(--c8y-palette-high);
  --grid-blend-mode: screen;
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow .panel:nth-child(8) {
  --panel-bg: var(--c8y-palette-yellow-30);
  --grid-border-color: var(--c8y-palette-gray-10);
  --c8y-text-color: var(--c8y-palette-high);
  --grid-blend-mode: unset;
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow .panel:nth-child(9) {
  --panel-bg: var(--c8y-palette-gray-100);
  --grid-border-color: var(--c8y-palette-gray-30);
  --c8y-text-color: var(--c8y-palette-high);
  --grid-blend-mode: unset;
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow--reversed {
  --btn-background-default: var(--c8y-palette-high);
  --btn-border-color-default: var(--c8y-palette-gray-10);
  --btn-color-default: var(--c8y-palette-gray-10);
  --btn-background-focus: var(--c8y-palette-high);
  --btn-border-color-focus: var(--c8y-palette-gray-10);
  --btn-color-focus: var(--c8y-palette-gray-10);
  --btn-background-hover: var(--c8y-palette-yellow-70);
  --btn-border-color-hover: var(--c8y-palette-gray-10);
  --btn-color-hover: var(--c8y-palette-gray-10);
  --btn-background-active: var(--c8y-palette-yellow-60);
  --btn-border-color-active:var(--c8y-palette-gray-10);
  --btn-color-active:var(--c8y-palette-gray-10);
  --btn-primary-background-default: var(--c8y-palette-gray-10);
  --btn-primary-border-color-default: var(--c8y-palette-gray-10);
  --btn-primary-color-default: var(--c8y-palette-yellow-60);
  --btn-primary-background-focus: var(--c8y-palette-gray-10);
  --btn-primary-border-color-focus: var(--c8y-palette-gray-10);
  --btn-primary-color-focus: var(--c8y-palette-yellow-60);
  --btn-primary-background-hover: var(--c8y-palette-yellow-60);
  --btn-primary-border-color-hover: var(--c8y-palette-gray-10);
  --btn-primary-color-hover: var(--c8y-palette-gray-10);
  --btn-primary-background-active: var(--c8y-palette-yellow-60);
  --btn-primary-border-color-active:var(--c8y-palette-gray-10);
  --btn-primary-color-active:var(--c8y-palette-gray-10);
}
.grad-sections--yellow--reversed .panel {
  display: flex;
  justify-content: center;
  --grid-blend-mode: luminosity;
}
.grad-sections--yellow--reversed .panel h3 {
  font-size: clamp(1.424rem, 2.25vw, 1.8125rem);
}
.grad-sections--yellow--reversed .panel:nth-child(1) {
  background: var(--c8y-palette-yellow-65);
  --grid-border-color: var(--c8y-palette-yellow-50);
  --section-separator-color: var(--c8y-palette-high);
  --link-underline: var(--c8y-palette-gray-10);
}
.grad-sections--yellow--reversed .panel:nth-child(1) .section-separator {
  color: var(--c8y-palette-yellow-65);
  left: auto;
  right: 0;
}
.grad-sections--yellow--reversed .panel:nth-child(2) {
  background: var(--c8y-palette-yellow-68);
  --grid-border-color: var(--c8y-palette-yellow-50);
  --section-separator-color: var(--c8y-palette-high);
  --link-underline: var(--c8y-palette-gray-10);
}
.grad-sections--yellow--reversed .panel:nth-child(2) .section-separator {
  color: var(--c8y-palette-yellow-68);
}
.grad-sections--yellow--reversed .panel:nth-child(3) {
  background: var(--c8y-palette-yellow-70);
  --grid-border-color: var(--c8y-palette-yellow-60);
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow--reversed .panel:nth-child(3) .section-separator {
  color: var(--c8y-palette-yellow-70);
  left: auto;
  right: 0;
}
.grad-sections--yellow--reversed .panel:nth-child(4) {
  background: var(--c8y-palette-yellow-80);
  --grid-border-color: var(--c8y-palette-yellow-65);
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow--reversed .panel:nth-child(4) .section-separator {
  color: var(--c8y-palette-yellow-80);
}
.grad-sections--yellow--reversed .panel:nth-child(5) {
  background: var(--c8y-palette-high);
  --grid-border-color: var(--c8y-palette-yellow-68);
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow--reversed .panel:nth-child(5) .section-separator {
  color: var(--c8y-palette-high);
}
.grad-sections--yellow--reversed .panel:nth-child(6) {
  background: var(--c8y-palette-gray-90);
  --grid-border-color: var(--c8y-palette-gray-60);
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow--reversed .panel:nth-child(6) .section-separator {
  color: var(--c8y-palette-gray-90);
}
.grad-sections--yellow--reversed .panel:nth-child(7) {
  background: var(--c8y-palette-gray-80);
  --grid-border-color: var(--c8y-palette-gray-60);
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow--reversed .panel:nth-child(7) .section-separator {
  color: var(--c8y-palette-gray-80);
}
.grad-sections--yellow--reversed .panel:nth-child(8) {
  background: var(--c8y-palette-gray-70);
  --grid-border-color: var(--c8y-palette-yellow-60);
  --section-separator-color: var(--c8y-palette-yellow-60);
}
.grad-sections--yellow--reversed .panel:nth-child(8) .section-separator {
  color: var(--c8y-palette-gray-70);
}
.grad-sections--yellow--reversed .panel:last-child:not(.show-separator) .section-separator {
  display: none;
}

.text-white {
  color: var(--c8y-palette-high);
}
.text-gray--10 {
  color: var(--c8y-palette-gray-10);
}
.text-gray--20 {
  color: var(--c8y-palette-gray-20);
}
.text-gray--30 {
  color: var(--c8y-palette-gray-30);
}
.text-gray--40 {
  color: var(--c8y-palette-gray-40);
}
.text-gray--50 {
  color: var(--c8y-palette-gray-50);
}
.text-gray--60 {
  color: var(--c8y-palette-gray-60);
}
.text-gray--70 {
  color: var(--c8y-palette-gray-70);
}
.text-gray--80 {
  color: var(--c8y-palette-gray-80);
}
.text-gray--90 {
  color: var(--c8y-palette-gray-90);
}
.text-gray--100 {
  color: var(--c8y-palette-gray-100);
}
.text-green--10 {
  color: var(--c8y-palette-green-10);
}
.text-green--20 {
  color: var(--c8y-palette-green-20);
}
.text-green--30 {
  color: var(--c8y-palette-green-30);
}
.text-green--40 {
  color: var(--c8y-palette-green-40);
}
.text-green--50 {
  color: var(--c8y-palette-green-50);
}
.text-green--60 {
  color: var(--c8y-palette-green-60);
}
.text-green--70 {
  color: var(--c8y-palette-green-70);
}
.text-green--80 {
  color: var(--c8y-palette-green-80);
}
.text-blue--10 {
  color: var(--c8y-palette-blue-10);
}
.text-blue--20 {
  color: var(--c8y-palette-blue-20);
}
.text-blue--30 {
  color: var(--c8y-palette-blue-30);
}
.text-blue--40 {
  color: var(--c8y-palette-blue-40);
}
.text-blue--50 {
  color: var(--c8y-palette-blue-50);
}
.text-blue--60 {
  color: var(--c8y-palette-blue-60);
}
.text-blue--70 {
  color: var(--c8y-palette-blue-70);
}
.text-blue--80 {
  color: var(--c8y-palette-blue-80);
}
.text-red--10 {
  color: var(--c8y-palette-red-10);
}
.text-red--20 {
  color: var(--c8y-palette-red-20);
}
.text-red--30 {
  color: var(--c8y-palette-red-30);
}
.text-red--40 {
  color: var(--c8y-palette-red-40);
}
.text-red--50 {
  color: var(--c8y-palette-red-50);
}
.text-red--60 {
  color: var(--c8y-palette-red-60);
}
.text-red--70 {
  color: var(--c8y-palette-red-70);
}
.text-red--80 {
  color: var(--c8y-palette-red-80);
}
.text-yellow--10 {
  color: var(--c8y-palette-yellow-10);
}
.text-yellow--20 {
  color: var(--c8y-palette-yellow-20);
}
.text-yellow--30 {
  color: var(--c8y-palette-yellow-30);
}
.text-yellow--40 {
  color: var(--c8y-palette-yellow-40);
}
.text-yellow--50 {
  color: var(--c8y-palette-yellow-50);
}
.text-yellow--60 {
  color: var(--c8y-palette-yellow-60);
}
.text-yellow--70 {
  color: var(--c8y-palette-yellow-70);
}
.text-yellow--80 {
  color: var(--c8y-palette-yellow-80);
}
.text-orange--10 {
  color: var(--c8y-palette-orange-10);
}
.text-orange--20 {
  color: var(--c8y-palette-orange-20);
}
.text-orange--30 {
  color: var(--c8y-palette-orange-30);
}
.text-orange--40 {
  color: var(--c8y-palette-orange-40);
}
.text-orange--50 {
  color: var(--c8y-palette-orange-50);
}
.text-orange--60 {
  color: var(--c8y-palette-orange-60);
}
.text-orange--70 {
  color: var(--c8y-palette-orange-70);
}
.text-orange--80 {
  color: var(--c8y-palette-orange-80);
}

.section-title {
  margin: 0;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.section-title-symbol {
  color: var(--section-separator-color);
}
.section-title-symbol > svg {
  height: 1.5rem;
}

.middle-nav {
  background-color: var(--c8y-palette-high, white);
}

.m-0 {
  margin: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-4 {
  margin: 0.25rem !important;
}

.m-t-4 {
  margin-top: 0.25rem !important;
}

.m-r-4 {
  margin-right: 0.25rem !important;
}

.m-b-4 {
  margin-bottom: 0.25rem !important;
}

.m-l-4 {
  margin-left: 0.25rem !important;
}

.m-8 {
  margin: 0.5rem !important;
}

.m-t-8 {
  margin-top: 0.5rem !important;
}

.m-r-8 {
  margin-right: 0.5rem !important;
}

.m-b-8 {
  margin-bottom: 0.5rem !important;
}

.m-l-8 {
  margin-left: 0.5rem !important;
}

.m-16 {
  margin: 1rem !important;
}

.m-t-16 {
  margin-top: 1rem !important;
}

.m-r-16 {
  margin-right: 1rem !important;
}

.m-b-16 {
  margin-bottom: 1rem !important;
}

.m-l-16 {
  margin-left: 1rem !important;
}

.m-24 {
  margin: 1.5rem !important;
}

.m-t-24 {
  margin-top: 1.5rem !important;
}

.m-r-24 {
  margin-right: 1.5rem !important;
}

.m-b-24 {
  margin-bottom: 1.5rem !important;
}

.m-l-24 {
  margin-left: 1.5rem !important;
}

.m-32 {
  margin: 2rem !important;
}

.m-t-32 {
  margin-top: 2rem !important;
}

.m-r-32 {
  margin-right: 2rem !important;
}

.m-b-32 {
  margin-bottom: 2rem !important;
}

.m-l-32 {
  margin-left: 2rem !important;
}

.m-40 {
  margin: 2.5rem !important;
}

.m-t-40 {
  margin-top: 2.5rem !important;
}

.m-r-40 {
  margin-right: 2.5rem !important;
}

.m-b-40 {
  margin-bottom: 2.5rem !important;
}

.m-l-40 {
  margin-left: 2.5rem !important;
}

.m-48 {
  margin: 3rem !important;
}

.m-t-48 {
  margin-top: 3rem !important;
}

.m-r-48 {
  margin-right: 3rem !important;
}

.m-b-48 {
  margin-bottom: 3rem !important;
}

.m-l-48 {
  margin-left: 3rem !important;
}

.m-56 {
  margin: 3.5rem !important;
}

.m-t-56 {
  margin-top: 3.5rem !important;
}

.m-r-56 {
  margin-right: 3.5rem !important;
}

.m-b-56 {
  margin-bottom: 3.5rem !important;
}

.m-l-56 {
  margin-left: 3.5rem !important;
}

.m-64 {
  margin: 4rem !important;
}

.m-t-64 {
  margin-top: 4rem !important;
}

.m-r-64 {
  margin-right: 4rem !important;
}

.m-b-64 {
  margin-bottom: 4rem !important;
}

.m-l-64 {
  margin-left: 4rem !important;
}

.m-72 {
  margin: 5.5rem !important;
}

.m-t-72 {
  margin-top: 5.5rem !important;
}

.m-r-72 {
  margin-right: 5.5rem !important;
}

.m-b-72 {
  margin-bottom: 5.5rem !important;
}

.m-l-72 {
  margin-left: 5.5rem !important;
}

.m-80 {
  margin: 5rem !important;
}

.m-t-80 {
  margin-top: 5rem !important;
}

.m-r-80 {
  margin-right: 5rem !important;
}

.m-b-80 {
  margin-bottom: 5rem !important;
}

.m-l-80 {
  margin-left: 5rem !important;
}

.m-88 {
  margin: 5.5rem !important;
}

.m-t-88 {
  margin-top: 5.5rem !important;
}

.m-r-88 {
  margin-right: 5.5rem !important;
}

.m-b-88 {
  margin-bottom: 5.5rem !important;
}

.m-l-88 {
  margin-left: 5.5rem !important;
}

.m-96 {
  margin: 6rem !important;
}

.m-t-96 {
  margin-top: 6rem !important;
}

.m-r-96 {
  margin-right: 6rem !important;
}

.m-b-96 {
  margin-bottom: 6rem !important;
}

.m-l-96 {
  margin-left: 6rem !important;
}

.m-auto {
  margin: auto !important;
}

.m-t-auto {
  margin-top: auto !important;
}

.m-r-auto {
  margin-right: auto !important;
}

.m-b-auto {
  margin-bottom: auto !important;
}

.m-l-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-0-sm {
    margin: 0 !important;
  }
  .m-t-0-sm {
    margin-top: 0 !important;
  }
  .m-r-0-sm {
    margin-right: 0 !important;
  }
  .m-b-0-sm {
    margin-bottom: 0 !important;
  }
  .m-l-0-sm {
    margin-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .m-4-sm {
    margin: 0.25rem !important;
  }
  .m-t-4-sm {
    margin-top: 0.25rem !important;
  }
  .m-r-4-sm {
    margin-right: 0.25rem !important;
  }
  .m-b-4-sm {
    margin-bottom: 0.25rem !important;
  }
  .m-l-4-sm {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .m-8-sm {
    margin: 0.5rem !important;
  }
  .m-t-8-sm {
    margin-top: 0.5rem !important;
  }
  .m-r-8-sm {
    margin-right: 0.5rem !important;
  }
  .m-b-8-sm {
    margin-bottom: 0.5rem !important;
  }
  .m-l-8-sm {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .m-16-sm {
    margin: 1rem !important;
  }
  .m-t-16-sm {
    margin-top: 1rem !important;
  }
  .m-r-16-sm {
    margin-right: 1rem !important;
  }
  .m-b-16-sm {
    margin-bottom: 1rem !important;
  }
  .m-l-16-sm {
    margin-left: 1rem !important;
  }
}
@media (min-width: 576px) {
  .m-24-sm {
    margin: 1.5rem !important;
  }
  .m-t-24-sm {
    margin-top: 1.5rem !important;
  }
  .m-r-24-sm {
    margin-right: 1.5rem !important;
  }
  .m-b-24-sm {
    margin-bottom: 1.5rem !important;
  }
  .m-l-24-sm {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .m-32-sm {
    margin: 2rem !important;
  }
  .m-t-32-sm {
    margin-top: 2rem !important;
  }
  .m-r-32-sm {
    margin-right: 2rem !important;
  }
  .m-b-32-sm {
    margin-bottom: 2rem !important;
  }
  .m-l-32-sm {
    margin-left: 2rem !important;
  }
}
@media (min-width: 576px) {
  .m-40-sm {
    margin: 2.5rem !important;
  }
  .m-t-40-sm {
    margin-top: 2.5rem !important;
  }
  .m-r-40-sm {
    margin-right: 2.5rem !important;
  }
  .m-b-40-sm {
    margin-bottom: 2.5rem !important;
  }
  .m-l-40-sm {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .m-48-sm {
    margin: 3rem !important;
  }
  .m-t-48-sm {
    margin-top: 3rem !important;
  }
  .m-r-48-sm {
    margin-right: 3rem !important;
  }
  .m-b-48-sm {
    margin-bottom: 3rem !important;
  }
  .m-l-48-sm {
    margin-left: 3rem !important;
  }
}
@media (min-width: 576px) {
  .m-56-sm {
    margin: 3.5rem !important;
  }
  .m-t-56-sm {
    margin-top: 3.5rem !important;
  }
  .m-r-56-sm {
    margin-right: 3.5rem !important;
  }
  .m-b-56-sm {
    margin-bottom: 3.5rem !important;
  }
  .m-l-56-sm {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 576px) {
  .m-64-sm {
    margin: 4rem !important;
  }
  .m-t-64-sm {
    margin-top: 4rem !important;
  }
  .m-r-64-sm {
    margin-right: 4rem !important;
  }
  .m-b-64-sm {
    margin-bottom: 4rem !important;
  }
  .m-l-64-sm {
    margin-left: 4rem !important;
  }
}
@media (min-width: 576px) {
  .m-72-sm {
    margin: 5.5rem !important;
  }
  .m-t-72-sm {
    margin-top: 5.5rem !important;
  }
  .m-r-72-sm {
    margin-right: 5.5rem !important;
  }
  .m-b-72-sm {
    margin-bottom: 5.5rem !important;
  }
  .m-l-72-sm {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 576px) {
  .m-80-sm {
    margin: 5rem !important;
  }
  .m-t-80-sm {
    margin-top: 5rem !important;
  }
  .m-r-80-sm {
    margin-right: 5rem !important;
  }
  .m-b-80-sm {
    margin-bottom: 5rem !important;
  }
  .m-l-80-sm {
    margin-left: 5rem !important;
  }
}
@media (min-width: 576px) {
  .m-88-sm {
    margin: 5.5rem !important;
  }
  .m-t-88-sm {
    margin-top: 5.5rem !important;
  }
  .m-r-88-sm {
    margin-right: 5.5rem !important;
  }
  .m-b-88-sm {
    margin-bottom: 5.5rem !important;
  }
  .m-l-88-sm {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 576px) {
  .m-96-sm {
    margin: 6rem !important;
  }
  .m-t-96-sm {
    margin-top: 6rem !important;
  }
  .m-r-96-sm {
    margin-right: 6rem !important;
  }
  .m-b-96-sm {
    margin-bottom: 6rem !important;
  }
  .m-l-96-sm {
    margin-left: 6rem !important;
  }
}
@media (min-width: 576px) {
  .m-auto-sm {
    margin: auto !important;
  }
  .m-t-auto-sm {
    margin-top: auto !important;
  }
  .m-r-auto-sm {
    margin-right: auto !important;
  }
  .m-b-auto-sm {
    margin-bottom: auto !important;
  }
  .m-l-auto-sm {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-0-md {
    margin: 0 !important;
  }
  .m-t-0-md {
    margin-top: 0 !important;
  }
  .m-r-0-md {
    margin-right: 0 !important;
  }
  .m-b-0-md {
    margin-bottom: 0 !important;
  }
  .m-l-0-md {
    margin-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .m-4-md {
    margin: 0.25rem !important;
  }
  .m-t-4-md {
    margin-top: 0.25rem !important;
  }
  .m-r-4-md {
    margin-right: 0.25rem !important;
  }
  .m-b-4-md {
    margin-bottom: 0.25rem !important;
  }
  .m-l-4-md {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .m-8-md {
    margin: 0.5rem !important;
  }
  .m-t-8-md {
    margin-top: 0.5rem !important;
  }
  .m-r-8-md {
    margin-right: 0.5rem !important;
  }
  .m-b-8-md {
    margin-bottom: 0.5rem !important;
  }
  .m-l-8-md {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .m-16-md {
    margin: 1rem !important;
  }
  .m-t-16-md {
    margin-top: 1rem !important;
  }
  .m-r-16-md {
    margin-right: 1rem !important;
  }
  .m-b-16-md {
    margin-bottom: 1rem !important;
  }
  .m-l-16-md {
    margin-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .m-24-md {
    margin: 1.5rem !important;
  }
  .m-t-24-md {
    margin-top: 1.5rem !important;
  }
  .m-r-24-md {
    margin-right: 1.5rem !important;
  }
  .m-b-24-md {
    margin-bottom: 1.5rem !important;
  }
  .m-l-24-md {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .m-32-md {
    margin: 2rem !important;
  }
  .m-t-32-md {
    margin-top: 2rem !important;
  }
  .m-r-32-md {
    margin-right: 2rem !important;
  }
  .m-b-32-md {
    margin-bottom: 2rem !important;
  }
  .m-l-32-md {
    margin-left: 2rem !important;
  }
}
@media (min-width: 768px) {
  .m-40-md {
    margin: 2.5rem !important;
  }
  .m-t-40-md {
    margin-top: 2.5rem !important;
  }
  .m-r-40-md {
    margin-right: 2.5rem !important;
  }
  .m-b-40-md {
    margin-bottom: 2.5rem !important;
  }
  .m-l-40-md {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .m-48-md {
    margin: 3rem !important;
  }
  .m-t-48-md {
    margin-top: 3rem !important;
  }
  .m-r-48-md {
    margin-right: 3rem !important;
  }
  .m-b-48-md {
    margin-bottom: 3rem !important;
  }
  .m-l-48-md {
    margin-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .m-56-md {
    margin: 3.5rem !important;
  }
  .m-t-56-md {
    margin-top: 3.5rem !important;
  }
  .m-r-56-md {
    margin-right: 3.5rem !important;
  }
  .m-b-56-md {
    margin-bottom: 3.5rem !important;
  }
  .m-l-56-md {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 768px) {
  .m-64-md {
    margin: 4rem !important;
  }
  .m-t-64-md {
    margin-top: 4rem !important;
  }
  .m-r-64-md {
    margin-right: 4rem !important;
  }
  .m-b-64-md {
    margin-bottom: 4rem !important;
  }
  .m-l-64-md {
    margin-left: 4rem !important;
  }
}
@media (min-width: 768px) {
  .m-72-md {
    margin: 5.5rem !important;
  }
  .m-t-72-md {
    margin-top: 5.5rem !important;
  }
  .m-r-72-md {
    margin-right: 5.5rem !important;
  }
  .m-b-72-md {
    margin-bottom: 5.5rem !important;
  }
  .m-l-72-md {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 768px) {
  .m-80-md {
    margin: 5rem !important;
  }
  .m-t-80-md {
    margin-top: 5rem !important;
  }
  .m-r-80-md {
    margin-right: 5rem !important;
  }
  .m-b-80-md {
    margin-bottom: 5rem !important;
  }
  .m-l-80-md {
    margin-left: 5rem !important;
  }
}
@media (min-width: 768px) {
  .m-88-md {
    margin: 5.5rem !important;
  }
  .m-t-88-md {
    margin-top: 5.5rem !important;
  }
  .m-r-88-md {
    margin-right: 5.5rem !important;
  }
  .m-b-88-md {
    margin-bottom: 5.5rem !important;
  }
  .m-l-88-md {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 768px) {
  .m-96-md {
    margin: 6rem !important;
  }
  .m-t-96-md {
    margin-top: 6rem !important;
  }
  .m-r-96-md {
    margin-right: 6rem !important;
  }
  .m-b-96-md {
    margin-bottom: 6rem !important;
  }
  .m-l-96-md {
    margin-left: 6rem !important;
  }
}
@media (min-width: 768px) {
  .m-auto-md {
    margin: auto !important;
  }
  .m-t-auto-md {
    margin-top: auto !important;
  }
  .m-r-auto-md {
    margin-right: auto !important;
  }
  .m-b-auto-md {
    margin-bottom: auto !important;
  }
  .m-l-auto-md {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-0-lg {
    margin: 0 !important;
  }
  .m-t-0-lg {
    margin-top: 0 !important;
  }
  .m-r-0-lg {
    margin-right: 0 !important;
  }
  .m-b-0-lg {
    margin-bottom: 0 !important;
  }
  .m-l-0-lg {
    margin-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .m-4-lg {
    margin: 0.25rem !important;
  }
  .m-t-4-lg {
    margin-top: 0.25rem !important;
  }
  .m-r-4-lg {
    margin-right: 0.25rem !important;
  }
  .m-b-4-lg {
    margin-bottom: 0.25rem !important;
  }
  .m-l-4-lg {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .m-8-lg {
    margin: 0.5rem !important;
  }
  .m-t-8-lg {
    margin-top: 0.5rem !important;
  }
  .m-r-8-lg {
    margin-right: 0.5rem !important;
  }
  .m-b-8-lg {
    margin-bottom: 0.5rem !important;
  }
  .m-l-8-lg {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .m-16-lg {
    margin: 1rem !important;
  }
  .m-t-16-lg {
    margin-top: 1rem !important;
  }
  .m-r-16-lg {
    margin-right: 1rem !important;
  }
  .m-b-16-lg {
    margin-bottom: 1rem !important;
  }
  .m-l-16-lg {
    margin-left: 1rem !important;
  }
}
@media (min-width: 992px) {
  .m-24-lg {
    margin: 1.5rem !important;
  }
  .m-t-24-lg {
    margin-top: 1.5rem !important;
  }
  .m-r-24-lg {
    margin-right: 1.5rem !important;
  }
  .m-b-24-lg {
    margin-bottom: 1.5rem !important;
  }
  .m-l-24-lg {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .m-32-lg {
    margin: 2rem !important;
  }
  .m-t-32-lg {
    margin-top: 2rem !important;
  }
  .m-r-32-lg {
    margin-right: 2rem !important;
  }
  .m-b-32-lg {
    margin-bottom: 2rem !important;
  }
  .m-l-32-lg {
    margin-left: 2rem !important;
  }
}
@media (min-width: 992px) {
  .m-40-lg {
    margin: 2.5rem !important;
  }
  .m-t-40-lg {
    margin-top: 2.5rem !important;
  }
  .m-r-40-lg {
    margin-right: 2.5rem !important;
  }
  .m-b-40-lg {
    margin-bottom: 2.5rem !important;
  }
  .m-l-40-lg {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .m-48-lg {
    margin: 3rem !important;
  }
  .m-t-48-lg {
    margin-top: 3rem !important;
  }
  .m-r-48-lg {
    margin-right: 3rem !important;
  }
  .m-b-48-lg {
    margin-bottom: 3rem !important;
  }
  .m-l-48-lg {
    margin-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .m-56-lg {
    margin: 3.5rem !important;
  }
  .m-t-56-lg {
    margin-top: 3.5rem !important;
  }
  .m-r-56-lg {
    margin-right: 3.5rem !important;
  }
  .m-b-56-lg {
    margin-bottom: 3.5rem !important;
  }
  .m-l-56-lg {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 992px) {
  .m-64-lg {
    margin: 4rem !important;
  }
  .m-t-64-lg {
    margin-top: 4rem !important;
  }
  .m-r-64-lg {
    margin-right: 4rem !important;
  }
  .m-b-64-lg {
    margin-bottom: 4rem !important;
  }
  .m-l-64-lg {
    margin-left: 4rem !important;
  }
}
@media (min-width: 992px) {
  .m-72-lg {
    margin: 5.5rem !important;
  }
  .m-t-72-lg {
    margin-top: 5.5rem !important;
  }
  .m-r-72-lg {
    margin-right: 5.5rem !important;
  }
  .m-b-72-lg {
    margin-bottom: 5.5rem !important;
  }
  .m-l-72-lg {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 992px) {
  .m-80-lg {
    margin: 5rem !important;
  }
  .m-t-80-lg {
    margin-top: 5rem !important;
  }
  .m-r-80-lg {
    margin-right: 5rem !important;
  }
  .m-b-80-lg {
    margin-bottom: 5rem !important;
  }
  .m-l-80-lg {
    margin-left: 5rem !important;
  }
}
@media (min-width: 992px) {
  .m-88-lg {
    margin: 5.5rem !important;
  }
  .m-t-88-lg {
    margin-top: 5.5rem !important;
  }
  .m-r-88-lg {
    margin-right: 5.5rem !important;
  }
  .m-b-88-lg {
    margin-bottom: 5.5rem !important;
  }
  .m-l-88-lg {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 992px) {
  .m-96-lg {
    margin: 6rem !important;
  }
  .m-t-96-lg {
    margin-top: 6rem !important;
  }
  .m-r-96-lg {
    margin-right: 6rem !important;
  }
  .m-b-96-lg {
    margin-bottom: 6rem !important;
  }
  .m-l-96-lg {
    margin-left: 6rem !important;
  }
}
@media (min-width: 992px) {
  .m-auto-lg {
    margin: auto !important;
  }
  .m-t-auto-lg {
    margin-top: auto !important;
  }
  .m-r-auto-lg {
    margin-right: auto !important;
  }
  .m-b-auto-lg {
    margin-bottom: auto !important;
  }
  .m-l-auto-lg {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-0-xl {
    margin: 0 !important;
  }
  .m-t-0-xl {
    margin-top: 0 !important;
  }
  .m-r-0-xl {
    margin-right: 0 !important;
  }
  .m-b-0-xl {
    margin-bottom: 0 !important;
  }
  .m-l-0-xl {
    margin-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .m-4-xl {
    margin: 0.25rem !important;
  }
  .m-t-4-xl {
    margin-top: 0.25rem !important;
  }
  .m-r-4-xl {
    margin-right: 0.25rem !important;
  }
  .m-b-4-xl {
    margin-bottom: 0.25rem !important;
  }
  .m-l-4-xl {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .m-8-xl {
    margin: 0.5rem !important;
  }
  .m-t-8-xl {
    margin-top: 0.5rem !important;
  }
  .m-r-8-xl {
    margin-right: 0.5rem !important;
  }
  .m-b-8-xl {
    margin-bottom: 0.5rem !important;
  }
  .m-l-8-xl {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .m-16-xl {
    margin: 1rem !important;
  }
  .m-t-16-xl {
    margin-top: 1rem !important;
  }
  .m-r-16-xl {
    margin-right: 1rem !important;
  }
  .m-b-16-xl {
    margin-bottom: 1rem !important;
  }
  .m-l-16-xl {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .m-24-xl {
    margin: 1.5rem !important;
  }
  .m-t-24-xl {
    margin-top: 1.5rem !important;
  }
  .m-r-24-xl {
    margin-right: 1.5rem !important;
  }
  .m-b-24-xl {
    margin-bottom: 1.5rem !important;
  }
  .m-l-24-xl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .m-32-xl {
    margin: 2rem !important;
  }
  .m-t-32-xl {
    margin-top: 2rem !important;
  }
  .m-r-32-xl {
    margin-right: 2rem !important;
  }
  .m-b-32-xl {
    margin-bottom: 2rem !important;
  }
  .m-l-32-xl {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .m-40-xl {
    margin: 2.5rem !important;
  }
  .m-t-40-xl {
    margin-top: 2.5rem !important;
  }
  .m-r-40-xl {
    margin-right: 2.5rem !important;
  }
  .m-b-40-xl {
    margin-bottom: 2.5rem !important;
  }
  .m-l-40-xl {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .m-48-xl {
    margin: 3rem !important;
  }
  .m-t-48-xl {
    margin-top: 3rem !important;
  }
  .m-r-48-xl {
    margin-right: 3rem !important;
  }
  .m-b-48-xl {
    margin-bottom: 3rem !important;
  }
  .m-l-48-xl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .m-56-xl {
    margin: 3.5rem !important;
  }
  .m-t-56-xl {
    margin-top: 3.5rem !important;
  }
  .m-r-56-xl {
    margin-right: 3.5rem !important;
  }
  .m-b-56-xl {
    margin-bottom: 3.5rem !important;
  }
  .m-l-56-xl {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .m-64-xl {
    margin: 4rem !important;
  }
  .m-t-64-xl {
    margin-top: 4rem !important;
  }
  .m-r-64-xl {
    margin-right: 4rem !important;
  }
  .m-b-64-xl {
    margin-bottom: 4rem !important;
  }
  .m-l-64-xl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .m-72-xl {
    margin: 5.5rem !important;
  }
  .m-t-72-xl {
    margin-top: 5.5rem !important;
  }
  .m-r-72-xl {
    margin-right: 5.5rem !important;
  }
  .m-b-72-xl {
    margin-bottom: 5.5rem !important;
  }
  .m-l-72-xl {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .m-80-xl {
    margin: 5rem !important;
  }
  .m-t-80-xl {
    margin-top: 5rem !important;
  }
  .m-r-80-xl {
    margin-right: 5rem !important;
  }
  .m-b-80-xl {
    margin-bottom: 5rem !important;
  }
  .m-l-80-xl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .m-88-xl {
    margin: 5.5rem !important;
  }
  .m-t-88-xl {
    margin-top: 5.5rem !important;
  }
  .m-r-88-xl {
    margin-right: 5.5rem !important;
  }
  .m-b-88-xl {
    margin-bottom: 5.5rem !important;
  }
  .m-l-88-xl {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .m-96-xl {
    margin: 6rem !important;
  }
  .m-t-96-xl {
    margin-top: 6rem !important;
  }
  .m-r-96-xl {
    margin-right: 6rem !important;
  }
  .m-b-96-xl {
    margin-bottom: 6rem !important;
  }
  .m-l-96-xl {
    margin-left: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .m-auto-xl {
    margin: auto !important;
  }
  .m-t-auto-xl {
    margin-top: auto !important;
  }
  .m-r-auto-xl {
    margin-right: auto !important;
  }
  .m-b-auto-xl {
    margin-bottom: auto !important;
  }
  .m-l-auto-xl {
    margin-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .m-0-xxl {
    margin: 0 !important;
  }
  .m-t-0-xxl {
    margin-top: 0 !important;
  }
  .m-r-0-xxl {
    margin-right: 0 !important;
  }
  .m-b-0-xxl {
    margin-bottom: 0 !important;
  }
  .m-l-0-xxl {
    margin-left: 0 !important;
  }
}
@media (min-width: 1400px) {
  .m-4-xxl {
    margin: 0.25rem !important;
  }
  .m-t-4-xxl {
    margin-top: 0.25rem !important;
  }
  .m-r-4-xxl {
    margin-right: 0.25rem !important;
  }
  .m-b-4-xxl {
    margin-bottom: 0.25rem !important;
  }
  .m-l-4-xxl {
    margin-left: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .m-8-xxl {
    margin: 0.5rem !important;
  }
  .m-t-8-xxl {
    margin-top: 0.5rem !important;
  }
  .m-r-8-xxl {
    margin-right: 0.5rem !important;
  }
  .m-b-8-xxl {
    margin-bottom: 0.5rem !important;
  }
  .m-l-8-xxl {
    margin-left: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .m-16-xxl {
    margin: 1rem !important;
  }
  .m-t-16-xxl {
    margin-top: 1rem !important;
  }
  .m-r-16-xxl {
    margin-right: 1rem !important;
  }
  .m-b-16-xxl {
    margin-bottom: 1rem !important;
  }
  .m-l-16-xxl {
    margin-left: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .m-24-xxl {
    margin: 1.5rem !important;
  }
  .m-t-24-xxl {
    margin-top: 1.5rem !important;
  }
  .m-r-24-xxl {
    margin-right: 1.5rem !important;
  }
  .m-b-24-xxl {
    margin-bottom: 1.5rem !important;
  }
  .m-l-24-xxl {
    margin-left: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .m-32-xxl {
    margin: 2rem !important;
  }
  .m-t-32-xxl {
    margin-top: 2rem !important;
  }
  .m-r-32-xxl {
    margin-right: 2rem !important;
  }
  .m-b-32-xxl {
    margin-bottom: 2rem !important;
  }
  .m-l-32-xxl {
    margin-left: 2rem !important;
  }
}
@media (min-width: 1400px) {
  .m-40-xxl {
    margin: 2.5rem !important;
  }
  .m-t-40-xxl {
    margin-top: 2.5rem !important;
  }
  .m-r-40-xxl {
    margin-right: 2.5rem !important;
  }
  .m-b-40-xxl {
    margin-bottom: 2.5rem !important;
  }
  .m-l-40-xxl {
    margin-left: 2.5rem !important;
  }
}
@media (min-width: 1400px) {
  .m-48-xxl {
    margin: 3rem !important;
  }
  .m-t-48-xxl {
    margin-top: 3rem !important;
  }
  .m-r-48-xxl {
    margin-right: 3rem !important;
  }
  .m-b-48-xxl {
    margin-bottom: 3rem !important;
  }
  .m-l-48-xxl {
    margin-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .m-56-xxl {
    margin: 3.5rem !important;
  }
  .m-t-56-xxl {
    margin-top: 3.5rem !important;
  }
  .m-r-56-xxl {
    margin-right: 3.5rem !important;
  }
  .m-b-56-xxl {
    margin-bottom: 3.5rem !important;
  }
  .m-l-56-xxl {
    margin-left: 3.5rem !important;
  }
}
@media (min-width: 1400px) {
  .m-64-xxl {
    margin: 4rem !important;
  }
  .m-t-64-xxl {
    margin-top: 4rem !important;
  }
  .m-r-64-xxl {
    margin-right: 4rem !important;
  }
  .m-b-64-xxl {
    margin-bottom: 4rem !important;
  }
  .m-l-64-xxl {
    margin-left: 4rem !important;
  }
}
@media (min-width: 1400px) {
  .m-72-xxl {
    margin: 5.5rem !important;
  }
  .m-t-72-xxl {
    margin-top: 5.5rem !important;
  }
  .m-r-72-xxl {
    margin-right: 5.5rem !important;
  }
  .m-b-72-xxl {
    margin-bottom: 5.5rem !important;
  }
  .m-l-72-xxl {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 1400px) {
  .m-80-xxl {
    margin: 5rem !important;
  }
  .m-t-80-xxl {
    margin-top: 5rem !important;
  }
  .m-r-80-xxl {
    margin-right: 5rem !important;
  }
  .m-b-80-xxl {
    margin-bottom: 5rem !important;
  }
  .m-l-80-xxl {
    margin-left: 5rem !important;
  }
}
@media (min-width: 1400px) {
  .m-88-xxl {
    margin: 5.5rem !important;
  }
  .m-t-88-xxl {
    margin-top: 5.5rem !important;
  }
  .m-r-88-xxl {
    margin-right: 5.5rem !important;
  }
  .m-b-88-xxl {
    margin-bottom: 5.5rem !important;
  }
  .m-l-88-xxl {
    margin-left: 5.5rem !important;
  }
}
@media (min-width: 1400px) {
  .m-96-xxl {
    margin: 6rem !important;
  }
  .m-t-96-xxl {
    margin-top: 6rem !important;
  }
  .m-r-96-xxl {
    margin-right: 6rem !important;
  }
  .m-b-96-xxl {
    margin-bottom: 6rem !important;
  }
  .m-l-96-xxl {
    margin-left: 6rem !important;
  }
}
@media (min-width: 1400px) {
  .m-auto-xxl {
    margin: auto !important;
  }
  .m-t-auto-xxl {
    margin-top: auto !important;
  }
  .m-r-auto-xxl {
    margin-right: auto !important;
  }
  .m-b-auto-xxl {
    margin-bottom: auto !important;
  }
  .m-l-auto-xxl {
    margin-left: auto !important;
  }
}
.p-0 {
  padding: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-4 {
  padding: 0.25rem !important;
}

.p-t-4 {
  padding-top: 0.25rem !important;
}

.p-r-4 {
  padding-right: 0.25rem !important;
}

.p-b-4 {
  padding-bottom: 0.25rem !important;
}

.p-l-4 {
  padding-left: 0.25rem !important;
}

.p-8 {
  padding: 0.5rem !important;
}

.p-t-8 {
  padding-top: 0.5rem !important;
}

.p-r-8 {
  padding-right: 0.5rem !important;
}

.p-b-8 {
  padding-bottom: 0.5rem !important;
}

.p-l-8 {
  padding-left: 0.5rem !important;
}

.p-16 {
  padding: 1rem !important;
}

.p-t-16 {
  padding-top: 1rem !important;
}

.p-r-16 {
  padding-right: 1rem !important;
}

.p-b-16 {
  padding-bottom: 1rem !important;
}

.p-l-16 {
  padding-left: 1rem !important;
}

.p-24 {
  padding: 1.5rem !important;
}

.p-t-24 {
  padding-top: 1.5rem !important;
}

.p-r-24 {
  padding-right: 1.5rem !important;
}

.p-b-24 {
  padding-bottom: 1.5rem !important;
}

.p-l-24 {
  padding-left: 1.5rem !important;
}

.p-32 {
  padding: 2rem !important;
}

.p-t-32 {
  padding-top: 2rem !important;
}

.p-r-32 {
  padding-right: 2rem !important;
}

.p-b-32 {
  padding-bottom: 2rem !important;
}

.p-l-32 {
  padding-left: 2rem !important;
}

.p-40 {
  padding: 2.5rem !important;
}

.p-t-40 {
  padding-top: 2.5rem !important;
}

.p-r-40 {
  padding-right: 2.5rem !important;
}

.p-b-40 {
  padding-bottom: 2.5rem !important;
}

.p-l-40 {
  padding-left: 2.5rem !important;
}

.p-48 {
  padding: 3rem !important;
}

.p-t-48 {
  padding-top: 3rem !important;
}

.p-r-48 {
  padding-right: 3rem !important;
}

.p-b-48 {
  padding-bottom: 3rem !important;
}

.p-l-48 {
  padding-left: 3rem !important;
}

.p-56 {
  padding: 3.5rem !important;
}

.p-t-56 {
  padding-top: 3.5rem !important;
}

.p-r-56 {
  padding-right: 3.5rem !important;
}

.p-b-56 {
  padding-bottom: 3.5rem !important;
}

.p-l-56 {
  padding-left: 3.5rem !important;
}

.p-64 {
  padding: 4rem !important;
}

.p-t-64 {
  padding-top: 4rem !important;
}

.p-r-64 {
  padding-right: 4rem !important;
}

.p-b-64 {
  padding-bottom: 4rem !important;
}

.p-l-64 {
  padding-left: 4rem !important;
}

.p-72 {
  padding: 5.5rem !important;
}

.p-t-72 {
  padding-top: 5.5rem !important;
}

.p-r-72 {
  padding-right: 5.5rem !important;
}

.p-b-72 {
  padding-bottom: 5.5rem !important;
}

.p-l-72 {
  padding-left: 5.5rem !important;
}

.p-80 {
  padding: 5rem !important;
}

.p-t-80 {
  padding-top: 5rem !important;
}

.p-r-80 {
  padding-right: 5rem !important;
}

.p-b-80 {
  padding-bottom: 5rem !important;
}

.p-l-80 {
  padding-left: 5rem !important;
}

.p-88 {
  padding: 5.5rem !important;
}

.p-t-88 {
  padding-top: 5.5rem !important;
}

.p-r-88 {
  padding-right: 5.5rem !important;
}

.p-b-88 {
  padding-bottom: 5.5rem !important;
}

.p-l-88 {
  padding-left: 5.5rem !important;
}

.p-96 {
  padding: 6rem !important;
}

.p-t-96 {
  padding-top: 6rem !important;
}

.p-r-96 {
  padding-right: 6rem !important;
}

.p-b-96 {
  padding-bottom: 6rem !important;
}

.p-l-96 {
  padding-left: 6rem !important;
}

.p-auto {
  padding: auto !important;
}

.p-t-auto {
  padding-top: auto !important;
}

.p-r-auto {
  padding-right: auto !important;
}

.p-b-auto {
  padding-bottom: auto !important;
}

.p-l-auto {
  padding-left: auto !important;
}

@media (min-width: 576px) {
  .p-0-sm {
    padding: 0 !important;
  }
  .p-t-0-sm {
    padding-top: 0 !important;
  }
  .p-r-0-sm {
    padding-right: 0 !important;
  }
  .p-b-0-sm {
    padding-bottom: 0 !important;
  }
  .p-l-0-sm {
    padding-left: 0 !important;
  }
}
@media (min-width: 576px) {
  .p-4-sm {
    padding: 0.25rem !important;
  }
  .p-t-4-sm {
    padding-top: 0.25rem !important;
  }
  .p-r-4-sm {
    padding-right: 0.25rem !important;
  }
  .p-b-4-sm {
    padding-bottom: 0.25rem !important;
  }
  .p-l-4-sm {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .p-8-sm {
    padding: 0.5rem !important;
  }
  .p-t-8-sm {
    padding-top: 0.5rem !important;
  }
  .p-r-8-sm {
    padding-right: 0.5rem !important;
  }
  .p-b-8-sm {
    padding-bottom: 0.5rem !important;
  }
  .p-l-8-sm {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .p-16-sm {
    padding: 1rem !important;
  }
  .p-t-16-sm {
    padding-top: 1rem !important;
  }
  .p-r-16-sm {
    padding-right: 1rem !important;
  }
  .p-b-16-sm {
    padding-bottom: 1rem !important;
  }
  .p-l-16-sm {
    padding-left: 1rem !important;
  }
}
@media (min-width: 576px) {
  .p-24-sm {
    padding: 1.5rem !important;
  }
  .p-t-24-sm {
    padding-top: 1.5rem !important;
  }
  .p-r-24-sm {
    padding-right: 1.5rem !important;
  }
  .p-b-24-sm {
    padding-bottom: 1.5rem !important;
  }
  .p-l-24-sm {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .p-32-sm {
    padding: 2rem !important;
  }
  .p-t-32-sm {
    padding-top: 2rem !important;
  }
  .p-r-32-sm {
    padding-right: 2rem !important;
  }
  .p-b-32-sm {
    padding-bottom: 2rem !important;
  }
  .p-l-32-sm {
    padding-left: 2rem !important;
  }
}
@media (min-width: 576px) {
  .p-40-sm {
    padding: 2.5rem !important;
  }
  .p-t-40-sm {
    padding-top: 2.5rem !important;
  }
  .p-r-40-sm {
    padding-right: 2.5rem !important;
  }
  .p-b-40-sm {
    padding-bottom: 2.5rem !important;
  }
  .p-l-40-sm {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .p-48-sm {
    padding: 3rem !important;
  }
  .p-t-48-sm {
    padding-top: 3rem !important;
  }
  .p-r-48-sm {
    padding-right: 3rem !important;
  }
  .p-b-48-sm {
    padding-bottom: 3rem !important;
  }
  .p-l-48-sm {
    padding-left: 3rem !important;
  }
}
@media (min-width: 576px) {
  .p-56-sm {
    padding: 3.5rem !important;
  }
  .p-t-56-sm {
    padding-top: 3.5rem !important;
  }
  .p-r-56-sm {
    padding-right: 3.5rem !important;
  }
  .p-b-56-sm {
    padding-bottom: 3.5rem !important;
  }
  .p-l-56-sm {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 576px) {
  .p-64-sm {
    padding: 4rem !important;
  }
  .p-t-64-sm {
    padding-top: 4rem !important;
  }
  .p-r-64-sm {
    padding-right: 4rem !important;
  }
  .p-b-64-sm {
    padding-bottom: 4rem !important;
  }
  .p-l-64-sm {
    padding-left: 4rem !important;
  }
}
@media (min-width: 576px) {
  .p-72-sm {
    padding: 5.5rem !important;
  }
  .p-t-72-sm {
    padding-top: 5.5rem !important;
  }
  .p-r-72-sm {
    padding-right: 5.5rem !important;
  }
  .p-b-72-sm {
    padding-bottom: 5.5rem !important;
  }
  .p-l-72-sm {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 576px) {
  .p-80-sm {
    padding: 5rem !important;
  }
  .p-t-80-sm {
    padding-top: 5rem !important;
  }
  .p-r-80-sm {
    padding-right: 5rem !important;
  }
  .p-b-80-sm {
    padding-bottom: 5rem !important;
  }
  .p-l-80-sm {
    padding-left: 5rem !important;
  }
}
@media (min-width: 576px) {
  .p-88-sm {
    padding: 5.5rem !important;
  }
  .p-t-88-sm {
    padding-top: 5.5rem !important;
  }
  .p-r-88-sm {
    padding-right: 5.5rem !important;
  }
  .p-b-88-sm {
    padding-bottom: 5.5rem !important;
  }
  .p-l-88-sm {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 576px) {
  .p-96-sm {
    padding: 6rem !important;
  }
  .p-t-96-sm {
    padding-top: 6rem !important;
  }
  .p-r-96-sm {
    padding-right: 6rem !important;
  }
  .p-b-96-sm {
    padding-bottom: 6rem !important;
  }
  .p-l-96-sm {
    padding-left: 6rem !important;
  }
}
@media (min-width: 576px) {
  .p-auto-sm {
    padding: auto !important;
  }
  .p-t-auto-sm {
    padding-top: auto !important;
  }
  .p-r-auto-sm {
    padding-right: auto !important;
  }
  .p-b-auto-sm {
    padding-bottom: auto !important;
  }
  .p-l-auto-sm {
    padding-left: auto !important;
  }
}
@media (min-width: 768px) {
  .p-0-md {
    padding: 0 !important;
  }
  .p-t-0-md {
    padding-top: 0 !important;
  }
  .p-r-0-md {
    padding-right: 0 !important;
  }
  .p-b-0-md {
    padding-bottom: 0 !important;
  }
  .p-l-0-md {
    padding-left: 0 !important;
  }
}
@media (min-width: 768px) {
  .p-4-md {
    padding: 0.25rem !important;
  }
  .p-t-4-md {
    padding-top: 0.25rem !important;
  }
  .p-r-4-md {
    padding-right: 0.25rem !important;
  }
  .p-b-4-md {
    padding-bottom: 0.25rem !important;
  }
  .p-l-4-md {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .p-8-md {
    padding: 0.5rem !important;
  }
  .p-t-8-md {
    padding-top: 0.5rem !important;
  }
  .p-r-8-md {
    padding-right: 0.5rem !important;
  }
  .p-b-8-md {
    padding-bottom: 0.5rem !important;
  }
  .p-l-8-md {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .p-16-md {
    padding: 1rem !important;
  }
  .p-t-16-md {
    padding-top: 1rem !important;
  }
  .p-r-16-md {
    padding-right: 1rem !important;
  }
  .p-b-16-md {
    padding-bottom: 1rem !important;
  }
  .p-l-16-md {
    padding-left: 1rem !important;
  }
}
@media (min-width: 768px) {
  .p-24-md {
    padding: 1.5rem !important;
  }
  .p-t-24-md {
    padding-top: 1.5rem !important;
  }
  .p-r-24-md {
    padding-right: 1.5rem !important;
  }
  .p-b-24-md {
    padding-bottom: 1.5rem !important;
  }
  .p-l-24-md {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .p-32-md {
    padding: 2rem !important;
  }
  .p-t-32-md {
    padding-top: 2rem !important;
  }
  .p-r-32-md {
    padding-right: 2rem !important;
  }
  .p-b-32-md {
    padding-bottom: 2rem !important;
  }
  .p-l-32-md {
    padding-left: 2rem !important;
  }
}
@media (min-width: 768px) {
  .p-40-md {
    padding: 2.5rem !important;
  }
  .p-t-40-md {
    padding-top: 2.5rem !important;
  }
  .p-r-40-md {
    padding-right: 2.5rem !important;
  }
  .p-b-40-md {
    padding-bottom: 2.5rem !important;
  }
  .p-l-40-md {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .p-48-md {
    padding: 3rem !important;
  }
  .p-t-48-md {
    padding-top: 3rem !important;
  }
  .p-r-48-md {
    padding-right: 3rem !important;
  }
  .p-b-48-md {
    padding-bottom: 3rem !important;
  }
  .p-l-48-md {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .p-56-md {
    padding: 3.5rem !important;
  }
  .p-t-56-md {
    padding-top: 3.5rem !important;
  }
  .p-r-56-md {
    padding-right: 3.5rem !important;
  }
  .p-b-56-md {
    padding-bottom: 3.5rem !important;
  }
  .p-l-56-md {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 768px) {
  .p-64-md {
    padding: 4rem !important;
  }
  .p-t-64-md {
    padding-top: 4rem !important;
  }
  .p-r-64-md {
    padding-right: 4rem !important;
  }
  .p-b-64-md {
    padding-bottom: 4rem !important;
  }
  .p-l-64-md {
    padding-left: 4rem !important;
  }
}
@media (min-width: 768px) {
  .p-72-md {
    padding: 5.5rem !important;
  }
  .p-t-72-md {
    padding-top: 5.5rem !important;
  }
  .p-r-72-md {
    padding-right: 5.5rem !important;
  }
  .p-b-72-md {
    padding-bottom: 5.5rem !important;
  }
  .p-l-72-md {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 768px) {
  .p-80-md {
    padding: 5rem !important;
  }
  .p-t-80-md {
    padding-top: 5rem !important;
  }
  .p-r-80-md {
    padding-right: 5rem !important;
  }
  .p-b-80-md {
    padding-bottom: 5rem !important;
  }
  .p-l-80-md {
    padding-left: 5rem !important;
  }
}
@media (min-width: 768px) {
  .p-88-md {
    padding: 5.5rem !important;
  }
  .p-t-88-md {
    padding-top: 5.5rem !important;
  }
  .p-r-88-md {
    padding-right: 5.5rem !important;
  }
  .p-b-88-md {
    padding-bottom: 5.5rem !important;
  }
  .p-l-88-md {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 768px) {
  .p-96-md {
    padding: 6rem !important;
  }
  .p-t-96-md {
    padding-top: 6rem !important;
  }
  .p-r-96-md {
    padding-right: 6rem !important;
  }
  .p-b-96-md {
    padding-bottom: 6rem !important;
  }
  .p-l-96-md {
    padding-left: 6rem !important;
  }
}
@media (min-width: 768px) {
  .p-auto-md {
    padding: auto !important;
  }
  .p-t-auto-md {
    padding-top: auto !important;
  }
  .p-r-auto-md {
    padding-right: auto !important;
  }
  .p-b-auto-md {
    padding-bottom: auto !important;
  }
  .p-l-auto-md {
    padding-left: auto !important;
  }
}
@media (min-width: 992px) {
  .p-0-lg {
    padding: 0 !important;
  }
  .p-t-0-lg {
    padding-top: 0 !important;
  }
  .p-r-0-lg {
    padding-right: 0 !important;
  }
  .p-b-0-lg {
    padding-bottom: 0 !important;
  }
  .p-l-0-lg {
    padding-left: 0 !important;
  }
}
@media (min-width: 992px) {
  .p-4-lg {
    padding: 0.25rem !important;
  }
  .p-t-4-lg {
    padding-top: 0.25rem !important;
  }
  .p-r-4-lg {
    padding-right: 0.25rem !important;
  }
  .p-b-4-lg {
    padding-bottom: 0.25rem !important;
  }
  .p-l-4-lg {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .p-8-lg {
    padding: 0.5rem !important;
  }
  .p-t-8-lg {
    padding-top: 0.5rem !important;
  }
  .p-r-8-lg {
    padding-right: 0.5rem !important;
  }
  .p-b-8-lg {
    padding-bottom: 0.5rem !important;
  }
  .p-l-8-lg {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .p-16-lg {
    padding: 1rem !important;
  }
  .p-t-16-lg {
    padding-top: 1rem !important;
  }
  .p-r-16-lg {
    padding-right: 1rem !important;
  }
  .p-b-16-lg {
    padding-bottom: 1rem !important;
  }
  .p-l-16-lg {
    padding-left: 1rem !important;
  }
}
@media (min-width: 992px) {
  .p-24-lg {
    padding: 1.5rem !important;
  }
  .p-t-24-lg {
    padding-top: 1.5rem !important;
  }
  .p-r-24-lg {
    padding-right: 1.5rem !important;
  }
  .p-b-24-lg {
    padding-bottom: 1.5rem !important;
  }
  .p-l-24-lg {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .p-32-lg {
    padding: 2rem !important;
  }
  .p-t-32-lg {
    padding-top: 2rem !important;
  }
  .p-r-32-lg {
    padding-right: 2rem !important;
  }
  .p-b-32-lg {
    padding-bottom: 2rem !important;
  }
  .p-l-32-lg {
    padding-left: 2rem !important;
  }
}
@media (min-width: 992px) {
  .p-40-lg {
    padding: 2.5rem !important;
  }
  .p-t-40-lg {
    padding-top: 2.5rem !important;
  }
  .p-r-40-lg {
    padding-right: 2.5rem !important;
  }
  .p-b-40-lg {
    padding-bottom: 2.5rem !important;
  }
  .p-l-40-lg {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .p-48-lg {
    padding: 3rem !important;
  }
  .p-t-48-lg {
    padding-top: 3rem !important;
  }
  .p-r-48-lg {
    padding-right: 3rem !important;
  }
  .p-b-48-lg {
    padding-bottom: 3rem !important;
  }
  .p-l-48-lg {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .p-56-lg {
    padding: 3.5rem !important;
  }
  .p-t-56-lg {
    padding-top: 3.5rem !important;
  }
  .p-r-56-lg {
    padding-right: 3.5rem !important;
  }
  .p-b-56-lg {
    padding-bottom: 3.5rem !important;
  }
  .p-l-56-lg {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 992px) {
  .p-64-lg {
    padding: 4rem !important;
  }
  .p-t-64-lg {
    padding-top: 4rem !important;
  }
  .p-r-64-lg {
    padding-right: 4rem !important;
  }
  .p-b-64-lg {
    padding-bottom: 4rem !important;
  }
  .p-l-64-lg {
    padding-left: 4rem !important;
  }
}
@media (min-width: 992px) {
  .p-72-lg {
    padding: 5.5rem !important;
  }
  .p-t-72-lg {
    padding-top: 5.5rem !important;
  }
  .p-r-72-lg {
    padding-right: 5.5rem !important;
  }
  .p-b-72-lg {
    padding-bottom: 5.5rem !important;
  }
  .p-l-72-lg {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 992px) {
  .p-80-lg {
    padding: 5rem !important;
  }
  .p-t-80-lg {
    padding-top: 5rem !important;
  }
  .p-r-80-lg {
    padding-right: 5rem !important;
  }
  .p-b-80-lg {
    padding-bottom: 5rem !important;
  }
  .p-l-80-lg {
    padding-left: 5rem !important;
  }
}
@media (min-width: 992px) {
  .p-88-lg {
    padding: 5.5rem !important;
  }
  .p-t-88-lg {
    padding-top: 5.5rem !important;
  }
  .p-r-88-lg {
    padding-right: 5.5rem !important;
  }
  .p-b-88-lg {
    padding-bottom: 5.5rem !important;
  }
  .p-l-88-lg {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 992px) {
  .p-96-lg {
    padding: 6rem !important;
  }
  .p-t-96-lg {
    padding-top: 6rem !important;
  }
  .p-r-96-lg {
    padding-right: 6rem !important;
  }
  .p-b-96-lg {
    padding-bottom: 6rem !important;
  }
  .p-l-96-lg {
    padding-left: 6rem !important;
  }
}
@media (min-width: 992px) {
  .p-auto-lg {
    padding: auto !important;
  }
  .p-t-auto-lg {
    padding-top: auto !important;
  }
  .p-r-auto-lg {
    padding-right: auto !important;
  }
  .p-b-auto-lg {
    padding-bottom: auto !important;
  }
  .p-l-auto-lg {
    padding-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .p-0-xl {
    padding: 0 !important;
  }
  .p-t-0-xl {
    padding-top: 0 !important;
  }
  .p-r-0-xl {
    padding-right: 0 !important;
  }
  .p-b-0-xl {
    padding-bottom: 0 !important;
  }
  .p-l-0-xl {
    padding-left: 0 !important;
  }
}
@media (min-width: 1200px) {
  .p-4-xl {
    padding: 0.25rem !important;
  }
  .p-t-4-xl {
    padding-top: 0.25rem !important;
  }
  .p-r-4-xl {
    padding-right: 0.25rem !important;
  }
  .p-b-4-xl {
    padding-bottom: 0.25rem !important;
  }
  .p-l-4-xl {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .p-8-xl {
    padding: 0.5rem !important;
  }
  .p-t-8-xl {
    padding-top: 0.5rem !important;
  }
  .p-r-8-xl {
    padding-right: 0.5rem !important;
  }
  .p-b-8-xl {
    padding-bottom: 0.5rem !important;
  }
  .p-l-8-xl {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .p-16-xl {
    padding: 1rem !important;
  }
  .p-t-16-xl {
    padding-top: 1rem !important;
  }
  .p-r-16-xl {
    padding-right: 1rem !important;
  }
  .p-b-16-xl {
    padding-bottom: 1rem !important;
  }
  .p-l-16-xl {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .p-24-xl {
    padding: 1.5rem !important;
  }
  .p-t-24-xl {
    padding-top: 1.5rem !important;
  }
  .p-r-24-xl {
    padding-right: 1.5rem !important;
  }
  .p-b-24-xl {
    padding-bottom: 1.5rem !important;
  }
  .p-l-24-xl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .p-32-xl {
    padding: 2rem !important;
  }
  .p-t-32-xl {
    padding-top: 2rem !important;
  }
  .p-r-32-xl {
    padding-right: 2rem !important;
  }
  .p-b-32-xl {
    padding-bottom: 2rem !important;
  }
  .p-l-32-xl {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .p-40-xl {
    padding: 2.5rem !important;
  }
  .p-t-40-xl {
    padding-top: 2.5rem !important;
  }
  .p-r-40-xl {
    padding-right: 2.5rem !important;
  }
  .p-b-40-xl {
    padding-bottom: 2.5rem !important;
  }
  .p-l-40-xl {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .p-48-xl {
    padding: 3rem !important;
  }
  .p-t-48-xl {
    padding-top: 3rem !important;
  }
  .p-r-48-xl {
    padding-right: 3rem !important;
  }
  .p-b-48-xl {
    padding-bottom: 3rem !important;
  }
  .p-l-48-xl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .p-56-xl {
    padding: 3.5rem !important;
  }
  .p-t-56-xl {
    padding-top: 3.5rem !important;
  }
  .p-r-56-xl {
    padding-right: 3.5rem !important;
  }
  .p-b-56-xl {
    padding-bottom: 3.5rem !important;
  }
  .p-l-56-xl {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .p-64-xl {
    padding: 4rem !important;
  }
  .p-t-64-xl {
    padding-top: 4rem !important;
  }
  .p-r-64-xl {
    padding-right: 4rem !important;
  }
  .p-b-64-xl {
    padding-bottom: 4rem !important;
  }
  .p-l-64-xl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .p-72-xl {
    padding: 5.5rem !important;
  }
  .p-t-72-xl {
    padding-top: 5.5rem !important;
  }
  .p-r-72-xl {
    padding-right: 5.5rem !important;
  }
  .p-b-72-xl {
    padding-bottom: 5.5rem !important;
  }
  .p-l-72-xl {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .p-80-xl {
    padding: 5rem !important;
  }
  .p-t-80-xl {
    padding-top: 5rem !important;
  }
  .p-r-80-xl {
    padding-right: 5rem !important;
  }
  .p-b-80-xl {
    padding-bottom: 5rem !important;
  }
  .p-l-80-xl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .p-88-xl {
    padding: 5.5rem !important;
  }
  .p-t-88-xl {
    padding-top: 5.5rem !important;
  }
  .p-r-88-xl {
    padding-right: 5.5rem !important;
  }
  .p-b-88-xl {
    padding-bottom: 5.5rem !important;
  }
  .p-l-88-xl {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .p-96-xl {
    padding: 6rem !important;
  }
  .p-t-96-xl {
    padding-top: 6rem !important;
  }
  .p-r-96-xl {
    padding-right: 6rem !important;
  }
  .p-b-96-xl {
    padding-bottom: 6rem !important;
  }
  .p-l-96-xl {
    padding-left: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .p-auto-xl {
    padding: auto !important;
  }
  .p-t-auto-xl {
    padding-top: auto !important;
  }
  .p-r-auto-xl {
    padding-right: auto !important;
  }
  .p-b-auto-xl {
    padding-bottom: auto !important;
  }
  .p-l-auto-xl {
    padding-left: auto !important;
  }
}
@media (min-width: 1400px) {
  .p-0-xxl {
    padding: 0 !important;
  }
  .p-t-0-xxl {
    padding-top: 0 !important;
  }
  .p-r-0-xxl {
    padding-right: 0 !important;
  }
  .p-b-0-xxl {
    padding-bottom: 0 !important;
  }
  .p-l-0-xxl {
    padding-left: 0 !important;
  }
}
@media (min-width: 1400px) {
  .p-4-xxl {
    padding: 0.25rem !important;
  }
  .p-t-4-xxl {
    padding-top: 0.25rem !important;
  }
  .p-r-4-xxl {
    padding-right: 0.25rem !important;
  }
  .p-b-4-xxl {
    padding-bottom: 0.25rem !important;
  }
  .p-l-4-xxl {
    padding-left: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .p-8-xxl {
    padding: 0.5rem !important;
  }
  .p-t-8-xxl {
    padding-top: 0.5rem !important;
  }
  .p-r-8-xxl {
    padding-right: 0.5rem !important;
  }
  .p-b-8-xxl {
    padding-bottom: 0.5rem !important;
  }
  .p-l-8-xxl {
    padding-left: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .p-16-xxl {
    padding: 1rem !important;
  }
  .p-t-16-xxl {
    padding-top: 1rem !important;
  }
  .p-r-16-xxl {
    padding-right: 1rem !important;
  }
  .p-b-16-xxl {
    padding-bottom: 1rem !important;
  }
  .p-l-16-xxl {
    padding-left: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .p-24-xxl {
    padding: 1.5rem !important;
  }
  .p-t-24-xxl {
    padding-top: 1.5rem !important;
  }
  .p-r-24-xxl {
    padding-right: 1.5rem !important;
  }
  .p-b-24-xxl {
    padding-bottom: 1.5rem !important;
  }
  .p-l-24-xxl {
    padding-left: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .p-32-xxl {
    padding: 2rem !important;
  }
  .p-t-32-xxl {
    padding-top: 2rem !important;
  }
  .p-r-32-xxl {
    padding-right: 2rem !important;
  }
  .p-b-32-xxl {
    padding-bottom: 2rem !important;
  }
  .p-l-32-xxl {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1400px) {
  .p-40-xxl {
    padding: 2.5rem !important;
  }
  .p-t-40-xxl {
    padding-top: 2.5rem !important;
  }
  .p-r-40-xxl {
    padding-right: 2.5rem !important;
  }
  .p-b-40-xxl {
    padding-bottom: 2.5rem !important;
  }
  .p-l-40-xxl {
    padding-left: 2.5rem !important;
  }
}
@media (min-width: 1400px) {
  .p-48-xxl {
    padding: 3rem !important;
  }
  .p-t-48-xxl {
    padding-top: 3rem !important;
  }
  .p-r-48-xxl {
    padding-right: 3rem !important;
  }
  .p-b-48-xxl {
    padding-bottom: 3rem !important;
  }
  .p-l-48-xxl {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .p-56-xxl {
    padding: 3.5rem !important;
  }
  .p-t-56-xxl {
    padding-top: 3.5rem !important;
  }
  .p-r-56-xxl {
    padding-right: 3.5rem !important;
  }
  .p-b-56-xxl {
    padding-bottom: 3.5rem !important;
  }
  .p-l-56-xxl {
    padding-left: 3.5rem !important;
  }
}
@media (min-width: 1400px) {
  .p-64-xxl {
    padding: 4rem !important;
  }
  .p-t-64-xxl {
    padding-top: 4rem !important;
  }
  .p-r-64-xxl {
    padding-right: 4rem !important;
  }
  .p-b-64-xxl {
    padding-bottom: 4rem !important;
  }
  .p-l-64-xxl {
    padding-left: 4rem !important;
  }
}
@media (min-width: 1400px) {
  .p-72-xxl {
    padding: 5.5rem !important;
  }
  .p-t-72-xxl {
    padding-top: 5.5rem !important;
  }
  .p-r-72-xxl {
    padding-right: 5.5rem !important;
  }
  .p-b-72-xxl {
    padding-bottom: 5.5rem !important;
  }
  .p-l-72-xxl {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 1400px) {
  .p-80-xxl {
    padding: 5rem !important;
  }
  .p-t-80-xxl {
    padding-top: 5rem !important;
  }
  .p-r-80-xxl {
    padding-right: 5rem !important;
  }
  .p-b-80-xxl {
    padding-bottom: 5rem !important;
  }
  .p-l-80-xxl {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1400px) {
  .p-88-xxl {
    padding: 5.5rem !important;
  }
  .p-t-88-xxl {
    padding-top: 5.5rem !important;
  }
  .p-r-88-xxl {
    padding-right: 5.5rem !important;
  }
  .p-b-88-xxl {
    padding-bottom: 5.5rem !important;
  }
  .p-l-88-xxl {
    padding-left: 5.5rem !important;
  }
}
@media (min-width: 1400px) {
  .p-96-xxl {
    padding: 6rem !important;
  }
  .p-t-96-xxl {
    padding-top: 6rem !important;
  }
  .p-r-96-xxl {
    padding-right: 6rem !important;
  }
  .p-b-96-xxl {
    padding-bottom: 6rem !important;
  }
  .p-l-96-xxl {
    padding-left: 6rem !important;
  }
}
@media (min-width: 1400px) {
  .p-auto-xxl {
    padding: auto !important;
  }
  .p-t-auto-xxl {
    padding-top: auto !important;
  }
  .p-r-auto-xxl {
    padding-right: auto !important;
  }
  .p-b-auto-xxl {
    padding-bottom: auto !important;
  }
  .p-l-auto-xxl {
    padding-left: auto !important;
  }
}
.col-1 {
  width: 8.3333333333% !important;
}

.col-2 {
  width: 16.6666666667% !important;
}

.col-3 {
  width: 25% !important;
}

.col-4 {
  width: 33.3333333333% !important;
}

.col-5 {
  width: 41.6666666667% !important;
}

.col-6 {
  width: 50% !important;
}

.col-7 {
  width: 58.3333333333% !important;
}

.col-8 {
  width: 66.6666666667% !important;
}

.col-9 {
  width: 75% !important;
}

.col-10 {
  width: 83.3333333333% !important;
}

.col-11 {
  width: 91.6666666667% !important;
}

.col-12 {
  width: 100% !important;
}

@media (min-width: 576px) {
  .col-sm-1 {
    width: 8.3333333333% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-2 {
    width: 16.6666666667% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-3 {
    width: 25% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-4 {
    width: 33.3333333333% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-5 {
    width: 41.6666666667% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-6 {
    width: 50% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-7 {
    width: 58.3333333333% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-8 {
    width: 66.6666666667% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-9 {
    width: 75% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-10 {
    width: 83.3333333333% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-11 {
    width: 91.6666666667% !important;
  }
}
@media (min-width: 576px) {
  .col-sm-12 {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.3333333333% !important;
  }
}
@media (min-width: 768px) {
  .col-md-2 {
    width: 16.6666666667% !important;
  }
}
@media (min-width: 768px) {
  .col-md-3 {
    width: 25% !important;
  }
}
@media (min-width: 768px) {
  .col-md-4 {
    width: 33.3333333333% !important;
  }
}
@media (min-width: 768px) {
  .col-md-5 {
    width: 41.6666666667% !important;
  }
}
@media (min-width: 768px) {
  .col-md-6 {
    width: 50% !important;
  }
}
@media (min-width: 768px) {
  .col-md-7 {
    width: 58.3333333333% !important;
  }
}
@media (min-width: 768px) {
  .col-md-8 {
    width: 66.6666666667% !important;
  }
}
@media (min-width: 768px) {
  .col-md-9 {
    width: 75% !important;
  }
}
@media (min-width: 768px) {
  .col-md-10 {
    width: 83.3333333333% !important;
  }
}
@media (min-width: 768px) {
  .col-md-11 {
    width: 91.6666666667% !important;
  }
}
@media (min-width: 768px) {
  .col-md-12 {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.3333333333% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-2 {
    width: 16.6666666667% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-3 {
    width: 25% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-4 {
    width: 33.3333333333% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-5 {
    width: 41.6666666667% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-6 {
    width: 50% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-7 {
    width: 58.3333333333% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-8 {
    width: 66.6666666667% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-9 {
    width: 75% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-10 {
    width: 83.3333333333% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-11 {
    width: 91.6666666667% !important;
  }
}
@media (min-width: 992px) {
  .col-lg-12, body .woocommerce-tabs ul.tabs {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    width: 8.3333333333% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-2 {
    width: 16.6666666667% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-3 {
    width: 25% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-4 {
    width: 33.3333333333% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-5 {
    width: 41.6666666667% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-6 {
    width: 50% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-7 {
    width: 58.3333333333% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-8 {
    width: 66.6666666667% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-9 {
    width: 75% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-10 {
    width: 83.3333333333% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-11 {
    width: 91.6666666667% !important;
  }
}
@media (min-width: 1200px) {
  .col-xl-12 {
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    width: 8.3333333333% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-2 {
    width: 16.6666666667% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-3 {
    width: 25% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-4 {
    width: 33.3333333333% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-5 {
    width: 41.6666666667% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-6 {
    width: 50% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-7 {
    width: 58.3333333333% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-8 {
    width: 66.6666666667% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-9 {
    width: 75% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-10 {
    width: 83.3333333333% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-11 {
    width: 91.6666666667% !important;
  }
}
@media (min-width: 1400px) {
  .col-xxl-12 {
    width: 100% !important;
  }
}
.col-offset-1 {
  margin-left: 8.3333333333% !important;
}

.col-offset-2 {
  margin-left: 16.6666666667% !important;
}

.col-offset-3 {
  margin-left: 25% !important;
}

.col-offset-4 {
  margin-left: 33.3333333333% !important;
}

.col-offset-5 {
  margin-left: 41.6666666667% !important;
}

.col-offset-6 {
  margin-left: 50% !important;
}

.col-offset-7 {
  margin-left: 58.3333333333% !important;
}

.col-offset-8 {
  margin-left: 66.6666666667% !important;
}

.col-offset-9 {
  margin-left: 75% !important;
}

.col-offset-10 {
  margin-left: 83.3333333333% !important;
}

.col-offset-11 {
  margin-left: 91.6666666667% !important;
}

.col-offset-12 {
  margin-left: 100% !important;
}

@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-1 {
    margin-left: 8.3333333333% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-2 {
    margin-left: 16.6666666667% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-3 {
    margin-left: 25% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-4 {
    margin-left: 33.3333333333% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-5 {
    margin-left: 41.6666666667% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-6 {
    margin-left: 50% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-7 {
    margin-left: 58.3333333333% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-8 {
    margin-left: 66.6666666667% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-9 {
    margin-left: 75% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-10 {
    margin-left: 83.3333333333% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-11 {
    margin-left: 91.6666666667% !important;
  }
}
@media (min-width: 576px) and (min-width: 576px) {
  .col-offset-sm-12 {
    margin-left: 100% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-1 {
    margin-left: 8.3333333333% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-2 {
    margin-left: 16.6666666667% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-3 {
    margin-left: 25% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-4 {
    margin-left: 33.3333333333% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-5 {
    margin-left: 41.6666666667% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-6 {
    margin-left: 50% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-7 {
    margin-left: 58.3333333333% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-8 {
    margin-left: 66.6666666667% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-9 {
    margin-left: 75% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-10 {
    margin-left: 83.3333333333% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-11 {
    margin-left: 91.6666666667% !important;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .col-offset-md-12 {
    margin-left: 100% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-1 {
    margin-left: 8.3333333333% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-2 {
    margin-left: 16.6666666667% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-3 {
    margin-left: 25% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-4 {
    margin-left: 33.3333333333% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-5 {
    margin-left: 41.6666666667% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-6 {
    margin-left: 50% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-7 {
    margin-left: 58.3333333333% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-8 {
    margin-left: 66.6666666667% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-9 {
    margin-left: 75% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-10 {
    margin-left: 83.3333333333% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-11 {
    margin-left: 91.6666666667% !important;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .col-offset-lg-12 {
    margin-left: 100% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-1 {
    margin-left: 8.3333333333% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-2 {
    margin-left: 16.6666666667% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-3 {
    margin-left: 25% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-4 {
    margin-left: 33.3333333333% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-5 {
    margin-left: 41.6666666667% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-6 {
    margin-left: 50% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-7 {
    margin-left: 58.3333333333% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-8 {
    margin-left: 66.6666666667% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-9 {
    margin-left: 75% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-10 {
    margin-left: 83.3333333333% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-11 {
    margin-left: 91.6666666667% !important;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .col-offset-xl-12 {
    margin-left: 100% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-1 {
    margin-left: 8.3333333333% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-2 {
    margin-left: 16.6666666667% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-3 {
    margin-left: 25% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-4 {
    margin-left: 33.3333333333% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-5 {
    margin-left: 41.6666666667% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-6 {
    margin-left: 50% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-7 {
    margin-left: 58.3333333333% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-8 {
    margin-left: 66.6666666667% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-9 {
    margin-left: 75% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-10 {
    margin-left: 83.3333333333% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-11 {
    margin-left: 91.6666666667% !important;
  }
}
@media (min-width: 1400px) and (min-width: 1400px) {
  .col-offset-xxl-12 {
    margin-left: 100% !important;
  }
}
.gap-0 {
  gap: 0 !important;
}

.gap-4 {
  gap: 0.25rem !important;
}

.gap-8 {
  gap: 0.5rem !important;
}

.gap-16 {
  gap: 1rem !important;
}

.gap-24 {
  gap: 1.5rem !important;
}

.gap-32 {
  gap: 2rem !important;
}

.gap-40 {
  gap: 2.5rem !important;
}

.gap-48 {
  gap: 3rem !important;
}

.gap-56 {
  gap: 3.5rem !important;
}

.gap-64 {
  gap: 4rem !important;
}

.gap-72 {
  gap: 5.5rem !important;
}

.gap-80 {
  gap: 5rem !important;
}

.gap-88 {
  gap: 5.5rem !important;
}

.gap-96 {
  gap: 6rem !important;
}

@media (min-width: 576px) {
  .gap-0-sm {
    gap: 0 !important;
  }
}
@media (min-width: 576px) {
  .gap-4-sm {
    gap: 0.25rem !important;
  }
}
@media (min-width: 576px) {
  .gap-8-sm {
    gap: 0.5rem !important;
  }
}
@media (min-width: 576px) {
  .gap-16-sm {
    gap: 1rem !important;
  }
}
@media (min-width: 576px) {
  .gap-24-sm {
    gap: 1.5rem !important;
  }
}
@media (min-width: 576px) {
  .gap-32-sm {
    gap: 2rem !important;
  }
}
@media (min-width: 576px) {
  .gap-40-sm {
    gap: 2.5rem !important;
  }
}
@media (min-width: 576px) {
  .gap-48-sm {
    gap: 3rem !important;
  }
}
@media (min-width: 576px) {
  .gap-56-sm {
    gap: 3.5rem !important;
  }
}
@media (min-width: 576px) {
  .gap-64-sm {
    gap: 4rem !important;
  }
}
@media (min-width: 576px) {
  .gap-72-sm {
    gap: 5.5rem !important;
  }
}
@media (min-width: 576px) {
  .gap-80-sm {
    gap: 5rem !important;
  }
}
@media (min-width: 576px) {
  .gap-88-sm {
    gap: 5.5rem !important;
  }
}
@media (min-width: 576px) {
  .gap-96-sm {
    gap: 6rem !important;
  }
}
@media (min-width: 768px) {
  .gap-0-md {
    gap: 0 !important;
  }
}
@media (min-width: 768px) {
  .gap-4-md {
    gap: 0.25rem !important;
  }
}
@media (min-width: 768px) {
  .gap-8-md {
    gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-16-md {
    gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .gap-24-md {
    gap: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-32-md {
    gap: 2rem !important;
  }
}
@media (min-width: 768px) {
  .gap-40-md {
    gap: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-48-md {
    gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  .gap-56-md {
    gap: 3.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-64-md {
    gap: 4rem !important;
  }
}
@media (min-width: 768px) {
  .gap-72-md {
    gap: 5.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-80-md {
    gap: 5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-88-md {
    gap: 5.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-96-md {
    gap: 6rem !important;
  }
}
@media (min-width: 992px) {
  .gap-0-lg {
    gap: 0 !important;
  }
}
@media (min-width: 992px) {
  .gap-4-lg {
    gap: 0.25rem !important;
  }
}
@media (min-width: 992px) {
  .gap-8-lg {
    gap: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-16-lg {
    gap: 1rem !important;
  }
}
@media (min-width: 992px) {
  .gap-24-lg {
    gap: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-32-lg {
    gap: 2rem !important;
  }
}
@media (min-width: 992px) {
  .gap-40-lg {
    gap: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-48-lg {
    gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  .gap-56-lg {
    gap: 3.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-64-lg {
    gap: 4rem !important;
  }
}
@media (min-width: 992px) {
  .gap-72-lg {
    gap: 5.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-80-lg {
    gap: 5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-88-lg {
    gap: 5.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-96-lg {
    gap: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-0-xl {
    gap: 0 !important;
  }
}
@media (min-width: 1200px) {
  .gap-4-xl {
    gap: 0.25rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-8-xl {
    gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-16-xl {
    gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-24-xl {
    gap: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-32-xl {
    gap: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-40-xl {
    gap: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-48-xl {
    gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-56-xl {
    gap: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-64-xl {
    gap: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-72-xl {
    gap: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-80-xl {
    gap: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-88-xl {
    gap: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-96-xl {
    gap: 6rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-0-xxl {
    gap: 0 !important;
  }
}
@media (min-width: 1400px) {
  .gap-4-xxl {
    gap: 0.25rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-8-xxl {
    gap: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-16-xxl {
    gap: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-24-xxl {
    gap: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-32-xxl {
    gap: 2rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-40-xxl {
    gap: 2.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-48-xxl {
    gap: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-56-xxl {
    gap: 3.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-64-xxl {
    gap: 4rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-72-xxl {
    gap: 5.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-80-xxl {
    gap: 5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-88-xxl {
    gap: 5.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-96-xxl {
    gap: 6rem !important;
  }
}
/* *********************
* Visibility
***********************/
/* *********************
* Displays
***********************/
.d-none {
  display: none !important;
}

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

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
  flex-direction: row !important;
}

.d-col {
  display: flex !important;
  flex-direction: column !important;
}

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

.d-grid {
  display: grid !important;
}

.d-contents {
  display: contents !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 576px) {
  .d-none-sm {
    display: none !important;
  }
  .d-inline-sm {
    display: inline !important;
  }
  .d-inline-block-sm {
    display: inline-block !important;
  }
  .d-block-sm {
    display: block !important;
  }
  .d-table-sm {
    display: table !important;
  }
  .d-table-row-sm {
    display: table-row !important;
  }
  .d-table-cell-sm {
    display: table-cell !important;
  }
  .d-flex-sm {
    display: flex !important;
    flex-direction: row !important;
  }
  .d-col-sm {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-inline-flex-sm {
    display: inline-flex !important;
  }
  .d-grid-sm {
    display: grid !important;
  }
  .d-contents-sm {
    display: contents !important;
  }
  .sr-only-sm {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (min-width: 768px) {
  .d-none-md {
    display: none !important;
  }
  .d-inline-md {
    display: inline !important;
  }
  .d-inline-block-md {
    display: inline-block !important;
  }
  .d-block-md {
    display: block !important;
  }
  .d-table-md {
    display: table !important;
  }
  .d-table-row-md {
    display: table-row !important;
  }
  .d-table-cell-md {
    display: table-cell !important;
  }
  .d-flex-md {
    display: flex !important;
    flex-direction: row !important;
  }
  .d-col-md {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-inline-flex-md {
    display: inline-flex !important;
  }
  .d-grid-md {
    display: grid !important;
  }
  .d-contents-md {
    display: contents !important;
  }
  .sr-only-md {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (min-width: 992px) {
  .d-none-lg {
    display: none !important;
  }
  .d-inline-lg {
    display: inline !important;
  }
  .d-inline-block-lg {
    display: inline-block !important;
  }
  .d-block-lg {
    display: block !important;
  }
  .d-table-lg {
    display: table !important;
  }
  .d-table-row-lg {
    display: table-row !important;
  }
  .d-table-cell-lg {
    display: table-cell !important;
  }
  .d-flex-lg {
    display: flex !important;
    flex-direction: row !important;
  }
  .d-col-lg, .numbers-story ul {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-inline-flex-lg {
    display: inline-flex !important;
  }
  .d-grid-lg {
    display: grid !important;
  }
  .d-contents-lg {
    display: contents !important;
  }
  .sr-only-lg {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (min-width: 1200px) {
  .d-none-xl {
    display: none !important;
  }
  .d-inline-xl {
    display: inline !important;
  }
  .d-inline-block-xl {
    display: inline-block !important;
  }
  .d-block-xl {
    display: block !important;
  }
  .d-table-xl {
    display: table !important;
  }
  .d-table-row-xl {
    display: table-row !important;
  }
  .d-table-cell-xl {
    display: table-cell !important;
  }
  .d-flex-xl {
    display: flex !important;
    flex-direction: row !important;
  }
  .d-col-xl {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-inline-flex-xl {
    display: inline-flex !important;
  }
  .d-grid-xl {
    display: grid !important;
  }
  .d-contents-xl {
    display: contents !important;
  }
  .sr-only-xl {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (min-width: 1400px) {
  .d-none-xxl {
    display: none !important;
  }
  .d-inline-xxl {
    display: inline !important;
  }
  .d-inline-block-xxl {
    display: inline-block !important;
  }
  .d-block-xxl {
    display: block !important;
  }
  .d-table-xxl {
    display: table !important;
  }
  .d-table-row-xxl {
    display: table-row !important;
  }
  .d-table-cell-xxl {
    display: table-cell !important;
  }
  .d-flex-xxl {
    display: flex !important;
    flex-direction: row !important;
  }
  .d-col-xxl {
    display: flex !important;
    flex-direction: column !important;
  }
  .d-inline-flex-xxl {
    display: inline-flex !important;
  }
  .d-grid-xxl {
    display: grid !important;
  }
  .d-contents-xxl {
    display: contents !important;
  }
  .sr-only-xxl {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
/* *********************
* Flex utilities
***********************/
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.j-c-start {
  justify-content: flex-start !important;
}

.j-c-end {
  justify-content: flex-end !important;
}

.j-c-center {
  justify-content: center !important;
}

.j-c-between {
  justify-content: space-between !important;
}

.j-c-around {
  justify-content: space-around !important;
}

.a-i-start {
  align-items: flex-start !important;
}

.a-i-end {
  align-items: flex-end !important;
}

.a-i-center {
  align-items: center !important;
}

.a-i-baseline {
  align-items: baseline !important;
}

.a-i-stretch {
  align-items: stretch !important;
}

.a-c-start {
  align-content: flex-start !important;
}

.a-c-end {
  align-content: flex-end !important;
}

.a-c-center {
  align-content: center !important;
}

.a-c-between {
  align-content: space-between !important;
}

.a-c-around {
  align-content: space-around !important;
}

.a-c-stretch {
  align-content: stretch !important;
}

.a-s-auto {
  align-self: auto !important;
}

.a-s-start {
  align-self: flex-start !important;
}

.a-s-end {
  align-self: flex-end !important;
}

.a-s-center {
  align-self: center !important;
}

.a-s-baseline {
  align-self: baseline !important;
}

.a-s-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .j-c-sm-start {
    justify-content: flex-start !important;
  }
  .j-c-sm-end {
    justify-content: flex-end !important;
  }
  .j-c-sm-center {
    justify-content: center !important;
  }
  .j-c-sm-between {
    justify-content: space-between !important;
  }
  .j-c-sm-around {
    justify-content: space-around !important;
  }
  .a-i-sm-start {
    align-items: flex-start !important;
  }
  .a-i-sm-end {
    align-items: flex-end !important;
  }
  .a-i-sm-center {
    align-items: center !important;
  }
  .a-i-sm-baseline {
    align-items: baseline !important;
  }
  .a-i-sm-stretch {
    align-items: stretch !important;
  }
  .a-c-sm-start {
    align-content: flex-start !important;
  }
  .a-c-sm-end {
    align-content: flex-end !important;
  }
  .a-c-sm-center {
    align-content: center !important;
  }
  .a-c-sm-between {
    align-content: space-between !important;
  }
  .a-c-sm-around {
    align-content: space-around !important;
  }
  .a-c-sm-stretch {
    align-content: stretch !important;
  }
  .a-s-sm-auto {
    align-self: auto !important;
  }
  .a-s-sm-start {
    align-self: flex-start !important;
  }
  .a-s-sm-end {
    align-self: flex-end !important;
  }
  .a-s-sm-center {
    align-self: center !important;
  }
  .a-s-sm-baseline {
    align-self: baseline !important;
  }
  .a-s-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .j-c-md-start {
    justify-content: flex-start !important;
  }
  .j-c-md-end {
    justify-content: flex-end !important;
  }
  .j-c-md-center {
    justify-content: center !important;
  }
  .j-c-md-between {
    justify-content: space-between !important;
  }
  .j-c-md-around {
    justify-content: space-around !important;
  }
  .a-i-md-start {
    align-items: flex-start !important;
  }
  .a-i-md-end {
    align-items: flex-end !important;
  }
  .a-i-md-center {
    align-items: center !important;
  }
  .a-i-md-baseline {
    align-items: baseline !important;
  }
  .a-i-md-stretch {
    align-items: stretch !important;
  }
  .a-c-md-start {
    align-content: flex-start !important;
  }
  .a-c-md-end {
    align-content: flex-end !important;
  }
  .a-c-md-center {
    align-content: center !important;
  }
  .a-c-md-between {
    align-content: space-between !important;
  }
  .a-c-md-around {
    align-content: space-around !important;
  }
  .a-c-md-stretch {
    align-content: stretch !important;
  }
  .a-s-md-auto {
    align-self: auto !important;
  }
  .a-s-md-start {
    align-self: flex-start !important;
  }
  .a-s-md-end {
    align-self: flex-end !important;
  }
  .a-s-md-center {
    align-self: center !important;
  }
  .a-s-md-baseline {
    align-self: baseline !important;
  }
  .a-s-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .j-c-lg-start {
    justify-content: flex-start !important;
  }
  .j-c-lg-end {
    justify-content: flex-end !important;
  }
  .j-c-lg-center {
    justify-content: center !important;
  }
  .j-c-lg-between {
    justify-content: space-between !important;
  }
  .j-c-lg-around {
    justify-content: space-around !important;
  }
  .a-i-lg-start {
    align-items: flex-start !important;
  }
  .a-i-lg-end {
    align-items: flex-end !important;
  }
  .a-i-lg-center {
    align-items: center !important;
  }
  .a-i-lg-baseline {
    align-items: baseline !important;
  }
  .a-i-lg-stretch {
    align-items: stretch !important;
  }
  .a-c-lg-start {
    align-content: flex-start !important;
  }
  .a-c-lg-end {
    align-content: flex-end !important;
  }
  .a-c-lg-center {
    align-content: center !important;
  }
  .a-c-lg-between {
    align-content: space-between !important;
  }
  .a-c-lg-around {
    align-content: space-around !important;
  }
  .a-c-lg-stretch {
    align-content: stretch !important;
  }
  .a-s-lg-auto {
    align-self: auto !important;
  }
  .a-s-lg-start {
    align-self: flex-start !important;
  }
  .a-s-lg-end {
    align-self: flex-end !important;
  }
  .a-s-lg-center {
    align-self: center !important;
  }
  .a-s-lg-baseline {
    align-self: baseline !important;
  }
  .a-s-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .j-c-xl-start {
    justify-content: flex-start !important;
  }
  .j-c-xl-end {
    justify-content: flex-end !important;
  }
  .j-c-xl-center {
    justify-content: center !important;
  }
  .j-c-xl-between {
    justify-content: space-between !important;
  }
  .j-c-xl-around {
    justify-content: space-around !important;
  }
  .a-i-xl-start {
    align-items: flex-start !important;
  }
  .a-i-xl-end {
    align-items: flex-end !important;
  }
  .a-i-xl-center {
    align-items: center !important;
  }
  .a-i-xl-baseline {
    align-items: baseline !important;
  }
  .a-i-xl-stretch {
    align-items: stretch !important;
  }
  .a-c-xl-start {
    align-content: flex-start !important;
  }
  .a-c-xl-end {
    align-content: flex-end !important;
  }
  .a-c-xl-center {
    align-content: center !important;
  }
  .a-c-xl-between {
    align-content: space-between !important;
  }
  .a-c-xl-around {
    align-content: space-around !important;
  }
  .a-c-xl-stretch {
    align-content: stretch !important;
  }
  .a-s-xl-auto {
    align-self: auto !important;
  }
  .a-s-xl-start {
    align-self: flex-start !important;
  }
  .a-s-xl-end {
    align-self: flex-end !important;
  }
  .a-s-xl-center {
    align-self: center !important;
  }
  .a-s-xl-baseline {
    align-self: baseline !important;
  }
  .a-s-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1400px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .j-c-xxl-start {
    justify-content: flex-start !important;
  }
  .j-c-xxl-end {
    justify-content: flex-end !important;
  }
  .j-c-xxl-center {
    justify-content: center !important;
  }
  .j-c-xxl-between {
    justify-content: space-between !important;
  }
  .j-c-xxl-around {
    justify-content: space-around !important;
  }
  .a-i-xxl-start {
    align-items: flex-start !important;
  }
  .a-i-xxl-end {
    align-items: flex-end !important;
  }
  .a-i-xxl-center {
    align-items: center !important;
  }
  .a-i-xxl-baseline {
    align-items: baseline !important;
  }
  .a-i-xxl-stretch {
    align-items: stretch !important;
  }
  .a-c-xxl-start {
    align-content: flex-start !important;
  }
  .a-c-xxl-end {
    align-content: flex-end !important;
  }
  .a-c-xxl-center {
    align-content: center !important;
  }
  .a-c-xxl-between {
    align-content: space-between !important;
  }
  .a-c-xxl-around {
    align-content: space-around !important;
  }
  .a-c-xxl-stretch {
    align-content: stretch !important;
  }
  .a-s-xxl-auto {
    align-self: auto !important;
  }
  .a-s-xxl-start {
    align-self: flex-start !important;
  }
  .a-s-xxl-end {
    align-self: flex-end !important;
  }
  .a-s-xxl-center {
    align-self: center !important;
  }
  .a-s-xxl-baseline {
    align-self: baseline !important;
  }
  .a-s-xxl-stretch {
    align-self: stretch !important;
  }
}
/* *********************
* Text alignment
***********************/
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

@media (min-width: 576px) {
  .text-left-sm {
    text-align: left !important;
  }
  .text-center-sm {
    text-align: center !important;
  }
  .text-right-sm {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .text-left-md {
    text-align: left !important;
  }
  .text-center-md {
    text-align: center !important;
  }
  .text-right-md {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .text-left-lg {
    text-align: left !important;
  }
  .text-center-lg {
    text-align: center !important;
  }
  .text-right-lg {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .text-left-xl {
    text-align: left !important;
  }
  .text-center-xl {
    text-align: center !important;
  }
  .text-right-xl {
    text-align: right !important;
  }
}
@media (min-width: 1400px) {
  .text-left-xxl {
    text-align: left !important;
  }
  .text-center-xxl {
    text-align: center !important;
  }
  .text-right-xxl {
    text-align: right !important;
  }
}
.grid--1-11 {
  grid-template-columns: 1fr 11fr;
  gap: 1.5rem;
}

.grid--2-10 {
  grid-template-columns: 2fr 10fr;
  gap: 1.5rem;
}

.grid--3-9 {
  grid-template-columns: 3fr 9fr;
  gap: 1.5rem;
}

.grid--4-8 {
  grid-template-columns: 4fr 8fr;
  gap: 1.5rem;
}

.grid--5-7 {
  grid-template-columns: 5fr 7fr;
  gap: 1.5rem;
}

.grid--6-6 {
  grid-template-columns: 6fr 6fr;
  gap: 1.5rem;
}

.grid--7-5 {
  grid-template-columns: 7fr 5fr;
  gap: 1.5rem;
}

.grid--8-4 {
  grid-template-columns: 8fr 4fr;
  gap: 1.5rem;
}

.grid--9-3 {
  grid-template-columns: 9fr 3fr;
  gap: 1.5rem;
}

.grid--10-2 {
  grid-template-columns: 10fr 2fr;
  gap: 1.5rem;
}

.grid--11-1 {
  grid-template-columns: 11fr 1fr;
  gap: 1.5rem;
}

@media (min-width: 576px) {
  .grid--1-11-sm {
    grid-template-columns: 1fr 11fr;
    gap: 1.5rem;
  }
  .grid--2-10-sm {
    grid-template-columns: 2fr 10fr;
    gap: 1.5rem;
  }
  .grid--3-9-sm {
    grid-template-columns: 3fr 9fr;
    gap: 1.5rem;
  }
  .grid--4-8-sm {
    grid-template-columns: 4fr 8fr;
    gap: 1.5rem;
  }
  .grid--5-7-sm {
    grid-template-columns: 5fr 7fr;
    gap: 1.5rem;
  }
  .grid--6-6-sm {
    grid-template-columns: 6fr 6fr;
    gap: 1.5rem;
  }
  .grid--7-5-sm {
    grid-template-columns: 7fr 5fr;
    gap: 1.5rem;
  }
  .grid--8-4-sm {
    grid-template-columns: 8fr 4fr;
    gap: 1.5rem;
  }
  .grid--9-3-sm {
    grid-template-columns: 9fr 3fr;
    gap: 1.5rem;
  }
  .grid--10-2-sm {
    grid-template-columns: 10fr 2fr;
    gap: 1.5rem;
  }
  .grid--11-1-sm {
    grid-template-columns: 11fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .grid--1-11-md {
    grid-template-columns: 1fr 11fr;
    gap: 1.5rem;
  }
  .grid--2-10-md {
    grid-template-columns: 2fr 10fr;
    gap: 1.5rem;
  }
  .grid--3-9-md {
    grid-template-columns: 3fr 9fr;
    gap: 1.5rem;
  }
  .grid--4-8-md {
    grid-template-columns: 4fr 8fr;
    gap: 1.5rem;
  }
  .grid--5-7-md {
    grid-template-columns: 5fr 7fr;
    gap: 1.5rem;
  }
  .grid--6-6-md {
    grid-template-columns: 6fr 6fr;
    gap: 1.5rem;
  }
  .grid--7-5-md {
    grid-template-columns: 7fr 5fr;
    gap: 1.5rem;
  }
  .grid--8-4-md {
    grid-template-columns: 8fr 4fr;
    gap: 1.5rem;
  }
  .grid--9-3-md {
    grid-template-columns: 9fr 3fr;
    gap: 1.5rem;
  }
  .grid--10-2-md {
    grid-template-columns: 10fr 2fr;
    gap: 1.5rem;
  }
  .grid--11-1-md {
    grid-template-columns: 11fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 992px) {
  .grid--1-11-lg {
    grid-template-columns: 1fr 11fr;
    gap: 1.5rem;
  }
  .grid--2-10-lg {
    grid-template-columns: 2fr 10fr;
    gap: 1.5rem;
  }
  .grid--3-9-lg {
    grid-template-columns: 3fr 9fr;
    gap: 1.5rem;
  }
  .grid--4-8-lg {
    grid-template-columns: 4fr 8fr;
    gap: 1.5rem;
  }
  .grid--5-7-lg {
    grid-template-columns: 5fr 7fr;
    gap: 1.5rem;
  }
  .grid--6-6-lg {
    grid-template-columns: 6fr 6fr;
    gap: 1.5rem;
  }
  .grid--7-5-lg {
    grid-template-columns: 7fr 5fr;
    gap: 1.5rem;
  }
  .grid--8-4-lg {
    grid-template-columns: 8fr 4fr;
    gap: 1.5rem;
  }
  .grid--9-3-lg {
    grid-template-columns: 9fr 3fr;
    gap: 1.5rem;
  }
  .grid--10-2-lg {
    grid-template-columns: 10fr 2fr;
    gap: 1.5rem;
  }
  .grid--11-1-lg {
    grid-template-columns: 11fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .grid--1-11-xl {
    grid-template-columns: 1fr 11fr;
    gap: 1.5rem;
  }
  .grid--2-10-xl {
    grid-template-columns: 2fr 10fr;
    gap: 1.5rem;
  }
  .grid--3-9-xl {
    grid-template-columns: 3fr 9fr;
    gap: 1.5rem;
  }
  .grid--4-8-xl {
    grid-template-columns: 4fr 8fr;
    gap: 1.5rem;
  }
  .grid--5-7-xl {
    grid-template-columns: 5fr 7fr;
    gap: 1.5rem;
  }
  .grid--6-6-xl {
    grid-template-columns: 6fr 6fr;
    gap: 1.5rem;
  }
  .grid--7-5-xl {
    grid-template-columns: 7fr 5fr;
    gap: 1.5rem;
  }
  .grid--8-4-xl {
    grid-template-columns: 8fr 4fr;
    gap: 1.5rem;
  }
  .grid--9-3-xl {
    grid-template-columns: 9fr 3fr;
    gap: 1.5rem;
  }
  .grid--10-2-xl {
    grid-template-columns: 10fr 2fr;
    gap: 1.5rem;
  }
  .grid--11-1-xl {
    grid-template-columns: 11fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .grid--1-11-xxl {
    grid-template-columns: 1fr 11fr;
    gap: 1.5rem;
  }
  .grid--2-10-xxl {
    grid-template-columns: 2fr 10fr;
    gap: 1.5rem;
  }
  .grid--3-9-xxl {
    grid-template-columns: 3fr 9fr;
    gap: 1.5rem;
  }
  .grid--4-8-xxl {
    grid-template-columns: 4fr 8fr;
    gap: 1.5rem;
  }
  .grid--5-7-xxl {
    grid-template-columns: 5fr 7fr;
    gap: 1.5rem;
  }
  .grid--6-6-xxl {
    grid-template-columns: 6fr 6fr;
    gap: 1.5rem;
  }
  .grid--7-5-xxl {
    grid-template-columns: 7fr 5fr;
    gap: 1.5rem;
  }
  .grid--8-4-xxl {
    grid-template-columns: 8fr 4fr;
    gap: 1.5rem;
  }
  .grid--9-3-xxl {
    grid-template-columns: 9fr 3fr;
    gap: 1.5rem;
  }
  .grid--10-2-xxl {
    grid-template-columns: 10fr 2fr;
    gap: 1.5rem;
  }
  .grid--11-1-xxl {
    grid-template-columns: 11fr 1fr;
    gap: 1.5rem;
  }
}
.grid--1-1-10 {
  grid-template-columns: 1fr 1fr 10fr;
  gap: 1.5rem;
}

.grid--1-2-9 {
  grid-template-columns: 1fr 2fr 9fr;
  gap: 1.5rem;
}

.grid--1-3-8 {
  grid-template-columns: 1fr 3fr 8fr;
  gap: 1.5rem;
}

.grid--1-4-7 {
  grid-template-columns: 1fr 4fr 7fr;
  gap: 1.5rem;
}

.grid--1-5-6 {
  grid-template-columns: 1fr 5fr 6fr;
  gap: 1.5rem;
}

.grid--1-6-5 {
  grid-template-columns: 1fr 6fr 5fr;
  gap: 1.5rem;
}

.grid--1-7-4 {
  grid-template-columns: 1fr 7fr 4fr;
  gap: 1.5rem;
}

.grid--1-8-3 {
  grid-template-columns: 1fr 8fr 3fr;
  gap: 1.5rem;
}

.grid--1-9-2 {
  grid-template-columns: 1fr 9fr 2fr;
  gap: 1.5rem;
}

.grid--1-10-1 {
  grid-template-columns: 1fr 10fr 1fr;
  gap: 1.5rem;
}

.grid--2-1-9 {
  grid-template-columns: 2fr 1fr 9fr;
  gap: 1.5rem;
}

.grid--2-2-8 {
  grid-template-columns: 2fr 2fr 8fr;
  gap: 1.5rem;
}

.grid--2-3-7 {
  grid-template-columns: 2fr 3fr 7fr;
  gap: 1.5rem;
}

.grid--2-4-6 {
  grid-template-columns: 2fr 4fr 6fr;
  gap: 1.5rem;
}

.grid--2-5-5 {
  grid-template-columns: 2fr 5fr 5fr;
  gap: 1.5rem;
}

.grid--2-6-4 {
  grid-template-columns: 2fr 6fr 4fr;
  gap: 1.5rem;
}

.grid--2-7-3 {
  grid-template-columns: 2fr 7fr 3fr;
  gap: 1.5rem;
}

.grid--2-8-2 {
  grid-template-columns: 2fr 8fr 2fr;
  gap: 1.5rem;
}

.grid--2-9-1 {
  grid-template-columns: 2fr 9fr 1fr;
  gap: 1.5rem;
}

.grid--3-1-8 {
  grid-template-columns: 3fr 1fr 8fr;
  gap: 1.5rem;
}

.grid--3-2-7 {
  grid-template-columns: 3fr 2fr 7fr;
  gap: 1.5rem;
}

.grid--3-3-6 {
  grid-template-columns: 3fr 3fr 6fr;
  gap: 1.5rem;
}

.grid--3-4-5 {
  grid-template-columns: 3fr 4fr 5fr;
  gap: 1.5rem;
}

.grid--3-5-4 {
  grid-template-columns: 3fr 5fr 4fr;
  gap: 1.5rem;
}

.grid--3-6-3 {
  grid-template-columns: 3fr 6fr 3fr;
  gap: 1.5rem;
}

.grid--3-7-2 {
  grid-template-columns: 3fr 7fr 2fr;
  gap: 1.5rem;
}

.grid--3-8-1 {
  grid-template-columns: 3fr 8fr 1fr;
  gap: 1.5rem;
}

.grid--4-1-7 {
  grid-template-columns: 4fr 1fr 7fr;
  gap: 1.5rem;
}

.grid--4-2-6 {
  grid-template-columns: 4fr 2fr 6fr;
  gap: 1.5rem;
}

.grid--4-3-5 {
  grid-template-columns: 4fr 3fr 5fr;
  gap: 1.5rem;
}

.grid--4-4-4 {
  grid-template-columns: 4fr 4fr 4fr;
  gap: 1.5rem;
}

.grid--4-5-3 {
  grid-template-columns: 4fr 5fr 3fr;
  gap: 1.5rem;
}

.grid--4-6-2 {
  grid-template-columns: 4fr 6fr 2fr;
  gap: 1.5rem;
}

.grid--4-7-1 {
  grid-template-columns: 4fr 7fr 1fr;
  gap: 1.5rem;
}

.grid--5-1-6 {
  grid-template-columns: 5fr 1fr 6fr;
  gap: 1.5rem;
}

.grid--5-2-5 {
  grid-template-columns: 5fr 2fr 5fr;
  gap: 1.5rem;
}

.grid--5-3-4 {
  grid-template-columns: 5fr 3fr 4fr;
  gap: 1.5rem;
}

.grid--5-4-3 {
  grid-template-columns: 5fr 4fr 3fr;
  gap: 1.5rem;
}

.grid--5-5-2 {
  grid-template-columns: 5fr 5fr 2fr;
  gap: 1.5rem;
}

.grid--5-6-1 {
  grid-template-columns: 5fr 6fr 1fr;
  gap: 1.5rem;
}

.grid--6-1-5 {
  grid-template-columns: 6fr 1fr 5fr;
  gap: 1.5rem;
}

.grid--6-2-4 {
  grid-template-columns: 6fr 2fr 4fr;
  gap: 1.5rem;
}

.grid--6-3-3 {
  grid-template-columns: 6fr 3fr 3fr;
  gap: 1.5rem;
}

.grid--6-4-2 {
  grid-template-columns: 6fr 4fr 2fr;
  gap: 1.5rem;
}

.grid--6-5-1 {
  grid-template-columns: 6fr 5fr 1fr;
  gap: 1.5rem;
}

.grid--7-1-4 {
  grid-template-columns: 7fr 1fr 4fr;
  gap: 1.5rem;
}

.grid--7-2-3 {
  grid-template-columns: 7fr 2fr 3fr;
  gap: 1.5rem;
}

.grid--7-3-2 {
  grid-template-columns: 7fr 3fr 2fr;
  gap: 1.5rem;
}

.grid--7-4-1 {
  grid-template-columns: 7fr 4fr 1fr;
  gap: 1.5rem;
}

.grid--8-1-3 {
  grid-template-columns: 8fr 1fr 3fr;
  gap: 1.5rem;
}

.grid--8-2-2 {
  grid-template-columns: 8fr 2fr 2fr;
  gap: 1.5rem;
}

.grid--8-3-1 {
  grid-template-columns: 8fr 3fr 1fr;
  gap: 1.5rem;
}

.grid--9-1-2 {
  grid-template-columns: 9fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--9-2-1 {
  grid-template-columns: 9fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--10-1-1 {
  grid-template-columns: 10fr 1fr 1fr;
  gap: 1.5rem;
}

@media (min-width: 576px) {
  .grid--1-1-10-sm {
    grid-template-columns: 1fr 1fr 10fr;
    gap: 1.5rem;
  }
  .grid--1-2-9-sm {
    grid-template-columns: 1fr 2fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-3-8-sm {
    grid-template-columns: 1fr 3fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-4-7-sm {
    grid-template-columns: 1fr 4fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-5-6-sm {
    grid-template-columns: 1fr 5fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-6-5-sm {
    grid-template-columns: 1fr 6fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-7-4-sm {
    grid-template-columns: 1fr 7fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-8-3-sm {
    grid-template-columns: 1fr 8fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-9-2-sm {
    grid-template-columns: 1fr 9fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-10-1-sm {
    grid-template-columns: 1fr 10fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-9-sm {
    grid-template-columns: 2fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--2-2-8-sm {
    grid-template-columns: 2fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-3-7-sm {
    grid-template-columns: 2fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-4-6-sm {
    grid-template-columns: 2fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-5-5-sm {
    grid-template-columns: 2fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-6-4-sm {
    grid-template-columns: 2fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-7-3-sm {
    grid-template-columns: 2fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-8-2-sm {
    grid-template-columns: 2fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-9-1-sm {
    grid-template-columns: 2fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-8-sm {
    grid-template-columns: 3fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--3-2-7-sm {
    grid-template-columns: 3fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-3-6-sm {
    grid-template-columns: 3fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-4-5-sm {
    grid-template-columns: 3fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-5-4-sm {
    grid-template-columns: 3fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-6-3-sm {
    grid-template-columns: 3fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-7-2-sm {
    grid-template-columns: 3fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-8-1-sm {
    grid-template-columns: 3fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-7-sm {
    grid-template-columns: 4fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--4-2-6-sm {
    grid-template-columns: 4fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-3-5-sm {
    grid-template-columns: 4fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-4-4-sm {
    grid-template-columns: 4fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-5-3-sm {
    grid-template-columns: 4fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-6-2-sm {
    grid-template-columns: 4fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-7-1-sm {
    grid-template-columns: 4fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-6-sm {
    grid-template-columns: 5fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--5-2-5-sm {
    grid-template-columns: 5fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-3-4-sm {
    grid-template-columns: 5fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-4-3-sm {
    grid-template-columns: 5fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-5-2-sm {
    grid-template-columns: 5fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-6-1-sm {
    grid-template-columns: 5fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-5-sm {
    grid-template-columns: 6fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--6-2-4-sm {
    grid-template-columns: 6fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-3-3-sm {
    grid-template-columns: 6fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-4-2-sm {
    grid-template-columns: 6fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-5-1-sm {
    grid-template-columns: 6fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-4-sm {
    grid-template-columns: 7fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--7-2-3-sm {
    grid-template-columns: 7fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-3-2-sm {
    grid-template-columns: 7fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-4-1-sm {
    grid-template-columns: 7fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-3-sm {
    grid-template-columns: 8fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--8-2-2-sm {
    grid-template-columns: 8fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-3-1-sm {
    grid-template-columns: 8fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-2-sm {
    grid-template-columns: 9fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--9-2-1-sm {
    grid-template-columns: 9fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--10-1-1-sm {
    grid-template-columns: 10fr 1fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .grid--1-1-10-md {
    grid-template-columns: 1fr 1fr 10fr;
    gap: 1.5rem;
  }
  .grid--1-2-9-md {
    grid-template-columns: 1fr 2fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-3-8-md {
    grid-template-columns: 1fr 3fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-4-7-md {
    grid-template-columns: 1fr 4fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-5-6-md {
    grid-template-columns: 1fr 5fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-6-5-md {
    grid-template-columns: 1fr 6fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-7-4-md {
    grid-template-columns: 1fr 7fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-8-3-md {
    grid-template-columns: 1fr 8fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-9-2-md {
    grid-template-columns: 1fr 9fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-10-1-md {
    grid-template-columns: 1fr 10fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-9-md {
    grid-template-columns: 2fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--2-2-8-md {
    grid-template-columns: 2fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-3-7-md {
    grid-template-columns: 2fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-4-6-md {
    grid-template-columns: 2fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-5-5-md {
    grid-template-columns: 2fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-6-4-md {
    grid-template-columns: 2fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-7-3-md {
    grid-template-columns: 2fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-8-2-md {
    grid-template-columns: 2fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-9-1-md {
    grid-template-columns: 2fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-8-md {
    grid-template-columns: 3fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--3-2-7-md {
    grid-template-columns: 3fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-3-6-md {
    grid-template-columns: 3fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-4-5-md {
    grid-template-columns: 3fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-5-4-md {
    grid-template-columns: 3fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-6-3-md {
    grid-template-columns: 3fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-7-2-md {
    grid-template-columns: 3fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-8-1-md {
    grid-template-columns: 3fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-7-md {
    grid-template-columns: 4fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--4-2-6-md {
    grid-template-columns: 4fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-3-5-md {
    grid-template-columns: 4fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-4-4-md {
    grid-template-columns: 4fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-5-3-md {
    grid-template-columns: 4fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-6-2-md {
    grid-template-columns: 4fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-7-1-md {
    grid-template-columns: 4fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-6-md {
    grid-template-columns: 5fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--5-2-5-md {
    grid-template-columns: 5fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-3-4-md {
    grid-template-columns: 5fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-4-3-md {
    grid-template-columns: 5fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-5-2-md {
    grid-template-columns: 5fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-6-1-md {
    grid-template-columns: 5fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-5-md {
    grid-template-columns: 6fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--6-2-4-md {
    grid-template-columns: 6fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-3-3-md {
    grid-template-columns: 6fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-4-2-md {
    grid-template-columns: 6fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-5-1-md {
    grid-template-columns: 6fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-4-md {
    grid-template-columns: 7fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--7-2-3-md {
    grid-template-columns: 7fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-3-2-md {
    grid-template-columns: 7fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-4-1-md {
    grid-template-columns: 7fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-3-md {
    grid-template-columns: 8fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--8-2-2-md {
    grid-template-columns: 8fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-3-1-md {
    grid-template-columns: 8fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-2-md {
    grid-template-columns: 9fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--9-2-1-md {
    grid-template-columns: 9fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--10-1-1-md {
    grid-template-columns: 10fr 1fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 992px) {
  .grid--1-1-10-lg {
    grid-template-columns: 1fr 1fr 10fr;
    gap: 1.5rem;
  }
  .grid--1-2-9-lg {
    grid-template-columns: 1fr 2fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-3-8-lg {
    grid-template-columns: 1fr 3fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-4-7-lg {
    grid-template-columns: 1fr 4fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-5-6-lg {
    grid-template-columns: 1fr 5fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-6-5-lg {
    grid-template-columns: 1fr 6fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-7-4-lg {
    grid-template-columns: 1fr 7fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-8-3-lg {
    grid-template-columns: 1fr 8fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-9-2-lg {
    grid-template-columns: 1fr 9fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-10-1-lg {
    grid-template-columns: 1fr 10fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-9-lg {
    grid-template-columns: 2fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--2-2-8-lg {
    grid-template-columns: 2fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-3-7-lg {
    grid-template-columns: 2fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-4-6-lg {
    grid-template-columns: 2fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-5-5-lg {
    grid-template-columns: 2fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-6-4-lg {
    grid-template-columns: 2fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-7-3-lg {
    grid-template-columns: 2fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-8-2-lg {
    grid-template-columns: 2fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-9-1-lg {
    grid-template-columns: 2fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-8-lg {
    grid-template-columns: 3fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--3-2-7-lg {
    grid-template-columns: 3fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-3-6-lg {
    grid-template-columns: 3fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-4-5-lg {
    grid-template-columns: 3fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-5-4-lg {
    grid-template-columns: 3fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-6-3-lg {
    grid-template-columns: 3fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-7-2-lg {
    grid-template-columns: 3fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-8-1-lg {
    grid-template-columns: 3fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-7-lg {
    grid-template-columns: 4fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--4-2-6-lg {
    grid-template-columns: 4fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-3-5-lg {
    grid-template-columns: 4fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-4-4-lg {
    grid-template-columns: 4fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-5-3-lg {
    grid-template-columns: 4fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-6-2-lg {
    grid-template-columns: 4fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-7-1-lg {
    grid-template-columns: 4fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-6-lg {
    grid-template-columns: 5fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--5-2-5-lg {
    grid-template-columns: 5fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-3-4-lg {
    grid-template-columns: 5fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-4-3-lg {
    grid-template-columns: 5fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-5-2-lg {
    grid-template-columns: 5fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-6-1-lg {
    grid-template-columns: 5fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-5-lg {
    grid-template-columns: 6fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--6-2-4-lg {
    grid-template-columns: 6fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-3-3-lg {
    grid-template-columns: 6fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-4-2-lg {
    grid-template-columns: 6fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-5-1-lg {
    grid-template-columns: 6fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-4-lg {
    grid-template-columns: 7fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--7-2-3-lg {
    grid-template-columns: 7fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-3-2-lg {
    grid-template-columns: 7fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-4-1-lg {
    grid-template-columns: 7fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-3-lg {
    grid-template-columns: 8fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--8-2-2-lg {
    grid-template-columns: 8fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-3-1-lg {
    grid-template-columns: 8fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-2-lg {
    grid-template-columns: 9fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--9-2-1-lg {
    grid-template-columns: 9fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--10-1-1-lg {
    grid-template-columns: 10fr 1fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .grid--1-1-10-xl {
    grid-template-columns: 1fr 1fr 10fr;
    gap: 1.5rem;
  }
  .grid--1-2-9-xl {
    grid-template-columns: 1fr 2fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-3-8-xl {
    grid-template-columns: 1fr 3fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-4-7-xl {
    grid-template-columns: 1fr 4fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-5-6-xl {
    grid-template-columns: 1fr 5fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-6-5-xl {
    grid-template-columns: 1fr 6fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-7-4-xl {
    grid-template-columns: 1fr 7fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-8-3-xl {
    grid-template-columns: 1fr 8fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-9-2-xl {
    grid-template-columns: 1fr 9fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-10-1-xl {
    grid-template-columns: 1fr 10fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-9-xl {
    grid-template-columns: 2fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--2-2-8-xl {
    grid-template-columns: 2fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-3-7-xl {
    grid-template-columns: 2fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-4-6-xl {
    grid-template-columns: 2fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-5-5-xl {
    grid-template-columns: 2fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-6-4-xl {
    grid-template-columns: 2fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-7-3-xl {
    grid-template-columns: 2fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-8-2-xl {
    grid-template-columns: 2fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-9-1-xl {
    grid-template-columns: 2fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-8-xl {
    grid-template-columns: 3fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--3-2-7-xl {
    grid-template-columns: 3fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-3-6-xl {
    grid-template-columns: 3fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-4-5-xl {
    grid-template-columns: 3fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-5-4-xl {
    grid-template-columns: 3fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-6-3-xl {
    grid-template-columns: 3fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-7-2-xl {
    grid-template-columns: 3fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-8-1-xl {
    grid-template-columns: 3fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-7-xl {
    grid-template-columns: 4fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--4-2-6-xl {
    grid-template-columns: 4fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-3-5-xl {
    grid-template-columns: 4fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-4-4-xl {
    grid-template-columns: 4fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-5-3-xl {
    grid-template-columns: 4fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-6-2-xl {
    grid-template-columns: 4fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-7-1-xl {
    grid-template-columns: 4fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-6-xl {
    grid-template-columns: 5fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--5-2-5-xl {
    grid-template-columns: 5fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-3-4-xl {
    grid-template-columns: 5fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-4-3-xl {
    grid-template-columns: 5fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-5-2-xl {
    grid-template-columns: 5fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-6-1-xl {
    grid-template-columns: 5fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-5-xl {
    grid-template-columns: 6fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--6-2-4-xl {
    grid-template-columns: 6fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-3-3-xl {
    grid-template-columns: 6fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-4-2-xl {
    grid-template-columns: 6fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-5-1-xl {
    grid-template-columns: 6fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-4-xl {
    grid-template-columns: 7fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--7-2-3-xl {
    grid-template-columns: 7fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-3-2-xl {
    grid-template-columns: 7fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-4-1-xl {
    grid-template-columns: 7fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-3-xl {
    grid-template-columns: 8fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--8-2-2-xl {
    grid-template-columns: 8fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-3-1-xl {
    grid-template-columns: 8fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-2-xl {
    grid-template-columns: 9fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--9-2-1-xl {
    grid-template-columns: 9fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--10-1-1-xl {
    grid-template-columns: 10fr 1fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .grid--1-1-10-xxl {
    grid-template-columns: 1fr 1fr 10fr;
    gap: 1.5rem;
  }
  .grid--1-2-9-xxl {
    grid-template-columns: 1fr 2fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-3-8-xxl {
    grid-template-columns: 1fr 3fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-4-7-xxl {
    grid-template-columns: 1fr 4fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-5-6-xxl {
    grid-template-columns: 1fr 5fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-6-5-xxl {
    grid-template-columns: 1fr 6fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-7-4-xxl {
    grid-template-columns: 1fr 7fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-8-3-xxl {
    grid-template-columns: 1fr 8fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-9-2-xxl {
    grid-template-columns: 1fr 9fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-10-1-xxl {
    grid-template-columns: 1fr 10fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-9-xxl {
    grid-template-columns: 2fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--2-2-8-xxl {
    grid-template-columns: 2fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-3-7-xxl {
    grid-template-columns: 2fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-4-6-xxl {
    grid-template-columns: 2fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-5-5-xxl {
    grid-template-columns: 2fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-6-4-xxl {
    grid-template-columns: 2fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-7-3-xxl {
    grid-template-columns: 2fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-8-2-xxl {
    grid-template-columns: 2fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-9-1-xxl {
    grid-template-columns: 2fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-8-xxl {
    grid-template-columns: 3fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--3-2-7-xxl {
    grid-template-columns: 3fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-3-6-xxl {
    grid-template-columns: 3fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-4-5-xxl {
    grid-template-columns: 3fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-5-4-xxl {
    grid-template-columns: 3fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-6-3-xxl {
    grid-template-columns: 3fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-7-2-xxl {
    grid-template-columns: 3fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-8-1-xxl {
    grid-template-columns: 3fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-7-xxl {
    grid-template-columns: 4fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--4-2-6-xxl {
    grid-template-columns: 4fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-3-5-xxl {
    grid-template-columns: 4fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-4-4-xxl {
    grid-template-columns: 4fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-5-3-xxl {
    grid-template-columns: 4fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-6-2-xxl {
    grid-template-columns: 4fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-7-1-xxl {
    grid-template-columns: 4fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-6-xxl {
    grid-template-columns: 5fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--5-2-5-xxl {
    grid-template-columns: 5fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-3-4-xxl {
    grid-template-columns: 5fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-4-3-xxl {
    grid-template-columns: 5fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-5-2-xxl {
    grid-template-columns: 5fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-6-1-xxl {
    grid-template-columns: 5fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-5-xxl {
    grid-template-columns: 6fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--6-2-4-xxl {
    grid-template-columns: 6fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-3-3-xxl {
    grid-template-columns: 6fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-4-2-xxl {
    grid-template-columns: 6fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-5-1-xxl {
    grid-template-columns: 6fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-4-xxl {
    grid-template-columns: 7fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--7-2-3-xxl {
    grid-template-columns: 7fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-3-2-xxl {
    grid-template-columns: 7fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-4-1-xxl {
    grid-template-columns: 7fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-3-xxl {
    grid-template-columns: 8fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--8-2-2-xxl {
    grid-template-columns: 8fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-3-1-xxl {
    grid-template-columns: 8fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-2-xxl {
    grid-template-columns: 9fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--9-2-1-xxl {
    grid-template-columns: 9fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--10-1-1-xxl {
    grid-template-columns: 10fr 1fr 1fr;
    gap: 1.5rem;
  }
}
.grid--1-1-1-9 {
  grid-template-columns: 1fr 1fr 1fr 9fr;
  gap: 1.5rem;
}

.grid--1-1-2-8 {
  grid-template-columns: 1fr 1fr 2fr 8fr;
  gap: 1.5rem;
}

.grid--1-1-3-7 {
  grid-template-columns: 1fr 1fr 3fr 7fr;
  gap: 1.5rem;
}

.grid--1-1-4-6 {
  grid-template-columns: 1fr 1fr 4fr 6fr;
  gap: 1.5rem;
}

.grid--1-1-5-5 {
  grid-template-columns: 1fr 1fr 5fr 5fr;
  gap: 1.5rem;
}

.grid--1-1-6-4 {
  grid-template-columns: 1fr 1fr 6fr 4fr;
  gap: 1.5rem;
}

.grid--1-1-7-3 {
  grid-template-columns: 1fr 1fr 7fr 3fr;
  gap: 1.5rem;
}

.grid--1-1-8-2 {
  grid-template-columns: 1fr 1fr 8fr 2fr;
  gap: 1.5rem;
}

.grid--1-1-9-1 {
  grid-template-columns: 1fr 1fr 9fr 1fr;
  gap: 1.5rem;
}

.grid--1-2-1-8 {
  grid-template-columns: 1fr 2fr 1fr 8fr;
  gap: 1.5rem;
}

.grid--1-2-2-7 {
  grid-template-columns: 1fr 2fr 2fr 7fr;
  gap: 1.5rem;
}

.grid--1-2-3-6 {
  grid-template-columns: 1fr 2fr 3fr 6fr;
  gap: 1.5rem;
}

.grid--1-2-4-5 {
  grid-template-columns: 1fr 2fr 4fr 5fr;
  gap: 1.5rem;
}

.grid--1-2-5-4 {
  grid-template-columns: 1fr 2fr 5fr 4fr;
  gap: 1.5rem;
}

.grid--1-2-6-3 {
  grid-template-columns: 1fr 2fr 6fr 3fr;
  gap: 1.5rem;
}

.grid--1-2-7-2 {
  grid-template-columns: 1fr 2fr 7fr 2fr;
  gap: 1.5rem;
}

.grid--1-2-8-1 {
  grid-template-columns: 1fr 2fr 8fr 1fr;
  gap: 1.5rem;
}

.grid--1-3-1-7 {
  grid-template-columns: 1fr 3fr 1fr 7fr;
  gap: 1.5rem;
}

.grid--1-3-2-6 {
  grid-template-columns: 1fr 3fr 2fr 6fr;
  gap: 1.5rem;
}

.grid--1-3-3-5 {
  grid-template-columns: 1fr 3fr 3fr 5fr;
  gap: 1.5rem;
}

.grid--1-3-4-4 {
  grid-template-columns: 1fr 3fr 4fr 4fr;
  gap: 1.5rem;
}

.grid--1-3-5-3 {
  grid-template-columns: 1fr 3fr 5fr 3fr;
  gap: 1.5rem;
}

.grid--1-3-6-2 {
  grid-template-columns: 1fr 3fr 6fr 2fr;
  gap: 1.5rem;
}

.grid--1-3-7-1 {
  grid-template-columns: 1fr 3fr 7fr 1fr;
  gap: 1.5rem;
}

.grid--1-4-1-6 {
  grid-template-columns: 1fr 4fr 1fr 6fr;
  gap: 1.5rem;
}

.grid--1-4-2-5 {
  grid-template-columns: 1fr 4fr 2fr 5fr;
  gap: 1.5rem;
}

.grid--1-4-3-4 {
  grid-template-columns: 1fr 4fr 3fr 4fr;
  gap: 1.5rem;
}

.grid--1-4-4-3 {
  grid-template-columns: 1fr 4fr 4fr 3fr;
  gap: 1.5rem;
}

.grid--1-4-5-2 {
  grid-template-columns: 1fr 4fr 5fr 2fr;
  gap: 1.5rem;
}

.grid--1-4-6-1 {
  grid-template-columns: 1fr 4fr 6fr 1fr;
  gap: 1.5rem;
}

.grid--1-5-1-5 {
  grid-template-columns: 1fr 5fr 1fr 5fr;
  gap: 1.5rem;
}

.grid--1-5-2-4 {
  grid-template-columns: 1fr 5fr 2fr 4fr;
  gap: 1.5rem;
}

.grid--1-5-3-3 {
  grid-template-columns: 1fr 5fr 3fr 3fr;
  gap: 1.5rem;
}

.grid--1-5-4-2 {
  grid-template-columns: 1fr 5fr 4fr 2fr;
  gap: 1.5rem;
}

.grid--1-5-5-1 {
  grid-template-columns: 1fr 5fr 5fr 1fr;
  gap: 1.5rem;
}

.grid--1-6-1-4 {
  grid-template-columns: 1fr 6fr 1fr 4fr;
  gap: 1.5rem;
}

.grid--1-6-2-3 {
  grid-template-columns: 1fr 6fr 2fr 3fr;
  gap: 1.5rem;
}

.grid--1-6-3-2 {
  grid-template-columns: 1fr 6fr 3fr 2fr;
  gap: 1.5rem;
}

.grid--1-6-4-1 {
  grid-template-columns: 1fr 6fr 4fr 1fr;
  gap: 1.5rem;
}

.grid--1-7-1-3 {
  grid-template-columns: 1fr 7fr 1fr 3fr;
  gap: 1.5rem;
}

.grid--1-7-2-2 {
  grid-template-columns: 1fr 7fr 2fr 2fr;
  gap: 1.5rem;
}

.grid--1-7-3-1 {
  grid-template-columns: 1fr 7fr 3fr 1fr;
  gap: 1.5rem;
}

.grid--1-8-1-2 {
  grid-template-columns: 1fr 8fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--1-8-2-1 {
  grid-template-columns: 1fr 8fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--1-9-1-1 {
  grid-template-columns: 1fr 9fr 1fr 1fr;
  gap: 1.5rem;
}

.grid--2-1-1-8 {
  grid-template-columns: 2fr 1fr 1fr 8fr;
  gap: 1.5rem;
}

.grid--2-1-2-7 {
  grid-template-columns: 2fr 1fr 2fr 7fr;
  gap: 1.5rem;
}

.grid--2-1-3-6 {
  grid-template-columns: 2fr 1fr 3fr 6fr;
  gap: 1.5rem;
}

.grid--2-1-4-5 {
  grid-template-columns: 2fr 1fr 4fr 5fr;
  gap: 1.5rem;
}

.grid--2-1-5-4 {
  grid-template-columns: 2fr 1fr 5fr 4fr;
  gap: 1.5rem;
}

.grid--2-1-6-3 {
  grid-template-columns: 2fr 1fr 6fr 3fr;
  gap: 1.5rem;
}

.grid--2-1-7-2 {
  grid-template-columns: 2fr 1fr 7fr 2fr;
  gap: 1.5rem;
}

.grid--2-1-8-1 {
  grid-template-columns: 2fr 1fr 8fr 1fr;
  gap: 1.5rem;
}

.grid--2-2-1-7 {
  grid-template-columns: 2fr 2fr 1fr 7fr;
  gap: 1.5rem;
}

.grid--2-2-2-6 {
  grid-template-columns: 2fr 2fr 2fr 6fr;
  gap: 1.5rem;
}

.grid--2-2-3-5 {
  grid-template-columns: 2fr 2fr 3fr 5fr;
  gap: 1.5rem;
}

.grid--2-2-4-4 {
  grid-template-columns: 2fr 2fr 4fr 4fr;
  gap: 1.5rem;
}

.grid--2-2-5-3 {
  grid-template-columns: 2fr 2fr 5fr 3fr;
  gap: 1.5rem;
}

.grid--2-2-6-2 {
  grid-template-columns: 2fr 2fr 6fr 2fr;
  gap: 1.5rem;
}

.grid--2-2-7-1 {
  grid-template-columns: 2fr 2fr 7fr 1fr;
  gap: 1.5rem;
}

.grid--2-3-1-6 {
  grid-template-columns: 2fr 3fr 1fr 6fr;
  gap: 1.5rem;
}

.grid--2-3-2-5 {
  grid-template-columns: 2fr 3fr 2fr 5fr;
  gap: 1.5rem;
}

.grid--2-3-3-4 {
  grid-template-columns: 2fr 3fr 3fr 4fr;
  gap: 1.5rem;
}

.grid--2-3-4-3 {
  grid-template-columns: 2fr 3fr 4fr 3fr;
  gap: 1.5rem;
}

.grid--2-3-5-2 {
  grid-template-columns: 2fr 3fr 5fr 2fr;
  gap: 1.5rem;
}

.grid--2-3-6-1 {
  grid-template-columns: 2fr 3fr 6fr 1fr;
  gap: 1.5rem;
}

.grid--2-4-1-5 {
  grid-template-columns: 2fr 4fr 1fr 5fr;
  gap: 1.5rem;
}

.grid--2-4-2-4 {
  grid-template-columns: 2fr 4fr 2fr 4fr;
  gap: 1.5rem;
}

.grid--2-4-3-3 {
  grid-template-columns: 2fr 4fr 3fr 3fr;
  gap: 1.5rem;
}

.grid--2-4-4-2 {
  grid-template-columns: 2fr 4fr 4fr 2fr;
  gap: 1.5rem;
}

.grid--2-4-5-1 {
  grid-template-columns: 2fr 4fr 5fr 1fr;
  gap: 1.5rem;
}

.grid--2-5-1-4 {
  grid-template-columns: 2fr 5fr 1fr 4fr;
  gap: 1.5rem;
}

.grid--2-5-2-3 {
  grid-template-columns: 2fr 5fr 2fr 3fr;
  gap: 1.5rem;
}

.grid--2-5-3-2 {
  grid-template-columns: 2fr 5fr 3fr 2fr;
  gap: 1.5rem;
}

.grid--2-5-4-1 {
  grid-template-columns: 2fr 5fr 4fr 1fr;
  gap: 1.5rem;
}

.grid--2-6-1-3 {
  grid-template-columns: 2fr 6fr 1fr 3fr;
  gap: 1.5rem;
}

.grid--2-6-2-2 {
  grid-template-columns: 2fr 6fr 2fr 2fr;
  gap: 1.5rem;
}

.grid--2-6-3-1 {
  grid-template-columns: 2fr 6fr 3fr 1fr;
  gap: 1.5rem;
}

.grid--2-7-1-2 {
  grid-template-columns: 2fr 7fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--2-7-2-1 {
  grid-template-columns: 2fr 7fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--2-8-1-1 {
  grid-template-columns: 2fr 8fr 1fr 1fr;
  gap: 1.5rem;
}

.grid--3-1-1-7 {
  grid-template-columns: 3fr 1fr 1fr 7fr;
  gap: 1.5rem;
}

.grid--3-1-2-6 {
  grid-template-columns: 3fr 1fr 2fr 6fr;
  gap: 1.5rem;
}

.grid--3-1-3-5 {
  grid-template-columns: 3fr 1fr 3fr 5fr;
  gap: 1.5rem;
}

.grid--3-1-4-4 {
  grid-template-columns: 3fr 1fr 4fr 4fr;
  gap: 1.5rem;
}

.grid--3-1-5-3 {
  grid-template-columns: 3fr 1fr 5fr 3fr;
  gap: 1.5rem;
}

.grid--3-1-6-2 {
  grid-template-columns: 3fr 1fr 6fr 2fr;
  gap: 1.5rem;
}

.grid--3-1-7-1 {
  grid-template-columns: 3fr 1fr 7fr 1fr;
  gap: 1.5rem;
}

.grid--3-2-1-6 {
  grid-template-columns: 3fr 2fr 1fr 6fr;
  gap: 1.5rem;
}

.grid--3-2-2-5 {
  grid-template-columns: 3fr 2fr 2fr 5fr;
  gap: 1.5rem;
}

.grid--3-2-3-4 {
  grid-template-columns: 3fr 2fr 3fr 4fr;
  gap: 1.5rem;
}

.grid--3-2-4-3 {
  grid-template-columns: 3fr 2fr 4fr 3fr;
  gap: 1.5rem;
}

.grid--3-2-5-2 {
  grid-template-columns: 3fr 2fr 5fr 2fr;
  gap: 1.5rem;
}

.grid--3-2-6-1 {
  grid-template-columns: 3fr 2fr 6fr 1fr;
  gap: 1.5rem;
}

.grid--3-3-1-5 {
  grid-template-columns: 3fr 3fr 1fr 5fr;
  gap: 1.5rem;
}

.grid--3-3-2-4 {
  grid-template-columns: 3fr 3fr 2fr 4fr;
  gap: 1.5rem;
}

.grid--3-3-3-3 {
  grid-template-columns: 3fr 3fr 3fr 3fr;
  gap: 1.5rem;
}

.grid--3-3-4-2 {
  grid-template-columns: 3fr 3fr 4fr 2fr;
  gap: 1.5rem;
}

.grid--3-3-5-1 {
  grid-template-columns: 3fr 3fr 5fr 1fr;
  gap: 1.5rem;
}

.grid--3-4-1-4 {
  grid-template-columns: 3fr 4fr 1fr 4fr;
  gap: 1.5rem;
}

.grid--3-4-2-3 {
  grid-template-columns: 3fr 4fr 2fr 3fr;
  gap: 1.5rem;
}

.grid--3-4-3-2 {
  grid-template-columns: 3fr 4fr 3fr 2fr;
  gap: 1.5rem;
}

.grid--3-4-4-1 {
  grid-template-columns: 3fr 4fr 4fr 1fr;
  gap: 1.5rem;
}

.grid--3-5-1-3 {
  grid-template-columns: 3fr 5fr 1fr 3fr;
  gap: 1.5rem;
}

.grid--3-5-2-2 {
  grid-template-columns: 3fr 5fr 2fr 2fr;
  gap: 1.5rem;
}

.grid--3-5-3-1 {
  grid-template-columns: 3fr 5fr 3fr 1fr;
  gap: 1.5rem;
}

.grid--3-6-1-2 {
  grid-template-columns: 3fr 6fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--3-6-2-1 {
  grid-template-columns: 3fr 6fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--3-7-1-1 {
  grid-template-columns: 3fr 7fr 1fr 1fr;
  gap: 1.5rem;
}

.grid--4-1-1-6 {
  grid-template-columns: 4fr 1fr 1fr 6fr;
  gap: 1.5rem;
}

.grid--4-1-2-5 {
  grid-template-columns: 4fr 1fr 2fr 5fr;
  gap: 1.5rem;
}

.grid--4-1-3-4 {
  grid-template-columns: 4fr 1fr 3fr 4fr;
  gap: 1.5rem;
}

.grid--4-1-4-3 {
  grid-template-columns: 4fr 1fr 4fr 3fr;
  gap: 1.5rem;
}

.grid--4-1-5-2 {
  grid-template-columns: 4fr 1fr 5fr 2fr;
  gap: 1.5rem;
}

.grid--4-1-6-1 {
  grid-template-columns: 4fr 1fr 6fr 1fr;
  gap: 1.5rem;
}

.grid--4-2-1-5 {
  grid-template-columns: 4fr 2fr 1fr 5fr;
  gap: 1.5rem;
}

.grid--4-2-2-4 {
  grid-template-columns: 4fr 2fr 2fr 4fr;
  gap: 1.5rem;
}

.grid--4-2-3-3 {
  grid-template-columns: 4fr 2fr 3fr 3fr;
  gap: 1.5rem;
}

.grid--4-2-4-2 {
  grid-template-columns: 4fr 2fr 4fr 2fr;
  gap: 1.5rem;
}

.grid--4-2-5-1 {
  grid-template-columns: 4fr 2fr 5fr 1fr;
  gap: 1.5rem;
}

.grid--4-3-1-4 {
  grid-template-columns: 4fr 3fr 1fr 4fr;
  gap: 1.5rem;
}

.grid--4-3-2-3 {
  grid-template-columns: 4fr 3fr 2fr 3fr;
  gap: 1.5rem;
}

.grid--4-3-3-2 {
  grid-template-columns: 4fr 3fr 3fr 2fr;
  gap: 1.5rem;
}

.grid--4-3-4-1 {
  grid-template-columns: 4fr 3fr 4fr 1fr;
  gap: 1.5rem;
}

.grid--4-4-1-3 {
  grid-template-columns: 4fr 4fr 1fr 3fr;
  gap: 1.5rem;
}

.grid--4-4-2-2 {
  grid-template-columns: 4fr 4fr 2fr 2fr;
  gap: 1.5rem;
}

.grid--4-4-3-1 {
  grid-template-columns: 4fr 4fr 3fr 1fr;
  gap: 1.5rem;
}

.grid--4-5-1-2 {
  grid-template-columns: 4fr 5fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--4-5-2-1 {
  grid-template-columns: 4fr 5fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--4-6-1-1 {
  grid-template-columns: 4fr 6fr 1fr 1fr;
  gap: 1.5rem;
}

.grid--5-1-1-5 {
  grid-template-columns: 5fr 1fr 1fr 5fr;
  gap: 1.5rem;
}

.grid--5-1-2-4 {
  grid-template-columns: 5fr 1fr 2fr 4fr;
  gap: 1.5rem;
}

.grid--5-1-3-3 {
  grid-template-columns: 5fr 1fr 3fr 3fr;
  gap: 1.5rem;
}

.grid--5-1-4-2 {
  grid-template-columns: 5fr 1fr 4fr 2fr;
  gap: 1.5rem;
}

.grid--5-1-5-1 {
  grid-template-columns: 5fr 1fr 5fr 1fr;
  gap: 1.5rem;
}

.grid--5-2-1-4 {
  grid-template-columns: 5fr 2fr 1fr 4fr;
  gap: 1.5rem;
}

.grid--5-2-2-3 {
  grid-template-columns: 5fr 2fr 2fr 3fr;
  gap: 1.5rem;
}

.grid--5-2-3-2 {
  grid-template-columns: 5fr 2fr 3fr 2fr;
  gap: 1.5rem;
}

.grid--5-2-4-1 {
  grid-template-columns: 5fr 2fr 4fr 1fr;
  gap: 1.5rem;
}

.grid--5-3-1-3 {
  grid-template-columns: 5fr 3fr 1fr 3fr;
  gap: 1.5rem;
}

.grid--5-3-2-2 {
  grid-template-columns: 5fr 3fr 2fr 2fr;
  gap: 1.5rem;
}

.grid--5-3-3-1 {
  grid-template-columns: 5fr 3fr 3fr 1fr;
  gap: 1.5rem;
}

.grid--5-4-1-2 {
  grid-template-columns: 5fr 4fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--5-4-2-1 {
  grid-template-columns: 5fr 4fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--5-5-1-1 {
  grid-template-columns: 5fr 5fr 1fr 1fr;
  gap: 1.5rem;
}

.grid--6-1-1-4 {
  grid-template-columns: 6fr 1fr 1fr 4fr;
  gap: 1.5rem;
}

.grid--6-1-2-3 {
  grid-template-columns: 6fr 1fr 2fr 3fr;
  gap: 1.5rem;
}

.grid--6-1-3-2 {
  grid-template-columns: 6fr 1fr 3fr 2fr;
  gap: 1.5rem;
}

.grid--6-1-4-1 {
  grid-template-columns: 6fr 1fr 4fr 1fr;
  gap: 1.5rem;
}

.grid--6-2-1-3 {
  grid-template-columns: 6fr 2fr 1fr 3fr;
  gap: 1.5rem;
}

.grid--6-2-2-2 {
  grid-template-columns: 6fr 2fr 2fr 2fr;
  gap: 1.5rem;
}

.grid--6-2-3-1 {
  grid-template-columns: 6fr 2fr 3fr 1fr;
  gap: 1.5rem;
}

.grid--6-3-1-2 {
  grid-template-columns: 6fr 3fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--6-3-2-1 {
  grid-template-columns: 6fr 3fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--6-4-1-1 {
  grid-template-columns: 6fr 4fr 1fr 1fr;
  gap: 1.5rem;
}

.grid--7-1-1-3 {
  grid-template-columns: 7fr 1fr 1fr 3fr;
  gap: 1.5rem;
}

.grid--7-1-2-2 {
  grid-template-columns: 7fr 1fr 2fr 2fr;
  gap: 1.5rem;
}

.grid--7-1-3-1 {
  grid-template-columns: 7fr 1fr 3fr 1fr;
  gap: 1.5rem;
}

.grid--7-2-1-2 {
  grid-template-columns: 7fr 2fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--7-2-2-1 {
  grid-template-columns: 7fr 2fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--7-3-1-1 {
  grid-template-columns: 7fr 3fr 1fr 1fr;
  gap: 1.5rem;
}

.grid--8-1-1-2 {
  grid-template-columns: 8fr 1fr 1fr 2fr;
  gap: 1.5rem;
}

.grid--8-1-2-1 {
  grid-template-columns: 8fr 1fr 2fr 1fr;
  gap: 1.5rem;
}

.grid--8-2-1-1 {
  grid-template-columns: 8fr 2fr 1fr 1fr;
  gap: 1.5rem;
}

.grid--9-1-1-1 {
  grid-template-columns: 9fr 1fr 1fr 1fr;
  gap: 1.5rem;
}

@media (min-width: 576px) {
  .grid--1-1-1-9-sm {
    grid-template-columns: 1fr 1fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-1-2-8-sm {
    grid-template-columns: 1fr 1fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-1-3-7-sm {
    grid-template-columns: 1fr 1fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-1-4-6-sm {
    grid-template-columns: 1fr 1fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-1-5-5-sm {
    grid-template-columns: 1fr 1fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-1-6-4-sm {
    grid-template-columns: 1fr 1fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-1-7-3-sm {
    grid-template-columns: 1fr 1fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-1-8-2-sm {
    grid-template-columns: 1fr 1fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-1-9-1-sm {
    grid-template-columns: 1fr 1fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-2-1-8-sm {
    grid-template-columns: 1fr 2fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-2-2-7-sm {
    grid-template-columns: 1fr 2fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-2-3-6-sm {
    grid-template-columns: 1fr 2fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-2-4-5-sm {
    grid-template-columns: 1fr 2fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-2-5-4-sm {
    grid-template-columns: 1fr 2fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-2-6-3-sm {
    grid-template-columns: 1fr 2fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-2-7-2-sm {
    grid-template-columns: 1fr 2fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-2-8-1-sm {
    grid-template-columns: 1fr 2fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-3-1-7-sm {
    grid-template-columns: 1fr 3fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-3-2-6-sm {
    grid-template-columns: 1fr 3fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-3-3-5-sm {
    grid-template-columns: 1fr 3fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-3-4-4-sm {
    grid-template-columns: 1fr 3fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-3-5-3-sm {
    grid-template-columns: 1fr 3fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-3-6-2-sm {
    grid-template-columns: 1fr 3fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-3-7-1-sm {
    grid-template-columns: 1fr 3fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-4-1-6-sm {
    grid-template-columns: 1fr 4fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-4-2-5-sm {
    grid-template-columns: 1fr 4fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-4-3-4-sm {
    grid-template-columns: 1fr 4fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-4-4-3-sm {
    grid-template-columns: 1fr 4fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-4-5-2-sm {
    grid-template-columns: 1fr 4fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-4-6-1-sm {
    grid-template-columns: 1fr 4fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-5-1-5-sm {
    grid-template-columns: 1fr 5fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-5-2-4-sm {
    grid-template-columns: 1fr 5fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-5-3-3-sm {
    grid-template-columns: 1fr 5fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-5-4-2-sm {
    grid-template-columns: 1fr 5fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-5-5-1-sm {
    grid-template-columns: 1fr 5fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-6-1-4-sm {
    grid-template-columns: 1fr 6fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-6-2-3-sm {
    grid-template-columns: 1fr 6fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-6-3-2-sm {
    grid-template-columns: 1fr 6fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-6-4-1-sm {
    grid-template-columns: 1fr 6fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-7-1-3-sm {
    grid-template-columns: 1fr 7fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-7-2-2-sm {
    grid-template-columns: 1fr 7fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-7-3-1-sm {
    grid-template-columns: 1fr 7fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-8-1-2-sm {
    grid-template-columns: 1fr 8fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-8-2-1-sm {
    grid-template-columns: 1fr 8fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-9-1-1-sm {
    grid-template-columns: 1fr 9fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-1-8-sm {
    grid-template-columns: 2fr 1fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-1-2-7-sm {
    grid-template-columns: 2fr 1fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-1-3-6-sm {
    grid-template-columns: 2fr 1fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-1-4-5-sm {
    grid-template-columns: 2fr 1fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-1-5-4-sm {
    grid-template-columns: 2fr 1fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-1-6-3-sm {
    grid-template-columns: 2fr 1fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-1-7-2-sm {
    grid-template-columns: 2fr 1fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-1-8-1-sm {
    grid-template-columns: 2fr 1fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-2-1-7-sm {
    grid-template-columns: 2fr 2fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-2-2-6-sm {
    grid-template-columns: 2fr 2fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-2-3-5-sm {
    grid-template-columns: 2fr 2fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-2-4-4-sm {
    grid-template-columns: 2fr 2fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-2-5-3-sm {
    grid-template-columns: 2fr 2fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-2-6-2-sm {
    grid-template-columns: 2fr 2fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-2-7-1-sm {
    grid-template-columns: 2fr 2fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-3-1-6-sm {
    grid-template-columns: 2fr 3fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-3-2-5-sm {
    grid-template-columns: 2fr 3fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-3-3-4-sm {
    grid-template-columns: 2fr 3fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-3-4-3-sm {
    grid-template-columns: 2fr 3fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-3-5-2-sm {
    grid-template-columns: 2fr 3fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-3-6-1-sm {
    grid-template-columns: 2fr 3fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-4-1-5-sm {
    grid-template-columns: 2fr 4fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-4-2-4-sm {
    grid-template-columns: 2fr 4fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-4-3-3-sm {
    grid-template-columns: 2fr 4fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-4-4-2-sm {
    grid-template-columns: 2fr 4fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-4-5-1-sm {
    grid-template-columns: 2fr 4fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-5-1-4-sm {
    grid-template-columns: 2fr 5fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-5-2-3-sm {
    grid-template-columns: 2fr 5fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-5-3-2-sm {
    grid-template-columns: 2fr 5fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-5-4-1-sm {
    grid-template-columns: 2fr 5fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-6-1-3-sm {
    grid-template-columns: 2fr 6fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-6-2-2-sm {
    grid-template-columns: 2fr 6fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-6-3-1-sm {
    grid-template-columns: 2fr 6fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-7-1-2-sm {
    grid-template-columns: 2fr 7fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-7-2-1-sm {
    grid-template-columns: 2fr 7fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-8-1-1-sm {
    grid-template-columns: 2fr 8fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-1-7-sm {
    grid-template-columns: 3fr 1fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-1-2-6-sm {
    grid-template-columns: 3fr 1fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-1-3-5-sm {
    grid-template-columns: 3fr 1fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-1-4-4-sm {
    grid-template-columns: 3fr 1fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-1-5-3-sm {
    grid-template-columns: 3fr 1fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-1-6-2-sm {
    grid-template-columns: 3fr 1fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-1-7-1-sm {
    grid-template-columns: 3fr 1fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-2-1-6-sm {
    grid-template-columns: 3fr 2fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-2-2-5-sm {
    grid-template-columns: 3fr 2fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-2-3-4-sm {
    grid-template-columns: 3fr 2fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-2-4-3-sm {
    grid-template-columns: 3fr 2fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-2-5-2-sm {
    grid-template-columns: 3fr 2fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-2-6-1-sm {
    grid-template-columns: 3fr 2fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-3-1-5-sm {
    grid-template-columns: 3fr 3fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-3-2-4-sm {
    grid-template-columns: 3fr 3fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-3-3-3-sm {
    grid-template-columns: 3fr 3fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-3-4-2-sm {
    grid-template-columns: 3fr 3fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-3-5-1-sm {
    grid-template-columns: 3fr 3fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-4-1-4-sm {
    grid-template-columns: 3fr 4fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-4-2-3-sm {
    grid-template-columns: 3fr 4fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-4-3-2-sm {
    grid-template-columns: 3fr 4fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-4-4-1-sm {
    grid-template-columns: 3fr 4fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-5-1-3-sm {
    grid-template-columns: 3fr 5fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-5-2-2-sm {
    grid-template-columns: 3fr 5fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-5-3-1-sm {
    grid-template-columns: 3fr 5fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-6-1-2-sm {
    grid-template-columns: 3fr 6fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-6-2-1-sm {
    grid-template-columns: 3fr 6fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-7-1-1-sm {
    grid-template-columns: 3fr 7fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-1-6-sm {
    grid-template-columns: 4fr 1fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-1-2-5-sm {
    grid-template-columns: 4fr 1fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-1-3-4-sm {
    grid-template-columns: 4fr 1fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-1-4-3-sm {
    grid-template-columns: 4fr 1fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-1-5-2-sm {
    grid-template-columns: 4fr 1fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-1-6-1-sm {
    grid-template-columns: 4fr 1fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-2-1-5-sm {
    grid-template-columns: 4fr 2fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-2-2-4-sm {
    grid-template-columns: 4fr 2fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-2-3-3-sm {
    grid-template-columns: 4fr 2fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-2-4-2-sm {
    grid-template-columns: 4fr 2fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-2-5-1-sm {
    grid-template-columns: 4fr 2fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-3-1-4-sm {
    grid-template-columns: 4fr 3fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-3-2-3-sm {
    grid-template-columns: 4fr 3fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-3-3-2-sm {
    grid-template-columns: 4fr 3fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-3-4-1-sm {
    grid-template-columns: 4fr 3fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-4-1-3-sm {
    grid-template-columns: 4fr 4fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-4-2-2-sm {
    grid-template-columns: 4fr 4fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-4-3-1-sm {
    grid-template-columns: 4fr 4fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-5-1-2-sm {
    grid-template-columns: 4fr 5fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-5-2-1-sm {
    grid-template-columns: 4fr 5fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-6-1-1-sm {
    grid-template-columns: 4fr 6fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-1-5-sm {
    grid-template-columns: 5fr 1fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-1-2-4-sm {
    grid-template-columns: 5fr 1fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-1-3-3-sm {
    grid-template-columns: 5fr 1fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-1-4-2-sm {
    grid-template-columns: 5fr 1fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-1-5-1-sm {
    grid-template-columns: 5fr 1fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-2-1-4-sm {
    grid-template-columns: 5fr 2fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-2-2-3-sm {
    grid-template-columns: 5fr 2fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-2-3-2-sm {
    grid-template-columns: 5fr 2fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-2-4-1-sm {
    grid-template-columns: 5fr 2fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-3-1-3-sm {
    grid-template-columns: 5fr 3fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-3-2-2-sm {
    grid-template-columns: 5fr 3fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-3-3-1-sm {
    grid-template-columns: 5fr 3fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-4-1-2-sm {
    grid-template-columns: 5fr 4fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-4-2-1-sm {
    grid-template-columns: 5fr 4fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-5-1-1-sm {
    grid-template-columns: 5fr 5fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-1-4-sm {
    grid-template-columns: 6fr 1fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-1-2-3-sm {
    grid-template-columns: 6fr 1fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-1-3-2-sm {
    grid-template-columns: 6fr 1fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-1-4-1-sm {
    grid-template-columns: 6fr 1fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-2-1-3-sm {
    grid-template-columns: 6fr 2fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-2-2-2-sm {
    grid-template-columns: 6fr 2fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-2-3-1-sm {
    grid-template-columns: 6fr 2fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-3-1-2-sm {
    grid-template-columns: 6fr 3fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-3-2-1-sm {
    grid-template-columns: 6fr 3fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-4-1-1-sm {
    grid-template-columns: 6fr 4fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-1-3-sm {
    grid-template-columns: 7fr 1fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-1-2-2-sm {
    grid-template-columns: 7fr 1fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-1-3-1-sm {
    grid-template-columns: 7fr 1fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-2-1-2-sm {
    grid-template-columns: 7fr 2fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-2-2-1-sm {
    grid-template-columns: 7fr 2fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-3-1-1-sm {
    grid-template-columns: 7fr 3fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-1-2-sm {
    grid-template-columns: 8fr 1fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-1-2-1-sm {
    grid-template-columns: 8fr 1fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-2-1-1-sm {
    grid-template-columns: 8fr 2fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-1-1-sm {
    grid-template-columns: 9fr 1fr 1fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .grid--1-1-1-9-md {
    grid-template-columns: 1fr 1fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-1-2-8-md {
    grid-template-columns: 1fr 1fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-1-3-7-md {
    grid-template-columns: 1fr 1fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-1-4-6-md {
    grid-template-columns: 1fr 1fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-1-5-5-md {
    grid-template-columns: 1fr 1fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-1-6-4-md {
    grid-template-columns: 1fr 1fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-1-7-3-md {
    grid-template-columns: 1fr 1fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-1-8-2-md {
    grid-template-columns: 1fr 1fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-1-9-1-md {
    grid-template-columns: 1fr 1fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-2-1-8-md {
    grid-template-columns: 1fr 2fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-2-2-7-md {
    grid-template-columns: 1fr 2fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-2-3-6-md {
    grid-template-columns: 1fr 2fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-2-4-5-md {
    grid-template-columns: 1fr 2fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-2-5-4-md {
    grid-template-columns: 1fr 2fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-2-6-3-md {
    grid-template-columns: 1fr 2fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-2-7-2-md {
    grid-template-columns: 1fr 2fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-2-8-1-md {
    grid-template-columns: 1fr 2fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-3-1-7-md {
    grid-template-columns: 1fr 3fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-3-2-6-md {
    grid-template-columns: 1fr 3fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-3-3-5-md {
    grid-template-columns: 1fr 3fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-3-4-4-md {
    grid-template-columns: 1fr 3fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-3-5-3-md {
    grid-template-columns: 1fr 3fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-3-6-2-md {
    grid-template-columns: 1fr 3fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-3-7-1-md {
    grid-template-columns: 1fr 3fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-4-1-6-md {
    grid-template-columns: 1fr 4fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-4-2-5-md {
    grid-template-columns: 1fr 4fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-4-3-4-md {
    grid-template-columns: 1fr 4fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-4-4-3-md {
    grid-template-columns: 1fr 4fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-4-5-2-md {
    grid-template-columns: 1fr 4fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-4-6-1-md {
    grid-template-columns: 1fr 4fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-5-1-5-md {
    grid-template-columns: 1fr 5fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-5-2-4-md {
    grid-template-columns: 1fr 5fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-5-3-3-md {
    grid-template-columns: 1fr 5fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-5-4-2-md {
    grid-template-columns: 1fr 5fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-5-5-1-md {
    grid-template-columns: 1fr 5fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-6-1-4-md {
    grid-template-columns: 1fr 6fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-6-2-3-md {
    grid-template-columns: 1fr 6fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-6-3-2-md {
    grid-template-columns: 1fr 6fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-6-4-1-md {
    grid-template-columns: 1fr 6fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-7-1-3-md {
    grid-template-columns: 1fr 7fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-7-2-2-md {
    grid-template-columns: 1fr 7fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-7-3-1-md {
    grid-template-columns: 1fr 7fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-8-1-2-md {
    grid-template-columns: 1fr 8fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-8-2-1-md {
    grid-template-columns: 1fr 8fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-9-1-1-md {
    grid-template-columns: 1fr 9fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-1-8-md {
    grid-template-columns: 2fr 1fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-1-2-7-md {
    grid-template-columns: 2fr 1fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-1-3-6-md {
    grid-template-columns: 2fr 1fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-1-4-5-md {
    grid-template-columns: 2fr 1fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-1-5-4-md {
    grid-template-columns: 2fr 1fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-1-6-3-md {
    grid-template-columns: 2fr 1fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-1-7-2-md {
    grid-template-columns: 2fr 1fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-1-8-1-md {
    grid-template-columns: 2fr 1fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-2-1-7-md {
    grid-template-columns: 2fr 2fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-2-2-6-md {
    grid-template-columns: 2fr 2fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-2-3-5-md {
    grid-template-columns: 2fr 2fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-2-4-4-md {
    grid-template-columns: 2fr 2fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-2-5-3-md {
    grid-template-columns: 2fr 2fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-2-6-2-md {
    grid-template-columns: 2fr 2fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-2-7-1-md {
    grid-template-columns: 2fr 2fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-3-1-6-md {
    grid-template-columns: 2fr 3fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-3-2-5-md {
    grid-template-columns: 2fr 3fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-3-3-4-md {
    grid-template-columns: 2fr 3fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-3-4-3-md {
    grid-template-columns: 2fr 3fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-3-5-2-md {
    grid-template-columns: 2fr 3fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-3-6-1-md {
    grid-template-columns: 2fr 3fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-4-1-5-md {
    grid-template-columns: 2fr 4fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-4-2-4-md {
    grid-template-columns: 2fr 4fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-4-3-3-md {
    grid-template-columns: 2fr 4fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-4-4-2-md {
    grid-template-columns: 2fr 4fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-4-5-1-md {
    grid-template-columns: 2fr 4fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-5-1-4-md {
    grid-template-columns: 2fr 5fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-5-2-3-md {
    grid-template-columns: 2fr 5fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-5-3-2-md {
    grid-template-columns: 2fr 5fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-5-4-1-md {
    grid-template-columns: 2fr 5fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-6-1-3-md {
    grid-template-columns: 2fr 6fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-6-2-2-md {
    grid-template-columns: 2fr 6fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-6-3-1-md {
    grid-template-columns: 2fr 6fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-7-1-2-md {
    grid-template-columns: 2fr 7fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-7-2-1-md {
    grid-template-columns: 2fr 7fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-8-1-1-md {
    grid-template-columns: 2fr 8fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-1-7-md {
    grid-template-columns: 3fr 1fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-1-2-6-md {
    grid-template-columns: 3fr 1fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-1-3-5-md {
    grid-template-columns: 3fr 1fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-1-4-4-md {
    grid-template-columns: 3fr 1fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-1-5-3-md {
    grid-template-columns: 3fr 1fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-1-6-2-md {
    grid-template-columns: 3fr 1fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-1-7-1-md {
    grid-template-columns: 3fr 1fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-2-1-6-md {
    grid-template-columns: 3fr 2fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-2-2-5-md {
    grid-template-columns: 3fr 2fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-2-3-4-md {
    grid-template-columns: 3fr 2fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-2-4-3-md {
    grid-template-columns: 3fr 2fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-2-5-2-md {
    grid-template-columns: 3fr 2fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-2-6-1-md {
    grid-template-columns: 3fr 2fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-3-1-5-md {
    grid-template-columns: 3fr 3fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-3-2-4-md {
    grid-template-columns: 3fr 3fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-3-3-3-md {
    grid-template-columns: 3fr 3fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-3-4-2-md {
    grid-template-columns: 3fr 3fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-3-5-1-md {
    grid-template-columns: 3fr 3fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-4-1-4-md {
    grid-template-columns: 3fr 4fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-4-2-3-md {
    grid-template-columns: 3fr 4fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-4-3-2-md {
    grid-template-columns: 3fr 4fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-4-4-1-md {
    grid-template-columns: 3fr 4fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-5-1-3-md {
    grid-template-columns: 3fr 5fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-5-2-2-md {
    grid-template-columns: 3fr 5fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-5-3-1-md {
    grid-template-columns: 3fr 5fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-6-1-2-md {
    grid-template-columns: 3fr 6fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-6-2-1-md {
    grid-template-columns: 3fr 6fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-7-1-1-md {
    grid-template-columns: 3fr 7fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-1-6-md {
    grid-template-columns: 4fr 1fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-1-2-5-md {
    grid-template-columns: 4fr 1fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-1-3-4-md {
    grid-template-columns: 4fr 1fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-1-4-3-md {
    grid-template-columns: 4fr 1fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-1-5-2-md {
    grid-template-columns: 4fr 1fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-1-6-1-md {
    grid-template-columns: 4fr 1fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-2-1-5-md {
    grid-template-columns: 4fr 2fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-2-2-4-md {
    grid-template-columns: 4fr 2fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-2-3-3-md {
    grid-template-columns: 4fr 2fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-2-4-2-md {
    grid-template-columns: 4fr 2fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-2-5-1-md {
    grid-template-columns: 4fr 2fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-3-1-4-md {
    grid-template-columns: 4fr 3fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-3-2-3-md {
    grid-template-columns: 4fr 3fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-3-3-2-md {
    grid-template-columns: 4fr 3fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-3-4-1-md {
    grid-template-columns: 4fr 3fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-4-1-3-md {
    grid-template-columns: 4fr 4fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-4-2-2-md {
    grid-template-columns: 4fr 4fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-4-3-1-md {
    grid-template-columns: 4fr 4fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-5-1-2-md {
    grid-template-columns: 4fr 5fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-5-2-1-md {
    grid-template-columns: 4fr 5fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-6-1-1-md {
    grid-template-columns: 4fr 6fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-1-5-md {
    grid-template-columns: 5fr 1fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-1-2-4-md {
    grid-template-columns: 5fr 1fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-1-3-3-md {
    grid-template-columns: 5fr 1fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-1-4-2-md {
    grid-template-columns: 5fr 1fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-1-5-1-md {
    grid-template-columns: 5fr 1fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-2-1-4-md {
    grid-template-columns: 5fr 2fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-2-2-3-md {
    grid-template-columns: 5fr 2fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-2-3-2-md {
    grid-template-columns: 5fr 2fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-2-4-1-md {
    grid-template-columns: 5fr 2fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-3-1-3-md {
    grid-template-columns: 5fr 3fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-3-2-2-md {
    grid-template-columns: 5fr 3fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-3-3-1-md {
    grid-template-columns: 5fr 3fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-4-1-2-md {
    grid-template-columns: 5fr 4fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-4-2-1-md {
    grid-template-columns: 5fr 4fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-5-1-1-md {
    grid-template-columns: 5fr 5fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-1-4-md {
    grid-template-columns: 6fr 1fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-1-2-3-md {
    grid-template-columns: 6fr 1fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-1-3-2-md {
    grid-template-columns: 6fr 1fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-1-4-1-md {
    grid-template-columns: 6fr 1fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-2-1-3-md {
    grid-template-columns: 6fr 2fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-2-2-2-md {
    grid-template-columns: 6fr 2fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-2-3-1-md {
    grid-template-columns: 6fr 2fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-3-1-2-md {
    grid-template-columns: 6fr 3fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-3-2-1-md {
    grid-template-columns: 6fr 3fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-4-1-1-md {
    grid-template-columns: 6fr 4fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-1-3-md {
    grid-template-columns: 7fr 1fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-1-2-2-md {
    grid-template-columns: 7fr 1fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-1-3-1-md {
    grid-template-columns: 7fr 1fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-2-1-2-md {
    grid-template-columns: 7fr 2fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-2-2-1-md {
    grid-template-columns: 7fr 2fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-3-1-1-md {
    grid-template-columns: 7fr 3fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-1-2-md {
    grid-template-columns: 8fr 1fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-1-2-1-md {
    grid-template-columns: 8fr 1fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-2-1-1-md {
    grid-template-columns: 8fr 2fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-1-1-md {
    grid-template-columns: 9fr 1fr 1fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 992px) {
  .grid--1-1-1-9-lg {
    grid-template-columns: 1fr 1fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-1-2-8-lg {
    grid-template-columns: 1fr 1fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-1-3-7-lg {
    grid-template-columns: 1fr 1fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-1-4-6-lg {
    grid-template-columns: 1fr 1fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-1-5-5-lg {
    grid-template-columns: 1fr 1fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-1-6-4-lg {
    grid-template-columns: 1fr 1fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-1-7-3-lg {
    grid-template-columns: 1fr 1fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-1-8-2-lg {
    grid-template-columns: 1fr 1fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-1-9-1-lg {
    grid-template-columns: 1fr 1fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-2-1-8-lg {
    grid-template-columns: 1fr 2fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-2-2-7-lg {
    grid-template-columns: 1fr 2fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-2-3-6-lg {
    grid-template-columns: 1fr 2fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-2-4-5-lg {
    grid-template-columns: 1fr 2fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-2-5-4-lg {
    grid-template-columns: 1fr 2fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-2-6-3-lg {
    grid-template-columns: 1fr 2fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-2-7-2-lg {
    grid-template-columns: 1fr 2fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-2-8-1-lg {
    grid-template-columns: 1fr 2fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-3-1-7-lg {
    grid-template-columns: 1fr 3fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-3-2-6-lg {
    grid-template-columns: 1fr 3fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-3-3-5-lg {
    grid-template-columns: 1fr 3fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-3-4-4-lg {
    grid-template-columns: 1fr 3fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-3-5-3-lg {
    grid-template-columns: 1fr 3fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-3-6-2-lg {
    grid-template-columns: 1fr 3fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-3-7-1-lg {
    grid-template-columns: 1fr 3fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-4-1-6-lg {
    grid-template-columns: 1fr 4fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-4-2-5-lg {
    grid-template-columns: 1fr 4fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-4-3-4-lg {
    grid-template-columns: 1fr 4fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-4-4-3-lg {
    grid-template-columns: 1fr 4fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-4-5-2-lg {
    grid-template-columns: 1fr 4fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-4-6-1-lg {
    grid-template-columns: 1fr 4fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-5-1-5-lg {
    grid-template-columns: 1fr 5fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-5-2-4-lg {
    grid-template-columns: 1fr 5fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-5-3-3-lg {
    grid-template-columns: 1fr 5fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-5-4-2-lg {
    grid-template-columns: 1fr 5fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-5-5-1-lg {
    grid-template-columns: 1fr 5fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-6-1-4-lg {
    grid-template-columns: 1fr 6fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-6-2-3-lg {
    grid-template-columns: 1fr 6fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-6-3-2-lg {
    grid-template-columns: 1fr 6fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-6-4-1-lg {
    grid-template-columns: 1fr 6fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-7-1-3-lg {
    grid-template-columns: 1fr 7fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-7-2-2-lg {
    grid-template-columns: 1fr 7fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-7-3-1-lg {
    grid-template-columns: 1fr 7fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-8-1-2-lg {
    grid-template-columns: 1fr 8fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-8-2-1-lg {
    grid-template-columns: 1fr 8fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-9-1-1-lg {
    grid-template-columns: 1fr 9fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-1-8-lg {
    grid-template-columns: 2fr 1fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-1-2-7-lg {
    grid-template-columns: 2fr 1fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-1-3-6-lg {
    grid-template-columns: 2fr 1fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-1-4-5-lg {
    grid-template-columns: 2fr 1fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-1-5-4-lg {
    grid-template-columns: 2fr 1fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-1-6-3-lg {
    grid-template-columns: 2fr 1fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-1-7-2-lg {
    grid-template-columns: 2fr 1fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-1-8-1-lg {
    grid-template-columns: 2fr 1fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-2-1-7-lg {
    grid-template-columns: 2fr 2fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-2-2-6-lg {
    grid-template-columns: 2fr 2fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-2-3-5-lg {
    grid-template-columns: 2fr 2fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-2-4-4-lg {
    grid-template-columns: 2fr 2fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-2-5-3-lg {
    grid-template-columns: 2fr 2fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-2-6-2-lg {
    grid-template-columns: 2fr 2fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-2-7-1-lg {
    grid-template-columns: 2fr 2fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-3-1-6-lg {
    grid-template-columns: 2fr 3fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-3-2-5-lg {
    grid-template-columns: 2fr 3fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-3-3-4-lg {
    grid-template-columns: 2fr 3fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-3-4-3-lg {
    grid-template-columns: 2fr 3fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-3-5-2-lg {
    grid-template-columns: 2fr 3fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-3-6-1-lg {
    grid-template-columns: 2fr 3fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-4-1-5-lg {
    grid-template-columns: 2fr 4fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-4-2-4-lg {
    grid-template-columns: 2fr 4fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-4-3-3-lg {
    grid-template-columns: 2fr 4fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-4-4-2-lg {
    grid-template-columns: 2fr 4fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-4-5-1-lg {
    grid-template-columns: 2fr 4fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-5-1-4-lg {
    grid-template-columns: 2fr 5fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-5-2-3-lg {
    grid-template-columns: 2fr 5fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-5-3-2-lg {
    grid-template-columns: 2fr 5fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-5-4-1-lg {
    grid-template-columns: 2fr 5fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-6-1-3-lg {
    grid-template-columns: 2fr 6fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-6-2-2-lg {
    grid-template-columns: 2fr 6fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-6-3-1-lg {
    grid-template-columns: 2fr 6fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-7-1-2-lg {
    grid-template-columns: 2fr 7fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-7-2-1-lg {
    grid-template-columns: 2fr 7fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-8-1-1-lg {
    grid-template-columns: 2fr 8fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-1-7-lg {
    grid-template-columns: 3fr 1fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-1-2-6-lg {
    grid-template-columns: 3fr 1fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-1-3-5-lg {
    grid-template-columns: 3fr 1fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-1-4-4-lg {
    grid-template-columns: 3fr 1fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-1-5-3-lg {
    grid-template-columns: 3fr 1fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-1-6-2-lg {
    grid-template-columns: 3fr 1fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-1-7-1-lg {
    grid-template-columns: 3fr 1fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-2-1-6-lg {
    grid-template-columns: 3fr 2fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-2-2-5-lg {
    grid-template-columns: 3fr 2fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-2-3-4-lg {
    grid-template-columns: 3fr 2fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-2-4-3-lg {
    grid-template-columns: 3fr 2fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-2-5-2-lg {
    grid-template-columns: 3fr 2fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-2-6-1-lg {
    grid-template-columns: 3fr 2fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-3-1-5-lg {
    grid-template-columns: 3fr 3fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-3-2-4-lg {
    grid-template-columns: 3fr 3fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-3-3-3-lg {
    grid-template-columns: 3fr 3fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-3-4-2-lg {
    grid-template-columns: 3fr 3fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-3-5-1-lg {
    grid-template-columns: 3fr 3fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-4-1-4-lg {
    grid-template-columns: 3fr 4fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-4-2-3-lg {
    grid-template-columns: 3fr 4fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-4-3-2-lg {
    grid-template-columns: 3fr 4fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-4-4-1-lg {
    grid-template-columns: 3fr 4fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-5-1-3-lg {
    grid-template-columns: 3fr 5fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-5-2-2-lg {
    grid-template-columns: 3fr 5fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-5-3-1-lg {
    grid-template-columns: 3fr 5fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-6-1-2-lg {
    grid-template-columns: 3fr 6fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-6-2-1-lg {
    grid-template-columns: 3fr 6fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-7-1-1-lg {
    grid-template-columns: 3fr 7fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-1-6-lg {
    grid-template-columns: 4fr 1fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-1-2-5-lg {
    grid-template-columns: 4fr 1fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-1-3-4-lg {
    grid-template-columns: 4fr 1fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-1-4-3-lg {
    grid-template-columns: 4fr 1fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-1-5-2-lg {
    grid-template-columns: 4fr 1fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-1-6-1-lg {
    grid-template-columns: 4fr 1fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-2-1-5-lg {
    grid-template-columns: 4fr 2fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-2-2-4-lg {
    grid-template-columns: 4fr 2fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-2-3-3-lg {
    grid-template-columns: 4fr 2fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-2-4-2-lg {
    grid-template-columns: 4fr 2fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-2-5-1-lg {
    grid-template-columns: 4fr 2fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-3-1-4-lg {
    grid-template-columns: 4fr 3fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-3-2-3-lg {
    grid-template-columns: 4fr 3fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-3-3-2-lg {
    grid-template-columns: 4fr 3fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-3-4-1-lg {
    grid-template-columns: 4fr 3fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-4-1-3-lg {
    grid-template-columns: 4fr 4fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-4-2-2-lg {
    grid-template-columns: 4fr 4fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-4-3-1-lg {
    grid-template-columns: 4fr 4fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-5-1-2-lg {
    grid-template-columns: 4fr 5fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-5-2-1-lg {
    grid-template-columns: 4fr 5fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-6-1-1-lg {
    grid-template-columns: 4fr 6fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-1-5-lg {
    grid-template-columns: 5fr 1fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-1-2-4-lg {
    grid-template-columns: 5fr 1fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-1-3-3-lg {
    grid-template-columns: 5fr 1fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-1-4-2-lg {
    grid-template-columns: 5fr 1fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-1-5-1-lg {
    grid-template-columns: 5fr 1fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-2-1-4-lg {
    grid-template-columns: 5fr 2fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-2-2-3-lg {
    grid-template-columns: 5fr 2fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-2-3-2-lg {
    grid-template-columns: 5fr 2fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-2-4-1-lg {
    grid-template-columns: 5fr 2fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-3-1-3-lg {
    grid-template-columns: 5fr 3fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-3-2-2-lg {
    grid-template-columns: 5fr 3fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-3-3-1-lg {
    grid-template-columns: 5fr 3fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-4-1-2-lg {
    grid-template-columns: 5fr 4fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-4-2-1-lg {
    grid-template-columns: 5fr 4fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-5-1-1-lg {
    grid-template-columns: 5fr 5fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-1-4-lg {
    grid-template-columns: 6fr 1fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-1-2-3-lg {
    grid-template-columns: 6fr 1fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-1-3-2-lg {
    grid-template-columns: 6fr 1fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-1-4-1-lg {
    grid-template-columns: 6fr 1fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-2-1-3-lg {
    grid-template-columns: 6fr 2fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-2-2-2-lg {
    grid-template-columns: 6fr 2fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-2-3-1-lg {
    grid-template-columns: 6fr 2fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-3-1-2-lg {
    grid-template-columns: 6fr 3fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-3-2-1-lg {
    grid-template-columns: 6fr 3fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-4-1-1-lg {
    grid-template-columns: 6fr 4fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-1-3-lg {
    grid-template-columns: 7fr 1fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-1-2-2-lg {
    grid-template-columns: 7fr 1fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-1-3-1-lg {
    grid-template-columns: 7fr 1fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-2-1-2-lg {
    grid-template-columns: 7fr 2fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-2-2-1-lg {
    grid-template-columns: 7fr 2fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-3-1-1-lg {
    grid-template-columns: 7fr 3fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-1-2-lg {
    grid-template-columns: 8fr 1fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-1-2-1-lg {
    grid-template-columns: 8fr 1fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-2-1-1-lg {
    grid-template-columns: 8fr 2fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-1-1-lg {
    grid-template-columns: 9fr 1fr 1fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .grid--1-1-1-9-xl {
    grid-template-columns: 1fr 1fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-1-2-8-xl {
    grid-template-columns: 1fr 1fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-1-3-7-xl {
    grid-template-columns: 1fr 1fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-1-4-6-xl {
    grid-template-columns: 1fr 1fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-1-5-5-xl {
    grid-template-columns: 1fr 1fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-1-6-4-xl {
    grid-template-columns: 1fr 1fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-1-7-3-xl {
    grid-template-columns: 1fr 1fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-1-8-2-xl {
    grid-template-columns: 1fr 1fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-1-9-1-xl {
    grid-template-columns: 1fr 1fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-2-1-8-xl {
    grid-template-columns: 1fr 2fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-2-2-7-xl {
    grid-template-columns: 1fr 2fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-2-3-6-xl {
    grid-template-columns: 1fr 2fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-2-4-5-xl {
    grid-template-columns: 1fr 2fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-2-5-4-xl {
    grid-template-columns: 1fr 2fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-2-6-3-xl {
    grid-template-columns: 1fr 2fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-2-7-2-xl {
    grid-template-columns: 1fr 2fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-2-8-1-xl {
    grid-template-columns: 1fr 2fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-3-1-7-xl {
    grid-template-columns: 1fr 3fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-3-2-6-xl {
    grid-template-columns: 1fr 3fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-3-3-5-xl {
    grid-template-columns: 1fr 3fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-3-4-4-xl {
    grid-template-columns: 1fr 3fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-3-5-3-xl {
    grid-template-columns: 1fr 3fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-3-6-2-xl {
    grid-template-columns: 1fr 3fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-3-7-1-xl {
    grid-template-columns: 1fr 3fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-4-1-6-xl {
    grid-template-columns: 1fr 4fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-4-2-5-xl {
    grid-template-columns: 1fr 4fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-4-3-4-xl {
    grid-template-columns: 1fr 4fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-4-4-3-xl {
    grid-template-columns: 1fr 4fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-4-5-2-xl {
    grid-template-columns: 1fr 4fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-4-6-1-xl {
    grid-template-columns: 1fr 4fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-5-1-5-xl {
    grid-template-columns: 1fr 5fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-5-2-4-xl {
    grid-template-columns: 1fr 5fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-5-3-3-xl {
    grid-template-columns: 1fr 5fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-5-4-2-xl {
    grid-template-columns: 1fr 5fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-5-5-1-xl {
    grid-template-columns: 1fr 5fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-6-1-4-xl {
    grid-template-columns: 1fr 6fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-6-2-3-xl {
    grid-template-columns: 1fr 6fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-6-3-2-xl {
    grid-template-columns: 1fr 6fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-6-4-1-xl {
    grid-template-columns: 1fr 6fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-7-1-3-xl {
    grid-template-columns: 1fr 7fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-7-2-2-xl {
    grid-template-columns: 1fr 7fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-7-3-1-xl {
    grid-template-columns: 1fr 7fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-8-1-2-xl {
    grid-template-columns: 1fr 8fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-8-2-1-xl {
    grid-template-columns: 1fr 8fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-9-1-1-xl {
    grid-template-columns: 1fr 9fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-1-8-xl {
    grid-template-columns: 2fr 1fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-1-2-7-xl {
    grid-template-columns: 2fr 1fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-1-3-6-xl {
    grid-template-columns: 2fr 1fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-1-4-5-xl {
    grid-template-columns: 2fr 1fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-1-5-4-xl {
    grid-template-columns: 2fr 1fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-1-6-3-xl {
    grid-template-columns: 2fr 1fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-1-7-2-xl {
    grid-template-columns: 2fr 1fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-1-8-1-xl {
    grid-template-columns: 2fr 1fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-2-1-7-xl {
    grid-template-columns: 2fr 2fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-2-2-6-xl {
    grid-template-columns: 2fr 2fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-2-3-5-xl {
    grid-template-columns: 2fr 2fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-2-4-4-xl {
    grid-template-columns: 2fr 2fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-2-5-3-xl {
    grid-template-columns: 2fr 2fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-2-6-2-xl {
    grid-template-columns: 2fr 2fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-2-7-1-xl {
    grid-template-columns: 2fr 2fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-3-1-6-xl {
    grid-template-columns: 2fr 3fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-3-2-5-xl {
    grid-template-columns: 2fr 3fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-3-3-4-xl {
    grid-template-columns: 2fr 3fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-3-4-3-xl {
    grid-template-columns: 2fr 3fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-3-5-2-xl {
    grid-template-columns: 2fr 3fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-3-6-1-xl {
    grid-template-columns: 2fr 3fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-4-1-5-xl {
    grid-template-columns: 2fr 4fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-4-2-4-xl {
    grid-template-columns: 2fr 4fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-4-3-3-xl {
    grid-template-columns: 2fr 4fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-4-4-2-xl {
    grid-template-columns: 2fr 4fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-4-5-1-xl {
    grid-template-columns: 2fr 4fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-5-1-4-xl {
    grid-template-columns: 2fr 5fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-5-2-3-xl {
    grid-template-columns: 2fr 5fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-5-3-2-xl {
    grid-template-columns: 2fr 5fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-5-4-1-xl {
    grid-template-columns: 2fr 5fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-6-1-3-xl {
    grid-template-columns: 2fr 6fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-6-2-2-xl {
    grid-template-columns: 2fr 6fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-6-3-1-xl {
    grid-template-columns: 2fr 6fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-7-1-2-xl {
    grid-template-columns: 2fr 7fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-7-2-1-xl {
    grid-template-columns: 2fr 7fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-8-1-1-xl {
    grid-template-columns: 2fr 8fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-1-7-xl {
    grid-template-columns: 3fr 1fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-1-2-6-xl {
    grid-template-columns: 3fr 1fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-1-3-5-xl {
    grid-template-columns: 3fr 1fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-1-4-4-xl {
    grid-template-columns: 3fr 1fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-1-5-3-xl {
    grid-template-columns: 3fr 1fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-1-6-2-xl {
    grid-template-columns: 3fr 1fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-1-7-1-xl {
    grid-template-columns: 3fr 1fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-2-1-6-xl {
    grid-template-columns: 3fr 2fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-2-2-5-xl {
    grid-template-columns: 3fr 2fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-2-3-4-xl {
    grid-template-columns: 3fr 2fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-2-4-3-xl {
    grid-template-columns: 3fr 2fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-2-5-2-xl {
    grid-template-columns: 3fr 2fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-2-6-1-xl {
    grid-template-columns: 3fr 2fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-3-1-5-xl {
    grid-template-columns: 3fr 3fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-3-2-4-xl {
    grid-template-columns: 3fr 3fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-3-3-3-xl {
    grid-template-columns: 3fr 3fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-3-4-2-xl {
    grid-template-columns: 3fr 3fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-3-5-1-xl {
    grid-template-columns: 3fr 3fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-4-1-4-xl {
    grid-template-columns: 3fr 4fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-4-2-3-xl {
    grid-template-columns: 3fr 4fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-4-3-2-xl {
    grid-template-columns: 3fr 4fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-4-4-1-xl {
    grid-template-columns: 3fr 4fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-5-1-3-xl {
    grid-template-columns: 3fr 5fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-5-2-2-xl {
    grid-template-columns: 3fr 5fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-5-3-1-xl {
    grid-template-columns: 3fr 5fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-6-1-2-xl {
    grid-template-columns: 3fr 6fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-6-2-1-xl {
    grid-template-columns: 3fr 6fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-7-1-1-xl {
    grid-template-columns: 3fr 7fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-1-6-xl {
    grid-template-columns: 4fr 1fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-1-2-5-xl {
    grid-template-columns: 4fr 1fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-1-3-4-xl {
    grid-template-columns: 4fr 1fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-1-4-3-xl {
    grid-template-columns: 4fr 1fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-1-5-2-xl {
    grid-template-columns: 4fr 1fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-1-6-1-xl {
    grid-template-columns: 4fr 1fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-2-1-5-xl {
    grid-template-columns: 4fr 2fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-2-2-4-xl {
    grid-template-columns: 4fr 2fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-2-3-3-xl {
    grid-template-columns: 4fr 2fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-2-4-2-xl {
    grid-template-columns: 4fr 2fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-2-5-1-xl {
    grid-template-columns: 4fr 2fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-3-1-4-xl {
    grid-template-columns: 4fr 3fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-3-2-3-xl {
    grid-template-columns: 4fr 3fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-3-3-2-xl {
    grid-template-columns: 4fr 3fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-3-4-1-xl {
    grid-template-columns: 4fr 3fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-4-1-3-xl {
    grid-template-columns: 4fr 4fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-4-2-2-xl {
    grid-template-columns: 4fr 4fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-4-3-1-xl {
    grid-template-columns: 4fr 4fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-5-1-2-xl {
    grid-template-columns: 4fr 5fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-5-2-1-xl {
    grid-template-columns: 4fr 5fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-6-1-1-xl {
    grid-template-columns: 4fr 6fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-1-5-xl {
    grid-template-columns: 5fr 1fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-1-2-4-xl {
    grid-template-columns: 5fr 1fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-1-3-3-xl {
    grid-template-columns: 5fr 1fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-1-4-2-xl {
    grid-template-columns: 5fr 1fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-1-5-1-xl {
    grid-template-columns: 5fr 1fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-2-1-4-xl {
    grid-template-columns: 5fr 2fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-2-2-3-xl {
    grid-template-columns: 5fr 2fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-2-3-2-xl {
    grid-template-columns: 5fr 2fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-2-4-1-xl {
    grid-template-columns: 5fr 2fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-3-1-3-xl {
    grid-template-columns: 5fr 3fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-3-2-2-xl {
    grid-template-columns: 5fr 3fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-3-3-1-xl {
    grid-template-columns: 5fr 3fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-4-1-2-xl {
    grid-template-columns: 5fr 4fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-4-2-1-xl {
    grid-template-columns: 5fr 4fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-5-1-1-xl {
    grid-template-columns: 5fr 5fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-1-4-xl {
    grid-template-columns: 6fr 1fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-1-2-3-xl {
    grid-template-columns: 6fr 1fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-1-3-2-xl {
    grid-template-columns: 6fr 1fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-1-4-1-xl {
    grid-template-columns: 6fr 1fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-2-1-3-xl {
    grid-template-columns: 6fr 2fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-2-2-2-xl {
    grid-template-columns: 6fr 2fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-2-3-1-xl {
    grid-template-columns: 6fr 2fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-3-1-2-xl {
    grid-template-columns: 6fr 3fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-3-2-1-xl {
    grid-template-columns: 6fr 3fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-4-1-1-xl {
    grid-template-columns: 6fr 4fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-1-3-xl {
    grid-template-columns: 7fr 1fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-1-2-2-xl {
    grid-template-columns: 7fr 1fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-1-3-1-xl {
    grid-template-columns: 7fr 1fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-2-1-2-xl {
    grid-template-columns: 7fr 2fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-2-2-1-xl {
    grid-template-columns: 7fr 2fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-3-1-1-xl {
    grid-template-columns: 7fr 3fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-1-2-xl {
    grid-template-columns: 8fr 1fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-1-2-1-xl {
    grid-template-columns: 8fr 1fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-2-1-1-xl {
    grid-template-columns: 8fr 2fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-1-1-xl {
    grid-template-columns: 9fr 1fr 1fr 1fr;
    gap: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .grid--1-1-1-9-xxl {
    grid-template-columns: 1fr 1fr 1fr 9fr;
    gap: 1.5rem;
  }
  .grid--1-1-2-8-xxl {
    grid-template-columns: 1fr 1fr 2fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-1-3-7-xxl {
    grid-template-columns: 1fr 1fr 3fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-1-4-6-xxl {
    grid-template-columns: 1fr 1fr 4fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-1-5-5-xxl {
    grid-template-columns: 1fr 1fr 5fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-1-6-4-xxl {
    grid-template-columns: 1fr 1fr 6fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-1-7-3-xxl {
    grid-template-columns: 1fr 1fr 7fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-1-8-2-xxl {
    grid-template-columns: 1fr 1fr 8fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-1-9-1-xxl {
    grid-template-columns: 1fr 1fr 9fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-2-1-8-xxl {
    grid-template-columns: 1fr 2fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--1-2-2-7-xxl {
    grid-template-columns: 1fr 2fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-2-3-6-xxl {
    grid-template-columns: 1fr 2fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-2-4-5-xxl {
    grid-template-columns: 1fr 2fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-2-5-4-xxl {
    grid-template-columns: 1fr 2fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-2-6-3-xxl {
    grid-template-columns: 1fr 2fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-2-7-2-xxl {
    grid-template-columns: 1fr 2fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-2-8-1-xxl {
    grid-template-columns: 1fr 2fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-3-1-7-xxl {
    grid-template-columns: 1fr 3fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--1-3-2-6-xxl {
    grid-template-columns: 1fr 3fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-3-3-5-xxl {
    grid-template-columns: 1fr 3fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-3-4-4-xxl {
    grid-template-columns: 1fr 3fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-3-5-3-xxl {
    grid-template-columns: 1fr 3fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-3-6-2-xxl {
    grid-template-columns: 1fr 3fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-3-7-1-xxl {
    grid-template-columns: 1fr 3fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-4-1-6-xxl {
    grid-template-columns: 1fr 4fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--1-4-2-5-xxl {
    grid-template-columns: 1fr 4fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-4-3-4-xxl {
    grid-template-columns: 1fr 4fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-4-4-3-xxl {
    grid-template-columns: 1fr 4fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-4-5-2-xxl {
    grid-template-columns: 1fr 4fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-4-6-1-xxl {
    grid-template-columns: 1fr 4fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-5-1-5-xxl {
    grid-template-columns: 1fr 5fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--1-5-2-4-xxl {
    grid-template-columns: 1fr 5fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-5-3-3-xxl {
    grid-template-columns: 1fr 5fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-5-4-2-xxl {
    grid-template-columns: 1fr 5fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-5-5-1-xxl {
    grid-template-columns: 1fr 5fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-6-1-4-xxl {
    grid-template-columns: 1fr 6fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--1-6-2-3-xxl {
    grid-template-columns: 1fr 6fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-6-3-2-xxl {
    grid-template-columns: 1fr 6fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-6-4-1-xxl {
    grid-template-columns: 1fr 6fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-7-1-3-xxl {
    grid-template-columns: 1fr 7fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--1-7-2-2-xxl {
    grid-template-columns: 1fr 7fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-7-3-1-xxl {
    grid-template-columns: 1fr 7fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-8-1-2-xxl {
    grid-template-columns: 1fr 8fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--1-8-2-1-xxl {
    grid-template-columns: 1fr 8fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--1-9-1-1-xxl {
    grid-template-columns: 1fr 9fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-1-1-8-xxl {
    grid-template-columns: 2fr 1fr 1fr 8fr;
    gap: 1.5rem;
  }
  .grid--2-1-2-7-xxl {
    grid-template-columns: 2fr 1fr 2fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-1-3-6-xxl {
    grid-template-columns: 2fr 1fr 3fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-1-4-5-xxl {
    grid-template-columns: 2fr 1fr 4fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-1-5-4-xxl {
    grid-template-columns: 2fr 1fr 5fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-1-6-3-xxl {
    grid-template-columns: 2fr 1fr 6fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-1-7-2-xxl {
    grid-template-columns: 2fr 1fr 7fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-1-8-1-xxl {
    grid-template-columns: 2fr 1fr 8fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-2-1-7-xxl {
    grid-template-columns: 2fr 2fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--2-2-2-6-xxl {
    grid-template-columns: 2fr 2fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-2-3-5-xxl {
    grid-template-columns: 2fr 2fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-2-4-4-xxl {
    grid-template-columns: 2fr 2fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-2-5-3-xxl {
    grid-template-columns: 2fr 2fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-2-6-2-xxl {
    grid-template-columns: 2fr 2fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-2-7-1-xxl {
    grid-template-columns: 2fr 2fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-3-1-6-xxl {
    grid-template-columns: 2fr 3fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--2-3-2-5-xxl {
    grid-template-columns: 2fr 3fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-3-3-4-xxl {
    grid-template-columns: 2fr 3fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-3-4-3-xxl {
    grid-template-columns: 2fr 3fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-3-5-2-xxl {
    grid-template-columns: 2fr 3fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-3-6-1-xxl {
    grid-template-columns: 2fr 3fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-4-1-5-xxl {
    grid-template-columns: 2fr 4fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--2-4-2-4-xxl {
    grid-template-columns: 2fr 4fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-4-3-3-xxl {
    grid-template-columns: 2fr 4fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-4-4-2-xxl {
    grid-template-columns: 2fr 4fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-4-5-1-xxl {
    grid-template-columns: 2fr 4fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-5-1-4-xxl {
    grid-template-columns: 2fr 5fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--2-5-2-3-xxl {
    grid-template-columns: 2fr 5fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-5-3-2-xxl {
    grid-template-columns: 2fr 5fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-5-4-1-xxl {
    grid-template-columns: 2fr 5fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-6-1-3-xxl {
    grid-template-columns: 2fr 6fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--2-6-2-2-xxl {
    grid-template-columns: 2fr 6fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-6-3-1-xxl {
    grid-template-columns: 2fr 6fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-7-1-2-xxl {
    grid-template-columns: 2fr 7fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--2-7-2-1-xxl {
    grid-template-columns: 2fr 7fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--2-8-1-1-xxl {
    grid-template-columns: 2fr 8fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-1-1-7-xxl {
    grid-template-columns: 3fr 1fr 1fr 7fr;
    gap: 1.5rem;
  }
  .grid--3-1-2-6-xxl {
    grid-template-columns: 3fr 1fr 2fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-1-3-5-xxl {
    grid-template-columns: 3fr 1fr 3fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-1-4-4-xxl {
    grid-template-columns: 3fr 1fr 4fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-1-5-3-xxl {
    grid-template-columns: 3fr 1fr 5fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-1-6-2-xxl {
    grid-template-columns: 3fr 1fr 6fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-1-7-1-xxl {
    grid-template-columns: 3fr 1fr 7fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-2-1-6-xxl {
    grid-template-columns: 3fr 2fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--3-2-2-5-xxl {
    grid-template-columns: 3fr 2fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-2-3-4-xxl {
    grid-template-columns: 3fr 2fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-2-4-3-xxl {
    grid-template-columns: 3fr 2fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-2-5-2-xxl {
    grid-template-columns: 3fr 2fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-2-6-1-xxl {
    grid-template-columns: 3fr 2fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-3-1-5-xxl {
    grid-template-columns: 3fr 3fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--3-3-2-4-xxl {
    grid-template-columns: 3fr 3fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-3-3-3-xxl {
    grid-template-columns: 3fr 3fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-3-4-2-xxl {
    grid-template-columns: 3fr 3fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-3-5-1-xxl {
    grid-template-columns: 3fr 3fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-4-1-4-xxl {
    grid-template-columns: 3fr 4fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--3-4-2-3-xxl {
    grid-template-columns: 3fr 4fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-4-3-2-xxl {
    grid-template-columns: 3fr 4fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-4-4-1-xxl {
    grid-template-columns: 3fr 4fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-5-1-3-xxl {
    grid-template-columns: 3fr 5fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--3-5-2-2-xxl {
    grid-template-columns: 3fr 5fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-5-3-1-xxl {
    grid-template-columns: 3fr 5fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-6-1-2-xxl {
    grid-template-columns: 3fr 6fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--3-6-2-1-xxl {
    grid-template-columns: 3fr 6fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--3-7-1-1-xxl {
    grid-template-columns: 3fr 7fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-1-1-6-xxl {
    grid-template-columns: 4fr 1fr 1fr 6fr;
    gap: 1.5rem;
  }
  .grid--4-1-2-5-xxl {
    grid-template-columns: 4fr 1fr 2fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-1-3-4-xxl {
    grid-template-columns: 4fr 1fr 3fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-1-4-3-xxl {
    grid-template-columns: 4fr 1fr 4fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-1-5-2-xxl {
    grid-template-columns: 4fr 1fr 5fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-1-6-1-xxl {
    grid-template-columns: 4fr 1fr 6fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-2-1-5-xxl {
    grid-template-columns: 4fr 2fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--4-2-2-4-xxl {
    grid-template-columns: 4fr 2fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-2-3-3-xxl {
    grid-template-columns: 4fr 2fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-2-4-2-xxl {
    grid-template-columns: 4fr 2fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-2-5-1-xxl {
    grid-template-columns: 4fr 2fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-3-1-4-xxl {
    grid-template-columns: 4fr 3fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--4-3-2-3-xxl {
    grid-template-columns: 4fr 3fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-3-3-2-xxl {
    grid-template-columns: 4fr 3fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-3-4-1-xxl {
    grid-template-columns: 4fr 3fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-4-1-3-xxl {
    grid-template-columns: 4fr 4fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--4-4-2-2-xxl {
    grid-template-columns: 4fr 4fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-4-3-1-xxl {
    grid-template-columns: 4fr 4fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-5-1-2-xxl {
    grid-template-columns: 4fr 5fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--4-5-2-1-xxl {
    grid-template-columns: 4fr 5fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--4-6-1-1-xxl {
    grid-template-columns: 4fr 6fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-1-1-5-xxl {
    grid-template-columns: 5fr 1fr 1fr 5fr;
    gap: 1.5rem;
  }
  .grid--5-1-2-4-xxl {
    grid-template-columns: 5fr 1fr 2fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-1-3-3-xxl {
    grid-template-columns: 5fr 1fr 3fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-1-4-2-xxl {
    grid-template-columns: 5fr 1fr 4fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-1-5-1-xxl {
    grid-template-columns: 5fr 1fr 5fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-2-1-4-xxl {
    grid-template-columns: 5fr 2fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--5-2-2-3-xxl {
    grid-template-columns: 5fr 2fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-2-3-2-xxl {
    grid-template-columns: 5fr 2fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-2-4-1-xxl {
    grid-template-columns: 5fr 2fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-3-1-3-xxl {
    grid-template-columns: 5fr 3fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--5-3-2-2-xxl {
    grid-template-columns: 5fr 3fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-3-3-1-xxl {
    grid-template-columns: 5fr 3fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-4-1-2-xxl {
    grid-template-columns: 5fr 4fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--5-4-2-1-xxl {
    grid-template-columns: 5fr 4fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--5-5-1-1-xxl {
    grid-template-columns: 5fr 5fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-1-1-4-xxl {
    grid-template-columns: 6fr 1fr 1fr 4fr;
    gap: 1.5rem;
  }
  .grid--6-1-2-3-xxl {
    grid-template-columns: 6fr 1fr 2fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-1-3-2-xxl {
    grid-template-columns: 6fr 1fr 3fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-1-4-1-xxl {
    grid-template-columns: 6fr 1fr 4fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-2-1-3-xxl {
    grid-template-columns: 6fr 2fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--6-2-2-2-xxl {
    grid-template-columns: 6fr 2fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-2-3-1-xxl {
    grid-template-columns: 6fr 2fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-3-1-2-xxl {
    grid-template-columns: 6fr 3fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--6-3-2-1-xxl {
    grid-template-columns: 6fr 3fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--6-4-1-1-xxl {
    grid-template-columns: 6fr 4fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-1-1-3-xxl {
    grid-template-columns: 7fr 1fr 1fr 3fr;
    gap: 1.5rem;
  }
  .grid--7-1-2-2-xxl {
    grid-template-columns: 7fr 1fr 2fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-1-3-1-xxl {
    grid-template-columns: 7fr 1fr 3fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-2-1-2-xxl {
    grid-template-columns: 7fr 2fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--7-2-2-1-xxl {
    grid-template-columns: 7fr 2fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--7-3-1-1-xxl {
    grid-template-columns: 7fr 3fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-1-1-2-xxl {
    grid-template-columns: 8fr 1fr 1fr 2fr;
    gap: 1.5rem;
  }
  .grid--8-1-2-1-xxl {
    grid-template-columns: 8fr 1fr 2fr 1fr;
    gap: 1.5rem;
  }
  .grid--8-2-1-1-xxl {
    grid-template-columns: 8fr 2fr 1fr 1fr;
    gap: 1.5rem;
  }
  .grid--9-1-1-1-xxl {
    grid-template-columns: 9fr 1fr 1fr 1fr;
    gap: 1.5rem;
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 13px 8px;
  display: inline-block;
  cursor: pointer;
  height: 48px;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  line-height: 1;
}
.hamburger:hover {
  opacity: 0.9;
}

.hamburger-box {
  width: 32px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 32px;
  height: 4px;
  background-color: currentColor;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

.hamburger-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner, .nav-open .hamburger--squeeze .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before, .nav-open .hamburger--squeeze .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after, .nav-open .hamburger--squeeze .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner, .nav-open .hamburger--spring .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent;
}
.hamburger--spring.is-active .hamburger-inner::before, .nav-open .hamburger--spring .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after, .nav-open .hamburger--spring .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/* Icon Font: c8yicon */
@font-face {
  font-family: "c8yicon-dark";
  src: url("./fonts/c8yicon-dark.eot");
  src: url("./fonts/c8yicon-dark.eot?#iefix") format("embedded-opentype"), url("./fonts/c8yicon-dark.woff") format("woff"), url("./fonts/c8yicon-dark.ttf") format("truetype"), url("./fonts/c8yicon-dark.svg#c8yicon-dark") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "c8yicon-dark";
    src: url("./fonts/c8yicon-dark.svg#c8yicon-dark") format("svg");
  }
}
@font-face {
  font-family: "c8yicon-light";
  src: url("./fonts/c8yicon-light.eot");
  src: url("./fonts/c8yicon-light.eot?#iefix") format("embedded-opentype"), url("./fonts/c8yicon-light.woff") format("woff"), url("./fonts/c8yicon-light.ttf") format("truetype"), url("./fonts/c8yicon-light.svg#c8yicon-light") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "c8yicon-light";
    src: url("./fonts/c8yicon-light.svg#c8yicon-light") format("svg");
  }
}
.c8y-icon {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0;
}
.c8y-icon:not([class^=fa-]):not([class*=" fa-"]):not([class^=dlt-c8y-icon-]):not([class*=" dlt-c8y-icon-"])::before {
  display: inline-block;
  font-family: "c8yicon-dark";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.c8y-icon:not([class^=fa-]):not([class*=" fa-"]):not([class^=dlt-c8y-icon-]):not([class*=" dlt-c8y-icon-"])::after {
  display: inline-block;
  font-family: "c8yicon-light";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.c8y-icon-white:before {
  color: var(--icon-white-color-dark);
}
.c8y-icon-white::after {
  color: var(--icon-white-color-light);
}

.c8y-icon-duocolor:before {
  color: var(--c8y-brand-dark);
}
.c8y-icon-duocolor.text-danger:before {
  color: var(--status-danger);
}
.c8y-icon-duocolor.text-warning:before {
  color: var(--status-warning);
}
.c8y-icon-duocolor.text-info:before {
  color: var(--status-info);
}
.c8y-icon-duocolor.text-success:before {
  color: var(--status-success);
}
.c8y-icon-duocolor.text-muted:before {
  color: var(--text-muted);
}
.c8y-icon-duocolor:after {
  color: var(--c8y-brand-light);
}

.c8y-icon-aab-icon-model:before,
.c8y-icon-aab-icon-model:after {
  content: "\f100";
}

.c8y-icon-aab-icon-template-model:before,
.c8y-icon-aab-icon-template-model:after {
  content: "\f101";
}

.c8y-icon-accounts:before,
.c8y-icon-accounts:after {
  content: "\f102";
}

.c8y-icon-add-user:before,
.c8y-icon-add-user:after {
  content: "\f103";
}

.c8y-icon-administration:before,
.c8y-icon-administration:after {
  content: "\f104";
}

.c8y-icon-alarm:before,
.c8y-icon-alarm:after {
  content: "\f105";
}

.c8y-icon-alert-idle:before,
.c8y-icon-alert-idle:after {
  content: "\f106";
}

.c8y-icon-alfabet:before,
.c8y-icon-alfabet:after {
  content: "\f107";
}

.c8y-icon-analytic-model:before,
.c8y-icon-analytic-model:after {
  content: "\f108";
}

.c8y-icon-analytics-builder:before,
.c8y-icon-analytics-builder:after {
  content: "\f109";
}

.c8y-icon-apama-epl:before,
.c8y-icon-apama-epl:after {
  content: "\f10a";
}

.c8y-icon-apama-machine-learning:before,
.c8y-icon-apama-machine-learning:after {
  content: "\f10b";
}

.c8y-icon-apama-machine-learning-workbench:before,
.c8y-icon-apama-machine-learning-workbench:after {
  content: "\f10c";
}

.c8y-icon-archive:before,
.c8y-icon-archive:after {
  content: "\f10d";
}

.c8y-icon-aris:before,
.c8y-icon-aris:after {
  content: "\f10e";
}

.c8y-icon-atom:before,
.c8y-icon-atom:after {
  content: "\f10f";
}

.c8y-icon-book:before,
.c8y-icon-book:after {
  content: "\f110";
}

.c8y-icon-bookmark:before,
.c8y-icon-bookmark:after {
  content: "\f111";
}

.c8y-icon-bulb:before,
.c8y-icon-bulb:after {
  content: "\f112";
}

.c8y-icon-business-rules:before,
.c8y-icon-business-rules:after {
  content: "\f113";
}

.c8y-icon-c8y:before,
.c8y-icon-c8y:after {
  content: "\f114";
}

.c8y-icon-c8y-data:before,
.c8y-icon-c8y-data:after {
  content: "\f115";
}

.c8y-icon-c8y-support:before,
.c8y-icon-c8y-support:after {
  content: "\f116";
}

.c8y-icon-calendar:before,
.c8y-icon-calendar:after {
  content: "\f117";
}

.c8y-icon-chart:before,
.c8y-icon-chart:after {
  content: "\f118";
}

.c8y-icon-circle-star:before,
.c8y-icon-circle-star:after {
  content: "\f119";
}

.c8y-icon-cloud-container:before,
.c8y-icon-cloud-container:after {
  content: "\f11a";
}

.c8y-icon-cockpit:before,
.c8y-icon-cockpit:after {
  content: "\f11b";
}

.c8y-icon-component:before,
.c8y-icon-component:after {
  content: "\f11c";
}

.c8y-icon-connector-in:before,
.c8y-icon-connector-in:after {
  content: "\f11d";
}

.c8y-icon-connector-out:before,
.c8y-icon-connector-out:after {
  content: "\f11e";
}

.c8y-icon-css:before,
.c8y-icon-css:after {
  content: "\f11f";
}

.c8y-icon-cumulocity-iot:before,
.c8y-icon-cumulocity-iot:after {
  content: "\f120";
}

.c8y-icon-data-broker:before,
.c8y-icon-data-broker:after {
  content: "\f121";
}

.c8y-icon-data-explorer:before,
.c8y-icon-data-explorer:after {
  content: "\f122";
}

.c8y-icon-data-hub:before,
.c8y-icon-data-hub:after {
  content: "\f123";
}

.c8y-icon-data-points:before,
.c8y-icon-data-points:after {
  content: "\f124";
}

.c8y-icon-design:before,
.c8y-icon-design:after {
  content: "\f125";
}

.c8y-icon-device:before,
.c8y-icon-device:after {
  content: "\f126";
}

.c8y-icon-device-connect:before,
.c8y-icon-device-connect:after {
  content: "\f127";
}

.c8y-icon-device-control:before,
.c8y-icon-device-control:after {
  content: "\f128";
}

.c8y-icon-device-management:before,
.c8y-icon-device-management:after {
  content: "\f129";
}

.c8y-icon-device-profile:before,
.c8y-icon-device-profile:after {
  content: "\f12a";
}

.c8y-icon-device-protocols:before,
.c8y-icon-device-protocols:after {
  content: "\f12b";
}

.c8y-icon-e2e-monitoring:before,
.c8y-icon-e2e-monitoring:after {
  content: "\f167";
}

.c8y-icon-energy:before,
.c8y-icon-energy:after {
  content: "\f12c";
}

.c8y-icon-enterprise:before,
.c8y-icon-enterprise:after {
  content: "\f12d";
}

.c8y-icon-event-processing:before,
.c8y-icon-event-processing:after {
  content: "\f12e";
}

.c8y-icon-events:before,
.c8y-icon-events:after {
  content: "\f12f";
}

.c8y-icon-fieldbus:before,
.c8y-icon-fieldbus:after {
  content: "\f130";
}

.c8y-icon-find-map:before,
.c8y-icon-find-map:after {
  content: "\f131";
}

.c8y-icon-firmware:before,
.c8y-icon-firmware:after {
  content: "\f132";
}

.c8y-icon-grid-off:before,
.c8y-icon-grid-off:after {
  content: "\f133";
}

.c8y-icon-grid-on:before,
.c8y-icon-grid-on:after {
  content: "\f134";
}

.c8y-icon-group:before,
.c8y-icon-group:after {
  content: "\f135";
}

.c8y-icon-group-add:before,
.c8y-icon-group-add:after {
  content: "\f136";
}

.c8y-icon-group-open:before,
.c8y-icon-group-open:after {
  content: "\f137";
}

.c8y-icon-group-remote:before,
.c8y-icon-group-remote:after {
  content: "\f138";
}

.c8y-icon-group-remote-inactive:before,
.c8y-icon-group-remote-inactive:after {
  content: "\f139";
}

.c8y-icon-group-remote-open:before,
.c8y-icon-group-remote-open:after {
  content: "\f13a";
}

.c8y-icon-group-smart:before,
.c8y-icon-group-smart:after {
  content: "\f13b";
}

.c8y-icon-group-smart-open:before,
.c8y-icon-group-smart-open:after {
  content: "\f13c";
}

.c8y-icon-java:before,
.c8y-icon-java:after {
  content: "\f13d";
}

.c8y-icon-layers:before,
.c8y-icon-layers:after {
  content: "\f13e";
}

.c8y-icon-layout:before,
.c8y-icon-layout:after {
  content: "\f13f";
}

.c8y-icon-location:before,
.c8y-icon-location:after {
  content: "\f140";
}

.c8y-icon-machine-portal:before,
.c8y-icon-machine-portal:after {
  content: "\f166";
}

.c8y-icon-management:before,
.c8y-icon-management:after {
  content: "\f141";
}

.c8y-icon-metering:before,
.c8y-icon-metering:after {
  content: "\f163";
}

.c8y-icon-mft:before,
.c8y-icon-mft:after {
  content: "\f168";
}

.c8y-icon-mobile-add:before,
.c8y-icon-mobile-add:after {
  content: "\f142";
}

.c8y-icon-mobile-config:before,
.c8y-icon-mobile-config:after {
  content: "\f143";
}

.c8y-icon-modules:before,
.c8y-icon-modules:after {
  content: "\f144";
}

.c8y-icon-mycloud:before,
.c8y-icon-mycloud:after {
  content: "\f145";
}

.c8y-icon-notification:before,
.c8y-icon-notification:after {
  content: "\f146";
}

.c8y-icon-oee:before,
.c8y-icon-oee:after {
  content: "\f164";
}

.c8y-icon-onnx:before,
.c8y-icon-onnx:after {
  content: "\f147";
}

.c8y-icon-overviews:before,
.c8y-icon-overviews:after {
  content: "\f148";
}

.c8y-icon-parameters:before,
.c8y-icon-parameters:after {
  content: "\f149";
}

.c8y-icon-parameters-on:before,
.c8y-icon-parameters-on:after {
  content: "\f14a";
}

.c8y-icon-parking:before,
.c8y-icon-parking:after {
  content: "\f14b";
}

.c8y-icon-report:before,
.c8y-icon-report:after {
  content: "\f14c";
}

.c8y-icon-reports:before,
.c8y-icon-reports:after {
  content: "\f14d";
}

.c8y-icon-rocket:before,
.c8y-icon-rocket:after {
  content: "\f14e";
}

.c8y-icon-saas:before,
.c8y-icon-saas:after {
  content: "\f14f";
}

.c8y-icon-security:before,
.c8y-icon-security:after {
  content: "\f150";
}

.c8y-icon-shield:before,
.c8y-icon-shield:after {
  content: "\f151";
}

.c8y-icon-simulator:before,
.c8y-icon-simulator:after {
  content: "\f152";
}

.c8y-icon-smart-rest:before,
.c8y-icon-smart-rest:after {
  content: "\f153";
}

.c8y-icon-smart-rules:before,
.c8y-icon-smart-rules:after {
  content: "\f154";
}

.c8y-icon-solution-accelerator:before,
.c8y-icon-solution-accelerator:after {
  content: "\f155";
}

.c8y-icon-streaming-analytics:before,
.c8y-icon-streaming-analytics:after {
  content: "\f156";
}

.c8y-icon-sub-tenants:before,
.c8y-icon-sub-tenants:after {
  content: "\f157";
}

.c8y-icon-tenant-policies:before,
.c8y-icon-tenant-policies:after {
  content: "\f158";
}

.c8y-icon-tools:before,
.c8y-icon-tools:after {
  content: "\f159";
}

.c8y-icon-tracking:before,
.c8y-icon-tracking:after {
  content: "\f15a";
}

.c8y-icon-usage-statistics:before,
.c8y-icon-usage-statistics:after {
  content: "\f15b";
}

.c8y-icon-user:before,
.c8y-icon-user:after {
  content: "\f15c";
}

.c8y-icon-users:before,
.c8y-icon-users:after {
  content: "\f15d";
}

.c8y-icon-waste-bin:before,
.c8y-icon-waste-bin:after {
  content: "\f15e";
}

.c8y-icon-wm-api:before,
.c8y-icon-wm-api:after {
  content: "\f15f";
}

.c8y-icon-wm-b2b:before,
.c8y-icon-wm-b2b:after {
  content: "\f160";
}

.c8y-icon-wm-dynamicapps:before,
.c8y-icon-wm-dynamicapps:after {
  content: "\f161";
}

.c8y-icon-wm-integration:before,
.c8y-icon-wm-integration:after {
  content: "\f162";
}

@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: "dlt-c8y-icons";
  src: url("./fonts/dlt-c8y-icons.ttf") format("truetype"), url("./fonts/dlt-c8y-icons.woff") format("woff"), url("./fonts/dlt-c8y-icons.svg#dlt-c8y-icons") format("svg");
  font-display: block;
}
[class^=dlt-c8y-icon-],
[class*=" dlt-c8y-icon-"],
.dlt-c8y-icon,
.entry-footer .post-edit-link,
.c8y-select-wrapper:after,
body .breadcrumbs li:not(:last-child):after,
.breadcrumb-container > ol li:not(:last-child):after,
.bullet-check li::before {
  display: inline-block;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: "dlt-c8y-icons" !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=dlt-c8y-icon-]::before, [class^=dlt-c8y-icon-]::after,
[class*=" dlt-c8y-icon-"]::before,
[class*=" dlt-c8y-icon-"]::after,
.dlt-c8y-icon::before,
.entry-footer .post-edit-link::before,
.bullet-check li::before,
.dlt-c8y-icon::after,
.entry-footer .post-edit-link::after,
.c8y-select-wrapper::after,
body .breadcrumbs li:not(:last-child)::after,
.breadcrumb-container > ol li:not(:last-child)::after {
  font-size: 1.1em;
}

/* ==========================
 ** ICON UTILS
 =========================== */
/* makes the font 33% larger relative to the icon container */
.icon-lg {
  vertical-align: -15%;
  font-size: 1.33333333em;
  line-height: 0.75em;
}

.icon-2x {
  font-size: 2em;
}

.icon-3x {
  font-size: 3em;
}

.icon-4x {
  font-size: 4em;
}

.icon-5x {
  font-size: 5em;
}

.icon-fw {
  width: 1.28571429em;
  text-align: center;
}

.icon-ul {
  margin-left: 2.14285714em;
  padding-left: 0;
  list-style-type: none;
}

.icon-ul > li {
  position: relative;
}

.icon-li {
  position: absolute;
  top: 0.14285714em;
  left: -2.14285714em;
  width: 2.14285714em;
  text-align: center;
}

.icon-li.icon-lg {
  left: -1.85714286em;
}

.icon-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}

.icon-pull-left {
  float: left;
}

.icon-pull-right {
  float: right;
}

.icon-pull-left {
  margin-right: 0.3em;
}

.icon-pull-right {
  margin-left: 0.3em;
}

.icon-spin {
  animation: icon-spin 2s infinite linear;
}

.icon-pulse {
  animation: icon-spin 1s infinite steps(8);
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.icon-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.icon-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.icon-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.icon-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}

.icon-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}

:root .icon-rotate-90,
:root .icon-rotate-180,
:root .icon-rotate-270,
:root .icon-flip-horizontal,
:root .icon-flip-vertical {
  filter: none;
}

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  line-height: 2em;
}

.icon-stack-1x,
.icon-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.icon-stack-1x {
  line-height: inherit;
}

.icon-stack-2x {
  font-size: 2em;
}

.icon-inverse {
  color: #ffffff;
}

/* ==========================
  ** ICONS
  =========================== */
.dlt-c8y-icon-collapse-arrow:before {
  content: "\e917";
}

.dlt-c8y-icon-angle-up:before {
  content: "\e917";
}

.dlt-c8y-icon-chevron-up:before {
  content: "\e917";
}

.dlt-c8y-icon-forward:before {
  content: "\e92b";
}

.dlt-c8y-icon-angle-right:before {
  content: "\e92b";
}

.dlt-c8y-icon-chevron-right:before {
  content: "\e92b";
}

.dlt-c8y-icon-chevron-breadcrumb:before {
  content: "\e92b";
}

.dlt-c8y-icon-expand-arrow:before {
  content: "\e92a";
}

.dlt-c8y-icon-angle-down:before {
  content: "\e92a";
}

.dlt-c8y-icon-chevron-down:before {
  content: "\e92a";
}

.dlt-c8y-icon-caret-back:before {
  content: "\e907";
}

.dlt-c8y-icon-angle-left:before {
  content: "\e907";
}

.dlt-c8y-icon-chevron-left:before {
  content: "\e907";
}

.dlt-c8y-icon-chevron-double-left:before {
  content: "\e97a";
}

.dlt-c8y-icon-chevron-double-right:before {
  content: "\e97c";
}

.dlt-c8y-icon-chevron-double-up:before {
  content: "\e97d";
}

.dlt-c8y-icon-chevron-double-down:before {
  content: "\e98d";
}

.dlt-c8y-icon-chevron-circle-up:before {
  content: "\e96a";
}

.dlt-c8y-icon-chevron-circle-right:before {
  content: "\e992";
}

.dlt-c8y-icon-chevron-circle-down:before {
  content: "\e9a5";
}

.dlt-c8y-icon-chevron-circle-left:before {
  content: "\e9aa";
}

.dlt-c8y-icon-arrow-up:before {
  content: "\e95e";
}

.dlt-c8y-icon-arrow-right:before {
  content: "\e95d";
}

.dlt-c8y-icon-arrow-down:before {
  content: "\e95f";
}

.dlt-c8y-icon-arrow-left:before {
  content: "\e95c";
}

.dlt-c8y-icon-panel-control-up:before {
  content: "\e9b3";
}

.dlt-c8y-icon-angle-double-up:before {
  content: "\e9b3";
}

.dlt-c8y-icon-panel-control-right:before {
  content: "\e9b4";
}

.dlt-c8y-icon-angle-double-right:before {
  content: "\e9b4";
}

.dlt-c8y-icon-panel-control-down:before {
  content: "\e9b5";
}

.dlt-c8y-icon-angle-double-down:before {
  content: "\e9b5";
}

.dlt-c8y-icon-panel-control-left:before {
  content: "\e9b6";
}

.dlt-c8y-icon-angle-double-left:before {
  content: "\e9b6";
}

.dlt-c8y-icon-download:before {
  content: "\e937";
}

.dlt-c8y-icon-upload:before {
  content: "\e940";
}

.dlt-c8y-icon-internal:before {
  content: "\f6b0";
}

.dlt-c8y-icon-external:before {
  content: "\f68c";
}

.dlt-c8y-icon-undo:before {
  content: "\e948";
}

.dlt-c8y-icon-redo:before {
  content: "\e958";
}

.dlt-c8y-icon-signout:before {
  content: "\e9b9";
}

.dlt-c8y-icon-signin:before {
  content: "\e9ba";
}

.dlt-c8y-icon-login:before {
  content: "\e923";
}

.dlt-c8y-icon-sign-in:before {
  content: "\e923";
}

.dlt-c8y-icon-logout:before {
  content: "\e928";
}

.dlt-c8y-icon-sign-out:before {
  content: "\e928";
}

.dlt-c8y-icon-arrow-circle-up:before {
  content: "\e962";
}

.dlt-c8y-icon-arrow-circle-o-up:before {
  content: "\e962";
}

.dlt-c8y-icon-arrow-circle-right:before {
  content: "\e912";
}

.dlt-c8y-icon-arrow-circle-o-right:before {
  content: "\e912";
}

.dlt-c8y-icon-arrow-circle-down:before {
  content: "\e906";
}

.dlt-c8y-icon-arrow-circle-o-down:before {
  content: "\e906";
}

.dlt-c8y-icon-arrow-circle-left:before {
  content: "\e92e";
}

.dlt-c8y-icon-arrow-circle-o-left:before {
  content: "\e92e";
}

.dlt-c8y-icon-arrow-circle-up-left:before {
  content: "\e913";
}

.dlt-c8y-icon-arrow-circle-down-left:before {
  content: "\e90e";
}

.dlt-c8y-icon-arrow-circle-up-right:before {
  content: "\e914";
}

.dlt-c8y-icon-arrow-circle-bottom-right:before {
  content: "\e910";
}

.dlt-c8y-icon-arrow-circle-diameter:before {
  content: "\f382";
}

.dlt-c8y-icon-arrow-circle-divide-horizontal:before {
  content: "\e91b";
}

.dlt-c8y-icon-arrow-circle-minimize-horizontal:before {
  content: "\e901";
}

.dlt-c8y-icon-caret-square-o-up:before {
  content: "\ea31";
}

.dlt-c8y-icon-toggle-up:before {
  content: "\ea31";
}

.dlt-c8y-icon-caret-square-o-down:before {
  content: "\ea35";
}

.dlt-c8y-icon-toggle-down:before {
  content: "\ea35";
}

.dlt-c8y-icon-caret-square-o-left:before {
  content: "\ea39";
}

.dlt-c8y-icon-toggle-left:before {
  content: "\ea39";
}

.dlt-c8y-icon-caret-square-o-right:before {
  content: "\ea3a";
}

.dlt-c8y-icon-toggle-right:before {
  content: "\ea3a";
}

.dlt-c8y-icon-enter-bottom:before {
  content: "\e9df";
}

.dlt-c8y-icon-enter-right:before {
  content: "\e9e0";
}

.dlt-c8y-icon-enter-top:before {
  content: "\e9e2";
}

.dlt-c8y-icon-enter-left:before {
  content: "\e9ed";
}

.dlt-c8y-icon-exit-top:before {
  content: "\e9f7";
}

.dlt-c8y-icon-exit-right:before {
  content: "\e9f8";
}

.dlt-c8y-icon-exit-bottom:before {
  content: "\e9f9";
}

.dlt-c8y-icon-exit-left:before {
  content: "\e9fa";
}

.dlt-c8y-icon-input-output:before {
  content: "\ea0b";
}

.dlt-c8y-icon-rotate-right:before {
  content: "\ea4c";
}

.dlt-c8y-icon-rotate:before {
  content: "\ea4c";
}

.dlt-c8y-icon-repeat:before {
  content: "\ea4c";
}

.dlt-c8y-icon-reset:before {
  content: "\ea53";
}

.dlt-c8y-icon-rotate-left:before {
  content: "\ea53";
}

.dlt-c8y-icon-restore:before {
  content: "\e946";
}

.dlt-c8y-icon-refresh:before {
  content: "\e947";
}

.dlt-c8y-icon-process:before {
  content: "\ea36";
}

.dlt-c8y-icon-recycle:before {
  content: "\ea36";
}

.dlt-c8y-icon-refresh-exception:before {
  content: "\ea43";
}

.dlt-c8y-icon-lock-orientation:before {
  content: "\ecc7";
}

.dlt-c8y-icon-arrow-dotted-up:before {
  content: "\e900";
}

.dlt-c8y-icon-arrow-dotted-right:before {
  content: "\e904";
}

.dlt-c8y-icon-arrow-advance:before {
  content: "\e904";
}

.dlt-c8y-icon-arrow-dotted-down:before {
  content: "\e90b";
}

.dlt-c8y-icon-arrow-dotted-left:before {
  content: "\e916";
}

.dlt-c8y-icon-arrows-dotted-left-right:before {
  content: "\e91a";
}

.dlt-c8y-icon-arrows-dotted-up-down:before {
  content: "\e921";
}

.dlt-c8y-icon-up-down-arrows:before {
  content: "\e921";
}

.dlt-c8y-icon-collect:before {
  content: "\e990";
}

.dlt-c8y-icon-merge-horizontal:before {
  content: "\e935";
}

.dlt-c8y-icon-split-horizontal:before {
  content: "\e951";
}

.dlt-c8y-icon-merge-vertical:before {
  content: "\e936";
}

.dlt-c8y-icon-divider:before {
  content: "\e91c";
}

.dlt-c8y-icon-split-vertical:before {
  content: "\e91c";
}

.dlt-c8y-icon-drag:before {
  content: "\e927";
}

.dlt-c8y-icon-arrows:before {
  content: "\e927";
}

.dlt-c8y-icon-move-step:before {
  content: "\e927";
}

.dlt-c8y-icon-resize-expand:before {
  content: "\ecff";
}

.dlt-c8y-icon-arrows-alt:before {
  content: "\ecff";
}

.dlt-c8y-icon-expand:before {
  content: "\ecff";
}

.dlt-c8y-icon-compress:before {
  content: "\e918";
}

.dlt-c8y-icon-resize-collapse:before {
  content: "\ecfb";
}

.dlt-c8y-icon-collapse:before {
  content: "\ecfb";
}

.dlt-c8y-icon-fullscreen:before {
  content: "\e941";
}

.dlt-c8y-icon-fullscreen-exit:before {
  content: "\e942";
}

.dlt-c8y-icon-long-arrow-up:before {
  content: "\e934";
}

.dlt-c8y-icon-long-arrow-right:before {
  content: "\e943";
}

.dlt-c8y-icon-long-arrow-down:before {
  content: "\e902";
}

.dlt-c8y-icon-long-arrow-left:before {
  content: "\e933";
}

.dlt-c8y-icon-arrows-v:before {
  content: "\e93f";
}

.dlt-c8y-icon-arrows-h:before {
  content: "\e93e";
}

.dlt-c8y-icon-enlarge:before {
  content: "\e929";
}

.dlt-c8y-icon-data-transfer:before {
  content: "\eb16";
}

.dlt-c8y-icon-exchange:before {
  content: "\eb16";
}

.dlt-c8y-icon-sort-arrow:before {
  content: "\eb17";
}

.dlt-c8y-icon-arrows-left-right-diagonal:before {
  content: "\e931";
}

.dlt-c8y-icon-level-up:before {
  content: "\f6b6";
}

.dlt-c8y-icon-level-down:before {
  content: "\e956";
}

.dlt-c8y-icon-u-turn:before {
  content: "\e957";
}

.dlt-c8y-icon-u-turn-right:before {
  content: "\e959";
}

.dlt-c8y-icon-u-turn-left:before {
  content: "\e922";
}

.dlt-c8y-icon-undo1:before {
  content: "\e95a";
}

.dlt-c8y-icon-redo1:before {
  content: "\e93b";
}

.dlt-c8y-icon-sort:before {
  content: "\e94c";
}

.dlt-c8y-icon-unsorted:before {
  content: "\e94c";
}

.dlt-c8y-icon-sort-down:before {
  content: "\e94d";
}

.dlt-c8y-icon-sort-desc:before {
  content: "\e94d";
}

.dlt-c8y-icon-sort-up:before {
  content: "\e950";
}

.dlt-c8y-icon-sort-asc:before {
  content: "\e950";
}

.dlt-c8y-icon-caret-up:before {
  content: "\eba8";
}

.dlt-c8y-icon-caret-right:before {
  content: "\e94f";
}

.dlt-c8y-icon-caret-down:before {
  content: "\eba9";
}

.dlt-c8y-icon-caret-left:before {
  content: "\e94e";
}

.dlt-c8y-icon-squiggly-arrow:before {
  content: "\e952";
}

.dlt-c8y-icon-curly-arrow:before {
  content: "\e919";
}

.dlt-c8y-icon-swap:before {
  content: "\e953";
}

.dlt-c8y-icon-environment:before {
  content: "\eed9";
}

.dlt-c8y-icon-shuffle:before {
  content: "\f083";
}

.dlt-c8y-icon-random:before {
  content: "\f083";
}

.dlt-c8y-icon-swipe-up:before {
  content: "\f1c1";
}

.dlt-c8y-icon-swipe-right:before {
  content: "\f1bf";
}

.dlt-c8y-icon-swipe-down:before {
  content: "\f1bd";
}

.dlt-c8y-icon-swipe-left:before {
  content: "\f1be";
}

.dlt-c8y-icon-two-finger-swipe-up:before {
  content: "\f1d0";
}

.dlt-c8y-icon-two-finger-swipe-right:before {
  content: "\f1cf";
}

.dlt-c8y-icon-two-finger-swipe-down:before {
  content: "\f1cd";
}

.dlt-c8y-icon-two-finger-swipe-left:before {
  content: "\f1ce";
}

.dlt-c8y-icon-pinch:before {
  content: "\f1a4";
}

.dlt-c8y-icon-hospital-o:before {
  content: "\e911";
}

.dlt-c8y-icon-h-square:before {
  content: "\eb2b";
}

.dlt-c8y-icon-university:before {
  content: "\f400";
}

.dlt-c8y-icon-institution:before {
  content: "\f400";
}

.dlt-c8y-icon-bank:before {
  content: "\f400";
}

.dlt-c8y-icon-ios-themes:before {
  content: "\f170";
}

.dlt-c8y-icon-building:before {
  content: "\ee8f";
}

.dlt-c8y-icon-building-o:before {
  content: "\ee8f";
}

.dlt-c8y-icon-apartment:before {
  content: "\ee6f";
}

.dlt-c8y-icon-department1:before {
  content: "\e9b7";
}

.dlt-c8y-icon-organization:before {
  content: "\ea1d";
}

.dlt-c8y-icon-office:before {
  content: "\ea15";
}

.dlt-c8y-icon-building-with-rooftop-terrace:before {
  content: "\ee90";
}

.dlt-c8y-icon-company:before {
  content: "\e999";
}

.dlt-c8y-icon-warehouse:before {
  content: "\efc0";
}

.dlt-c8y-icon-shop:before {
  content: "\ea5c";
}

.dlt-c8y-icon-work-from-home:before {
  content: "\ea8f";
}

.dlt-c8y-icon-house:before {
  content: "\ef0a";
}

.dlt-c8y-icon-dog-house:before {
  content: "\eec7";
}

.dlt-c8y-icon-home-automation:before {
  content: "\ef07";
}

.dlt-c8y-icon-garage-door:before {
  content: "\eef6";
}

.dlt-c8y-icon-depot:before {
  content: "\eebf";
}

.dlt-c8y-icon-garage:before {
  content: "\eef5";
}

.dlt-c8y-icon-open-garage-door:before {
  content: "\ef56";
}

.dlt-c8y-icon-close-garage-door:before {
  content: "\eea3";
}

.dlt-c8y-icon-barn:before {
  content: "\ee77";
}

.dlt-c8y-icon-bungalow:before {
  content: "\ee91";
}

.dlt-c8y-icon-exterior:before {
  content: "\eedd";
}

.dlt-c8y-icon-equal-housing-opportunity:before {
  content: "\eeda";
}

.dlt-c8y-icon-heating-room:before {
  content: "\ef06";
}

.dlt-c8y-icon-mortgage:before {
  content: "\ef47";
}

.dlt-c8y-icon-home-safety:before {
  content: "\ef09";
}

.dlt-c8y-icon-enterprise-resource-planning:before {
  content: "\e9c7";
}

.dlt-c8y-icon-travel-agency:before {
  content: "\ea80";
}

.dlt-c8y-icon-department-shop:before {
  content: "\e9b8";
}

.dlt-c8y-icon-book-shelf:before {
  content: "\ee89";
}

.dlt-c8y-icon-emergency-exit:before {
  content: "\eed5";
}

.dlt-c8y-icon-stairs:before {
  content: "\ef94";
}

.dlt-c8y-icon-stairs-down:before {
  content: "\ef95";
}

.dlt-c8y-icon-stairs-up:before {
  content: "\ef96";
}

.dlt-c8y-icon-temperature-inside:before {
  content: "\efa1";
}

.dlt-c8y-icon-treehouse:before {
  content: "\efb1";
}

.dlt-c8y-icon-tree:before {
  content: "\efb1";
}

.dlt-c8y-icon-water-heater:before {
  content: "\efc9";
}

.dlt-c8y-icon-clean:before {
  content: "\eea1";
}

.dlt-c8y-icon-magic:before {
  content: "\eea1";
}

.dlt-c8y-icon-storage:before {
  content: "\e9fb";
}

.dlt-c8y-icon-60-degrees:before {
  content: "\eae8";
}

.dlt-c8y-icon-120-degrees:before {
  content: "\eadc";
}

.dlt-c8y-icon-225-degrees:before {
  content: "\eae0";
}

.dlt-c8y-icon-300-degrees:before {
  content: "\eae2";
}

.dlt-c8y-icon-360-degrees:before {
  content: "\eae6";
}

.dlt-c8y-icon-pie-chart:before {
  content: "\eb51";
}

.dlt-c8y-icon-pie-chart:before {
  content: "\eb51";
}

.dlt-c8y-icon-bar-chart:before {
  content: "\eaf8";
}

.dlt-c8y-icon-bar-chart-o:before {
  content: "\eaf8";
}

.dlt-c8y-icon-data-account:before {
  content: "\eb07";
}

.dlt-c8y-icon-data-decline:before {
  content: "\eb08";
}

.dlt-c8y-icon-increase:before {
  content: "\eb36";
}

.dlt-c8y-icon-neutral-trading:before {
  content: "\eb48";
}

.dlt-c8y-icon-decrease:before {
  content: "\eb1f";
}

.dlt-c8y-icon-timeline:before {
  content: "\e924";
}

.dlt-c8y-icon-increase-profits:before {
  content: "\eb37";
}

.dlt-c8y-icon-combo-chart:before {
  content: "\eb04";
}

.dlt-c8y-icon-line-chart:before {
  content: "\eb04";
}

.dlt-c8y-icon-graph:before {
  content: "\eb04";
}

.dlt-c8y-icon-area-chart:before {
  content: "\eaf6";
}

.dlt-c8y-icon-area-chart:before {
  content: "\eaf6";
}

.dlt-c8y-icon-sorting-slider:before {
  content: "\eb6b";
}

.dlt-c8y-icon-sliders:before {
  content: "\eb6b";
}

.dlt-c8y-icon-hierarchy:before {
  content: "\e9e5";
}

.dlt-c8y-icon-b2b:before {
  content: "\e973";
}

.dlt-c8y-icon-flow-chart:before {
  content: "\e9d9";
}

.dlt-c8y-icon-sitemap:before {
  content: "\e9d9";
}

.dlt-c8y-icon-tree-structure:before {
  content: "\ea81";
}

.dlt-c8y-icon-flow:before {
  content: "\e9d8";
}

.dlt-c8y-icon-stacked-organizational-chart:before {
  content: "\eaa6";
}

.dlt-c8y-icon-multicast:before {
  content: "\eb47";
}

.dlt-c8y-icon-unicast:before {
  content: "\eb73";
}

.dlt-c8y-icon-broadcasting:before {
  content: "\eafa";
}

.dlt-c8y-icon-genealogy:before {
  content: "\eb2d";
}

.dlt-c8y-icon-filter:before {
  content: "\e95b";
}

.dlt-c8y-icon-conversion:before {
  content: "\eb06";
}

.dlt-c8y-icon-clear-filters:before {
  content: "\eaff";
}

.dlt-c8y-icon-descending-sorting:before {
  content: "\eb23";
}

.dlt-c8y-icon-sort-amount-desc:before {
  content: "\eb23";
}

.dlt-c8y-icon-ascending-sorting:before {
  content: "\eaf7";
}

.dlt-c8y-icon-sort-amount-asc:before {
  content: "\eaf7";
}

.dlt-c8y-icon-alphabetical-sorting:before {
  content: "\eaf4";
}

.dlt-c8y-icon-sort-alpha-asc:before {
  content: "\eaf4";
}

.dlt-c8y-icon-alphabetical-sorting-2:before {
  content: "\eaf5";
}

.dlt-c8y-icon-sort-alpha-desc:before {
  content: "\eaf5";
}

.dlt-c8y-icon-data-exchange:before {
  content: "\eb09";
}

.dlt-c8y-icon-filing-cabinet:before {
  content: "\e9fc";
}

.dlt-c8y-icon-database:before {
  content: "\e9fc";
}

.dlt-c8y-icon-database-administrator:before {
  content: "\e9fd";
}

.dlt-c8y-icon-data-export:before {
  content: "\eb0a";
}

.dlt-c8y-icon-export:before {
  content: "\eb0a";
}

.dlt-c8y-icon-data-import:before {
  content: "\eb0b";
}

.dlt-c8y-icon-import:before {
  content: "\eb0b";
}

.dlt-c8y-icon-grid-off:before {
  content: "\ea06";
}

.dlt-c8y-icon-gantt-chart:before {
  content: "\eb2c";
}

.dlt-c8y-icon-data-grid:before {
  content: "\eb10";
}

.dlt-c8y-icon-grid-view:before {
  content: "\eb30";
}

.dlt-c8y-icon-grid-on:before {
  content: "\ea07";
}

.dlt-c8y-icon-row:before {
  content: "\e9fe";
}

.dlt-c8y-icon-rows:before {
  content: "\e9fe";
}

.dlt-c8y-icon-column:before {
  content: "\ea01";
}

.dlt-c8y-icon-grid:before {
  content: "\eb2e";
}

.dlt-c8y-icon-table:before {
  content: "\eb71";
}

.dlt-c8y-icon-split-table:before {
  content: "\eb6d";
}

.dlt-c8y-icon-data-sheet:before {
  content: "\eb15";
}

.dlt-c8y-icon-blockchain-technology:before {
  content: "\eaf9";
}

.dlt-c8y-icon-workflow:before {
  content: "\eb78";
}

.dlt-c8y-icon-parallel-workflow:before {
  content: "\eb4f";
}

.dlt-c8y-icon-mind-map:before {
  content: "\ea2d";
}

.dlt-c8y-icon-query-inner-join-left:before {
  content: "\eb54";
}

.dlt-c8y-icon-sankey:before {
  content: "\eb5c";
}

.dlt-c8y-icon-creating:before {
  content: "\e9a3";
}

.dlt-c8y-icon-creativity:before {
  content: "\e9a4";
}

.dlt-c8y-icon-financial-growth-analysis:before {
  content: "\e9d6";
}

.dlt-c8y-icon-input:before {
  content: "\e925";
}

.dlt-c8y-icon-omnichannel:before {
  content: "\ea17";
}

.dlt-c8y-icon-string:before {
  content: "\ea04";
}

.dlt-c8y-icon-variable:before {
  content: "\ea0e";
}

.dlt-c8y-icon-variable-on:before {
  content: "\ea11";
}

.dlt-c8y-icon-thermometer-0:before {
  content: "\eb2f";
}

.dlt-c8y-icon-thermometer-empty:before {
  content: "\eb2f";
}

.dlt-c8y-icon-thermometer-3:before {
  content: "\eb31";
}

.dlt-c8y-icon-thermometer-three-quarters:before {
  content: "\eb31";
}

.dlt-c8y-icon-thermometer-2:before {
  content: "\eb32";
}

.dlt-c8y-icon-thermometer-half:before {
  content: "\eb32";
}

.dlt-c8y-icon-thermometer-1:before {
  content: "\eb33";
}

.dlt-c8y-icon-thermometer-quarter:before {
  content: "\eb33";
}

.dlt-c8y-icon-thermometer:before {
  content: "\eb34";
}

.dlt-c8y-icon-thermometer-4:before {
  content: "\eb34";
}

.dlt-c8y-icon-thermometer-full:before {
  content: "\eb34";
}

.dlt-c8y-icon-sensor:before {
  content: "\ea14";
}

.dlt-c8y-icon-package:before {
  content: "\ea16";
}

.dlt-c8y-icon-packages:before {
  content: "\ea18";
}

.dlt-c8y-icon-blockly:before {
  content: "\ea22";
}

.dlt-c8y-icon-objects:before {
  content: "\ea1a";
}

.dlt-c8y-icon-monitoring:before {
  content: "\ea1b";
}

.dlt-c8y-icon-qr-code:before {
  content: "\ec0e";
}

.dlt-c8y-icon-online:before {
  content: "\ea24";
}

.dlt-c8y-icon-temperature:before {
  content: "\ea25";
}

.dlt-c8y-icon-air-conditioner:before {
  content: "\ee6a";
}

.dlt-c8y-icon-air-shaft:before {
  content: "\ee6c";
}

.dlt-c8y-icon-fan:before {
  content: "\eedf";
}

.dlt-c8y-icon-light:before {
  content: "\ef2a";
}

.dlt-c8y-icon-light-automation:before {
  content: "\ef2b";
}

.dlt-c8y-icon-light-off:before {
  content: "\ef39";
}

.dlt-c8y-icon-reflector-bulb:before {
  content: "\ef6d";
}

.dlt-c8y-icon-spiral-bulb:before {
  content: "\ef92";
}

.dlt-c8y-icon-mirrored-reflector-bulb:before {
  content: "\ef44";
}

.dlt-c8y-icon-light-bulb:before {
  content: "\ef2c";
}

.dlt-c8y-icon-lightbulb-o:before {
  content: "\ef2c";
}

.dlt-c8y-icon-light-on:before {
  content: "\ef3a";
}

.dlt-c8y-icon-plumbing:before {
  content: "\ef62";
}

.dlt-c8y-icon-wi-fi-router:before {
  content: "\f25a";
}

.dlt-c8y-icon-gas-bottle:before {
  content: "\eef9";
}

.dlt-c8y-icon-grater:before {
  content: "\eeff";
}

.dlt-c8y-icon-air-quality:before {
  content: "\ee6b";
}

.dlt-c8y-icon-central-heating:before {
  content: "\ee9c";
}

.dlt-c8y-icon-light-dimmer:before {
  content: "\ef2d";
}

.dlt-c8y-icon-radio-station:before {
  content: "\ef69";
}

.dlt-c8y-icon-relay-home-automation:before {
  content: "\ef6f";
}

.dlt-c8y-icon-remote-control:before {
  content: "\ef70";
}

.dlt-c8y-icon-tv-off:before {
  content: "\efb6";
}

.dlt-c8y-icon-wall-socket:before {
  content: "\efbd";
}

.dlt-c8y-icon-washing-machine:before {
  content: "\efc3";
}

.dlt-c8y-icon-light-dimming-100-percent:before {
  content: "\ef2e";
}

.dlt-c8y-icon-light-dimming-10-percent:before {
  content: "\ef2f";
}

.dlt-c8y-icon-work-light:before {
  content: "\efd5";
}

.dlt-c8y-icon-plug:before {
  content: "\ef61";
}

.dlt-c8y-icon-electrical:before {
  content: "\eed4";
}

.dlt-c8y-icon-water-pipe:before {
  content: "\efca";
}

.dlt-c8y-icon-thermometer-automation:before {
  content: "\efa2";
}

.dlt-c8y-icon-fire-extinguisher:before {
  content: "\eee4";
}

.dlt-c8y-icon-fire-extinguisher:before {
  content: "\eee4";
}

.dlt-c8y-icon-temperature-sensitive:before {
  content: "\ec31";
}

.dlt-c8y-icon-calculator:before {
  content: "\f373";
}

.dlt-c8y-icon-humidity:before {
  content: "\f3a4";
}

.dlt-c8y-icon-system-information:before {
  content: "\f34a";
}

.dlt-c8y-icon-system-report:before {
  content: "\f34b";
}

.dlt-c8y-icon-system-task:before {
  content: "\f34c";
}

.dlt-c8y-icon-imac-clock:before {
  content: "\f30f";
}

.dlt-c8y-icon-imac-exit:before {
  content: "\f310";
}

.dlt-c8y-icon-imac-settings:before {
  content: "\f315";
}

.dlt-c8y-icon-macbook-settings:before {
  content: "\f320";
}

.dlt-c8y-icon-connected:before {
  content: "\f209";
}

.dlt-c8y-icon-disconnected:before {
  content: "\f213";
}

.dlt-c8y-icon-mobile:before {
  content: "\f17f";
}

.dlt-c8y-icon-multiple-devices:before {
  content: "\f183";
}

.dlt-c8y-icon-client-management:before {
  content: "\e98a";
}

.dlt-c8y-icon-nfc:before {
  content: "\f184";
}

.dlt-c8y-icon-mobile-email:before {
  content: "\f182";
}

.dlt-c8y-icon-empty-battery:before {
  content: "\f15e";
}

.dlt-c8y-icon-battery-empty:before {
  content: "\f15e";
}

.dlt-c8y-icon-battery-0:before {
  content: "\f15e";
}

.dlt-c8y-icon-low-battery:before {
  content: "\f179";
}

.dlt-c8y-icon-battery-quarter:before {
  content: "\f179";
}

.dlt-c8y-icon-battery-1:before {
  content: "\f179";
}

.dlt-c8y-icon-battery-level:before {
  content: "\f144";
}

.dlt-c8y-icon-battery-2:before {
  content: "\f144";
}

.dlt-c8y-icon-battery-half:before {
  content: "\f144";
}

.dlt-c8y-icon-charged-battery:before {
  content: "\f152";
}

.dlt-c8y-icon-battery-3:before {
  content: "\f152";
}

.dlt-c8y-icon-battery-three-quarters:before {
  content: "\f152";
}

.dlt-c8y-icon-full-battery:before {
  content: "\f163";
}

.dlt-c8y-icon-battery-full:before {
  content: "\f163";
}

.dlt-c8y-icon-battery-4:before {
  content: "\f163";
}

.dlt-c8y-icon-battery:before {
  content: "\f163";
}

.dlt-c8y-icon-no-battery:before {
  content: "\f18c";
}

.dlt-c8y-icon-charging-battery:before {
  content: "\f153";
}

.dlt-c8y-icon-no-connection:before {
  content: "\f18d";
}

.dlt-c8y-icon-low-connection:before {
  content: "\f17a";
}

.dlt-c8y-icon-signal:before {
  content: "\f1af";
}

.dlt-c8y-icon-factory:before {
  content: "\efe9";
}

.dlt-c8y-icon-industry:before {
  content: "\efe9";
}

.dlt-c8y-icon-robot:before {
  content: "\f009";
}

.dlt-c8y-icon-bot:before {
  content: "\efdc";
}

.dlt-c8y-icon-fork-lift:before {
  content: "\efed";
}

.dlt-c8y-icon-gear-complex:before {
  content: "\eff2";
}

.dlt-c8y-icon-cog-complex:before {
  content: "\eff2";
}

.dlt-c8y-icon-gears:before {
  content: "\eff3";
}

.dlt-c8y-icon-cogs:before {
  content: "\eff3";
}

.dlt-c8y-icon-automation:before {
  content: "\efda";
}

.dlt-c8y-icon-automatic:before {
  content: "\efd9";
}

.dlt-c8y-icon-electronics:before {
  content: "\efe6";
}

.dlt-c8y-icon-gas:before {
  content: "\eff0";
}

.dlt-c8y-icon-water:before {
  content: "\f011";
}

.dlt-c8y-icon-tint:before {
  content: "\f011";
}

.dlt-c8y-icon-greentech:before {
  content: "\eff5";
}

.dlt-c8y-icon-radio-tower:before {
  content: "\f007";
}

.dlt-c8y-icon-industrial-scales:before {
  content: "\effa";
}

.dlt-c8y-icon-balance-scale:before {
  content: "\effa";
}

.dlt-c8y-icon-iphone:before {
  content: "\f173";
}

.dlt-c8y-icon-mobile-phone:before {
  content: "\f173";
}

.dlt-c8y-icon-smartphone:before {
  content: "\f173";
}

.dlt-c8y-icon-smartphone-approve:before {
  content: "\f1b4";
}

.dlt-c8y-icon-smartphone-decline:before {
  content: "\f1b5";
}

.dlt-c8y-icon-phonelink-lock:before {
  content: "\f1a1";
}

.dlt-c8y-icon-tablet-mac:before {
  content: "\e909";
}

.dlt-c8y-icon-tablet:before {
  content: "\e909";
}

.dlt-c8y-icon-devices:before {
  content: "\ea29";
}

.dlt-c8y-icon-imac:before {
  content: "\eaad";
}

.dlt-c8y-icon-desktop:before {
  content: "\eaad";
}

.dlt-c8y-icon-desktop1:before {
  content: "\ea28";
}

.dlt-c8y-icon-monitor:before {
  content: "\eaba";
}

.dlt-c8y-icon-tv:before {
  content: "\eaba";
}

.dlt-c8y-icon-television:before {
  content: "\eaba";
}

.dlt-c8y-icon-laptop:before {
  content: "\eab0";
}

.dlt-c8y-icon-checked-laptop:before {
  content: "\ea95";
}

.dlt-c8y-icon-laptop-alert:before {
  content: "\eab1";
}

.dlt-c8y-icon-laptop-error:before {
  content: "\eab2";
}

.dlt-c8y-icon-computer-support:before {
  content: "\f673";
}

.dlt-c8y-icon-programming:before {
  content: "\eac2";
}

.dlt-c8y-icon-keyboard:before {
  content: "\eaaf";
}

.dlt-c8y-icon-keyboard-o:before {
  content: "\eaaf";
}

.dlt-c8y-icon-video-conference:before {
  content: "\ea84";
}

.dlt-c8y-icon-remote-desktop:before {
  content: "\eac4";
}

.dlt-c8y-icon-workspace:before {
  content: "\eada";
}

.dlt-c8y-icon-workstation:before {
  content: "\eadb";
}

.dlt-c8y-icon-microchip:before {
  content: "\f17b";
}

.dlt-c8y-icon-processor:before {
  content: "\eac1";
}

.dlt-c8y-icon-smartphone-ram:before {
  content: "\f1b6";
}

.dlt-c8y-icon-bios:before {
  content: "\ea93";
}

.dlt-c8y-icon-micro-sd:before {
  content: "\eab8";
}

.dlt-c8y-icon-hdd:before {
  content: "\eaa9";
}

.dlt-c8y-icon-hdd-o:before {
  content: "\eaa9";
}

.dlt-c8y-icon-financial-dynamic-presentation:before {
  content: "\e9d5";
}

.dlt-c8y-icon-presentation:before {
  content: "\ea32";
}

.dlt-c8y-icon-room-finder:before {
  content: "\ea50";
}

.dlt-c8y-icon-statistics:before {
  content: "\ea65";
}

.dlt-c8y-icon-server:before {
  content: "\eac9";
}

.dlt-c8y-icon-stack:before {
  content: "\eacf";
}

.dlt-c8y-icon-critical-thinking:before {
  content: "\e9a6";
}

.dlt-c8y-icon-environment1:before {
  content: "\ea2a";
}

.dlt-c8y-icon-network-card:before {
  content: "\eabd";
}

.dlt-c8y-icon-network-cable:before {
  content: "\eabc";
}

.dlt-c8y-icon-usb-on:before {
  content: "\ead5";
}

.dlt-c8y-icon-ssd:before {
  content: "\eace";
}

.dlt-c8y-icon-asterisk-key:before {
  content: "\ea91";
}

.dlt-c8y-icon-asterisk:before {
  content: "\ea91";
}

.dlt-c8y-icon-end-button:before {
  content: "\ea99";
}

.dlt-c8y-icon-hub:before {
  content: "\eaac";
}

.dlt-c8y-icon-individual-server:before {
  content: "\eaae";
}

.dlt-c8y-icon-data-center:before {
  content: "\ea98";
}

.dlt-c8y-icon-root-server:before {
  content: "\eac7";
}

.dlt-c8y-icon-switch:before {
  content: "\ead0";
}

.dlt-c8y-icon-nas:before {
  content: "\eabb";
}

.dlt-c8y-icon-shutdown:before {
  content: "\eacc";
}

.dlt-c8y-icon-power-off:before {
  content: "\eacc";
}

.dlt-c8y-icon-hibernate:before {
  content: "\eaaa";
}

.dlt-c8y-icon-phone-square:before {
  content: "\f19b";
}

.dlt-c8y-icon-phone:before {
  content: "\f19b";
}

.dlt-c8y-icon-no-idea:before {
  content: "\ea12";
}

.dlt-c8y-icon-network:before {
  content: "\ea2c";
}

.dlt-c8y-icon-mind-map:before {
  content: "\ea2d";
}

.dlt-c8y-icon-centralized-network:before {
  content: "\f1db";
}

.dlt-c8y-icon-customer-insights-manager:before {
  content: "\e9a9";
}

.dlt-c8y-icon-gift:before {
  content: "\f440";
}

.dlt-c8y-icon-small-business:before {
  content: "\ea30";
}

.dlt-c8y-icon-pricing:before {
  content: "\ea3b";
}

.dlt-c8y-icon-free-trial:before {
  content: "\ea3c";
}

.dlt-c8y-icon-buy1:before {
  content: "\eb95";
}

.dlt-c8y-icon-cart-plus:before {
  content: "\eb95";
}

.dlt-c8y-icon-cart-arrow-down:before {
  content: "\eb95";
}

.dlt-c8y-icon-return-purchase:before {
  content: "\ec15";
}

.dlt-c8y-icon-shopping-cart-with-money:before {
  content: "\ec29";
}

.dlt-c8y-icon-buying:before {
  content: "\eb97";
}

.dlt-c8y-icon-shopping-cart:before {
  content: "\eb97";
}

.dlt-c8y-icon-procurement:before {
  content: "\ec09";
}

.dlt-c8y-icon-delivery-handcart:before {
  content: "\ebb3";
}

.dlt-c8y-icon-cheap-21:before {
  content: "\f434";
}

.dlt-c8y-icon-average-2:before {
  content: "\eb84";
}

.dlt-c8y-icon-stripe1:before {
  content: "\ec2c";
}

.dlt-c8y-icon-loyalty-card:before {
  content: "\f442";
}

.dlt-c8y-icon-shopping-check:before {
  content: "\f459";
}

.dlt-c8y-icon-shopping-bag:before {
  content: "\f45a";
}

.dlt-c8y-icon-shopping-bag:before {
  content: "\f45a";
}

.dlt-c8y-icon-atm:before {
  content: "\eb81";
}

.dlt-c8y-icon-bank-card-dollar:before {
  content: "\eb85";
}

.dlt-c8y-icon-bank-card-euro:before {
  content: "\eb86";
}

.dlt-c8y-icon-contactless-payment:before {
  content: "\ede2";
}

.dlt-c8y-icon-qr-code:before {
  content: "\ec0e";
}

.dlt-c8y-icon-qrcode:before {
  content: "\ec0e";
}

.dlt-c8y-icon-data-matrix-code:before {
  content: "\ebaf";
}

.dlt-c8y-icon-barcode:before {
  content: "\eb88";
}

.dlt-c8y-icon-no-barcode:before {
  content: "\ebee";
}

.dlt-c8y-icon-refresh-barcode:before {
  content: "\ec12";
}

.dlt-c8y-icon-touch-id:before {
  content: "\ec35";
}

.dlt-c8y-icon-redeem:before {
  content: "\ec11";
}

.dlt-c8y-icon-card-exchange:before {
  content: "\eb98";
}

.dlt-c8y-icon-card-security:before {
  content: "\eb99";
}

.dlt-c8y-icon-cash-register:before {
  content: "\eb9f";
}

.dlt-c8y-icon-cost:before {
  content: "\ebaa";
}

.dlt-c8y-icon-create-order:before {
  content: "\ebac";
}

.dlt-c8y-icon-online-payment1:before {
  content: "\ebf2";
}

.dlt-c8y-icon-rent1:before {
  content: "\ec14";
}

.dlt-c8y-icon-package-settings:before {
  content: "\ec02";
}

.dlt-c8y-icon-product-loading:before {
  content: "\ec0b";
}

.dlt-c8y-icon-purchase-order:before {
  content: "\ec0d";
}

.dlt-c8y-icon-receipt1:before {
  content: "\ec0f";
}

.dlt-c8y-icon-scan-stock:before {
  content: "\ec18";
}

.dlt-c8y-icon-shipment-logistic:before {
  content: "\ec1c";
}

.dlt-c8y-icon-shipping-center:before {
  content: "\ec1e";
}

.dlt-c8y-icon-shipping-centre-loading-belt:before {
  content: "\ec1f";
}

.dlt-c8y-icon-shopaholic:before {
  content: "\ec23";
}

.dlt-c8y-icon-basket:before {
  content: "\eb8b";
}

.dlt-c8y-icon-shopping-basket:before {
  content: "\ec26";
}

.dlt-c8y-icon-shopping-basket:before {
  content: "\ec26";
}

.dlt-c8y-icon-add-basket:before {
  content: "\eb79";
}

.dlt-c8y-icon-paid:before {
  content: "\ec04";
}

.dlt-c8y-icon-text-width:before {
  content: "\eb5f";
}

.dlt-c8y-icon-text-height:before {
  content: "\eb60";
}

.dlt-c8y-icon-paragraph:before {
  content: "\eb61";
}

.dlt-c8y-icon-pilcrow:before {
  content: "\eb61";
}

.dlt-c8y-icon-text-input:before {
  content: "\eb2a";
}

.dlt-c8y-icon-unavailable:before {
  content: "\ea3d";
}

.dlt-c8y-icon-save:before {
  content: "\e92f";
}

.dlt-c8y-icon-save-commit:before {
  content: "\e930";
}

.dlt-c8y-icon-delete:before {
  content: "\e932";
}

.dlt-c8y-icon-copy:before {
  content: "\e960";
}

.dlt-c8y-icon-paste:before {
  content: "\e966";
}

.dlt-c8y-icon-more-menu:before {
  content: "\ea3f";
}

.dlt-c8y-icon-password-hide:before {
  content: "\ea41";
}

.dlt-c8y-icon-password-show:before {
  content: "\ea42";
}

.dlt-c8y-icon-zoom-in:before {
  content: "\ea44";
}

.dlt-c8y-icon-zoom-out:before {
  content: "\ea45";
}

.dlt-c8y-icon-buy:before {
  content: "\e926";
}

.dlt-c8y-icon-list:before {
  content: "\ea46";
}

.dlt-c8y-icon-list-alt:before {
  content: "\ea46";
}

.dlt-c8y-icon-list-ul:before {
  content: "\ea46";
}

.dlt-c8y-icon-format-align-justify:before {
  content: "\e9bc";
}

.dlt-c8y-icon-align-justify:before {
  content: "\e9bc";
}

.dlt-c8y-icon-format-align-left:before {
  content: "\e9bd";
}

.dlt-c8y-icon-align-left:before {
  content: "\e9bd";
}

.dlt-c8y-icon-format-align-center:before {
  content: "\e9be";
}

.dlt-c8y-icon-align-center:before {
  content: "\e9be";
}

.dlt-c8y-icon-format-align-right:before {
  content: "\e9bf";
}

.dlt-c8y-icon-align-right:before {
  content: "\e9bf";
}

.dlt-c8y-icon-radio-button-on:before {
  content: "\e9c2";
}

.dlt-c8y-icon-dot-circle-o:before {
  content: "\e9c2";
}

.dlt-c8y-icon-colorize:before {
  content: "\e92d";
}

.dlt-c8y-icon-eyedropper:before {
  content: "\e92d";
}

.dlt-c8y-icon-brush:before {
  content: "\e938";
}

.dlt-c8y-icon-paint-brush:before {
  content: "\e938";
}

.dlt-c8y-icon-file-create:before {
  content: "\ed6f";
}

.dlt-c8y-icon-edit:before {
  content: "\ed6f";
}

.dlt-c8y-icon-email-sign:before {
  content: "\f15d";
}

.dlt-c8y-icon-at:before {
  content: "\f15d";
}

.dlt-c8y-icon-get-quote:before {
  content: "\f0b9";
}

.dlt-c8y-icon-quote-right:before {
  content: "\f0b9";
}

.dlt-c8y-icon-quote-left:before {
  content: "\f0ba";
}

.dlt-c8y-icon-format-bold:before {
  content: "\e9c5";
}

.dlt-c8y-icon-bold:before {
  content: "\e9c5";
}

.dlt-c8y-icon-format-underlined:before {
  content: "\e9c6";
}

.dlt-c8y-icon-underline:before {
  content: "\e9c6";
}

.dlt-c8y-icon-strikethrough-s:before {
  content: "\e9c8";
}

.dlt-c8y-icon-strikethrough:before {
  content: "\e9c8";
}

.dlt-c8y-icon-title:before {
  content: "\e9c9";
}

.dlt-c8y-icon-header:before {
  content: "\e9c9";
}

.dlt-c8y-icon-subscript:before {
  content: "\e9cb";
}

.dlt-c8y-icon-superscript:before {
  content: "\e9cc";
}

.dlt-c8y-icon-format-italic:before {
  content: "\e9cd";
}

.dlt-c8y-icon-italic:before {
  content: "\e9cd";
}

.dlt-c8y-icon-font-download:before {
  content: "\e9ce";
}

.dlt-c8y-icon-font:before {
  content: "\e9ce";
}

.dlt-c8y-icon-questionnaire:before {
  content: "\ea40";
}

.dlt-c8y-icon-th-list:before {
  content: "\ea40";
}

.dlt-c8y-icon-tasklist:before {
  content: "\ea72";
}

.dlt-c8y-icon-communication-sorting:before {
  content: "\e997";
}

.dlt-c8y-icon-todo-list:before {
  content: "\ea7b";
}

.dlt-c8y-icon-tasks:before {
  content: "\ea7b";
}

.dlt-c8y-icon-numbered-list:before {
  content: "\ecd5";
}

.dlt-c8y-icon-list-ol:before {
  content: "\ecd5";
}

.dlt-c8y-icon-search-in-list:before {
  content: "\ed14";
}

.dlt-c8y-icon-table-of-content:before {
  content: "\ed2d";
}

.dlt-c8y-icon-index:before {
  content: "\ecb7";
}

.dlt-c8y-icon-tiles:before {
  content: "\ed37";
}

.dlt-c8y-icon-edit1:before {
  content: "\ece9";
}

.dlt-c8y-icon-pencil:before {
  content: "\ece9";
}

.dlt-c8y-icon-pencil-square:before {
  content: "\ece9";
}

.dlt-c8y-icon-pencil-square-o:before {
  content: "\ece9";
}

.dlt-c8y-icon-edit11:before {
  content: "\ec89";
}

.dlt-c8y-icon-no-edit:before {
  content: "\ecd1";
}

.dlt-c8y-icon-cut:before {
  content: "\ec7a";
}

.dlt-c8y-icon-scissors:before {
  content: "\ec7a";
}

.dlt-c8y-icon-coupon:before {
  content: "\ebab";
}

.dlt-c8y-icon-crop:before {
  content: "\ec78";
}

.dlt-c8y-icon-erase:before {
  content: "\ea47";
}

.dlt-c8y-icon-eraser:before {
  content: "\ea47";
}

.dlt-c8y-icon-add-white-space:before {
  content: "\ec49";
}

.dlt-c8y-icon-blur:before {
  content: "\ec56";
}

.dlt-c8y-icon-paint-palette:before {
  content: "\ece1";
}

.dlt-c8y-icon-contrast:before {
  content: "\ec73";
}

.dlt-c8y-icon-adjust:before {
  content: "\ec73";
}

.dlt-c8y-icon-bring-forward:before {
  content: "\ec5f";
}

.dlt-c8y-icon-snap-background-to-white:before {
  content: "\ed21";
}

.dlt-c8y-icon-rename:before {
  content: "\ecf8";
}

.dlt-c8y-icon-text-cursor:before {
  content: "\ed32";
}

.dlt-c8y-icon-i-cursor:before {
  content: "\ed32";
}

.dlt-c8y-icon-large-icons:before {
  content: "\ecbf";
}

.dlt-c8y-icon-comma:before {
  content: "\ec6f";
}

.dlt-c8y-icon-compare:before {
  content: "\ec70";
}

.dlt-c8y-icon-content:before {
  content: "\ec72";
}

.dlt-c8y-icon-document-body:before {
  content: "\ec83";
}

.dlt-c8y-icon-merge-docunemts:before {
  content: "\eccc";
}

.dlt-c8y-icon-unit:before {
  content: "\ea83";
}

.dlt-c8y-icon-group:before {
  content: "\ea48";
}

.dlt-c8y-icon-group-objects:before {
  content: "\ea48";
}

.dlt-c8y-icon-object-group:before {
  content: "\ea48";
}

.dlt-c8y-icon-object-ungroup:before {
  content: "\ea48";
}

.dlt-c8y-icon-ungroup:before {
  content: "\ea49";
}

.dlt-c8y-icon-hexagonal-pattern:before {
  content: "\ecb1";
}

.dlt-c8y-icon-diagonal-lines:before {
  content: "\ec82";
}

.dlt-c8y-icon-line-width:before {
  content: "\ecc5";
}

.dlt-c8y-icon-long-words:before {
  content: "\ecc8";
}

.dlt-c8y-icon-indent:before {
  content: "\e9cf";
}

.dlt-c8y-icon-indent-left:before {
  content: "\e9cf";
}

.dlt-c8y-icon-indent-decrease:before {
  content: "\e9d0";
}

.dlt-c8y-icon-dedent:before {
  content: "\e9d0";
}

.dlt-c8y-icon-dedent-left:before {
  content: "\e9d0";
}

.dlt-c8y-icon-outdent:before {
  content: "\ecdc";
}

.dlt-c8y-icon-indent-right:before {
  content: "\ecdc";
}

.dlt-c8y-icon-dedent-right:before {
  content: "\eb35";
}

.dlt-c8y-icon-drag-reorder:before {
  content: "\ec87";
}

.dlt-c8y-icon-drag-list-up:before {
  content: "\ec86";
}

.dlt-c8y-icon-pull-down:before {
  content: "\ecf2";
}

.dlt-c8y-icon-page:before {
  content: "\ece0";
}

.dlt-c8y-icon-rearrange:before {
  content: "\ecf4";
}

.dlt-c8y-icon-resize-file:before {
  content: "\ed00";
}

.dlt-c8y-icon-resize:before {
  content: "\ecfa";
}

.dlt-c8y-icon-rich-text-converter:before {
  content: "\ed06";
}

.dlt-c8y-icon-select-all:before {
  content: "\ed15";
}

.dlt-c8y-icon-select-none:before {
  content: "\ed16";
}

.dlt-c8y-icon-ruler:before {
  content: "\ed11";
}

.dlt-c8y-icon-length:before {
  content: "\f3ae";
}

.dlt-c8y-icon-send-backward:before {
  content: "\ed18";
}

.dlt-c8y-icon-send-to-back:before {
  content: "\ed19";
}

.dlt-c8y-icon-replace:before {
  content: "\ea4b";
}

.dlt-c8y-icon-separated-lists:before {
  content: "\ed1b";
}

.dlt-c8y-icon-short-words:before {
  content: "\ed1c";
}

.dlt-c8y-icon-mix-words:before {
  content: "\eccf";
}

.dlt-c8y-icon-line-style:before {
  content: "\ecc4";
}

.dlt-c8y-icon-design:before {
  content: "\ec80";
}

.dlt-c8y-icon-view-stream:before {
  content: "\ed4a";
}

.dlt-c8y-icon-four-squares:before {
  content: "\eca0";
}

.dlt-c8y-icon-th-large:before {
  content: "\eca0";
}

.dlt-c8y-icon-thumbnails:before {
  content: "\ed36";
}

.dlt-c8y-icon-th:before {
  content: "\ed36";
}

.dlt-c8y-icon-view-module:before {
  content: "\ed48";
}

.dlt-c8y-icon-top-view:before {
  content: "\ed38";
}

.dlt-c8y-icon-orthogonal-view:before {
  content: "\ecdb";
}

.dlt-c8y-icon-rectangular:before {
  content: "\ecf6";
}

.dlt-c8y-icon-square:before {
  content: "\ed24";
}

.dlt-c8y-icon-view-column:before {
  content: "\e9d1";
}

.dlt-c8y-icon-columns:before {
  content: "\e9d1";
}

.dlt-c8y-icon-file-archive-o:before {
  content: "\eb38";
}

.dlt-c8y-icon-file-zip-o:before {
  content: "\eb38";
}

.dlt-c8y-icon-file-video-o:before {
  content: "\eb39";
}

.dlt-c8y-icon-file-movie-o:before {
  content: "\eb39";
}

.dlt-c8y-icon-file-audio-o:before {
  content: "\eb3a";
}

.dlt-c8y-icon-file-sound-o:before {
  content: "\eb3a";
}

.dlt-c8y-icon-microsoft-access:before {
  content: "\e939";
}

.dlt-c8y-icon-microsoft-onenote:before {
  content: "\e93a";
}

.dlt-c8y-icon-microsoft-outlook:before {
  content: "\e93c";
}

.dlt-c8y-icon-microsoft-project:before {
  content: "\e93d";
}

.dlt-c8y-icon-microsoft-publisher:before {
  content: "\e944";
}

.dlt-c8y-icon-microsoft-sharepoint:before {
  content: "\e949";
}

.dlt-c8y-icon-microsoft-visio:before {
  content: "\e94a";
}

.dlt-c8y-icon-word:before {
  content: "\e94b";
}

.dlt-c8y-icon-file-word-o:before {
  content: "\e94b";
}

.dlt-c8y-icon-excel:before {
  content: "\e954";
}

.dlt-c8y-icon-file-excel-o:before {
  content: "\e954";
}

.dlt-c8y-icon-ppt:before {
  content: "\e955";
}

.dlt-c8y-icon-file-powerpoint-o:before {
  content: "\e955";
}

.dlt-c8y-icon-create-archive:before {
  content: "\ed5f";
}

.dlt-c8y-icon-save-archive:before {
  content: "\ed9f";
}

.dlt-c8y-icon-delete-archive:before {
  content: "\ed61";
}

.dlt-c8y-icon-gif:before {
  content: "\ed75";
}

.dlt-c8y-icon-gis:before {
  content: "\ed76";
}

.dlt-c8y-icon-gpx:before {
  content: "\ed77";
}

.dlt-c8y-icon-heic-filetype:before {
  content: "\ed78";
}

.dlt-c8y-icon-dmg:before {
  content: "\ed63";
}

.dlt-c8y-icon-jpg:before {
  content: "\ed82";
}

.dlt-c8y-icon-kmz:before {
  content: "\ed87";
}

.dlt-c8y-icon-kml:before {
  content: "\ed86";
}

.dlt-c8y-icon-mp3:before {
  content: "\ed8a";
}

.dlt-c8y-icon-dng:before {
  content: "\ed64";
}

.dlt-c8y-icon-nef:before {
  content: "\ed8c";
}

.dlt-c8y-icon-nmea:before {
  content: "\ed8d";
}

.dlt-c8y-icon-tar:before {
  content: "\eda4";
}

.dlt-c8y-icon-ttf:before {
  content: "\eda7";
}

.dlt-c8y-icon-tif:before {
  content: "\eda5";
}

.dlt-c8y-icon-obj:before {
  content: "\ed8e";
}

.dlt-c8y-icon-webp:before {
  content: "\edaa";
}

.dlt-c8y-icon-ogg:before {
  content: "\ed8f";
}

.dlt-c8y-icon-woff:before {
  content: "\edad";
}

.dlt-c8y-icon-xls:before {
  content: "\edaf";
}

.dlt-c8y-icon-xps:before {
  content: "\edb2";
}

.dlt-c8y-icon-zip:before {
  content: "\edb3";
}

.dlt-c8y-icon-wma:before {
  content: "\edac";
}

.dlt-c8y-icon-osm:before {
  content: "\ed90";
}

.dlt-c8y-icon-otf:before {
  content: "\ed91";
}

.dlt-c8y-icon-dwg:before {
  content: "\ed66";
}

.dlt-c8y-icon-png:before {
  content: "\ed94";
}

.dlt-c8y-icon-eps:before {
  content: "\ed68";
}

.dlt-c8y-icon-ps:before {
  content: "\ed96";
}

.dlt-c8y-icon-rar:before {
  content: "\ed98";
}

.dlt-c8y-icon-raw:before {
  content: "\ed99";
}

.dlt-c8y-icon-psd:before {
  content: "\ed97";
}

.dlt-c8y-icon-exe:before {
  content: "\ed6a";
}

.dlt-c8y-icon-fbx:before {
  content: "\ed6d";
}

.dlt-c8y-icon-pdf-2:before {
  content: "\e961";
}

.dlt-c8y-icon-3fr:before {
  content: "\ed50";
}

.dlt-c8y-icon-aac:before {
  content: "\ed52";
}

.dlt-c8y-icon-7zip:before {
  content: "\ed51";
}

.dlt-c8y-icon-cr2:before {
  content: "\ed5e";
}

.dlt-c8y-icon-ai:before {
  content: "\ed55";
}

.dlt-c8y-icon-apk:before {
  content: "\ed56";
}

.dlt-c8y-icon-wav:before {
  content: "\eda9";
}

.dlt-c8y-icon-jp2:before {
  content: "\ed81";
}

.dlt-c8y-icon-java-file:before {
  content: "\ed80";
}

.dlt-c8y-icon-fff:before {
  content: "\ed6e";
}

.dlt-c8y-icon-folder-aggregate:before {
  content: "\ea54";
}

.dlt-c8y-icon-book:before {
  content: "\f36a";
}

.dlt-c8y-icon-package-delivery-logistics:before {
  content: "\ec01";
}

.dlt-c8y-icon-cube:before {
  content: "\ec01";
}

.dlt-c8y-icon-resume:before {
  content: "\ea4d";
}

.dlt-c8y-icon-insert-drive-file:before {
  content: "\e9d3";
}

.dlt-c8y-icon-file:before {
  content: "\e9d3";
}

.dlt-c8y-icon-file-o:before {
  content: "\e9d3";
}

.dlt-c8y-icon-sheet-of-paper:before {
  content: "\e9d3";
}

.dlt-c8y-icon-edit-file:before {
  content: "\ea57";
}

.dlt-c8y-icon-documents:before {
  content: "\ea58";
}

.dlt-c8y-icon-file-copy:before {
  content: "\e9d2";
}

.dlt-c8y-icon-files:before {
  content: "\e9d2";
}

.dlt-c8y-icon-files-o:before {
  content: "\e9d2";
}

.dlt-c8y-icon-profile:before {
  content: "\ea38";
}

.dlt-c8y-icon-pdf:before {
  content: "\ed92";
}

.dlt-c8y-icon-file-pdf-o:before {
  content: "\ed92";
}

.dlt-c8y-icon-export-pdf:before {
  content: "\ed6b";
}

.dlt-c8y-icon-file-type-document:before {
  content: "\ed70";
}

.dlt-c8y-icon-file-text-o:before {
  content: "\ed70";
}

.dlt-c8y-icon-file-text:before {
  content: "\ed70";
}

.dlt-c8y-icon-document:before {
  content: "\ed70";
}

.dlt-c8y-icon-submit-document1:before {
  content: "\eda3";
}

.dlt-c8y-icon-privacy-policy:before {
  content: "\ea34";
}

.dlt-c8y-icon-selective-highlighting1:before {
  content: "\eda0";
}

.dlt-c8y-icon-brief:before {
  content: "\e97e";
}

.dlt-c8y-icon-document-with-code:before {
  content: "\ea59";
}

.dlt-c8y-icon-image-file:before {
  content: "\ed7a";
}

.dlt-c8y-icon-file-image-o:before {
  content: "\ed7a";
}

.dlt-c8y-icon-file-picture-o:before {
  content: "\ed7a";
}

.dlt-c8y-icon-file-photo-o:before {
  content: "\ed7a";
}

.dlt-c8y-icon-image-file-add:before {
  content: "\ed7b";
}

.dlt-c8y-icon-image-file-checked:before {
  content: "\ed7c";
}

.dlt-c8y-icon-image-file-remove:before {
  content: "\ed7d";
}

.dlt-c8y-icon-check-document:before {
  content: "\ed5a";
}

.dlt-c8y-icon-document-with-a-check-mark:before {
  content: "\ed5a";
}

.dlt-c8y-icon-delete-file:before {
  content: "\ed62";
}

.dlt-c8y-icon-file-delete:before {
  content: "\ed72";
}

.dlt-c8y-icon-file-settings:before {
  content: "\ed74";
}

.dlt-c8y-icon-file-preview:before {
  content: "\ed73";
}

.dlt-c8y-icon-open-document:before {
  content: "\ecd9";
}

.dlt-c8y-icon-submit-document:before {
  content: "\ea5a";
}

.dlt-c8y-icon-restore-page1:before {
  content: "\ed9d";
}

.dlt-c8y-icon-document-exchange:before {
  content: "\ed65";
}

.dlt-c8y-icon-import-file:before {
  content: "\ed7e";
}

.dlt-c8y-icon-share-document:before {
  content: "\eda1";
}

.dlt-c8y-icon-idea:before {
  content: "\e9e7";
}

.dlt-c8y-icon-mark-as-favorite:before {
  content: "\ed88";
}

.dlt-c8y-icon-email-document:before {
  content: "\ec90";
}

.dlt-c8y-icon-file-view:before {
  content: "\ed71";
}

.dlt-c8y-icon-policy-document:before {
  content: "\ed95";
}

.dlt-c8y-icon-business-report:before {
  content: "\e985";
}

.dlt-c8y-icon-graph-report:before {
  content: "\e9de";
}

.dlt-c8y-icon-edit-graph-report:before {
  content: "\e9c4";
}

.dlt-c8y-icon-download-graph-report:before {
  content: "\e9c1";
}

.dlt-c8y-icon-agreement:before {
  content: "\e968";
}

.dlt-c8y-icon-estimates:before {
  content: "\e9ca";
}

.dlt-c8y-icon-winking-document:before {
  content: "\edab";
}

.dlt-c8y-icon-insert-page:before {
  content: "\ecb9";
}

.dlt-c8y-icon-note:before {
  content: "\ea5b";
}

.dlt-c8y-icon-brochure:before {
  content: "\e980";
}

.dlt-c8y-icon-read:before {
  content: "\ed9a";
}

.dlt-c8y-icon-cashbook:before {
  content: "\e988";
}

.dlt-c8y-icon-price-tag:before {
  content: "\f44f";
}

.dlt-c8y-icon-tag:before {
  content: "\f44f";
}

.dlt-c8y-icon-add-tag:before {
  content: "\ea5d";
}

.dlt-c8y-icon-tag1:before {
  content: "\f45d";
}

.dlt-c8y-icon-tags:before {
  content: "\f45d";
}

.dlt-c8y-icon-open-folder:before {
  content: "\ee54";
}

.dlt-c8y-icon-opened-folder:before {
  content: "\ee54";
}

.dlt-c8y-icon-folder-open:before {
  content: "\ee54";
}

.dlt-c8y-icon-folder-open-o:before {
  content: "\ee54";
}

.dlt-c8y-icon-folder:before {
  content: "\ee4e";
}

.dlt-c8y-icon-folder-o:before {
  content: "\ee4e";
}

.dlt-c8y-icon-folder-open1:before {
  content: "\ea5e";
}

.dlt-c8y-icon-add-folder:before {
  content: "\ee44";
}

.dlt-c8y-icon-delete-folder:before {
  content: "\ee45";
}

.dlt-c8y-icon-search-folder:before {
  content: "\ee56";
}

.dlt-c8y-icon-folder-settings:before {
  content: "\ee4f";
}

.dlt-c8y-icon-extensions-folder:before {
  content: "\ee4b";
}

.dlt-c8y-icon-private-folder:before {
  content: "\ee55";
}

.dlt-c8y-icon-edit-folder:before {
  content: "\ee4a";
}

.dlt-c8y-icon-e-mail-folder:before {
  content: "\ee49";
}

.dlt-c8y-icon-documents-folder:before {
  content: "\ee47";
}

.dlt-c8y-icon-downloads-folder:before {
  content: "\ee48";
}

.dlt-c8y-icon-favorite-folder:before {
  content: "\ee4c";
}

.dlt-c8y-icon-user-folder:before {
  content: "\ee58";
}

.dlt-c8y-icon-download-from-ftp:before {
  content: "\f215";
}

.dlt-c8y-icon-upload-to-ftp:before {
  content: "\f249";
}

.dlt-c8y-icon-ftp:before {
  content: "\f218";
}

.dlt-c8y-icon-big-parcel:before {
  content: "\eb8e";
}

.dlt-c8y-icon-open-parcel:before {
  content: "\ebfe";
}

.dlt-c8y-icon-packing:before {
  content: "\ec03";
}

.dlt-c8y-icon-unpacking:before {
  content: "\ec3c";
}

.dlt-c8y-icon-cardboard-box:before {
  content: "\eb9c";
}

.dlt-c8y-icon-archive:before {
  content: "\eb9c";
}

.dlt-c8y-icon-archive-o:before {
  content: "\eb9c";
}

.dlt-c8y-icon-file-archive-o1:before {
  content: "\eb9c";
}

.dlt-c8y-icon-box:before {
  content: "\eb91";
}

.dlt-c8y-icon-case:before {
  content: "\eb91";
}

.dlt-c8y-icon-empty-box:before {
  content: "\ebbe";
}

.dlt-c8y-icon-box-settings:before {
  content: "\eb92";
}

.dlt-c8y-icon-secured-delivery:before {
  content: "\ec19";
}

.dlt-c8y-icon-remove-delivery:before {
  content: "\ec13";
}

.dlt-c8y-icon-out-of-stock:before {
  content: "\ec00";
}

.dlt-c8y-icon-new-product:before {
  content: "\f44a";
}

.dlt-c8y-icon-product:before {
  content: "\ec0a";
}

.dlt-c8y-icon-product-management:before {
  content: "\ec0c";
}

.dlt-c8y-icon-stacking:before {
  content: "\ec2b";
}

.dlt-c8y-icon-cv:before {
  content: "\ec7b";
}

.dlt-c8y-icon-unarchive:before {
  content: "\e9d4";
}

.dlt-c8y-icon-upload-archive:before {
  content: "\e9d4";
}

.dlt-c8y-icon-archive-file:before {
  content: "\e9d7";
}

.dlt-c8y-icon-download-archive:before {
  content: "\e9d7";
}

.dlt-c8y-icon-cc-stripe:before {
  content: "\eb89";
}

.dlt-c8y-icon-google-wallet:before {
  content: "\eb8a";
}

.dlt-c8y-icon-paypal:before {
  content: "\eb8d";
}

.dlt-c8y-icon-cc-paypal:before {
  content: "\eb8f";
}

.dlt-c8y-icon-cc-amex:before {
  content: "\eb90";
}

.dlt-c8y-icon-cc-discover:before {
  content: "\eb93";
}

.dlt-c8y-icon-cc-visa:before {
  content: "\eb94";
}

.dlt-c8y-icon-cc-mastercard:before {
  content: "\eb9a";
}

.dlt-c8y-icon-try:before {
  content: "\eb9b";
}

.dlt-c8y-icon-turkish-lira:before {
  content: "\eb9b";
}

.dlt-c8y-icon-rouble:before {
  content: "\eb9d";
}

.dlt-c8y-icon-rub:before {
  content: "\eb9d";
}

.dlt-c8y-icon-ruble:before {
  content: "\eb9d";
}

.dlt-c8y-icon-krw:before {
  content: "\eb9e";
}

.dlt-c8y-icon-won:before {
  content: "\eb9e";
}

.dlt-c8y-icon-inr:before {
  content: "\eba0";
}

.dlt-c8y-icon-rupee:before {
  content: "\eba0";
}

.dlt-c8y-icon-ils:before {
  content: "\eba1";
}

.dlt-c8y-icon-shekel:before {
  content: "\eba1";
}

.dlt-c8y-icon-sheqel:before {
  content: "\eba1";
}

.dlt-c8y-icon-gbp:before {
  content: "\eba2";
}

.dlt-c8y-icon-eur:before {
  content: "\eba3";
}

.dlt-c8y-icon-euro:before {
  content: "\eba3";
}

.dlt-c8y-icon-cny:before {
  content: "\eba4";
}

.dlt-c8y-icon-jpy:before {
  content: "\eba4";
}

.dlt-c8y-icon-rmb:before {
  content: "\eba4";
}

.dlt-c8y-icon-yen:before {
  content: "\eba4";
}

.dlt-c8y-icon-bitcoin:before {
  content: "\eba5";
}

.dlt-c8y-icon-btc:before {
  content: "\eba5";
}

.dlt-c8y-icon-dollar:before {
  content: "\eba6";
}

.dlt-c8y-icon-usd:before {
  content: "\eba6";
}

.dlt-c8y-icon-calculator1:before {
  content: "\ea5f";
}

.dlt-c8y-icon-accounting:before {
  content: "\ea60";
}

.dlt-c8y-icon-contract:before {
  content: "\ea62";
}

.dlt-c8y-icon-sales-performance:before {
  content: "\ea63";
}

.dlt-c8y-icon-bank-safe:before {
  content: "\e976";
}

.dlt-c8y-icon-mobile-payment:before {
  content: "\ea05";
}

.dlt-c8y-icon-money-yours:before {
  content: "\ea08";
}

.dlt-c8y-icon-online-payment:before {
  content: "\ea19";
}

.dlt-c8y-icon-us-dollar-circled:before {
  content: "\ee3d";
}

.dlt-c8y-icon-credit-card:before {
  content: "\ede4";
}

.dlt-c8y-icon-credit-card-alt:before {
  content: "\ede4";
}

.dlt-c8y-icon-credit-card:before {
  content: "\ede4";
}

.dlt-c8y-icon-only-cash:before {
  content: "\ee14";
}

.dlt-c8y-icon-credit-control:before {
  content: "\ede6";
}

.dlt-c8y-icon-bank-cards:before {
  content: "\edbd";
}

.dlt-c8y-icon-check-for-payment:before {
  content: "\eddb";
}

.dlt-c8y-icon-paper-money:before {
  content: "\ee16";
}

.dlt-c8y-icon-money:before {
  content: "\ee16";
}

.dlt-c8y-icon-cash-euro:before {
  content: "\edd6";
}

.dlt-c8y-icon-stack-of-money:before {
  content: "\ee30";
}

.dlt-c8y-icon-wallet:before {
  content: "\ee3f";
}

.dlt-c8y-icon-certificate:before {
  content: "\edd9";
}

.dlt-c8y-icon-card-security1:before {
  content: "\edd0";
}

.dlt-c8y-icon-bill:before {
  content: "\edbf";
}

.dlt-c8y-icon-paid-bill:before {
  content: "\ee15";
}

.dlt-c8y-icon-token-card-code1:before {
  content: "\ee35";
}

.dlt-c8y-icon-receipt:before {
  content: "\ee21";
}

.dlt-c8y-icon-add-receipt:before {
  content: "\edb5";
}

.dlt-c8y-icon-sign-language:before {
  content: "\eb3b";
}

.dlt-c8y-icon-signing:before {
  content: "\eb3b";
}

.dlt-c8y-icon-hand-o-down:before {
  content: "\eb3c";
}

.dlt-c8y-icon-hand-o-left:before {
  content: "\eb3d";
}

.dlt-c8y-icon-hand-o-up:before {
  content: "\eb3e";
}

.dlt-c8y-icon-hand-o-right:before {
  content: "\eb3f";
}

.dlt-c8y-icon-hand-peace-o:before {
  content: "\eb40";
}

.dlt-c8y-icon-hand-pointer-o:before {
  content: "\eb41";
}

.dlt-c8y-icon-hand-spock-o:before {
  content: "\eb42";
}

.dlt-c8y-icon-hand-lizard-o:before {
  content: "\eb43";
}

.dlt-c8y-icon-hand-scissors-o:before {
  content: "\eb44";
}

.dlt-c8y-icon-hand-paper-o:before {
  content: "\eb45";
}

.dlt-c8y-icon-hand-stop-o:before {
  content: "\eb45";
}

.dlt-c8y-icon-hand-grab-o:before {
  content: "\eb49";
}

.dlt-c8y-icon-hand-rock-o:before {
  content: "\eb49";
}

.dlt-c8y-icon-thumbs-up:before {
  content: "\ee66";
}

.dlt-c8y-icon-thumbs-up:before {
  content: "\ee66";
}

.dlt-c8y-icon-thumbs-o-up:before {
  content: "\ee66";
}

.dlt-c8y-icon-thumbs-down:before {
  content: "\ee65";
}

.dlt-c8y-icon-thumbs-down:before {
  content: "\ee65";
}

.dlt-c8y-icon-thumbs-o-down:before {
  content: "\ee65";
}

.dlt-c8y-icon-do-not-touch:before {
  content: "\ee5a";
}

.dlt-c8y-icon-hand:before {
  content: "\ee5c";
}

.dlt-c8y-icon-disclaimer:before {
  content: "\e9bb";
}

.dlt-c8y-icon-touchpad:before {
  content: "\ead1";
}

.dlt-c8y-icon-holding-box:before {
  content: "\ebd3";
}

.dlt-c8y-icon-recieve:before {
  content: "\ec10";
}

.dlt-c8y-icon-sell:before {
  content: "\ec1a";
}

.dlt-c8y-icon-get-revenue:before {
  content: "\ebca";
}

.dlt-c8y-icon-handshake:before {
  content: "\ebd2";
}

.dlt-c8y-icon-handshake-o:before {
  content: "\ebd2";
}

.dlt-c8y-icon-partners:before {
  content: "\ebd2";
}

.dlt-c8y-icon-wearable-technology:before {
  content: "\f013";
}

.dlt-c8y-icon-america:before {
  content: "\f017";
}

.dlt-c8y-icon-globe:before {
  content: "\f017";
}

.dlt-c8y-icon-location:before {
  content: "\f038";
}

.dlt-c8y-icon-globe1:before {
  content: "\f029";
}

.dlt-c8y-icon-compass-north:before {
  content: "\ea66";
}

.dlt-c8y-icon-compass:before {
  content: "\ea66";
}

.dlt-c8y-icon-marker:before {
  content: "\f042";
}

.dlt-c8y-icon-map-marker:before {
  content: "\f03f";
}

.dlt-c8y-icon-marker-off:before {
  content: "\f045";
}

.dlt-c8y-icon-find-clinic:before {
  content: "\f026";
}

.dlt-c8y-icon-tesla-supercharger-pin:before {
  content: "\f069";
}

.dlt-c8y-icon-address:before {
  content: "\f016";
}

.dlt-c8y-icon-cab-stand:before {
  content: "\f019";
}

.dlt-c8y-icon-map:before {
  content: "\f03d";
}

.dlt-c8y-icon-map-o:before {
  content: "\f03d";
}

.dlt-c8y-icon-map-editing:before {
  content: "\f03e";
}

.dlt-c8y-icon-map-marker:before {
  content: "\f03f";
}

.dlt-c8y-icon-quest:before {
  content: "\f057";
}

.dlt-c8y-icon-waypoint-map:before {
  content: "\f06b";
}

.dlt-c8y-icon-anchor-nodes:before {
  content: "\eb7e";
}

.dlt-c8y-icon-map-pin:before {
  content: "\f040";
}

.dlt-c8y-icon-map-pin:before {
  content: "\f040";
}

.dlt-c8y-icon-signpost-tourist:before {
  content: "\f05e";
}

.dlt-c8y-icon-map-signs:before {
  content: "\f05e";
}

.dlt-c8y-icon-gps:before {
  content: "\f02b";
}

.dlt-c8y-icon-near-me:before {
  content: "\f04a";
}

.dlt-c8y-icon-location-arrow:before {
  content: "\f04a";
}

.dlt-c8y-icon-navigation:before {
  content: "\f049";
}

.dlt-c8y-icon-target1:before {
  content: "\ea67";
}

.dlt-c8y-icon-hunt:before {
  content: "\f032";
}

.dlt-c8y-icon-location-off:before {
  content: "\f03a";
}

.dlt-c8y-icon-location-update:before {
  content: "\f03b";
}

.dlt-c8y-icon-layers:before {
  content: "\f035";
}

.dlt-c8y-icon-journey:before {
  content: "\f033";
}

.dlt-c8y-icon-here:before {
  content: "\f031";
}

.dlt-c8y-icon-street-view:before {
  content: "\f031";
}

.dlt-c8y-icon-parking:before {
  content: "\ea68";
}

.dlt-c8y-icon-reply:before {
  content: "\e964";
}

.dlt-c8y-icon-mail-reply:before {
  content: "\e964";
}

.dlt-c8y-icon-forward1:before {
  content: "\eb4a";
}

.dlt-c8y-icon-mail-forward:before {
  content: "\eb4a";
}

.dlt-c8y-icon-reply-all:before {
  content: "\e965";
}

.dlt-c8y-icon-mail-reply-all:before {
  content: "\e965";
}

.dlt-c8y-icon-reply-all:before {
  content: "\e965";
}

.dlt-c8y-icon-communication:before {
  content: "\e995";
}

.dlt-c8y-icon-multichannel:before {
  content: "\ea09";
}

.dlt-c8y-icon-chat:before {
  content: "\ea6f";
}

.dlt-c8y-icon-topic:before {
  content: "\f12d";
}

.dlt-c8y-icon-comment:before {
  content: "\f12d";
}

.dlt-c8y-icon-comment-o:before {
  content: "\f12d";
}

.dlt-c8y-icon-typing:before {
  content: "\f130";
}

.dlt-c8y-icon-quote:before {
  content: "\f0fd";
}

.dlt-c8y-icon-delete-message:before {
  content: "\f0a7";
}

.dlt-c8y-icon-poll:before {
  content: "\f0f0";
}

.dlt-c8y-icon-popular:before {
  content: "\f0f1";
}

.dlt-c8y-icon-speaker-notes:before {
  content: "\f123";
}

.dlt-c8y-icon-audio-description:before {
  content: "\f123";
}

.dlt-c8y-icon-comment1:before {
  content: "\ea70";
}

.dlt-c8y-icon-comments:before {
  content: "\ea70";
}

.dlt-c8y-icon-comments-o:before {
  content: "\ea70";
}

.dlt-c8y-icon-speaker-notes-off:before {
  content: "\f124";
}

.dlt-c8y-icon-new-topic:before {
  content: "\f0e4";
}

.dlt-c8y-icon-ask-question:before {
  content: "\f090";
}

.dlt-c8y-icon-chat-bubble:before {
  content: "\f097";
}

.dlt-c8y-icon-commenting:before {
  content: "\f097";
}

.dlt-c8y-icon-commenting-o:before {
  content: "\f097";
}

.dlt-c8y-icon-mail:before {
  content: "\f0c1";
}

.dlt-c8y-icon-important-mail:before {
  content: "\f0c1";
}

.dlt-c8y-icon-envelope:before {
  content: "\f0c1";
}

.dlt-c8y-icon-envelope-o:before {
  content: "\f0c1";
}

.dlt-c8y-icon-envelope-open-o:before {
  content: "\f0c1";
}

.dlt-c8y-icon-envelope-open:before {
  content: "\f0c1";
}

.dlt-c8y-icon-edit-message:before {
  content: "\f0b1";
}

.dlt-c8y-icon-received:before {
  content: "\f100";
}

.dlt-c8y-icon-deleted-message:before {
  content: "\f0a9";
}

.dlt-c8y-icon-group-message:before {
  content: "\f0bb";
}

.dlt-c8y-icon-subscription:before {
  content: "\f12b";
}

.dlt-c8y-icon-unsubscribe:before {
  content: "\f134";
}

.dlt-c8y-icon-send-email:before {
  content: "\f116";
}

.dlt-c8y-icon-read-message:before {
  content: "\f1a6";
}

.dlt-c8y-icon-inbox:before {
  content: "\f0c2";
}

.dlt-c8y-icon-add-to-inbox:before {
  content: "\f08f";
}

.dlt-c8y-icon-check-inbox:before {
  content: "\f09b";
}

.dlt-c8y-icon-remove-from-inbox:before {
  content: "\f104";
}

.dlt-c8y-icon-outbox:before {
  content: "\f0ed";
}

.dlt-c8y-icon-post:before {
  content: "\f0f2";
}

.dlt-c8y-icon-envelope-square:before {
  content: "\f0f2";
}

.dlt-c8y-icon-sheet:before {
  content: "\f11f";
}

.dlt-c8y-icon-sticky-note:before {
  content: "\f11f";
}

.dlt-c8y-icon-sticky-note-o:before {
  content: "\f11f";
}

.dlt-c8y-icon-note1:before {
  content: "\f0e7";
}

.dlt-c8y-icon-secure:before {
  content: "\f111";
}

.dlt-c8y-icon-retweet:before {
  content: "\f10b";
}

.dlt-c8y-icon-rss:before {
  content: "\f10c";
}

.dlt-c8y-icon-rss-square:before {
  content: "\f10c";
}

.dlt-c8y-icon-feed:before {
  content: "\f10c";
}

.dlt-c8y-icon-cancel-subscription:before {
  content: "\f095";
}

.dlt-c8y-icon-link:before {
  content: "\f0ca";
}

.dlt-c8y-icon-chain:before {
  content: "\f0ca";
}

.dlt-c8y-icon-link-off:before {
  content: "\e9da";
}

.dlt-c8y-icon-chain-broken:before {
  content: "\e9da";
}

.dlt-c8y-icon-unlink:before {
  content: "\e9da";
}

.dlt-c8y-icon-sent:before {
  content: "\f11b";
}

.dlt-c8y-icon-send:before {
  content: "\f0b3";
}

.dlt-c8y-icon-email-send:before {
  content: "\f0b3";
}

.dlt-c8y-icon-send-o:before {
  content: "\f0b3";
}

.dlt-c8y-icon-paper-plane:before {
  content: "\f0b3";
}

.dlt-c8y-icon-paper-plane-o:before {
  content: "\f0b3";
}

.dlt-c8y-icon-hashtag:before {
  content: "\ea73";
}

.dlt-c8y-icon-podcast:before {
  content: "\eb4b";
}

.dlt-c8y-icon-headphones:before {
  content: "\eb4c";
}

.dlt-c8y-icon-volume-control-phone:before {
  content: "\eb4d";
}

.dlt-c8y-icon-volume-off:before {
  content: "\e915";
}

.dlt-c8y-icon-volume-mute:before {
  content: "\e915";
}

.dlt-c8y-icon-volume-zero:before {
  content: "\e915";
}

.dlt-c8y-icon-volume-low:before {
  content: "\ea74";
}

.dlt-c8y-icon-volume-down:before {
  content: "\ea74";
}

.dlt-c8y-icon-volume:before {
  content: "\ea75";
}

.dlt-c8y-icon-speaker:before {
  content: "\f1ba";
}

.dlt-c8y-icon-volume-up:before {
  content: "\f1ba";
}

.dlt-c8y-icon-volume-high:before {
  content: "\f1ba";
}

.dlt-c8y-icon-sound:before {
  content: "\ef8e";
}

.dlt-c8y-icon-headset:before {
  content: "\f165";
}

.dlt-c8y-icon-play-circle:before {
  content: "\ea77";
}

.dlt-c8y-icon-pause-circle:before {
  content: "\ea79";
}

.dlt-c8y-icon-stop-circle:before {
  content: "\ea7a";
}

.dlt-c8y-icon-skip-previous:before {
  content: "\e9ec";
}

.dlt-c8y-icon-step-backward:before {
  content: "\e9ec";
}

.dlt-c8y-icon-fast-rewind:before {
  content: "\ea7c";
}

.dlt-c8y-icon-rewind:before {
  content: "\ea7d";
}

.dlt-c8y-icon-fast-rewind1:before {
  content: "\ea7d";
}

.dlt-c8y-icon-fast-backward:before {
  content: "\ea7d";
}

.dlt-c8y-icon-backward:before {
  content: "\ea7d";
}

.dlt-c8y-icon-play-arrow:before {
  content: "\e9e8";
}

.dlt-c8y-icon-play:before {
  content: "\e9e8";
}

.dlt-c8y-icon-play-circle1:before {
  content: "\e9e8";
}

.dlt-c8y-icon-play-circle-o:before {
  content: "\e9e8";
}

.dlt-c8y-icon-pause:before {
  content: "\e9e4";
}

.dlt-c8y-icon-stop:before {
  content: "\ea7e";
}

.dlt-c8y-icon-forward11:before {
  content: "\ea7f";
}

.dlt-c8y-icon-fast-forward:before {
  content: "\ea7f";
}

.dlt-c8y-icon-forward111:before {
  content: "\ea7f";
}

.dlt-c8y-icon-fast-forward1:before {
  content: "\ea82";
}

.dlt-c8y-icon-skip-next:before {
  content: "\e9eb";
}

.dlt-c8y-icon-step-forward:before {
  content: "\e9eb";
}

.dlt-c8y-icon-no-image:before {
  content: "\ecd3";
}

.dlt-c8y-icon-local-movies:before {
  content: "\e9ad";
}

.dlt-c8y-icon-theaters:before {
  content: "\e9ad";
}

.dlt-c8y-icon-film:before {
  content: "\e9ad";
}

.dlt-c8y-icon-mic:before {
  content: "\e9ae";
}

.dlt-c8y-icon-microphone:before {
  content: "\e9ae";
}

.dlt-c8y-icon-block-microphone:before {
  content: "\f147";
}

.dlt-c8y-icon-microphone-slash:before {
  content: "\f147";
}

.dlt-c8y-icon-music-note:before {
  content: "\e9af";
}

.dlt-c8y-icon-music:before {
  content: "\e9af";
}

.dlt-c8y-icon-photo-camera-front:before {
  content: "\e91d";
}

.dlt-c8y-icon-video-camera:before {
  content: "\e91d";
}

.dlt-c8y-icon-camera:before {
  content: "\f297";
}

.dlt-c8y-icon-camera-retro:before {
  content: "\f297";
}

.dlt-c8y-icon-cam:before {
  content: "\f297";
}

.dlt-c8y-icon-image:before {
  content: "\f2bd";
}

.dlt-c8y-icon-picture:before {
  content: "\f2bd";
}

.dlt-c8y-icon-picture-o:before {
  content: "\f2bd";
}

.dlt-c8y-icon-photo:before {
  content: "\f2bd";
}

.dlt-c8y-icon-photo-gallery:before {
  content: "\f2cc";
}

.dlt-c8y-icon-albums:before {
  content: "\f291";
}

.dlt-c8y-icon-cubes:before {
  content: "\f291";
}

.dlt-c8y-icon-slides:before {
  content: "\ea86";
}

.dlt-c8y-icon-bursts:before {
  content: "\f295";
}

.dlt-c8y-icon-exposure:before {
  content: "\f2ac";
}

.dlt-c8y-icon-gallery:before {
  content: "\f2b7";
}

.dlt-c8y-icon-insert-clip:before {
  content: "\f2bf";
}

.dlt-c8y-icon-memories:before {
  content: "\f2c2";
}

.dlt-c8y-icon-overwrite-clip:before {
  content: "\f2ca";
}

.dlt-c8y-icon-selfies:before {
  content: "\f2d6";
}

.dlt-c8y-icon-facebook:before {
  content: "\ea87";
}

.dlt-c8y-icon-instagram:before {
  content: "\ea89";
}

.dlt-c8y-icon-linkedin:before {
  content: "\ea8a";
}

.dlt-c8y-icon-pinterest:before {
  content: "\ea8c";
}

.dlt-c8y-icon-twitter:before {
  content: "\ea8d";
}

.dlt-c8y-icon-youtube:before {
  content: "\ea8e";
}

.dlt-c8y-icon-youtube-play:before {
  content: "\ea8e";
}

.dlt-c8y-icon-google:before {
  content: "\ea90";
}

.dlt-c8y-icon-github:before {
  content: "\ea92";
}

.dlt-c8y-icon-cloud:before {
  content: "\ea94";
}

.dlt-c8y-icon-cloud-search:before {
  content: "\ea96";
}

.dlt-c8y-icon-search-in-cloud:before {
  content: "\ea96";
}

.dlt-c8y-icon-cloud-settings:before {
  content: "\ea97";
}

.dlt-c8y-icon-cloud-checked:before {
  content: "\ea9a";
}

.dlt-c8y-icon-cloud-restricted:before {
  content: "\ea9b";
}

.dlt-c8y-icon-cloud-plus:before {
  content: "\ea9c";
}

.dlt-c8y-icon-cloud-minus:before {
  content: "\ea9d";
}

.dlt-c8y-icon-cloud-error:before {
  content: "\ea9e";
}

.dlt-c8y-icon-cloud-unavailable:before {
  content: "\ea9f";
}

.dlt-c8y-icon-cloud-upload:before {
  content: "\eaa0";
}

.dlt-c8y-icon-backup:before {
  content: "\eaa0";
}

.dlt-c8y-icon-cloud-download:before {
  content: "\eaa1";
}

.dlt-c8y-icon-cloud-backup-restore:before {
  content: "\f1ea";
}

.dlt-c8y-icon-cloud-remote-working:before {
  content: "\eaa2";
}

.dlt-c8y-icon-cloud-bar-chart:before {
  content: "\f1eb";
}

.dlt-c8y-icon-cloud-binary-code:before {
  content: "\f1ec";
}

.dlt-c8y-icon-cloud-broadcasting:before {
  content: "\f1ed";
}

.dlt-c8y-icon-secure-cloud:before {
  content: "\f237";
}

.dlt-c8y-icon-error-cloud:before {
  content: "\f216";
}

.dlt-c8y-icon-cloud-cross:before {
  content: "\f1f3";
}

.dlt-c8y-icon-dashed-cloud:before {
  content: "\f20f";
}

.dlt-c8y-icon-cloud-connection:before {
  content: "\f1f2";
}

.dlt-c8y-icon-cloud-firewall:before {
  content: "\f1f6";
}

.dlt-c8y-icon-cloud-link:before {
  content: "\f1f9";
}

.dlt-c8y-icon-cloud-waiting:before {
  content: "\f205";
}

.dlt-c8y-icon-public-cloud:before {
  content: "\f22e";
}

.dlt-c8y-icon-delete-from-cloud:before {
  content: "\f212";
}

.dlt-c8y-icon-cloud-refresh:before {
  content: "\f1fd";
}

.dlt-c8y-icon-cloud-right-u-arrow:before {
  content: "\f1fe";
}

.dlt-c8y-icon-cloud-share-symbol:before {
  content: "\f1ff";
}

.dlt-c8y-icon-cloud-development:before {
  content: "\f1f5";
}

.dlt-c8y-icon-cloud-sync:before {
  content: "\f201";
}

.dlt-c8y-icon-cloud-user:before {
  content: "\f202";
}

.dlt-c8y-icon-cloud-computing:before {
  content: "\f1f1";
}

.dlt-c8y-icon-cloud-storage:before {
  content: "\eb02";
}

.dlt-c8y-icon-cloud-network:before {
  content: "\f1fa";
}

.dlt-c8y-icon-computer:before {
  content: "\f207";
}

.dlt-c8y-icon-connected-people:before {
  content: "\f20b";
}

.dlt-c8y-icon-connection-sync:before {
  content: "\f20c";
}

.dlt-c8y-icon-network-2:before {
  content: "\f226";
}

.dlt-c8y-icon-incoming-data:before {
  content: "\f21c";
}

.dlt-c8y-icon-outgoing-data:before {
  content: "\e903";
}

.dlt-c8y-icon-remote-desktop1:before {
  content: "\f230";
}

.dlt-c8y-icon-security-wi-fi:before {
  content: "\f239";
}

.dlt-c8y-icon-server1:before {
  content: "\f23b";
}

.dlt-c8y-icon-server-shutdown1:before {
  content: "\f23d";
}

.dlt-c8y-icon-ftp-server:before {
  content: "\f219";
}

.dlt-c8y-icon-thin-client:before {
  content: "\f246";
}

.dlt-c8y-icon-wi-fi:before {
  content: "\f251";
}

.dlt-c8y-icon-wifi:before {
  content: "\f251";
}

.dlt-c8y-icon-wireless-network:before {
  content: "\f251";
}

.dlt-c8y-icon-wi-fi-off:before {
  content: "\f258";
}

.dlt-c8y-icon-wi-fi-connected:before {
  content: "\f252";
}

.dlt-c8y-icon-wi-fi-disconnected:before {
  content: "\f254";
}

.dlt-c8y-icon-wi-fi-lock:before {
  content: "\f255";
}

.dlt-c8y-icon-scan-wi-fi:before {
  content: "\f235";
}

.dlt-c8y-icon-bluetooth:before {
  content: "\f1d7";
}

.dlt-c8y-icon-bluetooth-b:before {
  content: "\f1d7";
}

.dlt-c8y-icon-bluetooth-symbol:before {
  content: "\f1d7";
}

.dlt-c8y-icon-decentralized-network:before {
  content: "\f211";
}

.dlt-c8y-icon-centralized-network:before {
  content: "\f1db";
}

.dlt-c8y-icon-light-bulb-outline:before {
  content: "\eaa4";
}

.dlt-c8y-icon-medkit:before {
  content: "\eb4e";
}

.dlt-c8y-icon-fax:before {
  content: "\eb50";
}

.dlt-c8y-icon-beer:before {
  content: "\eb52";
}

.dlt-c8y-icon-department:before {
  content: "\eaa5";
}

.dlt-c8y-icon-stacked-organizational-chart:before {
  content: "\eaa6";
}

.dlt-c8y-icon-tty:before {
  content: "\e90c";
}

.dlt-c8y-icon-target:before {
  content: "\ea6e";
}

.dlt-c8y-icon-crosshairs:before {
  content: "\ea6e";
}

.dlt-c8y-icon-accuracy:before {
  content: "\e963";
}

.dlt-c8y-icon-goal:before {
  content: "\e9dd";
}

.dlt-c8y-icon-bullseye:before {
  content: "\e9dd";
}

.dlt-c8y-icon-address-book:before {
  content: "\e967";
}

.dlt-c8y-icon-address-book-o:before {
  content: "\e967";
}

.dlt-c8y-icon-contacts-book:before {
  content: "\e967";
}

.dlt-c8y-icon-attract-customers:before {
  content: "\e971";
}

.dlt-c8y-icon-magnet:before {
  content: "\e971";
}

.dlt-c8y-icon-guarantee:before {
  content: "\e9e3";
}

.dlt-c8y-icon-commercial:before {
  content: "\e993";
}

.dlt-c8y-icon-bullhorn:before {
  content: "\e993";
}

.dlt-c8y-icon-announcement:before {
  content: "\e993";
}

.dlt-c8y-icon-podium:before {
  content: "\ea2f";
}

.dlt-c8y-icon-time-card:before {
  content: "\ea78";
}

.dlt-c8y-icon-change:before {
  content: "\e989";
}

.dlt-c8y-icon-applicant:before {
  content: "\e96c";
}

.dlt-c8y-icon-download-resume:before {
  content: "\e9c3";
}

.dlt-c8y-icon-submit-resume:before {
  content: "\ea6a";
}

.dlt-c8y-icon-briefcase:before {
  content: "\e97f";
}

.dlt-c8y-icon-suitcase:before {
  content: "\e97f";
}

.dlt-c8y-icon-new-job:before {
  content: "\ea0d";
}

.dlt-c8y-icon-job-seeker:before {
  content: "\e9f0";
}

.dlt-c8y-icon-business-building:before {
  content: "\e982";
}

.dlt-c8y-icon-dossier:before {
  content: "\e9c0";
}

.dlt-c8y-icon-alarms:before {
  content: "\e969";
}

.dlt-c8y-icon-project:before {
  content: "\ea3e";
}

.dlt-c8y-icon-important-book:before {
  content: "\e9e9";
}

.dlt-c8y-icon-important-note:before {
  content: "\e9ea";
}

.dlt-c8y-icon-name-tag:before {
  content: "\ea0a";
}

.dlt-c8y-icon-id-badge:before {
  content: "\ea0a";
}

.dlt-c8y-icon-assignment-return:before {
  content: "\e970";
}

.dlt-c8y-icon-note-taking:before {
  content: "\ea13";
}

.dlt-c8y-icon-audit:before {
  content: "\e972";
}

.dlt-c8y-icon-badge:before {
  content: "\e975";
}

.dlt-c8y-icon-vcard:before {
  content: "\e975";
}

.dlt-c8y-icon-vcard-o:before {
  content: "\e975";
}

.dlt-c8y-icon-id-card:before {
  content: "\e975";
}

.dlt-c8y-icon-id-card-o:before {
  content: "\e975";
}

.dlt-c8y-icon-address-card-o:before {
  content: "\e975";
}

.dlt-c8y-icon-address-card:before {
  content: "\e975";
}

.dlt-c8y-icon-drivers-license:before {
  content: "\e975";
}

.dlt-c8y-icon-drivers-license-o:before {
  content: "\e975";
}

.dlt-c8y-icon-new-contact:before {
  content: "\ea0c";
}

.dlt-c8y-icon-contact-details:before {
  content: "\e99f";
}

.dlt-c8y-icon-phone-contact:before {
  content: "\ea27";
}

.dlt-c8y-icon-inspection:before {
  content: "\e9ee";
}

.dlt-c8y-icon-clipboard-with-a-tick:before {
  content: "\e9ee";
}

.dlt-c8y-icon-survey:before {
  content: "\ea6d";
}

.dlt-c8y-icon-no-data-available:before {
  content: "\ea10";
}

.dlt-c8y-icon-task-planning:before {
  content: "\ea71";
}

.dlt-c8y-icon-invoice:before {
  content: "\eaa7";
}

.dlt-c8y-icon-summary-list:before {
  content: "\ea6b";
}

.dlt-c8y-icon-study:before {
  content: "\ea69";
}

.dlt-c8y-icon-card:before {
  content: "\eaa8";
}

.dlt-c8y-icon-job:before {
  content: "\e9ef";
}

.dlt-c8y-icon-print:before {
  content: "\eaab";
}

.dlt-c8y-icon-communication-internet:before {
  content: "\e996";
}

.dlt-c8y-icon-language-skill:before {
  content: "\e9f4";
}

.dlt-c8y-icon-language:before {
  content: "\e9f4";
}

.dlt-c8y-icon-close-program:before {
  content: "\e98b";
}

.dlt-c8y-icon-window-close:before {
  content: "\e98b";
}

.dlt-c8y-icon-window-close-o:before {
  content: "\e98b";
}

.dlt-c8y-icon-new-slide:before {
  content: "\ea0f";
}

.dlt-c8y-icon-web-analytics:before {
  content: "\ea8b";
}

.dlt-c8y-icon-planner:before {
  content: "\ea2b";
}

.dlt-c8y-icon-rescheduling-a-task:before {
  content: "\ea4a";
}

.dlt-c8y-icon-resume-website:before {
  content: "\ea4f";
}

.dlt-c8y-icon-product-documents:before {
  content: "\ea37";
}

.dlt-c8y-icon-resume-template:before {
  content: "\ea4e";
}

.dlt-c8y-icon-rubber-stamp:before {
  content: "\ea51";
}

.dlt-c8y-icon-stamp:before {
  content: "\ea64";
}

.dlt-c8y-icon-video-projector:before {
  content: "\ea85";
}

.dlt-c8y-icon-management1:before {
  content: "\e9ff";
}

.dlt-c8y-icon-gavel:before {
  content: "\e92c";
}

.dlt-c8y-icon-legal:before {
  content: "\e92c";
}

.dlt-c8y-icon-user-md:before {
  content: "\eb53";
}

.dlt-c8y-icon-wheelchair-alt:before {
  content: "\eb55";
}

.dlt-c8y-icon-wheelchair:before {
  content: "\eb56";
}

.dlt-c8y-icon-child:before {
  content: "\eb57";
}

.dlt-c8y-icon-workspace1:before {
  content: "\eab3";
}

.dlt-c8y-icon-male-user:before {
  content: "\f276";
}

.dlt-c8y-icon-user-circle-o:before {
  content: "\f276";
}

.dlt-c8y-icon-user-circle:before {
  content: "\f276";
}

.dlt-c8y-icon-user-plus:before {
  content: "\eb58";
}

.dlt-c8y-icon-add-user:before {
  content: "\eb58";
}

.dlt-c8y-icon-remove-user:before {
  content: "\eb59";
}

.dlt-c8y-icon-user-minus:before {
  content: "\eb59";
}

.dlt-c8y-icon-user-times:before {
  content: "\eb59";
}

.dlt-c8y-icon-user-account:before {
  content: "\f137";
}

.dlt-c8y-icon-user:before {
  content: "\f137";
}

.dlt-c8y-icon-user-o:before {
  content: "\f137";
}

.dlt-c8y-icon-manager:before {
  content: "\ea00";
}

.dlt-c8y-icon-businessman:before {
  content: "\ea00";
}

.dlt-c8y-icon-male:before {
  content: "\ea00";
}

.dlt-c8y-icon-document-writer:before {
  content: "\f26b";
}

.dlt-c8y-icon-supplier:before {
  content: "\ea6c";
}

.dlt-c8y-icon-search-client:before {
  content: "\ea56";
}

.dlt-c8y-icon-account-enable:before {
  content: "\eab4";
}

.dlt-c8y-icon-account-disable:before {
  content: "\eab5";
}

.dlt-c8y-icon-insurance-agent:before {
  content: "\f274";
}

.dlt-c8y-icon-payroll:before {
  content: "\ea20";
}

.dlt-c8y-icon-lawyer:before {
  content: "\f275";
}

.dlt-c8y-icon-complaint:before {
  content: "\e99a";
}

.dlt-c8y-icon-appointment-scheduling:before {
  content: "\e96d";
}

.dlt-c8y-icon-caretaker:before {
  content: "\ee97";
}

.dlt-c8y-icon-guardian:before {
  content: "\f3a0";
}

.dlt-c8y-icon-batch-assign:before {
  content: "\f367";
}

.dlt-c8y-icon-people:before {
  content: "\ea21";
}

.dlt-c8y-icon-users:before {
  content: "\ea21";
}

.dlt-c8y-icon-group1:before {
  content: "\ea21";
}

.dlt-c8y-icon-management:before {
  content: "\ea21";
}

.dlt-c8y-icon-team:before {
  content: "\ea21";
}

.dlt-c8y-icon-people-working-together:before {
  content: "\eab6";
}

.dlt-c8y-icon-group-task:before {
  content: "\e9e1";
}

.dlt-c8y-icon-accessibility:before {
  content: "\e90d";
}

.dlt-c8y-icon-universal-access:before {
  content: "\e90d";
}

.dlt-c8y-icon-pregnant-woman:before {
  content: "\e96b";
}

.dlt-c8y-icon-female:before {
  content: "\e96b";
}

.dlt-c8y-icon-business-conference-female-speaker:before {
  content: "\e983";
}

.dlt-c8y-icon-organization-chart-people:before {
  content: "\ea1e";
}

.dlt-c8y-icon-meeting-room:before {
  content: "\ea03";
}

.dlt-c8y-icon-permanent-job:before {
  content: "\ea23";
}

.dlt-c8y-icon-contact-us:before {
  content: "\e9a0";
}

.dlt-c8y-icon-voice-recognition:before {
  content: "\ea88";
}

.dlt-c8y-icon-collaboration:before {
  content: "\e98e";
}

.dlt-c8y-icon-technical-support:before {
  content: "\ea76";
}

.dlt-c8y-icon-online-support:before {
  content: "\ea1c";
}

.dlt-c8y-icon-student-male:before {
  content: "\eab7";
}

.dlt-c8y-icon-devops:before {
  content: "\f26a";
}

.dlt-c8y-icon-exhibitor:before {
  content: "\f26c";
}

.dlt-c8y-icon-env-permission:before {
  content: "\eab9";
}

.dlt-c8y-icon-bathtub:before {
  content: "\e96f";
}

.dlt-c8y-icon-bath:before {
  content: "\e96f";
}

.dlt-c8y-icon-s15:before {
  content: "\e96f";
}

.dlt-c8y-icon-hotel:before {
  content: "\e96e";
}

.dlt-c8y-icon-local-hotel:before {
  content: "\e96e";
}

.dlt-c8y-icon-bed:before {
  content: "\e96e";
}

.dlt-c8y-icon-intelligence:before {
  content: "\eabe";
}

.dlt-c8y-icon-source-code:before {
  content: "\f342";
}

.dlt-c8y-icon-code:before {
  content: "\f342";
}

.dlt-c8y-icon-html-code:before {
  content: "\f342";
}

.dlt-c8y-icon-code1:before {
  content: "\eabf";
}

.dlt-c8y-icon-file-code-o:before {
  content: "\eabf";
}

.dlt-c8y-icon-console:before {
  content: "\eac0";
}

.dlt-c8y-icon-terminal:before {
  content: "\eac0";
}

.dlt-c8y-icon-add-property:before {
  content: "\f2f8";
}

.dlt-c8y-icon-delete-document:before {
  content: "\f309";
}

.dlt-c8y-icon-urgent-property:before {
  content: "\f356";
}

.dlt-c8y-icon-remove-property:before {
  content: "\f338";
}

.dlt-c8y-icon-edit-property:before {
  content: "\f30c";
}

.dlt-c8y-icon-template:before {
  content: "\f34d";
}

.dlt-c8y-icon-test:before {
  content: "\f34e";
}

.dlt-c8y-icon-property-script:before {
  content: "\f335";
}

.dlt-c8y-icon-show-property:before {
  content: "\f33f";
}

.dlt-c8y-icon-search-property:before {
  content: "\f33e";
}

.dlt-c8y-icon-timesheet:before {
  content: "\f351";
}

.dlt-c8y-icon-important-property:before {
  content: "\f317";
}

.dlt-c8y-icon-new-property:before {
  content: "\f328";
}

.dlt-c8y-icon-navigation-toolbar-top:before {
  content: "\f327";
}

.dlt-c8y-icon-window-maximize:before {
  content: "\f327";
}

.dlt-c8y-icon-web-application-firewall:before {
  content: "\f358";
}

.dlt-c8y-icon-website-bug:before {
  content: "\f35a";
}

.dlt-c8y-icon-bug:before {
  content: "\f35a";
}

.dlt-c8y-icon-web-design:before {
  content: "\f359";
}

.dlt-c8y-icon-navigation-toolbar-bottom:before {
  content: "\f325";
}

.dlt-c8y-icon-more-details:before {
  content: "\f323";
}

.dlt-c8y-icon-navigation-pane:before {
  content: "\f324";
}

.dlt-c8y-icon-pin:before {
  content: "\f32c";
}

.dlt-c8y-icon-thumb-tack:before {
  content: "\f32c";
}

.dlt-c8y-icon-unpin:before {
  content: "\f355";
}

.dlt-c8y-icon-commit-git:before {
  content: "\f306";
}

.dlt-c8y-icon-codefork:before {
  content: "\f304";
}

.dlt-c8y-icon-code-fork:before {
  content: "\f304";
}

.dlt-c8y-icon-merge-git:before {
  content: "\f322";
}

.dlt-c8y-icon-pull-request:before {
  content: "\f336";
}

.dlt-c8y-icon-compare-git:before {
  content: "\f307";
}

.dlt-c8y-icon-share:before {
  content: "\eac3";
}

.dlt-c8y-icon-share-alt:before {
  content: "\eac3";
}

.dlt-c8y-icon-share-alt-square:before {
  content: "\eac3";
}

.dlt-c8y-icon-activity-history:before {
  content: "\eaeb";
}

.dlt-c8y-icon-rules:before {
  content: "\ea52";
}

.dlt-c8y-icon-create-document:before {
  content: "\e9a2";
}

.dlt-c8y-icon-product-architecture:before {
  content: "\f331";
}

.dlt-c8y-icon-registry-editor:before {
  content: "\f337";
}

.dlt-c8y-icon-rest-api:before {
  content: "\f33b";
}

.dlt-c8y-icon-true-false:before {
  content: "\f353";
}

.dlt-c8y-icon-uninstall-programs:before {
  content: "\f354";
}

.dlt-c8y-icon-sheets:before {
  content: "\ef7f";
}

.dlt-c8y-icon-stages:before {
  content: "\ef7f";
}

.dlt-c8y-icon-add-stage:before {
  content: "\eac5";
}

.dlt-c8y-icon-api:before {
  content: "\f2f9";
}

.dlt-c8y-icon-blockly-turquoise:before {
  content: "\f2ff";
}

.dlt-c8y-icon-blockly-blue:before {
  content: "\f2fa";
}

.dlt-c8y-icon-blockly-pink:before {
  content: "\f2fe";
}

.dlt-c8y-icon-plugin:before {
  content: "\f32f";
}

.dlt-c8y-icon-base-64:before {
  content: "\ed57";
}

.dlt-c8y-icon-xml-transformer:before {
  content: "\edb1";
}

.dlt-c8y-icon-shield:before {
  content: "\eac6";
}

.dlt-c8y-icon-protect:before {
  content: "\f419";
}

.dlt-c8y-icon-warning-shield:before {
  content: "\f425";
}

.dlt-c8y-icon-free-forever:before {
  content: "\eac8";
}

.dlt-c8y-icon-identification-documents:before {
  content: "\eaca";
}

.dlt-c8y-icon-id-verified:before {
  content: "\f412";
}

.dlt-c8y-icon-fingerprint:before {
  content: "\f410";
}

.dlt-c8y-icon-pin-code:before {
  content: "\f418";
}

.dlt-c8y-icon-password:before {
  content: "\f416";
}

.dlt-c8y-icon-lock:before {
  content: "\eacb";
}

.dlt-c8y-icon-unlock:before {
  content: "\eacd";
}

.dlt-c8y-icon-privacy:before {
  content: "\ea33";
}

.dlt-c8y-icon-lock-outline:before {
  content: "\e91e";
}

.dlt-c8y-icon-lock1:before {
  content: "\e91e";
}

.dlt-c8y-icon-lock-open:before {
  content: "\e91f";
}

.dlt-c8y-icon-unlock1:before {
  content: "\e91f";
}

.dlt-c8y-icon-unlock-alt:before {
  content: "\e91f";
}

.dlt-c8y-icon-key:before {
  content: "\f413";
}

.dlt-c8y-icon-access:before {
  content: "\f409";
}

.dlt-c8y-icon-lock11:before {
  content: "\f414";
}

.dlt-c8y-icon-realtime:before {
  content: "\f41a";
}

.dlt-c8y-icon-smart-home-connection:before {
  content: "\f41d";
}

.dlt-c8y-icon-smart-home-checked:before {
  content: "\f41c";
}

.dlt-c8y-icon-smart-home-error:before {
  content: "\f41e";
}

.dlt-c8y-icon-smart-home-remove:before {
  content: "\f41f";
}

.dlt-c8y-icon-smart-home-shield:before {
  content: "\f420";
}

.dlt-c8y-icon-voice-id:before {
  content: "\f423";
}

.dlt-c8y-icon-web-application-firewall1:before {
  content: "\f426";
}

.dlt-c8y-icon-copyright:before {
  content: "\ead2";
}

.dlt-c8y-icon-spy:before {
  content: "\ead3";
}

.dlt-c8y-icon-user-secret:before {
  content: "\ead3";
}

.dlt-c8y-icon-bug1:before {
  content: "\ead4";
}

.dlt-c8y-icon-health-examine:before {
  content: "\ead6";
}

.dlt-c8y-icon-stethoscope:before {
  content: "\ead6";
}

.dlt-c8y-icon-space-shuttle:before {
  content: "\eb5a";
}

.dlt-c8y-icon-ambulance:before {
  content: "\eb5b";
}

.dlt-c8y-icon-car:before {
  content: "\f53f";
}

.dlt-c8y-icon-automobile:before {
  content: "\f53f";
}

.dlt-c8y-icon-local-taxi:before {
  content: "\e920";
}

.dlt-c8y-icon-taxi:before {
  content: "\e920";
}

.dlt-c8y-icon-cab:before {
  content: "\e920";
}

.dlt-c8y-icon-truck:before {
  content: "\f636";
}

.dlt-c8y-icon-file-delivery:before {
  content: "\ebc5";
}

.dlt-c8y-icon-in-transit:before {
  content: "\ebd5";
}

.dlt-c8y-icon-bus:before {
  content: "\f53b";
}

.dlt-c8y-icon-train:before {
  content: "\e9f1";
}

.dlt-c8y-icon-directions-subway:before {
  content: "\e9f2";
}

.dlt-c8y-icon-directions-transit:before {
  content: "\e9f2";
}

.dlt-c8y-icon-tram:before {
  content: "\e9f2";
}

.dlt-c8y-icon-delivery-dining:before {
  content: "\e9f5";
}

.dlt-c8y-icon-scooter:before {
  content: "\e9f5";
}

.dlt-c8y-icon-pedal-bike:before {
  content: "\e9b1";
}

.dlt-c8y-icon-bicycle:before {
  content: "\e9b1";
}

.dlt-c8y-icon-motorcycle:before {
  content: "\e9b2";
}

.dlt-c8y-icon-airport:before {
  content: "\f521";
}

.dlt-c8y-icon-plane:before {
  content: "\f521";
}

.dlt-c8y-icon-fighter-jet:before {
  content: "\f521";
}

.dlt-c8y-icon-directions-ferry:before {
  content: "\e9f3";
}

.dlt-c8y-icon-ship:before {
  content: "\e9f3";
}

.dlt-c8y-icon-deploy:before {
  content: "\eade";
}

.dlt-c8y-icon-rocket:before {
  content: "\eade";
}

.dlt-c8y-icon-wrench1:before {
  content: "\eadf";
}

.dlt-c8y-icon-road:before {
  content: "\f5e5";
}

.dlt-c8y-icon-flag-outline:before {
  content: "\eae1";
}

.dlt-c8y-icon-software:before {
  content: "\f340";
}

.dlt-c8y-icon-future:before {
  content: "\f4b9";
}

.dlt-c8y-icon-time-machine:before {
  content: "\f4e2";
}

.dlt-c8y-icon-history:before {
  content: "\f4e2";
}

.dlt-c8y-icon-delivery-time:before {
  content: "\f4e2";
}

.dlt-c8y-icon-schedule:before {
  content: "\e9b0";
}

.dlt-c8y-icon-clock:before {
  content: "\e9b0";
}

.dlt-c8y-icon-clock-o:before {
  content: "\e9b0";
}

.dlt-c8y-icon-watches-front-view:before {
  content: "\f508";
}

.dlt-c8y-icon-clock1:before {
  content: "\ead7";
}

.dlt-c8y-icon-clock11:before {
  content: "\ead7";
}

.dlt-c8y-icon-alarm1:before {
  content: "\ead8";
}

.dlt-c8y-icon-timer:before {
  content: "\ead8";
}

.dlt-c8y-icon-wall-clock:before {
  content: "\efbc";
}

.dlt-c8y-icon-alarm-add:before {
  content: "\f47a";
}

.dlt-c8y-icon-alarm-on:before {
  content: "\f47d";
}

.dlt-c8y-icon-alarm-off:before {
  content: "\f47c";
}

.dlt-c8y-icon-calendar:before {
  content: "\f480";
}

.dlt-c8y-icon-calendar-o:before {
  content: "\f480";
}

.dlt-c8y-icon-today:before {
  content: "\f504";
}

.dlt-c8y-icon-calendar-check-o:before {
  content: "\f504";
}

.dlt-c8y-icon-calendar-1:before {
  content: "\f481";
}

.dlt-c8y-icon-calendar-31:before {
  content: "\f499";
}

.dlt-c8y-icon-monday:before {
  content: "\f4c9";
}

.dlt-c8y-icon-sunday:before {
  content: "\f4df";
}

.dlt-c8y-icon-january:before {
  content: "\f4bf";
}

.dlt-c8y-icon-december:before {
  content: "\f4b1";
}

.dlt-c8y-icon-edit-calendar:before {
  content: "\f4b2";
}

.dlt-c8y-icon-view-schedule:before {
  content: "\f506";
}

.dlt-c8y-icon-calendar-add:before {
  content: "\ead9";
}

.dlt-c8y-icon-calendar-plus:before {
  content: "\ead9";
}

.dlt-c8y-icon-calendar-plus-o:before {
  content: "\ead9";
}

.dlt-c8y-icon-calendar-remove:before {
  content: "\eadd";
}

.dlt-c8y-icon-calendar-minus:before {
  content: "\eadd";
}

.dlt-c8y-icon-calendar-times:before {
  content: "\eadd";
}

.dlt-c8y-icon-calendar-minus-o:before {
  content: "\eadd";
}

.dlt-c8y-icon-calendar-times-o:before {
  content: "\eadd";
}

.dlt-c8y-icon-important-month:before {
  content: "\f4bd";
}

.dlt-c8y-icon-schedule1:before {
  content: "\ea55";
}

.dlt-c8y-icon-sand-watch:before {
  content: "\f4d7";
}

.dlt-c8y-icon-hourglass-start:before {
  content: "\f4d7";
}

.dlt-c8y-icon-hourglass-o:before {
  content: "\f4d7";
}

.dlt-c8y-icon-hourglass-half:before {
  content: "\f4d7";
}

.dlt-c8y-icon-hourglass-end:before {
  content: "\f4d7";
}

.dlt-c8y-icon-hourglass:before {
  content: "\f4d7";
}

.dlt-c8y-icon-hourglass-1:before {
  content: "\f4d7";
}

.dlt-c8y-icon-hourglass-2:before {
  content: "\f4d7";
}

.dlt-c8y-icon-hourglass-3:before {
  content: "\f4d7";
}

.dlt-c8y-icon-timezone-globe:before {
  content: "\f502";
}

.dlt-c8y-icon-timezone:before {
  content: "\f4e9";
}

.dlt-c8y-icon-timetable:before {
  content: "\f4e8";
}

.dlt-c8y-icon-day-view:before {
  content: "\f4b0";
}

.dlt-c8y-icon-month-view:before {
  content: "\f4ca";
}

.dlt-c8y-icon-week-view:before {
  content: "\f50a";
}

.dlt-c8y-icon-year-view:before {
  content: "\f50b";
}

.dlt-c8y-icon-newspaper-o:before {
  content: "\eba7";
}

.dlt-c8y-icon-creative-commons:before {
  content: "\eb5d";
}

.dlt-c8y-icon-spinner:before {
  content: "\eb5e";
}

.dlt-c8y-icon-loading:before {
  content: "\eb5e";
}

.dlt-c8y-icon-busy:before {
  content: "\eb5e";
}

.dlt-c8y-icon-wheel:before {
  content: "\eb5e";
}

.dlt-c8y-icon-trademark:before {
  content: "\eb62";
}

.dlt-c8y-icon-toggle-on:before {
  content: "\eb63";
}

.dlt-c8y-icon-toggle-off:before {
  content: "\eb64";
}

.dlt-c8y-icon-ticket:before {
  content: "\eb65";
}

.dlt-c8y-icon-spoon:before {
  content: "\eb66";
}

.dlt-c8y-icon-sort-numeric-desc:before {
  content: "\eb67";
}

.dlt-c8y-icon-sort-numeric-asc:before {
  content: "\eb68";
}

.dlt-c8y-icon-snowflake-o:before {
  content: "\eb69";
}

.dlt-c8y-icon-shower:before {
  content: "\eb6a";
}

.dlt-c8y-icon-percent:before {
  content: "\eb6c";
}

.dlt-c8y-icon-paw:before {
  content: "\eb6e";
}

.dlt-c8y-icon-mouse-pointer:before {
  content: "\eb6f";
}

.dlt-c8y-icon-lemon-o:before {
  content: "\eb70";
}

.dlt-c8y-icon-leaf:before {
  content: "\eb72";
}

.dlt-c8y-icon-diamond:before {
  content: "\eb74";
}

.dlt-c8y-icon-braille:before {
  content: "\eb75";
}

.dlt-c8y-icon-bomb:before {
  content: "\eb76";
}

.dlt-c8y-icon-binoculars:before {
  content: "\eb77";
}

.dlt-c8y-icon-eject:before {
  content: "\eb7a";
}

.dlt-c8y-icon-touch-app:before {
  content: "\eb7b";
}

.dlt-c8y-icon-soccer:before {
  content: "\eb7c";
}

.dlt-c8y-icon-football:before {
  content: "\eb7c";
}

.dlt-c8y-icon-futbol-o:before {
  content: "\eb7c";
}

.dlt-c8y-icon-soccer-ball-o:before {
  content: "\eb7c";
}

.dlt-c8y-icon-mood:before {
  content: "\eb7d";
}

.dlt-c8y-icon-meh-o:before {
  content: "\eb7d";
}

.dlt-c8y-icon-frown-o:before {
  content: "\eb7d";
}

.dlt-c8y-icon-smile-o:before {
  content: "\eb7d";
}

.dlt-c8y-icon-deaf:before {
  content: "\eb7f";
}

.dlt-c8y-icon-deafness:before {
  content: "\eb7f";
}

.dlt-c8y-icon-hard-of-hearing:before {
  content: "\eb7f";
}

.dlt-c8y-icon-assistive-listening-systems:before {
  content: "\eb80";
}

.dlt-c8y-icon-american-sign-language-interpreting:before {
  content: "\eb82";
}

.dlt-c8y-icon-asl-interpreting:before {
  content: "\eb82";
}

.dlt-c8y-icon-cc:before {
  content: "\eb83";
}

.dlt-c8y-icon-closed-caption:before {
  content: "\eb83";
}

.dlt-c8y-icon-anchor:before {
  content: "\eb87";
}

.dlt-c8y-icon-accessibility-settings:before {
  content: "\eae3";
}

.dlt-c8y-icon-info:before {
  content: "\eae4";
}

.dlt-c8y-icon-info-circle:before {
  content: "\eae4";
}

.dlt-c8y-icon-warning:before {
  content: "\eae5";
}

.dlt-c8y-icon-report-problem:before {
  content: "\eae5";
}

.dlt-c8y-icon-exclamation-triangle:before {
  content: "\eae5";
}

.dlt-c8y-icon-exclamation-circle:before {
  content: "\e97b";
}

.dlt-c8y-icon-error:before {
  content: "\e97b";
}

.dlt-c8y-icon-high-priority:before {
  content: "\e9e6";
}

.dlt-c8y-icon-spam:before {
  content: "\f122";
}

.dlt-c8y-icon-help:before {
  content: "\f69e";
}

.dlt-c8y-icon-question-circle:before {
  content: "\f69e";
}

.dlt-c8y-icon-question:before {
  content: "\f69e";
}

.dlt-c8y-icon-help-outline:before {
  content: "\eae7";
}

.dlt-c8y-icon-question-circle-o:before {
  content: "\eae7";
}

.dlt-c8y-icon-approval:before {
  content: "\f65d";
}

.dlt-c8y-icon-trophy:before {
  content: "\f65d";
}

.dlt-c8y-icon-unverified-account:before {
  content: "\f72e";
}

.dlt-c8y-icon-automatic-gearbox-warning:before {
  content: "\f52a";
}

.dlt-c8y-icon-exclamation-circle1:before {
  content: "\f52a";
}

.dlt-c8y-icon-user-manual:before {
  content: "\f732";
}

.dlt-c8y-icon-stages1:before {
  content: "\eae9";
}

.dlt-c8y-icon-menu:before {
  content: "\f6ca";
}

.dlt-c8y-icon-reorder:before {
  content: "\f6ca";
}

.dlt-c8y-icon-navicon:before {
  content: "\f6ca";
}

.dlt-c8y-icon-bars:before {
  content: "\f6ca";
}

.dlt-c8y-icon-hamburger:before {
  content: "\f6ca";
}

.dlt-c8y-icon-menu-vertical:before {
  content: "\f6cc";
}

.dlt-c8y-icon-ellipsis-v:before {
  content: "\f6cc";
}

.dlt-c8y-icon-app-switcher:before {
  content: "\eaea";
}

.dlt-c8y-icon-menu-horizontal:before {
  content: "\e974";
}

.dlt-c8y-icon-ellipsis-h:before {
  content: "\e974";
}

.dlt-c8y-icon-plus-math:before {
  content: "\f3d6";
}

.dlt-c8y-icon-plus:before {
  content: "\f3d6";
}

.dlt-c8y-icon-subtract:before {
  content: "\f3f3";
}

.dlt-c8y-icon-minus:before {
  content: "\f3f3";
}

.dlt-c8y-icon-clear:before {
  content: "\e977";
}

.dlt-c8y-icon-close:before {
  content: "\e977";
}

.dlt-c8y-icon-remove:before {
  content: "\e977";
}

.dlt-c8y-icon-times:before {
  content: "\e977";
}

.dlt-c8y-icon-equals:before {
  content: "\eaec";
}

.dlt-c8y-icon-exclamation:before {
  content: "\eaed";
}

.dlt-c8y-icon-check:before {
  content: "\eaee";
}

.dlt-c8y-icon-upvote-downvote:before {
  content: "\f731";
}

.dlt-c8y-icon-math:before {
  content: "\f3b8";
}

.dlt-c8y-icon-less-than1:before {
  content: "\f3b4";
}

.dlt-c8y-icon-more-than:before {
  content: "\f3be";
}

.dlt-c8y-icon-circled-notch:before {
  content: "\ec67";
}

.dlt-c8y-icon-circle-o-notch:before {
  content: "\ec67";
}

.dlt-c8y-icon-inactive-state:before {
  content: "\f6a5";
}

.dlt-c8y-icon-storage1:before {
  content: "\f712";
}

.dlt-c8y-icon-lifebuoy:before {
  content: "\f6b7";
}

.dlt-c8y-icon-life-buoy:before {
  content: "\f6b7";
}

.dlt-c8y-icon-life-ring:before {
  content: "\f6b7";
}

.dlt-c8y-icon-life-saver:before {
  content: "\f6b7";
}

.dlt-c8y-icon-wait:before {
  content: "\f73a";
}

.dlt-c8y-icon-block:before {
  content: "\e978";
}

.dlt-c8y-icon-ban:before {
  content: "\e978";
}

.dlt-c8y-icon-copy1:before {
  content: "\ed5d";
}

.dlt-c8y-icon-clone:before {
  content: "\ed5d";
}

.dlt-c8y-icon-paste1:before {
  content: "\ece5";
}

.dlt-c8y-icon-clipboard:before {
  content: "\ece5";
}

.dlt-c8y-icon-search-more:before {
  content: "\f701";
}

.dlt-c8y-icon-search:before {
  content: "\eaef";
}

.dlt-c8y-icon-mobile-zoom-in:before {
  content: "\f180";
}

.dlt-c8y-icon-search-plus:before {
  content: "\f180";
}

.dlt-c8y-icon-mobile-zoom-out:before {
  content: "\f181";
}

.dlt-c8y-icon-search-minus:before {
  content: "\f181";
}

.dlt-c8y-icon-product1:before {
  content: "\eaf0";
}

.dlt-c8y-icon-trash-can:before {
  content: "\ed39";
}

.dlt-c8y-icon-trash:before {
  content: "\ed39";
}

.dlt-c8y-icon-editing-trash:before {
  content: "\ec8e";
}

.dlt-c8y-icon-trash-o:before {
  content: "\ec8e";
}

.dlt-c8y-icon-delete-bin:before {
  content: "\ec7e";
}

.dlt-c8y-icon-eye:before {
  content: "\f0b5";
}

.dlt-c8y-icon-visibility-off:before {
  content: "\e981";
}

.dlt-c8y-icon-low-vision:before {
  content: "\e981";
}

.dlt-c8y-icon-eye-slash:before {
  content: "\e981";
}

.dlt-c8y-icon-blind:before {
  content: "\e981";
}

.dlt-c8y-icon-double-tap:before {
  content: "\f15a";
}

.dlt-c8y-icon-heart:before {
  content: "\f0be";
}

.dlt-c8y-icon-heart-o:before {
  content: "\f0be";
}

.dlt-c8y-icon-unheart:before {
  content: "\eaf1";
}

.dlt-c8y-icon-science:before {
  content: "\e984";
}

.dlt-c8y-icon-flask:before {
  content: "\e984";
}

.dlt-c8y-icon-school:before {
  content: "\e987";
}

.dlt-c8y-icon-graduation-cap:before {
  content: "\e987";
}

.dlt-c8y-icon-mortar-board:before {
  content: "\e987";
}

.dlt-c8y-icon-badge1:before {
  content: "\eaf2";
}

.dlt-c8y-icon-data-quality:before {
  content: "\eb13";
}

.dlt-c8y-icon-brightness-low:before {
  content: "\e908";
}

.dlt-c8y-icon-brightness-5:before {
  content: "\e908";
}

.dlt-c8y-icon-sun-o:before {
  content: "\e908";
}

.dlt-c8y-icon-bedtime:before {
  content: "\e98c";
}

.dlt-c8y-icon-moon-o:before {
  content: "\e98c";
}

.dlt-c8y-icon-moon:before {
  content: "\e98c";
}

.dlt-c8y-icon-add-identity-provider:before {
  content: "\eaf3";
}

.dlt-c8y-icon-bookmark-outline:before {
  content: "\eafb";
}

.dlt-c8y-icon-turned-in-not:before {
  content: "\eafb";
}

.dlt-c8y-icon-bookmark-o:before {
  content: "\eafb";
}

.dlt-c8y-icon-unbookmark:before {
  content: "\eafb";
}

.dlt-c8y-icon-bookmark:before {
  content: "\e98f";
}

.dlt-c8y-icon-turned-in:before {
  content: "\e98f";
}

.dlt-c8y-icon-check-box:before {
  content: "\e991";
}

.dlt-c8y-icon-check-square:before {
  content: "\e991";
}

.dlt-c8y-icon-check-square-o:before {
  content: "\e991";
}

.dlt-c8y-icon-checkbox-selected:before {
  content: "\e991";
}

.dlt-c8y-icon-add-box:before {
  content: "\e905";
}

.dlt-c8y-icon-plus-square:before {
  content: "\e905";
}

.dlt-c8y-icon-indeterminate-check-box:before {
  content: "\e994";
}

.dlt-c8y-icon-minus-square:before {
  content: "\e994";
}

.dlt-c8y-icon-duplicate:before {
  content: "\eafc";
}

.dlt-c8y-icon-check-box-outline-blank:before {
  content: "\e9db";
}

.dlt-c8y-icon-square-o:before {
  content: "\e9db";
}

.dlt-c8y-icon-checkbox-unselected:before {
  content: "\eafd";
}

.dlt-c8y-icon-add-new:before {
  content: "\f35e";
}

.dlt-c8y-icon-plus-square-o:before {
  content: "\f35e";
}

.dlt-c8y-icon-negative:before {
  content: "\f3c4";
}

.dlt-c8y-icon-minus-square-o:before {
  content: "\f3c4";
}

.dlt-c8y-icon-multiplication:before {
  content: "\f3c1";
}

.dlt-c8y-icon-times-rectangle-o:before {
  content: "\f3c1";
}

.dlt-c8y-icon-times-rectangle:before {
  content: "\f3c1";
}

.dlt-c8y-icon-ratio:before {
  content: "\f3db";
}

.dlt-c8y-icon-circle:before {
  content: "\e998";
}

.dlt-c8y-icon-contrast1:before {
  content: "\eafe";
}

.dlt-c8y-icon-connection-status-on:before {
  content: "\f20e";
}

.dlt-c8y-icon-ok:before {
  content: "\eb00";
}

.dlt-c8y-icon-check-circle:before {
  content: "\eb00";
}

.dlt-c8y-icon-check-circle-o:before {
  content: "\eb00";
}

.dlt-c8y-icon-success:before {
  content: "\eb00";
}

.dlt-c8y-icon-cross-circle:before {
  content: "\eb01";
}

.dlt-c8y-icon-times-circle:before {
  content: "\eb01";
}

.dlt-c8y-icon-times-circle-o:before {
  content: "\eb01";
}

.dlt-c8y-icon-add:before {
  content: "\eb03";
}

.dlt-c8y-icon-plus-circle:before {
  content: "\eb03";
}

.dlt-c8y-icon-minus-circle:before {
  content: "\eb05";
}

.dlt-c8y-icon-minus-sign:before {
  content: "\eb05";
}

.dlt-c8y-icon-radio-button-unchecked:before {
  content: "\e9dc";
}

.dlt-c8y-icon-circle-o:before {
  content: "\e9dc";
}

.dlt-c8y-icon-circle-thin:before {
  content: "\e9dc";
}

.dlt-c8y-icon-add-circle-outline:before {
  content: "\e9f6";
}

.dlt-c8y-icon-plus-circle-o:before {
  content: "\e9f6";
}

.dlt-c8y-icon-local-fire-department:before {
  content: "\e99b";
}

.dlt-c8y-icon-fire:before {
  content: "\e99b";
}

.dlt-c8y-icon-outlined-flag:before {
  content: "\e99c";
}

.dlt-c8y-icon-flag-o:before {
  content: "\e99c";
}

.dlt-c8y-icon-flag:before {
  content: "\e99d";
}

.dlt-c8y-icon-assistant-photo:before {
  content: "\e99d";
}

.dlt-c8y-icon-flag-checkered:before {
  content: "\e99d";
}

.dlt-c8y-icon-flash-on:before {
  content: "\e99e";
}

.dlt-c8y-icon-bolt:before {
  content: "\e99e";
}

.dlt-c8y-icon-quick-mode-on:before {
  content: "\f6f2";
}

.dlt-c8y-icon-flash:before {
  content: "\f6f2";
}

.dlt-c8y-icon-quick-mode-off:before {
  content: "\f6f1";
}

.dlt-c8y-icon-videogame-asset:before {
  content: "\e9a1";
}

.dlt-c8y-icon-gamepad:before {
  content: "\e9a1";
}

.dlt-c8y-icon-portraits:before {
  content: "\f2d0";
}

.dlt-c8y-icon-extension:before {
  content: "\e90a";
}

.dlt-c8y-icon-puzzle:before {
  content: "\e90a";
}

.dlt-c8y-icon-puzzle-piece:before {
  content: "\e90a";
}

.dlt-c8y-icon-star-outline:before {
  content: "\e90f";
}

.dlt-c8y-icon-star-o:before {
  content: "\e90f";
}

.dlt-c8y-icon-unstar:before {
  content: "\e90f";
}

.dlt-c8y-icon-star-half:before {
  content: "\e979";
}

.dlt-c8y-icon-star-half-empty:before {
  content: "\e979";
}

.dlt-c8y-icon-star-half-full:before {
  content: "\e979";
}

.dlt-c8y-icon-star-half-o:before {
  content: "\e979";
}

.dlt-c8y-icon-star:before {
  content: "\eb0c";
}

.dlt-c8y-icon-grade:before {
  content: "\eb0c";
}

.dlt-c8y-icon-home-page:before {
  content: "\eb0d";
}

.dlt-c8y-icon-home:before {
  content: "\eb0d";
}

.dlt-c8y-icon-attach:before {
  content: "\f091";
}

.dlt-c8y-icon-paper-clip:before {
  content: "\f091";
}

.dlt-c8y-icon-paperclip:before {
  content: "\f091";
}

.dlt-c8y-icon-link1:before {
  content: "\eb0e";
}

.dlt-c8y-icon-unlink1:before {
  content: "\eb0f";
}

.dlt-c8y-icon-online1:before {
  content: "\f0ea";
}

.dlt-c8y-icon-offline:before {
  content: "\f0e8";
}

.dlt-c8y-icon-notification:before {
  content: "\e9a7";
}

.dlt-c8y-icon-notifications:before {
  content: "\e9a7";
}

.dlt-c8y-icon-bell:before {
  content: "\e9a7";
}

.dlt-c8y-icon-bell-o:before {
  content: "\e9a7";
}

.dlt-c8y-icon-alarm:before {
  content: "\f479";
}

.dlt-c8y-icon-no-reminders:before {
  content: "\f0e6";
}

.dlt-c8y-icon-bell-slash:before {
  content: "\f0e6";
}

.dlt-c8y-icon-bell-slash-o:before {
  content: "\f0e6";
}

.dlt-c8y-icon-medium-priority:before {
  content: "\ea02";
}

.dlt-c8y-icon-sliders1:before {
  content: "\f656";
}

.dlt-c8y-icon-sliders2:before {
  content: "\f656";
}

.dlt-c8y-icon-adjust1:before {
  content: "\f656";
}

.dlt-c8y-icon-tune:before {
  content: "\f728";
}

.dlt-c8y-icon-customize:before {
  content: "\f728";
}

.dlt-c8y-icon-button:before {
  content: "\eb11";
}

.dlt-c8y-icon-breadcrumb:before {
  content: "\eb12";
}

.dlt-c8y-icon-window-minimize:before {
  content: "\f665";
}

.dlt-c8y-icon-versions:before {
  content: "\eb14";
}

.dlt-c8y-icon-pages:before {
  content: "\eb18";
}

.dlt-c8y-icon-change-theme:before {
  content: "\f668";
}

.dlt-c8y-icon-window-restore:before {
  content: "\f668";
}

.dlt-c8y-icon-landing-page:before {
  content: "\eb19";
}

.dlt-c8y-icon-continuous-mode:before {
  content: "\f675";
}

.dlt-c8y-icon-ruler-pencil:before {
  content: "\eb1a";
}

.dlt-c8y-icon-header1:before {
  content: "\eb1b";
}

.dlt-c8y-icon-body:before {
  content: "\eb1c";
}

.dlt-c8y-icon-footer:before {
  content: "\eb1d";
}

.dlt-c8y-icon-logs:before {
  content: "\eb1e";
}

.dlt-c8y-icon-overview:before {
  content: "\eb20";
}

.dlt-c8y-icon-tab:before {
  content: "\eb21";
}

.dlt-c8y-icon-cursor-in-window:before {
  content: "\ebae";
}

.dlt-c8y-icon-advertisement-page:before {
  content: "\f659";
}

.dlt-c8y-icon-share-square-o:before {
  content: "\f659";
}

.dlt-c8y-icon-share-square:before {
  content: "\f659";
}

.dlt-c8y-icon-share1:before {
  content: "\f659";
}

.dlt-c8y-icon-external-link:before {
  content: "\eb22";
}

.dlt-c8y-icon-level-up:before {
  content: "\f6b6";
}

.dlt-c8y-icon-trigger:before {
  content: "\eb24";
}

.dlt-c8y-icon-rules1:before {
  content: "\eb25";
}

.dlt-c8y-icon-email:before {
  content: "\f686";
}

.dlt-c8y-icon-form:before {
  content: "\f696";
}

.dlt-c8y-icon-language1:before {
  content: "\f6b3";
}

.dlt-c8y-icon-loading-bar:before {
  content: "\f6bc";
}

.dlt-c8y-icon-output:before {
  content: "\f6e4";
}

.dlt-c8y-icon-save1:before {
  content: "\f6f5";
}

.dlt-c8y-icon-floppy-o:before {
  content: "\f6f5";
}

.dlt-c8y-icon-single-choice:before {
  content: "\f708";
}

.dlt-c8y-icon-single-page-mode:before {
  content: "\f709";
}

.dlt-c8y-icon-skip:before {
  content: "\f70a";
}

.dlt-c8y-icon-support:before {
  content: "\f717";
}

.dlt-c8y-icon-wrench:before {
  content: "\f717";
}

.dlt-c8y-icon-maintenance:before {
  content: "\f5b1";
}

.dlt-c8y-icon-utility:before {
  content: "\f5b1";
}

.dlt-c8y-icon-themes:before {
  content: "\f71f";
}

.dlt-c8y-icon-book1:before {
  content: "\eb26";
}

.dlt-c8y-icon-top-menu:before {
  content: "\f723";
}

.dlt-c8y-icon-user-menu-male:before {
  content: "\f734";
}

.dlt-c8y-icon-hint:before {
  content: "\f6a2";
}

.dlt-c8y-icon-xlarge-icons1:before {
  content: "\f742";
}

.dlt-c8y-icon-circled-menu:before {
  content: "\f66e";
}

.dlt-c8y-icon-keypad:before {
  content: "\f6b2";
}

.dlt-c8y-icon-cake:before {
  content: "\e9a8";
}

.dlt-c8y-icon-birthday-cake:before {
  content: "\e9a8";
}

.dlt-c8y-icon-intelligence1:before {
  content: "\ebd6";
}

.dlt-c8y-icon-beginner:before {
  content: "\eb8c";
}

.dlt-c8y-icon-restaurant:before {
  content: "\e9ac";
}

.dlt-c8y-icon-cutlery:before {
  content: "\e9ac";
}

.dlt-c8y-icon-local-cafe:before {
  content: "\eb27";
}

.dlt-c8y-icon-free-breakfast:before {
  content: "\eb27";
}

.dlt-c8y-icon-coffee:before {
  content: "\eb27";
}

.dlt-c8y-icon-wine-bar:before {
  content: "\e9ab";
}

.dlt-c8y-icon-glass:before {
  content: "\e9ab";
}

.dlt-c8y-icon-espresso-cup:before {
  content: "\eedb";
}

.dlt-c8y-icon-broom:before {
  content: "\ee8c";
}

.dlt-c8y-icon-buy-upgrade:before {
  content: "\eb96";
}

.dlt-c8y-icon-speedometer:before {
  content: "\f608";
}

.dlt-c8y-icon-dashboard:before {
  content: "\f55d";
}

.dlt-c8y-icon-tachometer:before {
  content: "\f55d";
}

.dlt-c8y-icon-palette:before {
  content: "\eb28";
}

.dlt-c8y-icon-car-battery:before {
  content: "\f541";
}

.dlt-c8y-icon-magnetic:before {
  content: "\ebdd";
}

.dlt-c8y-icon-magnet1:before {
  content: "\ebdd";
}

.dlt-c8y-icon-right-navigation-toolbar:before {
  content: "\f33c";
}

.dlt-c8y-icon-tilt:before {
  content: "\f1c6";
}

.dlt-c8y-icon-clear-symbol:before {
  content: "\f670";
}

.dlt-c8y-icon-settings:before {
  content: "\e986";
}

.dlt-c8y-icon-cog:before {
  content: "\e986";
}

.dlt-c8y-icon-gear:before {
  content: "\e986";
}

.dlt-c8y-icon-advanced-search:before {
  content: "\f658";
}

.dlt-c8y-icon-heartbeat:before {
  content: "\f658";
}

.dlt-c8y-icon-installing-updates:before {
  content: "\f16a";
}

.dlt-c8y-icon-heating-automation:before {
  content: "\ef05";
}

.dlt-c8y-icon-impressum:before {
  content: "\eb29";
}

.dlt-c8y-icon-sun:before {
  content: "\f75a";
}

.dlt-c8y-icon-sunlight:before {
  content: "\ec2d";
}

.dlt-c8y-icon-cloud1:before {
  content: "\f745";
}

.dlt-c8y-icon-rain:before {
  content: "\f754";
}

.dlt-c8y-icon-winter:before {
  content: "\f761";
}

.dlt-c8y-icon-storm:before {
  content: "\f758";
}

.dlt-c8y-icon-keep-dry:before {
  content: "\ebd9";
}

.dlt-c8y-icon-umbrella:before {
  content: "\ebd9";
}

@font-face {
  font-family: "Euclid Square";
  src: url("./fonts/EuclidSquare-Bold.eot");
  src: url("./fonts/EuclidSquare-Bold.eot?#iefix") format("embedded-opentype"), url("./fonts/EuclidSquare-Bold.woff2") format("woff2"), url("./fonts/EuclidSquare-Bold.woff") format("woff"), url("./fonts/EuclidSquare-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Euclid Square";
  src: url("./fonts/EuclidSquare-Regular.eot");
  src: url("./fonts/EuclidSquare-Regular.eot?#iefix") format("embedded-opentype"), url("./fonts/EuclidSquare-Regular.woff2") format("woff2"), url("./fonts/EuclidSquare-Regular.woff") format("woff"), url("./fonts/EuclidSquare-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: var(--c8y-font-family-sans-serif);
  font-size: 1rem;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: "Euclid Square", "Libre Franklin", "Helvetica", Arial, sans-serif;
  margin-top: 0;
}
h1 > small,
h2 > small,
h3 > small,
h4 > small,
h5 > small,
.h1 > small,
.h2 > small,
.h3 > small,
.h4 > small,
.h5 > small {
  font-size: 65% !important;
  font-weight: 400;
  text-transform: none;
}
h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
.h1 + p,
.h2 + p,
.h3 + p,
.h4 + p,
.h5 + p {
  margin-top: 1rem;
}

h1, h2, .h1, .h2 {
  text-transform: uppercase;
}

.h1,
.h2,
.h3,
.h4,
.h5 {
  display: inline;
}

h1,
.h1 {
  font-size: clamp(2.027rem, 3.8vw, 3rem);
  line-height: 1;
}

h2,
.h2 {
  font-size: clamp(1.802rem, 2.8vw, 2.25rem);
  line-height: 1.1;
}

h3,
.h3 {
  font-size: clamp(1.602rem, 2.5vw, 2.1875rem);
  line-height: 1.1;
}

h4,
.h4 {
  font-size: clamp(1.424rem, 2.25vw, 1.8125rem);
  line-height: 1.1;
}

h5,
.h5 {
  font-size: clamp(1.266rem, 2.125vw, 1.5rem);
  line-height: 1.1;
  margin-bottom: 0.5rem;
}

h6,
.h6 {
  font-size: 1rem;
  line-height: 1.1;
  margin: 0 0 0.5em;
}

p {
  margin: 0 0 1rem;
}
p:last-child {
  margin-bottom: 0;
}

.pre-title {
  font-family: "Euclid Square", "Libre Franklin", "Helvetica", Arial, sans-serif;
  font-size: clamp(1.266rem, 2.125vw, 1.5rem);
}

.card-title {
  text-transform: none !important;
  font-size: clamp(1.802rem, 2.8vw, 2.25rem) !important;
}

.lead, .first-lead > p:first-child {
  font-size: clamp(1.15rem, 2.8vw, 1.3125rem);
  text-wrap: pretty;
}

.text-pretty {
  text-wrap: pretty;
}

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

.text-pre {
  white-space: pre-wrap;
}

small,
.text-small {
  font-size: 0.8125rem !important;
  line-height: 1.5 !important;
}

.text-normal, .text-normal h1, .text-normal h2, .text-normal h3, .text-normal h4, .text-normal h5 {
  font-weight: 400;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1.3;
}

.text-large {
  font-size: 2rem;
}

.text--grid {
  color: var(--grid-border-color, var(--c8y-palette-gray-60));
  mix-blend-mode: var(--grid-blend-mode);
}

.text-muted {
  color: var(--c8y-text-muted);
}

.text-fade {
  opacity: 0.75;
}

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

.text-truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a:not([class]):not([data-ps2id-api]):not(:has(> button)), a:not([class]):not([data-ps2id-api]):not(:has(> button)):visited,
a.__mPS2id:not(.wp-block-navigation-item__content),
a.__mPS2id:not(.wp-block-navigation-item__content):visited {
  color: currentColor !important;
  -webkit-text-decoration: underline 1px;
          text-decoration: underline 1px;
  text-underline-offset: 0.5ch;
  position: relative;
  display: inline-block;
}
a:not([class]):not([data-ps2id-api]):not(:has(> button))::after, a:not([class]):not([data-ps2id-api]):not(:has(> button)):visited::after,
a.__mPS2id:not(.wp-block-navigation-item__content)::after,
a.__mPS2id:not(.wp-block-navigation-item__content):visited::after {
  content: "";
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
  position: absolute;
  width: clamp(3ch, 100%, 100%);
  height: 0.2em;
  background: var(--link-underline, var(--c8y-palette-yellow-60));
  top: 1.35em;
  left: 0;
  pointer-events: none;
  z-index: 10;
}
a:not([class]):not([data-ps2id-api]):not(:has(> button)):hover, a:not([class]):not([data-ps2id-api]):not(:has(> button)):focus, a:not([class]):not([data-ps2id-api]):not(:has(> button)):visited:hover, a:not([class]):not([data-ps2id-api]):not(:has(> button)):visited:focus,
a.__mPS2id:not(.wp-block-navigation-item__content):hover,
a.__mPS2id:not(.wp-block-navigation-item__content):focus,
a.__mPS2id:not(.wp-block-navigation-item__content):visited:hover,
a.__mPS2id:not(.wp-block-navigation-item__content):visited:focus {
  z-index: 1;
}
a:not([class]):not([data-ps2id-api]):not(:has(> button)):hover::after, a:not([class]):not([data-ps2id-api]):not(:has(> button)):focus::after, a:not([class]):not([data-ps2id-api]):not(:has(> button)):visited:hover::after, a:not([class]):not([data-ps2id-api]):not(:has(> button)):visited:focus::after,
a.__mPS2id:not(.wp-block-navigation-item__content):hover::after,
a.__mPS2id:not(.wp-block-navigation-item__content):focus::after,
a.__mPS2id:not(.wp-block-navigation-item__content):visited:hover::after,
a.__mPS2id:not(.wp-block-navigation-item__content):visited:focus::after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
.bg-yellow--60 a:not([class]):not([data-ps2id-api]):not(:has(> button))::after, .bg-yellow--60 a:not([class]):not([data-ps2id-api]):not(:has(> button)):visited::after,
.bg-yellow--60 a.__mPS2id:not(.wp-block-navigation-item__content)::after,
.bg-yellow--60 a.__mPS2id:not(.wp-block-navigation-item__content):visited::after {
  background: var(--c8y-palette-yellow-40);
}

.link-none {
  text-decoration: none;
  color: inherit;
}

ul {
  padding-left: 1em;
}
.large-list ul, ul.large-list {
  padding-left: 1em;
  list-style: none;
}
.large-list ul li::before, ul.large-list li::before {
  display: inline-block;
  content: "•";
  vertical-align: middle;
  color: var(--c8y-brand-primary);
  width: 1em;
  margin-left: -1em;
}
.large-list ul li + li, ul.large-list li + li {
  margin-top: 1rem;
}

ol {
  padding-left: 1em;
}

.bullet-check {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bullet-check ul {
  padding: 0;
  list-style: none;
}
.bullet-check li {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.bullet-check li::before {
  content: "\eaee";
  display: flex;
  margin-right: 0.5rem;
  line-height: 1;
  color: currentColor;
  background: transparent;
  border: 1px solid currentColor;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  align-self: start;
  flex-shrink: 0;
}

blockquote {
  font-size: clamp(1.15rem, 2.8vw, 1.3125rem);
  font-style: italic;
  position: relative;
}

blockquote.testimonial::before, .blockquote-testimonial::before, .long-copy blockquote::before {
  position: absolute;
  display: inline-block;
  content: "“";
  font-size: 200px;
  opacity: 1;
  font-family: Georgia, "Times New Roman", Times, serif;
  transform: translate(-118%, -30%);
}
.bg-yellow--60 blockquote.testimonial::before, .bg-yellow--60 .blockquote-testimonial::before, .bg-yellow--60 .long-copy blockquote::before, .long-copy .bg-yellow--60 blockquote::before {
  color: var(--c8y-palette-yellow-70);
}

.label {
  color: var(--tech-color);
  background: var(--tech-bg);
  padding: 0.2rem 0.5rem;
  border-radius: 2px;
}

.text-light {
  font-weight: lighter;
}

.text-normal {
  font-weight: 400;
}

.text-bold {
  font-weight: 600;
}

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

.text-label {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.2em;
}

.first-large p:first-child {
  font-size: 1.75rem;
  font-weight: lighter;
}

.lead, .first-lead > p:first-child {
  font-size: clamp(1.15rem, 2.8vw, 1.3125rem);
}

.text-white {
  color: var(--c8y-palette-high) !important;
}

.text-shadow-dark {
  text-shadow: 0 1px 2px rgba(var(--c8y-elevation-color), 1);
}

.small,
small {
  font-size: 87.5%;
}

.bullet-check {
  padding: 0;
  margin: 0;
  list-style: none;
}
.bullet-check ul {
  padding: 0;
  list-style: none;
}
.bullet-check li {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.bullet-check li::before {
  content: "\eaee";
  display: flex;
  margin-right: 0.5rem;
  line-height: 1;
  color: currentColor;
  background: transparent;
  border: 1px solid currentColor;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  align-self: start;
  flex-shrink: 0;
}

.long-copy h1, .long-copy h2 {
  padding: 5rem 25% 2rem 0;
  position: relative;
  text-shadow: 0 -4px 0 white, 0 4px 0 white, -4px 0 0 white, 4px 0 0 white;
}
.long-copy h1::before, .long-copy h2::before {
  content: "";
  position: absolute;
  display: block;
  height: 1px;
  background-color: var(--grid-border-color, var(--c8y-palette-gray-60));
  top: 3rem;
  left: -3rem;
  right: -3rem;
}
.long-copy h1:first-child, .long-copy h2:first-child {
  padding-top: 0 !important;
}
.long-copy h1:first-child::before, .long-copy h2:first-child::before {
  display: none;
}
.long-copy h3 {
  font-size: clamp(1.424rem, 2.25vw, 1.8125rem);
}
.long-copy h4 {
  font-size: clamp(1.266rem, 2.125vw, 1.5rem);
}
.long-copy h5 {
  font-size: 1rem;
}
.long-copy h3, .long-copy h4, .long-copy h5 {
  margin: 2rem auto 1rem;
}
.long-copy h2 + h3, .long-copy h2 + h4, .long-copy h2 + h5 {
  margin-top: 0;
}
.long-copy blockquote {
  color: var(--c8y-palette-gray-40);
  margin: 2rem 0;
}
.long-copy blockquote::before {
  font-size: 110px;
}
.long-copy > p, .long-copy > ul, .long-copy > ol {
  margin: 0 auto 1rem;
}
.long-copy ul > li, .long-copy ol > li {
  margin-bottom: 1rem;
}
.long-copy div:has(> iframe) {
  margin: 0 0 2rem;
}
@media (min-width: 992px) {
  .long-copy > p, .long-copy > ul, .long-copy > ol, .long-copy > h3, .long-copy > h4, .long-copy > h5, .long-copy .cookieconsent-optout-marketing {
    max-width: 50%;
  }
  .long-copy p:has(> img) {
    max-width: 75%;
    margin: 2rem auto;
    display: flex;
    justify-content: center;
  }
  .long-copy blockquote {
    max-width: 75%;
    margin: 2rem 12.5% 2rem 24.5%;
    text-shadow: 1px 1px 0 white;
  }
  .long-copy blockquote::before {
    transform: translate(-135%, -30%);
    font-size: 150px;
    color: var(--c8y-palette-yellow-60);
  }
  .long-copy blockquote p {
    max-width: unset;
  }
}

.main-navbar {
  --subOpenBg: var(--c8y-palette-gray-20);
  --c8y-brand-dark: var(--c8y-palette-gray-100);
  --btn-primary-background-default: var(--c8y-palette-yellow-60);
  --btn-primary-border-color-default: var(--c8y-palette-yellow-60);
  --btn-primary-color-default: var(--c8y-palette-gray-10);
  --btn-primary-background-hover: var(--c8y-palette-yellow-50);
  --btn-primary-border-color-hover: var(--c8y-palette-yellow-50);
  --btn-primary-color-hover: var(--c8y-palette-gray-10);
  --btn-primary-background-active: var(--c8y-palette-yellow-50);
  --btn-primary-border-color-active: var(--c8y-palette-yellow-50);
  --btn-primary-color-active: var(--c8y-palette-gray-10);
  --btn-primary-border-color-focus: var(--c8y-palette-yellow-60);
  --btn-primary-color-focus: var(--c8y-palette-gray-10);
  position: sticky;
  top: 0;
  background-color: var(--c8y-palette-gray-10);
  height: 4rem;
  color: var(--c8y-palette-gray-100);
  z-index: 1000;
  transition: transform 0.25s ease;
}
.main-navbar__wrapper {
  display: flex;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
  display: flex;
  gap: 1rem;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
}
.main-navbar__wrapper::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  background: var(--c8y-palette-gray-10);
  height: 64px;
  z-index: 10;
}

.navbar-brand {
  position: relative;
  z-index: 10;
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.navbar-brand > a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: var(--c8y-palette-yellow-60);
}
.navbar-brand svg {
  max-height: 40px;
  max-width: 185px;
}

.nav-right {
  position: relative;
  z-index: 10;
}

.main-nav {
  padding: 8rem 0 2rem;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  height: 100vh;
  overflow: hidden;
  background-color: var(--c8y-palette-gray-10);
  transition: transform 0.35s ease-out, border-radius 0.25s ease-out 0.075s;
  transform: translate3d(0, calc((100% + 64px) * -1), 0);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  border-bottom-left-radius: 450px;
  border-bottom-right-radius: 450px;
  color: var(--c8y-palette-gray-100);
  max-width: 100vw;
}
.main-nav > li {
  opacity: 0;
  margin-top: -100px;
  transition: all 0.25s ease-out var(--delay);
  width: 100%;
}
.main-nav > li.cta {
  order: 10;
}
.main-nav > li > .nav-btn {
  padding: 1rem;
  display: flex;
  gap: 0.5rem;
  min-width: 100vw;
  justify-content: center;
  align-items: center;
  transition: all 0.25s linear;
  white-space: nowrap;
  border: 0;
  color: inherit;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  cursor: pointer;
  text-decoration: none;
}
.main-nav > li > .nav-btn:hover, .main-nav > li > .nav-btn:focus {
  background: var(--c8y-palette-gray-20);
  text-decoration: none;
}
.main-nav > li > .nav-btn .chevron {
  transition: transform 0.25s ease;
  font-size: 110%;
  pointer-events: none;
  transform: rotate(-90deg);
}
.main-nav > li.active > .nav-btn {
  font-weight: 600;
}
.main-nav > li.sub-open {
  --delay:0s!important;
}
.main-nav > li.sub-open > .nav-btn .chevron {
  transform: rotate(180deg);
}
.nav-open .main-nav {
  transform: translate3d(0, 0, 0);
  border-radius: 0;
}
.nav-open .main-nav > li {
  margin-top: 0;
  opacity: 1;
  font-size: clamp(1.424rem, 2.25vw, 1.8125rem);
}
.nav-open .main-nav > li:nth-child(5) {
  --delay: 0s;
}
.nav-open .main-nav > li:nth-child(4) {
  --delay: .1s;
}
.nav-open .main-nav > li:nth-child(3) {
  --delay: .2s;
}
.nav-open .main-nav > li:nth-child(2) {
  --delay: 0.3s;
}
.nav-open .main-nav > li:nth-child(1) {
  --delay: 0.4s;
}
.nav-open--sub .main-nav > li {
  transition: all 0.25s ease-in-out !important;
  transform: none;
  position: static;
  margin-left: -200vw;
}
.nav-open--sub .main-nav > li.sub-open .sub-nav {
  left: 0;
}

.middle-navbar {
  display: none;
  background-color: var(--c8y-root-component-background-default);
}
.middle-navbar .middle-nav {
  width: 100%;
  max-width: 1350px;
  margin: auto;
}
.middle-navbar .wp-block-navigation-item__content {
  color: currentColor;
  text-decoration: none;
  text-underline-offset: 0.5ch;
  position: relative;
  display: inline-block;
}
.middle-navbar .wp-block-navigation-item__content::after {
  content: "";
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
  position: absolute;
  width: clamp(3ch, 100%, 100%);
  height: 0.2em;
  background: var(--c8y-palette-yellow-60);
  top: 2.25em;
  left: 0;
  pointer-events: none;
  z-index: 10;
}
.middle-navbar .wp-block-navigation-item__content:hover, .middle-navbar .wp-block-navigation-item__content:focus {
  z-index: 1;
}
.middle-navbar .wp-block-navigation-item__content:hover::after, .middle-navbar .wp-block-navigation-item__content:focus::after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
.middle-navbar .wp-block-navigation-item__content[class*=-highlight] {
  font-weight: bold;
}
.middle-navbar .wp-block-navigation-item__content[class*=-highlight]::after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}

.has-middle-nav.section-separator {
  top: auto;
  bottom: -40%;
}

.sub-nav {
  position: absolute;
  margin: 0;
  padding: 0 2rem 2rem;
  list-style: none;
  font-size: 1rem;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 4rem);
  transition: all 0.25s ease-out;
  padding-bottom: 2rem;
  z-index: 8;
  top: 4rem;
  width: 100vw !important;
  left: 100vw;
  display: block;
}
.sub-nav::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sub-nav::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 1rem;
}
.sub-nav::-webkit-scrollbar-thumb {
  background: var(--c8y-text-muted);
  border-radius: 16px;
}
.sub-nav .back-btn {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 0.5rem 1.5rem;
  background-color: var(--c8y-palette-gray-10);
  color: var(--c8y-palette-gray-60);
  box-shadow: inset 0 -1px 0 var(--c8y-palette-gray-30);
  margin: 0 -1.5rem;
}
.sub-nav__intro {
  padding: 1.5rem 0;
}
.sub-nav__intro h4 {
  margin-top: 0;
  font-family: var(--headings-font-family);
}
.sub-nav__intro__menu {
  padding-top: 1rem;
  margin: 0;
}
.sub-nav__menu {
  --c8y-text-muted: var(--c8y-palette-gray-60);
}
.sub-nav__menu__label {
  color: var(--c8y-text-muted);
  text-transform: uppercase;
  font-weight: normal;
  margin: 0 0 0.5rem;
}
.sub-nav__menu--left, .sub-nav__menu--right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-top: 1px solid var(--c8y-palette-gray-20);
  padding-top: 1rem;
}
.sub-nav__menu--right {
  gap: 0.5rem;
  margin-top: 2rem;
}
.sub-nav__menu--right .nav-btn.active {
  font-weight: bold;
}
.sub-nav .nav-btn {
  color: inherit;
  padding: 1rem;
  border-radius: 0.5rem;
  transition: all 0.25s linear;
  text-decoration: none;
  box-shadow: inset 0 0 0 var(--c8y-palette-gray-20);
  border: 1px solid transparent;
}
.sub-nav .nav-btn .text-muted {
  transition: all 0.25s linear;
}
.sub-nav .nav-btn h6 {
  margin-bottom: 0.25rem;
}
.sub-nav .nav-btn:hover, .sub-nav .nav-btn:focus-visible {
  text-decoration: none;
  background: var(--subOpenBg);
  border-color: var(--c8y-palette-gray-60);
  outline-color: var(--c8y-palette-gray-50);
}
.sub-nav .nav-btn.active {
  text-decoration: none;
  pointer-events: none;
  border-color: var(--c8y-brand-light);
  background: var(--subOpenBg);
}

.navbar__btn--toggle {
  margin-left: auto;
  position: relative;
  z-index: 50;
}

@media (min-width: 992px) {
  .main-navbar {
    --subOpenBg: var(--c8y-palette-gray-90);
    --c8y-brand-dark: var(--c8y-palette-gray-20);
  }
  .main-navbar__wrapper {
    padding: 0 1.5rem;
    align-items: center;
  }
  .main-navbar__wrapper::before {
    display: none;
  }
  .middle-navbar {
    top: 105px;
    display: flex;
    z-index: 100;
    min-height: unset;
    height: auto;
    position: sticky !important;
  }
  .navbar-brand {
    min-width: 160px;
  }
  .main-nav {
    transition: none !important;
    position: static !important;
    transform: none;
    flex-direction: row;
    gap: 0;
    border-radius: 0;
    height: auto;
    min-height: 64px;
    width: auto !important;
    padding: 0;
    overflow: visible;
  }
  .main-nav::after {
    position: absolute;
    background-color: var(--c8y-palette-gray-10);
    left: 0;
    right: 0;
    top: 0;
    height: 64px;
    z-index: 8;
    content: "";
  }
  .main-nav > li {
    transform: none !important;
    opacity: 1 !important;
    width: auto;
    margin: 0 !important;
  }
  .main-nav > li > .nav-btn {
    padding: 20px 1rem;
    background: var(--c8y-palette-gray-10);
    position: relative;
    z-index: 10;
    min-width: auto;
    font-size: 1rem;
    border-radius: 0;
  }
  .main-nav > li > .nav-btn:hover, .main-nav > li > .nav-btn:focus-visible, .main-nav > li > .nav-btn:active {
    text-decoration: none;
  }
  .main-nav > li > .nav-btn .chevron {
    transform: rotate(0);
  }
  .main-nav > li.sub-open > .nav-btn {
    text-decoration: none;
    box-shadow: inset 0 -4px 0 0 var(--c8y-palette-yellow-70);
    color: var(--c8y-palette-gray-100);
  }
  .main-nav > li.active > .nav-btn {
    border-radius: 0;
    color: var(--c8y-palette-high);
    box-shadow: inset 0 -4px 0 0 var(--c8y-palette-yellow-60) !important;
  }
  .sub-nav {
    color: var(--c8y-text-color);
    background-color: var(--c8y-palette-gray-100);
    position: absolute;
    padding: 0;
    z-index: 7;
    top: 0;
    left: 50% !important;
    translate: -50% -100%;
    scale: 0.9;
    opacity: 1;
    width: calc(100vw - 4rem) !important;
    max-width: 1350px;
    max-height: calc(100vh - 200px);
    transition: all 0.25s ease-in;
    display: flex !important;
    transform: none;
    border-radius: 1rem;
    height: auto;
    box-shadow: var(--c8y-elevation-sm);
  }
  .sub-nav__menu {
    --c8y-text-muted: var(--c8y-palette-gray-30);
  }
  .sub-nav .btn--accent, .sub-nav .is-style-fill.has-btn-accent > a,
  .sub-nav .is-style-fill.has-btn-accent > .wp-element-button,
  .sub-nav .is-style-fill.has-btn-accent > button {
    font-family: inherit;
    text-transform: none;
  }
  .sub-open .sub-nav {
    transition: translate 0.35s cubic-bezier(0, 0.96, 0.61, 1), scale 0.25s ease-in-out 0.15s, box-shadow 0.3s cubic-bezier(0, 0, 0, 1.06) 0.15s, opacity 0.25s linear;
    box-shadow: var(--c8y-elevation-lg);
    z-index: 8;
    translate: -50% 4.5rem;
    scale: 1;
    opacity: 1;
  }
  .sub-nav__intro {
    max-width: 28%;
    width: 100%;
    position: relative;
    padding: 2rem;
    background: var(--c8y-palette-yellow-60);
    align-self: auto;
  }
  .sub-nav__intro .btn-default, .sub-nav__intro body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, body .woocommerce-tabs .wcpoa_attachment .sub-nav__intro .wcpoa_attachmentbtn, .sub-nav__intro html body div .um .um-form .um-button.um-alt, html body div .um .um-form .sub-nav__intro .um-button.um-alt, .sub-nav__intro .is-style-outline > a,
  .sub-nav__intro .is-style-outline > .wp-element-button,
  .sub-nav__intro .is-style-outline > button {
    --btn-default-border-color-default: var(--c8y-palette-gray-10);
  }
  .sub-nav__intro h5 {
    margin-top: 0;
  }
  .sub-nav__intro__content {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .sub-nav__intro__content .bits-line {
    margin-top: 1rem;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .sub-nav__list {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    flex-grow: 1;
    height: 100%;
  }
  .sub-nav__menu {
    border-top: 0;
    padding: 2rem;
    gap: 0.5rem;
  }
  .sub-nav__menu__label {
    padding-left: 1rem;
  }
  .sub-nav__menu--right .sub-nav__menu__label {
    padding-left: 0.5rem;
  }
  .sub-nav__menu--left .nav-btn, .sub-nav__menu--right .nav-btn {
    margin: 0;
  }
  .sub-nav__menu--left {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: min-content;
    position: relative;
    gap: 1rem;
  }
  .sub-nav__menu--left::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 2rem;
    bottom: 2rem;
    border-right: 1px solid var(--c8y-palette-gray-60);
  }
  .sub-nav__menu--left .nav-btn {
    flex-grow: 1;
    flex-basis: 45%;
  }
  .sub-nav__menu--left .nav-btn h6 {
    margin-bottom: 0.25rem;
  }
  .sub-nav__menu--right {
    padding-left: 0;
    width: 30%;
    margin: 0;
    justify-content: flex-start;
  }
  .sub-nav__menu--right .nav-btn {
    padding: 0.5rem;
    font-size: 0.8125rem;
  }
  .sub-nav__menu__label {
    grid-column: 1/-1;
  }
  .navbar__btn--toggle, .close-subnav, .back-btn {
    display: none;
  }
}
body:has(.signupform) .main-navbar .cta, body:has(.signupform) .main-navbar .navbar__btn--toggle {
  display: none;
}

.close-subnav {
  background: transparent;
  border: 0;
  padding: 0.5rem 0.5rem 0.5rem 0;
  cursor: pointer;
  transition: outline 0.25s ease;
  border-radius: 0.25rem;
  color: inherit;
}
.close-subnav:hover {
  outline: 2px solid var(--c8y-palette-yellow-60);
  color: var(--c8y-palette-yellow-60);
}

body .breadcrumbs, .breadcrumb-container > ol {
  list-style: none;
  margin: 0;
  font-size: 0.8125rem;
  max-width: 1350px;
  margin: 0 auto;
  display: flex;
}
body .breadcrumbs li, .breadcrumb-container > ol li {
  display: flex;
  align-items: center;
}
body .breadcrumbs li:not(:last-child):after, .breadcrumb-container > ol li:not(:last-child):after {
  display: inline-block;
  content: "\e92b";
  font-size: inherit !important;
}
body .breadcrumbs a:not([aria-current]), .breadcrumb-container > ol a:not([aria-current]) {
  color: var(--c8y-text-muted);
  text-decoration: none !important;
}
body .breadcrumbs a:not([aria-current]):hover, .breadcrumb-container > ol a:not([aria-current]):hover {
  color: var(--c8y-text-color);
}
body .breadcrumbs [aria-current], .breadcrumb-container > ol [aria-current] {
  color: var(--c8y-text-muted) !important;
  text-decoration: none !important;
}
body .breadcrumbs a, .breadcrumb-container > ol a {
  padding: 0 !important;
  margin: 0 !important;
}
nav[aria-label=breadcrumbs]{
  position: sticky;
  top: 64px;
  z-index: 999;
}

body .breadcrumb-container {
  padding: 0.75rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.65);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  position: sticky;
  top: 64px;
  z-index: 999;
  transition: background 0.25s ease;
  line-height: 1.231;
  margin-bottom: -42px;
  display: none;
}
nav[aria-label=breadcrumbs]:hover, nav[aria-label=breadcrumbs]:focus-within, body .breadcrumb-container:hover, body .breadcrumb-container:focus-within {
  background-color: white;
}
@media (min-width: 992px) {
  nav[aria-label=breadcrumbs], body .breadcrumb-container {
    display: block;
  }
}

html,
body {
  font-family: var(--c8y-font-family-sans-serif);
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

body {
  background-color: var(--c8y-body-background-color);
  color: var(--c8y-text-color);
  max-width: 100vw;
  overflow-x: hidden;
}

.main-content {
  transition: opacity 0.5s linear;
  opacity: 1;
  max-height: unset;
  max-width: 100vw;
  min-height: calc(100vh - 344px);
}
.main-content:not(:has(.nav-filters)) {
  position: relative;
  z-index: 100;
  overflow: hidden;
}
.main-content__container {
  max-width: 1350px;
  margin: 0 auto;
  width: 100%;
  padding: 2rem 1.5rem 8rem 1.5rem;
  position: relative;
}
@media (min-width: 992px) {
  .main-content__container {
    padding: 8rem 1.5rem;
    padding-top: 6rem;
  }
}

body.loading .main-content {
  opacity: 0;
  max-height: 100vh;
  overflow: hidden;
  width: 100vw;
}

body.nav-open {
  overflow: hidden;
}

body:has(.nav-filters) .page-header .main-content__container {
  padding-bottom: 0;
}
body:has(.nav-filters) .page-header .main-content__container .grid-row:last-child:after, body:has(.nav-filters) .page-header .main-content__container .wc-block-grid__products .wc-block-grid__product:last-child:after, body:has(.nav-filters) .wc-block-grid__products .page-header .main-content__container .wc-block-grid__product:last-child:after,
html body:has(.nav-filters) .page-header .main-content__container .products .product-category:last-child:after,
html body:has(.nav-filters) .products .page-header .main-content__container .product-category:last-child:after {
  display: none;
}

.section-title-separator {
  display: block;
  aspect-ratio: 1/0.126261932;
  position: absolute !important;
  left: 0;
  top: 2.3rem;
  z-index: 100;
  transform: translateX(calc(-100% - 24px));
  color: var(--section-title-color, var(--c8y-palette-yellow-60));
}

h1 + .section-title-separator {
  height: calc(clamp(2.027rem, 3.8vw, 3rem) - 12px);
}

h2 + .section-title-separator {
  height: calc(clamp(1.802rem, 2.8vw, 2.25rem) - 12px);
  top: 2.3rem;
}

.section-separator {
  position: absolute;
  transform: translateY(50%);
  bottom: 0;
  width: 65%;
}
.section-separator--right {
  right: 0;
}
.section-separator.has-middle-nav {
  top: 100%;
}

.page-header {
  z-index: 5;
}
.page-header h2 {
  font-size: clamp(1.602rem, 2.5vw, 2.1875rem);
}
.page-header__image {
  min-height: 70vh;
  position: relative;
  --section-title-color: var(--c8y-palette-gray-80);
}
.page-header__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -o-object-position: center;
     object-position: center;
  filter: grayscale(100%);
  mix-blend-mode: multiply;
}

.panel__container {
  max-width: 1350px;
  margin: 0 auto;
  width: 100%;
  padding: 8rem 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.panel__container.panel--first {
  padding-top: 2rem;
}
.panel__container > .section-separator {
  z-index: 0;
}
.panel__container > .p-absolute {
  z-index: 10;
  pointer-events: none;
}
.panel.bg-white {
  --section-title-color: var(--c8y-palette-yellow-60);
}

.p-absolute .wp-block-image {
  display: inline-block;
  max-width: 100%;
}

.d-grid {
  display: grid;
}

@media (min-width: 992px) {
  [class^=grid--],
  [class*=" grid--"] {
    display: grid !important;
  }
}
.full-colspan {
  grid-column: 1/-1 !important;
}

.grid-row, body .wc-block-grid__products .wc-block-grid__product,
html body .products .product-category {
  position: relative;
}
.grid-row::before, body .wc-block-grid__products .wc-block-grid__product::before,
html body .products .product-category::before, .grid-row::after, body .wc-block-grid__products .wc-block-grid__product::after,
html body .products .product-category::after {
  content: "";
  display: block;
  height: 1px;
  background: var(--grid-border-color, var(--c8y-palette-gray-60));
  mix-blend-mode: var(--grid-blend-mode);
  position: absolute;
  left: -1rem;
  right: -1rem;
}
.grid-row::before, body .wc-block-grid__products .wc-block-grid__product::before,
html body .products .product-category::before {
  top: 0;
  display: none;
}
.grid-row::after, body .wc-block-grid__products .wc-block-grid__product::after,
html body .products .product-category::after {
  bottom: 0;
}
.grid-row:first-child::before, body .wc-block-grid__products .wc-block-grid__product:first-child::before,
html body .products .product-category:first-child::before {
  display: block;
	z-index: 3;
}
.grid-row--top::before {
  display: block;
}
.grid-row--top::after {
  display: none;
}

.grid-col, .woocommerce ul.products li.product, body .woocommerce-tabs ul.tabs, .catalog__list {
  position: relative;
  padding: 1rem;
}
.grid-col:first-child .h-line, .woocommerce ul.products li.product:first-child .h-line, body .woocommerce-tabs ul.tabs:first-child .h-line, .catalog__list:first-child .h-line {
  display: none;
}
@media (min-width: 992px) {
  .grid-col, .woocommerce ul.products li.product, body .woocommerce-tabs ul.tabs, .catalog__list {
    padding: 2rem;
  }
}
.grid-col > *, .woocommerce ul.products li.product > *, body .woocommerce-tabs ul.tabs > *, .catalog__list > * {
  position: relative;
  z-index: 10;
}
.grid-col::before, .woocommerce ul.products li.product::before, body .woocommerce-tabs ul.tabs::before, .catalog__list::before, .grid-col::after, .woocommerce ul.products li.product::after, body .woocommerce-tabs ul.tabs::after, .catalog__list::after {
  content: "";
  display: block;
  width: 1px;
  background: var(--grid-border-color, var(--c8y-palette-gray-60));
  mix-blend-mode: var(--grid-blend-mode);
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  z-index: 0;
}
.grid-col::before, .woocommerce ul.products li.product::before, body .woocommerce-tabs ul.tabs::before, .catalog__list::before {
  left: 0;
}
.grid-col::after, .woocommerce ul.products li.product::after, body .woocommerce-tabs ul.tabs::after, .catalog__list::after {
  right: 0;
}
.grid-col .v-line, .woocommerce ul.products li.product .v-line, body .woocommerce-tabs ul.tabs .v-line, .catalog__list .v-line {
  display: none;
}
@media (min-width: 992px) {
  .grid-col .v-line, .woocommerce ul.products li.product .v-line, body .woocommerce-tabs ul.tabs .v-line, .catalog__list .v-line {
    display: block;
  }
  .grid-col:not(:first-child)::before, .woocommerce ul.products li.product:not(:first-child)::before, body .woocommerce-tabs ul.tabs:not(:first-child)::before, .catalog__list:not(:first-child)::before {
    display: none;
  }
}
@media (min-width: 768px) {
  .grid-col.grid-col--md:not(:first-child)::before, .woocommerce ul.products li.grid-col--md.product:not(:first-child)::before, body .woocommerce-tabs ul.grid-col--md.tabs:not(:first-child)::before, .grid-col--md.catalog__list:not(:first-child)::before {
    display: none;
  }
}

.cell-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cell-image > img {
  width: 100%;
  max-width: 110px;
  border: 1rem solid var(--c8y-palette-high);
  aspect-ratio: 1;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: var(--c8y-palette-high);
  border-radius: 50%;
}

.v-line {
  display: block;
  width: 1px;
  background: var(--grid-border-color, var(--c8y-palette-gray-60));
  mix-blend-mode: var(--grid-blend-mode);
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  z-index: 0;
}
.col-lg-8 .v-line, .col-lg-4 .v-line {
  left: calc(50% - 1px);
}
.col-lg-12 .v-line, body .woocommerce-tabs ul.tabs .v-line, .col-lg-6 .v-line, .col-md-6 .v-line {
  left: calc(66.66666% - 1px);
}
.col-lg-12 .v-line:first-of-type, body .woocommerce-tabs ul.tabs .v-line:first-of-type, .col-lg-6 .v-line:first-of-type, .col-md-6 .v-line:first-of-type {
  left: calc(33.3333% - 1px);
}
.col-lg-6.lines-1 .v-line {
  left: calc(50% - 1px);
}
.col-lg-9.lines-2 .v-line, .col-lg-12.lines-2 .v-line, body .woocommerce-tabs ul.lines-2.tabs .v-line {
  left: calc(66.66666% - 1px);
}
.col-lg-9.lines-2 .v-line:first-of-type, .col-lg-12.lines-2 .v-line:first-of-type, body .woocommerce-tabs ul.lines-2.tabs .v-line:first-of-type {
  left: 33.3333%;
}
.col-lg-12.lines-3 .v-line:nth-child(1), body .woocommerce-tabs ul.lines-3.tabs .v-line:nth-child(1), .col-lg-8.lines-3 .v-line:nth-child(1) {
  left: calc(25% - 1px);
}
.col-lg-12.lines-3 .v-line:nth-child(2), body .woocommerce-tabs ul.lines-3.tabs .v-line:nth-child(2), .col-lg-8.lines-3 .v-line:nth-child(2) {
  left: calc(50% - 1px);
}
.col-lg-12.lines-3 .v-line:nth-child(3), body .woocommerce-tabs ul.lines-3.tabs .v-line:nth-child(3), .col-lg-8.lines-3 .v-line:nth-child(3) {
  left: calc(75% - 1px);
}

.h-line {
  display: block;
  height: 1px;
  background: var(--grid-border-color, var(--c8y-palette-gray-60));
  mix-blend-mode: var(--grid-blend-mode);
  position: absolute;
  left: -1rem;
  right: -1rem;
  top: 0;
  z-index: 0;
}
@media (min-width: 768px) {
  .h-line--md {
    display: none;
  }
}
@media (min-width: 992px) {
  .h-line--lg {
    display: none;
  }
}

.numbers-story ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.numbers-story ul::before {
  content: "";
  display: block;
  width: 1px;
  background: var(--grid-border-color, var(--c8y-palette-gray-60));
  mix-blend-mode: var(--grid-blend-mode);
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  z-index: 0;
  left: 0;
}
@media (min-width: 992px) {
  .numbers-story ul::before {
    display: none !important;
  }
}
.numbers-story ul > li {
  padding: 2rem;
  position: relative;
}
.numbers-story ul > li::before {
  content: "";
  display: block;
  width: 1px;
  background: var(--grid-border-color, var(--c8y-palette-gray-60));
  mix-blend-mode: var(--grid-blend-mode);
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  right: 0;
  z-index: 0;
}
.numbers-story ul > li::after {
  content: "";
  display: block;
  height: 1px;
  background: var(--grid-border-color, var(--c8y-palette-gray-60));
  mix-blend-mode: var(--grid-blend-mode);
  position: absolute;
  left: -1rem;
  right: -1rem;
  bottom: 0;
}
.numbers-story ul > li:last-child::after {
  display: none;
}
.numbers-story ul > li h3 {
  text-align: left;
  font-size: clamp(2.027rem, 3.8vw, 3rem) !important;
  color: var(--section-title-color, var(--c8y-palette-gray-90));
}
@media (min-width: 768px) {
  .numbers-story ul > li h3 {
    margin-bottom: 2rem;
    transform: scale(1.5);
    transform-origin: 0 0;
  }
}

.um-button, a.um-button {
  border: unset;
}

.btn, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, .hs-button, html body div .um .um-form .um-button.um-alt, html body div .um .um-form input[type=submit].um-button, .is-style-outline > a,
.is-style-outline > .wp-element-button,
.is-style-outline > button, .is-style-fill.has-btn-accent > a,
.is-style-fill.has-btn-accent > .wp-element-button,
.is-style-fill.has-btn-accent > button, .is-style-fill > a,
.is-style-fill > .wp-element-button,
.is-style-fill > button,
.single_add_to_cart_button, body main .wp-element-button, body main .um-button, .search-submit {
  --btn-primary-background-default: var(--c8y-palette-yellow-60);
  --btn-primary-border-color-default: var(--c8y-palette-gray-10);
  --btn-primary-color-default: var(--c8y-palette-gray-10);
  --btn-primary-background-hover: var(--c8y-palette-yellow-50);
  --btn-primary-border-color-hover: var(--c8y-palette-gray-10);
  --btn-primary-color-hover: var(--c8y-palette-gray-10);
  --btn-primary-background-focus: var(--c8y-palette-yellow-70);
  --btn-primary-border-color-focus: var(--c8y-palette-yellow-50);
  --btn-primary-color-focus: var(--c8y-palette-gray-10);
  --btn-primary-background-active: var(--c8y-palette-yellow-40);
  --btn-primary-border-color-active: var(--c8y-palette-gray-10);
  --btn-primary-color-active: var(--c8y-palette-gray-10);
  --btn-default-background-default: var(--c8y-palette-high);
  --btn-default-border-color-default: var(--c8y-palette-yellow-60);
  --btn-default-color-default: var(--c8y-palette-gray-10);
  --btn-default-background-hover: var(--c8y-palette-yellow-70);
  --btn-default-border-color-hover: var(--c8y-palette-yellow-60);
  --btn-default-color-hover: var(--c8y-palette-gray-10);
  --btn-default-background-focus: var(--c8y-palette-yellow-70);
  --btn-default-border-color-focus: var(--c8y-palette-yellow-50);
  --btn-default-color-focus: var(--c8y-palette-gray-10);
  --btn-default-background-active: var(--c8y-palette-yellow-40);
  --btn-default-border-color-active: var(--c8y-palette-gray-10);
  --btn-default-color-active: var(--c8y-palette-gray-10);
  --c8y-btn-padding-base-vertical: 0.5rem;
  --c8y-btn-padding-base-horizontal: 1rem;
  --c8y-btn-border-radius-base: 0.25rem;
  --c8y-btn-padding-large-vertical: 0.7371007475rem;
  --c8y-btn-padding-large-horizontal: 1.5rem;
  --c8y-btn-border-radius-base: 0.25rem;
  --c8y-btn-line-height-large: 1.2015;
  --c8y-btn-font-weight: 600;
  background-color: transparent;
  background-image: none;
  border: 2px solid transparent;
  border-radius: var(--c8y-btn-border-radius-base) !important;
  cursor: pointer;
  display: inline-block;
  font-size: var(--c8y-btn-font-size-base);
  font-weight: var(--c8y-btn-font-weight);
  line-height: var(--c8y-btn-line-height-base);
  margin-bottom: 0;
  padding: var(--c8y-btn-padding-base-vertical) var(--c8y-btn-padding-base-horizontal);
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  transition: all 0.3s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.btn::after, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn::after, .hs-button::after, html body div .um .um-form .um-button.um-alt::after, html body div .um .um-form input[type=submit].um-button::after, .is-style-outline > a::after,
.is-style-outline > .wp-element-button::after,
.is-style-outline > button::after, .is-style-fill.has-btn-accent > a::after,
.is-style-fill.has-btn-accent > .wp-element-button::after,
.is-style-fill.has-btn-accent > button::after, .is-style-fill > a::after,
.is-style-fill > .wp-element-button::after,
.is-style-fill > button::after,
.single_add_to_cart_button::after, body main .wp-element-button::after, body main .um-button::after {
  display: none;
}

.btn-default, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, html body div .um .um-form .um-button.um-alt, .is-style-outline > a,
.is-style-outline > .wp-element-button,
.is-style-outline > button {
  background-color: var(--btn-default-background-default, var(--c8y-btn-default-background-default));
  border-color: var(--btn-default-border-color-default, var(--c8y-btn-default-border-color-default));
  color: var(--btn-default-color-default, var(--c8y-btn-default-color-default));
}
.btn-default:focus, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn:focus, html body div .um .um-form .um-button.um-alt:focus, .is-style-outline > a:focus,
.is-style-outline > .wp-element-button:focus,
.is-style-outline > button:focus {
  background-color: var(--btn-default-background-focus, var(--c8y-btn-default-background-focus));
  border-color: var(--btn-default-border-color-focus, var(--c8y-btn-default-border-color-focus));
  box-shadow: inset 0 0 0 1px var(--btn-default-border-color-focus, var(--c8y-btn-default-border-color-focus));
  color: var(--btn-default-color-focus, var(--c8y-btn-default-color-focus));
}
.btn-default:hover, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn:hover, html body div .um .um-form .um-button.um-alt:hover, .is-style-outline > a:hover,
.is-style-outline > .wp-element-button:hover,
.is-style-outline > button:hover {
  background-color: var(--btn-default-background-hover, var(--c8y-btn-default-background-hover));
  border-color: var(--btn-default-border-color-hover, var(--c8y-btn-default-border-color-hover));
  box-shadow: inset 0 0 0 1px var(--btn-default-border-color-hover, var(--c8y-btn-default-border-color-hover));
  color: var(--btn-default-color-hover, var(--c8y-btn-default-color-hover));
}
.btn-default:active, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn:active, html body div .um .um-form .um-button.um-alt:active, .is-style-outline > a:active,
.is-style-outline > .wp-element-button:active,
.is-style-outline > button:active, .btn-default.active, body .woocommerce-tabs .wcpoa_attachment .active.wcpoa_attachmentbtn, html body div .um .um-form .active.um-button.um-alt, .is-style-outline > a.active,
.is-style-outline > .active.wp-element-button,
.is-style-outline > button.active {
  background-color: var(--btn-default-background-active, var(--c8y-btn-default-background-active));
  border-color: var(--btn-default-border-color-active, var(--c8y-btn-default-border-color-active));
  box-shadow: inset 0 0 0 1px var(--btn-default-border-color-active, var(--c8y-btn-default-border-color-active));
  color: var(--btn-default-color-active, var(--c8y-btn-default-color-active));
}
.grad-sections--yellow .btn-default, .grad-sections--yellow body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, body .woocommerce-tabs .wcpoa_attachment .grad-sections--yellow .wcpoa_attachmentbtn, .grad-sections--yellow html body div .um .um-form .um-button.um-alt, html body div .um .um-form .grad-sections--yellow .um-button.um-alt, .grad-sections--yellow .is-style-outline > a,
.grad-sections--yellow .is-style-outline > .wp-element-button,
.grad-sections--yellow .is-style-outline > button, .grad-sections--yellow--reversed .btn-default, .grad-sections--yellow--reversed body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, body .woocommerce-tabs .wcpoa_attachment .grad-sections--yellow--reversed .wcpoa_attachmentbtn, .grad-sections--yellow--reversed html body div .um .um-form .um-button.um-alt, html body div .um .um-form .grad-sections--yellow--reversed .um-button.um-alt, .grad-sections--yellow--reversed .is-style-outline > a,
.grad-sections--yellow--reversed .is-style-outline > .wp-element-button,
.grad-sections--yellow--reversed .is-style-outline > button, .bg-yellow--60 .btn-default, .bg-yellow--60 body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, body .woocommerce-tabs .wcpoa_attachment .bg-yellow--60 .wcpoa_attachmentbtn, .bg-yellow--60 html body div .um .um-form .um-button.um-alt, html body div .um .um-form .bg-yellow--60 .um-button.um-alt, .bg-yellow--60 .is-style-outline > a,
.bg-yellow--60 .is-style-outline > .wp-element-button,
.bg-yellow--60 .is-style-outline > button {
  --btn-default-border-color-default: var(--c8y-palette-gray-10);
  --btn-default-border-color-hover: var(--c8y-palette-gray-10);
}

.btn-default.disabled, body .woocommerce-tabs .wcpoa_attachment .disabled.wcpoa_attachmentbtn, html body div .um .um-form .disabled.um-button.um-alt, .is-style-outline > a.disabled,
.is-style-outline > .disabled.wp-element-button,
.is-style-outline > button.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], body .woocommerce-tabs .wcpoa_attachment [disabled].wcpoa_attachmentbtn, html body div .um .um-form [disabled].um-button.um-alt, .is-style-outline > a[disabled],
.is-style-outline > [disabled].wp-element-button,
.is-style-outline > button[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, body .woocommerce-tabs .wcpoa_attachment fieldset[disabled] .wcpoa_attachmentbtn, fieldset[disabled] html body div .um .um-form .um-button.um-alt, html body div .um .um-form fieldset[disabled] .um-button.um-alt, fieldset[disabled] .is-style-outline > a,
fieldset[disabled] .is-style-outline > .wp-element-button,
fieldset[disabled] .is-style-outline > button, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: var(--bnt-default-background-default, var(--c8y-btn-default-background-default));
  border-color: var(--btn-border-color-default, var(--c8y-btn-default-border-color-default));
  color: var(--btn-color-default, var(--c8y-btn-default-color-default));
}

.btn-primary, .hs-button.primary, html body div .um .um-form input[type=submit].um-button, .is-style-fill.has-btn-accent > a,
.is-style-fill.has-btn-accent > .wp-element-button,
.is-style-fill.has-btn-accent > button, .is-style-fill > a,
.is-style-fill > .wp-element-button,
.is-style-fill > button,
.single_add_to_cart_button, .search-submit {
  background-color: var(--btn-primary-background-default, var(--c8y-btn-primary-background-default));
  border-color: var(--btn-primary-border-color-default, var(--c8y-btn-primary-border-color-default));
  color: var(--btn-primary-color-default, var(--c8y-btn-primary-color-default));
}
.btn-primary:focus, .hs-button.primary:focus, html body div .um .um-form input[type=submit].um-button:focus, .is-style-fill > a:focus,
.is-style-fill > .wp-element-button:focus,
.is-style-fill > button:focus,
.single_add_to_cart_button:focus , .search-submit:focus{
  background-color: var(--btn-primary-background-focus, var(--c8y-btn-primary-background-focus));
  border-color: var(--btn-primary-border-color-focus, var(--c8y-btn-primary-border-color-focus));
  box-shadow: inset 0 0 0 1px var(--btn-primary-border-color-focus, var(--c8y-btn-primary-border-color-focus));
  color: var(--btn-primary-color-focus, var(--c8y-btn-primary-color-focus));
}
.btn-primary:hover, .hs-button.primary:hover, html body div .um .um-form input[type=submit].um-button:hover, .is-style-fill > a:hover,
.is-style-fill > .wp-element-button:hover,
.is-style-fill > button:hover,
.single_add_to_cart_button:hover, .search-submit:hover {
  background-color: var(--btn-primary-background-hover, var(--c8y-btn-primary-background-hover));
  border-color: var(--btn-primary-border-color-hover, var(--c8y-btn-primary-border-color-hover));
  box-shadow: inset 0 0 0 1px var(--btn-primary-border-color-hover, var(--c8y-btn-primary-border-color-hover));
  color: var(--btn-primary-color-hover, var(--c8y-btn-primary-color-hover));
}
.btn-primary:active, .hs-button.primary:active, html body div .um .um-form input[type=submit].um-button:active, .is-style-fill > a:active,
.is-style-fill > .wp-element-button:active,
.is-style-fill > button:active,
.single_add_to_cart_button:active, .btn-primary.active, .active.hs-button.primary, html body div .um .um-form input.active[type=submit].um-button, .is-style-fill > a.active,
.is-style-fill > .active.wp-element-button,
.is-style-fill > button.active,
.active.single_add_to_cart_button, .search-submit:active {
  background-color: var(--btn-primary-background-active, var(--c8y-btn-primary-background-active));
  border-color: var(--btn-primary-border-color-active, var(--c8y-btn-primary-border-color-active));
  box-shadow: inset 0 0 0 1px var(--btn-primary-border-color-active, var(--c8y-btn-primary-border-color-active));
  color: var(--btn-primary-color-active, var(--c8y-btn-primary-color-active));
}

.btn-primary.disabled, .disabled.hs-button.primary, html body div .um .um-form input.disabled[type=submit].um-button, .is-style-fill > a.disabled,
.is-style-fill > .disabled.wp-element-button,
.is-style-fill > button.disabled,
.disabled.single_add_to_cart_button, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], [disabled].hs-button.primary, html body div .um .um-form input[disabled][type=submit].um-button, .is-style-fill > a[disabled],
.is-style-fill > [disabled].wp-element-button,
.is-style-fill > button[disabled],
[disabled].single_add_to_cart_button, .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .hs-button.primary, fieldset[disabled] html body div .um .um-form input[type=submit].um-button, html body div .um .um-form fieldset[disabled] input[type=submit].um-button, fieldset[disabled] .is-style-fill > a,
fieldset[disabled] .is-style-fill > .wp-element-button,
fieldset[disabled] .is-style-fill > button,
fieldset[disabled] .single_add_to_cart_button, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: var(--btn-primary-background-default, var(--c8y-btn-primary-background-default));
  border-color: var(--btn-primary-border-color-default, var(--c8y-btn-primary-border-color-default));
  color: var(--btn-primary-color-default, var(--c8y-btn-primary-color-default));
}

.btn--accent, .is-style-fill.has-btn-accent > a,
.is-style-fill.has-btn-accent > .wp-element-button,
.is-style-fill.has-btn-accent > button {
  font-family: "Euclid Square", "Libre Franklin", "Helvetica", Arial, sans-serif;
  text-transform: uppercase;
  --btn-primary-background-default: var(--c8y-palette-gray-10);
  --btn-primary-border-color-default: var(--c8y-palette-gray-10);
  --btn-primary-color-default: var(--c8y-palette-yellow-60);
  --btn-primary-background-focus: var(--c8y-palette-gray-10);
  --btn-primary-border-color-focus: var(--c8y-palette-gray-10);
  --btn-primary-color-focus: var(--c8y-palette-yellow-60);
  --btn-primary-background-hover: var(--c8y-palette-yellow-60);
  --btn-primary-border-color-hover: var(--c8y-palette-gray-10);
  --btn-primary-color-hover: var(--c8y-palette-gray-10);
  --btn-primary-background-active: var(--c8y-palette-yellow-30);
  --btn-primary-border-color-active:var(--c8y-palette-gray-10);
  --btn-primary-color-active:var(--c8y-palette-gray-10);
}

.btn-sm, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn {
  font-size: var(--c8y-btn-font-size-small);
  line-height: var(--c8y-btn-line-height-small);
  padding: var(--c8y-btn-padding-small-vertical) var(--c8y-btn-padding-small-horizontal);
}

.btn-lg, .hs-button, .has-large-font-size > .wp-block-button > .wp-block-button__link {
  border-radius: var(--c8y-btn-border-radius-large) !important;
  font-size: var(--c8y-btn-font-size-large) !important;
  height: var(--c8y-form-control-height-lg) !important;
  line-height: var(--c8y-btn-line-height-large) !important;
  padding: var(--c8y-btn-padding-large-vertical) var(--c8y-btn-padding-large-horizontal) !important;
}

.btn > i, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn > i, .hs-button > i, html body div .um .um-form .um-button.um-alt > i, html body div .um .um-form input[type=submit].um-button > i, .is-style-fill > a > i,
.is-style-fill > .wp-element-button > i,
.is-style-fill > button > i,
.single_add_to_cart_button > i, .is-style-fill.has-btn-accent > a > i,
.is-style-fill.has-btn-accent > .wp-element-button > i,
.is-style-fill.has-btn-accent > button > i, .is-style-outline > a > i,
.is-style-outline > .wp-element-button > i,
.is-style-outline > button > i {
  vertical-align: text-bottom;
}

.btn.active.focus, .btn.active:focus, .btn.focus, body .woocommerce-tabs .wcpoa_attachment .focus.wcpoa_attachmentbtn, .focus.hs-button, html body div .um .um-form .focus.um-button.um-alt, html body div .um .um-form input.focus[type=submit].um-button, .is-style-fill > a.focus,
.is-style-fill > button.focus,
.focus.single_add_to_cart_button, .is-style-outline > a.focus,
.is-style-outline > button.focus, .btn:active.focus, .btn:active:focus, .btn:focus, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn:focus, .hs-button:focus, html body div .um .um-form .um-button.um-alt:focus, html body div .um .um-form input[type=submit].um-button:focus, .is-style-fill > a:focus,
.is-style-fill > button:focus,
.single_add_to_cart_button:focus, .is-style-outline > a:focus,
.is-style-outline > button:focus, .wp-element-button.active.focus, .wp-element-button.active:focus, .wp-element-button.focus, .wp-element-button:active.focus, .wp-element-button:active:focus, .wp-element-button:focus {
  outline: none;
}
.btn.focus, body .woocommerce-tabs .wcpoa_attachment .focus.wcpoa_attachmentbtn, .focus.hs-button, html body div .um .um-form .focus.um-button.um-alt, html body div .um .um-form input.focus[type=submit].um-button, .is-style-fill > a.focus,
.is-style-fill > button.focus,
.focus.single_add_to_cart_button, .is-style-outline > a.focus,
.is-style-outline > button.focus, .btn:focus, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn:focus, .hs-button:focus, html body div .um .um-form .um-button.um-alt:focus, html body div .um .um-form input[type=submit].um-button:focus, .is-style-fill > a:focus,
.is-style-fill > button:focus,
.single_add_to_cart_button:focus, .is-style-outline > a:focus,
.is-style-outline > button:focus, .btn:hover, body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn:hover, .hs-button:hover, html body div .um .um-form .um-button.um-alt:hover, html body div .um .um-form input[type=submit].um-button:hover, .is-style-fill > a:hover,
.is-style-fill > button:hover,
.single_add_to_cart_button:hover, .is-style-outline > a:hover,
.is-style-outline > button:hover, .wp-element-button.focus, .wp-element-button:focus, .wp-element-button:hover {
  text-decoration: none;
}

.btn.disabled, body .woocommerce-tabs .wcpoa_attachment .disabled.wcpoa_attachmentbtn, .disabled.hs-button, html body div .um .um-form .disabled.um-button.um-alt, html body div .um .um-form input.disabled[type=submit].um-button, .is-style-fill > a.disabled,
.is-style-fill > .disabled.wp-element-button,
.is-style-fill > button.disabled,
.disabled.single_add_to_cart_button, .is-style-outline > a.disabled,
.is-style-outline > .disabled.wp-element-button,
.is-style-outline > button.disabled, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], body .woocommerce-tabs .wcpoa_attachment [disabled].wcpoa_attachmentbtn, [disabled].hs-button, html body div .um .um-form [disabled].um-button.um-alt, html body div .um .um-form input[disabled][type=submit].um-button, .is-style-fill > a[disabled],
.is-style-fill > [disabled].wp-element-button,
.is-style-fill > button[disabled],
[disabled].single_add_to_cart_button, .is-style-outline > a[disabled],
.is-style-outline > [disabled].wp-element-button,
.is-style-outline > button[disabled], .btn[disabled]:focus, .btn[disabled]:hover, fieldset[disabled] .btn, fieldset[disabled] body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, body .woocommerce-tabs .wcpoa_attachment fieldset[disabled] .wcpoa_attachmentbtn, fieldset[disabled] .hs-button, fieldset[disabled] html body div .um .um-form .um-button.um-alt, html body div .um .um-form fieldset[disabled] .um-button.um-alt, fieldset[disabled] html body div .um .um-form input[type=submit].um-button, html body div .um .um-form fieldset[disabled] input[type=submit].um-button, fieldset[disabled] .is-style-fill > a,
fieldset[disabled] .is-style-fill > .wp-element-button,
fieldset[disabled] .is-style-fill > button,
fieldset[disabled] .single_add_to_cart_button, fieldset[disabled] .is-style-outline > a,
fieldset[disabled] .is-style-outline > .wp-element-button,
fieldset[disabled] .is-style-outline > button, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:hover {
  box-shadow: none;
  cursor: not-allowed !important;
  filter: alpha(opacity=65);
  opacity: 0.65;
}

a .btn.disabled, a body .woocommerce-tabs .wcpoa_attachment .disabled.wcpoa_attachmentbtn, body .woocommerce-tabs .wcpoa_attachment a .disabled.wcpoa_attachmentbtn, a .disabled.hs-button, a html body div .um .um-form .disabled.um-button.um-alt, html body div .um .um-form a .disabled.um-button.um-alt, a html body div .um .um-form input.disabled[type=submit].um-button, html body div .um .um-form a input.disabled[type=submit].um-button, a .is-style-fill > a.disabled,
a .is-style-fill > .disabled.wp-element-button,
a .is-style-fill > button.disabled,
a .disabled.single_add_to_cart_button, a .is-style-outline > a.disabled,
a .is-style-outline > .disabled.wp-element-button,
a .is-style-outline > button.disabled, fieldset[disabled] a .btn, fieldset[disabled] a body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn, body .woocommerce-tabs .wcpoa_attachment fieldset[disabled] a .wcpoa_attachmentbtn, fieldset[disabled] a .hs-button, fieldset[disabled] a html body div .um .um-form .um-button.um-alt, html body div .um .um-form fieldset[disabled] a .um-button.um-alt, fieldset[disabled] a html body div .um .um-form input[type=submit].um-button, html body div .um .um-form fieldset[disabled] a input[type=submit].um-button, fieldset[disabled] a .is-style-fill > a,
fieldset[disabled] a .is-style-fill > .wp-element-button,
fieldset[disabled] a .is-style-fill > button,
fieldset[disabled] a .single_add_to_cart_button, fieldset[disabled] a .is-style-outline > a,
fieldset[disabled] a .is-style-outline > .wp-element-button,
fieldset[disabled] a .is-style-outline > button {
  pointer-events: none;
}

.btn-clean, .btn-link {
  display: inline-block;
  margin: 0;
  border: 0;
  background-image: none;
  background-color: transparent;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  font-weight: inherit;
  cursor: pointer;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.btn-link {
  color: var(--c8y-brand-accent);
}
.btn-link:hover {
  color: var(--c8y-brand-accent-dark);
}

.main-footer {
  text-align: center;
  position: relative;
  z-index: 900;
  color: var(--c8y-palette-gray-70);
  background-color: var(--c8y-palette-gray-10);
}
.main-footer .btn-link {
  color: inherit;
  text-decoration: none;
}
.main-footer .btn-link:hover {
  text-decoration: underline !important;
}
.main-footer__inner {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  max-width: 1350px;
  padding: 2rem 1.5rem 1rem;
  margin: 0 auto;
}
.main-footer .brand {
  max-width: 320px;
  margin: 0 auto;
  color: var(--c8y-palette-yellow-60);
}
.main-footer p {
  color: var(--c8y-palette-gray-70);
}
.main-footer a {
  text-decoration: none !important;
}
.main-footer__footer {
  grid-column: 1/-1;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.main-footer__footer .social-menu {
  order: 1;
}
.main-footer__footer .copyright {
  order: 2;
  color: var(--c8y-palette-gray-40);
}
.main-footer__footer .copyright p {
  margin: 0;
}

.footer-nav {
  display: contents;
  list-style: none;
  padding: 0;
}

.sub-footer {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
}
.sub-footer li {
  padding: 0.25rem 0;
}

.social-menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.social-menu a {
  color: inherit;
  text-decoration: none !important;
}
.social-menu a:hover {
  color: var(--c8y-palette-yellow-60);
}
.social-menu li {
  padding: 0.5rem;
}
.social-menu li svg {
  height: 24px;
  fill: currentColor;
}

@media (min-width: 768px) {
  .main-footer {
    text-align: left;
  }
  .main-footer__inner {
    grid-template-columns: minmax(min-content, 2fr) 4fr;
  }
  .main-footer__footer {
    align-items: center;
    flex-direction: row;
  }
  .main-footer__footer .social-menu {
    order: 2;
  }
  .main-footer__footer .copyright {
    order: 1;
    flex-grow: 1;
  }
  .main-footer .brand {
    padding-right: 2rem;
  }
  .footer-nav {
    margin: 0;
    padding-top: 0.7rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}
@media (min-width: 992px) {
  .main-footer {
    text-align: left;
  }
  .main-footer__inner {
    grid-template-columns: minmax(min-content, 320px) 5fr;
  }
  .footer-nav {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, auto));
  }
  .footer-nav a {
    text-decoration: none !important;
  }
}
.testimonial-slot {
  color: var(--c8y-text-color);
  position: relative;
}
.testimonial-slot:before {
  position: absolute;
  display: inline-block;
  content: "“";
  font-size: 300%;
  opacity: 0.3;
  font-family: Georgia, "Times New Roman", Times, serif;
  transform: translate(-1.5rem, -1rem);
}
.testimonial-slot span:has(img) {
  width: 60px;
  border-radius: 50%;
  padding: 8px;
  border: 1px solid var(--c8y-root-component-border-color);
  background-color: white;
}
.testimonial-slot img {
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0;
}

.testimonial-pic {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.testimonial-pic img {
  max-width: 26.5%;
}

.hero {
  position: relative;
  overflow: hidden;
}
.hero .img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--hero-bg-color, var(--c8y-palette-yellow-60));
}
.hero .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  filter: grayscale(100%);
  mix-blend-mode: multiply;
  transform: translate3d(0, 0, 0);
}
.hero div:has(> .dashboard-wrapper) {
  aspect-ratio: 720/500;
  z-index: 10;
}
@media (min-width: 992px) {
  .hero div:has(> .dashboard-wrapper) {
    aspect-ratio: unset;
  }
}
.hero .dashboard-wrapper {
  position: absolute;
  transform: translateY(6%);
  top: 0;
}
.hero .dashboard-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 992px) {
  .hero .dashboard-wrapper {
    top: auto;
    bottom: 0;
    padding: 0 0 0 2rem;
  }
}
.hero-content__container {
  max-width: 1350px;
  margin: 0 auto;
  width: 100%;
  padding: 3rem 1.5rem;
  position: relative;
  color: var(--hero-color, var(--c8y-palette-gray-100));
}
.hero-content__container .section-title-separator {
  top: 0.4rem;
  height: 1.85rem;
}
@media (min-width: 992px) {
  .hero-content__container {
    padding: 8rem 1.5rem;
  }
}
.hero .panel__container {
  padding: 2rem 1.5rem 8rem;
}
@media (min-width: 992px) {
  .hero .panel__container {
    padding: 8rem 1.5rem;
  }
}
.hero--home .hero-content__container {
  padding: 4rem 1.5rem;
  --bits-top: 6px;
  --bits-scale: 1.4;
  --bits-height: 1.43ch;
}
.hero--home .hero-content__container h1 {
  min-height: 123px;
  font-size: 1.85rem;
  color: var(--c8y-palette-high);
}
.hero--home .hero-content__container h1 #words {
  font-size: 1.3em;
  min-width: 1px;
  color: var(--c8y-palette-yellow-60);
}
@media (min-width: 992px) {
  .hero--home .hero-content__container {
    padding: 8rem 1.5rem 8rem;
    --bits-top: 8px;
    --bits-height: 1.46ch;
  }
  .hero--home .hero-content__container h1 {
    min-height: 148px;
    font-size: clamp(2.5rem, 2.8vw, 2.75rem);
  }
}
.hero--blue {
  --hero-bg-color: var(--c8y-palette-blue-30);
  --hero-color: var(--c8y-palette-gray-100);
  --bits-top: 2px;
  --bits-scale: 1.04;
  --bits-height: calc(1em);
  display: flex;
  align-items: center;
  position: sticky;
  top: 64px;
}

.hero--home + .panel > .panel__container {
  padding: 4rem 1.5rem 6rem;
}

label {
  display: inline-block;
  margin-bottom: calc(var(--c8y-unit-base) * 0.5);
  max-width: 100%;
  color: var(--c8y-form-label-color);
  text-transform: var(--c8y-form-label-text-transform);
  font-weight: var(--c8y-form-label-font-weight);
  font-size: var(--c8y-form-label-font-size);
  font-family: var(--c8y-form-control-font-family);
}

.form-control, html body div .um .um-form .um-field-area .um-form-field, .hs-input, .search-field {
  display: block;
  padding: var(--c8y-form-control-padding-base-vertical) var(--c8y-form-control-padding-base-horizontal);
  width: 100%;
  height: var(--c8y-form-control-height-base);
  border: 0;
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  background-image: none;
  box-shadow: inset 0 0 0 var(--c8y-form-control-border-width, 1px) var(--c8y-form-control-border-color-default);
  color: var(--c8y-form-control-color-default);
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  font-family: var(--c8y-form-control-font-family);
  line-height: var(--c8y-form-control-line-height);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus, html body div .um .um-form .um-field-area .um-form-field:focus, .hs-input:focus {
  border-color: var(--c8y-form-control-border-color-focus) !important;
  outline: 0;
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus) !important;
  background-color: var(--c8y-form-control-background-focus);
  color: var(--c8y-form-control-color-focus);
}

.form-control::-moz-placeholder, html body div .um .um-form .um-field-area .um-form-field::-moz-placeholder, .hs-input::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: italic;
}

.form-control:-ms-input-placeholder, html body div .um .um-form .um-field-area .um-form-field:-ms-input-placeholder, .hs-input:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}

.form-control::-webkit-input-placeholder, html body div .um .um-form .um-field-area .um-form-field::-webkit-input-placeholder, .hs-input::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: italic;
}

.form-control::-moz-placeholder, html body div .um .um-form .um-field-area .um-form-field::-moz-placeholder, .hs-input::-moz-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  opacity: 1;
  font-style: var(--c8y-form-control-placeholder-font-style);
}

.form-control:-ms-input-placeholder, html body div .um .um-form .um-field-area .um-form-field:-ms-input-placeholder, .hs-input:-ms-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}

.form-control::-webkit-input-placeholder, html body div .um .um-form .um-field-area .um-form-field::-webkit-input-placeholder, .hs-input::-webkit-input-placeholder {
  color: var(--c8y-form-control-placeholder-color);
  font-style: var(--c8y-form-control-placeholder-font-style);
}

.form-control[disabled], html body div .um .um-form .um-field-area [disabled].um-form-field, [disabled].hs-input,
fieldset[disabled] .form-control,
fieldset[disabled] html body div .um .um-form .um-field-area .um-form-field,
html body div .um .um-form .um-field-area fieldset[disabled] .um-form-field,
fieldset[disabled] .hs-input {
  opacity: var(--c8y-form-control-disabled-opacity);
}

.form-control[readonly], html body div .um .um-form .um-field-area [readonly].um-form-field, [readonly].hs-input,
.form-control[readonly]:focus {
  background-color: var(--c8y-form-control-background-default);
  color: var(--c8y-component-color-text-muted, var(--c8y-root-component-color-text-muted));
  opacity: 1;
}

.form-control[disabled], html body div .um .um-form .um-field-area [disabled].um-form-field, [disabled].hs-input,
fieldset[disabled] .form-control,
fieldset[disabled] html body div .um .um-form .um-field-area .um-form-field,
html body div .um .um-form .um-field-area fieldset[disabled] .um-form-field,
fieldset[disabled] .hs-input {
  cursor: not-allowed;
}

textarea .form-control, textarea html body div .um .um-form .um-field-area .um-form-field, html body div .um .um-form .um-field-area textarea .um-form-field, textarea .hs-input {
  height: auto;
}

textarea.form-control, html body div .um .um-form .um-field-area textarea.um-form-field, textarea.hs-input {
  min-height: var(--c8y-form-control-height-base);
  height: auto;
  resize: vertical;
}

textarea.form-control::-webkit-scrollbar, html body div .um .um-form .um-field-area textarea.um-form-field::-webkit-scrollbar, textarea.hs-input::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

textarea.form-control::-webkit-scrollbar-track, html body div .um .um-form .um-field-area textarea.um-form-field::-webkit-scrollbar-track, textarea.hs-input::-webkit-scrollbar-track {
  background: transparent;
}

textarea.form-control::-webkit-scrollbar-track:not(textarea), html body div .um .um-form .um-field-area textarea.um-form-field::-webkit-scrollbar-track:not(textarea), textarea.hs-input::-webkit-scrollbar-track:not(textarea) {
  background: var(--c8y-component-scrollbar-track, var(--c8y-root-component-scrollbar-track));
}

textarea.form-control::-webkit-scrollbar-thumb, html body div .um .um-form .um-field-area textarea.um-form-field::-webkit-scrollbar-thumb, textarea.hs-input::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 1px;
  background: var(--c8y-component-scrollbar-thumb-default, var(--c8y-root-component-scrollbar-thumb-default));
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

textarea.form-control:hover::-webkit-scrollbar-thumb, html body div .um .um-form .um-field-area textarea.um-form-field:hover::-webkit-scrollbar-thumb, textarea.hs-input:hover::-webkit-scrollbar-thumb {
  background: var(--c8y-component-scrollbar-thumb-hover, var(--c8y-root-component-scrollbar-thumb-hover));
}

textarea.form-control.no-resize, html body div .um .um-form .um-field-area textarea.no-resize.um-form-field, textarea.no-resize.hs-input {
  resize: none;
}

.hs-input {
  width: 100% !important;
}
.hs-input[type=checkbox], .hs-input[type=radio] {
  width: auto !important;
}

.form-group,
.hs-form-field {
  display: block;
  margin-bottom: var(--c8y-form-validation-bottom-margin);
}

.form-control-feedback-message:before, .hs-error-msgs:before,
.input-group + .help-block:before,
select ~ .help-block:before,
c8y-field-input ~ .help-block:before,
textarea ~ .help-block:before,
input ~ .help-block:before,
file-picker ~ .help-block:before,
.form-control ~ .help-block:before,
html body div .um .um-form .um-field-area .um-form-field ~ .help-block:before,
.hs-input ~ .help-block:before {
  position: absolute;
  top: 2px;
  left: 1px;
  display: inline-block;
  font: 14px/1 dlt-c8y-icons;
  font-size: 16px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.form-control-feedback-message:not(.ng-inactive), .hs-error-msgs:not(.ng-inactive),
.input-group + .help-block,
select ~ .help-block,
textarea ~ .help-block,
file-picker ~ .help-block,
.form-control ~ .help-block,
html body div .um .um-form .um-field-area .um-form-field ~ .help-block,
.hs-input ~ .help-block,
c8y-field-input ~ .help-block,
input ~ .help-block {
  position: relative;
  padding-top: calc(var(--c8y-unit-base) * 0.25);
  padding-left: 20px;
  margin-top: 0;
}

.form-group .help-block,
.form-control-feedback-message .form-control-feedback-message label,
.hs-error-msgs label {
  position: relative;
  display: block;
  margin-top: 0;
  min-height: var(--c8y-form-validation-bottom-margin);
  font-size: var(--c8y-font-size-small);
  line-height: 1.5;
  font-weight: 400;
}

.c8y-messages,
.hs-error-msgs {
  display: block;
  min-height: var(--c8y-form-validation-bottom-margin);
  margin: 0 0 calc(var(--c8y-form-validation-bottom-margin) * -1);
  padding: 0;
  list-style: none;
}
.c8y-messages li,
.hs-error-msgs li {
  display: contents;
}

.form-control-feedback-message:before, .hs-error-msgs:before {
  color: var(--c8y-form-validation-color-error);
}

.form-control-feedback-message:before, .hs-error-msgs:before {
  content: var(--c8y-alert-danger-icon, "\e97b");
}

.form-control-feedback-message.has-error, .has-error.hs-error-msgs {
  margin-bottom: 8px;
  line-height: 1.2;
}

html body .um-um_password_id.um {
  width: 100%;
  max-width: unset;
}

html body div .um .um-form .um-center .um-button {
  min-width: unset !important;
}
html body div .um .um-form .um-field-type_block, html body div .um .um-form .um-field-block {
  color: var(--c8y-text-color);
}
html body div .um .um-form div[style="text-align:center;"] {
  text-align: left !important;
}
html body div .um .um-form .um-field-divider {
  display: none;
}
html body div .um .um-form .um-button {
  padding: var(--c8y-btn-padding-base-vertical) var(--c8y-btn-padding-base-horizontal) !important;
}
html body div .um .um-form input[type=submit].um-button {
  width: auto;
  border: 2px solid var(--btn-primary-border-color-default, var(--c8y-btn-primary-border-color-default)) !important;
}
html body div .um .um-form .um-button.um-alt {
  box-shadow: none;
  border: 2px solid var(--btn-default-border-color-default, var(--c8y-btn-default-border-color-default)) !important;
  width: auto;
}
html body div .um .um-form .um-col-alt {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
html body div .um .um-form .um-col-alt .um-field-c {
  width: 100%;
}
html body div .um .um-form .um-col-alt .um-clear {
  display: none;
}
html body div .um .um-form .um-col-alt .um-right, html body div .um .um-form .um-col-alt .um-half, html body div .um .um-form .um-col-alt .um-left {
  display: contents !important;
}
html body div .um .um-form a.um-link-alt {
  display: inline !important;
}

.c8y-select-wrapper {
  position: relative;
}
.c8y-select-wrapper select {
  padding-right: 24px !important;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.c8y-select-wrapper select::-ms-expand {
  display: none;
}
.c8y-select-wrapper:after {
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 2;
  color: var(--c8y-form-control-border-color-focus);
  content: "\eba9";
  font-size: 18px;
  transform: translate(0, -50%);
  pointer-events: none;
}

body form fieldset {
  max-width: unset !important;
}
body form fieldset[class^=form-columns-], body form fieldset[class*=" form-columns-"] {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
body form fieldset[class^=form-columns-] > .hs-form-field, body form fieldset[class*=" form-columns-"] > .hs-form-field {
  flex-grow: 1;
}
body form fieldset[class^=form-columns-] .hs-form-field, body form fieldset[class*=" form-columns-"] .hs-form-field {
  width: 100% !important;
}
@media (min-width: 992px) {
  body form fieldset[class^=form-columns-], body form fieldset[class*=" form-columns-"] {
    flex-direction: row;
    gap: 1.5rem;
  }
}
body form fieldset[class^=form-columns-] .input, body form fieldset[class*=" form-columns-"] .input {
  margin: 0 !important;
}

.card--form {
  background: var(--c8y-form-control-background-default);
  box-shadow: var(--c8y-elevation-sm);
  border-radius: 0.25rem;
  padding: 1.5rem;
}
@media (min-width: 992px) {
  .card--form {
    padding: 2rem;
  }
}

.hs-form-private {
  display: flex;
  flex-direction: column;
}

.hs-form-field {
  position: relative;
}
.hs-form-field .hs-error-msgs {
  position: absolute;
  width: 100%;
}
.hs-form-field .hs-error-msgs + .hs-error-msgs {
  position: relative;
  top: 16px;
}
.hs-form-field .hs-error-msgs + .hs-error-msgs::before {
  content: "";
}
.hs-form-field:has(.hs-error-msgs) .hs-input {
  box-shadow: inset 1px 0 0 0 var(--c8y-form-control-border-color-default), inset -1px 0 0 0 var(--c8y-form-control-border-color-default), inset 0 1px 0 0 var(--c8y-form-control-border-color-default), inset 0 -4px 0 var(--c8y-form-validation-color-error) !important;
}

.legal-consent-container .field.hs-form-field {
  margin: 0 !important;
}

.inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hs-form-booleancheckbox-display {
  color: var(--c8y-component-color-default);
  font-weight: var(--c8y-form-control-font-weight);
  font-size: var(--c8y-font-size-base);
  line-height: var(--c8y-form-control-line-height);
  margin: 0;
  display: inline-flex;
  cursor: pointer;
}
.hs-form-booleancheckbox-display input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0;
  opacity: 0;
}
.hs-form-booleancheckbox-display > span {
  display: inline-block !important;
  margin-left: 8px !important;
  line-height: var(--c8y-form-control-line-height);
}
.hs-form-booleancheckbox-display::before {
  position: relative;
  z-index: 2;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: calc(var(--c8y-unit-base) * 2);
  height: calc(var(--c8y-unit-base) * 2);
  border-radius: var(--c8y-form-control-border-radius);
  background-color: var(--c8y-form-control-background-default);
  box-shadow: inset 0 0 0 1px var(--c8y-form-control-border-color-default);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 2px 0;
}
.hs-form-booleancheckbox-display:has(input[type=checkbox]:focus)::before {
  box-shadow: inset 0 0 0 2px var(--c8y-form-control-border-color-focus);
}
.hs-form-booleancheckbox-display:has(input[type=checkbox]:checked)::after {
  position: absolute;
  top: 6.4px;
  left: 3.7px;
  display: block;
  width: 9px;
  height: 5px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  color: var(--c8y-form-control-border-color-focus);
  content: "";
  transform: rotate(-45deg);
  z-index: 3;
}

.hs-richtext {
  font-size: var(--c8y-font-size-base);
}
.hs-richtext h1, .hs-richtext h2, .hs-richtext h3 {
  margin-bottom: 1rem;
}
.hs-richtext p {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.hs-richtext p:last-child:not(:first-child) {
  font-size: var(--c8y-font-size-small);
}

.hs-recaptcha {
  margin: 0;
}

.grecaptcha-badge {
  visibility: hidden !important;
  height: 0 !important;
}

.hs-form-required {
  display: inline-block;
  margin-left: 0.25rem;
  color: var(--c8y-palette-status-info);
}

.hs_error_rollup {
  display: none;
}
.hs_error_rollup .hs-error-msgs,
.hs_error_rollup .hs-error-msgs label {
  font-size: var(--c8y-font-size-base);
}

.hs_submit {
  margin-top: 2rem;
}

.hs-form-private fieldset:has(small) {
  order: 100;
  color: var(--c8y-palette-gray-30);
}

body .hs-fieldtype-intl-phone.hs-input {
  display: flex;
}
body .hs-fieldtype-intl-phone.hs-input select {
  float: none;
  width: 40% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--c8y-brand-primary) 50%), linear-gradient(135deg, var(--c8y-brand-primary) 50%, transparent 50%);
  background-position: calc(100% - 20px) 1em, calc(100% - 15px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  padding-right: 2rem;
}
body .hs-fieldtype-intl-phone.hs-input select + .hs-input {
  flex-grow: 1;
  margin-left: -1px;
}

.legal-consent-container {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}
.legal-consent-container > div:first-child {
  order: 100;
  margin-top: 1.5rem;
}

.hs-dependent-field:has(.hs-error-msgs) .hs-form-booleancheckbox-display:before {
  box-shadow: inset 0 0 0 2px var(--c8y-palette-status-danger);
}

.hs-submit input[type=submit] {
  min-width: 144px;
}

.legal-consent-container .hs-error-msgs label {
  color: inherit !important;
}

.customer-logo-60 {
  display: inline-block;
}
.customer-logo-60 img {
  max-height: 60px;
  width: auto;
}

.customer-link, .has-customer-link > a {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  transition: all 0.25s linear;
  outline: 0 solid transparent;
  text-decoration: none;
  color: inherit;
  text-wrap: balance;
  text-decoration: none;
  padding: 1.5rem;
  outline: 1px solid var(--c8y-palette-yellow-60);
  outline-offset: -1rem;
}
.customer-link::after, .has-customer-link > a::after {
  display: none;
}
.customer-link img, .has-customer-link > a img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}
.customer-link:hover, .has-customer-link > a:hover {
  outline: 4px solid var(--c8y-palette-yellow-60);
  outline-offset: -3px;
}

.has-customer-link {
  transition: all 0.25s linear;
  text-wrap: balance;
  display: flex !important;
  flex-direction: column;
  height: 100%;
  padding-bottom: 1.5rem;
  height: 100%;
}
.has-customer-link > img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  margin: auto;
}
.has-customer-link > a {
  flex-grow: 1;
  display: flex !important;
  margin: 0;
  padding: 1.5rem;
}
.has-customer-link > a::after {
  display: none;
}
.has-customer-link .wp-element-caption {
  margin-bottom: 0;
}

.loading-wrapper {
  display: none;
  color: var(--c8y-brand-primary);
}
.loading .loading-wrapper {
  display: grid;
  place-items: center center;
  min-height: 100vh;
}

.spinner {
  --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z' opacity='.25'/%3E%3Cpath fill='currentColor' d='M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z'%3E%3CanimateTransform attributeName='transform' dur='0.75s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask: var(--un-icon) no-repeat;
  mask: var(--un-icon) no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background-color: currentColor;
  color: inherit;
  width: 3.2em;
  height: 3.2em;
  display: inline-block;
}

.success-stories__list .c-s {
  width: 100%;
  float: left;
}
@media (min-width: 992px) {
  .success-stories__list .c-s {
    width: 33.3333%;
    float: left;
  }
}
.success-stories__list .panel__container {
  padding-top: 0;
}
.success-stories__list .grid-col:has(.card), .success-stories__list .woocommerce ul.products li.product:has(.card), .woocommerce ul.products .success-stories__list li.product:has(.card), .success-stories__list body .woocommerce-tabs ul.tabs:has(.card), body .woocommerce-tabs .success-stories__list ul.tabs:has(.card), .success-stories__list .catalog__list:has(.card) {
  padding: 0;
  display: flex;
  align-items: stretch;
}
.success-stories__list .card.success-story {
  background-color: var(--c8y-palette-high);
  margin: 1px;
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
}
.success-stories__list .card.success-story, .success-stories__list .card.success-story .card__content,
.success-stories__list .card.success-story .success-story__header__title {
  transition: all 0.3s ease;
}
.success-stories__list .card__link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  transition: all 0.3s ease;
}
.success-stories__filters {
  position: sticky;
  top: 105px;
  z-index: 100;
  background-color: var(--c8y-palette-high);
}
.success-stories__filters > .grid-row::before, body .wc-block-grid__products .success-stories__filters > .wc-block-grid__product::before,
html body .products .success-stories__filters > .product-category::before {
  display: none;
}

.success-story__header__title {
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--c8y-palette-gray-80);
}
.success-story__header__title > * {
  font-size: 1.5rem;
  font-weight: bold;
}
.success-story__header__logo {
  width: 80px;
  aspect-ratio: 1;
  margin: auto;
  flex-shrink: 0;
  background-color: white;
  border-radius: 50%;
  border: 0.5rem solid white;
  outline: 2px solid var(--c8y-palette-blue-60);
  outline-offset: 0;
  position: relative;
  margin-top: -40px;
  overflow: hidden;
}
.success-story__header__logo > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.success-story__image {
  aspect-ratio: 16/9;
}
.success-story__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.success-story .card__content {
  padding: 1rem 2rem 2rem;
}

.isotope {
  position: relative;
}

#active-filters {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  transition: all 0.3s ease;
}
#active-filters:empty {
  padding: 0;
  max-height: 0;
}

.card {
  padding: 1rem;
  background-color: var(--c8y-root-component-background-default);
  color: var(--c8y-root-component-color-default);
  box-shadow: var(--c8y-elevation-sm);
  border-radius: 0.25rem;
}
@media (min-width: 992px) {
  .card {
    padding: 1rem 2rem 2rem;
  }
}
.card__link {
  display: flex;
  flex-direction: column;
}
.card__link, .card__link:hover {
  text-decoration: none;
  color: inherit;
}
.card__meta {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--c8y-palette-gray-80);
  gap: 0.5rem;
  padding: 1rem;
}
@media (min-width: 992px) {
  .card__meta {
    padding: 1rem 2rem;
  }
}

.tag, body .product_meta a[rel=tag] {
  font-size: var(--c8y-btn-font-size-small);
  line-height: var(--c8y-btn-line-height-small);
  padding: var(--c8y-btn-padding-small-vertical) var(--c8y-btn-padding-small-horizontal);
  display: flex;
  align-items: center;
  border-radius: 1rem;
  color: var(--c8y-palette-status-info-dark);
  background: var(--c8y-palette-status-info-light);
  border: none;
  cursor: pointer;
  border: 2px solid var(--c8y-palette-status-info-light);
}
.tag > span, body .product_meta a[rel=tag] > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 500;
  flex-shrink: 0;
  text-decoration: none;
  pointer-events: none;
}
.tag:has(.dlt-c8y-icon-times), body .product_meta a[rel=tag]:has(.dlt-c8y-icon-times) {
  padding-left: 0.5rem;
}
.tag:has(.dlt-c8y-icon-times) .dlt-c8y-icon-times, body .product_meta a[rel=tag]:has(.dlt-c8y-icon-times) .dlt-c8y-icon-times {
  margin-right: 0.25rem;
}

button.tag:hover {
  background: var(--c8y-palette-blue-60);
  cursor: pointer;
}

.wp-block-latest-posts__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.wp-block-latest-posts__list > li {
  padding: 1rem 1.5rem;
  background-color: var(--c8y-root-component-background-default);
  color: var(--c8y-root-component-color-default);
  box-shadow: var(--c8y-elevation-sm);
  border-radius: 0.25rem;
}
.wp-block-latest-posts__list > li .wp-block-latest-posts__post-title {
  text-decoration: none;
  font-size: clamp(1.266rem, 2.125vw, 1.5rem);
  font-family: var(--c8y-font-family-sans-serif);
  font-weight: bold;
  color: inherit;
  line-height: 1.1;
}
.wp-block-latest-posts__list > li .wp-block-latest-posts__post-title:hover {
  color: var(--c8y-palette-orange-50);
}
.wp-block-latest-posts__list > li .wp-block-latest-posts__post-date {
  color: var(--c8y-text-muted);
}
.wp-block-latest-posts__list > li .wp-block-latest-posts__post-excerpt {
  font-size: 0.8125rem;
}

.d-grid {
  display: grid;
}

@media (min-width: 768px) {
  [class^=grid--],
  [class*=" grid--"] {
    display: grid !important;
  }
}
.grid__2-col > .wp-block-group__inner-container,
.grid__2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
  .grid__2-col > .wp-block-group__inner-container,
  .grid__2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.grid__5-col > .wp-block-group__inner-container,
.grid__5 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 576px) {
  .grid__5-col > .wp-block-group__inner-container,
  .grid__5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .grid__5-col > .wp-block-group__inner-container,
  .grid__5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .grid__5-col > .wp-block-group__inner-container,
  .grid__5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.grid__6-col > .wp-block-group__inner-container,
.grid__6 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 576px) {
  .grid__6-col > .wp-block-group__inner-container,
  .grid__6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .grid__6-col > .wp-block-group__inner-container,
  .grid__6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .grid__6-col > .wp-block-group__inner-container,
  .grid__6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.gap-24 > .wp-block-group__inner-container {
  gap: 1.5rem;
}

.grid__3-col > .wp-block-group__inner-container,
.grid__3 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
  .grid__3-col > .wp-block-group__inner-container,
  .grid__3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .grid__3-col > .wp-block-group__inner-container,
  .grid__3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.grid__4-col > .wp-block-group__inner-container,
.grid__4 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 768px) {
  .grid__4-col > .wp-block-group__inner-container,
  .grid__4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .grid__4-col > .wp-block-group__inner-container,
  .grid__4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

body main .grid__devices {
  display: grid;
  grid-template-columns: 240px minmax(0, auto);
}

.wc-block-grid__products a {
  text-decoration: none;
}
.wc-block-grid__products a::after {
  content: none;
}

.catalog__filters {
  padding: 0;
  position: sticky;
  top: 60px;
  z-index: 100;
  height: auto;
  overflow: visible;
  align-self: flex-start;
}
.catalog__filters::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.catalog__filters::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.65);
}
.catalog__filters::-webkit-scrollbar-thumb {
  background: var(--c8y-text-muted);
}
.catalog__filters__inner {
  width: 100%;
  position: relative;
  padding: 1rem;
  border-left: 1px solid var(--grid-border-color, var(--c8y-palette-gray-60));
  border-right: 1px solid var(--grid-border-color, var(--c8y-palette-gray-60));
}
.catalog__filters__inner hr {
  border-color: var(--c8y-root-component-border-color) !important;
  border-bottom: 0;
}
.catalog__filters__inner h6 {
  font-size: 0.8125rem !important;
  margin-bottom: 0.25rem !important;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  .catalog__filters__inner {
    background: var(--c8y-root-component-background-default);
  }
  .catalog__filters__inner > *:not(.catalog-search) {
    display: none;
  }
  .catalog__filters__inner::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -1rem;
    right: -1rem;
    height: 1px;
    background: var(--grid-border-color, var(--c8y-palette-gray-60));
  }
}
@media (min-width: 992px) {
  .catalog__filters__inner {
    padding: 1rem;
    overflow-y: auto;
    height: calc(100vh - 120px);
  }
}
@media (min-width: 992px) {
  .catalog__filters {
    top: 105px;
  }
}
.catalog__list {
  z-index: 50;
  gap: 1rem;
  min-height: calc(100vh - 140px);
  padding: 0;
}

.wc-block-pagination.wc-block-components-pagination {
  padding: 1rem;
  margin: 0;
  position: relative;
}
.wc-block-pagination.wc-block-components-pagination::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1rem;
  right: -1rem;
  height: 1px;
  background: var(--grid-border-color, var(--c8y-palette-gray-60));
}

/* ==============================
// BITS LINE
=============================== */
.bits-line {
  position: relative;
  display: inline-block;
  overflow: visible;
  vertical-align: top;
  transition: all 0.25s ease 1s;
}
.bits-line::before {
  content: "";
  position: absolute;
  height: var(--bits-height);
  display: block;
  left: 0;
  width: 100vw;
  background: currentColor;
  z-index: 1;
  --mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzA0IiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMzA0IDQ4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjY4Ljk5MyA3SDI1Ni43NjZWNDIuNDYyOUgyNjguOTkzVjdaIiBmaWxsPSIjQjBEMEYyIi8+CjxwYXRoIGQ9Ik0yMjguMDk5IDQyLjY4OTZDMjM4LjIzIDQyLjY4OTYgMjQ2LjQ0NCAzNC40NzYzIDI0Ni40NDQgMjQuMzQ0OEMyNDYuNDQ0IDE0LjIxMzMgMjM4LjIzIDYgMjI4LjA5OSA2QzIxNy45NjcgNiAyMDkuNzU0IDE0LjIxMzMgMjA5Ljc1NCAyNC4zNDQ4QzIwOS43NTQgMzQuNDc2MyAyMTcuOTY3IDQyLjY4OTYgMjI4LjA5OSA0Mi42ODk2WiIgZmlsbD0iI0IwRDBGMiIvPgo8cGF0aCBkPSJNMTgwLjM2OCA0Mi42ODk2QzE5MC41IDQyLjY4OTYgMTk4LjcxMyAzNC40NzYzIDE5OC43MTMgMjQuMzQ0OEMxOTguNzEzIDE0LjIxMzMgMTkwLjUgNiAxODAuMzY4IDZDMTcwLjIzNyA2IDE2Mi4wMjMgMTQuMjEzMyAxNjIuMDIzIDI0LjM0NDhDMTYyLjAyMyAzNC40NzYzIDE3MC4yMzcgNDIuNjg5NiAxODAuMzY4IDQyLjY4OTZaIiBmaWxsPSIjQjBEMEYyIi8+CjxwYXRoIGQ9Ik0xMzQuMDcxIDQyLjY4OTZDMTQ0LjIwMyA0Mi42ODk2IDE1Mi40MTYgMzQuNDc2MyAxNTIuNDE2IDI0LjM0NDhDMTUyLjQxNiAxNC4yMTMzIDE0NC4yMDMgNiAxMzQuMDcxIDZDMTIzLjk0IDYgMTE1LjcyNyAxNC4yMTMzIDExNS43MjcgMjQuMzQ0OEMxMTUuNzI3IDM0LjQ3NjMgMTIzLjk0IDQyLjY4OTYgMTM0LjA3MSA0Mi42ODk2WiIgZmlsbD0iI0IwRDBGMiIvPgo8cGF0aCBkPSJNODcuMDU1OSA0Mi42ODk2Qzk3LjE4NzUgNDIuNjg5NiAxMDUuNDAxIDM0LjQ3NjMgMTA1LjQwMSAyNC4zNDQ4QzEwNS40MDEgMTQuMjEzMyA5Ny4xODc1IDYgODcuMDU1OSA2Qzc2LjkyNDQgNiA2OC43MTA5IDE0LjIxMzMgNjguNzEwOSAyNC4zNDQ4QzY4LjcxMDkgMzQuNDc2MyA3Ni45MjQ0IDQyLjY4OTYgODcuMDU1OSA0Mi42ODk2WiIgZmlsbD0iI0IwRDBGMiIvPgo8cGF0aCBkPSJNMjkyLjEzNyA3SDI3OS45MVY0Mi40NjI5SDI5Mi4xMzdWN1oiIGZpbGw9IiNCMEQwRjIiLz4KPHBhdGggZD0iTTU5LjI0MjkgN0g0Ny4wMTU2VjQyLjQ2MjlINTkuMjQyOVY3WiIgZmlsbD0iI0IwRDBGMiIvPgo8cGF0aCBkPSJNMTguMzQ0NiA0Mi42ODk2QzI4LjQ3NjEgNDIuNjg5NiAzNi42ODk2IDM0LjQ3NjMgMzYuNjg5NiAyNC4zNDQ4QzM2LjY4OTYgMTQuMjEzMyAyOC40NzYxIDYgMTguMzQ0NiA2QzguMjEzMDYgNiAwIDE0LjIxMzMgMCAyNC4zNDQ4QzAgMzQuNDc2MyA4LjIxMzA2IDQyLjY4OTYgMTguMzQ0NiA0Mi42ODk2WiIgZmlsbD0iI0IwRDBGMiIvPgo8L3N2Zz4K");
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  transform-origin: left;
  top: var(--bits-top);
  transform: scale(var(--bits-scale));
}
.bits-line--text {
  height: 1em;
  aspect-ratio: 6/1;
}
.bits-line--text::before {
  height: 100%;
  width: 100%;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: left center;
          mask-position: left center;
}
.bits-line--right::before {
  -webkit-mask-position: right center;
          mask-position: right center;
}
.bits-line--0-1-0 {
  height: auto;
  aspect-ratio: 462/168;
  display: block;
}
.sub-nav__intro .bits-line--0-1-0 {
  margin-right: -2rem;
  overflow: hidden;
}
.bits-line--0-1-0::before {
  height: 100%;
  width: 100%;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: unset;
          mask-position: unset;
}
.bits-line--fit {
  display: block;
  height: 100%;
}
.sub-nav__intro .bits-line--fit {
  margin-right: -2rem;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.1);
  mix-blend-mode: multiply;
}
.bits-line--fit::before {
  height: 100%;
  width: 100%;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.p-r-0 .bits-line {
  margin-right: 1px;
}

.colors-3 > *:nth-child(1) {
  color: var(--c8y-palette-blue-60);
}
.colors-3 > *:nth-child(2) {
  color: var(--c8y-palette-green-60);
}
.colors-3 > *:nth-child(3) {
  color: var(--c8y-palette-yellow-60);
}

.color-inherit {
  color: inherit;
}

/* ==============================
// BORDER
=============================== */
.b-r-16 {
  border-radius: 1rem;
}

.border-contour {
  border: 0.5rem solid var(--c8y-palette-gray-80);
  background-color: white;
}

.image-circle {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}

.avatar {
  width: 60px;
  display: flex;
}
.avatar img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
}
.avatar--sm {
  width: 40px;
}

/* ==============================
// ITYPED CURSOR
=============================== */
/* ==============================
// ELEVATION
=============================== */
.elevation-sm {
  box-shadow: var(--c8y-elevation-sm);
}

.elevation-md-top {
  box-shadow: var(--c8y-elevation-md-top);
}

.elevation-md-bottom {
  box-shadow: var(--c8y-elevation-md-bottom);
}

.elevation-md-left {
  box-shadow: var(--c8y-elevation-md-left);
}

.elevation-md-right {
  box-shadow: var(--c8y-elevation-md-right);
}

.elevation-lg {
  box-shadow: var(--c8y-elevation-lg);
}

.elevation-xl--top {
  box-shadow: 0px -0.7px 0.9px rgba(var(--c8y-elevation-color), 0.04), 0px -4.1px 5.3px -0.3px rgba(var(--c8y-elevation-color), 0.05), 0px -7.6px 9.8px -0.6px rgba(var(--c8y-elevation-color), 0.06), 0.1px -13.1px 16.9px -0.8px rgba(var(--c8y-elevation-color), 0.07), 0.1px -22.1px 28.5px -1.1px rgba(var(--c8y-elevation-color), 0.08), 0.2px -36.6px 47.2px -1.4px rgba(var(--c8y-elevation-color), 0.09);
}

/* ==============================
// POSITIONING
=============================== */
.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.p-static {
  position: static;
}

.p-fixed {
  position: fixed;
}

.p-sticky {
  position: sticky;
}

@media (min-width: 992px) {
  .p-relative--lg {
    position: relative;
  }
  .p-absolute--lg {
    position: absolute;
  }
  .p-static--lg {
    position: static;
  }
  .p-fixed--lg {
    position: fixed;
  }
  .p-sticky--lg {
    position: sticky;
  }
}
.t-0 {
  top: 0;
}

.t--panel__container {
  top: 9rem;
}
.t--panel__container--w-title {
  top: calc(clamp(4rem, 10vw, 32rem) + 7rem);
}

.l-0 {
  left: 0;
}

.r-0 {
  right: 0;
}

.b-0 {
  bottom: 0;
}

/* ==============================
// Size utilities
=============================== */
.fit-w {
  width: 100%;
}

.fit-h {
  height: 100%;
}

.fit-h-650 {
  min-height: 650px;
}

.max-70vh {
  max-height: 70vh;
}

.vertical-center {
  top: 50%;
  transform: translateY(-50%);
}

/* ==============================
// Flex utilities
=============================== */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.flex-no-grow {
  flex-grow: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-no-shrink {
  flex-shrink: 0;
}

/* ==============================
// IMAGE AND SVG UTILITIES 
=============================== */
.img-circle {
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
}

img {
  max-width: 100%;
  height: auto;
}

.c8y-illustration > svg {
  max-height: 200px;
  margin: auto;
}

.img-wrapper-h--200 {
  height: 200px;
}
.img-wrapper-h--200 img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.wide-img {
  max-width: calc(100vw - 3rem) !important;
  width: 1350px;
  margin-left: 50%;
  transform: translateX(-50%);
}

/* ==============================
// ISOMETRIC ICONS SIZES
=============================== */
.iso-icon-h--170 {
  height: 170px;
}
.iso-icon-h--170 img {
  height: 100%;
  width: auto;
  margin: auto;
}

/* ==============================
// VISIBILITY UTILITIES
=============================== */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table .visible-xs {
    display: table;
  }
  tr .visible-xs {
    display: table-row !important;
  }
  th .visible-xs, td .visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table .visible-sm {
    display: table;
  }
  tr .visible-sm {
    display: table-row !important;
  }
  th .visible-sm, td .visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table .visible-md {
    display: table;
  }
  tr .visible-md {
    display: table-row !important;
  }
  th .visible-md, td .visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table .visible-lg {
    display: table;
  }
  tr .visible-lg {
    display: table-row !important;
  }
  th .visible-lg, td .visible-lg {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.hidden {
  display: none !important;
}

/* ==============================
// ANIMATIONS
=============================== */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media (prefers-reduced-motion) {
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
}
.fadeIn {
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-iteration-count: 1 !important;
}
@media (prefers-reduced-motion) {
  .fadeIn {
    animation-duration: 2s;
    animation-delay: 0;
  }
}

.fadeOut {
  animation-name: fadeOut;
  animation-fill-mode: both;
  animation-duration: 1.5s;
  animation-delay: 0.15s;
  animation-iteration-count: 1 !important;
}
@media (prefers-reduced-motion) {
  .fadeOut {
    animation-duration: 2s;
    animation-delay: 0;
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translate(0, -100%);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.slideIn {
  animation-name: slideIn;
  animation-duration: 0.5s;
  animation-delay: 0.25s;
  animation-fill-mode: both;
  animation-iteration-count: 1 !important;
}

@keyframes slideOut {
  from {
    opacity: 1;
    transform: translate(0, 0);
  }
  to {
    opacity: 0;
    transform: translate(0, -100%);
  }
}
.slideOut {
  animation-name: slideOut;
  animation-fill-mode: both;
  animation-duration: 0.25s;
  animation-iteration-count: 1 !important;
}

@keyframes flip {
  from {
    transform: perspective(800px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(800px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(800px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(800px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(800px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInY {
  from {
    transform: perspective(800px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(800px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(800px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(800px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(800px);
  }
}
.flipInY {
  animation-name: flipInY;
  animation-fill-mode: both;
  animation-duration: 0.25s;
  animation-iteration-count: 1 !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(800px);
  }
  30% {
    transform: perspective(800px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(800px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  animation-name: flipOutY;
  animation-fill-mode: both;
  animation-duration: 0.25s;
  animation-iteration-count: 1 !important;
}

@keyframes flipInX {
  from {
    transform: perspective(800px) rotate3d(1, 0, 0, -90deg);
  }
  to {
    transform: perspective(800px);
  }
}
.flipInX {
  animation-name: flipInX;
  animation-fill-mode: both;
  animation-timing-function: ease-in;
  animation-duration: 0.25s;
  animation-iteration-count: 1 !important;
}

@keyframes flipOutX {
  from {
    transform: perspective(800px);
  }
  to {
    transform: perspective(800px) rotate3d(1, 0, 0, 90deg);
  }
}
.flipOutX {
  animation-name: flipOutX;
  animation-timing-function: ease-in;
  animation-fill-mode: both;
  animation-duration: 0.25s;
  animation-iteration-count: 1 !important;
}

.cookieconsent-optout-marketing {
  padding: 2rem;
  border: 2px dashed var(--c8y-palette-gray-60);
  mix-blend-mode: var(--grid-blend-mode);
  margin: 1rem auto;
  border-radius: 2rem;
}
.cookieconsent-optout-marketing img {
  max-height: 150px;
}
.cookieconsent-optout-marketing[style="display: block;"] + div:has(iframe) {
  display: none;
}

/**
 * Shop tables
 */
table.shop_table_responsive thead {
  display: none;
}
table.shop_table_responsive tbody th {
  display: none;
}
table.shop_table_responsive tr td {
  display: block;
  text-align: right;
  clear: both;
}
table.shop_table_responsive tr td::before {
  content: attr(data-title) ": ";
  float: left;
}
table.shop_table_responsive tr td.product-remove a {
  text-align: left;
}
table.shop_table_responsive tr td.product-remove::before {
  display: none;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
  display: none;
}
table.shop_table_responsive tr td.download-actions .button {
  display: block;
  text-align: center;
}

@media screen and (min-width: 48em) {
  table.shop_table_responsive thead {
    display: table-header-group;
  }
  table.shop_table_responsive tbody th {
    display: table-cell;
  }
  table.shop_table_responsive tr th,
  table.shop_table_responsive tr td {
    text-align: left;
  }
  table.shop_table_responsive tr td {
    display: table-cell;
  }
  table.shop_table_responsive tr td::before {
    display: none;
  }
}
.woocommerce-product-attributes, .table {
  width: 100%;
  font-size: 0.8125rem;
  border-collapse: collapse;
}
.woocommerce-product-attributes tbody tr th, .woocommerce-product-attributes tbody tr td, .table tbody tr th, .table tbody tr td {
  border-width: 0;
  border-bottom: 1px solid var(--c8y-root-component-border-color);
  padding: 0.5rem;
  vertical-align: top;
  background: var(--c8y-root-component-background-default);
}
.woocommerce-product-attributes tbody tr th p, .woocommerce-product-attributes tbody tr td p, .table tbody tr th p, .table tbody tr td p {
  margin: 0;
}
.woocommerce-product-attributes tbody tr:first-child th, .woocommerce-product-attributes tbody tr:first-child td, .table tbody tr:first-child th, .table tbody tr:first-child td {
  border-top: 1px solid var(--c8y-root-component-border-color);
}
.woocommerce-product-attributes tbody tr:nth-child(even) th, .woocommerce-product-attributes tbody tr:nth-child(even) td, .table tbody tr:nth-child(even) th, .table tbody tr:nth-child(even) td {
  background: var(--c8y-root-component-background-odd);
}
.woocommerce-product-attributes th, .table th {
  text-align: left;
}

/**
 * Header cart
 */
.site-header-cart {
  position: relative;
  margin: 0;
  padding: 0;
}
.site-header-cart .cart-contents {
  text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
  display: none;
}
.site-header-cart .product_list_widget {
  margin: 0;
  padding: 0;
}

/**
 * Star rating
 */
.star-rating {
  overflow: hidden;
  position: relative;
  height: 1.618em;
  line-height: 1.618;
  width: 5.3em;
  font-family: star;
  font-weight: 400;
}
.star-rating::before {
  content: "SSSSS";
  opacity: 0.25;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}
.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}
.star-rating span::before {
  content: "SSSSS";
  top: 0;
  position: absolute;
  left: 0;
  color: var(--link-color);
}

p.stars a {
  position: relative;
  height: 1em;
  width: 1em;
  text-indent: -999em;
  display: inline-block;
  text-decoration: none;
  margin-right: 1px;
  font-weight: 400;
}
p.stars a::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: star;
  content: "S";
  color: var(--text-color);
  text-indent: 0;
  opacity: 0.25;
}
p.stars a:hover ~ a::before {
  content: "S";
  color: var(--text-color);
  opacity: 0.25;
}
p.stars:hover a::before {
  content: "S";
  color: var(--link-color);
  opacity: 1;
}
p.stars.selected a.active::before {
  content: "S";
  color: var(--link-color);
  opacity: 1;
}
p.stars.selected a.active ~ a::before {
  content: "S";
  color: var(--text-color);
  opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
  content: "S";
  color: var(--link-color);
  opacity: 1;
}

/**
 * Tabs
 */
body .woocommerce-tabs .middle-navbar {
  background-color: var(--c8y-palette-yellow-70);
}
body .woocommerce-tabs ul.tabs {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
}
body .woocommerce-tabs ul.tabs li {
  display: block;
  margin: 0;
  position: relative;
}
body .woocommerce-tabs ul.tabs li a {
  padding: 1em 0;
  display: block;
  color: var(--text-color);
  padding: 1rem;
  text-align: center;
  text-decoration: none;
}
body .woocommerce-tabs ul.tabs li a::after {
  content: "";
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
  position: absolute;
  width: clamp(3ch, 100%, 100% - 2rem);
  height: 0.2em;
  background: var(--c8y-palette-yellow-60);
  top: 2.4em;
  left: 1rem;
  pointer-events: none;
  z-index: 10;
}
body .woocommerce-tabs ul.tabs li a:hover::after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
body .woocommerce-tabs ul.tabs li.active a {
  font-weight: bold;
}
body .woocommerce-tabs ul.tabs li.active a::after {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
body .woocommerce-tabs .woocommerce-Tabs-panel > .grid-row:first-child::before, body .woocommerce-tabs .wc-block-grid__products .woocommerce-Tabs-panel > .wc-block-grid__product:first-child::before, body .wc-block-grid__products .woocommerce-tabs .woocommerce-Tabs-panel > .wc-block-grid__product:first-child::before,
html body .woocommerce-tabs .products .woocommerce-Tabs-panel > .product-category:first-child::before,
html body .products .woocommerce-tabs .woocommerce-Tabs-panel > .product-category:first-child::before {
  display: none;
}
body .woocommerce-tabs .woocommerce-product-attributes, body .woocommerce-tabs .certification-table {
  mix-blend-mode: multiply;
}
body .woocommerce-tabs .wcpoa_attachments-list {
  mix-blend-mode: multiply;
}
body .woocommerce-tabs .wcpoa_attachments-list p:empty {
  display: none;
}
body .woocommerce-tabs .wcpoa_attachment {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  border-top: 1px solid var(--c8y-root-component-border-color);
  margin: 0;
}
body .woocommerce-tabs .wcpoa_attachment:nth-child(odd) {
  background: var(--c8y-root-component-background-odd);
}
body .woocommerce-tabs .wcpoa_attachment:last-of-type {
  border-bottom: 1px solid var(--c8y-root-component-border-color);
}
body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachment_name {
  font-size: 0.8125rem;
  font-family: var(--c8y-font-family-sans-serif);
  flex-grow: 1;
  padding-right: 1rem;
  padding-left: 1rem;
}
body .woocommerce-tabs .wcpoa_attachment .wcpoa_attachmentbtn {
  margin-left: auto;
  margin-right: 1rem;
}

/**
 * Password strength meter
 */
.woocommerce-password-strength {
  text-align: right;
}
.woocommerce-password-strength.strong {
  color: var(--c8y-palette-status-success);
}
.woocommerce-password-strength.short {
  color: var(--c8y-palette-status-danger);
}
.woocommerce-password-strength.bad {
  color: var(--c8y-palette-status-danger);
}
.woocommerce-password-strength.good {
  color: var(--c8y-palette-status-info);
}

/**
 * Forms
 */
.form-row.woocommerce-validated input.input-text {
  box-shadow: inset 2px 0 0 var(--c8y-palette-status-success);
}
.form-row.woocommerce-invalid input.input-text {
  box-shadow: inset 2px 0 0 var(--c8y-palette-status-danger);
}

.required {
  color: #f00;
}

/**
 * Notices
 */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
  background-color: var(--c8y-palette-status-success);
  clear: both;
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
  background-color: var(--c8y-palette-status-info);
}

.woocommerce-error {
  background-color: var(--c8y-palette-status-danger);
}

.demo_store {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 1em;
  background-color: var(--c8y-palette-status-info);
  z-index: 9999;
}

@media screen and (min-width: 48em) {
  /**
   * Header cart
   */
  .site-header-cart .widget_shopping_cart {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999999;
    left: -999em;
    display: block;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
    left: 0;
    display: block;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.woocommerce .quantity input[type=number] {
  width: 3em;
}

.woocommerce .quantity input[type=number]::-webkit-inner-spin-button, .woocommerce .quantity input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

.woocommerce.woocommerce-shop .woocommerce-breadcrumb {
  display: none;
}

.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 1rem;
  display: none !important;
}

.woocommerce .woocommerce-NoticeGroup-checkout ul.woocommerce-error[role=alert] {
  color: var(--wp--preset--color--contrast);
  background: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-NoticeGroup-checkout ul.woocommerce-error[role=alert]::before {
  display: none;
}

.woocommerce .woocommerce-NoticeGroup-checkout ul.woocommerce-error[role=alert] li {
  display: inherit;
  margin-bottom: 1rem;
}

.woocommerce a.button, .woocommerce button.single_add_to_cart_button, .woocommerce button[name=add-to-cart], .woocommerce button[type=submit]:not(.wp-block-search__button), .woocommerce input[name=submit] {
  margin-top: 1rem;
}

.woocommerce .woocommerce-result-count {
  margin-top: 0;
}

.woocommerce ul.products li.product {
  list-style: none;
  margin-top: var(--wp--style--block-gap);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  text-decoration: none;
  display: block;
  border: 0;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--system-font);
  text-decoration: none;
  margin-bottom: 0;
}

.woocommerce ul.products li.product h2.woocommerce-loop-category__title {
  font-size: revert;
}

.woocommerce ul.products li.product a.button {
  padding: 0.8rem 10%;
  margin-left: auto;
  margin-right: auto;
}

.woocommerce ul.products li.product a.button.loading {
  opacity: 0.5;
}

.woocommerce ul.products li.product a.added_to_cart {
  margin: 1rem auto;
}

.woocommerce ul.page-numbers {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: var(--global-max-width);
  padding: 1rem var(--global-padding);
  display: flex;
  justify-content: center;
}
.woocommerce ul.page-numbers .current {
  font-weight: bold;
}
.woocommerce ul.page-numbers a, .woocommerce ul.page-numbers .current {
  display: block;
  border-color: transparent;
  min-width: 2.2em;
  padding: 0.3em 0.6em;
  text-decoration: none;
  color: inherit;
}

.woocommerce span.onsale {
  top: -1rem;
  right: -1rem;
  position: absolute;
  background: var(--wp--preset--color--tertiary);
  color: var(--wp--preset--color--contrast);
  border-radius: 2rem;
  line-height: 2.6rem;
  font-size: 0.8rem;
  padding: 0 0.5rem 0 0.5rem;
}

.woocommerce div.product {
  position: relative;
}
.woocommerce div.product .product-top-section {
  max-width: var(--global-max-width);
  padding: 0 var(--global-padding);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3rem;
}
@media (min-width: 768px) {
  .woocommerce div.product .product-top-section {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    gap: 6rem;
  }
  .woocommerce div.product .product-top-section .related.products {
    grid-column: 1/-1;
  }
}
.woocommerce div.product .product-top-section .product_title {
  font-family: var(--headings-font-family);
  font-size: clamp(1.802rem, 2.8vw, 2.25rem);
}
.woocommerce div.product .entry-summary {
  position: relative;
}
.woocommerce div.product .entry-summary h1 {
  max-width: calc(100% - 120px);
  margin-top: 3.3rem;
}
.woocommerce div.product .entry-summary .certified-logo {
  position: absolute;
  bottom: 0;
  right: 0;
}
.woocommerce div.product span.onsale {
  position: absolute;
  left: -1rem;
  top: -1rem;
  width: 1.8rem;
  z-index: 1;
}
.woocommerce div.product .entry-summary .price,
.woocommerce div.product .entry-summary .woocommerce-Price-amount,
.woocommerce div.product .entry-summary del {
  font-size: var(--wp--preset--font-size--large);
}
.woocommerce div.product .entry-summary .price:empty,
.woocommerce div.product .entry-summary .woocommerce-Price-amount:empty,
.woocommerce div.product .entry-summary del:empty {
  display: none;
}
.woocommerce div.product div.woocommerce-product-gallery {
  position: relative;
  order: 10;
  margin-bottom: 2rem;
}
.woocommerce div.product div.woocommerce-product-gallery__image a {
  text-decoration: none;
}
.woocommerce div.product div.woocommerce-product-gallery__image a::after {
  display: none;
}
.woocommerce div.product div.woocommerce-product-gallery__image a > img {
  margin: 0 auto;
}
.woocommerce div.product div.woocommerce-product-gallery__image a::before {
  display: none;
}
.woocommerce div.product div.woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 2rem;
  right: 1rem;
  z-index: 1;
  text-decoration: none;
  border-radius: 1rem;
  border-style: solid;
  line-height: 1.5rem;
  padding: 0;
  font-size: 0.6rem;
  background: var(--wp--preset--color--white);
  border-color: var(--c8y-root-component-border-color);
  height: 2rem;
  width: 2rem;
  overflow: hidden;
  text-indent: 200px;
}
.woocommerce div.product div.woocommerce-product-gallery a.woocommerce-product-gallery__trigger::before {
  position: absolute;
  margin: 0 !important;
}
.woocommerce div.product div.woocommerce-product-gallery a.woocommerce-product-gallery__trigger::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" focusable="false" viewBox="0 0 24 24" width="24" height="24"><path d="M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z" /></svg>');
  display: block;
  transform: rotateY(180deg);
  margin-left: 1.55rem;
}

body .product_meta {
  font-size: 0.8125rem;
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 2rem;
}
body .product_meta a[rel=tag] {
  text-decoration: none;
  color: var(--c8y-palette-status-info-dark) !important;
}
body .product_meta a[rel=tag]::after {
  display: none;
}
body .product_meta a[rel=tag]::before {
  display: none;
}
body .product_meta a[rel=tag]:hover {
  background-color: var(--c8y-palette-blue-60);
  cursor: pointer;
}

body div .wc-block-grid__products {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  margin: 0;
}
@media (min-width: 768px) {
  body div .wc-block-grid__products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  body div .wc-block-grid__products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
body div .wc-block-grid__products > .product {
  width: 100%;
}
body div .wc-block-grid__products .woocommerce-loop-product__title {
  font-size: inherit;
  font-weight: 400;
}

html body .related.products .product,
html body .woocommerce.columns-5 .product {
  width: unset;
  margin: 1px;
}
html body .related.products .product + .h-line,
html body .woocommerce.columns-5 .product + .h-line {
  z-index: 10;
}
html body .related.products .product .button.product_type_external,
html body .woocommerce.columns-5 .product .button.product_type_external {
  display: none;
}
html body .related.products .product a.woocommerce-loop-product__link,
html body .woocommerce.columns-5 .product a.woocommerce-loop-product__link {
  color: inherit;
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  padding: 1.5rem;
  transition: all 0.25s linear;
}
html body .related.products .product a.woocommerce-loop-product__link:hover,
html body .woocommerce.columns-5 .product a.woocommerce-loop-product__link:hover {
  background-color: var(--c8y-root-component-background-default);
  outline: 4px solid var(--c8y-palette-yellow-60);
  outline-offset: -3px;
}
html body .related.products .product h2,
html body .woocommerce.columns-5 .product h2 {
  font-size: inherit;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-weight: 400;
  margin-top: auto;
  color: var(--body-text-color);
}
html body .related.products .product .license-image,
html body .woocommerce.columns-5 .product .license-image {
  left: auto !important;
  right: 1.5rem;
  top: 1rem !important;
  height: auto;
}
html body .related.products .woocommerce-loop-product__link,
html body .woocommerce.columns-5 .woocommerce-loop-product__link {
  width: 100%;
  text-align: center;
  text-decoration: none;
  background-color: var(--c8y-palette-yellow-80);
}
html body .related.products .woocommerce-loop-product__link > img,
html body .woocommerce.columns-5 .woocommerce-loop-product__link > img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
  background-position: center;
  height: 150px;
  mix-blend-mode: multiply;
}

html body .woocommerce.columns-5 {
  margin-bottom: 2rem;
}

body .wc-block-grid__products .wc-block-grid__product,
html body .products .product-category {
  overflow: hidden;
  width: 100%;
  flex-grow: 1;
  color: var(--body-text-color);
  border: 0;
  padding: 2rem;
  transition: outline 0.25s ease;
  outline: 0 solid transparent;
  width: 100%;
}
body .wc-block-grid__products .wc-block-grid__product:first-child:before,
html body .products .product-category:first-child:before {
  display: none;
}
body .wc-block-grid__products .wc-block-grid__product:has(a:hover), body .wc-block-grid__products .wc-block-grid__product:focus-within,
html body .products .product-category:has(a:hover),
html body .products .product-category:focus-within {
  outline: 4px solid var(--c8y-palette-yellow-60);
  outline-offset: -4px;
}
body .wc-block-grid__products .wc-block-grid__product a:focus,
html body .products .product-category a:focus {
  outline: none;
}
body .wc-block-grid__products .wc-block-grid__product > :last-child,
html body .products .product-category > :last-child {
  padding: 0 !important;
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image,
html body .products .product-category .wc-block-grid__product-image {
  margin: 0;
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image a::after,
html body .products .product-category .wc-block-grid__product-image a::after {
  content: none;
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image a > img,
html body .products .product-category .wc-block-grid__product-image a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
  background-position: center;
  max-height: 150px;
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image a + img,
html body .products .product-category .wc-block-grid__product-image a + img {
  top: 4px;
  bottom: auto !important;
  right: 0 !important;
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title, body .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title,
html body .products .product-category .wc-block-grid__product-title,
html body .products .product-category .woocommerce-loop-product__title {
  padding: 0;
  margin: 0;
  font-weight: 400;
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a, body .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title > a,
html body .products .product-category .wc-block-grid__product-title > a,
html body .products .product-category .woocommerce-loop-product__title > a {
  text-decoration: none !important;
  color: inherit;
  position: relative;
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a::before, body .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title > a::before,
html body .products .product-category .wc-block-grid__product-title > a::before,
html body .products .product-category .woocommerce-loop-product__title > a::before {
  content: "";
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
  transition: transform 0.3s;
  position: absolute;
  width: clamp(3ch, 100%, 100%);
  height: 1px;
  background: currentColor;
  top: 2ch;
  left: 0;
  pointer-events: none;
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a:hover, body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a:focus, body .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title > a:hover, body .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title > a:focus,
html body .products .product-category .wc-block-grid__product-title > a:hover,
html body .products .product-category .wc-block-grid__product-title > a:focus,
html body .products .product-category .woocommerce-loop-product__title > a:hover,
html body .products .product-category .woocommerce-loop-product__title > a:focus {
  color: var(--c8y-brand-primary);
}
body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a:hover::before, body .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title > a:focus::before, body .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title > a:hover::before, body .wc-block-grid__products .wc-block-grid__product .woocommerce-loop-product__title > a:focus::before,
html body .products .product-category .wc-block-grid__product-title > a:hover::before,
html body .products .product-category .wc-block-grid__product-title > a:focus::before,
html body .products .product-category .woocommerce-loop-product__title > a:hover::before,
html body .products .product-category .woocommerce-loop-product__title > a:focus::before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
body .wc-block-grid__products .wc-block-grid__product a:has(img)::before,
html body .products .product-category a:has(img)::before {
  display: none;
}

html body .woocommerce.columns-5 .product-category a > img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
  background-position: center;
  max-height: 150px;
  margin-bottom: 0.5rem;
}

body .wc-block-grid.has-3-columns .wc-block-grid__product {
  max-width: unset;
  width: 100%;
  padding: 1rem;
}
@media (min-width: 768px) {
  body .wc-block-grid.has-3-columns .wc-block-grid__product {
    padding: 2rem;
    overflow: visible;
    position: relative;
  }
  body .wc-block-grid.has-3-columns .wc-block-grid__product::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: var(--grid-border-color, var(--c8y-palette-gray-60));
    right: 0;
    left: 0;
    top: 0;
  }
  body .wc-block-grid.has-3-columns .wc-block-grid__product::before {
    content: "";
    position: absolute;
    height: 1px;
    background: var(--grid-border-color, var(--c8y-palette-gray-60));
    right: -1rem;
    left: -1rem;
    bottom: 0;
    display: block !important;
  }
}

body .wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper:not(.is-loading) {
  border-color: var(--c8y-root-component-border-color) !important;
}
body .wc-block-attribute-filter .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container {
  padding-top: 0;
  padding-bottom: 0;
}

body .wp-block-search__inside-wrapper {
  border-color: var(--c8y-root-component-border-color) !important;
}

body .wp-block-search__button {
  border: 0;
  background: transparent;
  padding: 0;
  color: currentColor;
}
body .wp-block-search__button:hover {
  color: var(--c8y-brand-primary);
}

body .wc-block-components-chip {
  border-color: var(--c8y-root-component-border-color);
  padding: 0.25em 0.5em 0.25em 0.75em !important;
  line-height: 22px;
}
body .wc-block-components-chip .wc-block-components-chip__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

body .components-form-token-field__token > * {
  border-color: var(--c8y-root-component-border-color) !important;
  font-size: 0.875em;
}

body .wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon {
  padding-right: 0.4em;
}
body .wc-blocks-components-form-token-field-wrapper:not(.single-selection) .components-form-token-field__input-container .components-button.components-form-token-field__remove-token.has-icon svg {
  width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  border-radius: 16px !important;
}

body .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token {
  order: 10;
}
body .wc-blocks-components-form-token-field-wrapper .components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input {
  order: 0;
}

body .wc-block-attribute-filter.style-dropdown {
  margin-bottom: 0.5rem;
}
body .wc-block-attribute-filter.style-dropdown .wc-block-attribute-filter__actions {
  font-size: 0.8125rem;
}
body .wc-block-attribute-filter.style-dropdown .components-form-token-field__input {
  display: none !important;
  color: var(--c8y-text-color);
}
body .wc-block-attribute-filter.style-dropdown:has(> svg) .components-form-token-field__input {
  display: block !important;
}

body .components-form-token-field__suggestions-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
body .components-form-token-field__suggestions-list::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.65);
}
body .components-form-token-field__suggestions-list::-webkit-scrollbar-thumb {
  background: var(--c8y-text-muted);
}

body:has([data-block-name="woocommerce/all-products"]) .page-header {
  display: none;
}
body:has([data-block-name="woocommerce/all-products"]) .page-header + .lead, body:has([data-block-name="woocommerce/all-products"]) .first-lead > .page-header + p:first-child {
  display: none;
}

body .wc-tabs > li > a::before {
  display: none;
}

body:not(.search) .woocommerce-products-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2rem;
  max-width: var(-global-max-width);
  margin: 0 auto;
  padding: 2rem var(--global-padding);
}
@media (min-width: 768px) {
  body:not(.search) .woocommerce-products-header {
    grid-template-columns: 4fr 2fr 2fr;
  }
}

body.search .woocommerce-products-header h1 {
  text-align: left;
}

body .woocommerce-info {
  background-color: transparent !important;
  font-style: italic;
  font-weight: bold;
}

body .wp-block-image {
  overflow: hidden;
}

body .search-form{
	display: flex;
	gap: 8px;
}

body .error-404.not-found.panel__container{
	min-height: calc(100vh - 341px);
    justify-content: start;
}

body .search-form label{
	margin: 0;
}
body .search-form .search-submit{
	padding: 4px 16px;
}

.card--eco {
  padding: 1rem 1.5rem;
  background-color: var(--c8y-root-component-background-default);
  box-shadow: var(--c8y-elevation-sm);
  border-radius: 0.25rem;
}

.entry-footer {
  display: none;
  position: fixed;
  top: 64px;
  right: 1.5rem;
  z-index: 1000;
}
.entry-footer .post-edit-link {
  text-indent: -200px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--c8y-root-component-color-default);
  color: var(--c8y-root-component-background-default);
  text-decoration: none;
}
.entry-footer .post-edit-link::before {
  content: "\ece9";
  text-indent: 0;
}
.entry-footer .post-edit-link:hover {
  background: var(--c8y-palette-yellow-60);
  color: var(--c8y-root-component-color-default);
}
@media (min-width: 768px) {
  .entry-footer {
    display: block;
  }
}

.wp-block-embed iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 640/360;
}

.grid-col.wp-block-group, .wp-block-group.catalog__list, body .woocommerce-tabs ul.wp-block-group.tabs, .woocommerce ul.products li.wp-block-group.product {
  display: flex;
  flex-direction: column;
}
.grid-col.wp-block-group .wp-block-buttons, .wp-block-group.catalog__list .wp-block-buttons, body .woocommerce-tabs ul.wp-block-group.tabs .wp-block-buttons, .woocommerce ul.products li.wp-block-group.product .wp-block-buttons {
  margin-top: auto !important;
}

.woocommerce-tabs {
  --grid-blend-mode: multiply;
}/*# sourceMappingURL=style.css.map */