@charset "UTF-8";
.mail-center .pxnews-modal .document_slice.small, .mail-center .news-modal .document_slice.small {
  width: 600px;
}
.mail-center .pxnews-modal .document_slice.large, .mail-center .news-modal .document_slice.large {
  width: 1000px;
}
.mail-center .pxnews-modal .document_slice > *, .mail-center .news-modal .document_slice > * {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.user-center .user-administration-table .user-filter {
  background-color: var(--greyscale-clear);
}
.user-center .user-administration-table .user-filter .form-control {
  min-width: 40px;
  background-color: var(--white);
}
.user-center .user-administration-table .user-filter .status.status_active {
  color: var(--success-dim);
}
.user-center .user-administration-table .user-filter .status.status_disabled {
  color: var(--danger-dim);
}
.user-center .user-administration-table .user-filter .status.status_pending {
  color: var(--warning-dim);
}
.user-center .user-administration-table .user-filter .status.status_trial_expired {
  color: var(--primary-dim);
}
.user-center .user-administration-table .user-filter .status input[type=checkbox] {
  display: none;
}
.user-center .user-administration-table .user-filter .status input[type=checkbox] + label {
  display: inline-block;
  border: 1px solid transparent;
  height: 1.5em;
  width: 1.5em;
  text-align: center;
}
.user-center .user-administration-table .user-filter .status input[type=checkbox]:checked + label {
  background: #EDF3F9;
  padding: 0;
}
.user-center .user-administration-table .user-filter .status input[type=checkbox]:checked + label.status_active {
  background: color-mix(in srgb, var(--success-dim) var(--default-color-mix-ratio), transparent);
}
.user-center .user-administration-table .user-filter .status input[type=checkbox]:checked + label.status_disabled {
  background: color-mix(in srgb, var(--danger-dim) var(--default-color-mix-ratio), transparent);
}
.user-center .user-administration-table .user-filter .status input[type=checkbox]:checked + label.status_pending {
  background: color-mix(in srgb, var(--warning-dim) var(--default-color-mix-ratio), transparent);
}
.user-center .user-administration-table .user-filter .status input[type=checkbox]:checked + label.status_trial_expired {
  background: color-mix(in srgb, var(--primary-dim) var(--default-color-mix-ratio), transparent);
}
.user-center .user-administration-table .user-filter .status input[type=checkbox], .user-center .user-administration-table .user-filter .status label {
  cursor: pointer;
}
.user-center .user-administration-table tr.backend-user-body {
  border-left: 2px solid var(--greyscale-bright);
}
.user-center .user-administration-table tr.backend-user-body > td {
  padding: 0 15px 30px 15px !important;
}
.user-center .user-administration-table tr.backend-user-body > td > .row > .grid-column {
  padding-bottom: 10px;
}
.user-center .user-administration-table tr.backend-user-body .row + .row .grid-field {
  border-top: 1px solid var(--divider-color);
}
.user-center .user-administration-table tr.backend-user-body .grid-field {
  padding-top: 15px;
  padding-bottom: 15px;
}
.user-center .user-administration-table tr.backend-user-body .grid-field h4:first-of-type {
  margin-top: 0;
}
.user-center .user-administration-table tr.backend-user-body .grid-column + .grid-column {
  border-left: 1px solid var(--divider-color);
}
.user-center .user-administration-table tr.backend-user-body .features label {
  white-space: nowrap;
}
.user-center .user-administration-table tr.backend-user-body .features label + label {
  padding-left: 0.2em;
}
.user-center .user-administration-table tr.backend-user-body .features label + label input {
  visibility: hidden;
  width: 0;
  padding: 0;
}
.user-center .user-administration-table tr.backend-user-body .package {
  padding: 0 2px;
  margin-bottom: 4px;
  user-select: none;
}
.user-center .user-administration-table tr.backend-user-body .package img {
  height: 32px;
  margin-right: 5px;
}
.user-center .user-administration-table tr.backend-user-body .package label {
  position: relative;
  width: 100%;
  border-radius: 1px;
  background: var(--white);
  border: 1px solid var(--greyscale-mid);
  cursor: pointer;
  color: var(--greyscale-mid);
  display: inline-flex;
  align-items: center;
  line-height: 1em;
  padding: 5px 1em 5px 5px;
  margin-bottom: 0;
}
.user-center .user-administration-table tr.backend-user-body .package .check, .user-center .user-administration-table tr.backend-user-body .package .lock {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -0.5em;
  display: none;
}
.user-center .user-administration-table tr.backend-user-body .package input {
  display: none;
}
.user-center .user-administration-table tr.backend-user-body .package input:not(:disabled) + label:hover {
  background: var(--greyscale-background);
}
.user-center .user-administration-table tr.backend-user-body .package input:not(:disabled):checked + label:hover {
  border-color: color-mix(in srgb, var(--essential-mid), var(--white) 10%);
}
.user-center .user-administration-table tr.backend-user-body .package input:disabled + label {
  cursor: not-allowed;
}
.user-center .user-administration-table tr.backend-user-body .package input:checked:not(:disabled) + label {
  border-color: var(--essential-mid);
  color: var(--black);
}
.user-center .user-administration-table tr.backend-user-body .package input:checked:not(:disabled) + label .check {
  display: block;
}
.user-center .user-administration-table tr.backend-user-body .checkbox {
  margin: 0;
}

.tui-full-calendar-weekday-grid-line.tui-full-calendar-near-month-day.tui-full-calendar-today .tui-full-calendar-weekday-grid-date.tui-full-calendar-weekday-grid-date-decorator {
  background-color: var(--secondary-mid);
}

.icon:not(.fa-fw) {
  width: auto;
}

.width-component, .square-component {
  width: var(--default-component-height);
}

.height-component, .square-component {
  height: var(--default-component-height);
}

.min-width-component, .min-square-component {
  min-width: var(--default-component-height);
}

.min-height-component, .min-square-component {
  min-height: var(--default-component-height);
}

.__icon {
  vertical-align: middle;
}

.__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--default-component-height);
  padding: 0 15px;
  font-weight: 600;
  white-space: nowrap;
  border-radius: var(--default-small-border-radius);
  --text-color: var(--button-default-color);
  --background-color: var(--button-default-background);
  background: var(--background-color);
  --border-color: unset;
  border: 1px solid var(--border-color, var(--background-color));
  transition: all var(--default-transition-duration);
  user-select: none;
  vertical-align: middle;
}
.__btn.disabled {
  cursor: default;
  --background-color: var(--greyscale-mid) !important;
  --text-color: var(--greyscale-mid) !important;
}
.__btn, .__btn:hover, .__btn:active, .__btn:focus, .__btn:active:focus, .__btn:hover:active, .__btn:hover:focus, .__btn:hover:active:focus {
  text-decoration: none;
  color: var(--text-color);
}
.__btn:not(.disabled):hover {
  background: color-mix(in srgb, var(--background-color), #FFF var(--default-color-mix-ratio));
  border-color: color-mix(in srgb, var(--background-color), #FFF var(--default-color-mix-ratio));
}
.__btn .btn-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}
.__btn .btn-icon > .icon {
  font-weight: 300;
}
.__btn.has-icon:not(.has-text, .has-trailing-icon) {
  line-height: 1;
  font-size: var(--default-button-icon-size);
  width: var(--default-component-height);
  min-width: var(--default-component-height);
  padding: 0;
  border-radius: 100%;
}
.__btn.has-icon:not(.has-text, .has-trailing-icon) .btn-icon {
  margin-left: 0;
  margin-right: 0;
}
.__btn.has-icon.has-trailing-icon:not(.has-text) {
  padding: 0 15px;
}
.__btn.btn-xspaceless {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.__btn.btn-multiline {
  height: auto;
  min-height: var(--default-component-height);
  padding: 7.5px 20px;
}
.__btn.btn-spaceless {
  height: auto;
  padding: 0 !important;
}
.__btn.btn-spaceless.btn-text:not(.disabled) .btn-label::after, .__btn.btn-spaceless.btn-text.disabled .btn-label::after {
  top: calc(100% - 1px);
}
.__btn.btn-small {
  height: 30px;
  padding: 0 10px;
}
.__btn.btn-large {
  height: 75px;
  padding: 0 40px;
  font-size: var(--font-size-xlarge);
}
.btn-outlined {
  --text-color: var(--black);
  --background-color: var(--black);
}

.__btn.btn-outlined.down {
  background: color-mix(in srgb, var(--background-color) var(--default-color-mix-ratio), transparent);
  color: var(--background-color);
}
.__btn.btn-outlined.down .btn-icon > .icon {
  font-weight: 900;
}
.__btn.btn-outlined:not(.down) {
  background: none;
  color: var(--background-color);
}
.__btn.btn-outlined:not(.down):not(.disabled):hover {
  color: color-mix(in srgb, var(--background-color), #FFF var(--default-color-mix-ratio));
  background: color-mix(in srgb, transparent, var(--background-color) var(--default-color-mix-ratio));
}
.__btn.btn-text:not(.disabled), .__btn.btn-text.disabled {
  background: none;
  border: none;
  font-weight: 400;
}
.__btn.btn-text:not(.disabled).has-text, .__btn.btn-text.disabled.has-text {
  padding: 0 10px;
}
.__btn.btn-text:not(.disabled) .btn-label::after, .__btn.btn-text.disabled .btn-label::after {
  position: absolute;
  content: "";
  top: calc(100% + 1px);
  width: 100%;
  transform: scaleX(0%);
  transition: transform var(--default-transition-duration);
  transition-timing-function: var(--default-transition-elastic-function);
  will-change: transform;
  height: 1px;
  background: var(--background-color);
}
.__btn.btn-text:not(.disabled), .__btn.btn-text:not(.disabled):hover, .__btn.btn-text:not(.disabled):active, .__btn.btn-text:not(.disabled):focus, .__btn.btn-text:not(.disabled):active:focus, .__btn.btn-text:not(.disabled):hover:active, .__btn.btn-text:not(.disabled):hover:focus, .__btn.btn-text:not(.disabled):hover:active:focus, .__btn.btn-text.disabled, .__btn.btn-text.disabled:hover, .__btn.btn-text.disabled:active, .__btn.btn-text.disabled:focus, .__btn.btn-text.disabled:active:focus, .__btn.btn-text.disabled:hover:active, .__btn.btn-text.disabled:hover:focus, .__btn.btn-text.disabled:hover:active:focus {
  color: var(--background-color);
}
.__btn.btn-text:not(.disabled):not(.has-text, .disabled):hover, .__btn.btn-text:not(.disabled):hover:not(.has-text, .disabled):hover, .__btn.btn-text:not(.disabled):active:not(.has-text, .disabled):hover, .__btn.btn-text:not(.disabled):focus:not(.has-text, .disabled):hover, .__btn.btn-text:not(.disabled):active:focus:not(.has-text, .disabled):hover, .__btn.btn-text:not(.disabled):hover:active:not(.has-text, .disabled):hover, .__btn.btn-text:not(.disabled):hover:focus:not(.has-text, .disabled):hover, .__btn.btn-text:not(.disabled):hover:active:focus:not(.has-text, .disabled):hover, .__btn.btn-text.disabled:not(.has-text, .disabled):hover, .__btn.btn-text.disabled:hover:not(.has-text, .disabled):hover, .__btn.btn-text.disabled:active:not(.has-text, .disabled):hover, .__btn.btn-text.disabled:focus:not(.has-text, .disabled):hover, .__btn.btn-text.disabled:active:focus:not(.has-text, .disabled):hover, .__btn.btn-text.disabled:hover:active:not(.has-text, .disabled):hover, .__btn.btn-text.disabled:hover:focus:not(.has-text, .disabled):hover, .__btn.btn-text.disabled:hover:active:focus:not(.has-text, .disabled):hover {
  color: color-mix(in srgb, var(--background-color), #FFF var(--default-color-mix-ratio));
}
.__btn.btn-text:not(.disabled).has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text:not(.disabled).has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text:not(.disabled):hover.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text:not(.disabled):hover.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text:not(.disabled):active.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text:not(.disabled):active.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text:not(.disabled):focus.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text:not(.disabled):focus.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text:not(.disabled):active:focus.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text:not(.disabled):active:focus.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text:not(.disabled):hover:active.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text:not(.disabled):hover:active.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text:not(.disabled):hover:focus.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text:not(.disabled):hover:focus.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text:not(.disabled):hover:active:focus.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text:not(.disabled):hover:active:focus.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text.disabled.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text.disabled.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text.disabled:hover.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text.disabled:hover.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text.disabled:active.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text.disabled:active.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text.disabled:focus.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text.disabled:focus.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text.disabled:active:focus.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text.disabled:active:focus.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text.disabled:hover:active.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text.disabled:hover:active.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text.disabled:hover:focus.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text.disabled:hover:focus.has-text:not(.disabled, .no-down-underline).down .btn-label::after, .__btn.btn-text.disabled:hover:active:focus.has-text:hover:not(.disabled) .btn-label::after, .__btn.btn-text.disabled:hover:active:focus.has-text:not(.disabled, .no-down-underline).down .btn-label::after {
  transform: scaleX(100%);
}
.__btn.btn-text:not(.disabled).underline:not(.has-icon), .__btn.btn-text:not(.disabled):hover.underline:not(.has-icon), .__btn.btn-text:not(.disabled):active.underline:not(.has-icon), .__btn.btn-text:not(.disabled):focus.underline:not(.has-icon), .__btn.btn-text:not(.disabled):active:focus.underline:not(.has-icon), .__btn.btn-text:not(.disabled):hover:active.underline:not(.has-icon), .__btn.btn-text:not(.disabled):hover:focus.underline:not(.has-icon), .__btn.btn-text:not(.disabled):hover:active:focus.underline:not(.has-icon), .__btn.btn-text.disabled.underline:not(.has-icon), .__btn.btn-text.disabled:hover.underline:not(.has-icon), .__btn.btn-text.disabled:active.underline:not(.has-icon), .__btn.btn-text.disabled:focus.underline:not(.has-icon), .__btn.btn-text.disabled:active:focus.underline:not(.has-icon), .__btn.btn-text.disabled:hover:active.underline:not(.has-icon), .__btn.btn-text.disabled:hover:focus.underline:not(.has-icon), .__btn.btn-text.disabled:hover:active:focus.underline:not(.has-icon) {
  text-decoration: underline;
}
.__btn.btn-text:not(.disabled).no-decoration, .__btn.btn-text:not(.disabled):hover.no-decoration, .__btn.btn-text:not(.disabled):active.no-decoration, .__btn.btn-text:not(.disabled):focus.no-decoration, .__btn.btn-text:not(.disabled):active:focus.no-decoration, .__btn.btn-text:not(.disabled):hover:active.no-decoration, .__btn.btn-text:not(.disabled):hover:focus.no-decoration, .__btn.btn-text:not(.disabled):hover:active:focus.no-decoration, .__btn.btn-text.disabled.no-decoration, .__btn.btn-text.disabled:hover.no-decoration, .__btn.btn-text.disabled:active.no-decoration, .__btn.btn-text.disabled:focus.no-decoration, .__btn.btn-text.disabled:active:focus.no-decoration, .__btn.btn-text.disabled:hover:active.no-decoration, .__btn.btn-text.disabled:hover:focus.no-decoration, .__btn.btn-text.disabled:hover:active:focus.no-decoration {
  text-decoration: none;
}
.__btn.btn-text:not(.disabled).no-decoration .btn-label::after, .__btn.btn-text:not(.disabled):hover.no-decoration .btn-label::after, .__btn.btn-text:not(.disabled):active.no-decoration .btn-label::after, .__btn.btn-text:not(.disabled):focus.no-decoration .btn-label::after, .__btn.btn-text:not(.disabled):active:focus.no-decoration .btn-label::after, .__btn.btn-text:not(.disabled):hover:active.no-decoration .btn-label::after, .__btn.btn-text:not(.disabled):hover:focus.no-decoration .btn-label::after, .__btn.btn-text:not(.disabled):hover:active:focus.no-decoration .btn-label::after, .__btn.btn-text.disabled.no-decoration .btn-label::after, .__btn.btn-text.disabled:hover.no-decoration .btn-label::after, .__btn.btn-text.disabled:active.no-decoration .btn-label::after, .__btn.btn-text.disabled:focus.no-decoration .btn-label::after, .__btn.btn-text.disabled:active:focus.no-decoration .btn-label::after, .__btn.btn-text.disabled:hover:active.no-decoration .btn-label::after, .__btn.btn-text.disabled:hover:focus.no-decoration .btn-label::after, .__btn.btn-text.disabled:hover:active:focus.no-decoration .btn-label::after {
  content: none;
}
.__btn.btn-text:not(.disabled).down, .__btn.btn-text.disabled.down {
  font-weight: 600;
}
.__btn.btn-text:not(.disabled).down .btn-icon > .icon, .__btn.btn-text.disabled.down .btn-icon > .icon {
  font-weight: 900;
}
.__btn.btn-text:not(.disabled) .btn-icon, .__btn.btn-text.disabled .btn-icon {
  margin-left: 0;
  margin-right: 0;
}
.__btn.btn-text:not(.disabled) .btn-icon > .icon, .__btn.btn-text.disabled .btn-icon > .icon {
  font-weight: 300;
}
.__btn.btn-floating {
  padding: 0 50px;
  height: 45px;
  box-shadow: var(--btn-shadow, var(--floating-shadow));
}
.__btn.btn-floating.has-icon:not(.has-text) {
  padding: 0;
  height: var(--default-component-height);
  width: var(--default-component-height);
  min-width: var(--default-component-height);
  border-radius: 100%;
}

.__pill {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 5px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--default-component-height);
  padding: 5px 15px;
  border-radius: var(--default-border-radius);
  --background-color: transparent;
  background: var(--pill-background, var(--background-color));
  --border-color: transparent;
  border: 1px solid var(--border-color, var(--pill-background, var(--background-color)));
  color: var(--pill-color, var(--text-color));
  transition: all var(--default-transition-duration);
  min-width: 60px;
}
.__pill.clickable {
  user-select: none;
}
.__pill.bordered {
  border: 1px solid var(--pill-border, var(--border-color, var(--pill-background, var(--background-color))));
}
.__pill.icon {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.__pill > .action {
  color: var(--pill-action-color, var(--text-color, var(--pill-action-color-default)));
}
.__pill.dropdown > .dropdown-toggle > * {
  white-space: initial;
}
.__pill.dropdown.show {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.__pill.dropdown.show > .dropdown-toggle {
  position: relative;
  z-index: 1001;
}
.__pill.dropdown.show > .dropdown-menu {
  top: calc(100% - 12.5px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  padding: 12.5px 0 0;
  border-radius: 12.5px;
  overflow: hidden;
  box-shadow: var(--dropdown-shadow, var(--default-shadow));
}
.__pill.dropdown.show > .dropdown-menu > .dropdown-item, .__pill.dropdown.show > .dropdown-menu > .dropdown-item:hover, .__pill.dropdown.show > .dropdown-menu > .dropdown-item:active, .__pill.dropdown.show > .dropdown-menu > .dropdown-item:focus, .__pill.dropdown.show > .dropdown-menu > .dropdown-item:active:focus, .__pill.dropdown.show > .dropdown-menu > .dropdown-item:hover:active, .__pill.dropdown.show > .dropdown-menu > .dropdown-item:hover:active:focus {
  text-align: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.__floating-action-pill-wrapper {
  position: fixed;
  bottom: calc(var(--default-secondary-navbar-phone-height) + 10px);
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: var(--z-index-overlay);
}
.__floating-action-pill-wrapper .__floating-action-pill {
  padding: 0;
  pointer-events: all;
  box-shadow: var(--btn-shadow, var(--floating-shadow));
}
.__floating-action-pill-wrapper .__floating-action-pill > .__btn {
  --background-color: var(--white);
}

.__tile {
  position: relative;
  border-radius: var(--default-border-radius);
  --background-color: var(--white);
  background: var(--tile-background-color, var(--background-color));
  --text-color: var(--font-color);
  color: var(--tile-color, var(--text-color));
  padding: 15px;
  break-inside: avoid;
}
@media (min-width: 0px) {
  .__tile.responsive-normal {
    padding: 10px 15px;
  }
}
@media (min-width: 0px) {
  .__tile.responsive {
    padding: 10px 15px;
  }
}
@media (min-width: 0px) {
  .__tile.responsive-semi-wide {
    padding: 10px 15px;
  }
}
@media (min-width: 576px) {
  .__tile.responsive-semi-wide {
    padding: 15px 20px;
  }
}
@media (min-width: 0px) {
  .__tile.responsive-wide {
    padding: 10px 15px;
  }
}
@media (min-width: 576px) {
  .__tile.responsive-wide {
    padding: 15px 20px;
  }
}
@media (min-width: 768px) {
  .__tile.responsive-wide {
    padding: 20px 30px;
  }
}
@media (min-width: 0px) {
  .__tile.responsive-large {
    padding: 10px 15px;
  }
}
@media (min-width: 576px) {
  .__tile.responsive-large {
    padding: 15px 20px;
  }
}
@media (min-width: 768px) {
  .__tile.responsive-large {
    padding: 20px 30px;
  }
}
@media (min-width: 992px) {
  .__tile.responsive-large {
    padding: 40px 60px;
  }
}
@media (min-width: 0px) {
  .__tile.responsive-huge {
    padding: 10px 15px;
  }
}
@media (min-width: 576px) {
  .__tile.responsive-huge {
    padding: 15px 20px;
  }
}
@media (min-width: 768px) {
  .__tile.responsive-huge {
    padding: 20px 30px;
  }
}
@media (min-width: 992px) {
  .__tile.responsive-huge {
    padding: 40px 60px;
  }
}
@media (min-width: 1200px) {
  .__tile.responsive-huge {
    padding: 60px 90px;
  }
}
.__tile.bordered {
  border: 1px solid var(--border-color, var(--tile-background-color, var(--background-color)));
}
.__tile.is-card {
  box-shadow: var(--default-shadow);
}
@media (min-width: 768px) {
  .__tile.is-card:not([class*=responsive]) {
    padding: 30px;
  }
}

.__dropdown .__dropdown-toggle {
  position: relative;
  display: inline-block;
}
.__dropdown .__dropdown-icon {
  color: var(--dropdown-icon-color, var(--text-color, var(--dropdown-icon-color-default)));
}

.__z-index-fix {
  z-index: var(--z-index-z-boost) !important;
}

.__dropdown-item, a.__dropdown-item {
  display: flex;
  min-width: 0;
  gap: 15px;
  width: 100%;
  align-items: center;
  --text-color: var(--font-color);
  color: var(--text-color);
  padding: 5px 15px;
  min-height: var(--default-component-height);
  clear: both;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.__dropdown-item:not(.disabled):not(.readonly):hover, .__dropdown-item:not(.disabled):not(.readonly):active, .__dropdown-item:not(.disabled):not(.readonly):focus, .__dropdown-item:not(.disabled):not(.readonly):hover:active, a.__dropdown-item:not(.disabled):not(.readonly):hover, a.__dropdown-item:not(.disabled):not(.readonly):active, a.__dropdown-item:not(.disabled):not(.readonly):focus, a.__dropdown-item:not(.disabled):not(.readonly):hover:active {
  background-color: var(--hover-color, var(--darken));
}
.__dropdown-item.disabled, a.__dropdown-item.disabled {
  color: var(--greyscale-dim);
}

.__dropdown-divider {
  height: 0;
  margin: 10px 0;
  overflow: hidden;
  border-top: 1px solid var(--divider-color);
}

.__dropdown-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: max-content;
  z-index: var(--z-index-dropdown);
  font-size: var(--default-font-size);
  line-height: var(--default-line-height);
  --text-color: var(--font-color);
  color: var(--text-color);
  text-align: left;
  --background-color: var(--white);
  background-color: var(--background-color);
  background-clip: padding-box;
  border-radius: var(--default-small-border-radius);
  box-shadow: var(--dropdown-shadow, var(--default-shadow));
  --border-color: var(--greyscale-bright);
  border: 1px solid var(--border-color);
  touch-action: none;
}
.__dropdown-menu.wide {
  border-radius: var(--default-border-radius);
}
.__dropdown-menu.wide > .__dropdown-content {
  padding: var(--wide);
}
.__dropdown-menu > .__dropdown-content {
  position: relative;
  width: max-content;
  max-width: 100%;
  user-select: none;
  padding: 0;
}
.__dropdown-menu.scrollable {
  overflow: hidden;
}
.__dropdown-menu.scrollable > .__dropdown-content {
  overflow: auto;
  overscroll-behavior: contain;
  max-height: 25vh;
  width: 100%;
}

.__breadcrumbs .__breadcrumb:last-of-type .breadcrumb-divider {
  display: none;
}

a:not(.__btn) {
  color: var(--link-color);
  text-decoration: none;
}
a:not(.__btn):active, a:not(.__btn):focus, a:not(.__btn):hover, a:not(.__btn):active:focus, a:not(.__btn):hover:active, a:not(.__btn):hover:active:focus {
  text-decoration: none;
  color: color-mix(in srgb, var(--link-color), #FFF 10%);
}
a:not(.__btn).disabled, a:not(.__btn):hover.disabled, a:not(.__btn):active.disabled, a:not(.__btn):focus.disabled, a:not(.__btn):active:focus.disabled, a:not(.__btn):hover:active.disabled, a:not(.__btn):hover:active:focus.disabled {
  cursor: default;
  color: var(--greyscale-mid);
}
a:not(.__btn).no-highlight, a:not(.__btn):hover.no-highlight, a:not(.__btn):active.no-highlight, a:not(.__btn):focus.no-highlight, a:not(.__btn):active:focus.no-highlight, a:not(.__btn):hover:active.no-highlight, a:not(.__btn):hover:active:focus.no-highlight {
  color: inherit !important;
}
a:not(.__btn).nodecoration, a:not(.__btn):hover.nodecoration, a:not(.__btn):active.nodecoration, a:not(.__btn):focus.nodecoration, a:not(.__btn):active:focus.nodecoration, a:not(.__btn):hover:active.nodecoration, a:not(.__btn):hover:active:focus.nodecoration {
  text-decoration: none;
  color: inherit;
}

button {
  letter-spacing: var(--default-font-letter-spacing);
}

pre {
  background-color: var(--greyscale-clear);
  color: var(--on-greyscale-clear);
  border-radius: 0;
  border-color: var(--greyscale-bright);
  margin: 0;
  font-size: 1em;
}
pre.success {
  background-color: color-mix(in srgb, var(--success-mid) 50%, transparent);
}
pre.danger {
  background-color: color-mix(in srgb, var(--danger-mid) 50%, transparent);
}

h1 {
  color: var(--headline-color, var(--text-color)) !important;
  line-height: initial;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-2xlarge);
  font-weight: 650;
  text-transform: initial;
}
h1 > .description {
  color: var(--headline-description-color, var(--black)) !important;
  font-weight: initial;
  margin-left: 10px;
}
h1 + .description {
  color: var(--headline-description-color, var(--black)) !important;
  margin-bottom: 20px;
}
h1 + .description:not(.full) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
h1:not(.spaceless) {
  margin-top: 40px;
  margin-bottom: 10px;
}
h1:not(.spaceless) + .description {
  margin-top: -10px;
  margin-bottom: 10px;
}
h1 > *:not(:first-child) {
  text-transform: initial;
}
h1.unstyled {
  font-weight: initial;
  font-size: initial;
  color: initial !important;
  letter-spacing: 0.4px;
  text-transform: initial;
  margin-top: initial;
  margin-bottom: initial;
}
h1.fixed-anchor {
  padding-top: calc(var(--navbar-height) + 10px);
  margin-top: calc(40px - 10px - var(--navbar-height));
}

h2 {
  color: var(--headline-color, var(--text-color)) !important;
  line-height: initial;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-xlarge);
  font-weight: 650;
  text-transform: initial;
}
h2 > .description {
  color: var(--headline-description-color, var(--black)) !important;
  font-weight: initial;
  margin-left: 10px;
}
h2 + .description {
  color: var(--headline-description-color, var(--black)) !important;
  margin-bottom: 20px;
}
h2 + .description:not(.full) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
h2:not(.spaceless) {
  margin-top: 40px;
  margin-bottom: 10px;
}
h2:not(.spaceless) + .description {
  margin-top: -10px;
  margin-bottom: 10px;
}
h2 > *:not(:first-child) {
  text-transform: initial;
}
h2.unstyled {
  font-weight: initial;
  font-size: initial;
  color: initial !important;
  letter-spacing: 0.4px;
  text-transform: initial;
  margin-top: initial;
  margin-bottom: initial;
}
h2.fixed-anchor {
  padding-top: calc(var(--navbar-height) + 10px);
  margin-top: calc(40px - 10px - var(--navbar-height));
}

h3 {
  color: var(--headline-color, var(--text-color)) !important;
  line-height: initial;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-large);
  font-weight: 650;
  text-transform: initial;
}
h3 > .description {
  color: var(--headline-description-color, var(--black)) !important;
  font-weight: initial;
  margin-left: 10px;
}
h3 + .description {
  color: var(--headline-description-color, var(--black)) !important;
  margin-bottom: 20px;
}
h3 + .description:not(.full) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
h3:not(.spaceless) {
  margin-top: 30px;
  margin-bottom: 10px;
}
h3:not(.spaceless) + .description {
  margin-top: -10px;
  margin-bottom: 10px;
}
h3 > *:not(:first-child) {
  text-transform: initial;
}
h3.unstyled {
  font-weight: initial;
  font-size: initial;
  color: initial !important;
  letter-spacing: 0.4px;
  text-transform: initial;
  margin-top: initial;
  margin-bottom: initial;
}
h3.fixed-anchor {
  padding-top: calc(var(--navbar-height) + 10px);
  margin-top: calc(30px - 10px - var(--navbar-height));
}

h4 {
  color: var(--headline-color, var(--text-color)) !important;
  line-height: initial;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-medium);
  font-weight: 600;
  text-transform: initial;
}
h4 > .description {
  color: var(--headline-description-color, var(--black)) !important;
  font-weight: initial;
  margin-left: 10px;
}
h4 + .description {
  color: var(--headline-description-color, var(--black)) !important;
  margin-bottom: 20px;
}
h4 + .description:not(.full) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
h4:not(.spaceless) {
  margin-top: 20px;
  margin-bottom: 10px;
}
h4:not(.spaceless) + .description {
  margin-top: -10px;
  margin-bottom: 10px;
}
h4 > *:not(:first-child) {
  text-transform: initial;
}
h4.unstyled {
  font-weight: initial;
  font-size: initial;
  color: initial !important;
  letter-spacing: 0.4px;
  text-transform: initial;
  margin-top: initial;
  margin-bottom: initial;
}
h4.fixed-anchor {
  padding-top: calc(var(--navbar-height) + 10px);
  margin-top: calc(20px - 10px - var(--navbar-height));
}

h5 {
  color: var(--headline-color, var(--text-color)) !important;
  line-height: initial;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-normal);
  font-weight: 650;
  text-transform: initial;
}
h5 > .description {
  color: var(--headline-description-color, var(--black)) !important;
  font-weight: initial;
  margin-left: 10px;
}
h5 + .description {
  color: var(--headline-description-color, var(--black)) !important;
  margin-bottom: 20px;
}
h5 + .description:not(.full) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
h5:not(.spaceless) {
  margin-top: 20px;
  margin-bottom: 5px;
}
h5:not(.spaceless) + .description {
  margin-top: -5px;
  margin-bottom: 5px;
}
h5 > *:not(:first-child) {
  text-transform: initial;
}
h5.unstyled {
  font-weight: initial;
  font-size: initial;
  color: initial !important;
  letter-spacing: 0.4px;
  text-transform: initial;
  margin-top: initial;
  margin-bottom: initial;
}
h5.fixed-anchor {
  padding-top: calc(var(--navbar-height) + 10px);
  margin-top: calc(20px - 10px - var(--navbar-height));
}

h6 {
  color: var(--headline-color, var(--text-color)) !important;
  line-height: initial;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-small);
  font-weight: 650;
  text-transform: uppercase;
}
h6 > .description {
  color: var(--headline-description-color, var(--black)) !important;
  font-weight: initial;
  margin-left: 10px;
}
h6 + .description {
  color: var(--headline-description-color, var(--black)) !important;
  margin-bottom: 20px;
}
h6 + .description:not(.full) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
h6:not(.spaceless) {
  margin-top: 20px;
  margin-bottom: 5px;
}
h6:not(.spaceless) + .description {
  margin-top: -5px;
  margin-bottom: 5px;
}
h6 > *:not(:first-child) {
  text-transform: initial;
}
h6.unstyled {
  font-weight: initial;
  font-size: initial;
  color: initial !important;
  letter-spacing: 0.4px;
  text-transform: initial;
  margin-top: initial;
  margin-bottom: initial;
}
h6.fixed-anchor {
  padding-top: calc(var(--navbar-height) + 10px);
  margin-top: calc(20px - 10px - var(--navbar-height));
}

h1.title {
  font-size: var(--font-size-4xlarge);
  font-weight: 600;
}

h2.title {
  font-size: var(--font-size-3xlarge);
  font-weight: 600;
}

.h-description {
  color: var(--headline-description-color, var(--black)) !important;
  margin-bottom: 20px;
}
.h-description:not(.full) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}

p, .text-block {
  color: var(--text-color);
}

img.disabled {
  filter: grayscale(100%);
}

@media (min-width: 0px) {
  .overflow-auto {
    overflow: auto;
  }

  .overflow-auto-stable {
    overflow: auto;
    scrollbar-gutter: stable;
  }

  .overflow-auto-contain {
    overflow: auto;
    overscroll-behavior: contain;
  }

  .overflow-auto-invisible {
    overflow: auto;
    scrollbar-width: none;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-initial {
    overflow: initial;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-auto-stable {
    overflow-x: auto;
    scrollbar-gutter: stable;
  }

  .overflow-x-auto-contain {
    overflow-x: auto;
    overscroll-behavior: contain;
  }

  .overflow-x-auto-invisible {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-x-initial {
    overflow-x: initial;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overflow-y-auto-stable {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  .overflow-y-auto-contain {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .overflow-y-auto-invisible {
    overflow-y: auto;
    scrollbar-width: none;
  }

  .overflow-y-hidden {
    overflow-y: hidden;
  }

  .overflow-y-initial {
    overflow-y: initial;
  }
}
@media (min-width: 576px) {
  .overflow-sm-auto {
    overflow: auto;
  }

  .overflow-sm-auto-stable {
    overflow: auto;
    scrollbar-gutter: stable;
  }

  .overflow-sm-auto-contain {
    overflow: auto;
    overscroll-behavior: contain;
  }

  .overflow-sm-auto-invisible {
    overflow: auto;
    scrollbar-width: none;
  }

  .overflow-sm-hidden {
    overflow: hidden;
  }

  .overflow-sm-initial {
    overflow: initial;
  }

  .overflow-x-sm-auto {
    overflow-x: auto;
  }

  .overflow-x-sm-auto-stable {
    overflow-x: auto;
    scrollbar-gutter: stable;
  }

  .overflow-x-sm-auto-contain {
    overflow-x: auto;
    overscroll-behavior: contain;
  }

  .overflow-x-sm-auto-invisible {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .overflow-x-sm-hidden {
    overflow-x: hidden;
  }

  .overflow-x-sm-initial {
    overflow-x: initial;
  }

  .overflow-y-sm-auto {
    overflow-y: auto;
  }

  .overflow-y-sm-auto-stable {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  .overflow-y-sm-auto-contain {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .overflow-y-sm-auto-invisible {
    overflow-y: auto;
    scrollbar-width: none;
  }

  .overflow-y-sm-hidden {
    overflow-y: hidden;
  }

  .overflow-y-sm-initial {
    overflow-y: initial;
  }
}
@media (min-width: 768px) {
  .overflow-md-auto {
    overflow: auto;
  }

  .overflow-md-auto-stable {
    overflow: auto;
    scrollbar-gutter: stable;
  }

  .overflow-md-auto-contain {
    overflow: auto;
    overscroll-behavior: contain;
  }

  .overflow-md-auto-invisible {
    overflow: auto;
    scrollbar-width: none;
  }

  .overflow-md-hidden {
    overflow: hidden;
  }

  .overflow-md-initial {
    overflow: initial;
  }

  .overflow-x-md-auto {
    overflow-x: auto;
  }

  .overflow-x-md-auto-stable {
    overflow-x: auto;
    scrollbar-gutter: stable;
  }

  .overflow-x-md-auto-contain {
    overflow-x: auto;
    overscroll-behavior: contain;
  }

  .overflow-x-md-auto-invisible {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .overflow-x-md-hidden {
    overflow-x: hidden;
  }

  .overflow-x-md-initial {
    overflow-x: initial;
  }

  .overflow-y-md-auto {
    overflow-y: auto;
  }

  .overflow-y-md-auto-stable {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  .overflow-y-md-auto-contain {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .overflow-y-md-auto-invisible {
    overflow-y: auto;
    scrollbar-width: none;
  }

  .overflow-y-md-hidden {
    overflow-y: hidden;
  }

  .overflow-y-md-initial {
    overflow-y: initial;
  }
}
@media (min-width: 992px) {
  .overflow-lg-auto {
    overflow: auto;
  }

  .overflow-lg-auto-stable {
    overflow: auto;
    scrollbar-gutter: stable;
  }

  .overflow-lg-auto-contain {
    overflow: auto;
    overscroll-behavior: contain;
  }

  .overflow-lg-auto-invisible {
    overflow: auto;
    scrollbar-width: none;
  }

  .overflow-lg-hidden {
    overflow: hidden;
  }

  .overflow-lg-initial {
    overflow: initial;
  }

  .overflow-x-lg-auto {
    overflow-x: auto;
  }

  .overflow-x-lg-auto-stable {
    overflow-x: auto;
    scrollbar-gutter: stable;
  }

  .overflow-x-lg-auto-contain {
    overflow-x: auto;
    overscroll-behavior: contain;
  }

  .overflow-x-lg-auto-invisible {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .overflow-x-lg-hidden {
    overflow-x: hidden;
  }

  .overflow-x-lg-initial {
    overflow-x: initial;
  }

  .overflow-y-lg-auto {
    overflow-y: auto;
  }

  .overflow-y-lg-auto-stable {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  .overflow-y-lg-auto-contain {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .overflow-y-lg-auto-invisible {
    overflow-y: auto;
    scrollbar-width: none;
  }

  .overflow-y-lg-hidden {
    overflow-y: hidden;
  }

  .overflow-y-lg-initial {
    overflow-y: initial;
  }
}
@media (min-width: 1200px) {
  .overflow-xl-auto {
    overflow: auto;
  }

  .overflow-xl-auto-stable {
    overflow: auto;
    scrollbar-gutter: stable;
  }

  .overflow-xl-auto-contain {
    overflow: auto;
    overscroll-behavior: contain;
  }

  .overflow-xl-auto-invisible {
    overflow: auto;
    scrollbar-width: none;
  }

  .overflow-xl-hidden {
    overflow: hidden;
  }

  .overflow-xl-initial {
    overflow: initial;
  }

  .overflow-x-xl-auto {
    overflow-x: auto;
  }

  .overflow-x-xl-auto-stable {
    overflow-x: auto;
    scrollbar-gutter: stable;
  }

  .overflow-x-xl-auto-contain {
    overflow-x: auto;
    overscroll-behavior: contain;
  }

  .overflow-x-xl-auto-invisible {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .overflow-x-xl-hidden {
    overflow-x: hidden;
  }

  .overflow-x-xl-initial {
    overflow-x: initial;
  }

  .overflow-y-xl-auto {
    overflow-y: auto;
  }

  .overflow-y-xl-auto-stable {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  .overflow-y-xl-auto-contain {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .overflow-y-xl-auto-invisible {
    overflow-y: auto;
    scrollbar-width: none;
  }

  .overflow-y-xl-hidden {
    overflow-y: hidden;
  }

  .overflow-y-xl-initial {
    overflow-y: initial;
  }
}
@media (min-width: 1600px) {
  .overflow-xxl-auto {
    overflow: auto;
  }

  .overflow-xxl-auto-stable {
    overflow: auto;
    scrollbar-gutter: stable;
  }

  .overflow-xxl-auto-contain {
    overflow: auto;
    overscroll-behavior: contain;
  }

  .overflow-xxl-auto-invisible {
    overflow: auto;
    scrollbar-width: none;
  }

  .overflow-xxl-hidden {
    overflow: hidden;
  }

  .overflow-xxl-initial {
    overflow: initial;
  }

  .overflow-x-xxl-auto {
    overflow-x: auto;
  }

  .overflow-x-xxl-auto-stable {
    overflow-x: auto;
    scrollbar-gutter: stable;
  }

  .overflow-x-xxl-auto-contain {
    overflow-x: auto;
    overscroll-behavior: contain;
  }

  .overflow-x-xxl-auto-invisible {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .overflow-x-xxl-hidden {
    overflow-x: hidden;
  }

  .overflow-x-xxl-initial {
    overflow-x: initial;
  }

  .overflow-y-xxl-auto {
    overflow-y: auto;
  }

  .overflow-y-xxl-auto-stable {
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  .overflow-y-xxl-auto-contain {
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .overflow-y-xxl-auto-invisible {
    overflow-y: auto;
    scrollbar-width: none;
  }

  .overflow-y-xxl-hidden {
    overflow-y: hidden;
  }

  .overflow-y-xxl-initial {
    overflow-y: initial;
  }
}
.hover-container:has(.hover-container:hover) .hover-element, .hover-container:not(:hover) .hover-element {
  display: none;
}

.circle {
  border-radius: 100%;
}

.default-shadow {
  box-shadow: var(--default-shadow);
}

.floating-shadow {
  box-shadow: var(--floating-shadow);
}

.background-transparent-25, .background--25 {
  --background-color: color-mix(in srgb, var(--transparent) 25%, transparent);
  --text-color: var(--on-transparent);
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-transparent) var(--default-color-mix-ratio), transparent);
}
.background-transparent-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
}

.background-transparent-50, .background--50 {
  --background-color: color-mix(in srgb, var(--transparent) 50%, transparent);
  --text-color: var(--on-transparent);
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-transparent) var(--default-color-mix-ratio), transparent);
}
.background-transparent-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
}

.background-transparent-75, .background--75 {
  --background-color: color-mix(in srgb, var(--transparent) 75%, transparent);
  --text-color: var(--on-transparent);
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-transparent) var(--default-color-mix-ratio), transparent);
}
.background-transparent-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
}

.background-transparent-var, .background-transparent, .background- {
  --background-color: var(--transparent);
  --text-color: var(--on-transparent);
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-transparent) var(--default-color-mix-ratio), transparent);
}
.background-transparent-var > .__btn::after, .background-transparent > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
}

.background-on-transparent-var, .background-on-transparent, .background-on- {
  --background-color: var(--on-transparent);
}

.background-transparent-explicit, .background--explicit {
  background-color: var(--transparent) !important;
  color: var(--on-transparent);
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-transparent) var(--default-color-mix-ratio), transparent);
}
.background-transparent-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-transparent) var(--divider-tranparency), transparent);
}

.background-on-transparent-explicit, .background-on--explicit {
  background-color: var(--on-transparent) !important;
}

.border-transparent-var, .border-transparent, .border- {
  --border-color: var(--transparent);
}

.border {
  border-color: inherit !important;
}

.border-transparent-explicit, .border--explicit {
  border-color: var(--transparent) !important;
}

.text-transparent-var, .text-transparent, .text- {
  --text-color: var(--transparent);
}

.text- {
  color: inherit !important;
}

.text-transparent-explicit, .text--explicit {
  color: var(--transparent) !important;
}

.text-on-transparent-var, .text-on-transparent, .text-on- {
  --text-color: var(--on-transparent);
}

.text-on-transparent-explicit, .text-on--explicit {
  color: var(--on-transparent) !important;
}

.badge-transparent, .badge- {
  background-color: var(--transparent) !important;
  color: var(--on-transparent);
}

.background-primary-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--primary-dark) 25%, transparent);
  --text-color: var(--on-primary-dark);
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dark) var(--default-color-mix-ratio), transparent);
}
.background-primary-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
}

.background-primary-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent);
  --text-color: var(--on-primary-dark);
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dark) var(--default-color-mix-ratio), transparent);
}
.background-primary-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
}

.background-primary-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--primary-dark) 75%, transparent);
  --text-color: var(--on-primary-dark);
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dark) var(--default-color-mix-ratio), transparent);
}
.background-primary-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
}

.background-primary-dark-var, .background-primary-dark, .background- {
  --background-color: var(--primary-dark);
  --text-color: var(--on-primary-dark);
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dark) var(--default-color-mix-ratio), transparent);
}
.background-primary-dark-var > .__btn::after, .background-primary-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
}

.background-on-primary-dark-var, .background-on-primary-dark, .background-on- {
  --background-color: var(--on-primary-dark);
}

.background-primary-dark-explicit, .background--explicit {
  background-color: var(--primary-dark) !important;
  color: var(--on-primary-dark);
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dark) var(--default-color-mix-ratio), transparent);
}
.background-primary-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dark) var(--divider-tranparency), transparent);
}

.background-on-primary-dark-explicit, .background-on--explicit {
  background-color: var(--on-primary-dark) !important;
}

.border-primary-dark-var, .border-primary-dark, .border- {
  --border-color: var(--primary-dark);
}

.border {
  border-color: inherit !important;
}

.border-primary-dark-explicit, .border--explicit {
  border-color: var(--primary-dark) !important;
}

.text-primary-dark-var, .text-primary-dark, .text- {
  --text-color: var(--primary-dark);
}

.text- {
  color: inherit !important;
}

.text-primary-dark-explicit, .text--explicit {
  color: var(--primary-dark) !important;
}

.text-on-primary-dark-var, .text-on-primary-dark, .text-on- {
  --text-color: var(--on-primary-dark);
}

.text-on-primary-dark-explicit, .text-on--explicit {
  color: var(--on-primary-dark) !important;
}

.badge-primary-dark, .badge- {
  background-color: var(--primary-dark) !important;
  color: var(--on-primary-dark);
}

.background-primary-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--primary-dim) 25%, transparent);
  --text-color: var(--on-primary-dim);
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dim) var(--default-color-mix-ratio), transparent);
}
.background-primary-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
}

.background-primary-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--primary-dim) 50%, transparent);
  --text-color: var(--on-primary-dim);
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dim) var(--default-color-mix-ratio), transparent);
}
.background-primary-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
}

.background-primary-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--primary-dim) 75%, transparent);
  --text-color: var(--on-primary-dim);
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dim) var(--default-color-mix-ratio), transparent);
}
.background-primary-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
}

.background-primary-dim-var, .background-primary-dim, .background- {
  --background-color: var(--primary-dim);
  --text-color: var(--on-primary-dim);
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dim) var(--default-color-mix-ratio), transparent);
}
.background-primary-dim-var > .__btn::after, .background-primary-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
}

.background-on-primary-dim-var, .background-on-primary-dim, .background-on- {
  --background-color: var(--on-primary-dim);
}

.background-primary-dim-explicit, .background--explicit {
  background-color: var(--primary-dim) !important;
  color: var(--on-primary-dim);
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-dim) var(--default-color-mix-ratio), transparent);
}
.background-primary-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-dim) var(--divider-tranparency), transparent);
}

.background-on-primary-dim-explicit, .background-on--explicit {
  background-color: var(--on-primary-dim) !important;
}

.border-primary-dim-var, .border-primary-dim, .border- {
  --border-color: var(--primary-dim);
}

.border {
  border-color: inherit !important;
}

.border-primary-dim-explicit, .border--explicit {
  border-color: var(--primary-dim) !important;
}

.text-primary-dim-var, .text-primary-dim, .text- {
  --text-color: var(--primary-dim);
}

.text- {
  color: inherit !important;
}

.text-primary-dim-explicit, .text--explicit {
  color: var(--primary-dim) !important;
}

.text-on-primary-dim-var, .text-on-primary-dim, .text-on- {
  --text-color: var(--on-primary-dim);
}

.text-on-primary-dim-explicit, .text-on--explicit {
  color: var(--on-primary-dim) !important;
}

.badge-primary-dim, .badge- {
  background-color: var(--primary-dim) !important;
  color: var(--on-primary-dim);
}

.background-primary-mid-25, .background-primary-25 {
  --background-color: color-mix(in srgb, var(--primary-mid) 25%, transparent);
  --text-color: var(--on-primary-mid);
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-mid) var(--default-color-mix-ratio), transparent);
}
.background-primary-mid-25 > .__btn::after, .background-primary-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
}

.background-primary-mid-50, .background-primary-50 {
  --background-color: color-mix(in srgb, var(--primary-mid) 50%, transparent);
  --text-color: var(--on-primary-mid);
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-mid) var(--default-color-mix-ratio), transparent);
}
.background-primary-mid-50 > .__btn::after, .background-primary-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
}

.background-primary-mid-75, .background-primary-75 {
  --background-color: color-mix(in srgb, var(--primary-mid) 75%, transparent);
  --text-color: var(--on-primary-mid);
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-mid) var(--default-color-mix-ratio), transparent);
}
.background-primary-mid-75 > .__btn::after, .background-primary-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
}

.background-primary-mid-var, .background-primary-mid, .background-primary {
  --background-color: var(--primary-mid);
  --text-color: var(--on-primary-mid);
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-mid) var(--default-color-mix-ratio), transparent);
}
.background-primary-mid-var > .__btn::after, .background-primary-mid > .__btn::after, .background-primary > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
}

.background-on-primary-mid-var, .background-on-primary-mid, .background-on-primary {
  --background-color: var(--on-primary-mid);
}

.background-primary-mid-explicit, .background-primary-explicit {
  background-color: var(--primary-mid) !important;
  color: var(--on-primary-mid);
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-mid) var(--default-color-mix-ratio), transparent);
}
.background-primary-mid-explicit > .__btn::after, .background-primary-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-mid) var(--divider-tranparency), transparent);
}

.background-on-primary-mid-explicit, .background-on-primary-explicit {
  background-color: var(--on-primary-mid) !important;
}

.border-primary-mid-var, .border-primary-mid, .border-primary {
  --border-color: var(--primary-mid);
}

.borderprimary {
  border-color: inherit !important;
}

.border-primary-mid-explicit, .border-primary-explicit {
  border-color: var(--primary-mid) !important;
}

.text-primary-mid-var, .text-primary-mid, .text-primary {
  --text-color: var(--primary-mid);
}

.text-primary {
  color: inherit !important;
}

.text-primary-mid-explicit, .text-primary-explicit {
  color: var(--primary-mid) !important;
}

.text-on-primary-mid-var, .text-on-primary-mid, .text-on-primary {
  --text-color: var(--on-primary-mid);
}

.text-on-primary-mid-explicit, .text-on-primary-explicit {
  color: var(--on-primary-mid) !important;
}

.badge-primary-mid, .badge-primary {
  background-color: var(--primary-mid) !important;
  color: var(--on-primary-mid);
}

.background-primary-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--primary-bright) 25%, transparent);
  --text-color: var(--on-primary-bright);
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-bright) var(--default-color-mix-ratio), transparent);
}
.background-primary-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
}

.background-primary-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--primary-bright) 50%, transparent);
  --text-color: var(--on-primary-bright);
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-bright) var(--default-color-mix-ratio), transparent);
}
.background-primary-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
}

.background-primary-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--primary-bright) 75%, transparent);
  --text-color: var(--on-primary-bright);
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-bright) var(--default-color-mix-ratio), transparent);
}
.background-primary-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
}

.background-primary-bright-var, .background-primary-bright, .background- {
  --background-color: var(--primary-bright);
  --text-color: var(--on-primary-bright);
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-bright) var(--default-color-mix-ratio), transparent);
}
.background-primary-bright-var > .__btn::after, .background-primary-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
}

.background-on-primary-bright-var, .background-on-primary-bright, .background-on- {
  --background-color: var(--on-primary-bright);
}

.background-primary-bright-explicit, .background--explicit {
  background-color: var(--primary-bright) !important;
  color: var(--on-primary-bright);
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-bright) var(--default-color-mix-ratio), transparent);
}
.background-primary-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-bright) var(--divider-tranparency), transparent);
}

.background-on-primary-bright-explicit, .background-on--explicit {
  background-color: var(--on-primary-bright) !important;
}

.border-primary-bright-var, .border-primary-bright, .border- {
  --border-color: var(--primary-bright);
}

.border {
  border-color: inherit !important;
}

.border-primary-bright-explicit, .border--explicit {
  border-color: var(--primary-bright) !important;
}

.text-primary-bright-var, .text-primary-bright, .text- {
  --text-color: var(--primary-bright);
}

.text- {
  color: inherit !important;
}

.text-primary-bright-explicit, .text--explicit {
  color: var(--primary-bright) !important;
}

.text-on-primary-bright-var, .text-on-primary-bright, .text-on- {
  --text-color: var(--on-primary-bright);
}

.text-on-primary-bright-explicit, .text-on--explicit {
  color: var(--on-primary-bright) !important;
}

.badge-primary-bright, .badge- {
  background-color: var(--primary-bright) !important;
  color: var(--on-primary-bright);
}

.background-primary-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--primary-clear) 25%, transparent);
  --text-color: var(--on-primary-clear);
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-clear) var(--default-color-mix-ratio), transparent);
}
.background-primary-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
}

.background-primary-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--primary-clear) 50%, transparent);
  --text-color: var(--on-primary-clear);
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-clear) var(--default-color-mix-ratio), transparent);
}
.background-primary-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
}

.background-primary-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--primary-clear) 75%, transparent);
  --text-color: var(--on-primary-clear);
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-clear) var(--default-color-mix-ratio), transparent);
}
.background-primary-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
}

.background-primary-clear-var, .background-primary-clear, .background- {
  --background-color: var(--primary-clear);
  --text-color: var(--on-primary-clear);
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-clear) var(--default-color-mix-ratio), transparent);
}
.background-primary-clear-var > .__btn::after, .background-primary-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
}

.background-on-primary-clear-var, .background-on-primary-clear, .background-on- {
  --background-color: var(--on-primary-clear);
}

.background-primary-clear-explicit, .background--explicit {
  background-color: var(--primary-clear) !important;
  color: var(--on-primary-clear);
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-clear) var(--default-color-mix-ratio), transparent);
}
.background-primary-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-clear) var(--divider-tranparency), transparent);
}

.background-on-primary-clear-explicit, .background-on--explicit {
  background-color: var(--on-primary-clear) !important;
}

.border-primary-clear-var, .border-primary-clear, .border- {
  --border-color: var(--primary-clear);
}

.border {
  border-color: inherit !important;
}

.border-primary-clear-explicit, .border--explicit {
  border-color: var(--primary-clear) !important;
}

.text-primary-clear-var, .text-primary-clear, .text- {
  --text-color: var(--primary-clear);
}

.text- {
  color: inherit !important;
}

.text-primary-clear-explicit, .text--explicit {
  color: var(--primary-clear) !important;
}

.text-on-primary-clear-var, .text-on-primary-clear, .text-on- {
  --text-color: var(--on-primary-clear);
}

.text-on-primary-clear-explicit, .text-on--explicit {
  color: var(--on-primary-clear) !important;
}

.badge-primary-clear, .badge- {
  background-color: var(--primary-clear) !important;
  color: var(--on-primary-clear);
}

.background-primary-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--primary-background) 25%, transparent);
  --text-color: var(--on-primary-background);
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-background) var(--default-color-mix-ratio), transparent);
}
.background-primary-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
}

.background-primary-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--primary-background) 50%, transparent);
  --text-color: var(--on-primary-background);
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-background) var(--default-color-mix-ratio), transparent);
}
.background-primary-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
}

.background-primary-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--primary-background) 75%, transparent);
  --text-color: var(--on-primary-background);
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-background) var(--default-color-mix-ratio), transparent);
}
.background-primary-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
}

.background-primary-background-var, .background-primary-background, .background- {
  --background-color: var(--primary-background);
  --text-color: var(--on-primary-background);
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-background) var(--default-color-mix-ratio), transparent);
}
.background-primary-background-var > .__btn::after, .background-primary-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
}

.background-on-primary-background-var, .background-on-primary-background, .background-on- {
  --background-color: var(--on-primary-background);
}

.background-primary-background-explicit, .background--explicit {
  background-color: var(--primary-background) !important;
  color: var(--on-primary-background);
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-primary-background) var(--default-color-mix-ratio), transparent);
}
.background-primary-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-primary-background) var(--divider-tranparency), transparent);
}

.background-on-primary-background-explicit, .background-on--explicit {
  background-color: var(--on-primary-background) !important;
}

.border-primary-background-var, .border-primary-background, .border- {
  --border-color: var(--primary-background);
}

.border {
  border-color: inherit !important;
}

.border-primary-background-explicit, .border--explicit {
  border-color: var(--primary-background) !important;
}

.text-primary-background-var, .text-primary-background, .text- {
  --text-color: var(--primary-background);
}

.text- {
  color: inherit !important;
}

.text-primary-background-explicit, .text--explicit {
  color: var(--primary-background) !important;
}

.text-on-primary-background-var, .text-on-primary-background, .text-on- {
  --text-color: var(--on-primary-background);
}

.text-on-primary-background-explicit, .text-on--explicit {
  color: var(--on-primary-background) !important;
}

.badge-primary-background, .badge- {
  background-color: var(--primary-background) !important;
  color: var(--on-primary-background);
}

.background-secondary-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--secondary-dark) 25%, transparent);
  --text-color: var(--on-secondary-dark);
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dark) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
}

.background-secondary-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent);
  --text-color: var(--on-secondary-dark);
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dark) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
}

.background-secondary-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--secondary-dark) 75%, transparent);
  --text-color: var(--on-secondary-dark);
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dark) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
}

.background-secondary-dark-var, .background-secondary-dark, .background- {
  --background-color: var(--secondary-dark);
  --text-color: var(--on-secondary-dark);
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dark) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dark-var > .__btn::after, .background-secondary-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
}

.background-on-secondary-dark-var, .background-on-secondary-dark, .background-on- {
  --background-color: var(--on-secondary-dark);
}

.background-secondary-dark-explicit, .background--explicit {
  background-color: var(--secondary-dark) !important;
  color: var(--on-secondary-dark);
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dark) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dark) var(--divider-tranparency), transparent);
}

.background-on-secondary-dark-explicit, .background-on--explicit {
  background-color: var(--on-secondary-dark) !important;
}

.border-secondary-dark-var, .border-secondary-dark, .border- {
  --border-color: var(--secondary-dark);
}

.border {
  border-color: inherit !important;
}

.border-secondary-dark-explicit, .border--explicit {
  border-color: var(--secondary-dark) !important;
}

.text-secondary-dark-var, .text-secondary-dark, .text- {
  --text-color: var(--secondary-dark);
}

.text- {
  color: inherit !important;
}

.text-secondary-dark-explicit, .text--explicit {
  color: var(--secondary-dark) !important;
}

.text-on-secondary-dark-var, .text-on-secondary-dark, .text-on- {
  --text-color: var(--on-secondary-dark);
}

.text-on-secondary-dark-explicit, .text-on--explicit {
  color: var(--on-secondary-dark) !important;
}

.badge-secondary-dark, .badge- {
  background-color: var(--secondary-dark) !important;
  color: var(--on-secondary-dark);
}

.background-secondary-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--secondary-dim) 25%, transparent);
  --text-color: var(--on-secondary-dim);
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dim) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
}

.background-secondary-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--secondary-dim) 50%, transparent);
  --text-color: var(--on-secondary-dim);
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dim) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
}

.background-secondary-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--secondary-dim) 75%, transparent);
  --text-color: var(--on-secondary-dim);
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dim) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
}

.background-secondary-dim-var, .background-secondary-dim, .background- {
  --background-color: var(--secondary-dim);
  --text-color: var(--on-secondary-dim);
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dim) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dim-var > .__btn::after, .background-secondary-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
}

.background-on-secondary-dim-var, .background-on-secondary-dim, .background-on- {
  --background-color: var(--on-secondary-dim);
}

.background-secondary-dim-explicit, .background--explicit {
  background-color: var(--secondary-dim) !important;
  color: var(--on-secondary-dim);
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-dim) var(--default-color-mix-ratio), transparent);
}
.background-secondary-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-dim) var(--divider-tranparency), transparent);
}

.background-on-secondary-dim-explicit, .background-on--explicit {
  background-color: var(--on-secondary-dim) !important;
}

.border-secondary-dim-var, .border-secondary-dim, .border- {
  --border-color: var(--secondary-dim);
}

.border {
  border-color: inherit !important;
}

.border-secondary-dim-explicit, .border--explicit {
  border-color: var(--secondary-dim) !important;
}

.text-secondary-dim-var, .text-secondary-dim, .text- {
  --text-color: var(--secondary-dim);
}

.text- {
  color: inherit !important;
}

.text-secondary-dim-explicit, .text--explicit {
  color: var(--secondary-dim) !important;
}

.text-on-secondary-dim-var, .text-on-secondary-dim, .text-on- {
  --text-color: var(--on-secondary-dim);
}

.text-on-secondary-dim-explicit, .text-on--explicit {
  color: var(--on-secondary-dim) !important;
}

.badge-secondary-dim, .badge- {
  background-color: var(--secondary-dim) !important;
  color: var(--on-secondary-dim);
}

.background-secondary-mid-25, .background-secondary-25 {
  --background-color: color-mix(in srgb, var(--secondary-mid) 25%, transparent);
  --text-color: var(--on-secondary-mid);
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-mid) var(--default-color-mix-ratio), transparent);
}
.background-secondary-mid-25 > .__btn::after, .background-secondary-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
}

.background-secondary-mid-50, .background-secondary-50 {
  --background-color: color-mix(in srgb, var(--secondary-mid) 50%, transparent);
  --text-color: var(--on-secondary-mid);
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-mid) var(--default-color-mix-ratio), transparent);
}
.background-secondary-mid-50 > .__btn::after, .background-secondary-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
}

.background-secondary-mid-75, .background-secondary-75 {
  --background-color: color-mix(in srgb, var(--secondary-mid) 75%, transparent);
  --text-color: var(--on-secondary-mid);
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-mid) var(--default-color-mix-ratio), transparent);
}
.background-secondary-mid-75 > .__btn::after, .background-secondary-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
}

.background-secondary-mid-var, .background-secondary-mid, .background-secondary {
  --background-color: var(--secondary-mid);
  --text-color: var(--on-secondary-mid);
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-mid) var(--default-color-mix-ratio), transparent);
}
.background-secondary-mid-var > .__btn::after, .background-secondary-mid > .__btn::after, .background-secondary > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
}

.background-on-secondary-mid-var, .background-on-secondary-mid, .background-on-secondary {
  --background-color: var(--on-secondary-mid);
}

.background-secondary-mid-explicit, .background-secondary-explicit {
  background-color: var(--secondary-mid) !important;
  color: var(--on-secondary-mid);
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-mid) var(--default-color-mix-ratio), transparent);
}
.background-secondary-mid-explicit > .__btn::after, .background-secondary-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-mid) var(--divider-tranparency), transparent);
}

.background-on-secondary-mid-explicit, .background-on-secondary-explicit {
  background-color: var(--on-secondary-mid) !important;
}

.border-secondary-mid-var, .border-secondary-mid, .border-secondary {
  --border-color: var(--secondary-mid);
}

.bordersecondary {
  border-color: inherit !important;
}

.border-secondary-mid-explicit, .border-secondary-explicit {
  border-color: var(--secondary-mid) !important;
}

.text-secondary-mid-var, .text-secondary-mid, .text-secondary {
  --text-color: var(--secondary-mid);
}

.text-secondary {
  color: inherit !important;
}

.text-secondary-mid-explicit, .text-secondary-explicit {
  color: var(--secondary-mid) !important;
}

.text-on-secondary-mid-var, .text-on-secondary-mid, .text-on-secondary {
  --text-color: var(--on-secondary-mid);
}

.text-on-secondary-mid-explicit, .text-on-secondary-explicit {
  color: var(--on-secondary-mid) !important;
}

.badge-secondary-mid, .badge-secondary {
  background-color: var(--secondary-mid) !important;
  color: var(--on-secondary-mid);
}

.background-secondary-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--secondary-bright) 25%, transparent);
  --text-color: var(--on-secondary-bright);
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-bright) var(--default-color-mix-ratio), transparent);
}
.background-secondary-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
}

.background-secondary-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--secondary-bright) 50%, transparent);
  --text-color: var(--on-secondary-bright);
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-bright) var(--default-color-mix-ratio), transparent);
}
.background-secondary-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
}

.background-secondary-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--secondary-bright) 75%, transparent);
  --text-color: var(--on-secondary-bright);
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-bright) var(--default-color-mix-ratio), transparent);
}
.background-secondary-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
}

.background-secondary-bright-var, .background-secondary-bright, .background- {
  --background-color: var(--secondary-bright);
  --text-color: var(--on-secondary-bright);
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-bright) var(--default-color-mix-ratio), transparent);
}
.background-secondary-bright-var > .__btn::after, .background-secondary-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
}

.background-on-secondary-bright-var, .background-on-secondary-bright, .background-on- {
  --background-color: var(--on-secondary-bright);
}

.background-secondary-bright-explicit, .background--explicit {
  background-color: var(--secondary-bright) !important;
  color: var(--on-secondary-bright);
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-bright) var(--default-color-mix-ratio), transparent);
}
.background-secondary-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-bright) var(--divider-tranparency), transparent);
}

.background-on-secondary-bright-explicit, .background-on--explicit {
  background-color: var(--on-secondary-bright) !important;
}

.border-secondary-bright-var, .border-secondary-bright, .border- {
  --border-color: var(--secondary-bright);
}

.border {
  border-color: inherit !important;
}

.border-secondary-bright-explicit, .border--explicit {
  border-color: var(--secondary-bright) !important;
}

.text-secondary-bright-var, .text-secondary-bright, .text- {
  --text-color: var(--secondary-bright);
}

.text- {
  color: inherit !important;
}

.text-secondary-bright-explicit, .text--explicit {
  color: var(--secondary-bright) !important;
}

.text-on-secondary-bright-var, .text-on-secondary-bright, .text-on- {
  --text-color: var(--on-secondary-bright);
}

.text-on-secondary-bright-explicit, .text-on--explicit {
  color: var(--on-secondary-bright) !important;
}

.badge-secondary-bright, .badge- {
  background-color: var(--secondary-bright) !important;
  color: var(--on-secondary-bright);
}

.background-secondary-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--secondary-clear) 25%, transparent);
  --text-color: var(--on-secondary-clear);
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-clear) var(--default-color-mix-ratio), transparent);
}
.background-secondary-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
}

.background-secondary-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--secondary-clear) 50%, transparent);
  --text-color: var(--on-secondary-clear);
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-clear) var(--default-color-mix-ratio), transparent);
}
.background-secondary-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
}

.background-secondary-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--secondary-clear) 75%, transparent);
  --text-color: var(--on-secondary-clear);
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-clear) var(--default-color-mix-ratio), transparent);
}
.background-secondary-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
}

.background-secondary-clear-var, .background-secondary-clear, .background- {
  --background-color: var(--secondary-clear);
  --text-color: var(--on-secondary-clear);
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-clear) var(--default-color-mix-ratio), transparent);
}
.background-secondary-clear-var > .__btn::after, .background-secondary-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
}

.background-on-secondary-clear-var, .background-on-secondary-clear, .background-on- {
  --background-color: var(--on-secondary-clear);
}

.background-secondary-clear-explicit, .background--explicit {
  background-color: var(--secondary-clear) !important;
  color: var(--on-secondary-clear);
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-clear) var(--default-color-mix-ratio), transparent);
}
.background-secondary-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-clear) var(--divider-tranparency), transparent);
}

.background-on-secondary-clear-explicit, .background-on--explicit {
  background-color: var(--on-secondary-clear) !important;
}

.border-secondary-clear-var, .border-secondary-clear, .border- {
  --border-color: var(--secondary-clear);
}

.border {
  border-color: inherit !important;
}

.border-secondary-clear-explicit, .border--explicit {
  border-color: var(--secondary-clear) !important;
}

.text-secondary-clear-var, .text-secondary-clear, .text- {
  --text-color: var(--secondary-clear);
}

.text- {
  color: inherit !important;
}

.text-secondary-clear-explicit, .text--explicit {
  color: var(--secondary-clear) !important;
}

.text-on-secondary-clear-var, .text-on-secondary-clear, .text-on- {
  --text-color: var(--on-secondary-clear);
}

.text-on-secondary-clear-explicit, .text-on--explicit {
  color: var(--on-secondary-clear) !important;
}

.badge-secondary-clear, .badge- {
  background-color: var(--secondary-clear) !important;
  color: var(--on-secondary-clear);
}

.background-secondary-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--secondary-background) 25%, transparent);
  --text-color: var(--on-secondary-background);
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-background) var(--default-color-mix-ratio), transparent);
}
.background-secondary-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
}

.background-secondary-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--secondary-background) 50%, transparent);
  --text-color: var(--on-secondary-background);
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-background) var(--default-color-mix-ratio), transparent);
}
.background-secondary-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
}

.background-secondary-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--secondary-background) 75%, transparent);
  --text-color: var(--on-secondary-background);
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-background) var(--default-color-mix-ratio), transparent);
}
.background-secondary-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
}

.background-secondary-background-var, .background-secondary-background, .background- {
  --background-color: var(--secondary-background);
  --text-color: var(--on-secondary-background);
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-background) var(--default-color-mix-ratio), transparent);
}
.background-secondary-background-var > .__btn::after, .background-secondary-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
}

.background-on-secondary-background-var, .background-on-secondary-background, .background-on- {
  --background-color: var(--on-secondary-background);
}

.background-secondary-background-explicit, .background--explicit {
  background-color: var(--secondary-background) !important;
  color: var(--on-secondary-background);
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-secondary-background) var(--default-color-mix-ratio), transparent);
}
.background-secondary-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-secondary-background) var(--divider-tranparency), transparent);
}

.background-on-secondary-background-explicit, .background-on--explicit {
  background-color: var(--on-secondary-background) !important;
}

.border-secondary-background-var, .border-secondary-background, .border- {
  --border-color: var(--secondary-background);
}

.border {
  border-color: inherit !important;
}

.border-secondary-background-explicit, .border--explicit {
  border-color: var(--secondary-background) !important;
}

.text-secondary-background-var, .text-secondary-background, .text- {
  --text-color: var(--secondary-background);
}

.text- {
  color: inherit !important;
}

.text-secondary-background-explicit, .text--explicit {
  color: var(--secondary-background) !important;
}

.text-on-secondary-background-var, .text-on-secondary-background, .text-on- {
  --text-color: var(--on-secondary-background);
}

.text-on-secondary-background-explicit, .text-on--explicit {
  color: var(--on-secondary-background) !important;
}

.badge-secondary-background, .badge- {
  background-color: var(--secondary-background) !important;
  color: var(--on-secondary-background);
}

.background-essential-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--essential-dark) 25%, transparent);
  --text-color: var(--on-essential-dark);
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dark) var(--default-color-mix-ratio), transparent);
}
.background-essential-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
}

.background-essential-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--essential-dark) 50%, transparent);
  --text-color: var(--on-essential-dark);
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dark) var(--default-color-mix-ratio), transparent);
}
.background-essential-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
}

.background-essential-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--essential-dark) 75%, transparent);
  --text-color: var(--on-essential-dark);
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dark) var(--default-color-mix-ratio), transparent);
}
.background-essential-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
}

.background-essential-dark-var, .background-essential-dark, .background- {
  --background-color: var(--essential-dark);
  --text-color: var(--on-essential-dark);
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dark) var(--default-color-mix-ratio), transparent);
}
.background-essential-dark-var > .__btn::after, .background-essential-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
}

.background-on-essential-dark-var, .background-on-essential-dark, .background-on- {
  --background-color: var(--on-essential-dark);
}

.background-essential-dark-explicit, .background--explicit {
  background-color: var(--essential-dark) !important;
  color: var(--on-essential-dark);
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dark) var(--default-color-mix-ratio), transparent);
}
.background-essential-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dark) var(--divider-tranparency), transparent);
}

.background-on-essential-dark-explicit, .background-on--explicit {
  background-color: var(--on-essential-dark) !important;
}

.border-essential-dark-var, .border-essential-dark, .border- {
  --border-color: var(--essential-dark);
}

.border {
  border-color: inherit !important;
}

.border-essential-dark-explicit, .border--explicit {
  border-color: var(--essential-dark) !important;
}

.text-essential-dark-var, .text-essential-dark, .text- {
  --text-color: var(--essential-dark);
}

.text- {
  color: inherit !important;
}

.text-essential-dark-explicit, .text--explicit {
  color: var(--essential-dark) !important;
}

.text-on-essential-dark-var, .text-on-essential-dark, .text-on- {
  --text-color: var(--on-essential-dark);
}

.text-on-essential-dark-explicit, .text-on--explicit {
  color: var(--on-essential-dark) !important;
}

.badge-essential-dark, .badge- {
  background-color: var(--essential-dark) !important;
  color: var(--on-essential-dark);
}

.background-essential-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--essential-dim) 25%, transparent);
  --text-color: var(--on-essential-dim);
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dim) var(--default-color-mix-ratio), transparent);
}
.background-essential-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
}

.background-essential-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--essential-dim) 50%, transparent);
  --text-color: var(--on-essential-dim);
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dim) var(--default-color-mix-ratio), transparent);
}
.background-essential-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
}

.background-essential-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--essential-dim) 75%, transparent);
  --text-color: var(--on-essential-dim);
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dim) var(--default-color-mix-ratio), transparent);
}
.background-essential-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
}

.background-essential-dim-var, .background-essential-dim, .background- {
  --background-color: var(--essential-dim);
  --text-color: var(--on-essential-dim);
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dim) var(--default-color-mix-ratio), transparent);
}
.background-essential-dim-var > .__btn::after, .background-essential-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
}

.background-on-essential-dim-var, .background-on-essential-dim, .background-on- {
  --background-color: var(--on-essential-dim);
}

.background-essential-dim-explicit, .background--explicit {
  background-color: var(--essential-dim) !important;
  color: var(--on-essential-dim);
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-dim) var(--default-color-mix-ratio), transparent);
}
.background-essential-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-dim) var(--divider-tranparency), transparent);
}

.background-on-essential-dim-explicit, .background-on--explicit {
  background-color: var(--on-essential-dim) !important;
}

.border-essential-dim-var, .border-essential-dim, .border- {
  --border-color: var(--essential-dim);
}

.border {
  border-color: inherit !important;
}

.border-essential-dim-explicit, .border--explicit {
  border-color: var(--essential-dim) !important;
}

.text-essential-dim-var, .text-essential-dim, .text- {
  --text-color: var(--essential-dim);
}

.text- {
  color: inherit !important;
}

.text-essential-dim-explicit, .text--explicit {
  color: var(--essential-dim) !important;
}

.text-on-essential-dim-var, .text-on-essential-dim, .text-on- {
  --text-color: var(--on-essential-dim);
}

.text-on-essential-dim-explicit, .text-on--explicit {
  color: var(--on-essential-dim) !important;
}

.badge-essential-dim, .badge- {
  background-color: var(--essential-dim) !important;
  color: var(--on-essential-dim);
}

.background-essential-mid-25, .background-essential-25 {
  --background-color: color-mix(in srgb, var(--essential-mid) 25%, transparent);
  --text-color: var(--on-essential-mid);
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-mid) var(--default-color-mix-ratio), transparent);
}
.background-essential-mid-25 > .__btn::after, .background-essential-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
}

.background-essential-mid-50, .background-essential-50 {
  --background-color: color-mix(in srgb, var(--essential-mid) 50%, transparent);
  --text-color: var(--on-essential-mid);
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-mid) var(--default-color-mix-ratio), transparent);
}
.background-essential-mid-50 > .__btn::after, .background-essential-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
}

.background-essential-mid-75, .background-essential-75 {
  --background-color: color-mix(in srgb, var(--essential-mid) 75%, transparent);
  --text-color: var(--on-essential-mid);
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-mid) var(--default-color-mix-ratio), transparent);
}
.background-essential-mid-75 > .__btn::after, .background-essential-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
}

.background-essential-mid-var, .background-essential-mid, .background-essential {
  --background-color: var(--essential-mid);
  --text-color: var(--on-essential-mid);
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-mid) var(--default-color-mix-ratio), transparent);
}
.background-essential-mid-var > .__btn::after, .background-essential-mid > .__btn::after, .background-essential > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
}

.background-on-essential-mid-var, .background-on-essential-mid, .background-on-essential {
  --background-color: var(--on-essential-mid);
}

.background-essential-mid-explicit, .background-essential-explicit {
  background-color: var(--essential-mid) !important;
  color: var(--on-essential-mid);
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-mid) var(--default-color-mix-ratio), transparent);
}
.background-essential-mid-explicit > .__btn::after, .background-essential-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-mid) var(--divider-tranparency), transparent);
}

.background-on-essential-mid-explicit, .background-on-essential-explicit {
  background-color: var(--on-essential-mid) !important;
}

.border-essential-mid-var, .border-essential-mid, .border-essential {
  --border-color: var(--essential-mid);
}

.borderessential {
  border-color: inherit !important;
}

.border-essential-mid-explicit, .border-essential-explicit {
  border-color: var(--essential-mid) !important;
}

.text-essential-mid-var, .text-essential-mid, .text-essential {
  --text-color: var(--essential-mid);
}

.text-essential {
  color: inherit !important;
}

.text-essential-mid-explicit, .text-essential-explicit {
  color: var(--essential-mid) !important;
}

.text-on-essential-mid-var, .text-on-essential-mid, .text-on-essential {
  --text-color: var(--on-essential-mid);
}

.text-on-essential-mid-explicit, .text-on-essential-explicit {
  color: var(--on-essential-mid) !important;
}

.badge-essential-mid, .badge-essential {
  background-color: var(--essential-mid) !important;
  color: var(--on-essential-mid);
}

.background-essential-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--essential-bright) 25%, transparent);
  --text-color: var(--on-essential-bright);
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-bright) var(--default-color-mix-ratio), transparent);
}
.background-essential-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
}

.background-essential-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--essential-bright) 50%, transparent);
  --text-color: var(--on-essential-bright);
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-bright) var(--default-color-mix-ratio), transparent);
}
.background-essential-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
}

.background-essential-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--essential-bright) 75%, transparent);
  --text-color: var(--on-essential-bright);
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-bright) var(--default-color-mix-ratio), transparent);
}
.background-essential-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
}

.background-essential-bright-var, .background-essential-bright, .background- {
  --background-color: var(--essential-bright);
  --text-color: var(--on-essential-bright);
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-bright) var(--default-color-mix-ratio), transparent);
}
.background-essential-bright-var > .__btn::after, .background-essential-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
}

.background-on-essential-bright-var, .background-on-essential-bright, .background-on- {
  --background-color: var(--on-essential-bright);
}

.background-essential-bright-explicit, .background--explicit {
  background-color: var(--essential-bright) !important;
  color: var(--on-essential-bright);
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-bright) var(--default-color-mix-ratio), transparent);
}
.background-essential-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-bright) var(--divider-tranparency), transparent);
}

.background-on-essential-bright-explicit, .background-on--explicit {
  background-color: var(--on-essential-bright) !important;
}

.border-essential-bright-var, .border-essential-bright, .border- {
  --border-color: var(--essential-bright);
}

.border {
  border-color: inherit !important;
}

.border-essential-bright-explicit, .border--explicit {
  border-color: var(--essential-bright) !important;
}

.text-essential-bright-var, .text-essential-bright, .text- {
  --text-color: var(--essential-bright);
}

.text- {
  color: inherit !important;
}

.text-essential-bright-explicit, .text--explicit {
  color: var(--essential-bright) !important;
}

.text-on-essential-bright-var, .text-on-essential-bright, .text-on- {
  --text-color: var(--on-essential-bright);
}

.text-on-essential-bright-explicit, .text-on--explicit {
  color: var(--on-essential-bright) !important;
}

.badge-essential-bright, .badge- {
  background-color: var(--essential-bright) !important;
  color: var(--on-essential-bright);
}

.background-essential-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--essential-clear) 25%, transparent);
  --text-color: var(--on-essential-clear);
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-clear) var(--default-color-mix-ratio), transparent);
}
.background-essential-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
}

.background-essential-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--essential-clear) 50%, transparent);
  --text-color: var(--on-essential-clear);
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-clear) var(--default-color-mix-ratio), transparent);
}
.background-essential-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
}

.background-essential-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--essential-clear) 75%, transparent);
  --text-color: var(--on-essential-clear);
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-clear) var(--default-color-mix-ratio), transparent);
}
.background-essential-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
}

.background-essential-clear-var, .background-essential-clear, .background- {
  --background-color: var(--essential-clear);
  --text-color: var(--on-essential-clear);
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-clear) var(--default-color-mix-ratio), transparent);
}
.background-essential-clear-var > .__btn::after, .background-essential-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
}

.background-on-essential-clear-var, .background-on-essential-clear, .background-on- {
  --background-color: var(--on-essential-clear);
}

.background-essential-clear-explicit, .background--explicit {
  background-color: var(--essential-clear) !important;
  color: var(--on-essential-clear);
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-clear) var(--default-color-mix-ratio), transparent);
}
.background-essential-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-clear) var(--divider-tranparency), transparent);
}

.background-on-essential-clear-explicit, .background-on--explicit {
  background-color: var(--on-essential-clear) !important;
}

.border-essential-clear-var, .border-essential-clear, .border- {
  --border-color: var(--essential-clear);
}

.border {
  border-color: inherit !important;
}

.border-essential-clear-explicit, .border--explicit {
  border-color: var(--essential-clear) !important;
}

.text-essential-clear-var, .text-essential-clear, .text- {
  --text-color: var(--essential-clear);
}

.text- {
  color: inherit !important;
}

.text-essential-clear-explicit, .text--explicit {
  color: var(--essential-clear) !important;
}

.text-on-essential-clear-var, .text-on-essential-clear, .text-on- {
  --text-color: var(--on-essential-clear);
}

.text-on-essential-clear-explicit, .text-on--explicit {
  color: var(--on-essential-clear) !important;
}

.badge-essential-clear, .badge- {
  background-color: var(--essential-clear) !important;
  color: var(--on-essential-clear);
}

.background-essential-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--essential-background) 25%, transparent);
  --text-color: var(--on-essential-background);
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-background) var(--default-color-mix-ratio), transparent);
}
.background-essential-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
}

.background-essential-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--essential-background) 50%, transparent);
  --text-color: var(--on-essential-background);
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-background) var(--default-color-mix-ratio), transparent);
}
.background-essential-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
}

.background-essential-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--essential-background) 75%, transparent);
  --text-color: var(--on-essential-background);
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-background) var(--default-color-mix-ratio), transparent);
}
.background-essential-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
}

.background-essential-background-var, .background-essential-background, .background- {
  --background-color: var(--essential-background);
  --text-color: var(--on-essential-background);
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-background) var(--default-color-mix-ratio), transparent);
}
.background-essential-background-var > .__btn::after, .background-essential-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
}

.background-on-essential-background-var, .background-on-essential-background, .background-on- {
  --background-color: var(--on-essential-background);
}

.background-essential-background-explicit, .background--explicit {
  background-color: var(--essential-background) !important;
  color: var(--on-essential-background);
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-essential-background) var(--default-color-mix-ratio), transparent);
}
.background-essential-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-essential-background) var(--divider-tranparency), transparent);
}

.background-on-essential-background-explicit, .background-on--explicit {
  background-color: var(--on-essential-background) !important;
}

.border-essential-background-var, .border-essential-background, .border- {
  --border-color: var(--essential-background);
}

.border {
  border-color: inherit !important;
}

.border-essential-background-explicit, .border--explicit {
  border-color: var(--essential-background) !important;
}

.text-essential-background-var, .text-essential-background, .text- {
  --text-color: var(--essential-background);
}

.text- {
  color: inherit !important;
}

.text-essential-background-explicit, .text--explicit {
  color: var(--essential-background) !important;
}

.text-on-essential-background-var, .text-on-essential-background, .text-on- {
  --text-color: var(--on-essential-background);
}

.text-on-essential-background-explicit, .text-on--explicit {
  color: var(--on-essential-background) !important;
}

.badge-essential-background, .badge- {
  background-color: var(--essential-background) !important;
  color: var(--on-essential-background);
}

.background-crucial-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--crucial-dark) 25%, transparent);
  --text-color: var(--on-crucial-dark);
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dark) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
}

.background-crucial-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--crucial-dark) 50%, transparent);
  --text-color: var(--on-crucial-dark);
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dark) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
}

.background-crucial-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--crucial-dark) 75%, transparent);
  --text-color: var(--on-crucial-dark);
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dark) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
}

.background-crucial-dark-var, .background-crucial-dark, .background- {
  --background-color: var(--crucial-dark);
  --text-color: var(--on-crucial-dark);
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dark) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dark-var > .__btn::after, .background-crucial-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
}

.background-on-crucial-dark-var, .background-on-crucial-dark, .background-on- {
  --background-color: var(--on-crucial-dark);
}

.background-crucial-dark-explicit, .background--explicit {
  background-color: var(--crucial-dark) !important;
  color: var(--on-crucial-dark);
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dark) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dark) var(--divider-tranparency), transparent);
}

.background-on-crucial-dark-explicit, .background-on--explicit {
  background-color: var(--on-crucial-dark) !important;
}

.border-crucial-dark-var, .border-crucial-dark, .border- {
  --border-color: var(--crucial-dark);
}

.border {
  border-color: inherit !important;
}

.border-crucial-dark-explicit, .border--explicit {
  border-color: var(--crucial-dark) !important;
}

.text-crucial-dark-var, .text-crucial-dark, .text- {
  --text-color: var(--crucial-dark);
}

.text- {
  color: inherit !important;
}

.text-crucial-dark-explicit, .text--explicit {
  color: var(--crucial-dark) !important;
}

.text-on-crucial-dark-var, .text-on-crucial-dark, .text-on- {
  --text-color: var(--on-crucial-dark);
}

.text-on-crucial-dark-explicit, .text-on--explicit {
  color: var(--on-crucial-dark) !important;
}

.badge-crucial-dark, .badge- {
  background-color: var(--crucial-dark) !important;
  color: var(--on-crucial-dark);
}

.background-crucial-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--crucial-dim) 25%, transparent);
  --text-color: var(--on-crucial-dim);
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dim) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
}

.background-crucial-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--crucial-dim) 50%, transparent);
  --text-color: var(--on-crucial-dim);
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dim) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
}

.background-crucial-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--crucial-dim) 75%, transparent);
  --text-color: var(--on-crucial-dim);
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dim) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
}

.background-crucial-dim-var, .background-crucial-dim, .background- {
  --background-color: var(--crucial-dim);
  --text-color: var(--on-crucial-dim);
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dim) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dim-var > .__btn::after, .background-crucial-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
}

.background-on-crucial-dim-var, .background-on-crucial-dim, .background-on- {
  --background-color: var(--on-crucial-dim);
}

.background-crucial-dim-explicit, .background--explicit {
  background-color: var(--crucial-dim) !important;
  color: var(--on-crucial-dim);
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-dim) var(--default-color-mix-ratio), transparent);
}
.background-crucial-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-dim) var(--divider-tranparency), transparent);
}

.background-on-crucial-dim-explicit, .background-on--explicit {
  background-color: var(--on-crucial-dim) !important;
}

.border-crucial-dim-var, .border-crucial-dim, .border- {
  --border-color: var(--crucial-dim);
}

.border {
  border-color: inherit !important;
}

.border-crucial-dim-explicit, .border--explicit {
  border-color: var(--crucial-dim) !important;
}

.text-crucial-dim-var, .text-crucial-dim, .text- {
  --text-color: var(--crucial-dim);
}

.text- {
  color: inherit !important;
}

.text-crucial-dim-explicit, .text--explicit {
  color: var(--crucial-dim) !important;
}

.text-on-crucial-dim-var, .text-on-crucial-dim, .text-on- {
  --text-color: var(--on-crucial-dim);
}

.text-on-crucial-dim-explicit, .text-on--explicit {
  color: var(--on-crucial-dim) !important;
}

.badge-crucial-dim, .badge- {
  background-color: var(--crucial-dim) !important;
  color: var(--on-crucial-dim);
}

.background-crucial-mid-25, .background-crucial-25 {
  --background-color: color-mix(in srgb, var(--crucial-mid) 25%, transparent);
  --text-color: var(--on-crucial-mid);
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-mid) var(--default-color-mix-ratio), transparent);
}
.background-crucial-mid-25 > .__btn::after, .background-crucial-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
}

.background-crucial-mid-50, .background-crucial-50 {
  --background-color: color-mix(in srgb, var(--crucial-mid) 50%, transparent);
  --text-color: var(--on-crucial-mid);
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-mid) var(--default-color-mix-ratio), transparent);
}
.background-crucial-mid-50 > .__btn::after, .background-crucial-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
}

.background-crucial-mid-75, .background-crucial-75 {
  --background-color: color-mix(in srgb, var(--crucial-mid) 75%, transparent);
  --text-color: var(--on-crucial-mid);
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-mid) var(--default-color-mix-ratio), transparent);
}
.background-crucial-mid-75 > .__btn::after, .background-crucial-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
}

.background-crucial-mid-var, .background-crucial-mid, .background-crucial {
  --background-color: var(--crucial-mid);
  --text-color: var(--on-crucial-mid);
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-mid) var(--default-color-mix-ratio), transparent);
}
.background-crucial-mid-var > .__btn::after, .background-crucial-mid > .__btn::after, .background-crucial > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
}

.background-on-crucial-mid-var, .background-on-crucial-mid, .background-on-crucial {
  --background-color: var(--on-crucial-mid);
}

.background-crucial-mid-explicit, .background-crucial-explicit {
  background-color: var(--crucial-mid) !important;
  color: var(--on-crucial-mid);
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-mid) var(--default-color-mix-ratio), transparent);
}
.background-crucial-mid-explicit > .__btn::after, .background-crucial-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-mid) var(--divider-tranparency), transparent);
}

.background-on-crucial-mid-explicit, .background-on-crucial-explicit {
  background-color: var(--on-crucial-mid) !important;
}

.border-crucial-mid-var, .border-crucial-mid, .border-crucial {
  --border-color: var(--crucial-mid);
}

.bordercrucial {
  border-color: inherit !important;
}

.border-crucial-mid-explicit, .border-crucial-explicit {
  border-color: var(--crucial-mid) !important;
}

.text-crucial-mid-var, .text-crucial-mid, .text-crucial {
  --text-color: var(--crucial-mid);
}

.text-crucial {
  color: inherit !important;
}

.text-crucial-mid-explicit, .text-crucial-explicit {
  color: var(--crucial-mid) !important;
}

.text-on-crucial-mid-var, .text-on-crucial-mid, .text-on-crucial {
  --text-color: var(--on-crucial-mid);
}

.text-on-crucial-mid-explicit, .text-on-crucial-explicit {
  color: var(--on-crucial-mid) !important;
}

.badge-crucial-mid, .badge-crucial {
  background-color: var(--crucial-mid) !important;
  color: var(--on-crucial-mid);
}

.background-crucial-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--crucial-bright) 25%, transparent);
  --text-color: var(--on-crucial-bright);
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-bright) var(--default-color-mix-ratio), transparent);
}
.background-crucial-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
}

.background-crucial-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--crucial-bright) 50%, transparent);
  --text-color: var(--on-crucial-bright);
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-bright) var(--default-color-mix-ratio), transparent);
}
.background-crucial-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
}

.background-crucial-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--crucial-bright) 75%, transparent);
  --text-color: var(--on-crucial-bright);
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-bright) var(--default-color-mix-ratio), transparent);
}
.background-crucial-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
}

.background-crucial-bright-var, .background-crucial-bright, .background- {
  --background-color: var(--crucial-bright);
  --text-color: var(--on-crucial-bright);
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-bright) var(--default-color-mix-ratio), transparent);
}
.background-crucial-bright-var > .__btn::after, .background-crucial-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
}

.background-on-crucial-bright-var, .background-on-crucial-bright, .background-on- {
  --background-color: var(--on-crucial-bright);
}

.background-crucial-bright-explicit, .background--explicit {
  background-color: var(--crucial-bright) !important;
  color: var(--on-crucial-bright);
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-bright) var(--default-color-mix-ratio), transparent);
}
.background-crucial-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-bright) var(--divider-tranparency), transparent);
}

.background-on-crucial-bright-explicit, .background-on--explicit {
  background-color: var(--on-crucial-bright) !important;
}

.border-crucial-bright-var, .border-crucial-bright, .border- {
  --border-color: var(--crucial-bright);
}

.border {
  border-color: inherit !important;
}

.border-crucial-bright-explicit, .border--explicit {
  border-color: var(--crucial-bright) !important;
}

.text-crucial-bright-var, .text-crucial-bright, .text- {
  --text-color: var(--crucial-bright);
}

.text- {
  color: inherit !important;
}

.text-crucial-bright-explicit, .text--explicit {
  color: var(--crucial-bright) !important;
}

.text-on-crucial-bright-var, .text-on-crucial-bright, .text-on- {
  --text-color: var(--on-crucial-bright);
}

.text-on-crucial-bright-explicit, .text-on--explicit {
  color: var(--on-crucial-bright) !important;
}

.badge-crucial-bright, .badge- {
  background-color: var(--crucial-bright) !important;
  color: var(--on-crucial-bright);
}

.background-crucial-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--crucial-clear) 25%, transparent);
  --text-color: var(--on-crucial-clear);
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-clear) var(--default-color-mix-ratio), transparent);
}
.background-crucial-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
}

.background-crucial-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--crucial-clear) 50%, transparent);
  --text-color: var(--on-crucial-clear);
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-clear) var(--default-color-mix-ratio), transparent);
}
.background-crucial-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
}

.background-crucial-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--crucial-clear) 75%, transparent);
  --text-color: var(--on-crucial-clear);
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-clear) var(--default-color-mix-ratio), transparent);
}
.background-crucial-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
}

.background-crucial-clear-var, .background-crucial-clear, .background- {
  --background-color: var(--crucial-clear);
  --text-color: var(--on-crucial-clear);
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-clear) var(--default-color-mix-ratio), transparent);
}
.background-crucial-clear-var > .__btn::after, .background-crucial-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
}

.background-on-crucial-clear-var, .background-on-crucial-clear, .background-on- {
  --background-color: var(--on-crucial-clear);
}

.background-crucial-clear-explicit, .background--explicit {
  background-color: var(--crucial-clear) !important;
  color: var(--on-crucial-clear);
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-clear) var(--default-color-mix-ratio), transparent);
}
.background-crucial-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-clear) var(--divider-tranparency), transparent);
}

.background-on-crucial-clear-explicit, .background-on--explicit {
  background-color: var(--on-crucial-clear) !important;
}

.border-crucial-clear-var, .border-crucial-clear, .border- {
  --border-color: var(--crucial-clear);
}

.border {
  border-color: inherit !important;
}

.border-crucial-clear-explicit, .border--explicit {
  border-color: var(--crucial-clear) !important;
}

.text-crucial-clear-var, .text-crucial-clear, .text- {
  --text-color: var(--crucial-clear);
}

.text- {
  color: inherit !important;
}

.text-crucial-clear-explicit, .text--explicit {
  color: var(--crucial-clear) !important;
}

.text-on-crucial-clear-var, .text-on-crucial-clear, .text-on- {
  --text-color: var(--on-crucial-clear);
}

.text-on-crucial-clear-explicit, .text-on--explicit {
  color: var(--on-crucial-clear) !important;
}

.badge-crucial-clear, .badge- {
  background-color: var(--crucial-clear) !important;
  color: var(--on-crucial-clear);
}

.background-crucial-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--crucial-background) 25%, transparent);
  --text-color: var(--on-crucial-background);
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-background) var(--default-color-mix-ratio), transparent);
}
.background-crucial-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
}

.background-crucial-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--crucial-background) 50%, transparent);
  --text-color: var(--on-crucial-background);
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-background) var(--default-color-mix-ratio), transparent);
}
.background-crucial-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
}

.background-crucial-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--crucial-background) 75%, transparent);
  --text-color: var(--on-crucial-background);
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-background) var(--default-color-mix-ratio), transparent);
}
.background-crucial-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
}

.background-crucial-background-var, .background-crucial-background, .background- {
  --background-color: var(--crucial-background);
  --text-color: var(--on-crucial-background);
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-background) var(--default-color-mix-ratio), transparent);
}
.background-crucial-background-var > .__btn::after, .background-crucial-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
}

.background-on-crucial-background-var, .background-on-crucial-background, .background-on- {
  --background-color: var(--on-crucial-background);
}

.background-crucial-background-explicit, .background--explicit {
  background-color: var(--crucial-background) !important;
  color: var(--on-crucial-background);
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-crucial-background) var(--default-color-mix-ratio), transparent);
}
.background-crucial-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-crucial-background) var(--divider-tranparency), transparent);
}

.background-on-crucial-background-explicit, .background-on--explicit {
  background-color: var(--on-crucial-background) !important;
}

.border-crucial-background-var, .border-crucial-background, .border- {
  --border-color: var(--crucial-background);
}

.border {
  border-color: inherit !important;
}

.border-crucial-background-explicit, .border--explicit {
  border-color: var(--crucial-background) !important;
}

.text-crucial-background-var, .text-crucial-background, .text- {
  --text-color: var(--crucial-background);
}

.text- {
  color: inherit !important;
}

.text-crucial-background-explicit, .text--explicit {
  color: var(--crucial-background) !important;
}

.text-on-crucial-background-var, .text-on-crucial-background, .text-on- {
  --text-color: var(--on-crucial-background);
}

.text-on-crucial-background-explicit, .text-on--explicit {
  color: var(--on-crucial-background) !important;
}

.badge-crucial-background, .badge- {
  background-color: var(--crucial-background) !important;
  color: var(--on-crucial-background);
}

.background-special-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--special-dark) 25%, transparent);
  --text-color: var(--on-special-dark);
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dark) var(--default-color-mix-ratio), transparent);
}
.background-special-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
}

.background-special-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--special-dark) 50%, transparent);
  --text-color: var(--on-special-dark);
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dark) var(--default-color-mix-ratio), transparent);
}
.background-special-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
}

.background-special-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--special-dark) 75%, transparent);
  --text-color: var(--on-special-dark);
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dark) var(--default-color-mix-ratio), transparent);
}
.background-special-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
}

.background-special-dark-var, .background-special-dark, .background- {
  --background-color: var(--special-dark);
  --text-color: var(--on-special-dark);
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dark) var(--default-color-mix-ratio), transparent);
}
.background-special-dark-var > .__btn::after, .background-special-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
}

.background-on-special-dark-var, .background-on-special-dark, .background-on- {
  --background-color: var(--on-special-dark);
}

.background-special-dark-explicit, .background--explicit {
  background-color: var(--special-dark) !important;
  color: var(--on-special-dark);
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dark) var(--default-color-mix-ratio), transparent);
}
.background-special-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dark) var(--divider-tranparency), transparent);
}

.background-on-special-dark-explicit, .background-on--explicit {
  background-color: var(--on-special-dark) !important;
}

.border-special-dark-var, .border-special-dark, .border- {
  --border-color: var(--special-dark);
}

.border {
  border-color: inherit !important;
}

.border-special-dark-explicit, .border--explicit {
  border-color: var(--special-dark) !important;
}

.text-special-dark-var, .text-special-dark, .text- {
  --text-color: var(--special-dark);
}

.text- {
  color: inherit !important;
}

.text-special-dark-explicit, .text--explicit {
  color: var(--special-dark) !important;
}

.text-on-special-dark-var, .text-on-special-dark, .text-on- {
  --text-color: var(--on-special-dark);
}

.text-on-special-dark-explicit, .text-on--explicit {
  color: var(--on-special-dark) !important;
}

.badge-special-dark, .badge- {
  background-color: var(--special-dark) !important;
  color: var(--on-special-dark);
}

.background-special-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--special-dim) 25%, transparent);
  --text-color: var(--on-special-dim);
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dim) var(--default-color-mix-ratio), transparent);
}
.background-special-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
}

.background-special-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--special-dim) 50%, transparent);
  --text-color: var(--on-special-dim);
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dim) var(--default-color-mix-ratio), transparent);
}
.background-special-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
}

.background-special-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--special-dim) 75%, transparent);
  --text-color: var(--on-special-dim);
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dim) var(--default-color-mix-ratio), transparent);
}
.background-special-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
}

.background-special-dim-var, .background-special-dim, .background- {
  --background-color: var(--special-dim);
  --text-color: var(--on-special-dim);
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dim) var(--default-color-mix-ratio), transparent);
}
.background-special-dim-var > .__btn::after, .background-special-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
}

.background-on-special-dim-var, .background-on-special-dim, .background-on- {
  --background-color: var(--on-special-dim);
}

.background-special-dim-explicit, .background--explicit {
  background-color: var(--special-dim) !important;
  color: var(--on-special-dim);
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-dim) var(--default-color-mix-ratio), transparent);
}
.background-special-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-dim) var(--divider-tranparency), transparent);
}

.background-on-special-dim-explicit, .background-on--explicit {
  background-color: var(--on-special-dim) !important;
}

.border-special-dim-var, .border-special-dim, .border- {
  --border-color: var(--special-dim);
}

.border {
  border-color: inherit !important;
}

.border-special-dim-explicit, .border--explicit {
  border-color: var(--special-dim) !important;
}

.text-special-dim-var, .text-special-dim, .text- {
  --text-color: var(--special-dim);
}

.text- {
  color: inherit !important;
}

.text-special-dim-explicit, .text--explicit {
  color: var(--special-dim) !important;
}

.text-on-special-dim-var, .text-on-special-dim, .text-on- {
  --text-color: var(--on-special-dim);
}

.text-on-special-dim-explicit, .text-on--explicit {
  color: var(--on-special-dim) !important;
}

.badge-special-dim, .badge- {
  background-color: var(--special-dim) !important;
  color: var(--on-special-dim);
}

.background-special-mid-25, .background-special-25 {
  --background-color: color-mix(in srgb, var(--special-mid) 25%, transparent);
  --text-color: var(--on-special-mid);
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-mid) var(--default-color-mix-ratio), transparent);
}
.background-special-mid-25 > .__btn::after, .background-special-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
}

.background-special-mid-50, .background-special-50 {
  --background-color: color-mix(in srgb, var(--special-mid) 50%, transparent);
  --text-color: var(--on-special-mid);
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-mid) var(--default-color-mix-ratio), transparent);
}
.background-special-mid-50 > .__btn::after, .background-special-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
}

.background-special-mid-75, .background-special-75 {
  --background-color: color-mix(in srgb, var(--special-mid) 75%, transparent);
  --text-color: var(--on-special-mid);
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-mid) var(--default-color-mix-ratio), transparent);
}
.background-special-mid-75 > .__btn::after, .background-special-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
}

.background-special-mid-var, .background-special-mid, .background-special {
  --background-color: var(--special-mid);
  --text-color: var(--on-special-mid);
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-mid) var(--default-color-mix-ratio), transparent);
}
.background-special-mid-var > .__btn::after, .background-special-mid > .__btn::after, .background-special > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
}

.background-on-special-mid-var, .background-on-special-mid, .background-on-special {
  --background-color: var(--on-special-mid);
}

.background-special-mid-explicit, .background-special-explicit {
  background-color: var(--special-mid) !important;
  color: var(--on-special-mid);
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-mid) var(--default-color-mix-ratio), transparent);
}
.background-special-mid-explicit > .__btn::after, .background-special-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-mid) var(--divider-tranparency), transparent);
}

.background-on-special-mid-explicit, .background-on-special-explicit {
  background-color: var(--on-special-mid) !important;
}

.border-special-mid-var, .border-special-mid, .border-special {
  --border-color: var(--special-mid);
}

.borderspecial {
  border-color: inherit !important;
}

.border-special-mid-explicit, .border-special-explicit {
  border-color: var(--special-mid) !important;
}

.text-special-mid-var, .text-special-mid, .text-special {
  --text-color: var(--special-mid);
}

.text-special {
  color: inherit !important;
}

.text-special-mid-explicit, .text-special-explicit {
  color: var(--special-mid) !important;
}

.text-on-special-mid-var, .text-on-special-mid, .text-on-special {
  --text-color: var(--on-special-mid);
}

.text-on-special-mid-explicit, .text-on-special-explicit {
  color: var(--on-special-mid) !important;
}

.badge-special-mid, .badge-special {
  background-color: var(--special-mid) !important;
  color: var(--on-special-mid);
}

.background-special-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--special-bright) 25%, transparent);
  --text-color: var(--on-special-bright);
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-bright) var(--default-color-mix-ratio), transparent);
}
.background-special-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
}

.background-special-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--special-bright) 50%, transparent);
  --text-color: var(--on-special-bright);
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-bright) var(--default-color-mix-ratio), transparent);
}
.background-special-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
}

.background-special-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--special-bright) 75%, transparent);
  --text-color: var(--on-special-bright);
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-bright) var(--default-color-mix-ratio), transparent);
}
.background-special-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
}

.background-special-bright-var, .background-special-bright, .background- {
  --background-color: var(--special-bright);
  --text-color: var(--on-special-bright);
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-bright) var(--default-color-mix-ratio), transparent);
}
.background-special-bright-var > .__btn::after, .background-special-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
}

.background-on-special-bright-var, .background-on-special-bright, .background-on- {
  --background-color: var(--on-special-bright);
}

.background-special-bright-explicit, .background--explicit {
  background-color: var(--special-bright) !important;
  color: var(--on-special-bright);
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-bright) var(--default-color-mix-ratio), transparent);
}
.background-special-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-bright) var(--divider-tranparency), transparent);
}

.background-on-special-bright-explicit, .background-on--explicit {
  background-color: var(--on-special-bright) !important;
}

.border-special-bright-var, .border-special-bright, .border- {
  --border-color: var(--special-bright);
}

.border {
  border-color: inherit !important;
}

.border-special-bright-explicit, .border--explicit {
  border-color: var(--special-bright) !important;
}

.text-special-bright-var, .text-special-bright, .text- {
  --text-color: var(--special-bright);
}

.text- {
  color: inherit !important;
}

.text-special-bright-explicit, .text--explicit {
  color: var(--special-bright) !important;
}

.text-on-special-bright-var, .text-on-special-bright, .text-on- {
  --text-color: var(--on-special-bright);
}

.text-on-special-bright-explicit, .text-on--explicit {
  color: var(--on-special-bright) !important;
}

.badge-special-bright, .badge- {
  background-color: var(--special-bright) !important;
  color: var(--on-special-bright);
}

.background-special-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--special-clear) 25%, transparent);
  --text-color: var(--on-special-clear);
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-clear) var(--default-color-mix-ratio), transparent);
}
.background-special-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
}

.background-special-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--special-clear) 50%, transparent);
  --text-color: var(--on-special-clear);
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-clear) var(--default-color-mix-ratio), transparent);
}
.background-special-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
}

.background-special-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--special-clear) 75%, transparent);
  --text-color: var(--on-special-clear);
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-clear) var(--default-color-mix-ratio), transparent);
}
.background-special-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
}

.background-special-clear-var, .background-special-clear, .background- {
  --background-color: var(--special-clear);
  --text-color: var(--on-special-clear);
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-clear) var(--default-color-mix-ratio), transparent);
}
.background-special-clear-var > .__btn::after, .background-special-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
}

.background-on-special-clear-var, .background-on-special-clear, .background-on- {
  --background-color: var(--on-special-clear);
}

.background-special-clear-explicit, .background--explicit {
  background-color: var(--special-clear) !important;
  color: var(--on-special-clear);
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-clear) var(--default-color-mix-ratio), transparent);
}
.background-special-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-clear) var(--divider-tranparency), transparent);
}

.background-on-special-clear-explicit, .background-on--explicit {
  background-color: var(--on-special-clear) !important;
}

.border-special-clear-var, .border-special-clear, .border- {
  --border-color: var(--special-clear);
}

.border {
  border-color: inherit !important;
}

.border-special-clear-explicit, .border--explicit {
  border-color: var(--special-clear) !important;
}

.text-special-clear-var, .text-special-clear, .text- {
  --text-color: var(--special-clear);
}

.text- {
  color: inherit !important;
}

.text-special-clear-explicit, .text--explicit {
  color: var(--special-clear) !important;
}

.text-on-special-clear-var, .text-on-special-clear, .text-on- {
  --text-color: var(--on-special-clear);
}

.text-on-special-clear-explicit, .text-on--explicit {
  color: var(--on-special-clear) !important;
}

.badge-special-clear, .badge- {
  background-color: var(--special-clear) !important;
  color: var(--on-special-clear);
}

.background-special-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--special-background) 25%, transparent);
  --text-color: var(--on-special-background);
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-background) var(--default-color-mix-ratio), transparent);
}
.background-special-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
}

.background-special-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--special-background) 50%, transparent);
  --text-color: var(--on-special-background);
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-background) var(--default-color-mix-ratio), transparent);
}
.background-special-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
}

.background-special-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--special-background) 75%, transparent);
  --text-color: var(--on-special-background);
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-background) var(--default-color-mix-ratio), transparent);
}
.background-special-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
}

.background-special-background-var, .background-special-background, .background- {
  --background-color: var(--special-background);
  --text-color: var(--on-special-background);
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-background) var(--default-color-mix-ratio), transparent);
}
.background-special-background-var > .__btn::after, .background-special-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
}

.background-on-special-background-var, .background-on-special-background, .background-on- {
  --background-color: var(--on-special-background);
}

.background-special-background-explicit, .background--explicit {
  background-color: var(--special-background) !important;
  color: var(--on-special-background);
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-special-background) var(--default-color-mix-ratio), transparent);
}
.background-special-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-special-background) var(--divider-tranparency), transparent);
}

.background-on-special-background-explicit, .background-on--explicit {
  background-color: var(--on-special-background) !important;
}

.border-special-background-var, .border-special-background, .border- {
  --border-color: var(--special-background);
}

.border {
  border-color: inherit !important;
}

.border-special-background-explicit, .border--explicit {
  border-color: var(--special-background) !important;
}

.text-special-background-var, .text-special-background, .text- {
  --text-color: var(--special-background);
}

.text- {
  color: inherit !important;
}

.text-special-background-explicit, .text--explicit {
  color: var(--special-background) !important;
}

.text-on-special-background-var, .text-on-special-background, .text-on- {
  --text-color: var(--on-special-background);
}

.text-on-special-background-explicit, .text-on--explicit {
  color: var(--on-special-background) !important;
}

.badge-special-background, .badge- {
  background-color: var(--special-background) !important;
  color: var(--on-special-background);
}

.background-artificial-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--artificial-dark) 25%, transparent);
  --text-color: var(--on-artificial-dark);
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dark) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
}

.background-artificial-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--artificial-dark) 50%, transparent);
  --text-color: var(--on-artificial-dark);
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dark) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
}

.background-artificial-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--artificial-dark) 75%, transparent);
  --text-color: var(--on-artificial-dark);
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dark) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
}

.background-artificial-dark-var, .background-artificial-dark, .background- {
  --background-color: var(--artificial-dark);
  --text-color: var(--on-artificial-dark);
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dark) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dark-var > .__btn::after, .background-artificial-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
}

.background-on-artificial-dark-var, .background-on-artificial-dark, .background-on- {
  --background-color: var(--on-artificial-dark);
}

.background-artificial-dark-explicit, .background--explicit {
  background-color: var(--artificial-dark) !important;
  color: var(--on-artificial-dark);
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dark) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dark) var(--divider-tranparency), transparent);
}

.background-on-artificial-dark-explicit, .background-on--explicit {
  background-color: var(--on-artificial-dark) !important;
}

.border-artificial-dark-var, .border-artificial-dark, .border- {
  --border-color: var(--artificial-dark);
}

.border {
  border-color: inherit !important;
}

.border-artificial-dark-explicit, .border--explicit {
  border-color: var(--artificial-dark) !important;
}

.text-artificial-dark-var, .text-artificial-dark, .text- {
  --text-color: var(--artificial-dark);
}

.text- {
  color: inherit !important;
}

.text-artificial-dark-explicit, .text--explicit {
  color: var(--artificial-dark) !important;
}

.text-on-artificial-dark-var, .text-on-artificial-dark, .text-on- {
  --text-color: var(--on-artificial-dark);
}

.text-on-artificial-dark-explicit, .text-on--explicit {
  color: var(--on-artificial-dark) !important;
}

.badge-artificial-dark, .badge- {
  background-color: var(--artificial-dark) !important;
  color: var(--on-artificial-dark);
}

.background-artificial-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--artificial-dim) 25%, transparent);
  --text-color: var(--on-artificial-dim);
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dim) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
}

.background-artificial-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--artificial-dim) 50%, transparent);
  --text-color: var(--on-artificial-dim);
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dim) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
}

.background-artificial-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--artificial-dim) 75%, transparent);
  --text-color: var(--on-artificial-dim);
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dim) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
}

.background-artificial-dim-var, .background-artificial-dim, .background- {
  --background-color: var(--artificial-dim);
  --text-color: var(--on-artificial-dim);
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dim) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dim-var > .__btn::after, .background-artificial-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
}

.background-on-artificial-dim-var, .background-on-artificial-dim, .background-on- {
  --background-color: var(--on-artificial-dim);
}

.background-artificial-dim-explicit, .background--explicit {
  background-color: var(--artificial-dim) !important;
  color: var(--on-artificial-dim);
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-dim) var(--default-color-mix-ratio), transparent);
}
.background-artificial-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-dim) var(--divider-tranparency), transparent);
}

.background-on-artificial-dim-explicit, .background-on--explicit {
  background-color: var(--on-artificial-dim) !important;
}

.border-artificial-dim-var, .border-artificial-dim, .border- {
  --border-color: var(--artificial-dim);
}

.border {
  border-color: inherit !important;
}

.border-artificial-dim-explicit, .border--explicit {
  border-color: var(--artificial-dim) !important;
}

.text-artificial-dim-var, .text-artificial-dim, .text- {
  --text-color: var(--artificial-dim);
}

.text- {
  color: inherit !important;
}

.text-artificial-dim-explicit, .text--explicit {
  color: var(--artificial-dim) !important;
}

.text-on-artificial-dim-var, .text-on-artificial-dim, .text-on- {
  --text-color: var(--on-artificial-dim);
}

.text-on-artificial-dim-explicit, .text-on--explicit {
  color: var(--on-artificial-dim) !important;
}

.badge-artificial-dim, .badge- {
  background-color: var(--artificial-dim) !important;
  color: var(--on-artificial-dim);
}

.background-artificial-mid-25, .background-artificial-25 {
  --background-color: color-mix(in srgb, var(--artificial-mid) 25%, transparent);
  --text-color: var(--on-artificial-mid);
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-mid) var(--default-color-mix-ratio), transparent);
}
.background-artificial-mid-25 > .__btn::after, .background-artificial-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
}

.background-artificial-mid-50, .background-artificial-50 {
  --background-color: color-mix(in srgb, var(--artificial-mid) 50%, transparent);
  --text-color: var(--on-artificial-mid);
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-mid) var(--default-color-mix-ratio), transparent);
}
.background-artificial-mid-50 > .__btn::after, .background-artificial-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
}

.background-artificial-mid-75, .background-artificial-75 {
  --background-color: color-mix(in srgb, var(--artificial-mid) 75%, transparent);
  --text-color: var(--on-artificial-mid);
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-mid) var(--default-color-mix-ratio), transparent);
}
.background-artificial-mid-75 > .__btn::after, .background-artificial-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
}

.background-artificial-mid-var, .background-artificial-mid, .background-artificial {
  --background-color: var(--artificial-mid);
  --text-color: var(--on-artificial-mid);
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-mid) var(--default-color-mix-ratio), transparent);
}
.background-artificial-mid-var > .__btn::after, .background-artificial-mid > .__btn::after, .background-artificial > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
}

.background-on-artificial-mid-var, .background-on-artificial-mid, .background-on-artificial {
  --background-color: var(--on-artificial-mid);
}

.background-artificial-mid-explicit, .background-artificial-explicit {
  background-color: var(--artificial-mid) !important;
  color: var(--on-artificial-mid);
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-mid) var(--default-color-mix-ratio), transparent);
}
.background-artificial-mid-explicit > .__btn::after, .background-artificial-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-mid) var(--divider-tranparency), transparent);
}

.background-on-artificial-mid-explicit, .background-on-artificial-explicit {
  background-color: var(--on-artificial-mid) !important;
}

.border-artificial-mid-var, .border-artificial-mid, .border-artificial {
  --border-color: var(--artificial-mid);
}

.borderartificial {
  border-color: inherit !important;
}

.border-artificial-mid-explicit, .border-artificial-explicit {
  border-color: var(--artificial-mid) !important;
}

.text-artificial-mid-var, .text-artificial-mid, .text-artificial {
  --text-color: var(--artificial-mid);
}

.text-artificial {
  color: inherit !important;
}

.text-artificial-mid-explicit, .text-artificial-explicit {
  color: var(--artificial-mid) !important;
}

.text-on-artificial-mid-var, .text-on-artificial-mid, .text-on-artificial {
  --text-color: var(--on-artificial-mid);
}

.text-on-artificial-mid-explicit, .text-on-artificial-explicit {
  color: var(--on-artificial-mid) !important;
}

.badge-artificial-mid, .badge-artificial {
  background-color: var(--artificial-mid) !important;
  color: var(--on-artificial-mid);
}

.background-artificial-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--artificial-bright) 25%, transparent);
  --text-color: var(--on-artificial-bright);
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-bright) var(--default-color-mix-ratio), transparent);
}
.background-artificial-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
}

.background-artificial-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--artificial-bright) 50%, transparent);
  --text-color: var(--on-artificial-bright);
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-bright) var(--default-color-mix-ratio), transparent);
}
.background-artificial-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
}

.background-artificial-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--artificial-bright) 75%, transparent);
  --text-color: var(--on-artificial-bright);
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-bright) var(--default-color-mix-ratio), transparent);
}
.background-artificial-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
}

.background-artificial-bright-var, .background-artificial-bright, .background- {
  --background-color: var(--artificial-bright);
  --text-color: var(--on-artificial-bright);
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-bright) var(--default-color-mix-ratio), transparent);
}
.background-artificial-bright-var > .__btn::after, .background-artificial-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
}

.background-on-artificial-bright-var, .background-on-artificial-bright, .background-on- {
  --background-color: var(--on-artificial-bright);
}

.background-artificial-bright-explicit, .background--explicit {
  background-color: var(--artificial-bright) !important;
  color: var(--on-artificial-bright);
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-bright) var(--default-color-mix-ratio), transparent);
}
.background-artificial-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-bright) var(--divider-tranparency), transparent);
}

.background-on-artificial-bright-explicit, .background-on--explicit {
  background-color: var(--on-artificial-bright) !important;
}

.border-artificial-bright-var, .border-artificial-bright, .border- {
  --border-color: var(--artificial-bright);
}

.border {
  border-color: inherit !important;
}

.border-artificial-bright-explicit, .border--explicit {
  border-color: var(--artificial-bright) !important;
}

.text-artificial-bright-var, .text-artificial-bright, .text- {
  --text-color: var(--artificial-bright);
}

.text- {
  color: inherit !important;
}

.text-artificial-bright-explicit, .text--explicit {
  color: var(--artificial-bright) !important;
}

.text-on-artificial-bright-var, .text-on-artificial-bright, .text-on- {
  --text-color: var(--on-artificial-bright);
}

.text-on-artificial-bright-explicit, .text-on--explicit {
  color: var(--on-artificial-bright) !important;
}

.badge-artificial-bright, .badge- {
  background-color: var(--artificial-bright) !important;
  color: var(--on-artificial-bright);
}

.background-artificial-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--artificial-clear) 25%, transparent);
  --text-color: var(--on-artificial-clear);
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-clear) var(--default-color-mix-ratio), transparent);
}
.background-artificial-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
}

.background-artificial-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--artificial-clear) 50%, transparent);
  --text-color: var(--on-artificial-clear);
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-clear) var(--default-color-mix-ratio), transparent);
}
.background-artificial-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
}

.background-artificial-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--artificial-clear) 75%, transparent);
  --text-color: var(--on-artificial-clear);
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-clear) var(--default-color-mix-ratio), transparent);
}
.background-artificial-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
}

.background-artificial-clear-var, .background-artificial-clear, .background- {
  --background-color: var(--artificial-clear);
  --text-color: var(--on-artificial-clear);
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-clear) var(--default-color-mix-ratio), transparent);
}
.background-artificial-clear-var > .__btn::after, .background-artificial-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
}

.background-on-artificial-clear-var, .background-on-artificial-clear, .background-on- {
  --background-color: var(--on-artificial-clear);
}

.background-artificial-clear-explicit, .background--explicit {
  background-color: var(--artificial-clear) !important;
  color: var(--on-artificial-clear);
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-clear) var(--default-color-mix-ratio), transparent);
}
.background-artificial-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-clear) var(--divider-tranparency), transparent);
}

.background-on-artificial-clear-explicit, .background-on--explicit {
  background-color: var(--on-artificial-clear) !important;
}

.border-artificial-clear-var, .border-artificial-clear, .border- {
  --border-color: var(--artificial-clear);
}

.border {
  border-color: inherit !important;
}

.border-artificial-clear-explicit, .border--explicit {
  border-color: var(--artificial-clear) !important;
}

.text-artificial-clear-var, .text-artificial-clear, .text- {
  --text-color: var(--artificial-clear);
}

.text- {
  color: inherit !important;
}

.text-artificial-clear-explicit, .text--explicit {
  color: var(--artificial-clear) !important;
}

.text-on-artificial-clear-var, .text-on-artificial-clear, .text-on- {
  --text-color: var(--on-artificial-clear);
}

.text-on-artificial-clear-explicit, .text-on--explicit {
  color: var(--on-artificial-clear) !important;
}

.badge-artificial-clear, .badge- {
  background-color: var(--artificial-clear) !important;
  color: var(--on-artificial-clear);
}

.background-artificial-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--artificial-background) 25%, transparent);
  --text-color: var(--on-artificial-background);
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-background) var(--default-color-mix-ratio), transparent);
}
.background-artificial-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
}

.background-artificial-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--artificial-background) 50%, transparent);
  --text-color: var(--on-artificial-background);
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-background) var(--default-color-mix-ratio), transparent);
}
.background-artificial-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
}

.background-artificial-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--artificial-background) 75%, transparent);
  --text-color: var(--on-artificial-background);
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-background) var(--default-color-mix-ratio), transparent);
}
.background-artificial-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
}

.background-artificial-background-var, .background-artificial-background, .background- {
  --background-color: var(--artificial-background);
  --text-color: var(--on-artificial-background);
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-background) var(--default-color-mix-ratio), transparent);
}
.background-artificial-background-var > .__btn::after, .background-artificial-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
}

.background-on-artificial-background-var, .background-on-artificial-background, .background-on- {
  --background-color: var(--on-artificial-background);
}

.background-artificial-background-explicit, .background--explicit {
  background-color: var(--artificial-background) !important;
  color: var(--on-artificial-background);
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-artificial-background) var(--default-color-mix-ratio), transparent);
}
.background-artificial-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-artificial-background) var(--divider-tranparency), transparent);
}

.background-on-artificial-background-explicit, .background-on--explicit {
  background-color: var(--on-artificial-background) !important;
}

.border-artificial-background-var, .border-artificial-background, .border- {
  --border-color: var(--artificial-background);
}

.border {
  border-color: inherit !important;
}

.border-artificial-background-explicit, .border--explicit {
  border-color: var(--artificial-background) !important;
}

.text-artificial-background-var, .text-artificial-background, .text- {
  --text-color: var(--artificial-background);
}

.text- {
  color: inherit !important;
}

.text-artificial-background-explicit, .text--explicit {
  color: var(--artificial-background) !important;
}

.text-on-artificial-background-var, .text-on-artificial-background, .text-on- {
  --text-color: var(--on-artificial-background);
}

.text-on-artificial-background-explicit, .text-on--explicit {
  color: var(--on-artificial-background) !important;
}

.badge-artificial-background, .badge- {
  background-color: var(--artificial-background) !important;
  color: var(--on-artificial-background);
}

.background-success-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--success-dark) 25%, transparent);
  --text-color: var(--on-success-dark);
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dark) var(--default-color-mix-ratio), transparent);
}
.background-success-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
}

.background-success-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--success-dark) 50%, transparent);
  --text-color: var(--on-success-dark);
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dark) var(--default-color-mix-ratio), transparent);
}
.background-success-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
}

.background-success-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--success-dark) 75%, transparent);
  --text-color: var(--on-success-dark);
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dark) var(--default-color-mix-ratio), transparent);
}
.background-success-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
}

.background-success-dark-var, .background-success-dark, .background- {
  --background-color: var(--success-dark);
  --text-color: var(--on-success-dark);
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dark) var(--default-color-mix-ratio), transparent);
}
.background-success-dark-var > .__btn::after, .background-success-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
}

.background-on-success-dark-var, .background-on-success-dark, .background-on- {
  --background-color: var(--on-success-dark);
}

.background-success-dark-explicit, .background--explicit {
  background-color: var(--success-dark) !important;
  color: var(--on-success-dark);
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dark) var(--default-color-mix-ratio), transparent);
}
.background-success-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dark) var(--divider-tranparency), transparent);
}

.background-on-success-dark-explicit, .background-on--explicit {
  background-color: var(--on-success-dark) !important;
}

.border-success-dark-var, .border-success-dark, .border- {
  --border-color: var(--success-dark);
}

.border {
  border-color: inherit !important;
}

.border-success-dark-explicit, .border--explicit {
  border-color: var(--success-dark) !important;
}

.text-success-dark-var, .text-success-dark, .text- {
  --text-color: var(--success-dark);
}

.text- {
  color: inherit !important;
}

.text-success-dark-explicit, .text--explicit {
  color: var(--success-dark) !important;
}

.text-on-success-dark-var, .text-on-success-dark, .text-on- {
  --text-color: var(--on-success-dark);
}

.text-on-success-dark-explicit, .text-on--explicit {
  color: var(--on-success-dark) !important;
}

.badge-success-dark, .badge- {
  background-color: var(--success-dark) !important;
  color: var(--on-success-dark);
}

.background-success-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--success-dim) 25%, transparent);
  --text-color: var(--on-success-dim);
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dim) var(--default-color-mix-ratio), transparent);
}
.background-success-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
}

.background-success-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--success-dim) 50%, transparent);
  --text-color: var(--on-success-dim);
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dim) var(--default-color-mix-ratio), transparent);
}
.background-success-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
}

.background-success-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--success-dim) 75%, transparent);
  --text-color: var(--on-success-dim);
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dim) var(--default-color-mix-ratio), transparent);
}
.background-success-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
}

.background-success-dim-var, .background-success-dim, .background- {
  --background-color: var(--success-dim);
  --text-color: var(--on-success-dim);
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dim) var(--default-color-mix-ratio), transparent);
}
.background-success-dim-var > .__btn::after, .background-success-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
}

.background-on-success-dim-var, .background-on-success-dim, .background-on- {
  --background-color: var(--on-success-dim);
}

.background-success-dim-explicit, .background--explicit {
  background-color: var(--success-dim) !important;
  color: var(--on-success-dim);
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-dim) var(--default-color-mix-ratio), transparent);
}
.background-success-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-dim) var(--divider-tranparency), transparent);
}

.background-on-success-dim-explicit, .background-on--explicit {
  background-color: var(--on-success-dim) !important;
}

.border-success-dim-var, .border-success-dim, .border- {
  --border-color: var(--success-dim);
}

.border {
  border-color: inherit !important;
}

.border-success-dim-explicit, .border--explicit {
  border-color: var(--success-dim) !important;
}

.text-success-dim-var, .text-success-dim, .text- {
  --text-color: var(--success-dim);
}

.text- {
  color: inherit !important;
}

.text-success-dim-explicit, .text--explicit {
  color: var(--success-dim) !important;
}

.text-on-success-dim-var, .text-on-success-dim, .text-on- {
  --text-color: var(--on-success-dim);
}

.text-on-success-dim-explicit, .text-on--explicit {
  color: var(--on-success-dim) !important;
}

.badge-success-dim, .badge- {
  background-color: var(--success-dim) !important;
  color: var(--on-success-dim);
}

.background-success-mid-25, .background-success-25 {
  --background-color: color-mix(in srgb, var(--success-mid) 25%, transparent);
  --text-color: var(--on-success-mid);
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-mid) var(--default-color-mix-ratio), transparent);
}
.background-success-mid-25 > .__btn::after, .background-success-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
}

.background-success-mid-50, .background-success-50 {
  --background-color: color-mix(in srgb, var(--success-mid) 50%, transparent);
  --text-color: var(--on-success-mid);
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-mid) var(--default-color-mix-ratio), transparent);
}
.background-success-mid-50 > .__btn::after, .background-success-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
}

.background-success-mid-75, .background-success-75 {
  --background-color: color-mix(in srgb, var(--success-mid) 75%, transparent);
  --text-color: var(--on-success-mid);
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-mid) var(--default-color-mix-ratio), transparent);
}
.background-success-mid-75 > .__btn::after, .background-success-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
}

.background-success-mid-var, .background-success-mid, .background-success {
  --background-color: var(--success-mid);
  --text-color: var(--on-success-mid);
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-mid) var(--default-color-mix-ratio), transparent);
}
.background-success-mid-var > .__btn::after, .background-success-mid > .__btn::after, .background-success > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
}

.background-on-success-mid-var, .background-on-success-mid, .background-on-success {
  --background-color: var(--on-success-mid);
}

.background-success-mid-explicit, .background-success-explicit {
  background-color: var(--success-mid) !important;
  color: var(--on-success-mid);
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-mid) var(--default-color-mix-ratio), transparent);
}
.background-success-mid-explicit > .__btn::after, .background-success-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-mid) var(--divider-tranparency), transparent);
}

.background-on-success-mid-explicit, .background-on-success-explicit {
  background-color: var(--on-success-mid) !important;
}

.border-success-mid-var, .border-success-mid, .border-success {
  --border-color: var(--success-mid);
}

.bordersuccess {
  border-color: inherit !important;
}

.border-success-mid-explicit, .border-success-explicit {
  border-color: var(--success-mid) !important;
}

.text-success-mid-var, .text-success-mid, .text-success {
  --text-color: var(--success-mid);
}

.text-success {
  color: inherit !important;
}

.text-success-mid-explicit, .text-success-explicit {
  color: var(--success-mid) !important;
}

.text-on-success-mid-var, .text-on-success-mid, .text-on-success {
  --text-color: var(--on-success-mid);
}

.text-on-success-mid-explicit, .text-on-success-explicit {
  color: var(--on-success-mid) !important;
}

.badge-success-mid, .badge-success {
  background-color: var(--success-mid) !important;
  color: var(--on-success-mid);
}

.background-success-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--success-bright) 25%, transparent);
  --text-color: var(--on-success-bright);
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-bright) var(--default-color-mix-ratio), transparent);
}
.background-success-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
}

.background-success-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--success-bright) 50%, transparent);
  --text-color: var(--on-success-bright);
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-bright) var(--default-color-mix-ratio), transparent);
}
.background-success-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
}

.background-success-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--success-bright) 75%, transparent);
  --text-color: var(--on-success-bright);
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-bright) var(--default-color-mix-ratio), transparent);
}
.background-success-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
}

.background-success-bright-var, .background-success-bright, .background- {
  --background-color: var(--success-bright);
  --text-color: var(--on-success-bright);
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-bright) var(--default-color-mix-ratio), transparent);
}
.background-success-bright-var > .__btn::after, .background-success-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
}

.background-on-success-bright-var, .background-on-success-bright, .background-on- {
  --background-color: var(--on-success-bright);
}

.background-success-bright-explicit, .background--explicit {
  background-color: var(--success-bright) !important;
  color: var(--on-success-bright);
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-bright) var(--default-color-mix-ratio), transparent);
}
.background-success-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-bright) var(--divider-tranparency), transparent);
}

.background-on-success-bright-explicit, .background-on--explicit {
  background-color: var(--on-success-bright) !important;
}

.border-success-bright-var, .border-success-bright, .border- {
  --border-color: var(--success-bright);
}

.border {
  border-color: inherit !important;
}

.border-success-bright-explicit, .border--explicit {
  border-color: var(--success-bright) !important;
}

.text-success-bright-var, .text-success-bright, .text- {
  --text-color: var(--success-bright);
}

.text- {
  color: inherit !important;
}

.text-success-bright-explicit, .text--explicit {
  color: var(--success-bright) !important;
}

.text-on-success-bright-var, .text-on-success-bright, .text-on- {
  --text-color: var(--on-success-bright);
}

.text-on-success-bright-explicit, .text-on--explicit {
  color: var(--on-success-bright) !important;
}

.badge-success-bright, .badge- {
  background-color: var(--success-bright) !important;
  color: var(--on-success-bright);
}

.background-success-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--success-clear) 25%, transparent);
  --text-color: var(--on-success-clear);
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-clear) var(--default-color-mix-ratio), transparent);
}
.background-success-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
}

.background-success-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--success-clear) 50%, transparent);
  --text-color: var(--on-success-clear);
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-clear) var(--default-color-mix-ratio), transparent);
}
.background-success-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
}

.background-success-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--success-clear) 75%, transparent);
  --text-color: var(--on-success-clear);
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-clear) var(--default-color-mix-ratio), transparent);
}
.background-success-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
}

.background-success-clear-var, .background-success-clear, .background- {
  --background-color: var(--success-clear);
  --text-color: var(--on-success-clear);
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-clear) var(--default-color-mix-ratio), transparent);
}
.background-success-clear-var > .__btn::after, .background-success-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
}

.background-on-success-clear-var, .background-on-success-clear, .background-on- {
  --background-color: var(--on-success-clear);
}

.background-success-clear-explicit, .background--explicit {
  background-color: var(--success-clear) !important;
  color: var(--on-success-clear);
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-clear) var(--default-color-mix-ratio), transparent);
}
.background-success-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-clear) var(--divider-tranparency), transparent);
}

.background-on-success-clear-explicit, .background-on--explicit {
  background-color: var(--on-success-clear) !important;
}

.border-success-clear-var, .border-success-clear, .border- {
  --border-color: var(--success-clear);
}

.border {
  border-color: inherit !important;
}

.border-success-clear-explicit, .border--explicit {
  border-color: var(--success-clear) !important;
}

.text-success-clear-var, .text-success-clear, .text- {
  --text-color: var(--success-clear);
}

.text- {
  color: inherit !important;
}

.text-success-clear-explicit, .text--explicit {
  color: var(--success-clear) !important;
}

.text-on-success-clear-var, .text-on-success-clear, .text-on- {
  --text-color: var(--on-success-clear);
}

.text-on-success-clear-explicit, .text-on--explicit {
  color: var(--on-success-clear) !important;
}

.badge-success-clear, .badge- {
  background-color: var(--success-clear) !important;
  color: var(--on-success-clear);
}

.background-success-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--success-background) 25%, transparent);
  --text-color: var(--on-success-background);
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-background) var(--default-color-mix-ratio), transparent);
}
.background-success-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
}

.background-success-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--success-background) 50%, transparent);
  --text-color: var(--on-success-background);
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-background) var(--default-color-mix-ratio), transparent);
}
.background-success-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
}

.background-success-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--success-background) 75%, transparent);
  --text-color: var(--on-success-background);
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-background) var(--default-color-mix-ratio), transparent);
}
.background-success-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
}

.background-success-background-var, .background-success-background, .background- {
  --background-color: var(--success-background);
  --text-color: var(--on-success-background);
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-background) var(--default-color-mix-ratio), transparent);
}
.background-success-background-var > .__btn::after, .background-success-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
}

.background-on-success-background-var, .background-on-success-background, .background-on- {
  --background-color: var(--on-success-background);
}

.background-success-background-explicit, .background--explicit {
  background-color: var(--success-background) !important;
  color: var(--on-success-background);
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-success-background) var(--default-color-mix-ratio), transparent);
}
.background-success-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-success-background) var(--divider-tranparency), transparent);
}

.background-on-success-background-explicit, .background-on--explicit {
  background-color: var(--on-success-background) !important;
}

.border-success-background-var, .border-success-background, .border- {
  --border-color: var(--success-background);
}

.border {
  border-color: inherit !important;
}

.border-success-background-explicit, .border--explicit {
  border-color: var(--success-background) !important;
}

.text-success-background-var, .text-success-background, .text- {
  --text-color: var(--success-background);
}

.text- {
  color: inherit !important;
}

.text-success-background-explicit, .text--explicit {
  color: var(--success-background) !important;
}

.text-on-success-background-var, .text-on-success-background, .text-on- {
  --text-color: var(--on-success-background);
}

.text-on-success-background-explicit, .text-on--explicit {
  color: var(--on-success-background) !important;
}

.badge-success-background, .badge- {
  background-color: var(--success-background) !important;
  color: var(--on-success-background);
}

.background-warning-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--warning-dark) 25%, transparent);
  --text-color: var(--on-warning-dark);
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dark) var(--default-color-mix-ratio), transparent);
}
.background-warning-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
}

.background-warning-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent);
  --text-color: var(--on-warning-dark);
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dark) var(--default-color-mix-ratio), transparent);
}
.background-warning-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
}

.background-warning-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--warning-dark) 75%, transparent);
  --text-color: var(--on-warning-dark);
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dark) var(--default-color-mix-ratio), transparent);
}
.background-warning-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
}

.background-warning-dark-var, .background-warning-dark, .background- {
  --background-color: var(--warning-dark);
  --text-color: var(--on-warning-dark);
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dark) var(--default-color-mix-ratio), transparent);
}
.background-warning-dark-var > .__btn::after, .background-warning-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
}

.background-on-warning-dark-var, .background-on-warning-dark, .background-on- {
  --background-color: var(--on-warning-dark);
}

.background-warning-dark-explicit, .background--explicit {
  background-color: var(--warning-dark) !important;
  color: var(--on-warning-dark);
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dark) var(--default-color-mix-ratio), transparent);
}
.background-warning-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dark) var(--divider-tranparency), transparent);
}

.background-on-warning-dark-explicit, .background-on--explicit {
  background-color: var(--on-warning-dark) !important;
}

.border-warning-dark-var, .border-warning-dark, .border- {
  --border-color: var(--warning-dark);
}

.border {
  border-color: inherit !important;
}

.border-warning-dark-explicit, .border--explicit {
  border-color: var(--warning-dark) !important;
}

.text-warning-dark-var, .text-warning-dark, .text- {
  --text-color: var(--warning-dark);
}

.text- {
  color: inherit !important;
}

.text-warning-dark-explicit, .text--explicit {
  color: var(--warning-dark) !important;
}

.text-on-warning-dark-var, .text-on-warning-dark, .text-on- {
  --text-color: var(--on-warning-dark);
}

.text-on-warning-dark-explicit, .text-on--explicit {
  color: var(--on-warning-dark) !important;
}

.badge-warning-dark, .badge- {
  background-color: var(--warning-dark) !important;
  color: var(--on-warning-dark);
}

.background-warning-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--warning-dim) 25%, transparent);
  --text-color: var(--on-warning-dim);
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dim) var(--default-color-mix-ratio), transparent);
}
.background-warning-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
}

.background-warning-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--warning-dim) 50%, transparent);
  --text-color: var(--on-warning-dim);
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dim) var(--default-color-mix-ratio), transparent);
}
.background-warning-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
}

.background-warning-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--warning-dim) 75%, transparent);
  --text-color: var(--on-warning-dim);
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dim) var(--default-color-mix-ratio), transparent);
}
.background-warning-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
}

.background-warning-dim-var, .background-warning-dim, .background- {
  --background-color: var(--warning-dim);
  --text-color: var(--on-warning-dim);
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dim) var(--default-color-mix-ratio), transparent);
}
.background-warning-dim-var > .__btn::after, .background-warning-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
}

.background-on-warning-dim-var, .background-on-warning-dim, .background-on- {
  --background-color: var(--on-warning-dim);
}

.background-warning-dim-explicit, .background--explicit {
  background-color: var(--warning-dim) !important;
  color: var(--on-warning-dim);
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-dim) var(--default-color-mix-ratio), transparent);
}
.background-warning-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-dim) var(--divider-tranparency), transparent);
}

.background-on-warning-dim-explicit, .background-on--explicit {
  background-color: var(--on-warning-dim) !important;
}

.border-warning-dim-var, .border-warning-dim, .border- {
  --border-color: var(--warning-dim);
}

.border {
  border-color: inherit !important;
}

.border-warning-dim-explicit, .border--explicit {
  border-color: var(--warning-dim) !important;
}

.text-warning-dim-var, .text-warning-dim, .text- {
  --text-color: var(--warning-dim);
}

.text- {
  color: inherit !important;
}

.text-warning-dim-explicit, .text--explicit {
  color: var(--warning-dim) !important;
}

.text-on-warning-dim-var, .text-on-warning-dim, .text-on- {
  --text-color: var(--on-warning-dim);
}

.text-on-warning-dim-explicit, .text-on--explicit {
  color: var(--on-warning-dim) !important;
}

.badge-warning-dim, .badge- {
  background-color: var(--warning-dim) !important;
  color: var(--on-warning-dim);
}

.background-warning-mid-25, .background-warning-25 {
  --background-color: color-mix(in srgb, var(--warning-mid) 25%, transparent);
  --text-color: var(--on-warning-mid);
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-mid) var(--default-color-mix-ratio), transparent);
}
.background-warning-mid-25 > .__btn::after, .background-warning-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
}

.background-warning-mid-50, .background-warning-50 {
  --background-color: color-mix(in srgb, var(--warning-mid) 50%, transparent);
  --text-color: var(--on-warning-mid);
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-mid) var(--default-color-mix-ratio), transparent);
}
.background-warning-mid-50 > .__btn::after, .background-warning-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
}

.background-warning-mid-75, .background-warning-75 {
  --background-color: color-mix(in srgb, var(--warning-mid) 75%, transparent);
  --text-color: var(--on-warning-mid);
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-mid) var(--default-color-mix-ratio), transparent);
}
.background-warning-mid-75 > .__btn::after, .background-warning-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
}

.background-warning-mid-var, .background-warning-mid, .background-warning {
  --background-color: var(--warning-mid);
  --text-color: var(--on-warning-mid);
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-mid) var(--default-color-mix-ratio), transparent);
}
.background-warning-mid-var > .__btn::after, .background-warning-mid > .__btn::after, .background-warning > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
}

.background-on-warning-mid-var, .background-on-warning-mid, .background-on-warning {
  --background-color: var(--on-warning-mid);
}

.background-warning-mid-explicit, .background-warning-explicit {
  background-color: var(--warning-mid) !important;
  color: var(--on-warning-mid);
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-mid) var(--default-color-mix-ratio), transparent);
}
.background-warning-mid-explicit > .__btn::after, .background-warning-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-mid) var(--divider-tranparency), transparent);
}

.background-on-warning-mid-explicit, .background-on-warning-explicit {
  background-color: var(--on-warning-mid) !important;
}

.border-warning-mid-var, .border-warning-mid, .border-warning {
  --border-color: var(--warning-mid);
}

.borderwarning {
  border-color: inherit !important;
}

.border-warning-mid-explicit, .border-warning-explicit {
  border-color: var(--warning-mid) !important;
}

.text-warning-mid-var, .text-warning-mid, .text-warning {
  --text-color: var(--warning-mid);
}

.text-warning {
  color: inherit !important;
}

.text-warning-mid-explicit, .text-warning-explicit {
  color: var(--warning-mid) !important;
}

.text-on-warning-mid-var, .text-on-warning-mid, .text-on-warning {
  --text-color: var(--on-warning-mid);
}

.text-on-warning-mid-explicit, .text-on-warning-explicit {
  color: var(--on-warning-mid) !important;
}

.badge-warning-mid, .badge-warning {
  background-color: var(--warning-mid) !important;
  color: var(--on-warning-mid);
}

.background-warning-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--warning-bright) 25%, transparent);
  --text-color: var(--on-warning-bright);
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-bright) var(--default-color-mix-ratio), transparent);
}
.background-warning-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
}

.background-warning-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--warning-bright) 50%, transparent);
  --text-color: var(--on-warning-bright);
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-bright) var(--default-color-mix-ratio), transparent);
}
.background-warning-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
}

.background-warning-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--warning-bright) 75%, transparent);
  --text-color: var(--on-warning-bright);
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-bright) var(--default-color-mix-ratio), transparent);
}
.background-warning-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
}

.background-warning-bright-var, .background-warning-bright, .background- {
  --background-color: var(--warning-bright);
  --text-color: var(--on-warning-bright);
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-bright) var(--default-color-mix-ratio), transparent);
}
.background-warning-bright-var > .__btn::after, .background-warning-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
}

.background-on-warning-bright-var, .background-on-warning-bright, .background-on- {
  --background-color: var(--on-warning-bright);
}

.background-warning-bright-explicit, .background--explicit {
  background-color: var(--warning-bright) !important;
  color: var(--on-warning-bright);
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-bright) var(--default-color-mix-ratio), transparent);
}
.background-warning-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-bright) var(--divider-tranparency), transparent);
}

.background-on-warning-bright-explicit, .background-on--explicit {
  background-color: var(--on-warning-bright) !important;
}

.border-warning-bright-var, .border-warning-bright, .border- {
  --border-color: var(--warning-bright);
}

.border {
  border-color: inherit !important;
}

.border-warning-bright-explicit, .border--explicit {
  border-color: var(--warning-bright) !important;
}

.text-warning-bright-var, .text-warning-bright, .text- {
  --text-color: var(--warning-bright);
}

.text- {
  color: inherit !important;
}

.text-warning-bright-explicit, .text--explicit {
  color: var(--warning-bright) !important;
}

.text-on-warning-bright-var, .text-on-warning-bright, .text-on- {
  --text-color: var(--on-warning-bright);
}

.text-on-warning-bright-explicit, .text-on--explicit {
  color: var(--on-warning-bright) !important;
}

.badge-warning-bright, .badge- {
  background-color: var(--warning-bright) !important;
  color: var(--on-warning-bright);
}

.background-warning-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--warning-clear) 25%, transparent);
  --text-color: var(--on-warning-clear);
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-clear) var(--default-color-mix-ratio), transparent);
}
.background-warning-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
}

.background-warning-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--warning-clear) 50%, transparent);
  --text-color: var(--on-warning-clear);
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-clear) var(--default-color-mix-ratio), transparent);
}
.background-warning-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
}

.background-warning-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--warning-clear) 75%, transparent);
  --text-color: var(--on-warning-clear);
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-clear) var(--default-color-mix-ratio), transparent);
}
.background-warning-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
}

.background-warning-clear-var, .background-warning-clear, .background- {
  --background-color: var(--warning-clear);
  --text-color: var(--on-warning-clear);
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-clear) var(--default-color-mix-ratio), transparent);
}
.background-warning-clear-var > .__btn::after, .background-warning-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
}

.background-on-warning-clear-var, .background-on-warning-clear, .background-on- {
  --background-color: var(--on-warning-clear);
}

.background-warning-clear-explicit, .background--explicit {
  background-color: var(--warning-clear) !important;
  color: var(--on-warning-clear);
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-clear) var(--default-color-mix-ratio), transparent);
}
.background-warning-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-clear) var(--divider-tranparency), transparent);
}

.background-on-warning-clear-explicit, .background-on--explicit {
  background-color: var(--on-warning-clear) !important;
}

.border-warning-clear-var, .border-warning-clear, .border- {
  --border-color: var(--warning-clear);
}

.border {
  border-color: inherit !important;
}

.border-warning-clear-explicit, .border--explicit {
  border-color: var(--warning-clear) !important;
}

.text-warning-clear-var, .text-warning-clear, .text- {
  --text-color: var(--warning-clear);
}

.text- {
  color: inherit !important;
}

.text-warning-clear-explicit, .text--explicit {
  color: var(--warning-clear) !important;
}

.text-on-warning-clear-var, .text-on-warning-clear, .text-on- {
  --text-color: var(--on-warning-clear);
}

.text-on-warning-clear-explicit, .text-on--explicit {
  color: var(--on-warning-clear) !important;
}

.badge-warning-clear, .badge- {
  background-color: var(--warning-clear) !important;
  color: var(--on-warning-clear);
}

.background-warning-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--warning-background) 25%, transparent);
  --text-color: var(--on-warning-background);
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-background) var(--default-color-mix-ratio), transparent);
}
.background-warning-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
}

.background-warning-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--warning-background) 50%, transparent);
  --text-color: var(--on-warning-background);
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-background) var(--default-color-mix-ratio), transparent);
}
.background-warning-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
}

.background-warning-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--warning-background) 75%, transparent);
  --text-color: var(--on-warning-background);
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-background) var(--default-color-mix-ratio), transparent);
}
.background-warning-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
}

.background-warning-background-var, .background-warning-background, .background- {
  --background-color: var(--warning-background);
  --text-color: var(--on-warning-background);
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-background) var(--default-color-mix-ratio), transparent);
}
.background-warning-background-var > .__btn::after, .background-warning-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
}

.background-on-warning-background-var, .background-on-warning-background, .background-on- {
  --background-color: var(--on-warning-background);
}

.background-warning-background-explicit, .background--explicit {
  background-color: var(--warning-background) !important;
  color: var(--on-warning-background);
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-warning-background) var(--default-color-mix-ratio), transparent);
}
.background-warning-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-warning-background) var(--divider-tranparency), transparent);
}

.background-on-warning-background-explicit, .background-on--explicit {
  background-color: var(--on-warning-background) !important;
}

.border-warning-background-var, .border-warning-background, .border- {
  --border-color: var(--warning-background);
}

.border {
  border-color: inherit !important;
}

.border-warning-background-explicit, .border--explicit {
  border-color: var(--warning-background) !important;
}

.text-warning-background-var, .text-warning-background, .text- {
  --text-color: var(--warning-background);
}

.text- {
  color: inherit !important;
}

.text-warning-background-explicit, .text--explicit {
  color: var(--warning-background) !important;
}

.text-on-warning-background-var, .text-on-warning-background, .text-on- {
  --text-color: var(--on-warning-background);
}

.text-on-warning-background-explicit, .text-on--explicit {
  color: var(--on-warning-background) !important;
}

.badge-warning-background, .badge- {
  background-color: var(--warning-background) !important;
  color: var(--on-warning-background);
}

.background-danger-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--danger-dark) 25%, transparent);
  --text-color: var(--on-danger-dark);
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dark) var(--default-color-mix-ratio), transparent);
}
.background-danger-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
}

.background-danger-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent);
  --text-color: var(--on-danger-dark);
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dark) var(--default-color-mix-ratio), transparent);
}
.background-danger-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
}

.background-danger-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--danger-dark) 75%, transparent);
  --text-color: var(--on-danger-dark);
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dark) var(--default-color-mix-ratio), transparent);
}
.background-danger-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
}

.background-danger-dark-var, .background-danger-dark, .background- {
  --background-color: var(--danger-dark);
  --text-color: var(--on-danger-dark);
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dark) var(--default-color-mix-ratio), transparent);
}
.background-danger-dark-var > .__btn::after, .background-danger-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
}

.background-on-danger-dark-var, .background-on-danger-dark, .background-on- {
  --background-color: var(--on-danger-dark);
}

.background-danger-dark-explicit, .background--explicit {
  background-color: var(--danger-dark) !important;
  color: var(--on-danger-dark);
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dark) var(--default-color-mix-ratio), transparent);
}
.background-danger-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dark) var(--divider-tranparency), transparent);
}

.background-on-danger-dark-explicit, .background-on--explicit {
  background-color: var(--on-danger-dark) !important;
}

.border-danger-dark-var, .border-danger-dark, .border- {
  --border-color: var(--danger-dark);
}

.border {
  border-color: inherit !important;
}

.border-danger-dark-explicit, .border--explicit {
  border-color: var(--danger-dark) !important;
}

.text-danger-dark-var, .text-danger-dark, .text- {
  --text-color: var(--danger-dark);
}

.text- {
  color: inherit !important;
}

.text-danger-dark-explicit, .text--explicit {
  color: var(--danger-dark) !important;
}

.text-on-danger-dark-var, .text-on-danger-dark, .text-on- {
  --text-color: var(--on-danger-dark);
}

.text-on-danger-dark-explicit, .text-on--explicit {
  color: var(--on-danger-dark) !important;
}

.badge-danger-dark, .badge- {
  background-color: var(--danger-dark) !important;
  color: var(--on-danger-dark);
}

.background-danger-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--danger-dim) 25%, transparent);
  --text-color: var(--on-danger-dim);
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dim) var(--default-color-mix-ratio), transparent);
}
.background-danger-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
}

.background-danger-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--danger-dim) 50%, transparent);
  --text-color: var(--on-danger-dim);
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dim) var(--default-color-mix-ratio), transparent);
}
.background-danger-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
}

.background-danger-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--danger-dim) 75%, transparent);
  --text-color: var(--on-danger-dim);
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dim) var(--default-color-mix-ratio), transparent);
}
.background-danger-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
}

.background-danger-dim-var, .background-danger-dim, .background- {
  --background-color: var(--danger-dim);
  --text-color: var(--on-danger-dim);
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dim) var(--default-color-mix-ratio), transparent);
}
.background-danger-dim-var > .__btn::after, .background-danger-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
}

.background-on-danger-dim-var, .background-on-danger-dim, .background-on- {
  --background-color: var(--on-danger-dim);
}

.background-danger-dim-explicit, .background--explicit {
  background-color: var(--danger-dim) !important;
  color: var(--on-danger-dim);
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-dim) var(--default-color-mix-ratio), transparent);
}
.background-danger-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-dim) var(--divider-tranparency), transparent);
}

.background-on-danger-dim-explicit, .background-on--explicit {
  background-color: var(--on-danger-dim) !important;
}

.border-danger-dim-var, .border-danger-dim, .border- {
  --border-color: var(--danger-dim);
}

.border {
  border-color: inherit !important;
}

.border-danger-dim-explicit, .border--explicit {
  border-color: var(--danger-dim) !important;
}

.text-danger-dim-var, .text-danger-dim, .text- {
  --text-color: var(--danger-dim);
}

.text- {
  color: inherit !important;
}

.text-danger-dim-explicit, .text--explicit {
  color: var(--danger-dim) !important;
}

.text-on-danger-dim-var, .text-on-danger-dim, .text-on- {
  --text-color: var(--on-danger-dim);
}

.text-on-danger-dim-explicit, .text-on--explicit {
  color: var(--on-danger-dim) !important;
}

.badge-danger-dim, .badge- {
  background-color: var(--danger-dim) !important;
  color: var(--on-danger-dim);
}

.background-danger-mid-25, .background-danger-25 {
  --background-color: color-mix(in srgb, var(--danger-mid) 25%, transparent);
  --text-color: var(--on-danger-mid);
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-mid) var(--default-color-mix-ratio), transparent);
}
.background-danger-mid-25 > .__btn::after, .background-danger-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
}

.background-danger-mid-50, .background-danger-50 {
  --background-color: color-mix(in srgb, var(--danger-mid) 50%, transparent);
  --text-color: var(--on-danger-mid);
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-mid) var(--default-color-mix-ratio), transparent);
}
.background-danger-mid-50 > .__btn::after, .background-danger-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
}

.background-danger-mid-75, .background-danger-75 {
  --background-color: color-mix(in srgb, var(--danger-mid) 75%, transparent);
  --text-color: var(--on-danger-mid);
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-mid) var(--default-color-mix-ratio), transparent);
}
.background-danger-mid-75 > .__btn::after, .background-danger-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
}

.background-danger-mid-var, .background-danger-mid, .background-danger {
  --background-color: var(--danger-mid);
  --text-color: var(--on-danger-mid);
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-mid) var(--default-color-mix-ratio), transparent);
}
.background-danger-mid-var > .__btn::after, .background-danger-mid > .__btn::after, .background-danger > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
}

.background-on-danger-mid-var, .background-on-danger-mid, .background-on-danger {
  --background-color: var(--on-danger-mid);
}

.background-danger-mid-explicit, .background-danger-explicit {
  background-color: var(--danger-mid) !important;
  color: var(--on-danger-mid);
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-mid) var(--default-color-mix-ratio), transparent);
}
.background-danger-mid-explicit > .__btn::after, .background-danger-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-mid) var(--divider-tranparency), transparent);
}

.background-on-danger-mid-explicit, .background-on-danger-explicit {
  background-color: var(--on-danger-mid) !important;
}

.border-danger-mid-var, .border-danger-mid, .border-danger {
  --border-color: var(--danger-mid);
}

.borderdanger {
  border-color: inherit !important;
}

.border-danger-mid-explicit, .border-danger-explicit {
  border-color: var(--danger-mid) !important;
}

.text-danger-mid-var, .text-danger-mid, .text-danger {
  --text-color: var(--danger-mid);
}

.text-danger {
  color: inherit !important;
}

.text-danger-mid-explicit, .text-danger-explicit {
  color: var(--danger-mid) !important;
}

.text-on-danger-mid-var, .text-on-danger-mid, .text-on-danger {
  --text-color: var(--on-danger-mid);
}

.text-on-danger-mid-explicit, .text-on-danger-explicit {
  color: var(--on-danger-mid) !important;
}

.badge-danger-mid, .badge-danger {
  background-color: var(--danger-mid) !important;
  color: var(--on-danger-mid);
}

.background-danger-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--danger-bright) 25%, transparent);
  --text-color: var(--on-danger-bright);
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-bright) var(--default-color-mix-ratio), transparent);
}
.background-danger-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
}

.background-danger-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--danger-bright) 50%, transparent);
  --text-color: var(--on-danger-bright);
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-bright) var(--default-color-mix-ratio), transparent);
}
.background-danger-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
}

.background-danger-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--danger-bright) 75%, transparent);
  --text-color: var(--on-danger-bright);
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-bright) var(--default-color-mix-ratio), transparent);
}
.background-danger-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
}

.background-danger-bright-var, .background-danger-bright, .background- {
  --background-color: var(--danger-bright);
  --text-color: var(--on-danger-bright);
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-bright) var(--default-color-mix-ratio), transparent);
}
.background-danger-bright-var > .__btn::after, .background-danger-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
}

.background-on-danger-bright-var, .background-on-danger-bright, .background-on- {
  --background-color: var(--on-danger-bright);
}

.background-danger-bright-explicit, .background--explicit {
  background-color: var(--danger-bright) !important;
  color: var(--on-danger-bright);
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-bright) var(--default-color-mix-ratio), transparent);
}
.background-danger-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-bright) var(--divider-tranparency), transparent);
}

.background-on-danger-bright-explicit, .background-on--explicit {
  background-color: var(--on-danger-bright) !important;
}

.border-danger-bright-var, .border-danger-bright, .border- {
  --border-color: var(--danger-bright);
}

.border {
  border-color: inherit !important;
}

.border-danger-bright-explicit, .border--explicit {
  border-color: var(--danger-bright) !important;
}

.text-danger-bright-var, .text-danger-bright, .text- {
  --text-color: var(--danger-bright);
}

.text- {
  color: inherit !important;
}

.text-danger-bright-explicit, .text--explicit {
  color: var(--danger-bright) !important;
}

.text-on-danger-bright-var, .text-on-danger-bright, .text-on- {
  --text-color: var(--on-danger-bright);
}

.text-on-danger-bright-explicit, .text-on--explicit {
  color: var(--on-danger-bright) !important;
}

.badge-danger-bright, .badge- {
  background-color: var(--danger-bright) !important;
  color: var(--on-danger-bright);
}

.background-danger-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--danger-clear) 25%, transparent);
  --text-color: var(--on-danger-clear);
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-clear) var(--default-color-mix-ratio), transparent);
}
.background-danger-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
}

.background-danger-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--danger-clear) 50%, transparent);
  --text-color: var(--on-danger-clear);
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-clear) var(--default-color-mix-ratio), transparent);
}
.background-danger-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
}

.background-danger-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--danger-clear) 75%, transparent);
  --text-color: var(--on-danger-clear);
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-clear) var(--default-color-mix-ratio), transparent);
}
.background-danger-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
}

.background-danger-clear-var, .background-danger-clear, .background- {
  --background-color: var(--danger-clear);
  --text-color: var(--on-danger-clear);
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-clear) var(--default-color-mix-ratio), transparent);
}
.background-danger-clear-var > .__btn::after, .background-danger-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
}

.background-on-danger-clear-var, .background-on-danger-clear, .background-on- {
  --background-color: var(--on-danger-clear);
}

.background-danger-clear-explicit, .background--explicit {
  background-color: var(--danger-clear) !important;
  color: var(--on-danger-clear);
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-clear) var(--default-color-mix-ratio), transparent);
}
.background-danger-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-clear) var(--divider-tranparency), transparent);
}

.background-on-danger-clear-explicit, .background-on--explicit {
  background-color: var(--on-danger-clear) !important;
}

.border-danger-clear-var, .border-danger-clear, .border- {
  --border-color: var(--danger-clear);
}

.border {
  border-color: inherit !important;
}

.border-danger-clear-explicit, .border--explicit {
  border-color: var(--danger-clear) !important;
}

.text-danger-clear-var, .text-danger-clear, .text- {
  --text-color: var(--danger-clear);
}

.text- {
  color: inherit !important;
}

.text-danger-clear-explicit, .text--explicit {
  color: var(--danger-clear) !important;
}

.text-on-danger-clear-var, .text-on-danger-clear, .text-on- {
  --text-color: var(--on-danger-clear);
}

.text-on-danger-clear-explicit, .text-on--explicit {
  color: var(--on-danger-clear) !important;
}

.badge-danger-clear, .badge- {
  background-color: var(--danger-clear) !important;
  color: var(--on-danger-clear);
}

.background-danger-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--danger-background) 25%, transparent);
  --text-color: var(--on-danger-background);
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-background) var(--default-color-mix-ratio), transparent);
}
.background-danger-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
}

.background-danger-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--danger-background) 50%, transparent);
  --text-color: var(--on-danger-background);
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-background) var(--default-color-mix-ratio), transparent);
}
.background-danger-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
}

.background-danger-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--danger-background) 75%, transparent);
  --text-color: var(--on-danger-background);
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-background) var(--default-color-mix-ratio), transparent);
}
.background-danger-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
}

.background-danger-background-var, .background-danger-background, .background- {
  --background-color: var(--danger-background);
  --text-color: var(--on-danger-background);
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-background) var(--default-color-mix-ratio), transparent);
}
.background-danger-background-var > .__btn::after, .background-danger-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
}

.background-on-danger-background-var, .background-on-danger-background, .background-on- {
  --background-color: var(--on-danger-background);
}

.background-danger-background-explicit, .background--explicit {
  background-color: var(--danger-background) !important;
  color: var(--on-danger-background);
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-danger-background) var(--default-color-mix-ratio), transparent);
}
.background-danger-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-danger-background) var(--divider-tranparency), transparent);
}

.background-on-danger-background-explicit, .background-on--explicit {
  background-color: var(--on-danger-background) !important;
}

.border-danger-background-var, .border-danger-background, .border- {
  --border-color: var(--danger-background);
}

.border {
  border-color: inherit !important;
}

.border-danger-background-explicit, .border--explicit {
  border-color: var(--danger-background) !important;
}

.text-danger-background-var, .text-danger-background, .text- {
  --text-color: var(--danger-background);
}

.text- {
  color: inherit !important;
}

.text-danger-background-explicit, .text--explicit {
  color: var(--danger-background) !important;
}

.text-on-danger-background-var, .text-on-danger-background, .text-on- {
  --text-color: var(--on-danger-background);
}

.text-on-danger-background-explicit, .text-on--explicit {
  color: var(--on-danger-background) !important;
}

.badge-danger-background, .badge- {
  background-color: var(--danger-background) !important;
  color: var(--on-danger-background);
}

.background-greyscale-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--greyscale-dark) 25%, transparent);
  --text-color: var(--on-greyscale-dark);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dark) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
}

.background-greyscale-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--greyscale-dark) 50%, transparent);
  --text-color: var(--on-greyscale-dark);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dark) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
}

.background-greyscale-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--greyscale-dark) 75%, transparent);
  --text-color: var(--on-greyscale-dark);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dark) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
}

.background-greyscale-dark-var, .background-greyscale-dark, .background- {
  --background-color: var(--greyscale-dark);
  --text-color: var(--on-greyscale-dark);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dark) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dark-var > .__btn::after, .background-greyscale-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
}

.background-on-greyscale-dark-var, .background-on-greyscale-dark, .background-on- {
  --background-color: var(--on-greyscale-dark);
}

.background-greyscale-dark-explicit, .background--explicit {
  background-color: var(--greyscale-dark) !important;
  color: var(--on-greyscale-dark);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dark) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dark) var(--divider-tranparency), transparent);
}

.background-on-greyscale-dark-explicit, .background-on--explicit {
  background-color: var(--on-greyscale-dark) !important;
}

.border-greyscale-dark-var, .border-greyscale-dark, .border- {
  --border-color: var(--greyscale-dark);
}

.border {
  border-color: inherit !important;
}

.border-greyscale-dark-explicit, .border--explicit {
  border-color: var(--greyscale-dark) !important;
}

.text-greyscale-dark-var, .text-greyscale-dark, .text- {
  --text-color: var(--greyscale-dark);
}

.text- {
  color: inherit !important;
}

.text-greyscale-dark-explicit, .text--explicit {
  color: var(--greyscale-dark) !important;
}

.text-on-greyscale-dark-var, .text-on-greyscale-dark, .text-on- {
  --text-color: var(--on-greyscale-dark);
}

.text-on-greyscale-dark-explicit, .text-on--explicit {
  color: var(--on-greyscale-dark) !important;
}

.badge-greyscale-dark, .badge- {
  background-color: var(--greyscale-dark) !important;
  color: var(--on-greyscale-dark);
}

.background-greyscale-dim-25, .background--25 {
  --background-color: color-mix(in srgb, var(--greyscale-dim) 25%, transparent);
  --text-color: var(--on-greyscale-dim);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dim) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dim-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
}

.background-greyscale-dim-50, .background--50 {
  --background-color: color-mix(in srgb, var(--greyscale-dim) 50%, transparent);
  --text-color: var(--on-greyscale-dim);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dim) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dim-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
}

.background-greyscale-dim-75, .background--75 {
  --background-color: color-mix(in srgb, var(--greyscale-dim) 75%, transparent);
  --text-color: var(--on-greyscale-dim);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dim) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dim-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
}

.background-greyscale-dim-var, .background-greyscale-dim, .background- {
  --background-color: var(--greyscale-dim);
  --text-color: var(--on-greyscale-dim);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dim) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dim-var > .__btn::after, .background-greyscale-dim > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
}

.background-on-greyscale-dim-var, .background-on-greyscale-dim, .background-on- {
  --background-color: var(--on-greyscale-dim);
}

.background-greyscale-dim-explicit, .background--explicit {
  background-color: var(--greyscale-dim) !important;
  color: var(--on-greyscale-dim);
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-dim) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-dim-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-dim) var(--divider-tranparency), transparent);
}

.background-on-greyscale-dim-explicit, .background-on--explicit {
  background-color: var(--on-greyscale-dim) !important;
}

.border-greyscale-dim-var, .border-greyscale-dim, .border- {
  --border-color: var(--greyscale-dim);
}

.border {
  border-color: inherit !important;
}

.border-greyscale-dim-explicit, .border--explicit {
  border-color: var(--greyscale-dim) !important;
}

.text-greyscale-dim-var, .text-greyscale-dim, .text- {
  --text-color: var(--greyscale-dim);
}

.text- {
  color: inherit !important;
}

.text-greyscale-dim-explicit, .text--explicit {
  color: var(--greyscale-dim) !important;
}

.text-on-greyscale-dim-var, .text-on-greyscale-dim, .text-on- {
  --text-color: var(--on-greyscale-dim);
}

.text-on-greyscale-dim-explicit, .text-on--explicit {
  color: var(--on-greyscale-dim) !important;
}

.badge-greyscale-dim, .badge- {
  background-color: var(--greyscale-dim) !important;
  color: var(--on-greyscale-dim);
}

.background-greyscale-mid-25, .background-muted-25 {
  --background-color: color-mix(in srgb, var(--greyscale-mid) 25%, transparent);
  --text-color: var(--on-greyscale-mid);
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-mid) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-mid-25 > .__btn::after, .background-muted-25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
}

.background-greyscale-mid-50, .background-muted-50 {
  --background-color: color-mix(in srgb, var(--greyscale-mid) 50%, transparent);
  --text-color: var(--on-greyscale-mid);
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-mid) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-mid-50 > .__btn::after, .background-muted-50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
}

.background-greyscale-mid-75, .background-muted-75 {
  --background-color: color-mix(in srgb, var(--greyscale-mid) 75%, transparent);
  --text-color: var(--on-greyscale-mid);
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-mid) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-mid-75 > .__btn::after, .background-muted-75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
}

.background-greyscale-mid-var, .background-greyscale-mid, .background-muted {
  --background-color: var(--greyscale-mid);
  --text-color: var(--on-greyscale-mid);
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-mid) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-mid-var > .__btn::after, .background-greyscale-mid > .__btn::after, .background-muted > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
}

.background-on-greyscale-mid-var, .background-on-greyscale-mid, .background-on-muted {
  --background-color: var(--on-greyscale-mid);
}

.background-greyscale-mid-explicit, .background-muted-explicit {
  background-color: var(--greyscale-mid) !important;
  color: var(--on-greyscale-mid);
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-mid) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-mid-explicit > .__btn::after, .background-muted-explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-mid) var(--divider-tranparency), transparent);
}

.background-on-greyscale-mid-explicit, .background-on-muted-explicit {
  background-color: var(--on-greyscale-mid) !important;
}

.border-greyscale-mid-var, .border-greyscale-mid, .border-muted {
  --border-color: var(--greyscale-mid);
}

.bordermuted {
  border-color: inherit !important;
}

.border-greyscale-mid-explicit, .border-muted-explicit {
  border-color: var(--greyscale-mid) !important;
}

.text-greyscale-mid-var, .text-greyscale-mid, .text-muted {
  --text-color: var(--greyscale-mid);
}

.text-muted {
  color: inherit !important;
}

.text-greyscale-mid-explicit, .text-muted-explicit {
  color: var(--greyscale-mid) !important;
}

.text-on-greyscale-mid-var, .text-on-greyscale-mid, .text-on-muted {
  --text-color: var(--on-greyscale-mid);
}

.text-on-greyscale-mid-explicit, .text-on-muted-explicit {
  color: var(--on-greyscale-mid) !important;
}

.badge-greyscale-mid, .badge-muted {
  background-color: var(--greyscale-mid) !important;
  color: var(--on-greyscale-mid);
}

.background-greyscale-bright-25, .background--25 {
  --background-color: color-mix(in srgb, var(--greyscale-bright) 25%, transparent);
  --text-color: var(--on-greyscale-bright);
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-bright) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-bright-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
}

.background-greyscale-bright-50, .background--50 {
  --background-color: color-mix(in srgb, var(--greyscale-bright) 50%, transparent);
  --text-color: var(--on-greyscale-bright);
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-bright) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-bright-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
}

.background-greyscale-bright-75, .background--75 {
  --background-color: color-mix(in srgb, var(--greyscale-bright) 75%, transparent);
  --text-color: var(--on-greyscale-bright);
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-bright) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-bright-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
}

.background-greyscale-bright-var, .background-greyscale-bright, .background- {
  --background-color: var(--greyscale-bright);
  --text-color: var(--on-greyscale-bright);
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-bright) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-bright-var > .__btn::after, .background-greyscale-bright > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
}

.background-on-greyscale-bright-var, .background-on-greyscale-bright, .background-on- {
  --background-color: var(--on-greyscale-bright);
}

.background-greyscale-bright-explicit, .background--explicit {
  background-color: var(--greyscale-bright) !important;
  color: var(--on-greyscale-bright);
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-bright) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-bright-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-bright) var(--divider-tranparency), transparent);
}

.background-on-greyscale-bright-explicit, .background-on--explicit {
  background-color: var(--on-greyscale-bright) !important;
}

.border-greyscale-bright-var, .border-greyscale-bright, .border- {
  --border-color: var(--greyscale-bright);
}

.border {
  border-color: inherit !important;
}

.border-greyscale-bright-explicit, .border--explicit {
  border-color: var(--greyscale-bright) !important;
}

.text-greyscale-bright-var, .text-greyscale-bright, .text- {
  --text-color: var(--greyscale-bright);
}

.text- {
  color: inherit !important;
}

.text-greyscale-bright-explicit, .text--explicit {
  color: var(--greyscale-bright) !important;
}

.text-on-greyscale-bright-var, .text-on-greyscale-bright, .text-on- {
  --text-color: var(--on-greyscale-bright);
}

.text-on-greyscale-bright-explicit, .text-on--explicit {
  color: var(--on-greyscale-bright) !important;
}

.badge-greyscale-bright, .badge- {
  background-color: var(--greyscale-bright) !important;
  color: var(--on-greyscale-bright);
}

.background-greyscale-clear-25, .background--25 {
  --background-color: color-mix(in srgb, var(--greyscale-clear) 25%, transparent);
  --text-color: var(--on-greyscale-clear);
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-clear) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-clear-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
}

.background-greyscale-clear-50, .background--50 {
  --background-color: color-mix(in srgb, var(--greyscale-clear) 50%, transparent);
  --text-color: var(--on-greyscale-clear);
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-clear) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-clear-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
}

.background-greyscale-clear-75, .background--75 {
  --background-color: color-mix(in srgb, var(--greyscale-clear) 75%, transparent);
  --text-color: var(--on-greyscale-clear);
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-clear) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-clear-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
}

.background-greyscale-clear-var, .background-greyscale-clear, .background- {
  --background-color: var(--greyscale-clear);
  --text-color: var(--on-greyscale-clear);
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-clear) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-clear-var > .__btn::after, .background-greyscale-clear > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
}

.background-on-greyscale-clear-var, .background-on-greyscale-clear, .background-on- {
  --background-color: var(--on-greyscale-clear);
}

.background-greyscale-clear-explicit, .background--explicit {
  background-color: var(--greyscale-clear) !important;
  color: var(--on-greyscale-clear);
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-clear) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-clear-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-clear) var(--divider-tranparency), transparent);
}

.background-on-greyscale-clear-explicit, .background-on--explicit {
  background-color: var(--on-greyscale-clear) !important;
}

.border-greyscale-clear-var, .border-greyscale-clear, .border- {
  --border-color: var(--greyscale-clear);
}

.border {
  border-color: inherit !important;
}

.border-greyscale-clear-explicit, .border--explicit {
  border-color: var(--greyscale-clear) !important;
}

.text-greyscale-clear-var, .text-greyscale-clear, .text- {
  --text-color: var(--greyscale-clear);
}

.text- {
  color: inherit !important;
}

.text-greyscale-clear-explicit, .text--explicit {
  color: var(--greyscale-clear) !important;
}

.text-on-greyscale-clear-var, .text-on-greyscale-clear, .text-on- {
  --text-color: var(--on-greyscale-clear);
}

.text-on-greyscale-clear-explicit, .text-on--explicit {
  color: var(--on-greyscale-clear) !important;
}

.badge-greyscale-clear, .badge- {
  background-color: var(--greyscale-clear) !important;
  color: var(--on-greyscale-clear);
}

.background-greyscale-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--greyscale-background) 25%, transparent);
  --text-color: var(--on-greyscale-background);
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-background) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
}

.background-greyscale-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--greyscale-background) 50%, transparent);
  --text-color: var(--on-greyscale-background);
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-background) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
}

.background-greyscale-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--greyscale-background) 75%, transparent);
  --text-color: var(--on-greyscale-background);
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-background) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
}

.background-greyscale-background-var, .background-greyscale-background, .background- {
  --background-color: var(--greyscale-background);
  --text-color: var(--on-greyscale-background);
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-background) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-background-var > .__btn::after, .background-greyscale-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
}

.background-on-greyscale-background-var, .background-on-greyscale-background, .background-on- {
  --background-color: var(--on-greyscale-background);
}

.background-greyscale-background-explicit, .background--explicit {
  background-color: var(--greyscale-background) !important;
  color: var(--on-greyscale-background);
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-greyscale-background) var(--default-color-mix-ratio), transparent);
}
.background-greyscale-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-greyscale-background) var(--divider-tranparency), transparent);
}

.background-on-greyscale-background-explicit, .background-on--explicit {
  background-color: var(--on-greyscale-background) !important;
}

.border-greyscale-background-var, .border-greyscale-background, .border- {
  --border-color: var(--greyscale-background);
}

.border {
  border-color: inherit !important;
}

.border-greyscale-background-explicit, .border--explicit {
  border-color: var(--greyscale-background) !important;
}

.text-greyscale-background-var, .text-greyscale-background, .text- {
  --text-color: var(--greyscale-background);
}

.text- {
  color: inherit !important;
}

.text-greyscale-background-explicit, .text--explicit {
  color: var(--greyscale-background) !important;
}

.text-on-greyscale-background-var, .text-on-greyscale-background, .text-on- {
  --text-color: var(--on-greyscale-background);
}

.text-on-greyscale-background-explicit, .text-on--explicit {
  color: var(--on-greyscale-background) !important;
}

.badge-greyscale-background, .badge- {
  background-color: var(--greyscale-background) !important;
  color: var(--on-greyscale-background);
}

.background-white-25, .background--25 {
  --background-color: color-mix(in srgb, var(--white) 25%, transparent);
  --text-color: var(--on-white);
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-white) var(--default-color-mix-ratio), transparent);
}
.background-white-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
}

.background-white-50, .background--50 {
  --background-color: color-mix(in srgb, var(--white) 50%, transparent);
  --text-color: var(--on-white);
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-white) var(--default-color-mix-ratio), transparent);
}
.background-white-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
}

.background-white-75, .background--75 {
  --background-color: color-mix(in srgb, var(--white) 75%, transparent);
  --text-color: var(--on-white);
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-white) var(--default-color-mix-ratio), transparent);
}
.background-white-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
}

.background-white-var, .background-white, .background- {
  --background-color: var(--white);
  --text-color: var(--on-white);
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-white) var(--default-color-mix-ratio), transparent);
}
.background-white-var > .__btn::after, .background-white > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
}

.background-on-white-var, .background-on-white, .background-on- {
  --background-color: var(--on-white);
}

.background-white-explicit, .background--explicit {
  background-color: var(--white) !important;
  color: var(--on-white);
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-white) var(--default-color-mix-ratio), transparent);
}
.background-white-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-white) var(--divider-tranparency), transparent);
}

.background-on-white-explicit, .background-on--explicit {
  background-color: var(--on-white) !important;
}

.border-white-var, .border-white, .border- {
  --border-color: var(--white);
}

.border {
  border-color: inherit !important;
}

.border-white-explicit, .border--explicit {
  border-color: var(--white) !important;
}

.text-white-var, .text-white, .text- {
  --text-color: var(--white);
}

.text- {
  color: inherit !important;
}

.text-white-explicit, .text--explicit {
  color: var(--white) !important;
}

.text-on-white-var, .text-on-white, .text-on- {
  --text-color: var(--on-white);
}

.text-on-white-explicit, .text-on--explicit {
  color: var(--on-white) !important;
}

.badge-white, .badge- {
  background-color: var(--white) !important;
  color: var(--on-white);
}

.background-black-25, .background--25 {
  --background-color: color-mix(in srgb, var(--black) 25%, transparent);
  --text-color: var(--on-black);
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-black) var(--default-color-mix-ratio), transparent);
}
.background-black-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
}

.background-black-50, .background--50 {
  --background-color: color-mix(in srgb, var(--black) 50%, transparent);
  --text-color: var(--on-black);
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-black) var(--default-color-mix-ratio), transparent);
}
.background-black-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
}

.background-black-75, .background--75 {
  --background-color: color-mix(in srgb, var(--black) 75%, transparent);
  --text-color: var(--on-black);
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-black) var(--default-color-mix-ratio), transparent);
}
.background-black-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
}

.background-black-var, .background-black, .background- {
  --background-color: var(--black);
  --text-color: var(--on-black);
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-black) var(--default-color-mix-ratio), transparent);
}
.background-black-var > .__btn::after, .background-black > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
}

.background-on-black-var, .background-on-black, .background-on- {
  --background-color: var(--on-black);
}

.background-black-explicit, .background--explicit {
  background-color: var(--black) !important;
  color: var(--on-black);
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-black) var(--default-color-mix-ratio), transparent);
}
.background-black-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-black) var(--divider-tranparency), transparent);
}

.background-on-black-explicit, .background-on--explicit {
  background-color: var(--on-black) !important;
}

.border-black-var, .border-black, .border- {
  --border-color: var(--black);
}

.border {
  border-color: inherit !important;
}

.border-black-explicit, .border--explicit {
  border-color: var(--black) !important;
}

.text-black-var, .text-black, .text- {
  --text-color: var(--black);
}

.text- {
  color: inherit !important;
}

.text-black-explicit, .text--explicit {
  color: var(--black) !important;
}

.text-on-black-var, .text-on-black, .text-on- {
  --text-color: var(--on-black);
}

.text-on-black-explicit, .text-on--explicit {
  color: var(--on-black) !important;
}

.badge-black, .badge- {
  background-color: var(--black) !important;
  color: var(--on-black);
}

.background-lighten-25, .background--25 {
  --background-color: color-mix(in srgb, var(--lighten) 25%, transparent);
  --text-color: var(--on-lighten);
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-lighten) var(--default-color-mix-ratio), transparent);
}
.background-lighten-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
}

.background-lighten-50, .background--50 {
  --background-color: color-mix(in srgb, var(--lighten) 50%, transparent);
  --text-color: var(--on-lighten);
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-lighten) var(--default-color-mix-ratio), transparent);
}
.background-lighten-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
}

.background-lighten-75, .background--75 {
  --background-color: color-mix(in srgb, var(--lighten) 75%, transparent);
  --text-color: var(--on-lighten);
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-lighten) var(--default-color-mix-ratio), transparent);
}
.background-lighten-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
}

.background-lighten-var, .background-lighten, .background- {
  --background-color: var(--lighten);
  --text-color: var(--on-lighten);
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-lighten) var(--default-color-mix-ratio), transparent);
}
.background-lighten-var > .__btn::after, .background-lighten > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
}

.background-on-lighten-var, .background-on-lighten, .background-on- {
  --background-color: var(--on-lighten);
}

.background-lighten-explicit, .background--explicit {
  background-color: var(--lighten) !important;
  color: var(--on-lighten);
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-lighten) var(--default-color-mix-ratio), transparent);
}
.background-lighten-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-lighten) var(--divider-tranparency), transparent);
}

.background-on-lighten-explicit, .background-on--explicit {
  background-color: var(--on-lighten) !important;
}

.border-lighten-var, .border-lighten, .border- {
  --border-color: var(--lighten);
}

.border {
  border-color: inherit !important;
}

.border-lighten-explicit, .border--explicit {
  border-color: var(--lighten) !important;
}

.text-lighten-var, .text-lighten, .text- {
  --text-color: var(--lighten);
}

.text- {
  color: inherit !important;
}

.text-lighten-explicit, .text--explicit {
  color: var(--lighten) !important;
}

.text-on-lighten-var, .text-on-lighten, .text-on- {
  --text-color: var(--on-lighten);
}

.text-on-lighten-explicit, .text-on--explicit {
  color: var(--on-lighten) !important;
}

.badge-lighten, .badge- {
  background-color: var(--lighten) !important;
  color: var(--on-lighten);
}

.background-darken-25, .background--25 {
  --background-color: color-mix(in srgb, var(--darken) 25%, transparent);
  --text-color: var(--on-darken);
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-darken) var(--default-color-mix-ratio), transparent);
}
.background-darken-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
}

.background-darken-50, .background--50 {
  --background-color: color-mix(in srgb, var(--darken) 50%, transparent);
  --text-color: var(--on-darken);
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-darken) var(--default-color-mix-ratio), transparent);
}
.background-darken-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
}

.background-darken-75, .background--75 {
  --background-color: color-mix(in srgb, var(--darken) 75%, transparent);
  --text-color: var(--on-darken);
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-darken) var(--default-color-mix-ratio), transparent);
}
.background-darken-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
}

.background-darken-var, .background-darken, .background- {
  --background-color: var(--darken);
  --text-color: var(--on-darken);
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-darken) var(--default-color-mix-ratio), transparent);
}
.background-darken-var > .__btn::after, .background-darken > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
}

.background-on-darken-var, .background-on-darken, .background-on- {
  --background-color: var(--on-darken);
}

.background-darken-explicit, .background--explicit {
  background-color: var(--darken) !important;
  color: var(--on-darken);
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-darken) var(--default-color-mix-ratio), transparent);
}
.background-darken-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-darken) var(--divider-tranparency), transparent);
}

.background-on-darken-explicit, .background-on--explicit {
  background-color: var(--on-darken) !important;
}

.border-darken-var, .border-darken, .border- {
  --border-color: var(--darken);
}

.border {
  border-color: inherit !important;
}

.border-darken-explicit, .border--explicit {
  border-color: var(--darken) !important;
}

.text-darken-var, .text-darken, .text- {
  --text-color: var(--darken);
}

.text- {
  color: inherit !important;
}

.text-darken-explicit, .text--explicit {
  color: var(--darken) !important;
}

.text-on-darken-var, .text-on-darken, .text-on- {
  --text-color: var(--on-darken);
}

.text-on-darken-explicit, .text-on--explicit {
  color: var(--on-darken) !important;
}

.badge-darken, .badge- {
  background-color: var(--darken) !important;
  color: var(--on-darken);
}

.background-light-25, .background--25 {
  --background-color: color-mix(in srgb, var(--light) 25%, transparent);
  --text-color: var(--on-light);
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-light) var(--default-color-mix-ratio), transparent);
}
.background-light-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
}

.background-light-50, .background--50 {
  --background-color: color-mix(in srgb, var(--light) 50%, transparent);
  --text-color: var(--on-light);
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-light) var(--default-color-mix-ratio), transparent);
}
.background-light-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
}

.background-light-75, .background--75 {
  --background-color: color-mix(in srgb, var(--light) 75%, transparent);
  --text-color: var(--on-light);
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-light) var(--default-color-mix-ratio), transparent);
}
.background-light-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
}

.background-light-var, .background-light, .background- {
  --background-color: var(--light);
  --text-color: var(--on-light);
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-light) var(--default-color-mix-ratio), transparent);
}
.background-light-var > .__btn::after, .background-light > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
}

.background-on-light-var, .background-on-light, .background-on- {
  --background-color: var(--on-light);
}

.background-light-explicit, .background--explicit {
  background-color: var(--light) !important;
  color: var(--on-light);
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-light) var(--default-color-mix-ratio), transparent);
}
.background-light-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-light) var(--divider-tranparency), transparent);
}

.background-on-light-explicit, .background-on--explicit {
  background-color: var(--on-light) !important;
}

.border-light-var, .border-light, .border- {
  --border-color: var(--light);
}

.border {
  border-color: inherit !important;
}

.border-light-explicit, .border--explicit {
  border-color: var(--light) !important;
}

.text-light-var, .text-light, .text- {
  --text-color: var(--light);
}

.text- {
  color: inherit !important;
}

.text-light-explicit, .text--explicit {
  color: var(--light) !important;
}

.text-on-light-var, .text-on-light, .text-on- {
  --text-color: var(--on-light);
}

.text-on-light-explicit, .text-on--explicit {
  color: var(--on-light) !important;
}

.badge-light, .badge- {
  background-color: var(--light) !important;
  color: var(--on-light);
}

.background-dark-25, .background--25 {
  --background-color: color-mix(in srgb, var(--dark) 25%, transparent);
  --text-color: var(--on-dark);
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dark) var(--default-color-mix-ratio), transparent);
}
.background-dark-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
}

.background-dark-50, .background--50 {
  --background-color: color-mix(in srgb, var(--dark) 50%, transparent);
  --text-color: var(--on-dark);
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dark) var(--default-color-mix-ratio), transparent);
}
.background-dark-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
}

.background-dark-75, .background--75 {
  --background-color: color-mix(in srgb, var(--dark) 75%, transparent);
  --text-color: var(--on-dark);
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dark) var(--default-color-mix-ratio), transparent);
}
.background-dark-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
}

.background-dark-var, .background-dark, .background- {
  --background-color: var(--dark);
  --text-color: var(--on-dark);
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dark) var(--default-color-mix-ratio), transparent);
}
.background-dark-var > .__btn::after, .background-dark > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
}

.background-on-dark-var, .background-on-dark, .background-on- {
  --background-color: var(--on-dark);
}

.background-dark-explicit, .background--explicit {
  background-color: var(--dark) !important;
  color: var(--on-dark);
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dark) var(--default-color-mix-ratio), transparent);
}
.background-dark-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dark) var(--divider-tranparency), transparent);
}

.background-on-dark-explicit, .background-on--explicit {
  background-color: var(--on-dark) !important;
}

.border-dark-var, .border-dark, .border- {
  --border-color: var(--dark);
}

.border {
  border-color: inherit !important;
}

.border-dark-explicit, .border--explicit {
  border-color: var(--dark) !important;
}

.text-dark-var, .text-dark, .text- {
  --text-color: var(--dark);
}

.text- {
  color: inherit !important;
}

.text-dark-explicit, .text--explicit {
  color: var(--dark) !important;
}

.text-on-dark-var, .text-on-dark, .text-on- {
  --text-color: var(--on-dark);
}

.text-on-dark-explicit, .text-on--explicit {
  color: var(--on-dark) !important;
}

.badge-dark, .badge- {
  background-color: var(--dark) !important;
  color: var(--on-dark);
}

.background-dpa-25, .background--25 {
  --background-color: color-mix(in srgb, var(--dpa) 25%, transparent);
  --text-color: var(--on-dpa);
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dpa) var(--default-color-mix-ratio), transparent);
}
.background-dpa-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
}

.background-dpa-50, .background--50 {
  --background-color: color-mix(in srgb, var(--dpa) 50%, transparent);
  --text-color: var(--on-dpa);
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dpa) var(--default-color-mix-ratio), transparent);
}
.background-dpa-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
}

.background-dpa-75, .background--75 {
  --background-color: color-mix(in srgb, var(--dpa) 75%, transparent);
  --text-color: var(--on-dpa);
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dpa) var(--default-color-mix-ratio), transparent);
}
.background-dpa-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
}

.background-dpa-var, .background-dpa, .background- {
  --background-color: var(--dpa);
  --text-color: var(--on-dpa);
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dpa) var(--default-color-mix-ratio), transparent);
}
.background-dpa-var > .__btn::after, .background-dpa > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
}

.background-on-dpa-var, .background-on-dpa, .background-on- {
  --background-color: var(--on-dpa);
}

.background-dpa-explicit, .background--explicit {
  background-color: var(--dpa) !important;
  color: var(--on-dpa);
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-dpa) var(--default-color-mix-ratio), transparent);
}
.background-dpa-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-dpa) var(--divider-tranparency), transparent);
}

.background-on-dpa-explicit, .background-on--explicit {
  background-color: var(--on-dpa) !important;
}

.border-dpa-var, .border-dpa, .border- {
  --border-color: var(--dpa);
}

.border {
  border-color: inherit !important;
}

.border-dpa-explicit, .border--explicit {
  border-color: var(--dpa) !important;
}

.text-dpa-var, .text-dpa, .text- {
  --text-color: var(--dpa);
}

.text- {
  color: inherit !important;
}

.text-dpa-explicit, .text--explicit {
  color: var(--dpa) !important;
}

.text-on-dpa-var, .text-on-dpa, .text-on- {
  --text-color: var(--on-dpa);
}

.text-on-dpa-explicit, .text-on--explicit {
  color: var(--on-dpa) !important;
}

.badge-dpa, .badge- {
  background-color: var(--dpa) !important;
  color: var(--on-dpa);
}

.background-kuerschner-mid-25, .background--25 {
  --background-color: color-mix(in srgb, var(--kuerschner-mid) 25%, transparent);
  --text-color: var(--on-kuerschner-mid);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-mid-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
}

.background-kuerschner-mid-50, .background--50 {
  --background-color: color-mix(in srgb, var(--kuerschner-mid) 50%, transparent);
  --text-color: var(--on-kuerschner-mid);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-mid-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
}

.background-kuerschner-mid-75, .background--75 {
  --background-color: color-mix(in srgb, var(--kuerschner-mid) 75%, transparent);
  --text-color: var(--on-kuerschner-mid);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-mid-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
}

.background-kuerschner-mid-var, .background-kuerschner-mid, .background- {
  --background-color: var(--kuerschner-mid);
  --text-color: var(--on-kuerschner-mid);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-mid-var > .__btn::after, .background-kuerschner-mid > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
}

.background-on-kuerschner-mid-var, .background-on-kuerschner-mid, .background-on- {
  --background-color: var(--on-kuerschner-mid);
}

.background-kuerschner-mid-explicit, .background--explicit {
  background-color: var(--kuerschner-mid) !important;
  color: var(--on-kuerschner-mid);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-mid-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-mid) var(--divider-tranparency), transparent);
}

.background-on-kuerschner-mid-explicit, .background-on--explicit {
  background-color: var(--on-kuerschner-mid) !important;
}

.border-kuerschner-mid-var, .border-kuerschner-mid, .border- {
  --border-color: var(--kuerschner-mid);
}

.border {
  border-color: inherit !important;
}

.border-kuerschner-mid-explicit, .border--explicit {
  border-color: var(--kuerschner-mid) !important;
}

.text-kuerschner-mid-var, .text-kuerschner-mid, .text- {
  --text-color: var(--kuerschner-mid);
}

.text- {
  color: inherit !important;
}

.text-kuerschner-mid-explicit, .text--explicit {
  color: var(--kuerschner-mid) !important;
}

.text-on-kuerschner-mid-var, .text-on-kuerschner-mid, .text-on- {
  --text-color: var(--on-kuerschner-mid);
}

.text-on-kuerschner-mid-explicit, .text-on--explicit {
  color: var(--on-kuerschner-mid) !important;
}

.badge-kuerschner-mid, .badge- {
  background-color: var(--kuerschner-mid) !important;
  color: var(--on-kuerschner-mid);
}

.background-kuerschner-background-25, .background--25 {
  --background-color: color-mix(in srgb, var(--kuerschner-background) 25%, transparent);
  --text-color: var(--on-kuerschner-background);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-background) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-background-25 > .__btn::after, .background--25 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
}

.background-kuerschner-background-50, .background--50 {
  --background-color: color-mix(in srgb, var(--kuerschner-background) 50%, transparent);
  --text-color: var(--on-kuerschner-background);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-background) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-background-50 > .__btn::after, .background--50 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
}

.background-kuerschner-background-75, .background--75 {
  --background-color: color-mix(in srgb, var(--kuerschner-background) 75%, transparent);
  --text-color: var(--on-kuerschner-background);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-background) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-background-75 > .__btn::after, .background--75 > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
}

.background-kuerschner-background-var, .background-kuerschner-background, .background- {
  --background-color: var(--kuerschner-background);
  --text-color: var(--on-kuerschner-background);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-background) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-background-var > .__btn::after, .background-kuerschner-background > .__btn::after, .background- > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
}

.background-on-kuerschner-background-var, .background-on-kuerschner-background, .background-on- {
  --background-color: var(--on-kuerschner-background);
}

.background-kuerschner-background-explicit, .background--explicit {
  background-color: var(--kuerschner-background) !important;
  color: var(--on-kuerschner-background);
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
  --hover-color: color-mix(in srgb, var(--on-kuerschner-background) var(--default-color-mix-ratio), transparent);
}
.background-kuerschner-background-explicit > .__btn::after, .background--explicit > .__btn::after {
  --divider-color: color-mix(in srgb, var(--on-kuerschner-background) var(--divider-tranparency), transparent);
}

.background-on-kuerschner-background-explicit, .background-on--explicit {
  background-color: var(--on-kuerschner-background) !important;
}

.border-kuerschner-background-var, .border-kuerschner-background, .border- {
  --border-color: var(--kuerschner-background);
}

.border {
  border-color: inherit !important;
}

.border-kuerschner-background-explicit, .border--explicit {
  border-color: var(--kuerschner-background) !important;
}

.text-kuerschner-background-var, .text-kuerschner-background, .text- {
  --text-color: var(--kuerschner-background);
}

.text- {
  color: inherit !important;
}

.text-kuerschner-background-explicit, .text--explicit {
  color: var(--kuerschner-background) !important;
}

.text-on-kuerschner-background-var, .text-on-kuerschner-background, .text-on- {
  --text-color: var(--on-kuerschner-background);
}

.text-on-kuerschner-background-explicit, .text-on--explicit {
  color: var(--on-kuerschner-background) !important;
}

.badge-kuerschner-background, .badge- {
  background-color: var(--kuerschner-background) !important;
  color: var(--on-kuerschner-background);
}

.is-in-dev, .is-in-dev * {
  --background-color: red !important;
  --text-color: white !important;
}

.background-backend {
  background: repeating-linear-gradient(-45deg, var(--greyscale-mid), var(--greyscale-mid) 15px, var(--greyscale-bright) 15px, var(--greyscale-bright) 30px);
}

.background-draft {
  background: repeating-linear-gradient(-45deg, var(--warning-clear), var(--warning-clear) 15px, var(--warning-bright) 15px, var(--warning-bright) 30px);
}

.background-ai {
  --background-color: linear-gradient(to bottom right, #8C81F9 0%, #464BD4 100%);
  --text-color: var(--white);
}

.gradient-top {
  position: relative;
}
.gradient-top::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 20px;
  background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  pointer-events: none;
}

.bordered {
  border: 1px solid var(--border-color, var(--background-color));
}

.clickable {
  cursor: pointer;
}

.hint {
  cursor: help;
}

.pointer-events-all {
  pointer-events: all;
}

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

.default-cursor {
  cursor: default;
}

.unimportant {
  opacity: 0.55;
}
.unimportant.clickable:hover {
  opacity: 0.65;
}

.invisible {
  visibility: hidden;
}

.hoverable:not(:hover) .on-hover-shown {
  display: none;
}
.hoverable:not(:hover) .on-hover-visible {
  visibility: hidden;
}

.line-overflow-break {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

.block-action {
  margin-top: 0.8em;
  text-align: right;
}
.block-action + .block-action a {
  color: var(--crucial-dim) !important;
}

.image {
  position: relative;
}
.image .image-copyright-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--primary-dim) !important;
  text-align: left;
  font-size: 0.8em;
}
.image .image-copyright-info .info-btn {
  background: rgba(255, 255, 255, 0.75);
  display: inline-block;
  text-align: center;
  padding: 3px 6px;
}
.image .image-copyright-info .info-text {
  background: rgba(255, 255, 255, 0.75);
  padding: 0.5em;
}
.image .image-copyright-info .info-text > a {
  color: var(--primary-dim) !important;
}

.image-subtitle {
  font-weight: 600;
  margin-top: 0.5em;
  padding-bottom: 1.5em;
}

.image-sub-subtitle {
  color: var(--essential-dim);
}
.image-subtitle + .image-sub-subtitle {
  margin-top: -1.5em;
  padding-bottom: 1.5em;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-strong {
  font-weight: 700;
}

.text-with-highlighting em {
  font-style: inherit;
  background-color: var(--search-highlight);
  outline: 2px solid var(--search-highlight);
}

.stand-out-headline {
  color: var(--primary-dim) !important;
  text-align: center;
  text-transform: none;
  letter-spacing: normal;
  font-weight: 700;
  font-size: 2em;
  display: inline-block;
  border-top: 1px solid var(--primary-dim);
  border-bottom: 1px solid var(--primary-dim);
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.stand-out-lines {
  border-top: 1px solid var(--primary-dim);
  border-bottom: 1px solid var(--primary-dim);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-top: 20px;
  margin-bottom: 20px;
}
.stand-out-lines.condensed {
  margin-top: 10px;
  margin-bottom: 10px;
}
.stand-out-lines.no-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.stand-out-lines.collapsed {
  padding: 0;
  border-bottom: none;
}
.stand-out-lines.bottom, .stand-out-lines.condensed.bottom, .stand-out-lines.wide.bottom {
  margin-top: 0;
}
.stand-out-lines.top, .stand-out-lines.condensed.top, .stand-out-lines.wide.top {
  margin-bottom: 0;
}

.stand-out {
  margin-top: 25px;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .stand-out.wide {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.stand-out.condensed {
  margin-top: 10px;
  margin-bottom: 10px;
}
.stand-out.bottom, .stand-out.condensed.bottom, .stand-out.wide.bottom {
  margin-top: 0;
}
.stand-out.top, .stand-out.condensed.top, .stand-out.wide.top {
  margin-bottom: 0;
}

@media (min-width: 0px) {
  .columns-2-spaceless {
    column-count: 2;
    gap: 0px;
  }
  .columns-2-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-spaceless {
    column-count: 3;
    gap: 0px;
  }
  .columns-3-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-condensed {
    column-count: 2;
    gap: 5px;
  }
  .columns-2-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-condensed {
    column-count: 3;
    gap: 5px;
  }
  .columns-3-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-spaced {
    column-count: 2;
    gap: 10px;
  }
  .columns-2-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-spaced {
    column-count: 3;
    gap: 10px;
  }
  .columns-3-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-normal {
    column-count: 2;
    gap: 15px;
  }
  .columns-2-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-normal {
    column-count: 3;
    gap: 15px;
  }
  .columns-3-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2 {
    column-count: 2;
    gap: 15px;
  }
  .columns-2.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3 {
    column-count: 3;
    gap: 15px;
  }
  .columns-3.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-semi-wide {
    column-count: 2;
    gap: 20px;
  }
  .columns-2-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-semi-wide {
    column-count: 3;
    gap: 20px;
  }
  .columns-3-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-wide {
    column-count: 2;
    gap: 30px;
  }
  .columns-2-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-wide {
    column-count: 3;
    gap: 30px;
  }
  .columns-3-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-large {
    column-count: 2;
    gap: 60px;
  }
  .columns-2-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-large {
    column-count: 3;
    gap: 60px;
  }
  .columns-3-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-huge {
    column-count: 2;
    gap: 90px;
  }
  .columns-2-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-huge {
    column-count: 3;
    gap: 90px;
  }
  .columns-3-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-ncondensed {
    column-count: 2;
    gap: -5px;
  }
  .columns-2-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-ncondensed {
    column-count: 3;
    gap: -5px;
  }
  .columns-3-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-nspaced {
    column-count: 2;
    gap: -10px;
  }
  .columns-2-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-nspaced {
    column-count: 3;
    gap: -10px;
  }
  .columns-3-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-nnormal {
    column-count: 2;
    gap: -15px;
  }
  .columns-2-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-nnormal {
    column-count: 3;
    gap: -15px;
  }
  .columns-3-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-nsemi-wide {
    column-count: 2;
    gap: -20px;
  }
  .columns-2-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-nsemi-wide {
    column-count: 3;
    gap: -20px;
  }
  .columns-3-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-nwide {
    column-count: 2;
    gap: -30px;
  }
  .columns-2-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-nwide {
    column-count: 3;
    gap: -30px;
  }
  .columns-3-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-nlarge {
    column-count: 2;
    gap: -60px;
  }
  .columns-2-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-nlarge {
    column-count: 3;
    gap: -60px;
  }
  .columns-3-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-2-nhuge {
    column-count: 2;
    gap: -90px;
  }
  .columns-2-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-3-nhuge {
    column-count: 3;
    gap: -90px;
  }
  .columns-3-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 576px) {
  .columns-sm-2-spaceless {
    column-count: 2;
    gap: 0px;
  }
  .columns-sm-2-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-spaceless {
    column-count: 3;
    gap: 0px;
  }
  .columns-sm-3-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-condensed {
    column-count: 2;
    gap: 5px;
  }
  .columns-sm-2-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-condensed {
    column-count: 3;
    gap: 5px;
  }
  .columns-sm-3-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-spaced {
    column-count: 2;
    gap: 10px;
  }
  .columns-sm-2-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-spaced {
    column-count: 3;
    gap: 10px;
  }
  .columns-sm-3-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-normal {
    column-count: 2;
    gap: 15px;
  }
  .columns-sm-2-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-normal {
    column-count: 3;
    gap: 15px;
  }
  .columns-sm-3-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2 {
    column-count: 2;
    gap: 15px;
  }
  .columns-sm-2.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3 {
    column-count: 3;
    gap: 15px;
  }
  .columns-sm-3.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-semi-wide {
    column-count: 2;
    gap: 20px;
  }
  .columns-sm-2-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-semi-wide {
    column-count: 3;
    gap: 20px;
  }
  .columns-sm-3-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-wide {
    column-count: 2;
    gap: 30px;
  }
  .columns-sm-2-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-wide {
    column-count: 3;
    gap: 30px;
  }
  .columns-sm-3-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-large {
    column-count: 2;
    gap: 60px;
  }
  .columns-sm-2-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-large {
    column-count: 3;
    gap: 60px;
  }
  .columns-sm-3-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-huge {
    column-count: 2;
    gap: 90px;
  }
  .columns-sm-2-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-huge {
    column-count: 3;
    gap: 90px;
  }
  .columns-sm-3-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-ncondensed {
    column-count: 2;
    gap: -5px;
  }
  .columns-sm-2-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-ncondensed {
    column-count: 3;
    gap: -5px;
  }
  .columns-sm-3-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-nspaced {
    column-count: 2;
    gap: -10px;
  }
  .columns-sm-2-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-nspaced {
    column-count: 3;
    gap: -10px;
  }
  .columns-sm-3-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-nnormal {
    column-count: 2;
    gap: -15px;
  }
  .columns-sm-2-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-nnormal {
    column-count: 3;
    gap: -15px;
  }
  .columns-sm-3-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-nsemi-wide {
    column-count: 2;
    gap: -20px;
  }
  .columns-sm-2-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-nsemi-wide {
    column-count: 3;
    gap: -20px;
  }
  .columns-sm-3-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-nwide {
    column-count: 2;
    gap: -30px;
  }
  .columns-sm-2-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-nwide {
    column-count: 3;
    gap: -30px;
  }
  .columns-sm-3-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-nlarge {
    column-count: 2;
    gap: -60px;
  }
  .columns-sm-2-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-nlarge {
    column-count: 3;
    gap: -60px;
  }
  .columns-sm-3-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-2-nhuge {
    column-count: 2;
    gap: -90px;
  }
  .columns-sm-2-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-sm-3-nhuge {
    column-count: 3;
    gap: -90px;
  }
  .columns-sm-3-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .columns-md-2-spaceless {
    column-count: 2;
    gap: 0px;
  }
  .columns-md-2-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-spaceless {
    column-count: 3;
    gap: 0px;
  }
  .columns-md-3-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-condensed {
    column-count: 2;
    gap: 5px;
  }
  .columns-md-2-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-condensed {
    column-count: 3;
    gap: 5px;
  }
  .columns-md-3-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-spaced {
    column-count: 2;
    gap: 10px;
  }
  .columns-md-2-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-spaced {
    column-count: 3;
    gap: 10px;
  }
  .columns-md-3-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-normal {
    column-count: 2;
    gap: 15px;
  }
  .columns-md-2-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-normal {
    column-count: 3;
    gap: 15px;
  }
  .columns-md-3-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2 {
    column-count: 2;
    gap: 15px;
  }
  .columns-md-2.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3 {
    column-count: 3;
    gap: 15px;
  }
  .columns-md-3.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-semi-wide {
    column-count: 2;
    gap: 20px;
  }
  .columns-md-2-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-semi-wide {
    column-count: 3;
    gap: 20px;
  }
  .columns-md-3-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-wide {
    column-count: 2;
    gap: 30px;
  }
  .columns-md-2-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-wide {
    column-count: 3;
    gap: 30px;
  }
  .columns-md-3-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-large {
    column-count: 2;
    gap: 60px;
  }
  .columns-md-2-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-large {
    column-count: 3;
    gap: 60px;
  }
  .columns-md-3-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-huge {
    column-count: 2;
    gap: 90px;
  }
  .columns-md-2-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-huge {
    column-count: 3;
    gap: 90px;
  }
  .columns-md-3-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-ncondensed {
    column-count: 2;
    gap: -5px;
  }
  .columns-md-2-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-ncondensed {
    column-count: 3;
    gap: -5px;
  }
  .columns-md-3-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-nspaced {
    column-count: 2;
    gap: -10px;
  }
  .columns-md-2-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-nspaced {
    column-count: 3;
    gap: -10px;
  }
  .columns-md-3-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-nnormal {
    column-count: 2;
    gap: -15px;
  }
  .columns-md-2-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-nnormal {
    column-count: 3;
    gap: -15px;
  }
  .columns-md-3-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-nsemi-wide {
    column-count: 2;
    gap: -20px;
  }
  .columns-md-2-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-nsemi-wide {
    column-count: 3;
    gap: -20px;
  }
  .columns-md-3-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-nwide {
    column-count: 2;
    gap: -30px;
  }
  .columns-md-2-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-nwide {
    column-count: 3;
    gap: -30px;
  }
  .columns-md-3-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-nlarge {
    column-count: 2;
    gap: -60px;
  }
  .columns-md-2-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-nlarge {
    column-count: 3;
    gap: -60px;
  }
  .columns-md-3-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-2-nhuge {
    column-count: 2;
    gap: -90px;
  }
  .columns-md-2-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-md-3-nhuge {
    column-count: 3;
    gap: -90px;
  }
  .columns-md-3-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .columns-lg-2-spaceless {
    column-count: 2;
    gap: 0px;
  }
  .columns-lg-2-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-spaceless {
    column-count: 3;
    gap: 0px;
  }
  .columns-lg-3-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-condensed {
    column-count: 2;
    gap: 5px;
  }
  .columns-lg-2-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-condensed {
    column-count: 3;
    gap: 5px;
  }
  .columns-lg-3-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-spaced {
    column-count: 2;
    gap: 10px;
  }
  .columns-lg-2-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-spaced {
    column-count: 3;
    gap: 10px;
  }
  .columns-lg-3-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-normal {
    column-count: 2;
    gap: 15px;
  }
  .columns-lg-2-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-normal {
    column-count: 3;
    gap: 15px;
  }
  .columns-lg-3-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2 {
    column-count: 2;
    gap: 15px;
  }
  .columns-lg-2.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3 {
    column-count: 3;
    gap: 15px;
  }
  .columns-lg-3.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-semi-wide {
    column-count: 2;
    gap: 20px;
  }
  .columns-lg-2-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-semi-wide {
    column-count: 3;
    gap: 20px;
  }
  .columns-lg-3-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-wide {
    column-count: 2;
    gap: 30px;
  }
  .columns-lg-2-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-wide {
    column-count: 3;
    gap: 30px;
  }
  .columns-lg-3-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-large {
    column-count: 2;
    gap: 60px;
  }
  .columns-lg-2-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-large {
    column-count: 3;
    gap: 60px;
  }
  .columns-lg-3-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-huge {
    column-count: 2;
    gap: 90px;
  }
  .columns-lg-2-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-huge {
    column-count: 3;
    gap: 90px;
  }
  .columns-lg-3-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-ncondensed {
    column-count: 2;
    gap: -5px;
  }
  .columns-lg-2-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-ncondensed {
    column-count: 3;
    gap: -5px;
  }
  .columns-lg-3-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-nspaced {
    column-count: 2;
    gap: -10px;
  }
  .columns-lg-2-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-nspaced {
    column-count: 3;
    gap: -10px;
  }
  .columns-lg-3-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-nnormal {
    column-count: 2;
    gap: -15px;
  }
  .columns-lg-2-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-nnormal {
    column-count: 3;
    gap: -15px;
  }
  .columns-lg-3-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-nsemi-wide {
    column-count: 2;
    gap: -20px;
  }
  .columns-lg-2-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-nsemi-wide {
    column-count: 3;
    gap: -20px;
  }
  .columns-lg-3-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-nwide {
    column-count: 2;
    gap: -30px;
  }
  .columns-lg-2-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-nwide {
    column-count: 3;
    gap: -30px;
  }
  .columns-lg-3-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-nlarge {
    column-count: 2;
    gap: -60px;
  }
  .columns-lg-2-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-nlarge {
    column-count: 3;
    gap: -60px;
  }
  .columns-lg-3-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-2-nhuge {
    column-count: 2;
    gap: -90px;
  }
  .columns-lg-2-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-lg-3-nhuge {
    column-count: 3;
    gap: -90px;
  }
  .columns-lg-3-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .columns-xl-2-spaceless {
    column-count: 2;
    gap: 0px;
  }
  .columns-xl-2-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-spaceless {
    column-count: 3;
    gap: 0px;
  }
  .columns-xl-3-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-condensed {
    column-count: 2;
    gap: 5px;
  }
  .columns-xl-2-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-condensed {
    column-count: 3;
    gap: 5px;
  }
  .columns-xl-3-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-spaced {
    column-count: 2;
    gap: 10px;
  }
  .columns-xl-2-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-spaced {
    column-count: 3;
    gap: 10px;
  }
  .columns-xl-3-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-normal {
    column-count: 2;
    gap: 15px;
  }
  .columns-xl-2-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-normal {
    column-count: 3;
    gap: 15px;
  }
  .columns-xl-3-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2 {
    column-count: 2;
    gap: 15px;
  }
  .columns-xl-2.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3 {
    column-count: 3;
    gap: 15px;
  }
  .columns-xl-3.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-semi-wide {
    column-count: 2;
    gap: 20px;
  }
  .columns-xl-2-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-semi-wide {
    column-count: 3;
    gap: 20px;
  }
  .columns-xl-3-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-wide {
    column-count: 2;
    gap: 30px;
  }
  .columns-xl-2-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-wide {
    column-count: 3;
    gap: 30px;
  }
  .columns-xl-3-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-large {
    column-count: 2;
    gap: 60px;
  }
  .columns-xl-2-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-large {
    column-count: 3;
    gap: 60px;
  }
  .columns-xl-3-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-huge {
    column-count: 2;
    gap: 90px;
  }
  .columns-xl-2-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-huge {
    column-count: 3;
    gap: 90px;
  }
  .columns-xl-3-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-ncondensed {
    column-count: 2;
    gap: -5px;
  }
  .columns-xl-2-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-ncondensed {
    column-count: 3;
    gap: -5px;
  }
  .columns-xl-3-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-nspaced {
    column-count: 2;
    gap: -10px;
  }
  .columns-xl-2-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-nspaced {
    column-count: 3;
    gap: -10px;
  }
  .columns-xl-3-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-nnormal {
    column-count: 2;
    gap: -15px;
  }
  .columns-xl-2-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-nnormal {
    column-count: 3;
    gap: -15px;
  }
  .columns-xl-3-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-nsemi-wide {
    column-count: 2;
    gap: -20px;
  }
  .columns-xl-2-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-nsemi-wide {
    column-count: 3;
    gap: -20px;
  }
  .columns-xl-3-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-nwide {
    column-count: 2;
    gap: -30px;
  }
  .columns-xl-2-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-nwide {
    column-count: 3;
    gap: -30px;
  }
  .columns-xl-3-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-nlarge {
    column-count: 2;
    gap: -60px;
  }
  .columns-xl-2-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-nlarge {
    column-count: 3;
    gap: -60px;
  }
  .columns-xl-3-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-2-nhuge {
    column-count: 2;
    gap: -90px;
  }
  .columns-xl-2-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xl-3-nhuge {
    column-count: 3;
    gap: -90px;
  }
  .columns-xl-3-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .columns-xxl-2-spaceless {
    column-count: 2;
    gap: 0px;
  }
  .columns-xxl-2-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-spaceless {
    column-count: 3;
    gap: 0px;
  }
  .columns-xxl-3-spaceless.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-condensed {
    column-count: 2;
    gap: 5px;
  }
  .columns-xxl-2-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-condensed {
    column-count: 3;
    gap: 5px;
  }
  .columns-xxl-3-condensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-spaced {
    column-count: 2;
    gap: 10px;
  }
  .columns-xxl-2-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-spaced {
    column-count: 3;
    gap: 10px;
  }
  .columns-xxl-3-spaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-normal {
    column-count: 2;
    gap: 15px;
  }
  .columns-xxl-2-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-normal {
    column-count: 3;
    gap: 15px;
  }
  .columns-xxl-3-normal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2 {
    column-count: 2;
    gap: 15px;
  }
  .columns-xxl-2.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3 {
    column-count: 3;
    gap: 15px;
  }
  .columns-xxl-3.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-semi-wide {
    column-count: 2;
    gap: 20px;
  }
  .columns-xxl-2-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-semi-wide {
    column-count: 3;
    gap: 20px;
  }
  .columns-xxl-3-semi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-wide {
    column-count: 2;
    gap: 30px;
  }
  .columns-xxl-2-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-wide {
    column-count: 3;
    gap: 30px;
  }
  .columns-xxl-3-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-large {
    column-count: 2;
    gap: 60px;
  }
  .columns-xxl-2-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-large {
    column-count: 3;
    gap: 60px;
  }
  .columns-xxl-3-large.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-huge {
    column-count: 2;
    gap: 90px;
  }
  .columns-xxl-2-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-huge {
    column-count: 3;
    gap: 90px;
  }
  .columns-xxl-3-huge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-ncondensed {
    column-count: 2;
    gap: -5px;
  }
  .columns-xxl-2-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-ncondensed {
    column-count: 3;
    gap: -5px;
  }
  .columns-xxl-3-ncondensed.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-nspaced {
    column-count: 2;
    gap: -10px;
  }
  .columns-xxl-2-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-nspaced {
    column-count: 3;
    gap: -10px;
  }
  .columns-xxl-3-nspaced.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-nnormal {
    column-count: 2;
    gap: -15px;
  }
  .columns-xxl-2-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-nnormal {
    column-count: 3;
    gap: -15px;
  }
  .columns-xxl-3-nnormal.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-nsemi-wide {
    column-count: 2;
    gap: -20px;
  }
  .columns-xxl-2-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-nsemi-wide {
    column-count: 3;
    gap: -20px;
  }
  .columns-xxl-3-nsemi-wide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-nwide {
    column-count: 2;
    gap: -30px;
  }
  .columns-xxl-2-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-nwide {
    column-count: 3;
    gap: -30px;
  }
  .columns-xxl-3-nwide.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-nlarge {
    column-count: 2;
    gap: -60px;
  }
  .columns-xxl-2-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-nlarge {
    column-count: 3;
    gap: -60px;
  }
  .columns-xxl-3-nlarge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-2-nhuge {
    column-count: 2;
    gap: -90px;
  }
  .columns-xxl-2-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }

  .columns-xxl-3-nhuge {
    column-count: 3;
    gap: -90px;
  }
  .columns-xxl-3-nhuge.columns-boundary-fix > * {
    display: inline-block;
    width: 100%;
  }
}
.no-wrap {
  white-space: nowrap;
  flex-wrap: nowrap;
}

hr {
  width: 100%;
  border-color: var(--divider-color);
  margin-top: 15px;
  margin-bottom: 15px;
}

.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.center-content-y {
  display: flex;
  align-items: center;
  justify-content: start;
}

@media (min-width: 0px) {
  .horizontal-layout-spaceless, .horizontal-layout-spaceless-compressed {
    display: flex;
    gap: 0px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-spaceless.vertical-gap-spaceless, .horizontal-layout-spaceless-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-spaceless.vertical-gap-condensed, .horizontal-layout-spaceless-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-spaceless.vertical-gap-spaced, .horizontal-layout-spaceless-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-spaceless.vertical-gap-normal, .horizontal-layout-spaceless-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-spaceless.vertical-gap, .horizontal-layout-spaceless-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-spaceless.vertical-gap-semi-wide, .horizontal-layout-spaceless-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-spaceless.vertical-gap-wide, .horizontal-layout-spaceless-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-spaceless.vertical-gap-large, .horizontal-layout-spaceless-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-spaceless.vertical-gap-huge, .horizontal-layout-spaceless-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-spaceless.vertical-gap-ncondensed, .horizontal-layout-spaceless-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-spaceless.vertical-gap-nspaced, .horizontal-layout-spaceless-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-spaceless.vertical-gap-nnormal, .horizontal-layout-spaceless-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-spaceless.vertical-gap-nsemi-wide, .horizontal-layout-spaceless-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-spaceless.vertical-gap-nwide, .horizontal-layout-spaceless-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-spaceless.vertical-gap-nlarge, .horizontal-layout-spaceless-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-spaceless.vertical-gap-nhuge, .horizontal-layout-spaceless-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-spaceless.with-divider, .horizontal-layout-spaceless-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-spaceless.with-divider > *:not(:last-child), .horizontal-layout-spaceless-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-spaceless.with-divider > *:not(:last-child)::after, .horizontal-layout-spaceless-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-spaceless-compressed {
    gap: 0;
  }
  .horizontal-layout-spaceless-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: 0px;
  }

  .vertical-layout-spaceless {
    display: flex;
    gap: 0px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-spaceless.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-spaceless.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-spaceless.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-spaceless.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-spaceless.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-spaceless.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-spaceless.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-spaceless.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-spaceless.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-spaceless.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-spaceless.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-spaceless.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-spaceless.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-spaceless.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-spaceless.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-spaceless.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-spaceless.with-divider > *, .vertical-layout-spaceless.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-spaceless.with-divider > *:not(:last-child)::after, .vertical-layout-spaceless.with-divider-ends > *::before, .vertical-layout-spaceless.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-spaceless.with-divider-ends > *:first-child::before {
    top: calc(-0px / 2);
    bottom: initial;
  }

  .horizontal-layout-condensed, .horizontal-layout-condensed-compressed {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-condensed.vertical-gap-spaceless, .horizontal-layout-condensed-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-condensed.vertical-gap-condensed, .horizontal-layout-condensed-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-condensed.vertical-gap-spaced, .horizontal-layout-condensed-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-condensed.vertical-gap-normal, .horizontal-layout-condensed-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-condensed.vertical-gap, .horizontal-layout-condensed-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-condensed.vertical-gap-semi-wide, .horizontal-layout-condensed-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-condensed.vertical-gap-wide, .horizontal-layout-condensed-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-condensed.vertical-gap-large, .horizontal-layout-condensed-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-condensed.vertical-gap-huge, .horizontal-layout-condensed-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-condensed.vertical-gap-ncondensed, .horizontal-layout-condensed-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-condensed.vertical-gap-nspaced, .horizontal-layout-condensed-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-condensed.vertical-gap-nnormal, .horizontal-layout-condensed-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-condensed.vertical-gap-nsemi-wide, .horizontal-layout-condensed-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-condensed.vertical-gap-nwide, .horizontal-layout-condensed-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-condensed.vertical-gap-nlarge, .horizontal-layout-condensed-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-condensed.vertical-gap-nhuge, .horizontal-layout-condensed-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-condensed.with-divider, .horizontal-layout-condensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-condensed.with-divider > *:not(:last-child), .horizontal-layout-condensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-condensed.with-divider > *:not(:last-child)::after, .horizontal-layout-condensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-condensed-compressed {
    gap: 0;
  }
  .horizontal-layout-condensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -5px;
  }

  .vertical-layout-condensed {
    display: flex;
    gap: 5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-condensed.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-condensed.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-condensed.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-condensed.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-condensed.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-condensed.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-condensed.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-condensed.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-condensed.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-condensed.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-condensed.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-condensed.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-condensed.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-condensed.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-condensed.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-condensed.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-condensed.with-divider > *, .vertical-layout-condensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-condensed.with-divider > *:not(:last-child)::after, .vertical-layout-condensed.with-divider-ends > *::before, .vertical-layout-condensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-condensed.with-divider-ends > *:first-child::before {
    top: calc(-5px / 2);
    bottom: initial;
  }

  .horizontal-layout-spaced, .horizontal-layout-spaced-compressed {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-spaced.vertical-gap-spaceless, .horizontal-layout-spaced-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-spaced.vertical-gap-condensed, .horizontal-layout-spaced-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-spaced.vertical-gap-spaced, .horizontal-layout-spaced-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-spaced.vertical-gap-normal, .horizontal-layout-spaced-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-spaced.vertical-gap, .horizontal-layout-spaced-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-spaced.vertical-gap-semi-wide, .horizontal-layout-spaced-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-spaced.vertical-gap-wide, .horizontal-layout-spaced-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-spaced.vertical-gap-large, .horizontal-layout-spaced-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-spaced.vertical-gap-huge, .horizontal-layout-spaced-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-spaced.vertical-gap-ncondensed, .horizontal-layout-spaced-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-spaced.vertical-gap-nspaced, .horizontal-layout-spaced-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-spaced.vertical-gap-nnormal, .horizontal-layout-spaced-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-spaced.vertical-gap-nsemi-wide, .horizontal-layout-spaced-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-spaced.vertical-gap-nwide, .horizontal-layout-spaced-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-spaced.vertical-gap-nlarge, .horizontal-layout-spaced-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-spaced.vertical-gap-nhuge, .horizontal-layout-spaced-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-spaced.with-divider, .horizontal-layout-spaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-spaced.with-divider > *:not(:last-child), .horizontal-layout-spaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-spaced.with-divider > *:not(:last-child)::after, .horizontal-layout-spaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-spaced-compressed {
    gap: 0;
  }
  .horizontal-layout-spaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -10px;
  }

  .vertical-layout-spaced {
    display: flex;
    gap: 10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-spaced.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-spaced.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-spaced.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-spaced.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-spaced.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-spaced.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-spaced.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-spaced.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-spaced.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-spaced.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-spaced.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-spaced.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-spaced.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-spaced.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-spaced.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-spaced.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-spaced.with-divider > *, .vertical-layout-spaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-spaced.with-divider > *:not(:last-child)::after, .vertical-layout-spaced.with-divider-ends > *::before, .vertical-layout-spaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-spaced.with-divider-ends > *:first-child::before {
    top: calc(-10px / 2);
    bottom: initial;
  }

  .horizontal-layout-normal, .horizontal-layout-normal-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-normal.vertical-gap-spaceless, .horizontal-layout-normal-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-normal.vertical-gap-condensed, .horizontal-layout-normal-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-normal.vertical-gap-spaced, .horizontal-layout-normal-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-normal.vertical-gap-normal, .horizontal-layout-normal-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-normal.vertical-gap, .horizontal-layout-normal-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-normal.vertical-gap-semi-wide, .horizontal-layout-normal-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-normal.vertical-gap-wide, .horizontal-layout-normal-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-normal.vertical-gap-large, .horizontal-layout-normal-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-normal.vertical-gap-huge, .horizontal-layout-normal-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-normal.vertical-gap-ncondensed, .horizontal-layout-normal-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-normal.vertical-gap-nspaced, .horizontal-layout-normal-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-normal.vertical-gap-nnormal, .horizontal-layout-normal-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-normal.vertical-gap-nsemi-wide, .horizontal-layout-normal-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-normal.vertical-gap-nwide, .horizontal-layout-normal-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-normal.vertical-gap-nlarge, .horizontal-layout-normal-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-normal.vertical-gap-nhuge, .horizontal-layout-normal-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-normal.with-divider, .horizontal-layout-normal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-normal.with-divider > *:not(:last-child), .horizontal-layout-normal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-normal.with-divider > *:not(:last-child)::after, .horizontal-layout-normal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-normal-compressed {
    gap: 0;
  }
  .horizontal-layout-normal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-normal {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-normal.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-normal.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-normal.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-normal.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-normal.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-normal.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-normal.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-normal.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-normal.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-normal.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-normal.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-normal.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-normal.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-normal.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-normal.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-normal.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-normal.with-divider > *, .vertical-layout-normal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-normal.with-divider > *:not(:last-child)::after, .vertical-layout-normal.with-divider-ends > *::before, .vertical-layout-normal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-normal.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout, .horizontal-layout-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout.vertical-gap-spaceless, .horizontal-layout-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout.vertical-gap-condensed, .horizontal-layout-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout.vertical-gap-spaced, .horizontal-layout-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout.vertical-gap-normal, .horizontal-layout-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout.vertical-gap, .horizontal-layout-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout.vertical-gap-semi-wide, .horizontal-layout-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout.vertical-gap-wide, .horizontal-layout-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout.vertical-gap-large, .horizontal-layout-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout.vertical-gap-huge, .horizontal-layout-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout.vertical-gap-ncondensed, .horizontal-layout-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout.vertical-gap-nspaced, .horizontal-layout-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout.vertical-gap-nnormal, .horizontal-layout-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout.vertical-gap-nsemi-wide, .horizontal-layout-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout.vertical-gap-nwide, .horizontal-layout-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout.vertical-gap-nlarge, .horizontal-layout-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout.vertical-gap-nhuge, .horizontal-layout-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout.with-divider, .horizontal-layout-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout.with-divider > *:not(:last-child), .horizontal-layout-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout.with-divider > *:not(:last-child)::after, .horizontal-layout-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-compressed {
    gap: 0;
  }
  .horizontal-layout-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout.with-divider > *, .vertical-layout.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout.with-divider > *:not(:last-child)::after, .vertical-layout.with-divider-ends > *::before, .vertical-layout.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-semi-wide, .horizontal-layout-semi-wide-compressed {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-semi-wide.vertical-gap-spaceless, .horizontal-layout-semi-wide-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-semi-wide.vertical-gap-condensed, .horizontal-layout-semi-wide-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-semi-wide.vertical-gap-spaced, .horizontal-layout-semi-wide-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-semi-wide.vertical-gap-normal, .horizontal-layout-semi-wide-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-semi-wide.vertical-gap, .horizontal-layout-semi-wide-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-semi-wide.vertical-gap-semi-wide, .horizontal-layout-semi-wide-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-semi-wide.vertical-gap-wide, .horizontal-layout-semi-wide-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-semi-wide.vertical-gap-large, .horizontal-layout-semi-wide-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-semi-wide.vertical-gap-huge, .horizontal-layout-semi-wide-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-semi-wide.vertical-gap-ncondensed, .horizontal-layout-semi-wide-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-semi-wide.vertical-gap-nspaced, .horizontal-layout-semi-wide-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-semi-wide.vertical-gap-nnormal, .horizontal-layout-semi-wide-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-semi-wide.vertical-gap-nsemi-wide, .horizontal-layout-semi-wide-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-semi-wide.vertical-gap-nwide, .horizontal-layout-semi-wide-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-semi-wide.vertical-gap-nlarge, .horizontal-layout-semi-wide-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-semi-wide.vertical-gap-nhuge, .horizontal-layout-semi-wide-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-semi-wide.with-divider, .horizontal-layout-semi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-semi-wide.with-divider > *:not(:last-child), .horizontal-layout-semi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-semi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-semi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-semi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-semi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -20px;
  }

  .vertical-layout-semi-wide {
    display: flex;
    gap: 20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-semi-wide.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-semi-wide.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-semi-wide.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-semi-wide.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-semi-wide.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-semi-wide.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-semi-wide.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-semi-wide.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-semi-wide.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-semi-wide.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-semi-wide.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-semi-wide.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-semi-wide.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-semi-wide.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-semi-wide.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-semi-wide.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-semi-wide.with-divider > *, .vertical-layout-semi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-semi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-semi-wide.with-divider-ends > *::before, .vertical-layout-semi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-semi-wide.with-divider-ends > *:first-child::before {
    top: calc(-20px / 2);
    bottom: initial;
  }

  .horizontal-layout-wide, .horizontal-layout-wide-compressed {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-wide.vertical-gap-spaceless, .horizontal-layout-wide-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-wide.vertical-gap-condensed, .horizontal-layout-wide-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-wide.vertical-gap-spaced, .horizontal-layout-wide-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-wide.vertical-gap-normal, .horizontal-layout-wide-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-wide.vertical-gap, .horizontal-layout-wide-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-wide.vertical-gap-semi-wide, .horizontal-layout-wide-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-wide.vertical-gap-wide, .horizontal-layout-wide-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-wide.vertical-gap-large, .horizontal-layout-wide-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-wide.vertical-gap-huge, .horizontal-layout-wide-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-wide.vertical-gap-ncondensed, .horizontal-layout-wide-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-wide.vertical-gap-nspaced, .horizontal-layout-wide-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-wide.vertical-gap-nnormal, .horizontal-layout-wide-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-wide.vertical-gap-nsemi-wide, .horizontal-layout-wide-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-wide.vertical-gap-nwide, .horizontal-layout-wide-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-wide.vertical-gap-nlarge, .horizontal-layout-wide-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-wide.vertical-gap-nhuge, .horizontal-layout-wide-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-wide.with-divider, .horizontal-layout-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-wide.with-divider > *:not(:last-child), .horizontal-layout-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -30px;
  }

  .vertical-layout-wide {
    display: flex;
    gap: 30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-wide.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-wide.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-wide.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-wide.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-wide.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-wide.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-wide.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-wide.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-wide.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-wide.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-wide.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-wide.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-wide.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-wide.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-wide.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-wide.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-wide.with-divider > *, .vertical-layout-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-wide.with-divider > *:not(:last-child)::after, .vertical-layout-wide.with-divider-ends > *::before, .vertical-layout-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-wide.with-divider-ends > *:first-child::before {
    top: calc(-30px / 2);
    bottom: initial;
  }

  .horizontal-layout-large, .horizontal-layout-large-compressed {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-large.vertical-gap-spaceless, .horizontal-layout-large-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-large.vertical-gap-condensed, .horizontal-layout-large-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-large.vertical-gap-spaced, .horizontal-layout-large-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-large.vertical-gap-normal, .horizontal-layout-large-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-large.vertical-gap, .horizontal-layout-large-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-large.vertical-gap-semi-wide, .horizontal-layout-large-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-large.vertical-gap-wide, .horizontal-layout-large-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-large.vertical-gap-large, .horizontal-layout-large-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-large.vertical-gap-huge, .horizontal-layout-large-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-large.vertical-gap-ncondensed, .horizontal-layout-large-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-large.vertical-gap-nspaced, .horizontal-layout-large-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-large.vertical-gap-nnormal, .horizontal-layout-large-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-large.vertical-gap-nsemi-wide, .horizontal-layout-large-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-large.vertical-gap-nwide, .horizontal-layout-large-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-large.vertical-gap-nlarge, .horizontal-layout-large-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-large.vertical-gap-nhuge, .horizontal-layout-large-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-large.with-divider, .horizontal-layout-large-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-large.with-divider > *:not(:last-child), .horizontal-layout-large-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-large.with-divider > *:not(:last-child)::after, .horizontal-layout-large-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-large-compressed {
    gap: 0;
  }
  .horizontal-layout-large-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -60px;
  }

  .vertical-layout-large {
    display: flex;
    gap: 60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-large.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-large.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-large.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-large.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-large.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-large.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-large.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-large.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-large.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-large.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-large.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-large.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-large.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-large.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-large.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-large.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-large.with-divider > *, .vertical-layout-large.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-large.with-divider > *:not(:last-child)::after, .vertical-layout-large.with-divider-ends > *::before, .vertical-layout-large.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-large.with-divider-ends > *:first-child::before {
    top: calc(-60px / 2);
    bottom: initial;
  }

  .horizontal-layout-huge, .horizontal-layout-huge-compressed {
    display: flex;
    gap: 90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-huge.vertical-gap-spaceless, .horizontal-layout-huge-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-huge.vertical-gap-condensed, .horizontal-layout-huge-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-huge.vertical-gap-spaced, .horizontal-layout-huge-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-huge.vertical-gap-normal, .horizontal-layout-huge-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-huge.vertical-gap, .horizontal-layout-huge-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-huge.vertical-gap-semi-wide, .horizontal-layout-huge-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-huge.vertical-gap-wide, .horizontal-layout-huge-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-huge.vertical-gap-large, .horizontal-layout-huge-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-huge.vertical-gap-huge, .horizontal-layout-huge-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-huge.vertical-gap-ncondensed, .horizontal-layout-huge-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-huge.vertical-gap-nspaced, .horizontal-layout-huge-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-huge.vertical-gap-nnormal, .horizontal-layout-huge-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-huge.vertical-gap-nsemi-wide, .horizontal-layout-huge-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-huge.vertical-gap-nwide, .horizontal-layout-huge-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-huge.vertical-gap-nlarge, .horizontal-layout-huge-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-huge.vertical-gap-nhuge, .horizontal-layout-huge-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-huge.with-divider, .horizontal-layout-huge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-huge.with-divider > *:not(:last-child), .horizontal-layout-huge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-huge.with-divider > *:not(:last-child)::after, .horizontal-layout-huge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-huge-compressed {
    gap: 0;
  }
  .horizontal-layout-huge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -90px;
  }

  .vertical-layout-huge {
    display: flex;
    gap: 90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-huge.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-huge.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-huge.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-huge.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-huge.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-huge.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-huge.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-huge.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-huge.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-huge.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-huge.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-huge.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-huge.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-huge.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-huge.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-huge.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-huge.with-divider > *, .vertical-layout-huge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-huge.with-divider > *:not(:last-child)::after, .vertical-layout-huge.with-divider-ends > *::before, .vertical-layout-huge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-huge.with-divider-ends > *:first-child::before {
    top: calc(-90px / 2);
    bottom: initial;
  }

  .horizontal-layout-ncondensed, .horizontal-layout-ncondensed-compressed {
    display: flex;
    gap: -5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-ncondensed.vertical-gap-spaceless, .horizontal-layout-ncondensed-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-ncondensed.vertical-gap-condensed, .horizontal-layout-ncondensed-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-ncondensed.vertical-gap-spaced, .horizontal-layout-ncondensed-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-ncondensed.vertical-gap-normal, .horizontal-layout-ncondensed-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-ncondensed.vertical-gap, .horizontal-layout-ncondensed-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-ncondensed.vertical-gap-semi-wide, .horizontal-layout-ncondensed-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-ncondensed.vertical-gap-wide, .horizontal-layout-ncondensed-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-ncondensed.vertical-gap-large, .horizontal-layout-ncondensed-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-ncondensed.vertical-gap-huge, .horizontal-layout-ncondensed-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-ncondensed.vertical-gap-ncondensed, .horizontal-layout-ncondensed-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-ncondensed.vertical-gap-nspaced, .horizontal-layout-ncondensed-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-ncondensed.vertical-gap-nnormal, .horizontal-layout-ncondensed-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-ncondensed.vertical-gap-nsemi-wide, .horizontal-layout-ncondensed-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-ncondensed.vertical-gap-nwide, .horizontal-layout-ncondensed-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-ncondensed.vertical-gap-nlarge, .horizontal-layout-ncondensed-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-ncondensed.vertical-gap-nhuge, .horizontal-layout-ncondensed-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-ncondensed.with-divider, .horizontal-layout-ncondensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-ncondensed.with-divider > *:not(:last-child), .horizontal-layout-ncondensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-ncondensed.with-divider > *:not(:last-child)::after, .horizontal-layout-ncondensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-ncondensed-compressed {
    gap: 0;
  }
  .horizontal-layout-ncondensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --5px;
  }

  .vertical-layout-ncondensed {
    display: flex;
    gap: -5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-ncondensed.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-ncondensed.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-ncondensed.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-ncondensed.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-ncondensed.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-ncondensed.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-ncondensed.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-ncondensed.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-ncondensed.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-ncondensed.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-ncondensed.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-ncondensed.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-ncondensed.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-ncondensed.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-ncondensed.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-ncondensed.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-ncondensed.with-divider > *, .vertical-layout-ncondensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-ncondensed.with-divider > *:not(:last-child)::after, .vertical-layout-ncondensed.with-divider-ends > *::before, .vertical-layout-ncondensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-ncondensed.with-divider-ends > *:first-child::before {
    top: calc(--5px / 2);
    bottom: initial;
  }

  .horizontal-layout-nspaced, .horizontal-layout-nspaced-compressed {
    display: flex;
    gap: -10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-nspaced.vertical-gap-spaceless, .horizontal-layout-nspaced-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-nspaced.vertical-gap-condensed, .horizontal-layout-nspaced-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-nspaced.vertical-gap-spaced, .horizontal-layout-nspaced-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-nspaced.vertical-gap-normal, .horizontal-layout-nspaced-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-nspaced.vertical-gap, .horizontal-layout-nspaced-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-nspaced.vertical-gap-semi-wide, .horizontal-layout-nspaced-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-nspaced.vertical-gap-wide, .horizontal-layout-nspaced-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-nspaced.vertical-gap-large, .horizontal-layout-nspaced-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-nspaced.vertical-gap-huge, .horizontal-layout-nspaced-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-nspaced.vertical-gap-ncondensed, .horizontal-layout-nspaced-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-nspaced.vertical-gap-nspaced, .horizontal-layout-nspaced-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-nspaced.vertical-gap-nnormal, .horizontal-layout-nspaced-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-nspaced.vertical-gap-nsemi-wide, .horizontal-layout-nspaced-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-nspaced.vertical-gap-nwide, .horizontal-layout-nspaced-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-nspaced.vertical-gap-nlarge, .horizontal-layout-nspaced-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-nspaced.vertical-gap-nhuge, .horizontal-layout-nspaced-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-nspaced.with-divider, .horizontal-layout-nspaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-nspaced.with-divider > *:not(:last-child), .horizontal-layout-nspaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-nspaced.with-divider > *:not(:last-child)::after, .horizontal-layout-nspaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-nspaced-compressed {
    gap: 0;
  }
  .horizontal-layout-nspaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --10px;
  }

  .vertical-layout-nspaced {
    display: flex;
    gap: -10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-nspaced.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-nspaced.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-nspaced.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-nspaced.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-nspaced.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-nspaced.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-nspaced.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-nspaced.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-nspaced.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-nspaced.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-nspaced.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-nspaced.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-nspaced.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-nspaced.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-nspaced.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-nspaced.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-nspaced.with-divider > *, .vertical-layout-nspaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-nspaced.with-divider > *:not(:last-child)::after, .vertical-layout-nspaced.with-divider-ends > *::before, .vertical-layout-nspaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-nspaced.with-divider-ends > *:first-child::before {
    top: calc(--10px / 2);
    bottom: initial;
  }

  .horizontal-layout-nnormal, .horizontal-layout-nnormal-compressed {
    display: flex;
    gap: -15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-nnormal.vertical-gap-spaceless, .horizontal-layout-nnormal-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-nnormal.vertical-gap-condensed, .horizontal-layout-nnormal-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-nnormal.vertical-gap-spaced, .horizontal-layout-nnormal-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-nnormal.vertical-gap-normal, .horizontal-layout-nnormal-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-nnormal.vertical-gap, .horizontal-layout-nnormal-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-nnormal.vertical-gap-semi-wide, .horizontal-layout-nnormal-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-nnormal.vertical-gap-wide, .horizontal-layout-nnormal-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-nnormal.vertical-gap-large, .horizontal-layout-nnormal-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-nnormal.vertical-gap-huge, .horizontal-layout-nnormal-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-nnormal.vertical-gap-ncondensed, .horizontal-layout-nnormal-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-nnormal.vertical-gap-nspaced, .horizontal-layout-nnormal-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-nnormal.vertical-gap-nnormal, .horizontal-layout-nnormal-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-nnormal.vertical-gap-nsemi-wide, .horizontal-layout-nnormal-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-nnormal.vertical-gap-nwide, .horizontal-layout-nnormal-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-nnormal.vertical-gap-nlarge, .horizontal-layout-nnormal-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-nnormal.vertical-gap-nhuge, .horizontal-layout-nnormal-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-nnormal.with-divider, .horizontal-layout-nnormal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-nnormal.with-divider > *:not(:last-child), .horizontal-layout-nnormal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-nnormal.with-divider > *:not(:last-child)::after, .horizontal-layout-nnormal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-nnormal-compressed {
    gap: 0;
  }
  .horizontal-layout-nnormal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --15px;
  }

  .vertical-layout-nnormal {
    display: flex;
    gap: -15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-nnormal.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-nnormal.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-nnormal.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-nnormal.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-nnormal.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-nnormal.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-nnormal.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-nnormal.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-nnormal.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-nnormal.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-nnormal.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-nnormal.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-nnormal.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-nnormal.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-nnormal.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-nnormal.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-nnormal.with-divider > *, .vertical-layout-nnormal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-nnormal.with-divider > *:not(:last-child)::after, .vertical-layout-nnormal.with-divider-ends > *::before, .vertical-layout-nnormal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-nnormal.with-divider-ends > *:first-child::before {
    top: calc(--15px / 2);
    bottom: initial;
  }

  .horizontal-layout-nsemi-wide, .horizontal-layout-nsemi-wide-compressed {
    display: flex;
    gap: -20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-spaceless, .horizontal-layout-nsemi-wide-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-condensed, .horizontal-layout-nsemi-wide-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-spaced, .horizontal-layout-nsemi-wide-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-normal, .horizontal-layout-nsemi-wide-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap, .horizontal-layout-nsemi-wide-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-semi-wide, .horizontal-layout-nsemi-wide-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-wide, .horizontal-layout-nsemi-wide-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-large, .horizontal-layout-nsemi-wide-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-huge, .horizontal-layout-nsemi-wide-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-ncondensed, .horizontal-layout-nsemi-wide-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-nspaced, .horizontal-layout-nsemi-wide-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-nnormal, .horizontal-layout-nsemi-wide-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-nsemi-wide, .horizontal-layout-nsemi-wide-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-nwide, .horizontal-layout-nsemi-wide-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-nlarge, .horizontal-layout-nsemi-wide-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-nsemi-wide.vertical-gap-nhuge, .horizontal-layout-nsemi-wide-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-nsemi-wide.with-divider, .horizontal-layout-nsemi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-nsemi-wide.with-divider > *:not(:last-child), .horizontal-layout-nsemi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-nsemi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-nsemi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-nsemi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-nsemi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --20px;
  }

  .vertical-layout-nsemi-wide {
    display: flex;
    gap: -20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-nsemi-wide.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-nsemi-wide.with-divider > *, .vertical-layout-nsemi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-nsemi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-nsemi-wide.with-divider-ends > *::before, .vertical-layout-nsemi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-nsemi-wide.with-divider-ends > *:first-child::before {
    top: calc(--20px / 2);
    bottom: initial;
  }

  .horizontal-layout-nwide, .horizontal-layout-nwide-compressed {
    display: flex;
    gap: -30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-nwide.vertical-gap-spaceless, .horizontal-layout-nwide-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-nwide.vertical-gap-condensed, .horizontal-layout-nwide-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-nwide.vertical-gap-spaced, .horizontal-layout-nwide-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-nwide.vertical-gap-normal, .horizontal-layout-nwide-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-nwide.vertical-gap, .horizontal-layout-nwide-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-nwide.vertical-gap-semi-wide, .horizontal-layout-nwide-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-nwide.vertical-gap-wide, .horizontal-layout-nwide-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-nwide.vertical-gap-large, .horizontal-layout-nwide-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-nwide.vertical-gap-huge, .horizontal-layout-nwide-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-nwide.vertical-gap-ncondensed, .horizontal-layout-nwide-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-nwide.vertical-gap-nspaced, .horizontal-layout-nwide-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-nwide.vertical-gap-nnormal, .horizontal-layout-nwide-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-nwide.vertical-gap-nsemi-wide, .horizontal-layout-nwide-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-nwide.vertical-gap-nwide, .horizontal-layout-nwide-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-nwide.vertical-gap-nlarge, .horizontal-layout-nwide-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-nwide.vertical-gap-nhuge, .horizontal-layout-nwide-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-nwide.with-divider, .horizontal-layout-nwide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-nwide.with-divider > *:not(:last-child), .horizontal-layout-nwide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-nwide.with-divider > *:not(:last-child)::after, .horizontal-layout-nwide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-nwide-compressed {
    gap: 0;
  }
  .horizontal-layout-nwide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --30px;
  }

  .vertical-layout-nwide {
    display: flex;
    gap: -30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-nwide.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-nwide.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-nwide.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-nwide.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-nwide.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-nwide.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-nwide.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-nwide.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-nwide.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-nwide.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-nwide.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-nwide.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-nwide.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-nwide.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-nwide.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-nwide.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-nwide.with-divider > *, .vertical-layout-nwide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-nwide.with-divider > *:not(:last-child)::after, .vertical-layout-nwide.with-divider-ends > *::before, .vertical-layout-nwide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-nwide.with-divider-ends > *:first-child::before {
    top: calc(--30px / 2);
    bottom: initial;
  }

  .horizontal-layout-nlarge, .horizontal-layout-nlarge-compressed {
    display: flex;
    gap: -60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-nlarge.vertical-gap-spaceless, .horizontal-layout-nlarge-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-nlarge.vertical-gap-condensed, .horizontal-layout-nlarge-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-nlarge.vertical-gap-spaced, .horizontal-layout-nlarge-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-nlarge.vertical-gap-normal, .horizontal-layout-nlarge-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-nlarge.vertical-gap, .horizontal-layout-nlarge-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-nlarge.vertical-gap-semi-wide, .horizontal-layout-nlarge-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-nlarge.vertical-gap-wide, .horizontal-layout-nlarge-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-nlarge.vertical-gap-large, .horizontal-layout-nlarge-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-nlarge.vertical-gap-huge, .horizontal-layout-nlarge-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-nlarge.vertical-gap-ncondensed, .horizontal-layout-nlarge-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-nlarge.vertical-gap-nspaced, .horizontal-layout-nlarge-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-nlarge.vertical-gap-nnormal, .horizontal-layout-nlarge-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-nlarge.vertical-gap-nsemi-wide, .horizontal-layout-nlarge-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-nlarge.vertical-gap-nwide, .horizontal-layout-nlarge-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-nlarge.vertical-gap-nlarge, .horizontal-layout-nlarge-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-nlarge.vertical-gap-nhuge, .horizontal-layout-nlarge-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-nlarge.with-divider, .horizontal-layout-nlarge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-nlarge.with-divider > *:not(:last-child), .horizontal-layout-nlarge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-nlarge.with-divider > *:not(:last-child)::after, .horizontal-layout-nlarge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-nlarge-compressed {
    gap: 0;
  }
  .horizontal-layout-nlarge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --60px;
  }

  .vertical-layout-nlarge {
    display: flex;
    gap: -60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-nlarge.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-nlarge.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-nlarge.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-nlarge.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-nlarge.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-nlarge.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-nlarge.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-nlarge.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-nlarge.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-nlarge.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-nlarge.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-nlarge.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-nlarge.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-nlarge.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-nlarge.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-nlarge.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-nlarge.with-divider > *, .vertical-layout-nlarge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-nlarge.with-divider > *:not(:last-child)::after, .vertical-layout-nlarge.with-divider-ends > *::before, .vertical-layout-nlarge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-nlarge.with-divider-ends > *:first-child::before {
    top: calc(--60px / 2);
    bottom: initial;
  }

  .horizontal-layout-nhuge, .horizontal-layout-nhuge-compressed {
    display: flex;
    gap: -90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-nhuge.vertical-gap-spaceless, .horizontal-layout-nhuge-compressed.vertical-gap-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-nhuge.vertical-gap-condensed, .horizontal-layout-nhuge-compressed.vertical-gap-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-nhuge.vertical-gap-spaced, .horizontal-layout-nhuge-compressed.vertical-gap-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-nhuge.vertical-gap-normal, .horizontal-layout-nhuge-compressed.vertical-gap-normal {
    row-gap: 15px;
  }
  .horizontal-layout-nhuge.vertical-gap, .horizontal-layout-nhuge-compressed.vertical-gap {
    row-gap: 15px;
  }
  .horizontal-layout-nhuge.vertical-gap-semi-wide, .horizontal-layout-nhuge-compressed.vertical-gap-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-nhuge.vertical-gap-wide, .horizontal-layout-nhuge-compressed.vertical-gap-wide {
    row-gap: 30px;
  }
  .horizontal-layout-nhuge.vertical-gap-large, .horizontal-layout-nhuge-compressed.vertical-gap-large {
    row-gap: 60px;
  }
  .horizontal-layout-nhuge.vertical-gap-huge, .horizontal-layout-nhuge-compressed.vertical-gap-huge {
    row-gap: 90px;
  }
  .horizontal-layout-nhuge.vertical-gap-ncondensed, .horizontal-layout-nhuge-compressed.vertical-gap-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-nhuge.vertical-gap-nspaced, .horizontal-layout-nhuge-compressed.vertical-gap-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-nhuge.vertical-gap-nnormal, .horizontal-layout-nhuge-compressed.vertical-gap-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-nhuge.vertical-gap-nsemi-wide, .horizontal-layout-nhuge-compressed.vertical-gap-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-nhuge.vertical-gap-nwide, .horizontal-layout-nhuge-compressed.vertical-gap-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-nhuge.vertical-gap-nlarge, .horizontal-layout-nhuge-compressed.vertical-gap-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-nhuge.vertical-gap-nhuge, .horizontal-layout-nhuge-compressed.vertical-gap-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-nhuge.with-divider, .horizontal-layout-nhuge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-nhuge.with-divider > *:not(:last-child), .horizontal-layout-nhuge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-nhuge.with-divider > *:not(:last-child)::after, .horizontal-layout-nhuge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-nhuge-compressed {
    gap: 0;
  }
  .horizontal-layout-nhuge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --90px;
  }

  .vertical-layout-nhuge {
    display: flex;
    gap: -90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-nhuge.horizontal-gap-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-nhuge.horizontal-gap-condensed {
    column-gap: 5px;
  }
  .vertical-layout-nhuge.horizontal-gap-spaced {
    column-gap: 10px;
  }
  .vertical-layout-nhuge.horizontal-gap-normal {
    column-gap: 15px;
  }
  .vertical-layout-nhuge.horizontal-gap {
    column-gap: 15px;
  }
  .vertical-layout-nhuge.horizontal-gap-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-nhuge.horizontal-gap-wide {
    column-gap: 30px;
  }
  .vertical-layout-nhuge.horizontal-gap-large {
    column-gap: 60px;
  }
  .vertical-layout-nhuge.horizontal-gap-huge {
    column-gap: 90px;
  }
  .vertical-layout-nhuge.horizontal-gap-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-nhuge.horizontal-gap-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-nhuge.horizontal-gap-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-nhuge.horizontal-gap-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-nhuge.horizontal-gap-nwide {
    column-gap: -30px;
  }
  .vertical-layout-nhuge.horizontal-gap-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-nhuge.horizontal-gap-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-nhuge.with-divider > *, .vertical-layout-nhuge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-nhuge.with-divider > *:not(:last-child)::after, .vertical-layout-nhuge.with-divider-ends > *::before, .vertical-layout-nhuge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-nhuge.with-divider-ends > *:first-child::before {
    top: calc(--90px / 2);
    bottom: initial;
  }
}
@media (min-width: 576px) {
  .horizontal-layout-sm-spaceless, .horizontal-layout-sm-spaceless-compressed {
    display: flex;
    gap: 0px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-spaceless, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-condensed, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-spaced, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-normal, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-semi-wide, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-wide, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-large, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-huge, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-ncondensed, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-nspaced, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-nnormal, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-nwide, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-nlarge, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-spaceless.vertical-gap-sm-nhuge, .horizontal-layout-sm-spaceless-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-spaceless.with-divider, .horizontal-layout-sm-spaceless-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-spaceless.with-divider > *:not(:last-child), .horizontal-layout-sm-spaceless-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-spaceless.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-spaceless-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-spaceless-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-spaceless-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: 0px;
  }

  .vertical-layout-sm-spaceless {
    display: flex;
    gap: 0px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-spaceless.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-spaceless.with-divider > *, .vertical-layout-sm-spaceless.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-spaceless.with-divider > *:not(:last-child)::after, .vertical-layout-sm-spaceless.with-divider-ends > *::before, .vertical-layout-sm-spaceless.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-spaceless.with-divider-ends > *:first-child::before {
    top: calc(-0px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-condensed, .horizontal-layout-sm-condensed-compressed {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-spaceless, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-condensed, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-spaced, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-normal, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-semi-wide, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-wide, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-large, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-huge, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-ncondensed, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-nspaced, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-nnormal, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-nwide, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-nlarge, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-condensed.vertical-gap-sm-nhuge, .horizontal-layout-sm-condensed-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-condensed.with-divider, .horizontal-layout-sm-condensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-condensed.with-divider > *:not(:last-child), .horizontal-layout-sm-condensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-condensed.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-condensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-condensed-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-condensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -5px;
  }

  .vertical-layout-sm-condensed {
    display: flex;
    gap: 5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-condensed.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-condensed.with-divider > *, .vertical-layout-sm-condensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-condensed.with-divider > *:not(:last-child)::after, .vertical-layout-sm-condensed.with-divider-ends > *::before, .vertical-layout-sm-condensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-condensed.with-divider-ends > *:first-child::before {
    top: calc(-5px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-spaced, .horizontal-layout-sm-spaced-compressed {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-spaceless, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-condensed, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-spaced, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-normal, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-semi-wide, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-wide, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-large, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-huge, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-ncondensed, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-nspaced, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-nnormal, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-nwide, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-nlarge, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-spaced.vertical-gap-sm-nhuge, .horizontal-layout-sm-spaced-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-spaced.with-divider, .horizontal-layout-sm-spaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-spaced.with-divider > *:not(:last-child), .horizontal-layout-sm-spaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-spaced.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-spaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-spaced-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-spaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -10px;
  }

  .vertical-layout-sm-spaced {
    display: flex;
    gap: 10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-spaced.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-spaced.with-divider > *, .vertical-layout-sm-spaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-spaced.with-divider > *:not(:last-child)::after, .vertical-layout-sm-spaced.with-divider-ends > *::before, .vertical-layout-sm-spaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-spaced.with-divider-ends > *:first-child::before {
    top: calc(-10px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-normal, .horizontal-layout-sm-normal-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-spaceless, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-condensed, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-spaced, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-normal, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm, .horizontal-layout-sm-normal-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-semi-wide, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-wide, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-large, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-huge, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-ncondensed, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-nspaced, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-nnormal, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-nwide, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-nlarge, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-normal.vertical-gap-sm-nhuge, .horizontal-layout-sm-normal-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-normal.with-divider, .horizontal-layout-sm-normal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-normal.with-divider > *:not(:last-child), .horizontal-layout-sm-normal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-normal.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-normal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-normal-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-normal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-sm-normal {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-normal.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-normal.with-divider > *, .vertical-layout-sm-normal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-normal.with-divider > *:not(:last-child)::after, .vertical-layout-sm-normal.with-divider-ends > *::before, .vertical-layout-sm-normal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-normal.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm, .horizontal-layout-sm-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm.vertical-gap-sm-spaceless, .horizontal-layout-sm-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm.vertical-gap-sm-condensed, .horizontal-layout-sm-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm.vertical-gap-sm-spaced, .horizontal-layout-sm-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm.vertical-gap-sm-normal, .horizontal-layout-sm-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm.vertical-gap-sm, .horizontal-layout-sm-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm.vertical-gap-sm-semi-wide, .horizontal-layout-sm-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm.vertical-gap-sm-wide, .horizontal-layout-sm-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm.vertical-gap-sm-large, .horizontal-layout-sm-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm.vertical-gap-sm-huge, .horizontal-layout-sm-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm.vertical-gap-sm-ncondensed, .horizontal-layout-sm-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm.vertical-gap-sm-nspaced, .horizontal-layout-sm-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm.vertical-gap-sm-nnormal, .horizontal-layout-sm-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm.vertical-gap-sm-nwide, .horizontal-layout-sm-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm.vertical-gap-sm-nlarge, .horizontal-layout-sm-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm.vertical-gap-sm-nhuge, .horizontal-layout-sm-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm.with-divider, .horizontal-layout-sm-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm.with-divider > *:not(:last-child), .horizontal-layout-sm-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-sm {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm.with-divider > *, .vertical-layout-sm.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm.with-divider > *:not(:last-child)::after, .vertical-layout-sm.with-divider-ends > *::before, .vertical-layout-sm.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-semi-wide, .horizontal-layout-sm-semi-wide-compressed {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-spaceless, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-condensed, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-spaced, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-normal, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-semi-wide, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-wide, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-large, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-huge, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-ncondensed, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-nspaced, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-nnormal, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-nwide, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-nlarge, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-semi-wide.vertical-gap-sm-nhuge, .horizontal-layout-sm-semi-wide-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-semi-wide.with-divider, .horizontal-layout-sm-semi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-semi-wide.with-divider > *:not(:last-child), .horizontal-layout-sm-semi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-semi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-semi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-semi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-semi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -20px;
  }

  .vertical-layout-sm-semi-wide {
    display: flex;
    gap: 20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-semi-wide.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-semi-wide.with-divider > *, .vertical-layout-sm-semi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-semi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-sm-semi-wide.with-divider-ends > *::before, .vertical-layout-sm-semi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-semi-wide.with-divider-ends > *:first-child::before {
    top: calc(-20px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-wide, .horizontal-layout-sm-wide-compressed {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-spaceless, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-condensed, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-spaced, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-normal, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm, .horizontal-layout-sm-wide-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-semi-wide, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-wide, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-large, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-huge, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-ncondensed, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-nspaced, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-nnormal, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-nwide, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-nlarge, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-wide.vertical-gap-sm-nhuge, .horizontal-layout-sm-wide-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-wide.with-divider, .horizontal-layout-sm-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-wide.with-divider > *:not(:last-child), .horizontal-layout-sm-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -30px;
  }

  .vertical-layout-sm-wide {
    display: flex;
    gap: 30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-wide.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-wide.with-divider > *, .vertical-layout-sm-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-wide.with-divider > *:not(:last-child)::after, .vertical-layout-sm-wide.with-divider-ends > *::before, .vertical-layout-sm-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-wide.with-divider-ends > *:first-child::before {
    top: calc(-30px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-large, .horizontal-layout-sm-large-compressed {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-spaceless, .horizontal-layout-sm-large-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-condensed, .horizontal-layout-sm-large-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-spaced, .horizontal-layout-sm-large-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-normal, .horizontal-layout-sm-large-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm, .horizontal-layout-sm-large-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-semi-wide, .horizontal-layout-sm-large-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-wide, .horizontal-layout-sm-large-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-large, .horizontal-layout-sm-large-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-huge, .horizontal-layout-sm-large-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-ncondensed, .horizontal-layout-sm-large-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-nspaced, .horizontal-layout-sm-large-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-nnormal, .horizontal-layout-sm-large-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-large-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-nwide, .horizontal-layout-sm-large-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-nlarge, .horizontal-layout-sm-large-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-large.vertical-gap-sm-nhuge, .horizontal-layout-sm-large-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-large.with-divider, .horizontal-layout-sm-large-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-large.with-divider > *:not(:last-child), .horizontal-layout-sm-large-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-large.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-large-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-large-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-large-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -60px;
  }

  .vertical-layout-sm-large {
    display: flex;
    gap: 60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-large.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-large.with-divider > *, .vertical-layout-sm-large.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-large.with-divider > *:not(:last-child)::after, .vertical-layout-sm-large.with-divider-ends > *::before, .vertical-layout-sm-large.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-large.with-divider-ends > *:first-child::before {
    top: calc(-60px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-huge, .horizontal-layout-sm-huge-compressed {
    display: flex;
    gap: 90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-spaceless, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-condensed, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-spaced, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-normal, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm, .horizontal-layout-sm-huge-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-semi-wide, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-wide, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-large, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-huge, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-ncondensed, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-nspaced, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-nnormal, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-nwide, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-nlarge, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-huge.vertical-gap-sm-nhuge, .horizontal-layout-sm-huge-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-huge.with-divider, .horizontal-layout-sm-huge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-huge.with-divider > *:not(:last-child), .horizontal-layout-sm-huge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-huge.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-huge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-huge-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-huge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -90px;
  }

  .vertical-layout-sm-huge {
    display: flex;
    gap: 90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-huge.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-huge.with-divider > *, .vertical-layout-sm-huge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-huge.with-divider > *:not(:last-child)::after, .vertical-layout-sm-huge.with-divider-ends > *::before, .vertical-layout-sm-huge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-huge.with-divider-ends > *:first-child::before {
    top: calc(-90px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-ncondensed, .horizontal-layout-sm-ncondensed-compressed {
    display: flex;
    gap: -5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-spaceless, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-condensed, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-spaced, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-normal, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-semi-wide, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-wide, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-large, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-huge, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-ncondensed, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-nspaced, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-nnormal, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-nwide, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-nlarge, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-ncondensed.vertical-gap-sm-nhuge, .horizontal-layout-sm-ncondensed-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-ncondensed.with-divider, .horizontal-layout-sm-ncondensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-ncondensed.with-divider > *:not(:last-child), .horizontal-layout-sm-ncondensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-ncondensed.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-ncondensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-ncondensed-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-ncondensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --5px;
  }

  .vertical-layout-sm-ncondensed {
    display: flex;
    gap: -5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-ncondensed.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-ncondensed.with-divider > *, .vertical-layout-sm-ncondensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-ncondensed.with-divider > *:not(:last-child)::after, .vertical-layout-sm-ncondensed.with-divider-ends > *::before, .vertical-layout-sm-ncondensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-ncondensed.with-divider-ends > *:first-child::before {
    top: calc(--5px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-nspaced, .horizontal-layout-sm-nspaced-compressed {
    display: flex;
    gap: -10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-spaceless, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-condensed, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-spaced, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-normal, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-semi-wide, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-wide, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-large, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-huge, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-ncondensed, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-nspaced, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-nnormal, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-nwide, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-nlarge, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-nspaced.vertical-gap-sm-nhuge, .horizontal-layout-sm-nspaced-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-nspaced.with-divider, .horizontal-layout-sm-nspaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-nspaced.with-divider > *:not(:last-child), .horizontal-layout-sm-nspaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-nspaced.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-nspaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-nspaced-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-nspaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --10px;
  }

  .vertical-layout-sm-nspaced {
    display: flex;
    gap: -10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-nspaced.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-nspaced.with-divider > *, .vertical-layout-sm-nspaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-nspaced.with-divider > *:not(:last-child)::after, .vertical-layout-sm-nspaced.with-divider-ends > *::before, .vertical-layout-sm-nspaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-nspaced.with-divider-ends > *:first-child::before {
    top: calc(--10px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-nnormal, .horizontal-layout-sm-nnormal-compressed {
    display: flex;
    gap: -15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-spaceless, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-condensed, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-spaced, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-normal, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-semi-wide, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-wide, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-large, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-huge, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-ncondensed, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-nspaced, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-nnormal, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-nwide, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-nlarge, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-nnormal.vertical-gap-sm-nhuge, .horizontal-layout-sm-nnormal-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-nnormal.with-divider, .horizontal-layout-sm-nnormal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-nnormal.with-divider > *:not(:last-child), .horizontal-layout-sm-nnormal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-nnormal.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-nnormal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-nnormal-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-nnormal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --15px;
  }

  .vertical-layout-sm-nnormal {
    display: flex;
    gap: -15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-nnormal.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-nnormal.with-divider > *, .vertical-layout-sm-nnormal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-nnormal.with-divider > *:not(:last-child)::after, .vertical-layout-sm-nnormal.with-divider-ends > *::before, .vertical-layout-sm-nnormal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-nnormal.with-divider-ends > *:first-child::before {
    top: calc(--15px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-nsemi-wide, .horizontal-layout-sm-nsemi-wide-compressed {
    display: flex;
    gap: -20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-spaceless, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-condensed, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-spaced, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-normal, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-semi-wide, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-wide, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-large, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-huge, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-ncondensed, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-nspaced, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-nnormal, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-nwide, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-nlarge, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-nsemi-wide.vertical-gap-sm-nhuge, .horizontal-layout-sm-nsemi-wide-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-nsemi-wide.with-divider, .horizontal-layout-sm-nsemi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-nsemi-wide.with-divider > *:not(:last-child), .horizontal-layout-sm-nsemi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-nsemi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-nsemi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-nsemi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-nsemi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --20px;
  }

  .vertical-layout-sm-nsemi-wide {
    display: flex;
    gap: -20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-nsemi-wide.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-nsemi-wide.with-divider > *, .vertical-layout-sm-nsemi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-nsemi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-sm-nsemi-wide.with-divider-ends > *::before, .vertical-layout-sm-nsemi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-nsemi-wide.with-divider-ends > *:first-child::before {
    top: calc(--20px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-nwide, .horizontal-layout-sm-nwide-compressed {
    display: flex;
    gap: -30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-spaceless, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-condensed, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-spaced, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-normal, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-semi-wide, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-wide, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-large, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-huge, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-ncondensed, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-nspaced, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-nnormal, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-nwide, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-nlarge, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-nwide.vertical-gap-sm-nhuge, .horizontal-layout-sm-nwide-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-nwide.with-divider, .horizontal-layout-sm-nwide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-nwide.with-divider > *:not(:last-child), .horizontal-layout-sm-nwide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-nwide.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-nwide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-nwide-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-nwide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --30px;
  }

  .vertical-layout-sm-nwide {
    display: flex;
    gap: -30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-nwide.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-nwide.with-divider > *, .vertical-layout-sm-nwide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-nwide.with-divider > *:not(:last-child)::after, .vertical-layout-sm-nwide.with-divider-ends > *::before, .vertical-layout-sm-nwide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-nwide.with-divider-ends > *:first-child::before {
    top: calc(--30px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-nlarge, .horizontal-layout-sm-nlarge-compressed {
    display: flex;
    gap: -60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-spaceless, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-condensed, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-spaced, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-normal, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-semi-wide, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-wide, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-large, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-huge, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-ncondensed, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-nspaced, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-nnormal, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-nwide, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-nlarge, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-nlarge.vertical-gap-sm-nhuge, .horizontal-layout-sm-nlarge-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-nlarge.with-divider, .horizontal-layout-sm-nlarge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-nlarge.with-divider > *:not(:last-child), .horizontal-layout-sm-nlarge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-nlarge.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-nlarge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-nlarge-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-nlarge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --60px;
  }

  .vertical-layout-sm-nlarge {
    display: flex;
    gap: -60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-nlarge.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-nlarge.with-divider > *, .vertical-layout-sm-nlarge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-nlarge.with-divider > *:not(:last-child)::after, .vertical-layout-sm-nlarge.with-divider-ends > *::before, .vertical-layout-sm-nlarge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-nlarge.with-divider-ends > *:first-child::before {
    top: calc(--60px / 2);
    bottom: initial;
  }

  .horizontal-layout-sm-nhuge, .horizontal-layout-sm-nhuge-compressed {
    display: flex;
    gap: -90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-spaceless, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-condensed, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-spaced, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-normal, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-normal {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm {
    row-gap: 15px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-semi-wide, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-wide, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-wide {
    row-gap: 30px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-large, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-large {
    row-gap: 60px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-huge, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-huge {
    row-gap: 90px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-ncondensed, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-nspaced, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-nnormal, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-nsemi-wide, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-nwide, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-nlarge, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-sm-nhuge.vertical-gap-sm-nhuge, .horizontal-layout-sm-nhuge-compressed.vertical-gap-sm-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-sm-nhuge.with-divider, .horizontal-layout-sm-nhuge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-sm-nhuge.with-divider > *:not(:last-child), .horizontal-layout-sm-nhuge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-sm-nhuge.with-divider > *:not(:last-child)::after, .horizontal-layout-sm-nhuge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-sm-nhuge-compressed {
    gap: 0;
  }
  .horizontal-layout-sm-nhuge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --90px;
  }

  .vertical-layout-sm-nhuge {
    display: flex;
    gap: -90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-condensed {
    column-gap: 5px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-spaced {
    column-gap: 10px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-normal {
    column-gap: 15px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm {
    column-gap: 15px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-wide {
    column-gap: 30px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-large {
    column-gap: 60px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-huge {
    column-gap: 90px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-nwide {
    column-gap: -30px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-sm-nhuge.horizontal-gap-sm-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-sm-nhuge.with-divider > *, .vertical-layout-sm-nhuge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-sm-nhuge.with-divider > *:not(:last-child)::after, .vertical-layout-sm-nhuge.with-divider-ends > *::before, .vertical-layout-sm-nhuge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-sm-nhuge.with-divider-ends > *:first-child::before {
    top: calc(--90px / 2);
    bottom: initial;
  }
}
@media (min-width: 768px) {
  .horizontal-layout-md-spaceless, .horizontal-layout-md-spaceless-compressed {
    display: flex;
    gap: 0px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-spaceless, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-condensed, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-spaced, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-normal, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md, .horizontal-layout-md-spaceless-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-semi-wide, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-wide, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-large, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-huge, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-ncondensed, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-nspaced, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-nnormal, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-nsemi-wide, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-nwide, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-nlarge, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-spaceless.vertical-gap-md-nhuge, .horizontal-layout-md-spaceless-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-spaceless.with-divider, .horizontal-layout-md-spaceless-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-spaceless.with-divider > *:not(:last-child), .horizontal-layout-md-spaceless-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-spaceless.with-divider > *:not(:last-child)::after, .horizontal-layout-md-spaceless-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-spaceless-compressed {
    gap: 0;
  }
  .horizontal-layout-md-spaceless-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: 0px;
  }

  .vertical-layout-md-spaceless {
    display: flex;
    gap: 0px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-spaceless.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-spaceless.with-divider > *, .vertical-layout-md-spaceless.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-spaceless.with-divider > *:not(:last-child)::after, .vertical-layout-md-spaceless.with-divider-ends > *::before, .vertical-layout-md-spaceless.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-spaceless.with-divider-ends > *:first-child::before {
    top: calc(-0px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-condensed, .horizontal-layout-md-condensed-compressed {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-spaceless, .horizontal-layout-md-condensed-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-condensed, .horizontal-layout-md-condensed-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-spaced, .horizontal-layout-md-condensed-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-normal, .horizontal-layout-md-condensed-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md, .horizontal-layout-md-condensed-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-semi-wide, .horizontal-layout-md-condensed-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-wide, .horizontal-layout-md-condensed-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-large, .horizontal-layout-md-condensed-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-huge, .horizontal-layout-md-condensed-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-ncondensed, .horizontal-layout-md-condensed-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-nspaced, .horizontal-layout-md-condensed-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-nnormal, .horizontal-layout-md-condensed-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-nsemi-wide, .horizontal-layout-md-condensed-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-nwide, .horizontal-layout-md-condensed-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-nlarge, .horizontal-layout-md-condensed-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-condensed.vertical-gap-md-nhuge, .horizontal-layout-md-condensed-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-condensed.with-divider, .horizontal-layout-md-condensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-condensed.with-divider > *:not(:last-child), .horizontal-layout-md-condensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-condensed.with-divider > *:not(:last-child)::after, .horizontal-layout-md-condensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-condensed-compressed {
    gap: 0;
  }
  .horizontal-layout-md-condensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -5px;
  }

  .vertical-layout-md-condensed {
    display: flex;
    gap: 5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-condensed.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-condensed.with-divider > *, .vertical-layout-md-condensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-condensed.with-divider > *:not(:last-child)::after, .vertical-layout-md-condensed.with-divider-ends > *::before, .vertical-layout-md-condensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-condensed.with-divider-ends > *:first-child::before {
    top: calc(-5px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-spaced, .horizontal-layout-md-spaced-compressed {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-spaceless, .horizontal-layout-md-spaced-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-condensed, .horizontal-layout-md-spaced-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-spaced, .horizontal-layout-md-spaced-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-normal, .horizontal-layout-md-spaced-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md, .horizontal-layout-md-spaced-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-semi-wide, .horizontal-layout-md-spaced-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-wide, .horizontal-layout-md-spaced-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-large, .horizontal-layout-md-spaced-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-huge, .horizontal-layout-md-spaced-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-ncondensed, .horizontal-layout-md-spaced-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-nspaced, .horizontal-layout-md-spaced-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-nnormal, .horizontal-layout-md-spaced-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-nsemi-wide, .horizontal-layout-md-spaced-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-nwide, .horizontal-layout-md-spaced-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-nlarge, .horizontal-layout-md-spaced-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-spaced.vertical-gap-md-nhuge, .horizontal-layout-md-spaced-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-spaced.with-divider, .horizontal-layout-md-spaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-spaced.with-divider > *:not(:last-child), .horizontal-layout-md-spaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-spaced.with-divider > *:not(:last-child)::after, .horizontal-layout-md-spaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-spaced-compressed {
    gap: 0;
  }
  .horizontal-layout-md-spaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -10px;
  }

  .vertical-layout-md-spaced {
    display: flex;
    gap: 10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-spaced.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-spaced.with-divider > *, .vertical-layout-md-spaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-spaced.with-divider > *:not(:last-child)::after, .vertical-layout-md-spaced.with-divider-ends > *::before, .vertical-layout-md-spaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-spaced.with-divider-ends > *:first-child::before {
    top: calc(-10px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-normal, .horizontal-layout-md-normal-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-normal.vertical-gap-md-spaceless, .horizontal-layout-md-normal-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-condensed, .horizontal-layout-md-normal-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-spaced, .horizontal-layout-md-normal-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-normal, .horizontal-layout-md-normal-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-normal.vertical-gap-md, .horizontal-layout-md-normal-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-semi-wide, .horizontal-layout-md-normal-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-wide, .horizontal-layout-md-normal-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-large, .horizontal-layout-md-normal-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-huge, .horizontal-layout-md-normal-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-ncondensed, .horizontal-layout-md-normal-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-nspaced, .horizontal-layout-md-normal-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-nnormal, .horizontal-layout-md-normal-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-nsemi-wide, .horizontal-layout-md-normal-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-nwide, .horizontal-layout-md-normal-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-nlarge, .horizontal-layout-md-normal-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-normal.vertical-gap-md-nhuge, .horizontal-layout-md-normal-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-normal.with-divider, .horizontal-layout-md-normal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-normal.with-divider > *:not(:last-child), .horizontal-layout-md-normal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-normal.with-divider > *:not(:last-child)::after, .horizontal-layout-md-normal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-normal-compressed {
    gap: 0;
  }
  .horizontal-layout-md-normal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-md-normal {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-normal.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-normal.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-normal.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-normal.with-divider > *, .vertical-layout-md-normal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-normal.with-divider > *:not(:last-child)::after, .vertical-layout-md-normal.with-divider-ends > *::before, .vertical-layout-md-normal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-normal.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-md, .horizontal-layout-md-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md.vertical-gap-md-spaceless, .horizontal-layout-md-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md.vertical-gap-md-condensed, .horizontal-layout-md-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md.vertical-gap-md-spaced, .horizontal-layout-md-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md.vertical-gap-md-normal, .horizontal-layout-md-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md.vertical-gap-md, .horizontal-layout-md-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md.vertical-gap-md-semi-wide, .horizontal-layout-md-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md.vertical-gap-md-wide, .horizontal-layout-md-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md.vertical-gap-md-large, .horizontal-layout-md-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md.vertical-gap-md-huge, .horizontal-layout-md-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md.vertical-gap-md-ncondensed, .horizontal-layout-md-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md.vertical-gap-md-nspaced, .horizontal-layout-md-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md.vertical-gap-md-nnormal, .horizontal-layout-md-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md.vertical-gap-md-nsemi-wide, .horizontal-layout-md-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md.vertical-gap-md-nwide, .horizontal-layout-md-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md.vertical-gap-md-nlarge, .horizontal-layout-md-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md.vertical-gap-md-nhuge, .horizontal-layout-md-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md.with-divider, .horizontal-layout-md-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md.with-divider > *:not(:last-child), .horizontal-layout-md-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md.with-divider > *:not(:last-child)::after, .horizontal-layout-md-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-compressed {
    gap: 0;
  }
  .horizontal-layout-md-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-md {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md.with-divider > *, .vertical-layout-md.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md.with-divider > *:not(:last-child)::after, .vertical-layout-md.with-divider-ends > *::before, .vertical-layout-md.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-semi-wide, .horizontal-layout-md-semi-wide-compressed {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-spaceless, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-condensed, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-spaced, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-normal, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-semi-wide, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-wide, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-large, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-huge, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-ncondensed, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-nspaced, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-nnormal, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-nsemi-wide, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-nwide, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-nlarge, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-semi-wide.vertical-gap-md-nhuge, .horizontal-layout-md-semi-wide-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-semi-wide.with-divider, .horizontal-layout-md-semi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-semi-wide.with-divider > *:not(:last-child), .horizontal-layout-md-semi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-semi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-md-semi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-semi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-md-semi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -20px;
  }

  .vertical-layout-md-semi-wide {
    display: flex;
    gap: 20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-semi-wide.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-semi-wide.with-divider > *, .vertical-layout-md-semi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-semi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-md-semi-wide.with-divider-ends > *::before, .vertical-layout-md-semi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-semi-wide.with-divider-ends > *:first-child::before {
    top: calc(-20px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-wide, .horizontal-layout-md-wide-compressed {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-wide.vertical-gap-md-spaceless, .horizontal-layout-md-wide-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-condensed, .horizontal-layout-md-wide-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-spaced, .horizontal-layout-md-wide-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-normal, .horizontal-layout-md-wide-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-wide.vertical-gap-md, .horizontal-layout-md-wide-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-semi-wide, .horizontal-layout-md-wide-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-wide, .horizontal-layout-md-wide-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-large, .horizontal-layout-md-wide-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-huge, .horizontal-layout-md-wide-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-ncondensed, .horizontal-layout-md-wide-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-nspaced, .horizontal-layout-md-wide-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-nnormal, .horizontal-layout-md-wide-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-nsemi-wide, .horizontal-layout-md-wide-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-nwide, .horizontal-layout-md-wide-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-nlarge, .horizontal-layout-md-wide-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-wide.vertical-gap-md-nhuge, .horizontal-layout-md-wide-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-wide.with-divider, .horizontal-layout-md-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-wide.with-divider > *:not(:last-child), .horizontal-layout-md-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-md-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-md-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -30px;
  }

  .vertical-layout-md-wide {
    display: flex;
    gap: 30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-wide.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-wide.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-wide.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-wide.with-divider > *, .vertical-layout-md-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-wide.with-divider > *:not(:last-child)::after, .vertical-layout-md-wide.with-divider-ends > *::before, .vertical-layout-md-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-wide.with-divider-ends > *:first-child::before {
    top: calc(-30px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-large, .horizontal-layout-md-large-compressed {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-large.vertical-gap-md-spaceless, .horizontal-layout-md-large-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-large.vertical-gap-md-condensed, .horizontal-layout-md-large-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-large.vertical-gap-md-spaced, .horizontal-layout-md-large-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-large.vertical-gap-md-normal, .horizontal-layout-md-large-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-large.vertical-gap-md, .horizontal-layout-md-large-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-large.vertical-gap-md-semi-wide, .horizontal-layout-md-large-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-large.vertical-gap-md-wide, .horizontal-layout-md-large-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-large.vertical-gap-md-large, .horizontal-layout-md-large-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-large.vertical-gap-md-huge, .horizontal-layout-md-large-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-large.vertical-gap-md-ncondensed, .horizontal-layout-md-large-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-large.vertical-gap-md-nspaced, .horizontal-layout-md-large-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-large.vertical-gap-md-nnormal, .horizontal-layout-md-large-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-large.vertical-gap-md-nsemi-wide, .horizontal-layout-md-large-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-large.vertical-gap-md-nwide, .horizontal-layout-md-large-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-large.vertical-gap-md-nlarge, .horizontal-layout-md-large-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-large.vertical-gap-md-nhuge, .horizontal-layout-md-large-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-large.with-divider, .horizontal-layout-md-large-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-large.with-divider > *:not(:last-child), .horizontal-layout-md-large-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-large.with-divider > *:not(:last-child)::after, .horizontal-layout-md-large-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-large-compressed {
    gap: 0;
  }
  .horizontal-layout-md-large-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -60px;
  }

  .vertical-layout-md-large {
    display: flex;
    gap: 60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-large.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-large.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-large.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-large.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-large.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-large.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-large.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-large.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-large.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-large.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-large.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-large.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-large.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-large.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-large.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-large.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-large.with-divider > *, .vertical-layout-md-large.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-large.with-divider > *:not(:last-child)::after, .vertical-layout-md-large.with-divider-ends > *::before, .vertical-layout-md-large.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-large.with-divider-ends > *:first-child::before {
    top: calc(-60px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-huge, .horizontal-layout-md-huge-compressed {
    display: flex;
    gap: 90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-huge.vertical-gap-md-spaceless, .horizontal-layout-md-huge-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-condensed, .horizontal-layout-md-huge-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-spaced, .horizontal-layout-md-huge-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-normal, .horizontal-layout-md-huge-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-huge.vertical-gap-md, .horizontal-layout-md-huge-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-semi-wide, .horizontal-layout-md-huge-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-wide, .horizontal-layout-md-huge-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-large, .horizontal-layout-md-huge-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-huge, .horizontal-layout-md-huge-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-ncondensed, .horizontal-layout-md-huge-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-nspaced, .horizontal-layout-md-huge-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-nnormal, .horizontal-layout-md-huge-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-nsemi-wide, .horizontal-layout-md-huge-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-nwide, .horizontal-layout-md-huge-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-nlarge, .horizontal-layout-md-huge-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-huge.vertical-gap-md-nhuge, .horizontal-layout-md-huge-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-huge.with-divider, .horizontal-layout-md-huge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-huge.with-divider > *:not(:last-child), .horizontal-layout-md-huge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-huge.with-divider > *:not(:last-child)::after, .horizontal-layout-md-huge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-huge-compressed {
    gap: 0;
  }
  .horizontal-layout-md-huge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -90px;
  }

  .vertical-layout-md-huge {
    display: flex;
    gap: 90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-huge.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-huge.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-huge.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-huge.with-divider > *, .vertical-layout-md-huge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-huge.with-divider > *:not(:last-child)::after, .vertical-layout-md-huge.with-divider-ends > *::before, .vertical-layout-md-huge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-huge.with-divider-ends > *:first-child::before {
    top: calc(-90px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-ncondensed, .horizontal-layout-md-ncondensed-compressed {
    display: flex;
    gap: -5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-spaceless, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-condensed, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-spaced, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-normal, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-semi-wide, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-wide, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-large, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-huge, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-ncondensed, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-nspaced, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-nnormal, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-nsemi-wide, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-nwide, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-nlarge, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-ncondensed.vertical-gap-md-nhuge, .horizontal-layout-md-ncondensed-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-ncondensed.with-divider, .horizontal-layout-md-ncondensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-ncondensed.with-divider > *:not(:last-child), .horizontal-layout-md-ncondensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-ncondensed.with-divider > *:not(:last-child)::after, .horizontal-layout-md-ncondensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-ncondensed-compressed {
    gap: 0;
  }
  .horizontal-layout-md-ncondensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --5px;
  }

  .vertical-layout-md-ncondensed {
    display: flex;
    gap: -5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-ncondensed.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-ncondensed.with-divider > *, .vertical-layout-md-ncondensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-ncondensed.with-divider > *:not(:last-child)::after, .vertical-layout-md-ncondensed.with-divider-ends > *::before, .vertical-layout-md-ncondensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-ncondensed.with-divider-ends > *:first-child::before {
    top: calc(--5px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-nspaced, .horizontal-layout-md-nspaced-compressed {
    display: flex;
    gap: -10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-spaceless, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-condensed, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-spaced, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-normal, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md, .horizontal-layout-md-nspaced-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-semi-wide, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-wide, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-large, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-huge, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-ncondensed, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-nspaced, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-nnormal, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-nsemi-wide, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-nwide, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-nlarge, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-nspaced.vertical-gap-md-nhuge, .horizontal-layout-md-nspaced-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-nspaced.with-divider, .horizontal-layout-md-nspaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-nspaced.with-divider > *:not(:last-child), .horizontal-layout-md-nspaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-nspaced.with-divider > *:not(:last-child)::after, .horizontal-layout-md-nspaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-nspaced-compressed {
    gap: 0;
  }
  .horizontal-layout-md-nspaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --10px;
  }

  .vertical-layout-md-nspaced {
    display: flex;
    gap: -10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-nspaced.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-nspaced.with-divider > *, .vertical-layout-md-nspaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-nspaced.with-divider > *:not(:last-child)::after, .vertical-layout-md-nspaced.with-divider-ends > *::before, .vertical-layout-md-nspaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-nspaced.with-divider-ends > *:first-child::before {
    top: calc(--10px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-nnormal, .horizontal-layout-md-nnormal-compressed {
    display: flex;
    gap: -15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-spaceless, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-condensed, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-spaced, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-normal, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md, .horizontal-layout-md-nnormal-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-semi-wide, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-wide, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-large, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-huge, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-ncondensed, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-nspaced, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-nnormal, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-nsemi-wide, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-nwide, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-nlarge, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-nnormal.vertical-gap-md-nhuge, .horizontal-layout-md-nnormal-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-nnormal.with-divider, .horizontal-layout-md-nnormal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-nnormal.with-divider > *:not(:last-child), .horizontal-layout-md-nnormal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-nnormal.with-divider > *:not(:last-child)::after, .horizontal-layout-md-nnormal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-nnormal-compressed {
    gap: 0;
  }
  .horizontal-layout-md-nnormal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --15px;
  }

  .vertical-layout-md-nnormal {
    display: flex;
    gap: -15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-nnormal.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-nnormal.with-divider > *, .vertical-layout-md-nnormal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-nnormal.with-divider > *:not(:last-child)::after, .vertical-layout-md-nnormal.with-divider-ends > *::before, .vertical-layout-md-nnormal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-nnormal.with-divider-ends > *:first-child::before {
    top: calc(--15px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-nsemi-wide, .horizontal-layout-md-nsemi-wide-compressed {
    display: flex;
    gap: -20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-spaceless, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-condensed, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-spaced, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-normal, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-semi-wide, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-wide, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-large, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-huge, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-ncondensed, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-nspaced, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-nnormal, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-nsemi-wide, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-nwide, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-nlarge, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-nsemi-wide.vertical-gap-md-nhuge, .horizontal-layout-md-nsemi-wide-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-nsemi-wide.with-divider, .horizontal-layout-md-nsemi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-nsemi-wide.with-divider > *:not(:last-child), .horizontal-layout-md-nsemi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-nsemi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-md-nsemi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-nsemi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-md-nsemi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --20px;
  }

  .vertical-layout-md-nsemi-wide {
    display: flex;
    gap: -20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-nsemi-wide.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-nsemi-wide.with-divider > *, .vertical-layout-md-nsemi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-nsemi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-md-nsemi-wide.with-divider-ends > *::before, .vertical-layout-md-nsemi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-nsemi-wide.with-divider-ends > *:first-child::before {
    top: calc(--20px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-nwide, .horizontal-layout-md-nwide-compressed {
    display: flex;
    gap: -30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-spaceless, .horizontal-layout-md-nwide-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-condensed, .horizontal-layout-md-nwide-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-spaced, .horizontal-layout-md-nwide-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-normal, .horizontal-layout-md-nwide-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md, .horizontal-layout-md-nwide-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-semi-wide, .horizontal-layout-md-nwide-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-wide, .horizontal-layout-md-nwide-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-large, .horizontal-layout-md-nwide-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-huge, .horizontal-layout-md-nwide-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-ncondensed, .horizontal-layout-md-nwide-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-nspaced, .horizontal-layout-md-nwide-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-nnormal, .horizontal-layout-md-nwide-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-nsemi-wide, .horizontal-layout-md-nwide-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-nwide, .horizontal-layout-md-nwide-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-nlarge, .horizontal-layout-md-nwide-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-nwide.vertical-gap-md-nhuge, .horizontal-layout-md-nwide-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-nwide.with-divider, .horizontal-layout-md-nwide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-nwide.with-divider > *:not(:last-child), .horizontal-layout-md-nwide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-nwide.with-divider > *:not(:last-child)::after, .horizontal-layout-md-nwide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-nwide-compressed {
    gap: 0;
  }
  .horizontal-layout-md-nwide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --30px;
  }

  .vertical-layout-md-nwide {
    display: flex;
    gap: -30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-nwide.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-nwide.with-divider > *, .vertical-layout-md-nwide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-nwide.with-divider > *:not(:last-child)::after, .vertical-layout-md-nwide.with-divider-ends > *::before, .vertical-layout-md-nwide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-nwide.with-divider-ends > *:first-child::before {
    top: calc(--30px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-nlarge, .horizontal-layout-md-nlarge-compressed {
    display: flex;
    gap: -60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-spaceless, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-condensed, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-spaced, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-normal, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md, .horizontal-layout-md-nlarge-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-semi-wide, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-wide, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-large, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-huge, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-ncondensed, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-nspaced, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-nnormal, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-nsemi-wide, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-nwide, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-nlarge, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-nlarge.vertical-gap-md-nhuge, .horizontal-layout-md-nlarge-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-nlarge.with-divider, .horizontal-layout-md-nlarge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-nlarge.with-divider > *:not(:last-child), .horizontal-layout-md-nlarge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-nlarge.with-divider > *:not(:last-child)::after, .horizontal-layout-md-nlarge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-nlarge-compressed {
    gap: 0;
  }
  .horizontal-layout-md-nlarge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --60px;
  }

  .vertical-layout-md-nlarge {
    display: flex;
    gap: -60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-nlarge.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-nlarge.with-divider > *, .vertical-layout-md-nlarge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-nlarge.with-divider > *:not(:last-child)::after, .vertical-layout-md-nlarge.with-divider-ends > *::before, .vertical-layout-md-nlarge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-nlarge.with-divider-ends > *:first-child::before {
    top: calc(--60px / 2);
    bottom: initial;
  }

  .horizontal-layout-md-nhuge, .horizontal-layout-md-nhuge-compressed {
    display: flex;
    gap: -90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-spaceless, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-condensed, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-spaced, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-normal, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-normal {
    row-gap: 15px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md, .horizontal-layout-md-nhuge-compressed.vertical-gap-md {
    row-gap: 15px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-semi-wide, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-wide, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-wide {
    row-gap: 30px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-large, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-large {
    row-gap: 60px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-huge, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-huge {
    row-gap: 90px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-ncondensed, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-nspaced, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-nnormal, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-nsemi-wide, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-nwide, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-nlarge, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-md-nhuge.vertical-gap-md-nhuge, .horizontal-layout-md-nhuge-compressed.vertical-gap-md-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-md-nhuge.with-divider, .horizontal-layout-md-nhuge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-md-nhuge.with-divider > *:not(:last-child), .horizontal-layout-md-nhuge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-md-nhuge.with-divider > *:not(:last-child)::after, .horizontal-layout-md-nhuge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-md-nhuge-compressed {
    gap: 0;
  }
  .horizontal-layout-md-nhuge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --90px;
  }

  .vertical-layout-md-nhuge {
    display: flex;
    gap: -90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-condensed {
    column-gap: 5px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-spaced {
    column-gap: 10px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-normal {
    column-gap: 15px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md {
    column-gap: 15px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-wide {
    column-gap: 30px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-large {
    column-gap: 60px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-huge {
    column-gap: 90px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-nwide {
    column-gap: -30px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-md-nhuge.horizontal-gap-md-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-md-nhuge.with-divider > *, .vertical-layout-md-nhuge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-md-nhuge.with-divider > *:not(:last-child)::after, .vertical-layout-md-nhuge.with-divider-ends > *::before, .vertical-layout-md-nhuge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-md-nhuge.with-divider-ends > *:first-child::before {
    top: calc(--90px / 2);
    bottom: initial;
  }
}
@media (min-width: 992px) {
  .horizontal-layout-lg-spaceless, .horizontal-layout-lg-spaceless-compressed {
    display: flex;
    gap: 0px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-spaceless, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-condensed, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-spaced, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-normal, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-semi-wide, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-wide, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-large, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-huge, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-ncondensed, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-nspaced, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-nnormal, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-nwide, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-nlarge, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-spaceless.vertical-gap-lg-nhuge, .horizontal-layout-lg-spaceless-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-spaceless.with-divider, .horizontal-layout-lg-spaceless-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-spaceless.with-divider > *:not(:last-child), .horizontal-layout-lg-spaceless-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-spaceless.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-spaceless-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-spaceless-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-spaceless-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: 0px;
  }

  .vertical-layout-lg-spaceless {
    display: flex;
    gap: 0px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-spaceless.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-spaceless.with-divider > *, .vertical-layout-lg-spaceless.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-spaceless.with-divider > *:not(:last-child)::after, .vertical-layout-lg-spaceless.with-divider-ends > *::before, .vertical-layout-lg-spaceless.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-spaceless.with-divider-ends > *:first-child::before {
    top: calc(-0px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-condensed, .horizontal-layout-lg-condensed-compressed {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-spaceless, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-condensed, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-spaced, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-normal, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-semi-wide, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-wide, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-large, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-huge, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-ncondensed, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-nspaced, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-nnormal, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-nwide, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-nlarge, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-condensed.vertical-gap-lg-nhuge, .horizontal-layout-lg-condensed-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-condensed.with-divider, .horizontal-layout-lg-condensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-condensed.with-divider > *:not(:last-child), .horizontal-layout-lg-condensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-condensed.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-condensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-condensed-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-condensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -5px;
  }

  .vertical-layout-lg-condensed {
    display: flex;
    gap: 5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-condensed.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-condensed.with-divider > *, .vertical-layout-lg-condensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-condensed.with-divider > *:not(:last-child)::after, .vertical-layout-lg-condensed.with-divider-ends > *::before, .vertical-layout-lg-condensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-condensed.with-divider-ends > *:first-child::before {
    top: calc(-5px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-spaced, .horizontal-layout-lg-spaced-compressed {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-spaceless, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-condensed, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-spaced, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-normal, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-semi-wide, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-wide, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-large, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-huge, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-ncondensed, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-nspaced, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-nnormal, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-nwide, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-nlarge, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-spaced.vertical-gap-lg-nhuge, .horizontal-layout-lg-spaced-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-spaced.with-divider, .horizontal-layout-lg-spaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-spaced.with-divider > *:not(:last-child), .horizontal-layout-lg-spaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-spaced.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-spaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-spaced-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-spaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -10px;
  }

  .vertical-layout-lg-spaced {
    display: flex;
    gap: 10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-spaced.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-spaced.with-divider > *, .vertical-layout-lg-spaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-spaced.with-divider > *:not(:last-child)::after, .vertical-layout-lg-spaced.with-divider-ends > *::before, .vertical-layout-lg-spaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-spaced.with-divider-ends > *:first-child::before {
    top: calc(-10px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-normal, .horizontal-layout-lg-normal-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-spaceless, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-condensed, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-spaced, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-normal, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg, .horizontal-layout-lg-normal-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-semi-wide, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-wide, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-large, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-huge, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-ncondensed, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-nspaced, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-nnormal, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-nwide, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-nlarge, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-normal.vertical-gap-lg-nhuge, .horizontal-layout-lg-normal-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-normal.with-divider, .horizontal-layout-lg-normal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-normal.with-divider > *:not(:last-child), .horizontal-layout-lg-normal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-normal.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-normal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-normal-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-normal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-lg-normal {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-normal.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-normal.with-divider > *, .vertical-layout-lg-normal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-normal.with-divider > *:not(:last-child)::after, .vertical-layout-lg-normal.with-divider-ends > *::before, .vertical-layout-lg-normal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-normal.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg, .horizontal-layout-lg-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg.vertical-gap-lg-spaceless, .horizontal-layout-lg-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg.vertical-gap-lg-condensed, .horizontal-layout-lg-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg.vertical-gap-lg-spaced, .horizontal-layout-lg-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg.vertical-gap-lg-normal, .horizontal-layout-lg-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg.vertical-gap-lg, .horizontal-layout-lg-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg.vertical-gap-lg-semi-wide, .horizontal-layout-lg-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg.vertical-gap-lg-wide, .horizontal-layout-lg-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg.vertical-gap-lg-large, .horizontal-layout-lg-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg.vertical-gap-lg-huge, .horizontal-layout-lg-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg.vertical-gap-lg-ncondensed, .horizontal-layout-lg-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg.vertical-gap-lg-nspaced, .horizontal-layout-lg-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg.vertical-gap-lg-nnormal, .horizontal-layout-lg-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg.vertical-gap-lg-nwide, .horizontal-layout-lg-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg.vertical-gap-lg-nlarge, .horizontal-layout-lg-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg.vertical-gap-lg-nhuge, .horizontal-layout-lg-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg.with-divider, .horizontal-layout-lg-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg.with-divider > *:not(:last-child), .horizontal-layout-lg-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-lg {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg.with-divider > *, .vertical-layout-lg.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg.with-divider > *:not(:last-child)::after, .vertical-layout-lg.with-divider-ends > *::before, .vertical-layout-lg.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-semi-wide, .horizontal-layout-lg-semi-wide-compressed {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-spaceless, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-condensed, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-spaced, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-normal, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-semi-wide, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-wide, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-large, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-huge, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-ncondensed, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-nspaced, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-nnormal, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-nwide, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-nlarge, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-semi-wide.vertical-gap-lg-nhuge, .horizontal-layout-lg-semi-wide-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-semi-wide.with-divider, .horizontal-layout-lg-semi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-semi-wide.with-divider > *:not(:last-child), .horizontal-layout-lg-semi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-semi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-semi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-semi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-semi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -20px;
  }

  .vertical-layout-lg-semi-wide {
    display: flex;
    gap: 20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-semi-wide.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-semi-wide.with-divider > *, .vertical-layout-lg-semi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-semi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-lg-semi-wide.with-divider-ends > *::before, .vertical-layout-lg-semi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-semi-wide.with-divider-ends > *:first-child::before {
    top: calc(-20px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-wide, .horizontal-layout-lg-wide-compressed {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-spaceless, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-condensed, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-spaced, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-normal, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg, .horizontal-layout-lg-wide-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-semi-wide, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-wide, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-large, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-huge, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-ncondensed, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-nspaced, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-nnormal, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-nwide, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-nlarge, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-wide.vertical-gap-lg-nhuge, .horizontal-layout-lg-wide-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-wide.with-divider, .horizontal-layout-lg-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-wide.with-divider > *:not(:last-child), .horizontal-layout-lg-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -30px;
  }

  .vertical-layout-lg-wide {
    display: flex;
    gap: 30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-wide.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-wide.with-divider > *, .vertical-layout-lg-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-wide.with-divider > *:not(:last-child)::after, .vertical-layout-lg-wide.with-divider-ends > *::before, .vertical-layout-lg-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-wide.with-divider-ends > *:first-child::before {
    top: calc(-30px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-large, .horizontal-layout-lg-large-compressed {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-spaceless, .horizontal-layout-lg-large-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-condensed, .horizontal-layout-lg-large-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-spaced, .horizontal-layout-lg-large-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-normal, .horizontal-layout-lg-large-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg, .horizontal-layout-lg-large-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-semi-wide, .horizontal-layout-lg-large-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-wide, .horizontal-layout-lg-large-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-large, .horizontal-layout-lg-large-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-huge, .horizontal-layout-lg-large-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-ncondensed, .horizontal-layout-lg-large-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-nspaced, .horizontal-layout-lg-large-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-nnormal, .horizontal-layout-lg-large-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-large-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-nwide, .horizontal-layout-lg-large-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-nlarge, .horizontal-layout-lg-large-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-large.vertical-gap-lg-nhuge, .horizontal-layout-lg-large-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-large.with-divider, .horizontal-layout-lg-large-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-large.with-divider > *:not(:last-child), .horizontal-layout-lg-large-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-large.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-large-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-large-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-large-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -60px;
  }

  .vertical-layout-lg-large {
    display: flex;
    gap: 60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-large.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-large.with-divider > *, .vertical-layout-lg-large.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-large.with-divider > *:not(:last-child)::after, .vertical-layout-lg-large.with-divider-ends > *::before, .vertical-layout-lg-large.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-large.with-divider-ends > *:first-child::before {
    top: calc(-60px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-huge, .horizontal-layout-lg-huge-compressed {
    display: flex;
    gap: 90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-spaceless, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-condensed, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-spaced, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-normal, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg, .horizontal-layout-lg-huge-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-semi-wide, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-wide, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-large, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-huge, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-ncondensed, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-nspaced, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-nnormal, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-nwide, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-nlarge, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-huge.vertical-gap-lg-nhuge, .horizontal-layout-lg-huge-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-huge.with-divider, .horizontal-layout-lg-huge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-huge.with-divider > *:not(:last-child), .horizontal-layout-lg-huge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-huge.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-huge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-huge-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-huge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -90px;
  }

  .vertical-layout-lg-huge {
    display: flex;
    gap: 90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-huge.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-huge.with-divider > *, .vertical-layout-lg-huge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-huge.with-divider > *:not(:last-child)::after, .vertical-layout-lg-huge.with-divider-ends > *::before, .vertical-layout-lg-huge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-huge.with-divider-ends > *:first-child::before {
    top: calc(-90px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-ncondensed, .horizontal-layout-lg-ncondensed-compressed {
    display: flex;
    gap: -5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-spaceless, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-condensed, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-spaced, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-normal, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-semi-wide, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-wide, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-large, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-huge, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-ncondensed, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-nspaced, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-nnormal, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-nwide, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-nlarge, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-ncondensed.vertical-gap-lg-nhuge, .horizontal-layout-lg-ncondensed-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-ncondensed.with-divider, .horizontal-layout-lg-ncondensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-ncondensed.with-divider > *:not(:last-child), .horizontal-layout-lg-ncondensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-ncondensed.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-ncondensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-ncondensed-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-ncondensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --5px;
  }

  .vertical-layout-lg-ncondensed {
    display: flex;
    gap: -5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-ncondensed.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-ncondensed.with-divider > *, .vertical-layout-lg-ncondensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-ncondensed.with-divider > *:not(:last-child)::after, .vertical-layout-lg-ncondensed.with-divider-ends > *::before, .vertical-layout-lg-ncondensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-ncondensed.with-divider-ends > *:first-child::before {
    top: calc(--5px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-nspaced, .horizontal-layout-lg-nspaced-compressed {
    display: flex;
    gap: -10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-spaceless, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-condensed, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-spaced, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-normal, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-semi-wide, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-wide, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-large, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-huge, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-ncondensed, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-nspaced, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-nnormal, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-nwide, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-nlarge, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-nspaced.vertical-gap-lg-nhuge, .horizontal-layout-lg-nspaced-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-nspaced.with-divider, .horizontal-layout-lg-nspaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-nspaced.with-divider > *:not(:last-child), .horizontal-layout-lg-nspaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-nspaced.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-nspaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-nspaced-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-nspaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --10px;
  }

  .vertical-layout-lg-nspaced {
    display: flex;
    gap: -10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-nspaced.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-nspaced.with-divider > *, .vertical-layout-lg-nspaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-nspaced.with-divider > *:not(:last-child)::after, .vertical-layout-lg-nspaced.with-divider-ends > *::before, .vertical-layout-lg-nspaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-nspaced.with-divider-ends > *:first-child::before {
    top: calc(--10px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-nnormal, .horizontal-layout-lg-nnormal-compressed {
    display: flex;
    gap: -15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-spaceless, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-condensed, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-spaced, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-normal, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-semi-wide, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-wide, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-large, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-huge, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-ncondensed, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-nspaced, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-nnormal, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-nwide, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-nlarge, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-nnormal.vertical-gap-lg-nhuge, .horizontal-layout-lg-nnormal-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-nnormal.with-divider, .horizontal-layout-lg-nnormal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-nnormal.with-divider > *:not(:last-child), .horizontal-layout-lg-nnormal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-nnormal.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-nnormal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-nnormal-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-nnormal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --15px;
  }

  .vertical-layout-lg-nnormal {
    display: flex;
    gap: -15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-nnormal.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-nnormal.with-divider > *, .vertical-layout-lg-nnormal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-nnormal.with-divider > *:not(:last-child)::after, .vertical-layout-lg-nnormal.with-divider-ends > *::before, .vertical-layout-lg-nnormal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-nnormal.with-divider-ends > *:first-child::before {
    top: calc(--15px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-nsemi-wide, .horizontal-layout-lg-nsemi-wide-compressed {
    display: flex;
    gap: -20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-spaceless, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-condensed, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-spaced, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-normal, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-semi-wide, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-wide, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-large, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-huge, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-ncondensed, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-nspaced, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-nnormal, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-nwide, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-nlarge, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-nsemi-wide.vertical-gap-lg-nhuge, .horizontal-layout-lg-nsemi-wide-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-nsemi-wide.with-divider, .horizontal-layout-lg-nsemi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-nsemi-wide.with-divider > *:not(:last-child), .horizontal-layout-lg-nsemi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-nsemi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-nsemi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-nsemi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-nsemi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --20px;
  }

  .vertical-layout-lg-nsemi-wide {
    display: flex;
    gap: -20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-nsemi-wide.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-nsemi-wide.with-divider > *, .vertical-layout-lg-nsemi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-nsemi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-lg-nsemi-wide.with-divider-ends > *::before, .vertical-layout-lg-nsemi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-nsemi-wide.with-divider-ends > *:first-child::before {
    top: calc(--20px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-nwide, .horizontal-layout-lg-nwide-compressed {
    display: flex;
    gap: -30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-spaceless, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-condensed, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-spaced, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-normal, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-semi-wide, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-wide, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-large, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-huge, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-ncondensed, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-nspaced, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-nnormal, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-nwide, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-nlarge, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-nwide.vertical-gap-lg-nhuge, .horizontal-layout-lg-nwide-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-nwide.with-divider, .horizontal-layout-lg-nwide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-nwide.with-divider > *:not(:last-child), .horizontal-layout-lg-nwide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-nwide.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-nwide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-nwide-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-nwide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --30px;
  }

  .vertical-layout-lg-nwide {
    display: flex;
    gap: -30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-nwide.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-nwide.with-divider > *, .vertical-layout-lg-nwide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-nwide.with-divider > *:not(:last-child)::after, .vertical-layout-lg-nwide.with-divider-ends > *::before, .vertical-layout-lg-nwide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-nwide.with-divider-ends > *:first-child::before {
    top: calc(--30px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-nlarge, .horizontal-layout-lg-nlarge-compressed {
    display: flex;
    gap: -60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-spaceless, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-condensed, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-spaced, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-normal, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-semi-wide, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-wide, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-large, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-huge, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-ncondensed, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-nspaced, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-nnormal, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-nwide, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-nlarge, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-nlarge.vertical-gap-lg-nhuge, .horizontal-layout-lg-nlarge-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-nlarge.with-divider, .horizontal-layout-lg-nlarge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-nlarge.with-divider > *:not(:last-child), .horizontal-layout-lg-nlarge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-nlarge.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-nlarge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-nlarge-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-nlarge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --60px;
  }

  .vertical-layout-lg-nlarge {
    display: flex;
    gap: -60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-nlarge.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-nlarge.with-divider > *, .vertical-layout-lg-nlarge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-nlarge.with-divider > *:not(:last-child)::after, .vertical-layout-lg-nlarge.with-divider-ends > *::before, .vertical-layout-lg-nlarge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-nlarge.with-divider-ends > *:first-child::before {
    top: calc(--60px / 2);
    bottom: initial;
  }

  .horizontal-layout-lg-nhuge, .horizontal-layout-lg-nhuge-compressed {
    display: flex;
    gap: -90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-spaceless, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-condensed, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-spaced, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-normal, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-normal {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg {
    row-gap: 15px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-semi-wide, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-wide, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-wide {
    row-gap: 30px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-large, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-large {
    row-gap: 60px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-huge, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-huge {
    row-gap: 90px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-ncondensed, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-nspaced, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-nnormal, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-nsemi-wide, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-nwide, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-nlarge, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-lg-nhuge.vertical-gap-lg-nhuge, .horizontal-layout-lg-nhuge-compressed.vertical-gap-lg-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-lg-nhuge.with-divider, .horizontal-layout-lg-nhuge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-lg-nhuge.with-divider > *:not(:last-child), .horizontal-layout-lg-nhuge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-lg-nhuge.with-divider > *:not(:last-child)::after, .horizontal-layout-lg-nhuge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-lg-nhuge-compressed {
    gap: 0;
  }
  .horizontal-layout-lg-nhuge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --90px;
  }

  .vertical-layout-lg-nhuge {
    display: flex;
    gap: -90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-condensed {
    column-gap: 5px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-spaced {
    column-gap: 10px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-normal {
    column-gap: 15px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg {
    column-gap: 15px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-wide {
    column-gap: 30px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-large {
    column-gap: 60px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-huge {
    column-gap: 90px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-nwide {
    column-gap: -30px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-lg-nhuge.horizontal-gap-lg-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-lg-nhuge.with-divider > *, .vertical-layout-lg-nhuge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-lg-nhuge.with-divider > *:not(:last-child)::after, .vertical-layout-lg-nhuge.with-divider-ends > *::before, .vertical-layout-lg-nhuge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-lg-nhuge.with-divider-ends > *:first-child::before {
    top: calc(--90px / 2);
    bottom: initial;
  }
}
@media (min-width: 1200px) {
  .horizontal-layout-xl-spaceless, .horizontal-layout-xl-spaceless-compressed {
    display: flex;
    gap: 0px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-spaceless, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-condensed, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-spaced, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-normal, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-semi-wide, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-wide, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-large, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-huge, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-ncondensed, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-nspaced, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-nnormal, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-nwide, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-nlarge, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-spaceless.vertical-gap-xl-nhuge, .horizontal-layout-xl-spaceless-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-spaceless.with-divider, .horizontal-layout-xl-spaceless-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-spaceless.with-divider > *:not(:last-child), .horizontal-layout-xl-spaceless-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-spaceless.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-spaceless-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-spaceless-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-spaceless-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: 0px;
  }

  .vertical-layout-xl-spaceless {
    display: flex;
    gap: 0px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-spaceless.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-spaceless.with-divider > *, .vertical-layout-xl-spaceless.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-spaceless.with-divider > *:not(:last-child)::after, .vertical-layout-xl-spaceless.with-divider-ends > *::before, .vertical-layout-xl-spaceless.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-spaceless.with-divider-ends > *:first-child::before {
    top: calc(-0px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-condensed, .horizontal-layout-xl-condensed-compressed {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-spaceless, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-condensed, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-spaced, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-normal, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-semi-wide, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-wide, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-large, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-huge, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-ncondensed, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-nspaced, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-nnormal, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-nwide, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-nlarge, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-condensed.vertical-gap-xl-nhuge, .horizontal-layout-xl-condensed-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-condensed.with-divider, .horizontal-layout-xl-condensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-condensed.with-divider > *:not(:last-child), .horizontal-layout-xl-condensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-condensed.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-condensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-condensed-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-condensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -5px;
  }

  .vertical-layout-xl-condensed {
    display: flex;
    gap: 5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-condensed.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-condensed.with-divider > *, .vertical-layout-xl-condensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-condensed.with-divider > *:not(:last-child)::after, .vertical-layout-xl-condensed.with-divider-ends > *::before, .vertical-layout-xl-condensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-condensed.with-divider-ends > *:first-child::before {
    top: calc(-5px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-spaced, .horizontal-layout-xl-spaced-compressed {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-spaceless, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-condensed, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-spaced, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-normal, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-semi-wide, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-wide, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-large, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-huge, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-ncondensed, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-nspaced, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-nnormal, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-nwide, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-nlarge, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-spaced.vertical-gap-xl-nhuge, .horizontal-layout-xl-spaced-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-spaced.with-divider, .horizontal-layout-xl-spaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-spaced.with-divider > *:not(:last-child), .horizontal-layout-xl-spaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-spaced.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-spaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-spaced-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-spaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -10px;
  }

  .vertical-layout-xl-spaced {
    display: flex;
    gap: 10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-spaced.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-spaced.with-divider > *, .vertical-layout-xl-spaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-spaced.with-divider > *:not(:last-child)::after, .vertical-layout-xl-spaced.with-divider-ends > *::before, .vertical-layout-xl-spaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-spaced.with-divider-ends > *:first-child::before {
    top: calc(-10px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-normal, .horizontal-layout-xl-normal-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-spaceless, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-condensed, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-spaced, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-normal, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl, .horizontal-layout-xl-normal-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-semi-wide, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-wide, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-large, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-huge, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-ncondensed, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-nspaced, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-nnormal, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-nwide, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-nlarge, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-normal.vertical-gap-xl-nhuge, .horizontal-layout-xl-normal-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-normal.with-divider, .horizontal-layout-xl-normal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-normal.with-divider > *:not(:last-child), .horizontal-layout-xl-normal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-normal.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-normal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-normal-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-normal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-xl-normal {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-normal.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-normal.with-divider > *, .vertical-layout-xl-normal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-normal.with-divider > *:not(:last-child)::after, .vertical-layout-xl-normal.with-divider-ends > *::before, .vertical-layout-xl-normal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-normal.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl, .horizontal-layout-xl-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl.vertical-gap-xl-spaceless, .horizontal-layout-xl-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl.vertical-gap-xl-condensed, .horizontal-layout-xl-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl.vertical-gap-xl-spaced, .horizontal-layout-xl-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl.vertical-gap-xl-normal, .horizontal-layout-xl-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl.vertical-gap-xl, .horizontal-layout-xl-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl.vertical-gap-xl-semi-wide, .horizontal-layout-xl-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl.vertical-gap-xl-wide, .horizontal-layout-xl-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl.vertical-gap-xl-large, .horizontal-layout-xl-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl.vertical-gap-xl-huge, .horizontal-layout-xl-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl.vertical-gap-xl-ncondensed, .horizontal-layout-xl-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl.vertical-gap-xl-nspaced, .horizontal-layout-xl-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl.vertical-gap-xl-nnormal, .horizontal-layout-xl-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl.vertical-gap-xl-nwide, .horizontal-layout-xl-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl.vertical-gap-xl-nlarge, .horizontal-layout-xl-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl.vertical-gap-xl-nhuge, .horizontal-layout-xl-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl.with-divider, .horizontal-layout-xl-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl.with-divider > *:not(:last-child), .horizontal-layout-xl-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-xl {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl.with-divider > *, .vertical-layout-xl.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl.with-divider > *:not(:last-child)::after, .vertical-layout-xl.with-divider-ends > *::before, .vertical-layout-xl.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-semi-wide, .horizontal-layout-xl-semi-wide-compressed {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-spaceless, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-condensed, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-spaced, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-normal, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-semi-wide, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-wide, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-large, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-huge, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-ncondensed, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-nspaced, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-nnormal, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-nwide, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-nlarge, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-semi-wide.vertical-gap-xl-nhuge, .horizontal-layout-xl-semi-wide-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-semi-wide.with-divider, .horizontal-layout-xl-semi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-semi-wide.with-divider > *:not(:last-child), .horizontal-layout-xl-semi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-semi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-semi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-semi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-semi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -20px;
  }

  .vertical-layout-xl-semi-wide {
    display: flex;
    gap: 20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-semi-wide.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-semi-wide.with-divider > *, .vertical-layout-xl-semi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-semi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-xl-semi-wide.with-divider-ends > *::before, .vertical-layout-xl-semi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-semi-wide.with-divider-ends > *:first-child::before {
    top: calc(-20px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-wide, .horizontal-layout-xl-wide-compressed {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-spaceless, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-condensed, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-spaced, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-normal, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl, .horizontal-layout-xl-wide-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-semi-wide, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-wide, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-large, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-huge, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-ncondensed, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-nspaced, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-nnormal, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-nwide, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-nlarge, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-wide.vertical-gap-xl-nhuge, .horizontal-layout-xl-wide-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-wide.with-divider, .horizontal-layout-xl-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-wide.with-divider > *:not(:last-child), .horizontal-layout-xl-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -30px;
  }

  .vertical-layout-xl-wide {
    display: flex;
    gap: 30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-wide.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-wide.with-divider > *, .vertical-layout-xl-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-wide.with-divider > *:not(:last-child)::after, .vertical-layout-xl-wide.with-divider-ends > *::before, .vertical-layout-xl-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-wide.with-divider-ends > *:first-child::before {
    top: calc(-30px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-large, .horizontal-layout-xl-large-compressed {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-spaceless, .horizontal-layout-xl-large-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-condensed, .horizontal-layout-xl-large-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-spaced, .horizontal-layout-xl-large-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-normal, .horizontal-layout-xl-large-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl, .horizontal-layout-xl-large-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-semi-wide, .horizontal-layout-xl-large-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-wide, .horizontal-layout-xl-large-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-large, .horizontal-layout-xl-large-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-huge, .horizontal-layout-xl-large-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-ncondensed, .horizontal-layout-xl-large-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-nspaced, .horizontal-layout-xl-large-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-nnormal, .horizontal-layout-xl-large-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-large-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-nwide, .horizontal-layout-xl-large-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-nlarge, .horizontal-layout-xl-large-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-large.vertical-gap-xl-nhuge, .horizontal-layout-xl-large-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-large.with-divider, .horizontal-layout-xl-large-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-large.with-divider > *:not(:last-child), .horizontal-layout-xl-large-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-large.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-large-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-large-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-large-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -60px;
  }

  .vertical-layout-xl-large {
    display: flex;
    gap: 60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-large.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-large.with-divider > *, .vertical-layout-xl-large.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-large.with-divider > *:not(:last-child)::after, .vertical-layout-xl-large.with-divider-ends > *::before, .vertical-layout-xl-large.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-large.with-divider-ends > *:first-child::before {
    top: calc(-60px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-huge, .horizontal-layout-xl-huge-compressed {
    display: flex;
    gap: 90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-spaceless, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-condensed, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-spaced, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-normal, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl, .horizontal-layout-xl-huge-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-semi-wide, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-wide, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-large, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-huge, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-ncondensed, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-nspaced, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-nnormal, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-nwide, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-nlarge, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-huge.vertical-gap-xl-nhuge, .horizontal-layout-xl-huge-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-huge.with-divider, .horizontal-layout-xl-huge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-huge.with-divider > *:not(:last-child), .horizontal-layout-xl-huge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-huge.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-huge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-huge-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-huge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -90px;
  }

  .vertical-layout-xl-huge {
    display: flex;
    gap: 90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-huge.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-huge.with-divider > *, .vertical-layout-xl-huge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-huge.with-divider > *:not(:last-child)::after, .vertical-layout-xl-huge.with-divider-ends > *::before, .vertical-layout-xl-huge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-huge.with-divider-ends > *:first-child::before {
    top: calc(-90px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-ncondensed, .horizontal-layout-xl-ncondensed-compressed {
    display: flex;
    gap: -5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-spaceless, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-condensed, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-spaced, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-normal, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-semi-wide, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-wide, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-large, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-huge, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-ncondensed, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-nspaced, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-nnormal, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-nwide, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-nlarge, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-ncondensed.vertical-gap-xl-nhuge, .horizontal-layout-xl-ncondensed-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-ncondensed.with-divider, .horizontal-layout-xl-ncondensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-ncondensed.with-divider > *:not(:last-child), .horizontal-layout-xl-ncondensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-ncondensed.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-ncondensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-ncondensed-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-ncondensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --5px;
  }

  .vertical-layout-xl-ncondensed {
    display: flex;
    gap: -5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-ncondensed.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-ncondensed.with-divider > *, .vertical-layout-xl-ncondensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-ncondensed.with-divider > *:not(:last-child)::after, .vertical-layout-xl-ncondensed.with-divider-ends > *::before, .vertical-layout-xl-ncondensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-ncondensed.with-divider-ends > *:first-child::before {
    top: calc(--5px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-nspaced, .horizontal-layout-xl-nspaced-compressed {
    display: flex;
    gap: -10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-spaceless, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-condensed, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-spaced, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-normal, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-semi-wide, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-wide, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-large, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-huge, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-ncondensed, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-nspaced, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-nnormal, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-nwide, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-nlarge, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-nspaced.vertical-gap-xl-nhuge, .horizontal-layout-xl-nspaced-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-nspaced.with-divider, .horizontal-layout-xl-nspaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-nspaced.with-divider > *:not(:last-child), .horizontal-layout-xl-nspaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-nspaced.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-nspaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-nspaced-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-nspaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --10px;
  }

  .vertical-layout-xl-nspaced {
    display: flex;
    gap: -10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-nspaced.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-nspaced.with-divider > *, .vertical-layout-xl-nspaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-nspaced.with-divider > *:not(:last-child)::after, .vertical-layout-xl-nspaced.with-divider-ends > *::before, .vertical-layout-xl-nspaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-nspaced.with-divider-ends > *:first-child::before {
    top: calc(--10px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-nnormal, .horizontal-layout-xl-nnormal-compressed {
    display: flex;
    gap: -15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-spaceless, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-condensed, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-spaced, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-normal, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-semi-wide, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-wide, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-large, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-huge, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-ncondensed, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-nspaced, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-nnormal, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-nwide, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-nlarge, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-nnormal.vertical-gap-xl-nhuge, .horizontal-layout-xl-nnormal-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-nnormal.with-divider, .horizontal-layout-xl-nnormal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-nnormal.with-divider > *:not(:last-child), .horizontal-layout-xl-nnormal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-nnormal.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-nnormal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-nnormal-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-nnormal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --15px;
  }

  .vertical-layout-xl-nnormal {
    display: flex;
    gap: -15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-nnormal.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-nnormal.with-divider > *, .vertical-layout-xl-nnormal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-nnormal.with-divider > *:not(:last-child)::after, .vertical-layout-xl-nnormal.with-divider-ends > *::before, .vertical-layout-xl-nnormal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-nnormal.with-divider-ends > *:first-child::before {
    top: calc(--15px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-nsemi-wide, .horizontal-layout-xl-nsemi-wide-compressed {
    display: flex;
    gap: -20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-spaceless, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-condensed, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-spaced, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-normal, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-semi-wide, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-wide, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-large, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-huge, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-ncondensed, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-nspaced, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-nnormal, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-nwide, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-nlarge, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-nsemi-wide.vertical-gap-xl-nhuge, .horizontal-layout-xl-nsemi-wide-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-nsemi-wide.with-divider, .horizontal-layout-xl-nsemi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-nsemi-wide.with-divider > *:not(:last-child), .horizontal-layout-xl-nsemi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-nsemi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-nsemi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-nsemi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-nsemi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --20px;
  }

  .vertical-layout-xl-nsemi-wide {
    display: flex;
    gap: -20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-nsemi-wide.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-nsemi-wide.with-divider > *, .vertical-layout-xl-nsemi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-nsemi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-xl-nsemi-wide.with-divider-ends > *::before, .vertical-layout-xl-nsemi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-nsemi-wide.with-divider-ends > *:first-child::before {
    top: calc(--20px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-nwide, .horizontal-layout-xl-nwide-compressed {
    display: flex;
    gap: -30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-spaceless, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-condensed, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-spaced, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-normal, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-semi-wide, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-wide, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-large, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-huge, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-ncondensed, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-nspaced, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-nnormal, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-nwide, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-nlarge, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-nwide.vertical-gap-xl-nhuge, .horizontal-layout-xl-nwide-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-nwide.with-divider, .horizontal-layout-xl-nwide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-nwide.with-divider > *:not(:last-child), .horizontal-layout-xl-nwide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-nwide.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-nwide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-nwide-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-nwide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --30px;
  }

  .vertical-layout-xl-nwide {
    display: flex;
    gap: -30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-nwide.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-nwide.with-divider > *, .vertical-layout-xl-nwide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-nwide.with-divider > *:not(:last-child)::after, .vertical-layout-xl-nwide.with-divider-ends > *::before, .vertical-layout-xl-nwide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-nwide.with-divider-ends > *:first-child::before {
    top: calc(--30px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-nlarge, .horizontal-layout-xl-nlarge-compressed {
    display: flex;
    gap: -60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-spaceless, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-condensed, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-spaced, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-normal, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-semi-wide, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-wide, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-large, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-huge, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-ncondensed, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-nspaced, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-nnormal, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-nwide, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-nlarge, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-nlarge.vertical-gap-xl-nhuge, .horizontal-layout-xl-nlarge-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-nlarge.with-divider, .horizontal-layout-xl-nlarge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-nlarge.with-divider > *:not(:last-child), .horizontal-layout-xl-nlarge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-nlarge.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-nlarge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-nlarge-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-nlarge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --60px;
  }

  .vertical-layout-xl-nlarge {
    display: flex;
    gap: -60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-nlarge.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-nlarge.with-divider > *, .vertical-layout-xl-nlarge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-nlarge.with-divider > *:not(:last-child)::after, .vertical-layout-xl-nlarge.with-divider-ends > *::before, .vertical-layout-xl-nlarge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-nlarge.with-divider-ends > *:first-child::before {
    top: calc(--60px / 2);
    bottom: initial;
  }

  .horizontal-layout-xl-nhuge, .horizontal-layout-xl-nhuge-compressed {
    display: flex;
    gap: -90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-spaceless, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-condensed, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-spaced, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-normal, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl {
    row-gap: 15px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-semi-wide, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-wide, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-large, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-huge, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-ncondensed, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-nspaced, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-nnormal, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-nsemi-wide, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-nwide, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-nlarge, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xl-nhuge.vertical-gap-xl-nhuge, .horizontal-layout-xl-nhuge-compressed.vertical-gap-xl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xl-nhuge.with-divider, .horizontal-layout-xl-nhuge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xl-nhuge.with-divider > *:not(:last-child), .horizontal-layout-xl-nhuge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xl-nhuge.with-divider > *:not(:last-child)::after, .horizontal-layout-xl-nhuge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xl-nhuge-compressed {
    gap: 0;
  }
  .horizontal-layout-xl-nhuge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --90px;
  }

  .vertical-layout-xl-nhuge {
    display: flex;
    gap: -90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl {
    column-gap: 15px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-large {
    column-gap: 60px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xl-nhuge.horizontal-gap-xl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xl-nhuge.with-divider > *, .vertical-layout-xl-nhuge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xl-nhuge.with-divider > *:not(:last-child)::after, .vertical-layout-xl-nhuge.with-divider-ends > *::before, .vertical-layout-xl-nhuge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xl-nhuge.with-divider-ends > *:first-child::before {
    top: calc(--90px / 2);
    bottom: initial;
  }
}
@media (min-width: 1600px) {
  .horizontal-layout-xxl-spaceless, .horizontal-layout-xxl-spaceless-compressed {
    display: flex;
    gap: 0px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-condensed, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-spaced, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-normal, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-wide, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-large, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-huge, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-nwide, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-spaceless.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-spaceless-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-spaceless.with-divider, .horizontal-layout-xxl-spaceless-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-spaceless.with-divider > *:not(:last-child), .horizontal-layout-xxl-spaceless-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-spaceless.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-spaceless-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-spaceless-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-spaceless-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: 0px;
  }

  .vertical-layout-xxl-spaceless {
    display: flex;
    gap: 0px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-spaceless.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-spaceless.with-divider > *, .vertical-layout-xxl-spaceless.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-spaceless.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-spaceless.with-divider-ends > *::before, .vertical-layout-xxl-spaceless.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-spaceless.with-divider-ends > *:first-child::before {
    top: calc(-0px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-condensed, .horizontal-layout-xxl-condensed-compressed {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-condensed, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-spaced, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-normal, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-wide, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-large, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-huge, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-nwide, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-condensed.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-condensed-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-condensed.with-divider, .horizontal-layout-xxl-condensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-condensed.with-divider > *:not(:last-child), .horizontal-layout-xxl-condensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-condensed.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-condensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-condensed-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-condensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -5px;
  }

  .vertical-layout-xxl-condensed {
    display: flex;
    gap: 5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-condensed.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-condensed.with-divider > *, .vertical-layout-xxl-condensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-condensed.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-condensed.with-divider-ends > *::before, .vertical-layout-xxl-condensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-condensed.with-divider-ends > *:first-child::before {
    top: calc(-5px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-spaced, .horizontal-layout-xxl-spaced-compressed {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-condensed, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-spaced, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-normal, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-wide, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-large, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-huge, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-nwide, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-spaced.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-spaced-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-spaced.with-divider, .horizontal-layout-xxl-spaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-spaced.with-divider > *:not(:last-child), .horizontal-layout-xxl-spaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-spaced.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-spaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-spaced-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-spaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -10px;
  }

  .vertical-layout-xxl-spaced {
    display: flex;
    gap: 10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-spaced.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-spaced.with-divider > *, .vertical-layout-xxl-spaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-spaced.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-spaced.with-divider-ends > *::before, .vertical-layout-xxl-spaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-spaced.with-divider-ends > *:first-child::before {
    top: calc(-10px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-normal, .horizontal-layout-xxl-normal-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-condensed, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-spaced, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-normal, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-wide, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-large, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-huge, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-nwide, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-normal.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-normal-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-normal.with-divider, .horizontal-layout-xxl-normal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-normal.with-divider > *:not(:last-child), .horizontal-layout-xxl-normal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-normal.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-normal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-normal-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-normal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-xxl-normal {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-normal.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-normal.with-divider > *, .vertical-layout-xxl-normal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-normal.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-normal.with-divider-ends > *::before, .vertical-layout-xxl-normal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-normal.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl, .horizontal-layout-xxl-compressed {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-condensed, .horizontal-layout-xxl-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-spaced, .horizontal-layout-xxl-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-normal, .horizontal-layout-xxl-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl, .horizontal-layout-xxl-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-wide, .horizontal-layout-xxl-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-large, .horizontal-layout-xxl-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-huge, .horizontal-layout-xxl-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-nwide, .horizontal-layout-xxl-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl.with-divider, .horizontal-layout-xxl-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl.with-divider > *:not(:last-child), .horizontal-layout-xxl-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -15px;
  }

  .vertical-layout-xxl {
    display: flex;
    gap: 15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl.with-divider > *, .vertical-layout-xxl.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl.with-divider > *:not(:last-child)::after, .vertical-layout-xxl.with-divider-ends > *::before, .vertical-layout-xxl.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl.with-divider-ends > *:first-child::before {
    top: calc(-15px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-semi-wide, .horizontal-layout-xxl-semi-wide-compressed {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-condensed, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-spaced, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-normal, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-wide, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-large, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-huge, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-nwide, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-semi-wide.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-semi-wide-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-semi-wide.with-divider, .horizontal-layout-xxl-semi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-semi-wide.with-divider > *:not(:last-child), .horizontal-layout-xxl-semi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-semi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-semi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-semi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-semi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -20px;
  }

  .vertical-layout-xxl-semi-wide {
    display: flex;
    gap: 20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-semi-wide.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-semi-wide.with-divider > *, .vertical-layout-xxl-semi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-semi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-semi-wide.with-divider-ends > *::before, .vertical-layout-xxl-semi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-semi-wide.with-divider-ends > *:first-child::before {
    top: calc(-20px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-wide, .horizontal-layout-xxl-wide-compressed {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-condensed, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-spaced, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-normal, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-wide, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-large, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-huge, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-nwide, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-wide.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-wide-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-wide.with-divider, .horizontal-layout-xxl-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-wide.with-divider > *:not(:last-child), .horizontal-layout-xxl-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -30px;
  }

  .vertical-layout-xxl-wide {
    display: flex;
    gap: 30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-wide.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-wide.with-divider > *, .vertical-layout-xxl-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-wide.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-wide.with-divider-ends > *::before, .vertical-layout-xxl-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-wide.with-divider-ends > *:first-child::before {
    top: calc(-30px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-large, .horizontal-layout-xxl-large-compressed {
    display: flex;
    gap: 60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-condensed, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-spaced, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-normal, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-wide, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-large, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-huge, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-nwide, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-large.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-large-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-large.with-divider, .horizontal-layout-xxl-large-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-large.with-divider > *:not(:last-child), .horizontal-layout-xxl-large-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-large.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-large-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-large-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-large-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -60px;
  }

  .vertical-layout-xxl-large {
    display: flex;
    gap: 60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-large.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-large.with-divider > *, .vertical-layout-xxl-large.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-large.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-large.with-divider-ends > *::before, .vertical-layout-xxl-large.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-large.with-divider-ends > *:first-child::before {
    top: calc(-60px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-huge, .horizontal-layout-xxl-huge-compressed {
    display: flex;
    gap: 90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-condensed, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-spaced, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-normal, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-wide, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-large, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-huge, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-nwide, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-huge.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-huge-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-huge.with-divider, .horizontal-layout-xxl-huge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-huge.with-divider > *:not(:last-child), .horizontal-layout-xxl-huge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-huge.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-huge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-huge-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-huge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: -90px;
  }

  .vertical-layout-xxl-huge {
    display: flex;
    gap: 90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-huge.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-huge.with-divider > *, .vertical-layout-xxl-huge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-huge.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-huge.with-divider-ends > *::before, .vertical-layout-xxl-huge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-huge.with-divider-ends > *:first-child::before {
    top: calc(-90px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-ncondensed, .horizontal-layout-xxl-ncondensed-compressed {
    display: flex;
    gap: -5px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-condensed, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-spaced, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-normal, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-wide, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-large, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-huge, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-nwide, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-ncondensed.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-ncondensed-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-ncondensed.with-divider, .horizontal-layout-xxl-ncondensed-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-ncondensed.with-divider > *:not(:last-child), .horizontal-layout-xxl-ncondensed-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-ncondensed.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-ncondensed-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-ncondensed-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-ncondensed-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --5px;
  }

  .vertical-layout-xxl-ncondensed {
    display: flex;
    gap: -5px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-ncondensed.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-ncondensed.with-divider > *, .vertical-layout-xxl-ncondensed.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-ncondensed.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-ncondensed.with-divider-ends > *::before, .vertical-layout-xxl-ncondensed.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-ncondensed.with-divider-ends > *:first-child::before {
    top: calc(--5px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-nspaced, .horizontal-layout-xxl-nspaced-compressed {
    display: flex;
    gap: -10px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-condensed, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-spaced, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-normal, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-wide, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-large, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-huge, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-nwide, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-nspaced.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-nspaced-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-nspaced.with-divider, .horizontal-layout-xxl-nspaced-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-nspaced.with-divider > *:not(:last-child), .horizontal-layout-xxl-nspaced-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-nspaced.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-nspaced-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-nspaced-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-nspaced-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --10px;
  }

  .vertical-layout-xxl-nspaced {
    display: flex;
    gap: -10px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-nspaced.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-nspaced.with-divider > *, .vertical-layout-xxl-nspaced.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-nspaced.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-nspaced.with-divider-ends > *::before, .vertical-layout-xxl-nspaced.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-nspaced.with-divider-ends > *:first-child::before {
    top: calc(--10px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-nnormal, .horizontal-layout-xxl-nnormal-compressed {
    display: flex;
    gap: -15px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-condensed, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-spaced, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-normal, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-wide, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-large, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-huge, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-nwide, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-nnormal.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-nnormal-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-nnormal.with-divider, .horizontal-layout-xxl-nnormal-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-nnormal.with-divider > *:not(:last-child), .horizontal-layout-xxl-nnormal-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-nnormal.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-nnormal-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-nnormal-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-nnormal-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --15px;
  }

  .vertical-layout-xxl-nnormal {
    display: flex;
    gap: -15px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-nnormal.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-nnormal.with-divider > *, .vertical-layout-xxl-nnormal.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-nnormal.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-nnormal.with-divider-ends > *::before, .vertical-layout-xxl-nnormal.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-nnormal.with-divider-ends > *:first-child::before {
    top: calc(--15px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-nsemi-wide, .horizontal-layout-xxl-nsemi-wide-compressed {
    display: flex;
    gap: -20px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-condensed, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-spaced, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-normal, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-wide, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-large, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-huge, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-nwide, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-nsemi-wide.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-nsemi-wide-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-nsemi-wide.with-divider, .horizontal-layout-xxl-nsemi-wide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-nsemi-wide.with-divider > *:not(:last-child), .horizontal-layout-xxl-nsemi-wide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-nsemi-wide.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-nsemi-wide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-nsemi-wide-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-nsemi-wide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --20px;
  }

  .vertical-layout-xxl-nsemi-wide {
    display: flex;
    gap: -20px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-nsemi-wide.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-nsemi-wide.with-divider > *, .vertical-layout-xxl-nsemi-wide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-nsemi-wide.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-nsemi-wide.with-divider-ends > *::before, .vertical-layout-xxl-nsemi-wide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-nsemi-wide.with-divider-ends > *:first-child::before {
    top: calc(--20px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-nwide, .horizontal-layout-xxl-nwide-compressed {
    display: flex;
    gap: -30px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-condensed, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-spaced, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-normal, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-wide, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-large, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-huge, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-nwide, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-nwide.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-nwide-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-nwide.with-divider, .horizontal-layout-xxl-nwide-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-nwide.with-divider > *:not(:last-child), .horizontal-layout-xxl-nwide-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-nwide.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-nwide-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-nwide-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-nwide-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --30px;
  }

  .vertical-layout-xxl-nwide {
    display: flex;
    gap: -30px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-nwide.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-nwide.with-divider > *, .vertical-layout-xxl-nwide.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-nwide.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-nwide.with-divider-ends > *::before, .vertical-layout-xxl-nwide.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-nwide.with-divider-ends > *:first-child::before {
    top: calc(--30px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-nlarge, .horizontal-layout-xxl-nlarge-compressed {
    display: flex;
    gap: -60px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-condensed, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-spaced, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-normal, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-wide, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-large, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-huge, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-nwide, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-nlarge.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-nlarge-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-nlarge.with-divider, .horizontal-layout-xxl-nlarge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-nlarge.with-divider > *:not(:last-child), .horizontal-layout-xxl-nlarge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-nlarge.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-nlarge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-nlarge-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-nlarge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --60px;
  }

  .vertical-layout-xxl-nlarge {
    display: flex;
    gap: -60px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-nlarge.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-nlarge.with-divider > *, .vertical-layout-xxl-nlarge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-nlarge.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-nlarge.with-divider-ends > *::before, .vertical-layout-xxl-nlarge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-nlarge.with-divider-ends > *:first-child::before {
    top: calc(--60px / 2);
    bottom: initial;
  }

  .horizontal-layout-xxl-nhuge, .horizontal-layout-xxl-nhuge-compressed {
    display: flex;
    gap: -90px;
    align-items: center;
    flex-direction: row;
    max-width: 100%;
    min-width: 0;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-spaceless, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-spaceless {
    row-gap: 0px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-condensed, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-condensed {
    row-gap: 5px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-spaced, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-spaced {
    row-gap: 10px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-normal, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-normal {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl {
    row-gap: 15px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-semi-wide, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-semi-wide {
    row-gap: 20px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-wide, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-wide {
    row-gap: 30px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-large, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-large {
    row-gap: 60px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-huge, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-huge {
    row-gap: 90px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-ncondensed, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-ncondensed {
    row-gap: -5px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-nspaced, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-nspaced {
    row-gap: -10px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-nnormal, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-nnormal {
    row-gap: -15px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-nsemi-wide, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-nsemi-wide {
    row-gap: -20px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-nwide, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-nwide {
    row-gap: -30px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-nlarge, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-nlarge {
    row-gap: -60px;
  }
  .horizontal-layout-xxl-nhuge.vertical-gap-xxl-nhuge, .horizontal-layout-xxl-nhuge-compressed.vertical-gap-xxl-nhuge {
    row-gap: -90px;
  }
  .horizontal-layout-xxl-nhuge.with-divider, .horizontal-layout-xxl-nhuge-compressed.with-divider {
    align-items: stretch;
  }
  .horizontal-layout-xxl-nhuge.with-divider > *:not(:last-child), .horizontal-layout-xxl-nhuge-compressed.with-divider > *:not(:last-child) {
    position: relative;
    display: flex;
    align-items: center;
  }
  .horizontal-layout-xxl-nhuge.with-divider > *:not(:last-child)::after, .horizontal-layout-xxl-nhuge-compressed.with-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }

  .horizontal-layout-xxl-nhuge-compressed {
    gap: 0;
  }
  .horizontal-layout-xxl-nhuge-compressed > *:not(:last-child):not(.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12) {
    margin-right: --90px;
  }

  .vertical-layout-xxl-nhuge {
    display: flex;
    gap: -90px;
    flex-direction: column;
    max-width: 100%;
    min-width: 0;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-spaceless {
    column-gap: 0px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-condensed {
    column-gap: 5px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-spaced {
    column-gap: 10px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-normal {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl {
    column-gap: 15px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-semi-wide {
    column-gap: 20px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-wide {
    column-gap: 30px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-large {
    column-gap: 60px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-huge {
    column-gap: 90px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-ncondensed {
    column-gap: -5px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-nspaced {
    column-gap: -10px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-nnormal {
    column-gap: -15px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-nsemi-wide {
    column-gap: -20px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-nwide {
    column-gap: -30px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-nlarge {
    column-gap: -60px;
  }
  .vertical-layout-xxl-nhuge.horizontal-gap-xxl-nhuge {
    column-gap: -90px;
  }
  .vertical-layout-xxl-nhuge.with-divider > *, .vertical-layout-xxl-nhuge.with-divider-ends > * {
    position: relative;
  }
  .vertical-layout-xxl-nhuge.with-divider > *:not(:last-child)::after, .vertical-layout-xxl-nhuge.with-divider-ends > *::before, .vertical-layout-xxl-nhuge.with-divider-ends > *::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    height: 1px;
    width: 100%;
    background-color: var(--divider-color);
  }
  .vertical-layout-xxl-nhuge.with-divider-ends > *:first-child::before {
    top: calc(--90px / 2);
    bottom: initial;
  }
}
.enumeration .divider {
  margin: 0 3px;
}
.enumeration .divider::before {
  content: "/";
}
.enumeration .divider:last-child {
  display: none;
}

.option-list {
  text-align: left;
}
.option-list .onoffswitch, .option-list .onoffswitch.condensed {
  margin-right: 10px;
}
.option-list > div:not(:last-child) {
  margin-bottom: 10px;
}

.grabbable {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
}
.grabbable:active {
  cursor: grabbing;
}

.image-tooltip {
  position: relative;
}
.image-tooltip .image-tooltip-panel {
  display: none;
  position: absolute;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8);
}
.image-tooltip .image-tooltip-panel:not(.flip) {
  top: 50%;
  left: 100%;
}
.image-tooltip .image-tooltip-panel.flip {
  bottom: 50%;
  right: 100%;
}
.image-tooltip:hover .image-tooltip-panel {
  display: block;
}

.collapse-content {
  box-shadow: 0 4px 6px -6px rgba(0, 0, 0, 0.8) inset;
  background: var(--darken);
}

.editable-text {
  margin-block: -10px;
  display: flex;
}
.editable-text > textarea {
  width: 100%;
  white-space: pre-wrap;
  resize: none;
  overflow: hidden;
  border: none;
  padding: 10px 0;
  letter-spacing: 0.4px;
  outline: none;
}

.placeholder-overlay {
  position: relative;
  background-color: var(--white);
  overflow: hidden;
}
.placeholder-overlay .placeholder {
  filter: blur(6px);
  opacity: 0.5;
}

.position-anchor {
  position: absolute !important;
}
.position-anchor.top-spaceless {
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-spaceless {
  top: 0px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-spaceless {
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
.position-anchor.left-spaceless-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-spaceless-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-spaceless {
  top: 0;
  bottom: 0;
  left: 0px;
}
.position-anchor.left-spaceless-center {
  top: 50%;
  left: 0px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-spaceless {
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}
.position-anchor.right-full-spaceless {
  top: 0;
  bottom: 0;
  right: 0px;
}
.position-anchor.right-spaceless-center {
  top: 50%;
  right: 0px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-spaceless {
  bottom: 0px;
  left: 50%;
}
.position-anchor.bottom-full-spaceless {
  bottom: 0px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-spaceless {
  right: 0px;
  top: 0px;
}
.position-anchor.top-right-spaceless.text {
  right: calc(0px + 0.25em);
}
.position-anchor.top-left-spaceless {
  left: 0px;
  top: 0px;
}
.position-anchor.top-left-spaceless.text {
  left: calc(0px + 0.25em);
}
.position-anchor.top-left-spaceless-outside {
  right: calc(100% + 0px);
}
.position-anchor.top-left-spaceless-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-spaceless-outside {
  left: calc(100% + 0px);
}
.position-anchor.top-right-spaceless-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-spaceless-center {
  top: 0px;
  right: 0px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-spaceless-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-spaceless {
  right: 0px;
  bottom: 0px;
}
.position-anchor.bottom-right-spaceless.text {
  right: calc(0px + 0.25em);
}
.position-anchor.bottom-right-spaceless-outside {
  top: calc(100% + 0px);
  right: calc(100% + 0px);
}
.position-anchor.bottom-right-spaceless-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-spaceless {
  left: 0px;
  bottom: 0px;
}
.position-anchor.bottom-left-spaceless.text {
  left: calc(0px + 0.25em);
}
.position-anchor.right-spaceless-outside {
  left: calc(100% + 0px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-spaceless-outside.text {
  margin-left: calc(0px + 0.25em);
}
.position-anchor.top-condensed {
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-condensed {
  top: 5px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-condensed {
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
}
.position-anchor.left-condensed-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-condensed-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-condensed {
  top: 0;
  bottom: 0;
  left: 5px;
}
.position-anchor.left-condensed-center {
  top: 50%;
  left: 5px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-condensed {
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.position-anchor.right-full-condensed {
  top: 0;
  bottom: 0;
  right: 5px;
}
.position-anchor.right-condensed-center {
  top: 50%;
  right: 5px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-condensed {
  bottom: 5px;
  left: 50%;
}
.position-anchor.bottom-full-condensed {
  bottom: 5px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-condensed {
  right: 5px;
  top: 5px;
}
.position-anchor.top-right-condensed.text {
  right: calc(5px + 0.25em);
}
.position-anchor.top-left-condensed {
  left: 5px;
  top: 5px;
}
.position-anchor.top-left-condensed.text {
  left: calc(5px + 0.25em);
}
.position-anchor.top-left-condensed-outside {
  right: calc(100% + 5px);
}
.position-anchor.top-left-condensed-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-condensed-outside {
  left: calc(100% + 5px);
}
.position-anchor.top-right-condensed-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-condensed-center {
  top: 5px;
  right: 5px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-condensed-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-condensed {
  right: 5px;
  bottom: 5px;
}
.position-anchor.bottom-right-condensed.text {
  right: calc(5px + 0.25em);
}
.position-anchor.bottom-right-condensed-outside {
  top: calc(100% + 5px);
  right: calc(100% + 5px);
}
.position-anchor.bottom-right-condensed-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-condensed {
  left: 5px;
  bottom: 5px;
}
.position-anchor.bottom-left-condensed.text {
  left: calc(5px + 0.25em);
}
.position-anchor.right-condensed-outside {
  left: calc(100% + 5px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-condensed-outside.text {
  margin-left: calc(5px + 0.25em);
}
.position-anchor.top-spaced {
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-spaced {
  top: 10px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-spaced {
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.position-anchor.left-spaced-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-spaced-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-spaced {
  top: 0;
  bottom: 0;
  left: 10px;
}
.position-anchor.left-spaced-center {
  top: 50%;
  left: 10px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-spaced {
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.position-anchor.right-full-spaced {
  top: 0;
  bottom: 0;
  right: 10px;
}
.position-anchor.right-spaced-center {
  top: 50%;
  right: 10px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-spaced {
  bottom: 10px;
  left: 50%;
}
.position-anchor.bottom-full-spaced {
  bottom: 10px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-spaced {
  right: 10px;
  top: 10px;
}
.position-anchor.top-right-spaced.text {
  right: calc(10px + 0.25em);
}
.position-anchor.top-left-spaced {
  left: 10px;
  top: 10px;
}
.position-anchor.top-left-spaced.text {
  left: calc(10px + 0.25em);
}
.position-anchor.top-left-spaced-outside {
  right: calc(100% + 10px);
}
.position-anchor.top-left-spaced-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-spaced-outside {
  left: calc(100% + 10px);
}
.position-anchor.top-right-spaced-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-spaced-center {
  top: 10px;
  right: 10px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-spaced-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-spaced {
  right: 10px;
  bottom: 10px;
}
.position-anchor.bottom-right-spaced.text {
  right: calc(10px + 0.25em);
}
.position-anchor.bottom-right-spaced-outside {
  top: calc(100% + 10px);
  right: calc(100% + 10px);
}
.position-anchor.bottom-right-spaced-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-spaced {
  left: 10px;
  bottom: 10px;
}
.position-anchor.bottom-left-spaced.text {
  left: calc(10px + 0.25em);
}
.position-anchor.right-spaced-outside {
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-spaced-outside.text {
  margin-left: calc(10px + 0.25em);
}
.position-anchor.top-normal {
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-normal {
  top: 15px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-normal {
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
.position-anchor.left-normal-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-normal-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-normal {
  top: 0;
  bottom: 0;
  left: 15px;
}
.position-anchor.left-normal-center {
  top: 50%;
  left: 15px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-normal {
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.position-anchor.right-full-normal {
  top: 0;
  bottom: 0;
  right: 15px;
}
.position-anchor.right-normal-center {
  top: 50%;
  right: 15px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-normal {
  bottom: 15px;
  left: 50%;
}
.position-anchor.bottom-full-normal {
  bottom: 15px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-normal {
  right: 15px;
  top: 15px;
}
.position-anchor.top-right-normal.text {
  right: calc(15px + 0.25em);
}
.position-anchor.top-left-normal {
  left: 15px;
  top: 15px;
}
.position-anchor.top-left-normal.text {
  left: calc(15px + 0.25em);
}
.position-anchor.top-left-normal-outside {
  right: calc(100% + 15px);
}
.position-anchor.top-left-normal-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-normal-outside {
  left: calc(100% + 15px);
}
.position-anchor.top-right-normal-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-normal-center {
  top: 15px;
  right: 15px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-normal-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-normal {
  right: 15px;
  bottom: 15px;
}
.position-anchor.bottom-right-normal.text {
  right: calc(15px + 0.25em);
}
.position-anchor.bottom-right-normal-outside {
  top: calc(100% + 15px);
  right: calc(100% + 15px);
}
.position-anchor.bottom-right-normal-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-normal {
  left: 15px;
  bottom: 15px;
}
.position-anchor.bottom-left-normal.text {
  left: calc(15px + 0.25em);
}
.position-anchor.right-normal-outside {
  left: calc(100% + 15px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-normal-outside.text {
  margin-left: calc(15px + 0.25em);
}
.position-anchor.top {
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full {
  top: 15px;
  left: 0;
  bottom: 0;
}
.position-anchor.left {
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
.position-anchor.left-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full {
  top: 0;
  bottom: 0;
  left: 15px;
}
.position-anchor.left-center {
  top: 50%;
  left: 15px;
  transform: translate(-50%, -50%);
}
.position-anchor.right {
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.position-anchor.right-full {
  top: 0;
  bottom: 0;
  right: 15px;
}
.position-anchor.right-center {
  top: 50%;
  right: 15px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom {
  bottom: 15px;
  left: 50%;
}
.position-anchor.bottom-full {
  bottom: 15px;
  left: 0;
  right: 0;
}
.position-anchor.top-right {
  right: 15px;
  top: 15px;
}
.position-anchor.top-right.text {
  right: calc(15px + 0.25em);
}
.position-anchor.top-left {
  left: 15px;
  top: 15px;
}
.position-anchor.top-left.text {
  left: calc(15px + 0.25em);
}
.position-anchor.top-left-outside {
  right: calc(100% + 15px);
}
.position-anchor.top-left-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-outside {
  left: calc(100% + 15px);
}
.position-anchor.top-right-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-center {
  top: 15px;
  right: 15px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right {
  right: 15px;
  bottom: 15px;
}
.position-anchor.bottom-right.text {
  right: calc(15px + 0.25em);
}
.position-anchor.bottom-right-outside {
  top: calc(100% + 15px);
  right: calc(100% + 15px);
}
.position-anchor.bottom-right-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left {
  left: 15px;
  bottom: 15px;
}
.position-anchor.bottom-left.text {
  left: calc(15px + 0.25em);
}
.position-anchor.right-outside {
  left: calc(100% + 15px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-outside.text {
  margin-left: calc(15px + 0.25em);
}
.position-anchor.top-semi-wide {
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-semi-wide {
  top: 20px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-semi-wide {
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}
.position-anchor.left-semi-wide-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-semi-wide-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-semi-wide {
  top: 0;
  bottom: 0;
  left: 20px;
}
.position-anchor.left-semi-wide-center {
  top: 50%;
  left: 20px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-semi-wide {
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.position-anchor.right-full-semi-wide {
  top: 0;
  bottom: 0;
  right: 20px;
}
.position-anchor.right-semi-wide-center {
  top: 50%;
  right: 20px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-semi-wide {
  bottom: 20px;
  left: 50%;
}
.position-anchor.bottom-full-semi-wide {
  bottom: 20px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-semi-wide {
  right: 20px;
  top: 20px;
}
.position-anchor.top-right-semi-wide.text {
  right: calc(20px + 0.25em);
}
.position-anchor.top-left-semi-wide {
  left: 20px;
  top: 20px;
}
.position-anchor.top-left-semi-wide.text {
  left: calc(20px + 0.25em);
}
.position-anchor.top-left-semi-wide-outside {
  right: calc(100% + 20px);
}
.position-anchor.top-left-semi-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-semi-wide-outside {
  left: calc(100% + 20px);
}
.position-anchor.top-right-semi-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-semi-wide-center {
  top: 20px;
  right: 20px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-semi-wide-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-semi-wide {
  right: 20px;
  bottom: 20px;
}
.position-anchor.bottom-right-semi-wide.text {
  right: calc(20px + 0.25em);
}
.position-anchor.bottom-right-semi-wide-outside {
  top: calc(100% + 20px);
  right: calc(100% + 20px);
}
.position-anchor.bottom-right-semi-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-semi-wide {
  left: 20px;
  bottom: 20px;
}
.position-anchor.bottom-left-semi-wide.text {
  left: calc(20px + 0.25em);
}
.position-anchor.right-semi-wide-outside {
  left: calc(100% + 20px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-semi-wide-outside.text {
  margin-left: calc(20px + 0.25em);
}
.position-anchor.top-wide {
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-wide {
  top: 30px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-wide {
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}
.position-anchor.left-wide-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-wide-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-wide {
  top: 0;
  bottom: 0;
  left: 30px;
}
.position-anchor.left-wide-center {
  top: 50%;
  left: 30px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-wide {
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.position-anchor.right-full-wide {
  top: 0;
  bottom: 0;
  right: 30px;
}
.position-anchor.right-wide-center {
  top: 50%;
  right: 30px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-wide {
  bottom: 30px;
  left: 50%;
}
.position-anchor.bottom-full-wide {
  bottom: 30px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-wide {
  right: 30px;
  top: 30px;
}
.position-anchor.top-right-wide.text {
  right: calc(30px + 0.25em);
}
.position-anchor.top-left-wide {
  left: 30px;
  top: 30px;
}
.position-anchor.top-left-wide.text {
  left: calc(30px + 0.25em);
}
.position-anchor.top-left-wide-outside {
  right: calc(100% + 30px);
}
.position-anchor.top-left-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-wide-outside {
  left: calc(100% + 30px);
}
.position-anchor.top-right-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-wide-center {
  top: 30px;
  right: 30px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-wide-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-wide {
  right: 30px;
  bottom: 30px;
}
.position-anchor.bottom-right-wide.text {
  right: calc(30px + 0.25em);
}
.position-anchor.bottom-right-wide-outside {
  top: calc(100% + 30px);
  right: calc(100% + 30px);
}
.position-anchor.bottom-right-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-wide {
  left: 30px;
  bottom: 30px;
}
.position-anchor.bottom-left-wide.text {
  left: calc(30px + 0.25em);
}
.position-anchor.right-wide-outside {
  left: calc(100% + 30px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-wide-outside.text {
  margin-left: calc(30px + 0.25em);
}
.position-anchor.top-large {
  top: 60px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-large {
  top: 60px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-large {
  top: 50%;
  left: 60px;
  transform: translateY(-50%);
}
.position-anchor.left-large-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-large-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-large {
  top: 0;
  bottom: 0;
  left: 60px;
}
.position-anchor.left-large-center {
  top: 50%;
  left: 60px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-large {
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
}
.position-anchor.right-full-large {
  top: 0;
  bottom: 0;
  right: 60px;
}
.position-anchor.right-large-center {
  top: 50%;
  right: 60px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-large {
  bottom: 60px;
  left: 50%;
}
.position-anchor.bottom-full-large {
  bottom: 60px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-large {
  right: 60px;
  top: 60px;
}
.position-anchor.top-right-large.text {
  right: calc(60px + 0.25em);
}
.position-anchor.top-left-large {
  left: 60px;
  top: 60px;
}
.position-anchor.top-left-large.text {
  left: calc(60px + 0.25em);
}
.position-anchor.top-left-large-outside {
  right: calc(100% + 60px);
}
.position-anchor.top-left-large-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-large-outside {
  left: calc(100% + 60px);
}
.position-anchor.top-right-large-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-large-center {
  top: 60px;
  right: 60px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-large-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-large {
  right: 60px;
  bottom: 60px;
}
.position-anchor.bottom-right-large.text {
  right: calc(60px + 0.25em);
}
.position-anchor.bottom-right-large-outside {
  top: calc(100% + 60px);
  right: calc(100% + 60px);
}
.position-anchor.bottom-right-large-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-large {
  left: 60px;
  bottom: 60px;
}
.position-anchor.bottom-left-large.text {
  left: calc(60px + 0.25em);
}
.position-anchor.right-large-outside {
  left: calc(100% + 60px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-large-outside.text {
  margin-left: calc(60px + 0.25em);
}
.position-anchor.top-huge {
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-huge {
  top: 90px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-huge {
  top: 50%;
  left: 90px;
  transform: translateY(-50%);
}
.position-anchor.left-huge-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-huge-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-huge {
  top: 0;
  bottom: 0;
  left: 90px;
}
.position-anchor.left-huge-center {
  top: 50%;
  left: 90px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-huge {
  top: 50%;
  right: 90px;
  transform: translateY(-50%);
}
.position-anchor.right-full-huge {
  top: 0;
  bottom: 0;
  right: 90px;
}
.position-anchor.right-huge-center {
  top: 50%;
  right: 90px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-huge {
  bottom: 90px;
  left: 50%;
}
.position-anchor.bottom-full-huge {
  bottom: 90px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-huge {
  right: 90px;
  top: 90px;
}
.position-anchor.top-right-huge.text {
  right: calc(90px + 0.25em);
}
.position-anchor.top-left-huge {
  left: 90px;
  top: 90px;
}
.position-anchor.top-left-huge.text {
  left: calc(90px + 0.25em);
}
.position-anchor.top-left-huge-outside {
  right: calc(100% + 90px);
}
.position-anchor.top-left-huge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-huge-outside {
  left: calc(100% + 90px);
}
.position-anchor.top-right-huge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-huge-center {
  top: 90px;
  right: 90px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-huge-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-huge {
  right: 90px;
  bottom: 90px;
}
.position-anchor.bottom-right-huge.text {
  right: calc(90px + 0.25em);
}
.position-anchor.bottom-right-huge-outside {
  top: calc(100% + 90px);
  right: calc(100% + 90px);
}
.position-anchor.bottom-right-huge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-huge {
  left: 90px;
  bottom: 90px;
}
.position-anchor.bottom-left-huge.text {
  left: calc(90px + 0.25em);
}
.position-anchor.right-huge-outside {
  left: calc(100% + 90px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-huge-outside.text {
  margin-left: calc(90px + 0.25em);
}
.position-anchor.top-ncondensed {
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-ncondensed {
  top: -5px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-ncondensed {
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
}
.position-anchor.left-ncondensed-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-ncondensed-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-ncondensed {
  top: 0;
  bottom: 0;
  left: -5px;
}
.position-anchor.left-ncondensed-center {
  top: 50%;
  left: -5px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-ncondensed {
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
}
.position-anchor.right-full-ncondensed {
  top: 0;
  bottom: 0;
  right: -5px;
}
.position-anchor.right-ncondensed-center {
  top: 50%;
  right: -5px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-ncondensed {
  bottom: -5px;
  left: 50%;
}
.position-anchor.bottom-full-ncondensed {
  bottom: -5px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-ncondensed {
  right: -5px;
  top: -5px;
}
.position-anchor.top-right-ncondensed.text {
  right: calc(-5px + 0.25em);
}
.position-anchor.top-left-ncondensed {
  left: -5px;
  top: -5px;
}
.position-anchor.top-left-ncondensed.text {
  left: calc(-5px + 0.25em);
}
.position-anchor.top-left-ncondensed-outside {
  right: calc(100% + -5px);
}
.position-anchor.top-left-ncondensed-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-ncondensed-outside {
  left: calc(100% + -5px);
}
.position-anchor.top-right-ncondensed-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-ncondensed-center {
  top: -5px;
  right: -5px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-ncondensed-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-ncondensed {
  right: -5px;
  bottom: -5px;
}
.position-anchor.bottom-right-ncondensed.text {
  right: calc(-5px + 0.25em);
}
.position-anchor.bottom-right-ncondensed-outside {
  top: calc(100% + -5px);
  right: calc(100% + -5px);
}
.position-anchor.bottom-right-ncondensed-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-ncondensed {
  left: -5px;
  bottom: -5px;
}
.position-anchor.bottom-left-ncondensed.text {
  left: calc(-5px + 0.25em);
}
.position-anchor.right-ncondensed-outside {
  left: calc(100% + -5px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-ncondensed-outside.text {
  margin-left: calc(-5px + 0.25em);
}
.position-anchor.top-nspaced {
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-nspaced {
  top: -10px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-nspaced {
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
}
.position-anchor.left-nspaced-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-nspaced-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-nspaced {
  top: 0;
  bottom: 0;
  left: -10px;
}
.position-anchor.left-nspaced-center {
  top: 50%;
  left: -10px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-nspaced {
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}
.position-anchor.right-full-nspaced {
  top: 0;
  bottom: 0;
  right: -10px;
}
.position-anchor.right-nspaced-center {
  top: 50%;
  right: -10px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-nspaced {
  bottom: -10px;
  left: 50%;
}
.position-anchor.bottom-full-nspaced {
  bottom: -10px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-nspaced {
  right: -10px;
  top: -10px;
}
.position-anchor.top-right-nspaced.text {
  right: calc(-10px + 0.25em);
}
.position-anchor.top-left-nspaced {
  left: -10px;
  top: -10px;
}
.position-anchor.top-left-nspaced.text {
  left: calc(-10px + 0.25em);
}
.position-anchor.top-left-nspaced-outside {
  right: calc(100% + -10px);
}
.position-anchor.top-left-nspaced-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nspaced-outside {
  left: calc(100% + -10px);
}
.position-anchor.top-right-nspaced-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nspaced-center {
  top: -10px;
  right: -10px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-nspaced-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-nspaced {
  right: -10px;
  bottom: -10px;
}
.position-anchor.bottom-right-nspaced.text {
  right: calc(-10px + 0.25em);
}
.position-anchor.bottom-right-nspaced-outside {
  top: calc(100% + -10px);
  right: calc(100% + -10px);
}
.position-anchor.bottom-right-nspaced-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-nspaced {
  left: -10px;
  bottom: -10px;
}
.position-anchor.bottom-left-nspaced.text {
  left: calc(-10px + 0.25em);
}
.position-anchor.right-nspaced-outside {
  left: calc(100% + -10px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-nspaced-outside.text {
  margin-left: calc(-10px + 0.25em);
}
.position-anchor.top-nnormal {
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-nnormal {
  top: -15px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-nnormal {
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
}
.position-anchor.left-nnormal-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-nnormal-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-nnormal {
  top: 0;
  bottom: 0;
  left: -15px;
}
.position-anchor.left-nnormal-center {
  top: 50%;
  left: -15px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-nnormal {
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
}
.position-anchor.right-full-nnormal {
  top: 0;
  bottom: 0;
  right: -15px;
}
.position-anchor.right-nnormal-center {
  top: 50%;
  right: -15px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-nnormal {
  bottom: -15px;
  left: 50%;
}
.position-anchor.bottom-full-nnormal {
  bottom: -15px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-nnormal {
  right: -15px;
  top: -15px;
}
.position-anchor.top-right-nnormal.text {
  right: calc(-15px + 0.25em);
}
.position-anchor.top-left-nnormal {
  left: -15px;
  top: -15px;
}
.position-anchor.top-left-nnormal.text {
  left: calc(-15px + 0.25em);
}
.position-anchor.top-left-nnormal-outside {
  right: calc(100% + -15px);
}
.position-anchor.top-left-nnormal-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nnormal-outside {
  left: calc(100% + -15px);
}
.position-anchor.top-right-nnormal-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nnormal-center {
  top: -15px;
  right: -15px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-nnormal-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-nnormal {
  right: -15px;
  bottom: -15px;
}
.position-anchor.bottom-right-nnormal.text {
  right: calc(-15px + 0.25em);
}
.position-anchor.bottom-right-nnormal-outside {
  top: calc(100% + -15px);
  right: calc(100% + -15px);
}
.position-anchor.bottom-right-nnormal-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-nnormal {
  left: -15px;
  bottom: -15px;
}
.position-anchor.bottom-left-nnormal.text {
  left: calc(-15px + 0.25em);
}
.position-anchor.right-nnormal-outside {
  left: calc(100% + -15px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-nnormal-outside.text {
  margin-left: calc(-15px + 0.25em);
}
.position-anchor.top-nsemi-wide {
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-nsemi-wide {
  top: -20px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-nsemi-wide {
  top: 50%;
  left: -20px;
  transform: translateY(-50%);
}
.position-anchor.left-nsemi-wide-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-nsemi-wide-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-nsemi-wide {
  top: 0;
  bottom: 0;
  left: -20px;
}
.position-anchor.left-nsemi-wide-center {
  top: 50%;
  left: -20px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-nsemi-wide {
  top: 50%;
  right: -20px;
  transform: translateY(-50%);
}
.position-anchor.right-full-nsemi-wide {
  top: 0;
  bottom: 0;
  right: -20px;
}
.position-anchor.right-nsemi-wide-center {
  top: 50%;
  right: -20px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-nsemi-wide {
  bottom: -20px;
  left: 50%;
}
.position-anchor.bottom-full-nsemi-wide {
  bottom: -20px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-nsemi-wide {
  right: -20px;
  top: -20px;
}
.position-anchor.top-right-nsemi-wide.text {
  right: calc(-20px + 0.25em);
}
.position-anchor.top-left-nsemi-wide {
  left: -20px;
  top: -20px;
}
.position-anchor.top-left-nsemi-wide.text {
  left: calc(-20px + 0.25em);
}
.position-anchor.top-left-nsemi-wide-outside {
  right: calc(100% + -20px);
}
.position-anchor.top-left-nsemi-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nsemi-wide-outside {
  left: calc(100% + -20px);
}
.position-anchor.top-right-nsemi-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nsemi-wide-center {
  top: -20px;
  right: -20px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-nsemi-wide-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-nsemi-wide {
  right: -20px;
  bottom: -20px;
}
.position-anchor.bottom-right-nsemi-wide.text {
  right: calc(-20px + 0.25em);
}
.position-anchor.bottom-right-nsemi-wide-outside {
  top: calc(100% + -20px);
  right: calc(100% + -20px);
}
.position-anchor.bottom-right-nsemi-wide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-nsemi-wide {
  left: -20px;
  bottom: -20px;
}
.position-anchor.bottom-left-nsemi-wide.text {
  left: calc(-20px + 0.25em);
}
.position-anchor.right-nsemi-wide-outside {
  left: calc(100% + -20px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-nsemi-wide-outside.text {
  margin-left: calc(-20px + 0.25em);
}
.position-anchor.top-nwide {
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-nwide {
  top: -30px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-nwide {
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
}
.position-anchor.left-nwide-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-nwide-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-nwide {
  top: 0;
  bottom: 0;
  left: -30px;
}
.position-anchor.left-nwide-center {
  top: 50%;
  left: -30px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-nwide {
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
}
.position-anchor.right-full-nwide {
  top: 0;
  bottom: 0;
  right: -30px;
}
.position-anchor.right-nwide-center {
  top: 50%;
  right: -30px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-nwide {
  bottom: -30px;
  left: 50%;
}
.position-anchor.bottom-full-nwide {
  bottom: -30px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-nwide {
  right: -30px;
  top: -30px;
}
.position-anchor.top-right-nwide.text {
  right: calc(-30px + 0.25em);
}
.position-anchor.top-left-nwide {
  left: -30px;
  top: -30px;
}
.position-anchor.top-left-nwide.text {
  left: calc(-30px + 0.25em);
}
.position-anchor.top-left-nwide-outside {
  right: calc(100% + -30px);
}
.position-anchor.top-left-nwide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nwide-outside {
  left: calc(100% + -30px);
}
.position-anchor.top-right-nwide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nwide-center {
  top: -30px;
  right: -30px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-nwide-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-nwide {
  right: -30px;
  bottom: -30px;
}
.position-anchor.bottom-right-nwide.text {
  right: calc(-30px + 0.25em);
}
.position-anchor.bottom-right-nwide-outside {
  top: calc(100% + -30px);
  right: calc(100% + -30px);
}
.position-anchor.bottom-right-nwide-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-nwide {
  left: -30px;
  bottom: -30px;
}
.position-anchor.bottom-left-nwide.text {
  left: calc(-30px + 0.25em);
}
.position-anchor.right-nwide-outside {
  left: calc(100% + -30px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-nwide-outside.text {
  margin-left: calc(-30px + 0.25em);
}
.position-anchor.top-nlarge {
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-nlarge {
  top: -60px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-nlarge {
  top: 50%;
  left: -60px;
  transform: translateY(-50%);
}
.position-anchor.left-nlarge-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-nlarge-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-nlarge {
  top: 0;
  bottom: 0;
  left: -60px;
}
.position-anchor.left-nlarge-center {
  top: 50%;
  left: -60px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-nlarge {
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
}
.position-anchor.right-full-nlarge {
  top: 0;
  bottom: 0;
  right: -60px;
}
.position-anchor.right-nlarge-center {
  top: 50%;
  right: -60px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-nlarge {
  bottom: -60px;
  left: 50%;
}
.position-anchor.bottom-full-nlarge {
  bottom: -60px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-nlarge {
  right: -60px;
  top: -60px;
}
.position-anchor.top-right-nlarge.text {
  right: calc(-60px + 0.25em);
}
.position-anchor.top-left-nlarge {
  left: -60px;
  top: -60px;
}
.position-anchor.top-left-nlarge.text {
  left: calc(-60px + 0.25em);
}
.position-anchor.top-left-nlarge-outside {
  right: calc(100% + -60px);
}
.position-anchor.top-left-nlarge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nlarge-outside {
  left: calc(100% + -60px);
}
.position-anchor.top-right-nlarge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nlarge-center {
  top: -60px;
  right: -60px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-nlarge-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-nlarge {
  right: -60px;
  bottom: -60px;
}
.position-anchor.bottom-right-nlarge.text {
  right: calc(-60px + 0.25em);
}
.position-anchor.bottom-right-nlarge-outside {
  top: calc(100% + -60px);
  right: calc(100% + -60px);
}
.position-anchor.bottom-right-nlarge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-nlarge {
  left: -60px;
  bottom: -60px;
}
.position-anchor.bottom-left-nlarge.text {
  left: calc(-60px + 0.25em);
}
.position-anchor.right-nlarge-outside {
  left: calc(100% + -60px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-nlarge-outside.text {
  margin-left: calc(-60px + 0.25em);
}
.position-anchor.top-nhuge {
  top: -90px;
  left: 50%;
  transform: translateX(-50%);
}
.position-anchor.top-full-nhuge {
  top: -90px;
  left: 0;
  bottom: 0;
}
.position-anchor.left-nhuge {
  top: 50%;
  left: -90px;
  transform: translateY(-50%);
}
.position-anchor.left-nhuge-outside {
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.left-nhuge-outside.text {
  margin-right: 0.25em;
}
.position-anchor.left-full-nhuge {
  top: 0;
  bottom: 0;
  left: -90px;
}
.position-anchor.left-nhuge-center {
  top: 50%;
  left: -90px;
  transform: translate(-50%, -50%);
}
.position-anchor.right-nhuge {
  top: 50%;
  right: -90px;
  transform: translateY(-50%);
}
.position-anchor.right-full-nhuge {
  top: 0;
  bottom: 0;
  right: -90px;
}
.position-anchor.right-nhuge-center {
  top: 50%;
  right: -90px;
  transform: translate(50%, -50%);
}
.position-anchor.bottom-nhuge {
  bottom: -90px;
  left: 50%;
}
.position-anchor.bottom-full-nhuge {
  bottom: -90px;
  left: 0;
  right: 0;
}
.position-anchor.top-right-nhuge {
  right: -90px;
  top: -90px;
}
.position-anchor.top-right-nhuge.text {
  right: calc(-90px + 0.25em);
}
.position-anchor.top-left-nhuge {
  left: -90px;
  top: -90px;
}
.position-anchor.top-left-nhuge.text {
  left: calc(-90px + 0.25em);
}
.position-anchor.top-left-nhuge-outside {
  right: calc(100% + -90px);
}
.position-anchor.top-left-nhuge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nhuge-outside {
  left: calc(100% + -90px);
}
.position-anchor.top-right-nhuge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.top-right-nhuge-center {
  top: -90px;
  right: -90px;
  transform: translate(50%, -50%);
}
.position-anchor.top-right-nhuge-center.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-right-nhuge {
  right: -90px;
  bottom: -90px;
}
.position-anchor.bottom-right-nhuge.text {
  right: calc(-90px + 0.25em);
}
.position-anchor.bottom-right-nhuge-outside {
  top: calc(100% + -90px);
  right: calc(100% + -90px);
}
.position-anchor.bottom-right-nhuge-outside.text {
  margin-left: -0.25em;
}
.position-anchor.bottom-left-nhuge {
  left: -90px;
  bottom: -90px;
}
.position-anchor.bottom-left-nhuge.text {
  left: calc(-90px + 0.25em);
}
.position-anchor.right-nhuge-outside {
  left: calc(100% + -90px);
  top: 50%;
  transform: translateY(-50%);
}
.position-anchor.right-nhuge-outside.text {
  margin-left: calc(-90px + 0.25em);
}
.position-anchor.center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.position-overlay {
  position: absolute;
  inset: 0;
}
.position-overlay.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.position-overlay.overshoot {
  inset: -5px;
}

.pseudo-progressbar {
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 5px;
  border-radius: 2px;
}
.pseudo-progressbar .bar {
  transition: width 0.2s ease-in;
  background-color: var(--primary-dim);
  height: 100%;
}

.transition-all {
  transition: all var(--default-transition-duration) ease-in;
}

.fetch-container {
  position: relative;
}
.fetch-container .fetch-overlay {
  display: none;
}
.fetch-container.fetching .fetch-overlay {
  display: initial;
}
.fetch-container.fetching .fetch-overlay > * {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -50px;
}
.fetch-container.fetching .fetch-content {
  opacity: 0.3;
}

.text-overflow-1-line {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
}
.text-overflow-1-line.checkbox > label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  margin-bottom: 0.25rem;
}
.text-overflow-1-line:is(td) {
  position: relative;
}
.text-overflow-1-line:is(td):before {
  content: " ";
  visibility: hidden;
}
.text-overflow-1-line:is(td) > span, .text-overflow-1-line:is(td) > div {
  position: absolute;
  left: 0;
  right: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.text-overflow-1-line:is(td) > div {
  display: inline;
}

.text-overflow-2-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.onoffswitch {
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  --width: 50px;
  --height: 14px;
  width: var(--width);
  vertical-align: middle;
  margin: 0 5px;
  user-select: none;
  --border-width: 2px;
}
.onoffswitch.off .onoffswitch-label {
  background-color: var(--onoffswitch-off-background-color);
  border: var(--border-width) solid var(--onoffswitch-off-background-border-color);
}
.onoffswitch.is-radio .onoffswitch-label {
  background-color: var(--onoffswitch-background-color);
  border: var(--border-width) solid var(--onoffswitch-background-color);
}
.onoffswitch.condensed:not(.small) {
  --width: 34px;
  --height: 16px;
  margin: 0;
}
.onoffswitch.small {
  --width: 28px;
  --height: 12px;
  --border-width: 1px;
  margin: 0;
}
.onoffswitch .onoffswitch-label {
  box-sizing: content-box;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  line-height: var(--height);
  background-color: var(--onoffswitch-background-color);
  border: var(--border-width) solid var(--onoffswitch-background-border-color);
  transition: background-color var(--default-transition-duration) ease-in;
}
.onoffswitch .onoffswitch-label, .onoffswitch .onoffswitch-label:before {
  border-radius: var(--height);
  height: var(--height);
  display: block;
}
.onoffswitch .onoffswitch-label:before {
  content: "";
  width: var(--height);
  margin: 0;
  background: var(--onoffswitch-handle-color);
  position: absolute;
  top: var(--border-width);
  bottom: 0;
  right: calc(var(--width) - var(--height) - var(--border-width));
  transition: all var(--default-transition-duration) ease-in 0s;
}
.onoffswitch.disabled .onoffswitch-label {
  background-color: var(--onoffswitch-disabled-background-color);
  border: var(--border-width) solid var(--onoffswitch-disabled-background-border-color);
}
.onoffswitch .onoffswitch-checkbox {
  display: none;
}
.onoffswitch .onoffswitch-checkbox:disabled + .onoffswitch-label:before {
  background-color: var(--onoffswitch-handle-disabled-color);
}
.onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label:before, .onoffswitch.on > .onoffswitch-label:before {
  right: var(--border-width);
}
.onoffswitch.auto .onoffswitch-label {
  background-color: var(--white);
}
.onoffswitch.auto .onoffswitch-checkbox:checked + .onoffswitch-label {
  background-color: var(--essential-mid);
}

@media (min-width: 0px) {
  .max-width-0 {
    max-width: 0px !important;
  }

  .min-width-0 {
    min-width: 0px !important;
  }

  .width-0 {
    width: 0px !important;
  }

  .max-height-0 {
    max-height: 0px !important;
  }

  .min-height-0 {
    min-height: 0px !important;
  }

  .height-0 {
    height: 0px !important;
  }

  .square-0 {
    width: 0px !important;
    height: 0px !important;
  }
}
@media (min-width: 0px) {
  .max-width-10 {
    max-width: 10px !important;
  }

  .min-width-10 {
    min-width: 10px !important;
  }

  .width-10 {
    width: 10px !important;
  }

  .max-height-10 {
    max-height: 10px !important;
  }

  .min-height-10 {
    min-height: 10px !important;
  }

  .height-10 {
    height: 10px !important;
  }

  .square-5 {
    width: 5px !important;
    height: 5px !important;
  }
}
@media (min-width: 0px) {
  .max-width-20 {
    max-width: 20px !important;
  }

  .min-width-20 {
    min-width: 20px !important;
  }

  .width-20 {
    width: 20px !important;
  }

  .max-height-20 {
    max-height: 20px !important;
  }

  .min-height-20 {
    min-height: 20px !important;
  }

  .height-20 {
    height: 20px !important;
  }

  .square-10 {
    width: 10px !important;
    height: 10px !important;
  }
}
@media (min-width: 0px) {
  .max-width-30 {
    max-width: 30px !important;
  }

  .min-width-30 {
    min-width: 30px !important;
  }

  .width-30 {
    width: 30px !important;
  }

  .max-height-30 {
    max-height: 30px !important;
  }

  .min-height-30 {
    min-height: 30px !important;
  }

  .height-30 {
    height: 30px !important;
  }

  .square-15 {
    width: 15px !important;
    height: 15px !important;
  }
}
@media (min-width: 0px) {
  .max-width-40 {
    max-width: 40px !important;
  }

  .min-width-40 {
    min-width: 40px !important;
  }

  .width-40 {
    width: 40px !important;
  }

  .max-height-40 {
    max-height: 40px !important;
  }

  .min-height-40 {
    min-height: 40px !important;
  }

  .height-40 {
    height: 40px !important;
  }

  .square-20 {
    width: 20px !important;
    height: 20px !important;
  }
}
@media (min-width: 0px) {
  .max-width-50 {
    max-width: 50px !important;
  }

  .min-width-50 {
    min-width: 50px !important;
  }

  .width-50 {
    width: 50px !important;
  }

  .max-height-50 {
    max-height: 50px !important;
  }

  .min-height-50 {
    min-height: 50px !important;
  }

  .height-50 {
    height: 50px !important;
  }

  .square-25 {
    width: 25px !important;
    height: 25px !important;
  }
}
@media (min-width: 0px) {
  .max-width-60 {
    max-width: 60px !important;
  }

  .min-width-60 {
    min-width: 60px !important;
  }

  .width-60 {
    width: 60px !important;
  }

  .max-height-60 {
    max-height: 60px !important;
  }

  .min-height-60 {
    min-height: 60px !important;
  }

  .height-60 {
    height: 60px !important;
  }

  .square-30 {
    width: 30px !important;
    height: 30px !important;
  }
}
@media (min-width: 0px) {
  .max-width-70 {
    max-width: 70px !important;
  }

  .min-width-70 {
    min-width: 70px !important;
  }

  .width-70 {
    width: 70px !important;
  }

  .max-height-70 {
    max-height: 70px !important;
  }

  .min-height-70 {
    min-height: 70px !important;
  }

  .height-70 {
    height: 70px !important;
  }

  .square-35 {
    width: 35px !important;
    height: 35px !important;
  }
}
@media (min-width: 0px) {
  .max-width-80 {
    max-width: 80px !important;
  }

  .min-width-80 {
    min-width: 80px !important;
  }

  .width-80 {
    width: 80px !important;
  }

  .max-height-80 {
    max-height: 80px !important;
  }

  .min-height-80 {
    min-height: 80px !important;
  }

  .height-80 {
    height: 80px !important;
  }

  .square-40 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 0px) {
  .max-width-90 {
    max-width: 90px !important;
  }

  .min-width-90 {
    min-width: 90px !important;
  }

  .width-90 {
    width: 90px !important;
  }

  .max-height-90 {
    max-height: 90px !important;
  }

  .min-height-90 {
    min-height: 90px !important;
  }

  .height-90 {
    height: 90px !important;
  }

  .square-45 {
    width: 45px !important;
    height: 45px !important;
  }
}
@media (min-width: 0px) {
  .max-width-100 {
    max-width: 100px !important;
  }

  .min-width-100 {
    min-width: 100px !important;
  }

  .width-100 {
    width: 100px !important;
  }

  .max-height-100 {
    max-height: 100px !important;
  }

  .min-height-100 {
    min-height: 100px !important;
  }

  .height-100 {
    height: 100px !important;
  }

  .square-50 {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (min-width: 0px) {
  .max-width-110 {
    max-width: 110px !important;
  }

  .min-width-110 {
    min-width: 110px !important;
  }

  .width-110 {
    width: 110px !important;
  }

  .max-height-110 {
    max-height: 110px !important;
  }

  .min-height-110 {
    min-height: 110px !important;
  }

  .height-110 {
    height: 110px !important;
  }

  .square-55 {
    width: 55px !important;
    height: 55px !important;
  }
}
@media (min-width: 0px) {
  .max-width-120 {
    max-width: 120px !important;
  }

  .min-width-120 {
    min-width: 120px !important;
  }

  .width-120 {
    width: 120px !important;
  }

  .max-height-120 {
    max-height: 120px !important;
  }

  .min-height-120 {
    min-height: 120px !important;
  }

  .height-120 {
    height: 120px !important;
  }

  .square-60 {
    width: 60px !important;
    height: 60px !important;
  }
}
@media (min-width: 0px) {
  .max-width-130 {
    max-width: 130px !important;
  }

  .min-width-130 {
    min-width: 130px !important;
  }

  .width-130 {
    width: 130px !important;
  }

  .max-height-130 {
    max-height: 130px !important;
  }

  .min-height-130 {
    min-height: 130px !important;
  }

  .height-130 {
    height: 130px !important;
  }

  .square-65 {
    width: 65px !important;
    height: 65px !important;
  }
}
@media (min-width: 0px) {
  .max-width-140 {
    max-width: 140px !important;
  }

  .min-width-140 {
    min-width: 140px !important;
  }

  .width-140 {
    width: 140px !important;
  }

  .max-height-140 {
    max-height: 140px !important;
  }

  .min-height-140 {
    min-height: 140px !important;
  }

  .height-140 {
    height: 140px !important;
  }

  .square-70 {
    width: 70px !important;
    height: 70px !important;
  }
}
@media (min-width: 0px) {
  .max-width-150 {
    max-width: 150px !important;
  }

  .min-width-150 {
    min-width: 150px !important;
  }

  .width-150 {
    width: 150px !important;
  }

  .max-height-150 {
    max-height: 150px !important;
  }

  .min-height-150 {
    min-height: 150px !important;
  }

  .height-150 {
    height: 150px !important;
  }

  .square-75 {
    width: 75px !important;
    height: 75px !important;
  }
}
@media (min-width: 0px) {
  .max-width-160 {
    max-width: 160px !important;
  }

  .min-width-160 {
    min-width: 160px !important;
  }

  .width-160 {
    width: 160px !important;
  }

  .max-height-160 {
    max-height: 160px !important;
  }

  .min-height-160 {
    min-height: 160px !important;
  }

  .height-160 {
    height: 160px !important;
  }

  .square-80 {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 0px) {
  .max-width-170 {
    max-width: 170px !important;
  }

  .min-width-170 {
    min-width: 170px !important;
  }

  .width-170 {
    width: 170px !important;
  }

  .max-height-170 {
    max-height: 170px !important;
  }

  .min-height-170 {
    min-height: 170px !important;
  }

  .height-170 {
    height: 170px !important;
  }

  .square-85 {
    width: 85px !important;
    height: 85px !important;
  }
}
@media (min-width: 0px) {
  .max-width-180 {
    max-width: 180px !important;
  }

  .min-width-180 {
    min-width: 180px !important;
  }

  .width-180 {
    width: 180px !important;
  }

  .max-height-180 {
    max-height: 180px !important;
  }

  .min-height-180 {
    min-height: 180px !important;
  }

  .height-180 {
    height: 180px !important;
  }

  .square-90 {
    width: 90px !important;
    height: 90px !important;
  }
}
@media (min-width: 0px) {
  .max-width-190 {
    max-width: 190px !important;
  }

  .min-width-190 {
    min-width: 190px !important;
  }

  .width-190 {
    width: 190px !important;
  }

  .max-height-190 {
    max-height: 190px !important;
  }

  .min-height-190 {
    min-height: 190px !important;
  }

  .height-190 {
    height: 190px !important;
  }

  .square-95 {
    width: 95px !important;
    height: 95px !important;
  }
}
@media (min-width: 0px) {
  .max-width-200 {
    max-width: 200px !important;
  }

  .min-width-200 {
    min-width: 200px !important;
  }

  .width-200 {
    width: 200px !important;
  }

  .max-height-200 {
    max-height: 200px !important;
  }

  .min-height-200 {
    min-height: 200px !important;
  }

  .height-200 {
    height: 200px !important;
  }

  .square-100 {
    width: 100px !important;
    height: 100px !important;
  }
}
@media (min-width: 0px) {
  .max-width-210 {
    max-width: 210px !important;
  }

  .min-width-210 {
    min-width: 210px !important;
  }

  .width-210 {
    width: 210px !important;
  }

  .max-height-210 {
    max-height: 210px !important;
  }

  .min-height-210 {
    min-height: 210px !important;
  }

  .height-210 {
    height: 210px !important;
  }

  .square-105 {
    width: 105px !important;
    height: 105px !important;
  }
}
@media (min-width: 0px) {
  .max-width-220 {
    max-width: 220px !important;
  }

  .min-width-220 {
    min-width: 220px !important;
  }

  .width-220 {
    width: 220px !important;
  }

  .max-height-220 {
    max-height: 220px !important;
  }

  .min-height-220 {
    min-height: 220px !important;
  }

  .height-220 {
    height: 220px !important;
  }

  .square-110 {
    width: 110px !important;
    height: 110px !important;
  }
}
@media (min-width: 0px) {
  .max-width-230 {
    max-width: 230px !important;
  }

  .min-width-230 {
    min-width: 230px !important;
  }

  .width-230 {
    width: 230px !important;
  }

  .max-height-230 {
    max-height: 230px !important;
  }

  .min-height-230 {
    min-height: 230px !important;
  }

  .height-230 {
    height: 230px !important;
  }

  .square-115 {
    width: 115px !important;
    height: 115px !important;
  }
}
@media (min-width: 0px) {
  .max-width-240 {
    max-width: 240px !important;
  }

  .min-width-240 {
    min-width: 240px !important;
  }

  .width-240 {
    width: 240px !important;
  }

  .max-height-240 {
    max-height: 240px !important;
  }

  .min-height-240 {
    min-height: 240px !important;
  }

  .height-240 {
    height: 240px !important;
  }

  .square-120 {
    width: 120px !important;
    height: 120px !important;
  }
}
@media (min-width: 0px) {
  .max-width-250 {
    max-width: 250px !important;
  }

  .min-width-250 {
    min-width: 250px !important;
  }

  .width-250 {
    width: 250px !important;
  }

  .max-height-250 {
    max-height: 250px !important;
  }

  .min-height-250 {
    min-height: 250px !important;
  }

  .height-250 {
    height: 250px !important;
  }

  .square-125 {
    width: 125px !important;
    height: 125px !important;
  }
}
@media (min-width: 0px) {
  .max-width-260 {
    max-width: 260px !important;
  }

  .min-width-260 {
    min-width: 260px !important;
  }

  .width-260 {
    width: 260px !important;
  }

  .max-height-260 {
    max-height: 260px !important;
  }

  .min-height-260 {
    min-height: 260px !important;
  }

  .height-260 {
    height: 260px !important;
  }

  .square-130 {
    width: 130px !important;
    height: 130px !important;
  }
}
@media (min-width: 0px) {
  .max-width-270 {
    max-width: 270px !important;
  }

  .min-width-270 {
    min-width: 270px !important;
  }

  .width-270 {
    width: 270px !important;
  }

  .max-height-270 {
    max-height: 270px !important;
  }

  .min-height-270 {
    min-height: 270px !important;
  }

  .height-270 {
    height: 270px !important;
  }

  .square-135 {
    width: 135px !important;
    height: 135px !important;
  }
}
@media (min-width: 0px) {
  .max-width-280 {
    max-width: 280px !important;
  }

  .min-width-280 {
    min-width: 280px !important;
  }

  .width-280 {
    width: 280px !important;
  }

  .max-height-280 {
    max-height: 280px !important;
  }

  .min-height-280 {
    min-height: 280px !important;
  }

  .height-280 {
    height: 280px !important;
  }

  .square-140 {
    width: 140px !important;
    height: 140px !important;
  }
}
@media (min-width: 0px) {
  .max-width-290 {
    max-width: 290px !important;
  }

  .min-width-290 {
    min-width: 290px !important;
  }

  .width-290 {
    width: 290px !important;
  }

  .max-height-290 {
    max-height: 290px !important;
  }

  .min-height-290 {
    min-height: 290px !important;
  }

  .height-290 {
    height: 290px !important;
  }

  .square-145 {
    width: 145px !important;
    height: 145px !important;
  }
}
@media (min-width: 0px) {
  .max-width-300 {
    max-width: 300px !important;
  }

  .min-width-300 {
    min-width: 300px !important;
  }

  .width-300 {
    width: 300px !important;
  }

  .max-height-300 {
    max-height: 300px !important;
  }

  .min-height-300 {
    min-height: 300px !important;
  }

  .height-300 {
    height: 300px !important;
  }

  .square-150 {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (min-width: 0px) {
  .max-width-310 {
    max-width: 310px !important;
  }

  .min-width-310 {
    min-width: 310px !important;
  }

  .width-310 {
    width: 310px !important;
  }

  .max-height-310 {
    max-height: 310px !important;
  }

  .min-height-310 {
    min-height: 310px !important;
  }

  .height-310 {
    height: 310px !important;
  }

  .square-155 {
    width: 155px !important;
    height: 155px !important;
  }
}
@media (min-width: 0px) {
  .max-width-320 {
    max-width: 320px !important;
  }

  .min-width-320 {
    min-width: 320px !important;
  }

  .width-320 {
    width: 320px !important;
  }

  .max-height-320 {
    max-height: 320px !important;
  }

  .min-height-320 {
    min-height: 320px !important;
  }

  .height-320 {
    height: 320px !important;
  }

  .square-160 {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (min-width: 0px) {
  .max-width-330 {
    max-width: 330px !important;
  }

  .min-width-330 {
    min-width: 330px !important;
  }

  .width-330 {
    width: 330px !important;
  }

  .max-height-330 {
    max-height: 330px !important;
  }

  .min-height-330 {
    min-height: 330px !important;
  }

  .height-330 {
    height: 330px !important;
  }

  .square-165 {
    width: 165px !important;
    height: 165px !important;
  }
}
@media (min-width: 0px) {
  .max-width-340 {
    max-width: 340px !important;
  }

  .min-width-340 {
    min-width: 340px !important;
  }

  .width-340 {
    width: 340px !important;
  }

  .max-height-340 {
    max-height: 340px !important;
  }

  .min-height-340 {
    min-height: 340px !important;
  }

  .height-340 {
    height: 340px !important;
  }

  .square-170 {
    width: 170px !important;
    height: 170px !important;
  }
}
@media (min-width: 0px) {
  .max-width-350 {
    max-width: 350px !important;
  }

  .min-width-350 {
    min-width: 350px !important;
  }

  .width-350 {
    width: 350px !important;
  }

  .max-height-350 {
    max-height: 350px !important;
  }

  .min-height-350 {
    min-height: 350px !important;
  }

  .height-350 {
    height: 350px !important;
  }

  .square-175 {
    width: 175px !important;
    height: 175px !important;
  }
}
@media (min-width: 0px) {
  .max-width-360 {
    max-width: 360px !important;
  }

  .min-width-360 {
    min-width: 360px !important;
  }

  .width-360 {
    width: 360px !important;
  }

  .max-height-360 {
    max-height: 360px !important;
  }

  .min-height-360 {
    min-height: 360px !important;
  }

  .height-360 {
    height: 360px !important;
  }

  .square-180 {
    width: 180px !important;
    height: 180px !important;
  }
}
@media (min-width: 0px) {
  .max-width-370 {
    max-width: 370px !important;
  }

  .min-width-370 {
    min-width: 370px !important;
  }

  .width-370 {
    width: 370px !important;
  }

  .max-height-370 {
    max-height: 370px !important;
  }

  .min-height-370 {
    min-height: 370px !important;
  }

  .height-370 {
    height: 370px !important;
  }

  .square-185 {
    width: 185px !important;
    height: 185px !important;
  }
}
@media (min-width: 0px) {
  .max-width-380 {
    max-width: 380px !important;
  }

  .min-width-380 {
    min-width: 380px !important;
  }

  .width-380 {
    width: 380px !important;
  }

  .max-height-380 {
    max-height: 380px !important;
  }

  .min-height-380 {
    min-height: 380px !important;
  }

  .height-380 {
    height: 380px !important;
  }

  .square-190 {
    width: 190px !important;
    height: 190px !important;
  }
}
@media (min-width: 0px) {
  .max-width-390 {
    max-width: 390px !important;
  }

  .min-width-390 {
    min-width: 390px !important;
  }

  .width-390 {
    width: 390px !important;
  }

  .max-height-390 {
    max-height: 390px !important;
  }

  .min-height-390 {
    min-height: 390px !important;
  }

  .height-390 {
    height: 390px !important;
  }

  .square-195 {
    width: 195px !important;
    height: 195px !important;
  }
}
@media (min-width: 0px) {
  .max-width-400 {
    max-width: 400px !important;
  }

  .min-width-400 {
    min-width: 400px !important;
  }

  .width-400 {
    width: 400px !important;
  }

  .max-height-400 {
    max-height: 400px !important;
  }

  .min-height-400 {
    min-height: 400px !important;
  }

  .height-400 {
    height: 400px !important;
  }

  .square-200 {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (min-width: 0px) {
  .max-width-410 {
    max-width: 410px !important;
  }

  .min-width-410 {
    min-width: 410px !important;
  }

  .width-410 {
    width: 410px !important;
  }

  .max-height-410 {
    max-height: 410px !important;
  }

  .min-height-410 {
    min-height: 410px !important;
  }

  .height-410 {
    height: 410px !important;
  }

  .square-205 {
    width: 205px !important;
    height: 205px !important;
  }
}
@media (min-width: 0px) {
  .max-width-420 {
    max-width: 420px !important;
  }

  .min-width-420 {
    min-width: 420px !important;
  }

  .width-420 {
    width: 420px !important;
  }

  .max-height-420 {
    max-height: 420px !important;
  }

  .min-height-420 {
    min-height: 420px !important;
  }

  .height-420 {
    height: 420px !important;
  }

  .square-210 {
    width: 210px !important;
    height: 210px !important;
  }
}
@media (min-width: 0px) {
  .max-width-430 {
    max-width: 430px !important;
  }

  .min-width-430 {
    min-width: 430px !important;
  }

  .width-430 {
    width: 430px !important;
  }

  .max-height-430 {
    max-height: 430px !important;
  }

  .min-height-430 {
    min-height: 430px !important;
  }

  .height-430 {
    height: 430px !important;
  }

  .square-215 {
    width: 215px !important;
    height: 215px !important;
  }
}
@media (min-width: 0px) {
  .max-width-440 {
    max-width: 440px !important;
  }

  .min-width-440 {
    min-width: 440px !important;
  }

  .width-440 {
    width: 440px !important;
  }

  .max-height-440 {
    max-height: 440px !important;
  }

  .min-height-440 {
    min-height: 440px !important;
  }

  .height-440 {
    height: 440px !important;
  }

  .square-220 {
    width: 220px !important;
    height: 220px !important;
  }
}
@media (min-width: 0px) {
  .max-width-450 {
    max-width: 450px !important;
  }

  .min-width-450 {
    min-width: 450px !important;
  }

  .width-450 {
    width: 450px !important;
  }

  .max-height-450 {
    max-height: 450px !important;
  }

  .min-height-450 {
    min-height: 450px !important;
  }

  .height-450 {
    height: 450px !important;
  }

  .square-225 {
    width: 225px !important;
    height: 225px !important;
  }
}
@media (min-width: 0px) {
  .max-width-460 {
    max-width: 460px !important;
  }

  .min-width-460 {
    min-width: 460px !important;
  }

  .width-460 {
    width: 460px !important;
  }

  .max-height-460 {
    max-height: 460px !important;
  }

  .min-height-460 {
    min-height: 460px !important;
  }

  .height-460 {
    height: 460px !important;
  }

  .square-230 {
    width: 230px !important;
    height: 230px !important;
  }
}
@media (min-width: 0px) {
  .max-width-470 {
    max-width: 470px !important;
  }

  .min-width-470 {
    min-width: 470px !important;
  }

  .width-470 {
    width: 470px !important;
  }

  .max-height-470 {
    max-height: 470px !important;
  }

  .min-height-470 {
    min-height: 470px !important;
  }

  .height-470 {
    height: 470px !important;
  }

  .square-235 {
    width: 235px !important;
    height: 235px !important;
  }
}
@media (min-width: 0px) {
  .max-width-480 {
    max-width: 480px !important;
  }

  .min-width-480 {
    min-width: 480px !important;
  }

  .width-480 {
    width: 480px !important;
  }

  .max-height-480 {
    max-height: 480px !important;
  }

  .min-height-480 {
    min-height: 480px !important;
  }

  .height-480 {
    height: 480px !important;
  }

  .square-240 {
    width: 240px !important;
    height: 240px !important;
  }
}
@media (min-width: 0px) {
  .max-width-490 {
    max-width: 490px !important;
  }

  .min-width-490 {
    min-width: 490px !important;
  }

  .width-490 {
    width: 490px !important;
  }

  .max-height-490 {
    max-height: 490px !important;
  }

  .min-height-490 {
    min-height: 490px !important;
  }

  .height-490 {
    height: 490px !important;
  }

  .square-245 {
    width: 245px !important;
    height: 245px !important;
  }
}
@media (min-width: 0px) {
  .max-width-500 {
    max-width: 500px !important;
  }

  .min-width-500 {
    min-width: 500px !important;
  }

  .width-500 {
    width: 500px !important;
  }

  .max-height-500 {
    max-height: 500px !important;
  }

  .min-height-500 {
    min-height: 500px !important;
  }

  .height-500 {
    height: 500px !important;
  }

  .square-250 {
    width: 250px !important;
    height: 250px !important;
  }
}
@media (min-width: 0px) {
  .max-width-510 {
    max-width: 510px !important;
  }

  .min-width-510 {
    min-width: 510px !important;
  }

  .width-510 {
    width: 510px !important;
  }

  .max-height-510 {
    max-height: 510px !important;
  }

  .min-height-510 {
    min-height: 510px !important;
  }

  .height-510 {
    height: 510px !important;
  }

  .square-255 {
    width: 255px !important;
    height: 255px !important;
  }
}
@media (min-width: 0px) {
  .max-width-520 {
    max-width: 520px !important;
  }

  .min-width-520 {
    min-width: 520px !important;
  }

  .width-520 {
    width: 520px !important;
  }

  .max-height-520 {
    max-height: 520px !important;
  }

  .min-height-520 {
    min-height: 520px !important;
  }

  .height-520 {
    height: 520px !important;
  }

  .square-260 {
    width: 260px !important;
    height: 260px !important;
  }
}
@media (min-width: 0px) {
  .max-width-530 {
    max-width: 530px !important;
  }

  .min-width-530 {
    min-width: 530px !important;
  }

  .width-530 {
    width: 530px !important;
  }

  .max-height-530 {
    max-height: 530px !important;
  }

  .min-height-530 {
    min-height: 530px !important;
  }

  .height-530 {
    height: 530px !important;
  }

  .square-265 {
    width: 265px !important;
    height: 265px !important;
  }
}
@media (min-width: 0px) {
  .max-width-540 {
    max-width: 540px !important;
  }

  .min-width-540 {
    min-width: 540px !important;
  }

  .width-540 {
    width: 540px !important;
  }

  .max-height-540 {
    max-height: 540px !important;
  }

  .min-height-540 {
    min-height: 540px !important;
  }

  .height-540 {
    height: 540px !important;
  }

  .square-270 {
    width: 270px !important;
    height: 270px !important;
  }
}
@media (min-width: 0px) {
  .max-width-550 {
    max-width: 550px !important;
  }

  .min-width-550 {
    min-width: 550px !important;
  }

  .width-550 {
    width: 550px !important;
  }

  .max-height-550 {
    max-height: 550px !important;
  }

  .min-height-550 {
    min-height: 550px !important;
  }

  .height-550 {
    height: 550px !important;
  }

  .square-275 {
    width: 275px !important;
    height: 275px !important;
  }
}
@media (min-width: 0px) {
  .max-width-560 {
    max-width: 560px !important;
  }

  .min-width-560 {
    min-width: 560px !important;
  }

  .width-560 {
    width: 560px !important;
  }

  .max-height-560 {
    max-height: 560px !important;
  }

  .min-height-560 {
    min-height: 560px !important;
  }

  .height-560 {
    height: 560px !important;
  }

  .square-280 {
    width: 280px !important;
    height: 280px !important;
  }
}
@media (min-width: 0px) {
  .max-width-570 {
    max-width: 570px !important;
  }

  .min-width-570 {
    min-width: 570px !important;
  }

  .width-570 {
    width: 570px !important;
  }

  .max-height-570 {
    max-height: 570px !important;
  }

  .min-height-570 {
    min-height: 570px !important;
  }

  .height-570 {
    height: 570px !important;
  }

  .square-285 {
    width: 285px !important;
    height: 285px !important;
  }
}
@media (min-width: 0px) {
  .max-width-580 {
    max-width: 580px !important;
  }

  .min-width-580 {
    min-width: 580px !important;
  }

  .width-580 {
    width: 580px !important;
  }

  .max-height-580 {
    max-height: 580px !important;
  }

  .min-height-580 {
    min-height: 580px !important;
  }

  .height-580 {
    height: 580px !important;
  }

  .square-290 {
    width: 290px !important;
    height: 290px !important;
  }
}
@media (min-width: 0px) {
  .max-width-590 {
    max-width: 590px !important;
  }

  .min-width-590 {
    min-width: 590px !important;
  }

  .width-590 {
    width: 590px !important;
  }

  .max-height-590 {
    max-height: 590px !important;
  }

  .min-height-590 {
    min-height: 590px !important;
  }

  .height-590 {
    height: 590px !important;
  }

  .square-295 {
    width: 295px !important;
    height: 295px !important;
  }
}
@media (min-width: 0px) {
  .max-width-600 {
    max-width: 600px !important;
  }

  .min-width-600 {
    min-width: 600px !important;
  }

  .width-600 {
    width: 600px !important;
  }

  .max-height-600 {
    max-height: 600px !important;
  }

  .min-height-600 {
    min-height: 600px !important;
  }

  .height-600 {
    height: 600px !important;
  }

  .square-300 {
    width: 300px !important;
    height: 300px !important;
  }
}
@media (min-width: 0px) {
  .max-width-610 {
    max-width: 610px !important;
  }

  .min-width-610 {
    min-width: 610px !important;
  }

  .width-610 {
    width: 610px !important;
  }

  .max-height-610 {
    max-height: 610px !important;
  }

  .min-height-610 {
    min-height: 610px !important;
  }

  .height-610 {
    height: 610px !important;
  }

  .square-305 {
    width: 305px !important;
    height: 305px !important;
  }
}
@media (min-width: 0px) {
  .max-width-620 {
    max-width: 620px !important;
  }

  .min-width-620 {
    min-width: 620px !important;
  }

  .width-620 {
    width: 620px !important;
  }

  .max-height-620 {
    max-height: 620px !important;
  }

  .min-height-620 {
    min-height: 620px !important;
  }

  .height-620 {
    height: 620px !important;
  }

  .square-310 {
    width: 310px !important;
    height: 310px !important;
  }
}
@media (min-width: 0px) {
  .max-width-630 {
    max-width: 630px !important;
  }

  .min-width-630 {
    min-width: 630px !important;
  }

  .width-630 {
    width: 630px !important;
  }

  .max-height-630 {
    max-height: 630px !important;
  }

  .min-height-630 {
    min-height: 630px !important;
  }

  .height-630 {
    height: 630px !important;
  }

  .square-315 {
    width: 315px !important;
    height: 315px !important;
  }
}
@media (min-width: 0px) {
  .max-width-640 {
    max-width: 640px !important;
  }

  .min-width-640 {
    min-width: 640px !important;
  }

  .width-640 {
    width: 640px !important;
  }

  .max-height-640 {
    max-height: 640px !important;
  }

  .min-height-640 {
    min-height: 640px !important;
  }

  .height-640 {
    height: 640px !important;
  }

  .square-320 {
    width: 320px !important;
    height: 320px !important;
  }
}
@media (min-width: 0px) {
  .max-width-650 {
    max-width: 650px !important;
  }

  .min-width-650 {
    min-width: 650px !important;
  }

  .width-650 {
    width: 650px !important;
  }

  .max-height-650 {
    max-height: 650px !important;
  }

  .min-height-650 {
    min-height: 650px !important;
  }

  .height-650 {
    height: 650px !important;
  }

  .square-325 {
    width: 325px !important;
    height: 325px !important;
  }
}
@media (min-width: 0px) {
  .max-width-660 {
    max-width: 660px !important;
  }

  .min-width-660 {
    min-width: 660px !important;
  }

  .width-660 {
    width: 660px !important;
  }

  .max-height-660 {
    max-height: 660px !important;
  }

  .min-height-660 {
    min-height: 660px !important;
  }

  .height-660 {
    height: 660px !important;
  }

  .square-330 {
    width: 330px !important;
    height: 330px !important;
  }
}
@media (min-width: 0px) {
  .max-width-670 {
    max-width: 670px !important;
  }

  .min-width-670 {
    min-width: 670px !important;
  }

  .width-670 {
    width: 670px !important;
  }

  .max-height-670 {
    max-height: 670px !important;
  }

  .min-height-670 {
    min-height: 670px !important;
  }

  .height-670 {
    height: 670px !important;
  }

  .square-335 {
    width: 335px !important;
    height: 335px !important;
  }
}
@media (min-width: 0px) {
  .max-width-680 {
    max-width: 680px !important;
  }

  .min-width-680 {
    min-width: 680px !important;
  }

  .width-680 {
    width: 680px !important;
  }

  .max-height-680 {
    max-height: 680px !important;
  }

  .min-height-680 {
    min-height: 680px !important;
  }

  .height-680 {
    height: 680px !important;
  }

  .square-340 {
    width: 340px !important;
    height: 340px !important;
  }
}
@media (min-width: 0px) {
  .max-width-690 {
    max-width: 690px !important;
  }

  .min-width-690 {
    min-width: 690px !important;
  }

  .width-690 {
    width: 690px !important;
  }

  .max-height-690 {
    max-height: 690px !important;
  }

  .min-height-690 {
    min-height: 690px !important;
  }

  .height-690 {
    height: 690px !important;
  }

  .square-345 {
    width: 345px !important;
    height: 345px !important;
  }
}
@media (min-width: 0px) {
  .max-width-700 {
    max-width: 700px !important;
  }

  .min-width-700 {
    min-width: 700px !important;
  }

  .width-700 {
    width: 700px !important;
  }

  .max-height-700 {
    max-height: 700px !important;
  }

  .min-height-700 {
    min-height: 700px !important;
  }

  .height-700 {
    height: 700px !important;
  }

  .square-350 {
    width: 350px !important;
    height: 350px !important;
  }
}
@media (min-width: 0px) {
  .max-width-710 {
    max-width: 710px !important;
  }

  .min-width-710 {
    min-width: 710px !important;
  }

  .width-710 {
    width: 710px !important;
  }

  .max-height-710 {
    max-height: 710px !important;
  }

  .min-height-710 {
    min-height: 710px !important;
  }

  .height-710 {
    height: 710px !important;
  }

  .square-355 {
    width: 355px !important;
    height: 355px !important;
  }
}
@media (min-width: 0px) {
  .max-width-720 {
    max-width: 720px !important;
  }

  .min-width-720 {
    min-width: 720px !important;
  }

  .width-720 {
    width: 720px !important;
  }

  .max-height-720 {
    max-height: 720px !important;
  }

  .min-height-720 {
    min-height: 720px !important;
  }

  .height-720 {
    height: 720px !important;
  }

  .square-360 {
    width: 360px !important;
    height: 360px !important;
  }
}
@media (min-width: 0px) {
  .max-width-730 {
    max-width: 730px !important;
  }

  .min-width-730 {
    min-width: 730px !important;
  }

  .width-730 {
    width: 730px !important;
  }

  .max-height-730 {
    max-height: 730px !important;
  }

  .min-height-730 {
    min-height: 730px !important;
  }

  .height-730 {
    height: 730px !important;
  }

  .square-365 {
    width: 365px !important;
    height: 365px !important;
  }
}
@media (min-width: 0px) {
  .max-width-740 {
    max-width: 740px !important;
  }

  .min-width-740 {
    min-width: 740px !important;
  }

  .width-740 {
    width: 740px !important;
  }

  .max-height-740 {
    max-height: 740px !important;
  }

  .min-height-740 {
    min-height: 740px !important;
  }

  .height-740 {
    height: 740px !important;
  }

  .square-370 {
    width: 370px !important;
    height: 370px !important;
  }
}
@media (min-width: 0px) {
  .max-width-750 {
    max-width: 750px !important;
  }

  .min-width-750 {
    min-width: 750px !important;
  }

  .width-750 {
    width: 750px !important;
  }

  .max-height-750 {
    max-height: 750px !important;
  }

  .min-height-750 {
    min-height: 750px !important;
  }

  .height-750 {
    height: 750px !important;
  }

  .square-375 {
    width: 375px !important;
    height: 375px !important;
  }
}
@media (min-width: 0px) {
  .max-width-760 {
    max-width: 760px !important;
  }

  .min-width-760 {
    min-width: 760px !important;
  }

  .width-760 {
    width: 760px !important;
  }

  .max-height-760 {
    max-height: 760px !important;
  }

  .min-height-760 {
    min-height: 760px !important;
  }

  .height-760 {
    height: 760px !important;
  }

  .square-380 {
    width: 380px !important;
    height: 380px !important;
  }
}
@media (min-width: 0px) {
  .max-width-770 {
    max-width: 770px !important;
  }

  .min-width-770 {
    min-width: 770px !important;
  }

  .width-770 {
    width: 770px !important;
  }

  .max-height-770 {
    max-height: 770px !important;
  }

  .min-height-770 {
    min-height: 770px !important;
  }

  .height-770 {
    height: 770px !important;
  }

  .square-385 {
    width: 385px !important;
    height: 385px !important;
  }
}
@media (min-width: 0px) {
  .max-width-780 {
    max-width: 780px !important;
  }

  .min-width-780 {
    min-width: 780px !important;
  }

  .width-780 {
    width: 780px !important;
  }

  .max-height-780 {
    max-height: 780px !important;
  }

  .min-height-780 {
    min-height: 780px !important;
  }

  .height-780 {
    height: 780px !important;
  }

  .square-390 {
    width: 390px !important;
    height: 390px !important;
  }
}
@media (min-width: 0px) {
  .max-width-790 {
    max-width: 790px !important;
  }

  .min-width-790 {
    min-width: 790px !important;
  }

  .width-790 {
    width: 790px !important;
  }

  .max-height-790 {
    max-height: 790px !important;
  }

  .min-height-790 {
    min-height: 790px !important;
  }

  .height-790 {
    height: 790px !important;
  }

  .square-395 {
    width: 395px !important;
    height: 395px !important;
  }
}
@media (min-width: 0px) {
  .max-width-800 {
    max-width: 800px !important;
  }

  .min-width-800 {
    min-width: 800px !important;
  }

  .width-800 {
    width: 800px !important;
  }

  .max-height-800 {
    max-height: 800px !important;
  }

  .min-height-800 {
    min-height: 800px !important;
  }

  .height-800 {
    height: 800px !important;
  }

  .square-400 {
    width: 400px !important;
    height: 400px !important;
  }
}
@media (min-width: 0px) {
  .max-width-810 {
    max-width: 810px !important;
  }

  .min-width-810 {
    min-width: 810px !important;
  }

  .width-810 {
    width: 810px !important;
  }

  .max-height-810 {
    max-height: 810px !important;
  }

  .min-height-810 {
    min-height: 810px !important;
  }

  .height-810 {
    height: 810px !important;
  }

  .square-405 {
    width: 405px !important;
    height: 405px !important;
  }
}
@media (min-width: 0px) {
  .max-width-820 {
    max-width: 820px !important;
  }

  .min-width-820 {
    min-width: 820px !important;
  }

  .width-820 {
    width: 820px !important;
  }

  .max-height-820 {
    max-height: 820px !important;
  }

  .min-height-820 {
    min-height: 820px !important;
  }

  .height-820 {
    height: 820px !important;
  }

  .square-410 {
    width: 410px !important;
    height: 410px !important;
  }
}
@media (min-width: 0px) {
  .max-width-830 {
    max-width: 830px !important;
  }

  .min-width-830 {
    min-width: 830px !important;
  }

  .width-830 {
    width: 830px !important;
  }

  .max-height-830 {
    max-height: 830px !important;
  }

  .min-height-830 {
    min-height: 830px !important;
  }

  .height-830 {
    height: 830px !important;
  }

  .square-415 {
    width: 415px !important;
    height: 415px !important;
  }
}
@media (min-width: 0px) {
  .max-width-840 {
    max-width: 840px !important;
  }

  .min-width-840 {
    min-width: 840px !important;
  }

  .width-840 {
    width: 840px !important;
  }

  .max-height-840 {
    max-height: 840px !important;
  }

  .min-height-840 {
    min-height: 840px !important;
  }

  .height-840 {
    height: 840px !important;
  }

  .square-420 {
    width: 420px !important;
    height: 420px !important;
  }
}
@media (min-width: 0px) {
  .max-width-850 {
    max-width: 850px !important;
  }

  .min-width-850 {
    min-width: 850px !important;
  }

  .width-850 {
    width: 850px !important;
  }

  .max-height-850 {
    max-height: 850px !important;
  }

  .min-height-850 {
    min-height: 850px !important;
  }

  .height-850 {
    height: 850px !important;
  }

  .square-425 {
    width: 425px !important;
    height: 425px !important;
  }
}
@media (min-width: 0px) {
  .max-width-860 {
    max-width: 860px !important;
  }

  .min-width-860 {
    min-width: 860px !important;
  }

  .width-860 {
    width: 860px !important;
  }

  .max-height-860 {
    max-height: 860px !important;
  }

  .min-height-860 {
    min-height: 860px !important;
  }

  .height-860 {
    height: 860px !important;
  }

  .square-430 {
    width: 430px !important;
    height: 430px !important;
  }
}
@media (min-width: 0px) {
  .max-width-870 {
    max-width: 870px !important;
  }

  .min-width-870 {
    min-width: 870px !important;
  }

  .width-870 {
    width: 870px !important;
  }

  .max-height-870 {
    max-height: 870px !important;
  }

  .min-height-870 {
    min-height: 870px !important;
  }

  .height-870 {
    height: 870px !important;
  }

  .square-435 {
    width: 435px !important;
    height: 435px !important;
  }
}
@media (min-width: 0px) {
  .max-width-880 {
    max-width: 880px !important;
  }

  .min-width-880 {
    min-width: 880px !important;
  }

  .width-880 {
    width: 880px !important;
  }

  .max-height-880 {
    max-height: 880px !important;
  }

  .min-height-880 {
    min-height: 880px !important;
  }

  .height-880 {
    height: 880px !important;
  }

  .square-440 {
    width: 440px !important;
    height: 440px !important;
  }
}
@media (min-width: 0px) {
  .max-width-890 {
    max-width: 890px !important;
  }

  .min-width-890 {
    min-width: 890px !important;
  }

  .width-890 {
    width: 890px !important;
  }

  .max-height-890 {
    max-height: 890px !important;
  }

  .min-height-890 {
    min-height: 890px !important;
  }

  .height-890 {
    height: 890px !important;
  }

  .square-445 {
    width: 445px !important;
    height: 445px !important;
  }
}
@media (min-width: 0px) {
  .max-width-900 {
    max-width: 900px !important;
  }

  .min-width-900 {
    min-width: 900px !important;
  }

  .width-900 {
    width: 900px !important;
  }

  .max-height-900 {
    max-height: 900px !important;
  }

  .min-height-900 {
    min-height: 900px !important;
  }

  .height-900 {
    height: 900px !important;
  }

  .square-450 {
    width: 450px !important;
    height: 450px !important;
  }
}
@media (min-width: 0px) {
  .max-width-910 {
    max-width: 910px !important;
  }

  .min-width-910 {
    min-width: 910px !important;
  }

  .width-910 {
    width: 910px !important;
  }

  .max-height-910 {
    max-height: 910px !important;
  }

  .min-height-910 {
    min-height: 910px !important;
  }

  .height-910 {
    height: 910px !important;
  }

  .square-455 {
    width: 455px !important;
    height: 455px !important;
  }
}
@media (min-width: 0px) {
  .max-width-920 {
    max-width: 920px !important;
  }

  .min-width-920 {
    min-width: 920px !important;
  }

  .width-920 {
    width: 920px !important;
  }

  .max-height-920 {
    max-height: 920px !important;
  }

  .min-height-920 {
    min-height: 920px !important;
  }

  .height-920 {
    height: 920px !important;
  }

  .square-460 {
    width: 460px !important;
    height: 460px !important;
  }
}
@media (min-width: 0px) {
  .max-width-930 {
    max-width: 930px !important;
  }

  .min-width-930 {
    min-width: 930px !important;
  }

  .width-930 {
    width: 930px !important;
  }

  .max-height-930 {
    max-height: 930px !important;
  }

  .min-height-930 {
    min-height: 930px !important;
  }

  .height-930 {
    height: 930px !important;
  }

  .square-465 {
    width: 465px !important;
    height: 465px !important;
  }
}
@media (min-width: 0px) {
  .max-width-940 {
    max-width: 940px !important;
  }

  .min-width-940 {
    min-width: 940px !important;
  }

  .width-940 {
    width: 940px !important;
  }

  .max-height-940 {
    max-height: 940px !important;
  }

  .min-height-940 {
    min-height: 940px !important;
  }

  .height-940 {
    height: 940px !important;
  }

  .square-470 {
    width: 470px !important;
    height: 470px !important;
  }
}
@media (min-width: 0px) {
  .max-width-950 {
    max-width: 950px !important;
  }

  .min-width-950 {
    min-width: 950px !important;
  }

  .width-950 {
    width: 950px !important;
  }

  .max-height-950 {
    max-height: 950px !important;
  }

  .min-height-950 {
    min-height: 950px !important;
  }

  .height-950 {
    height: 950px !important;
  }

  .square-475 {
    width: 475px !important;
    height: 475px !important;
  }
}
@media (min-width: 0px) {
  .max-width-960 {
    max-width: 960px !important;
  }

  .min-width-960 {
    min-width: 960px !important;
  }

  .width-960 {
    width: 960px !important;
  }

  .max-height-960 {
    max-height: 960px !important;
  }

  .min-height-960 {
    min-height: 960px !important;
  }

  .height-960 {
    height: 960px !important;
  }

  .square-480 {
    width: 480px !important;
    height: 480px !important;
  }
}
@media (min-width: 0px) {
  .max-width-970 {
    max-width: 970px !important;
  }

  .min-width-970 {
    min-width: 970px !important;
  }

  .width-970 {
    width: 970px !important;
  }

  .max-height-970 {
    max-height: 970px !important;
  }

  .min-height-970 {
    min-height: 970px !important;
  }

  .height-970 {
    height: 970px !important;
  }

  .square-485 {
    width: 485px !important;
    height: 485px !important;
  }
}
@media (min-width: 0px) {
  .max-width-980 {
    max-width: 980px !important;
  }

  .min-width-980 {
    min-width: 980px !important;
  }

  .width-980 {
    width: 980px !important;
  }

  .max-height-980 {
    max-height: 980px !important;
  }

  .min-height-980 {
    min-height: 980px !important;
  }

  .height-980 {
    height: 980px !important;
  }

  .square-490 {
    width: 490px !important;
    height: 490px !important;
  }
}
@media (min-width: 0px) {
  .max-width-990 {
    max-width: 990px !important;
  }

  .min-width-990 {
    min-width: 990px !important;
  }

  .width-990 {
    width: 990px !important;
  }

  .max-height-990 {
    max-height: 990px !important;
  }

  .min-height-990 {
    min-height: 990px !important;
  }

  .height-990 {
    height: 990px !important;
  }

  .square-495 {
    width: 495px !important;
    height: 495px !important;
  }
}
@media (min-width: 0px) {
  .max-width-1000 {
    max-width: 1000px !important;
  }

  .min-width-1000 {
    min-width: 1000px !important;
  }

  .width-1000 {
    width: 1000px !important;
  }

  .max-height-1000 {
    max-height: 1000px !important;
  }

  .min-height-1000 {
    min-height: 1000px !important;
  }

  .height-1000 {
    height: 1000px !important;
  }

  .square-500 {
    width: 500px !important;
    height: 500px !important;
  }
}
@media (min-width: 0px) {
  .max-width-10-percent {
    max-width: 10% !important;
  }

  .min-width-10-percent {
    min-width: 10% !important;
  }

  .width-10-percent {
    width: 10% !important;
  }

  .max-height-10-percent {
    max-height: 10% !important;
  }

  .min-height-10-percent {
    min-height: 10% !important;
  }

  .height-10-percent {
    height: 10% !important;
  }
}
@media (min-width: 0px) {
  .max-width-20-percent {
    max-width: 20% !important;
  }

  .min-width-20-percent {
    min-width: 20% !important;
  }

  .width-20-percent {
    width: 20% !important;
  }

  .max-height-20-percent {
    max-height: 20% !important;
  }

  .min-height-20-percent {
    min-height: 20% !important;
  }

  .height-20-percent {
    height: 20% !important;
  }
}
@media (min-width: 0px) {
  .max-width-30-percent {
    max-width: 30% !important;
  }

  .min-width-30-percent {
    min-width: 30% !important;
  }

  .width-30-percent {
    width: 30% !important;
  }

  .max-height-30-percent {
    max-height: 30% !important;
  }

  .min-height-30-percent {
    min-height: 30% !important;
  }

  .height-30-percent {
    height: 30% !important;
  }
}
@media (min-width: 0px) {
  .max-width-40-percent {
    max-width: 40% !important;
  }

  .min-width-40-percent {
    min-width: 40% !important;
  }

  .width-40-percent {
    width: 40% !important;
  }

  .max-height-40-percent {
    max-height: 40% !important;
  }

  .min-height-40-percent {
    min-height: 40% !important;
  }

  .height-40-percent {
    height: 40% !important;
  }
}
@media (min-width: 0px) {
  .max-width-50-percent {
    max-width: 50% !important;
  }

  .min-width-50-percent {
    min-width: 50% !important;
  }

  .width-50-percent {
    width: 50% !important;
  }

  .max-height-50-percent {
    max-height: 50% !important;
  }

  .min-height-50-percent {
    min-height: 50% !important;
  }

  .height-50-percent {
    height: 50% !important;
  }
}
@media (min-width: 0px) {
  .max-width-60-percent {
    max-width: 60% !important;
  }

  .min-width-60-percent {
    min-width: 60% !important;
  }

  .width-60-percent {
    width: 60% !important;
  }

  .max-height-60-percent {
    max-height: 60% !important;
  }

  .min-height-60-percent {
    min-height: 60% !important;
  }

  .height-60-percent {
    height: 60% !important;
  }
}
@media (min-width: 0px) {
  .max-width-70-percent {
    max-width: 70% !important;
  }

  .min-width-70-percent {
    min-width: 70% !important;
  }

  .width-70-percent {
    width: 70% !important;
  }

  .max-height-70-percent {
    max-height: 70% !important;
  }

  .min-height-70-percent {
    min-height: 70% !important;
  }

  .height-70-percent {
    height: 70% !important;
  }
}
@media (min-width: 0px) {
  .max-width-80-percent {
    max-width: 80% !important;
  }

  .min-width-80-percent {
    min-width: 80% !important;
  }

  .width-80-percent {
    width: 80% !important;
  }

  .max-height-80-percent {
    max-height: 80% !important;
  }

  .min-height-80-percent {
    min-height: 80% !important;
  }

  .height-80-percent {
    height: 80% !important;
  }
}
@media (min-width: 0px) {
  .max-width-90-percent {
    max-width: 90% !important;
  }

  .min-width-90-percent {
    min-width: 90% !important;
  }

  .width-90-percent {
    width: 90% !important;
  }

  .max-height-90-percent {
    max-height: 90% !important;
  }

  .min-height-90-percent {
    min-height: 90% !important;
  }

  .height-90-percent {
    height: 90% !important;
  }
}
@media (min-width: 0px) {
  .max-width-100-percent {
    max-width: 100% !important;
  }

  .min-width-100-percent {
    min-width: 100% !important;
  }

  .width-100-percent {
    width: 100% !important;
  }

  .max-height-100-percent {
    max-height: 100% !important;
  }

  .min-height-100-percent {
    min-height: 100% !important;
  }

  .height-100-percent {
    height: 100% !important;
  }
}
@media (min-width: 0px) {
  .max-width-110-percent {
    max-width: 110% !important;
  }

  .min-width-110-percent {
    min-width: 110% !important;
  }

  .width-110-percent {
    width: 110% !important;
  }

  .max-height-110-percent {
    max-height: 110% !important;
  }

  .min-height-110-percent {
    min-height: 110% !important;
  }

  .height-110-percent {
    height: 110% !important;
  }
}
@media (min-width: 0px) {
  .max-width-120-percent {
    max-width: 120% !important;
  }

  .min-width-120-percent {
    min-width: 120% !important;
  }

  .width-120-percent {
    width: 120% !important;
  }

  .max-height-120-percent {
    max-height: 120% !important;
  }

  .min-height-120-percent {
    min-height: 120% !important;
  }

  .height-120-percent {
    height: 120% !important;
  }
}
@media (min-width: 0px) {
  .max-width-130-percent {
    max-width: 130% !important;
  }

  .min-width-130-percent {
    min-width: 130% !important;
  }

  .width-130-percent {
    width: 130% !important;
  }

  .max-height-130-percent {
    max-height: 130% !important;
  }

  .min-height-130-percent {
    min-height: 130% !important;
  }

  .height-130-percent {
    height: 130% !important;
  }
}
@media (min-width: 0px) {
  .max-width-140-percent {
    max-width: 140% !important;
  }

  .min-width-140-percent {
    min-width: 140% !important;
  }

  .width-140-percent {
    width: 140% !important;
  }

  .max-height-140-percent {
    max-height: 140% !important;
  }

  .min-height-140-percent {
    min-height: 140% !important;
  }

  .height-140-percent {
    height: 140% !important;
  }
}
@media (min-width: 0px) {
  .max-width-150-percent {
    max-width: 150% !important;
  }

  .min-width-150-percent {
    min-width: 150% !important;
  }

  .width-150-percent {
    width: 150% !important;
  }

  .max-height-150-percent {
    max-height: 150% !important;
  }

  .min-height-150-percent {
    min-height: 150% !important;
  }

  .height-150-percent {
    height: 150% !important;
  }
}
@media (min-width: 0px) {
  .max-width-160-percent {
    max-width: 160% !important;
  }

  .min-width-160-percent {
    min-width: 160% !important;
  }

  .width-160-percent {
    width: 160% !important;
  }

  .max-height-160-percent {
    max-height: 160% !important;
  }

  .min-height-160-percent {
    min-height: 160% !important;
  }

  .height-160-percent {
    height: 160% !important;
  }
}
@media (min-width: 0px) {
  .max-width-170-percent {
    max-width: 170% !important;
  }

  .min-width-170-percent {
    min-width: 170% !important;
  }

  .width-170-percent {
    width: 170% !important;
  }

  .max-height-170-percent {
    max-height: 170% !important;
  }

  .min-height-170-percent {
    min-height: 170% !important;
  }

  .height-170-percent {
    height: 170% !important;
  }
}
@media (min-width: 0px) {
  .max-width-180-percent {
    max-width: 180% !important;
  }

  .min-width-180-percent {
    min-width: 180% !important;
  }

  .width-180-percent {
    width: 180% !important;
  }

  .max-height-180-percent {
    max-height: 180% !important;
  }

  .min-height-180-percent {
    min-height: 180% !important;
  }

  .height-180-percent {
    height: 180% !important;
  }
}
@media (min-width: 0px) {
  .max-width-190-percent {
    max-width: 190% !important;
  }

  .min-width-190-percent {
    min-width: 190% !important;
  }

  .width-190-percent {
    width: 190% !important;
  }

  .max-height-190-percent {
    max-height: 190% !important;
  }

  .min-height-190-percent {
    min-height: 190% !important;
  }

  .height-190-percent {
    height: 190% !important;
  }
}
@media (min-width: 0px) {
  .max-width-200-percent {
    max-width: 200% !important;
  }

  .min-width-200-percent {
    min-width: 200% !important;
  }

  .width-200-percent {
    width: 200% !important;
  }

  .max-height-200-percent {
    max-height: 200% !important;
  }

  .min-height-200-percent {
    min-height: 200% !important;
  }

  .height-200-percent {
    height: 200% !important;
  }
}
@media (min-width: 0px) {
  .max-width-210-percent {
    max-width: 210% !important;
  }

  .min-width-210-percent {
    min-width: 210% !important;
  }

  .width-210-percent {
    width: 210% !important;
  }

  .max-height-210-percent {
    max-height: 210% !important;
  }

  .min-height-210-percent {
    min-height: 210% !important;
  }

  .height-210-percent {
    height: 210% !important;
  }
}
@media (min-width: 0px) {
  .max-width-220-percent {
    max-width: 220% !important;
  }

  .min-width-220-percent {
    min-width: 220% !important;
  }

  .width-220-percent {
    width: 220% !important;
  }

  .max-height-220-percent {
    max-height: 220% !important;
  }

  .min-height-220-percent {
    min-height: 220% !important;
  }

  .height-220-percent {
    height: 220% !important;
  }
}
@media (min-width: 0px) {
  .max-width-230-percent {
    max-width: 230% !important;
  }

  .min-width-230-percent {
    min-width: 230% !important;
  }

  .width-230-percent {
    width: 230% !important;
  }

  .max-height-230-percent {
    max-height: 230% !important;
  }

  .min-height-230-percent {
    min-height: 230% !important;
  }

  .height-230-percent {
    height: 230% !important;
  }
}
@media (min-width: 0px) {
  .max-width-240-percent {
    max-width: 240% !important;
  }

  .min-width-240-percent {
    min-width: 240% !important;
  }

  .width-240-percent {
    width: 240% !important;
  }

  .max-height-240-percent {
    max-height: 240% !important;
  }

  .min-height-240-percent {
    min-height: 240% !important;
  }

  .height-240-percent {
    height: 240% !important;
  }
}
@media (min-width: 0px) {
  .max-width-250-percent {
    max-width: 250% !important;
  }

  .min-width-250-percent {
    min-width: 250% !important;
  }

  .width-250-percent {
    width: 250% !important;
  }

  .max-height-250-percent {
    max-height: 250% !important;
  }

  .min-height-250-percent {
    min-height: 250% !important;
  }

  .height-250-percent {
    height: 250% !important;
  }
}
@media (min-width: 0px) {
  .max-width-260-percent {
    max-width: 260% !important;
  }

  .min-width-260-percent {
    min-width: 260% !important;
  }

  .width-260-percent {
    width: 260% !important;
  }

  .max-height-260-percent {
    max-height: 260% !important;
  }

  .min-height-260-percent {
    min-height: 260% !important;
  }

  .height-260-percent {
    height: 260% !important;
  }
}
@media (min-width: 0px) {
  .max-width-270-percent {
    max-width: 270% !important;
  }

  .min-width-270-percent {
    min-width: 270% !important;
  }

  .width-270-percent {
    width: 270% !important;
  }

  .max-height-270-percent {
    max-height: 270% !important;
  }

  .min-height-270-percent {
    min-height: 270% !important;
  }

  .height-270-percent {
    height: 270% !important;
  }
}
@media (min-width: 0px) {
  .max-width-280-percent {
    max-width: 280% !important;
  }

  .min-width-280-percent {
    min-width: 280% !important;
  }

  .width-280-percent {
    width: 280% !important;
  }

  .max-height-280-percent {
    max-height: 280% !important;
  }

  .min-height-280-percent {
    min-height: 280% !important;
  }

  .height-280-percent {
    height: 280% !important;
  }
}
@media (min-width: 0px) {
  .max-width-290-percent {
    max-width: 290% !important;
  }

  .min-width-290-percent {
    min-width: 290% !important;
  }

  .width-290-percent {
    width: 290% !important;
  }

  .max-height-290-percent {
    max-height: 290% !important;
  }

  .min-height-290-percent {
    min-height: 290% !important;
  }

  .height-290-percent {
    height: 290% !important;
  }
}
@media (min-width: 0px) {
  .max-width-300-percent {
    max-width: 300% !important;
  }

  .min-width-300-percent {
    min-width: 300% !important;
  }

  .width-300-percent {
    width: 300% !important;
  }

  .max-height-300-percent {
    max-height: 300% !important;
  }

  .min-height-300-percent {
    min-height: 300% !important;
  }

  .height-300-percent {
    height: 300% !important;
  }
}
@media (min-width: 0px) {
  .min-height-10vh {
    min-height: 10vh !important;
  }

  .height-10vh {
    height: 10vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-20vh {
    min-height: 20vh !important;
  }

  .height-20vh {
    height: 20vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-30vh {
    min-height: 30vh !important;
  }

  .height-30vh {
    height: 30vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-40vh {
    min-height: 40vh !important;
  }

  .height-40vh {
    height: 40vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-50vh {
    min-height: 50vh !important;
  }

  .height-50vh {
    height: 50vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-60vh {
    min-height: 60vh !important;
  }

  .height-60vh {
    height: 60vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-70vh {
    min-height: 70vh !important;
  }

  .height-70vh {
    height: 70vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-80vh {
    min-height: 80vh !important;
  }

  .height-80vh {
    height: 80vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-90vh {
    min-height: 90vh !important;
  }

  .height-90vh {
    height: 90vh !important;
  }
}
@media (min-width: 0px) {
  .min-height-100vh {
    min-height: 100vh !important;
  }

  .height-100vh {
    height: 100vh !important;
  }
}
@media (min-width: 0px) {
  .square-auto {
    aspect-ratio: 1;
  }

  .max-width-initial {
    max-width: initial !important;
  }

  .min-width-initial {
    min-width: initial !important;
  }

  .width-initial {
    width: initial !important;
  }

  .width-max-content {
    width: max-content !important;
  }

  .width-auto {
    width: auto !important;
  }

  .min-width-auto {
    min-width: auto !important;
  }

  .height-auto {
    height: auto !important;
  }

  .min-height-auto {
    min-height: auto !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-0 {
    max-width: 0px !important;
  }

  .min-width-sm-0 {
    min-width: 0px !important;
  }

  .width-sm-0 {
    width: 0px !important;
  }

  .max-height-sm-0 {
    max-height: 0px !important;
  }

  .min-height-sm-0 {
    min-height: 0px !important;
  }

  .height-sm-0 {
    height: 0px !important;
  }

  .square-sm-0 {
    width: 0px !important;
    height: 0px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-10 {
    max-width: 10px !important;
  }

  .min-width-sm-10 {
    min-width: 10px !important;
  }

  .width-sm-10 {
    width: 10px !important;
  }

  .max-height-sm-10 {
    max-height: 10px !important;
  }

  .min-height-sm-10 {
    min-height: 10px !important;
  }

  .height-sm-10 {
    height: 10px !important;
  }

  .square-sm-5 {
    width: 5px !important;
    height: 5px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-20 {
    max-width: 20px !important;
  }

  .min-width-sm-20 {
    min-width: 20px !important;
  }

  .width-sm-20 {
    width: 20px !important;
  }

  .max-height-sm-20 {
    max-height: 20px !important;
  }

  .min-height-sm-20 {
    min-height: 20px !important;
  }

  .height-sm-20 {
    height: 20px !important;
  }

  .square-sm-10 {
    width: 10px !important;
    height: 10px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-30 {
    max-width: 30px !important;
  }

  .min-width-sm-30 {
    min-width: 30px !important;
  }

  .width-sm-30 {
    width: 30px !important;
  }

  .max-height-sm-30 {
    max-height: 30px !important;
  }

  .min-height-sm-30 {
    min-height: 30px !important;
  }

  .height-sm-30 {
    height: 30px !important;
  }

  .square-sm-15 {
    width: 15px !important;
    height: 15px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-40 {
    max-width: 40px !important;
  }

  .min-width-sm-40 {
    min-width: 40px !important;
  }

  .width-sm-40 {
    width: 40px !important;
  }

  .max-height-sm-40 {
    max-height: 40px !important;
  }

  .min-height-sm-40 {
    min-height: 40px !important;
  }

  .height-sm-40 {
    height: 40px !important;
  }

  .square-sm-20 {
    width: 20px !important;
    height: 20px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-50 {
    max-width: 50px !important;
  }

  .min-width-sm-50 {
    min-width: 50px !important;
  }

  .width-sm-50 {
    width: 50px !important;
  }

  .max-height-sm-50 {
    max-height: 50px !important;
  }

  .min-height-sm-50 {
    min-height: 50px !important;
  }

  .height-sm-50 {
    height: 50px !important;
  }

  .square-sm-25 {
    width: 25px !important;
    height: 25px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-60 {
    max-width: 60px !important;
  }

  .min-width-sm-60 {
    min-width: 60px !important;
  }

  .width-sm-60 {
    width: 60px !important;
  }

  .max-height-sm-60 {
    max-height: 60px !important;
  }

  .min-height-sm-60 {
    min-height: 60px !important;
  }

  .height-sm-60 {
    height: 60px !important;
  }

  .square-sm-30 {
    width: 30px !important;
    height: 30px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-70 {
    max-width: 70px !important;
  }

  .min-width-sm-70 {
    min-width: 70px !important;
  }

  .width-sm-70 {
    width: 70px !important;
  }

  .max-height-sm-70 {
    max-height: 70px !important;
  }

  .min-height-sm-70 {
    min-height: 70px !important;
  }

  .height-sm-70 {
    height: 70px !important;
  }

  .square-sm-35 {
    width: 35px !important;
    height: 35px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-80 {
    max-width: 80px !important;
  }

  .min-width-sm-80 {
    min-width: 80px !important;
  }

  .width-sm-80 {
    width: 80px !important;
  }

  .max-height-sm-80 {
    max-height: 80px !important;
  }

  .min-height-sm-80 {
    min-height: 80px !important;
  }

  .height-sm-80 {
    height: 80px !important;
  }

  .square-sm-40 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-90 {
    max-width: 90px !important;
  }

  .min-width-sm-90 {
    min-width: 90px !important;
  }

  .width-sm-90 {
    width: 90px !important;
  }

  .max-height-sm-90 {
    max-height: 90px !important;
  }

  .min-height-sm-90 {
    min-height: 90px !important;
  }

  .height-sm-90 {
    height: 90px !important;
  }

  .square-sm-45 {
    width: 45px !important;
    height: 45px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-100 {
    max-width: 100px !important;
  }

  .min-width-sm-100 {
    min-width: 100px !important;
  }

  .width-sm-100 {
    width: 100px !important;
  }

  .max-height-sm-100 {
    max-height: 100px !important;
  }

  .min-height-sm-100 {
    min-height: 100px !important;
  }

  .height-sm-100 {
    height: 100px !important;
  }

  .square-sm-50 {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-110 {
    max-width: 110px !important;
  }

  .min-width-sm-110 {
    min-width: 110px !important;
  }

  .width-sm-110 {
    width: 110px !important;
  }

  .max-height-sm-110 {
    max-height: 110px !important;
  }

  .min-height-sm-110 {
    min-height: 110px !important;
  }

  .height-sm-110 {
    height: 110px !important;
  }

  .square-sm-55 {
    width: 55px !important;
    height: 55px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-120 {
    max-width: 120px !important;
  }

  .min-width-sm-120 {
    min-width: 120px !important;
  }

  .width-sm-120 {
    width: 120px !important;
  }

  .max-height-sm-120 {
    max-height: 120px !important;
  }

  .min-height-sm-120 {
    min-height: 120px !important;
  }

  .height-sm-120 {
    height: 120px !important;
  }

  .square-sm-60 {
    width: 60px !important;
    height: 60px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-130 {
    max-width: 130px !important;
  }

  .min-width-sm-130 {
    min-width: 130px !important;
  }

  .width-sm-130 {
    width: 130px !important;
  }

  .max-height-sm-130 {
    max-height: 130px !important;
  }

  .min-height-sm-130 {
    min-height: 130px !important;
  }

  .height-sm-130 {
    height: 130px !important;
  }

  .square-sm-65 {
    width: 65px !important;
    height: 65px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-140 {
    max-width: 140px !important;
  }

  .min-width-sm-140 {
    min-width: 140px !important;
  }

  .width-sm-140 {
    width: 140px !important;
  }

  .max-height-sm-140 {
    max-height: 140px !important;
  }

  .min-height-sm-140 {
    min-height: 140px !important;
  }

  .height-sm-140 {
    height: 140px !important;
  }

  .square-sm-70 {
    width: 70px !important;
    height: 70px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-150 {
    max-width: 150px !important;
  }

  .min-width-sm-150 {
    min-width: 150px !important;
  }

  .width-sm-150 {
    width: 150px !important;
  }

  .max-height-sm-150 {
    max-height: 150px !important;
  }

  .min-height-sm-150 {
    min-height: 150px !important;
  }

  .height-sm-150 {
    height: 150px !important;
  }

  .square-sm-75 {
    width: 75px !important;
    height: 75px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-160 {
    max-width: 160px !important;
  }

  .min-width-sm-160 {
    min-width: 160px !important;
  }

  .width-sm-160 {
    width: 160px !important;
  }

  .max-height-sm-160 {
    max-height: 160px !important;
  }

  .min-height-sm-160 {
    min-height: 160px !important;
  }

  .height-sm-160 {
    height: 160px !important;
  }

  .square-sm-80 {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-170 {
    max-width: 170px !important;
  }

  .min-width-sm-170 {
    min-width: 170px !important;
  }

  .width-sm-170 {
    width: 170px !important;
  }

  .max-height-sm-170 {
    max-height: 170px !important;
  }

  .min-height-sm-170 {
    min-height: 170px !important;
  }

  .height-sm-170 {
    height: 170px !important;
  }

  .square-sm-85 {
    width: 85px !important;
    height: 85px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-180 {
    max-width: 180px !important;
  }

  .min-width-sm-180 {
    min-width: 180px !important;
  }

  .width-sm-180 {
    width: 180px !important;
  }

  .max-height-sm-180 {
    max-height: 180px !important;
  }

  .min-height-sm-180 {
    min-height: 180px !important;
  }

  .height-sm-180 {
    height: 180px !important;
  }

  .square-sm-90 {
    width: 90px !important;
    height: 90px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-190 {
    max-width: 190px !important;
  }

  .min-width-sm-190 {
    min-width: 190px !important;
  }

  .width-sm-190 {
    width: 190px !important;
  }

  .max-height-sm-190 {
    max-height: 190px !important;
  }

  .min-height-sm-190 {
    min-height: 190px !important;
  }

  .height-sm-190 {
    height: 190px !important;
  }

  .square-sm-95 {
    width: 95px !important;
    height: 95px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-200 {
    max-width: 200px !important;
  }

  .min-width-sm-200 {
    min-width: 200px !important;
  }

  .width-sm-200 {
    width: 200px !important;
  }

  .max-height-sm-200 {
    max-height: 200px !important;
  }

  .min-height-sm-200 {
    min-height: 200px !important;
  }

  .height-sm-200 {
    height: 200px !important;
  }

  .square-sm-100 {
    width: 100px !important;
    height: 100px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-210 {
    max-width: 210px !important;
  }

  .min-width-sm-210 {
    min-width: 210px !important;
  }

  .width-sm-210 {
    width: 210px !important;
  }

  .max-height-sm-210 {
    max-height: 210px !important;
  }

  .min-height-sm-210 {
    min-height: 210px !important;
  }

  .height-sm-210 {
    height: 210px !important;
  }

  .square-sm-105 {
    width: 105px !important;
    height: 105px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-220 {
    max-width: 220px !important;
  }

  .min-width-sm-220 {
    min-width: 220px !important;
  }

  .width-sm-220 {
    width: 220px !important;
  }

  .max-height-sm-220 {
    max-height: 220px !important;
  }

  .min-height-sm-220 {
    min-height: 220px !important;
  }

  .height-sm-220 {
    height: 220px !important;
  }

  .square-sm-110 {
    width: 110px !important;
    height: 110px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-230 {
    max-width: 230px !important;
  }

  .min-width-sm-230 {
    min-width: 230px !important;
  }

  .width-sm-230 {
    width: 230px !important;
  }

  .max-height-sm-230 {
    max-height: 230px !important;
  }

  .min-height-sm-230 {
    min-height: 230px !important;
  }

  .height-sm-230 {
    height: 230px !important;
  }

  .square-sm-115 {
    width: 115px !important;
    height: 115px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-240 {
    max-width: 240px !important;
  }

  .min-width-sm-240 {
    min-width: 240px !important;
  }

  .width-sm-240 {
    width: 240px !important;
  }

  .max-height-sm-240 {
    max-height: 240px !important;
  }

  .min-height-sm-240 {
    min-height: 240px !important;
  }

  .height-sm-240 {
    height: 240px !important;
  }

  .square-sm-120 {
    width: 120px !important;
    height: 120px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-250 {
    max-width: 250px !important;
  }

  .min-width-sm-250 {
    min-width: 250px !important;
  }

  .width-sm-250 {
    width: 250px !important;
  }

  .max-height-sm-250 {
    max-height: 250px !important;
  }

  .min-height-sm-250 {
    min-height: 250px !important;
  }

  .height-sm-250 {
    height: 250px !important;
  }

  .square-sm-125 {
    width: 125px !important;
    height: 125px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-260 {
    max-width: 260px !important;
  }

  .min-width-sm-260 {
    min-width: 260px !important;
  }

  .width-sm-260 {
    width: 260px !important;
  }

  .max-height-sm-260 {
    max-height: 260px !important;
  }

  .min-height-sm-260 {
    min-height: 260px !important;
  }

  .height-sm-260 {
    height: 260px !important;
  }

  .square-sm-130 {
    width: 130px !important;
    height: 130px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-270 {
    max-width: 270px !important;
  }

  .min-width-sm-270 {
    min-width: 270px !important;
  }

  .width-sm-270 {
    width: 270px !important;
  }

  .max-height-sm-270 {
    max-height: 270px !important;
  }

  .min-height-sm-270 {
    min-height: 270px !important;
  }

  .height-sm-270 {
    height: 270px !important;
  }

  .square-sm-135 {
    width: 135px !important;
    height: 135px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-280 {
    max-width: 280px !important;
  }

  .min-width-sm-280 {
    min-width: 280px !important;
  }

  .width-sm-280 {
    width: 280px !important;
  }

  .max-height-sm-280 {
    max-height: 280px !important;
  }

  .min-height-sm-280 {
    min-height: 280px !important;
  }

  .height-sm-280 {
    height: 280px !important;
  }

  .square-sm-140 {
    width: 140px !important;
    height: 140px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-290 {
    max-width: 290px !important;
  }

  .min-width-sm-290 {
    min-width: 290px !important;
  }

  .width-sm-290 {
    width: 290px !important;
  }

  .max-height-sm-290 {
    max-height: 290px !important;
  }

  .min-height-sm-290 {
    min-height: 290px !important;
  }

  .height-sm-290 {
    height: 290px !important;
  }

  .square-sm-145 {
    width: 145px !important;
    height: 145px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-300 {
    max-width: 300px !important;
  }

  .min-width-sm-300 {
    min-width: 300px !important;
  }

  .width-sm-300 {
    width: 300px !important;
  }

  .max-height-sm-300 {
    max-height: 300px !important;
  }

  .min-height-sm-300 {
    min-height: 300px !important;
  }

  .height-sm-300 {
    height: 300px !important;
  }

  .square-sm-150 {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-310 {
    max-width: 310px !important;
  }

  .min-width-sm-310 {
    min-width: 310px !important;
  }

  .width-sm-310 {
    width: 310px !important;
  }

  .max-height-sm-310 {
    max-height: 310px !important;
  }

  .min-height-sm-310 {
    min-height: 310px !important;
  }

  .height-sm-310 {
    height: 310px !important;
  }

  .square-sm-155 {
    width: 155px !important;
    height: 155px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-320 {
    max-width: 320px !important;
  }

  .min-width-sm-320 {
    min-width: 320px !important;
  }

  .width-sm-320 {
    width: 320px !important;
  }

  .max-height-sm-320 {
    max-height: 320px !important;
  }

  .min-height-sm-320 {
    min-height: 320px !important;
  }

  .height-sm-320 {
    height: 320px !important;
  }

  .square-sm-160 {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-330 {
    max-width: 330px !important;
  }

  .min-width-sm-330 {
    min-width: 330px !important;
  }

  .width-sm-330 {
    width: 330px !important;
  }

  .max-height-sm-330 {
    max-height: 330px !important;
  }

  .min-height-sm-330 {
    min-height: 330px !important;
  }

  .height-sm-330 {
    height: 330px !important;
  }

  .square-sm-165 {
    width: 165px !important;
    height: 165px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-340 {
    max-width: 340px !important;
  }

  .min-width-sm-340 {
    min-width: 340px !important;
  }

  .width-sm-340 {
    width: 340px !important;
  }

  .max-height-sm-340 {
    max-height: 340px !important;
  }

  .min-height-sm-340 {
    min-height: 340px !important;
  }

  .height-sm-340 {
    height: 340px !important;
  }

  .square-sm-170 {
    width: 170px !important;
    height: 170px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-350 {
    max-width: 350px !important;
  }

  .min-width-sm-350 {
    min-width: 350px !important;
  }

  .width-sm-350 {
    width: 350px !important;
  }

  .max-height-sm-350 {
    max-height: 350px !important;
  }

  .min-height-sm-350 {
    min-height: 350px !important;
  }

  .height-sm-350 {
    height: 350px !important;
  }

  .square-sm-175 {
    width: 175px !important;
    height: 175px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-360 {
    max-width: 360px !important;
  }

  .min-width-sm-360 {
    min-width: 360px !important;
  }

  .width-sm-360 {
    width: 360px !important;
  }

  .max-height-sm-360 {
    max-height: 360px !important;
  }

  .min-height-sm-360 {
    min-height: 360px !important;
  }

  .height-sm-360 {
    height: 360px !important;
  }

  .square-sm-180 {
    width: 180px !important;
    height: 180px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-370 {
    max-width: 370px !important;
  }

  .min-width-sm-370 {
    min-width: 370px !important;
  }

  .width-sm-370 {
    width: 370px !important;
  }

  .max-height-sm-370 {
    max-height: 370px !important;
  }

  .min-height-sm-370 {
    min-height: 370px !important;
  }

  .height-sm-370 {
    height: 370px !important;
  }

  .square-sm-185 {
    width: 185px !important;
    height: 185px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-380 {
    max-width: 380px !important;
  }

  .min-width-sm-380 {
    min-width: 380px !important;
  }

  .width-sm-380 {
    width: 380px !important;
  }

  .max-height-sm-380 {
    max-height: 380px !important;
  }

  .min-height-sm-380 {
    min-height: 380px !important;
  }

  .height-sm-380 {
    height: 380px !important;
  }

  .square-sm-190 {
    width: 190px !important;
    height: 190px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-390 {
    max-width: 390px !important;
  }

  .min-width-sm-390 {
    min-width: 390px !important;
  }

  .width-sm-390 {
    width: 390px !important;
  }

  .max-height-sm-390 {
    max-height: 390px !important;
  }

  .min-height-sm-390 {
    min-height: 390px !important;
  }

  .height-sm-390 {
    height: 390px !important;
  }

  .square-sm-195 {
    width: 195px !important;
    height: 195px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-400 {
    max-width: 400px !important;
  }

  .min-width-sm-400 {
    min-width: 400px !important;
  }

  .width-sm-400 {
    width: 400px !important;
  }

  .max-height-sm-400 {
    max-height: 400px !important;
  }

  .min-height-sm-400 {
    min-height: 400px !important;
  }

  .height-sm-400 {
    height: 400px !important;
  }

  .square-sm-200 {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-410 {
    max-width: 410px !important;
  }

  .min-width-sm-410 {
    min-width: 410px !important;
  }

  .width-sm-410 {
    width: 410px !important;
  }

  .max-height-sm-410 {
    max-height: 410px !important;
  }

  .min-height-sm-410 {
    min-height: 410px !important;
  }

  .height-sm-410 {
    height: 410px !important;
  }

  .square-sm-205 {
    width: 205px !important;
    height: 205px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-420 {
    max-width: 420px !important;
  }

  .min-width-sm-420 {
    min-width: 420px !important;
  }

  .width-sm-420 {
    width: 420px !important;
  }

  .max-height-sm-420 {
    max-height: 420px !important;
  }

  .min-height-sm-420 {
    min-height: 420px !important;
  }

  .height-sm-420 {
    height: 420px !important;
  }

  .square-sm-210 {
    width: 210px !important;
    height: 210px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-430 {
    max-width: 430px !important;
  }

  .min-width-sm-430 {
    min-width: 430px !important;
  }

  .width-sm-430 {
    width: 430px !important;
  }

  .max-height-sm-430 {
    max-height: 430px !important;
  }

  .min-height-sm-430 {
    min-height: 430px !important;
  }

  .height-sm-430 {
    height: 430px !important;
  }

  .square-sm-215 {
    width: 215px !important;
    height: 215px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-440 {
    max-width: 440px !important;
  }

  .min-width-sm-440 {
    min-width: 440px !important;
  }

  .width-sm-440 {
    width: 440px !important;
  }

  .max-height-sm-440 {
    max-height: 440px !important;
  }

  .min-height-sm-440 {
    min-height: 440px !important;
  }

  .height-sm-440 {
    height: 440px !important;
  }

  .square-sm-220 {
    width: 220px !important;
    height: 220px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-450 {
    max-width: 450px !important;
  }

  .min-width-sm-450 {
    min-width: 450px !important;
  }

  .width-sm-450 {
    width: 450px !important;
  }

  .max-height-sm-450 {
    max-height: 450px !important;
  }

  .min-height-sm-450 {
    min-height: 450px !important;
  }

  .height-sm-450 {
    height: 450px !important;
  }

  .square-sm-225 {
    width: 225px !important;
    height: 225px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-460 {
    max-width: 460px !important;
  }

  .min-width-sm-460 {
    min-width: 460px !important;
  }

  .width-sm-460 {
    width: 460px !important;
  }

  .max-height-sm-460 {
    max-height: 460px !important;
  }

  .min-height-sm-460 {
    min-height: 460px !important;
  }

  .height-sm-460 {
    height: 460px !important;
  }

  .square-sm-230 {
    width: 230px !important;
    height: 230px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-470 {
    max-width: 470px !important;
  }

  .min-width-sm-470 {
    min-width: 470px !important;
  }

  .width-sm-470 {
    width: 470px !important;
  }

  .max-height-sm-470 {
    max-height: 470px !important;
  }

  .min-height-sm-470 {
    min-height: 470px !important;
  }

  .height-sm-470 {
    height: 470px !important;
  }

  .square-sm-235 {
    width: 235px !important;
    height: 235px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-480 {
    max-width: 480px !important;
  }

  .min-width-sm-480 {
    min-width: 480px !important;
  }

  .width-sm-480 {
    width: 480px !important;
  }

  .max-height-sm-480 {
    max-height: 480px !important;
  }

  .min-height-sm-480 {
    min-height: 480px !important;
  }

  .height-sm-480 {
    height: 480px !important;
  }

  .square-sm-240 {
    width: 240px !important;
    height: 240px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-490 {
    max-width: 490px !important;
  }

  .min-width-sm-490 {
    min-width: 490px !important;
  }

  .width-sm-490 {
    width: 490px !important;
  }

  .max-height-sm-490 {
    max-height: 490px !important;
  }

  .min-height-sm-490 {
    min-height: 490px !important;
  }

  .height-sm-490 {
    height: 490px !important;
  }

  .square-sm-245 {
    width: 245px !important;
    height: 245px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-500 {
    max-width: 500px !important;
  }

  .min-width-sm-500 {
    min-width: 500px !important;
  }

  .width-sm-500 {
    width: 500px !important;
  }

  .max-height-sm-500 {
    max-height: 500px !important;
  }

  .min-height-sm-500 {
    min-height: 500px !important;
  }

  .height-sm-500 {
    height: 500px !important;
  }

  .square-sm-250 {
    width: 250px !important;
    height: 250px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-510 {
    max-width: 510px !important;
  }

  .min-width-sm-510 {
    min-width: 510px !important;
  }

  .width-sm-510 {
    width: 510px !important;
  }

  .max-height-sm-510 {
    max-height: 510px !important;
  }

  .min-height-sm-510 {
    min-height: 510px !important;
  }

  .height-sm-510 {
    height: 510px !important;
  }

  .square-sm-255 {
    width: 255px !important;
    height: 255px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-520 {
    max-width: 520px !important;
  }

  .min-width-sm-520 {
    min-width: 520px !important;
  }

  .width-sm-520 {
    width: 520px !important;
  }

  .max-height-sm-520 {
    max-height: 520px !important;
  }

  .min-height-sm-520 {
    min-height: 520px !important;
  }

  .height-sm-520 {
    height: 520px !important;
  }

  .square-sm-260 {
    width: 260px !important;
    height: 260px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-530 {
    max-width: 530px !important;
  }

  .min-width-sm-530 {
    min-width: 530px !important;
  }

  .width-sm-530 {
    width: 530px !important;
  }

  .max-height-sm-530 {
    max-height: 530px !important;
  }

  .min-height-sm-530 {
    min-height: 530px !important;
  }

  .height-sm-530 {
    height: 530px !important;
  }

  .square-sm-265 {
    width: 265px !important;
    height: 265px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-540 {
    max-width: 540px !important;
  }

  .min-width-sm-540 {
    min-width: 540px !important;
  }

  .width-sm-540 {
    width: 540px !important;
  }

  .max-height-sm-540 {
    max-height: 540px !important;
  }

  .min-height-sm-540 {
    min-height: 540px !important;
  }

  .height-sm-540 {
    height: 540px !important;
  }

  .square-sm-270 {
    width: 270px !important;
    height: 270px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-550 {
    max-width: 550px !important;
  }

  .min-width-sm-550 {
    min-width: 550px !important;
  }

  .width-sm-550 {
    width: 550px !important;
  }

  .max-height-sm-550 {
    max-height: 550px !important;
  }

  .min-height-sm-550 {
    min-height: 550px !important;
  }

  .height-sm-550 {
    height: 550px !important;
  }

  .square-sm-275 {
    width: 275px !important;
    height: 275px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-560 {
    max-width: 560px !important;
  }

  .min-width-sm-560 {
    min-width: 560px !important;
  }

  .width-sm-560 {
    width: 560px !important;
  }

  .max-height-sm-560 {
    max-height: 560px !important;
  }

  .min-height-sm-560 {
    min-height: 560px !important;
  }

  .height-sm-560 {
    height: 560px !important;
  }

  .square-sm-280 {
    width: 280px !important;
    height: 280px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-570 {
    max-width: 570px !important;
  }

  .min-width-sm-570 {
    min-width: 570px !important;
  }

  .width-sm-570 {
    width: 570px !important;
  }

  .max-height-sm-570 {
    max-height: 570px !important;
  }

  .min-height-sm-570 {
    min-height: 570px !important;
  }

  .height-sm-570 {
    height: 570px !important;
  }

  .square-sm-285 {
    width: 285px !important;
    height: 285px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-580 {
    max-width: 580px !important;
  }

  .min-width-sm-580 {
    min-width: 580px !important;
  }

  .width-sm-580 {
    width: 580px !important;
  }

  .max-height-sm-580 {
    max-height: 580px !important;
  }

  .min-height-sm-580 {
    min-height: 580px !important;
  }

  .height-sm-580 {
    height: 580px !important;
  }

  .square-sm-290 {
    width: 290px !important;
    height: 290px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-590 {
    max-width: 590px !important;
  }

  .min-width-sm-590 {
    min-width: 590px !important;
  }

  .width-sm-590 {
    width: 590px !important;
  }

  .max-height-sm-590 {
    max-height: 590px !important;
  }

  .min-height-sm-590 {
    min-height: 590px !important;
  }

  .height-sm-590 {
    height: 590px !important;
  }

  .square-sm-295 {
    width: 295px !important;
    height: 295px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-600 {
    max-width: 600px !important;
  }

  .min-width-sm-600 {
    min-width: 600px !important;
  }

  .width-sm-600 {
    width: 600px !important;
  }

  .max-height-sm-600 {
    max-height: 600px !important;
  }

  .min-height-sm-600 {
    min-height: 600px !important;
  }

  .height-sm-600 {
    height: 600px !important;
  }

  .square-sm-300 {
    width: 300px !important;
    height: 300px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-610 {
    max-width: 610px !important;
  }

  .min-width-sm-610 {
    min-width: 610px !important;
  }

  .width-sm-610 {
    width: 610px !important;
  }

  .max-height-sm-610 {
    max-height: 610px !important;
  }

  .min-height-sm-610 {
    min-height: 610px !important;
  }

  .height-sm-610 {
    height: 610px !important;
  }

  .square-sm-305 {
    width: 305px !important;
    height: 305px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-620 {
    max-width: 620px !important;
  }

  .min-width-sm-620 {
    min-width: 620px !important;
  }

  .width-sm-620 {
    width: 620px !important;
  }

  .max-height-sm-620 {
    max-height: 620px !important;
  }

  .min-height-sm-620 {
    min-height: 620px !important;
  }

  .height-sm-620 {
    height: 620px !important;
  }

  .square-sm-310 {
    width: 310px !important;
    height: 310px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-630 {
    max-width: 630px !important;
  }

  .min-width-sm-630 {
    min-width: 630px !important;
  }

  .width-sm-630 {
    width: 630px !important;
  }

  .max-height-sm-630 {
    max-height: 630px !important;
  }

  .min-height-sm-630 {
    min-height: 630px !important;
  }

  .height-sm-630 {
    height: 630px !important;
  }

  .square-sm-315 {
    width: 315px !important;
    height: 315px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-640 {
    max-width: 640px !important;
  }

  .min-width-sm-640 {
    min-width: 640px !important;
  }

  .width-sm-640 {
    width: 640px !important;
  }

  .max-height-sm-640 {
    max-height: 640px !important;
  }

  .min-height-sm-640 {
    min-height: 640px !important;
  }

  .height-sm-640 {
    height: 640px !important;
  }

  .square-sm-320 {
    width: 320px !important;
    height: 320px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-650 {
    max-width: 650px !important;
  }

  .min-width-sm-650 {
    min-width: 650px !important;
  }

  .width-sm-650 {
    width: 650px !important;
  }

  .max-height-sm-650 {
    max-height: 650px !important;
  }

  .min-height-sm-650 {
    min-height: 650px !important;
  }

  .height-sm-650 {
    height: 650px !important;
  }

  .square-sm-325 {
    width: 325px !important;
    height: 325px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-660 {
    max-width: 660px !important;
  }

  .min-width-sm-660 {
    min-width: 660px !important;
  }

  .width-sm-660 {
    width: 660px !important;
  }

  .max-height-sm-660 {
    max-height: 660px !important;
  }

  .min-height-sm-660 {
    min-height: 660px !important;
  }

  .height-sm-660 {
    height: 660px !important;
  }

  .square-sm-330 {
    width: 330px !important;
    height: 330px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-670 {
    max-width: 670px !important;
  }

  .min-width-sm-670 {
    min-width: 670px !important;
  }

  .width-sm-670 {
    width: 670px !important;
  }

  .max-height-sm-670 {
    max-height: 670px !important;
  }

  .min-height-sm-670 {
    min-height: 670px !important;
  }

  .height-sm-670 {
    height: 670px !important;
  }

  .square-sm-335 {
    width: 335px !important;
    height: 335px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-680 {
    max-width: 680px !important;
  }

  .min-width-sm-680 {
    min-width: 680px !important;
  }

  .width-sm-680 {
    width: 680px !important;
  }

  .max-height-sm-680 {
    max-height: 680px !important;
  }

  .min-height-sm-680 {
    min-height: 680px !important;
  }

  .height-sm-680 {
    height: 680px !important;
  }

  .square-sm-340 {
    width: 340px !important;
    height: 340px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-690 {
    max-width: 690px !important;
  }

  .min-width-sm-690 {
    min-width: 690px !important;
  }

  .width-sm-690 {
    width: 690px !important;
  }

  .max-height-sm-690 {
    max-height: 690px !important;
  }

  .min-height-sm-690 {
    min-height: 690px !important;
  }

  .height-sm-690 {
    height: 690px !important;
  }

  .square-sm-345 {
    width: 345px !important;
    height: 345px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-700 {
    max-width: 700px !important;
  }

  .min-width-sm-700 {
    min-width: 700px !important;
  }

  .width-sm-700 {
    width: 700px !important;
  }

  .max-height-sm-700 {
    max-height: 700px !important;
  }

  .min-height-sm-700 {
    min-height: 700px !important;
  }

  .height-sm-700 {
    height: 700px !important;
  }

  .square-sm-350 {
    width: 350px !important;
    height: 350px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-710 {
    max-width: 710px !important;
  }

  .min-width-sm-710 {
    min-width: 710px !important;
  }

  .width-sm-710 {
    width: 710px !important;
  }

  .max-height-sm-710 {
    max-height: 710px !important;
  }

  .min-height-sm-710 {
    min-height: 710px !important;
  }

  .height-sm-710 {
    height: 710px !important;
  }

  .square-sm-355 {
    width: 355px !important;
    height: 355px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-720 {
    max-width: 720px !important;
  }

  .min-width-sm-720 {
    min-width: 720px !important;
  }

  .width-sm-720 {
    width: 720px !important;
  }

  .max-height-sm-720 {
    max-height: 720px !important;
  }

  .min-height-sm-720 {
    min-height: 720px !important;
  }

  .height-sm-720 {
    height: 720px !important;
  }

  .square-sm-360 {
    width: 360px !important;
    height: 360px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-730 {
    max-width: 730px !important;
  }

  .min-width-sm-730 {
    min-width: 730px !important;
  }

  .width-sm-730 {
    width: 730px !important;
  }

  .max-height-sm-730 {
    max-height: 730px !important;
  }

  .min-height-sm-730 {
    min-height: 730px !important;
  }

  .height-sm-730 {
    height: 730px !important;
  }

  .square-sm-365 {
    width: 365px !important;
    height: 365px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-740 {
    max-width: 740px !important;
  }

  .min-width-sm-740 {
    min-width: 740px !important;
  }

  .width-sm-740 {
    width: 740px !important;
  }

  .max-height-sm-740 {
    max-height: 740px !important;
  }

  .min-height-sm-740 {
    min-height: 740px !important;
  }

  .height-sm-740 {
    height: 740px !important;
  }

  .square-sm-370 {
    width: 370px !important;
    height: 370px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-750 {
    max-width: 750px !important;
  }

  .min-width-sm-750 {
    min-width: 750px !important;
  }

  .width-sm-750 {
    width: 750px !important;
  }

  .max-height-sm-750 {
    max-height: 750px !important;
  }

  .min-height-sm-750 {
    min-height: 750px !important;
  }

  .height-sm-750 {
    height: 750px !important;
  }

  .square-sm-375 {
    width: 375px !important;
    height: 375px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-760 {
    max-width: 760px !important;
  }

  .min-width-sm-760 {
    min-width: 760px !important;
  }

  .width-sm-760 {
    width: 760px !important;
  }

  .max-height-sm-760 {
    max-height: 760px !important;
  }

  .min-height-sm-760 {
    min-height: 760px !important;
  }

  .height-sm-760 {
    height: 760px !important;
  }

  .square-sm-380 {
    width: 380px !important;
    height: 380px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-770 {
    max-width: 770px !important;
  }

  .min-width-sm-770 {
    min-width: 770px !important;
  }

  .width-sm-770 {
    width: 770px !important;
  }

  .max-height-sm-770 {
    max-height: 770px !important;
  }

  .min-height-sm-770 {
    min-height: 770px !important;
  }

  .height-sm-770 {
    height: 770px !important;
  }

  .square-sm-385 {
    width: 385px !important;
    height: 385px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-780 {
    max-width: 780px !important;
  }

  .min-width-sm-780 {
    min-width: 780px !important;
  }

  .width-sm-780 {
    width: 780px !important;
  }

  .max-height-sm-780 {
    max-height: 780px !important;
  }

  .min-height-sm-780 {
    min-height: 780px !important;
  }

  .height-sm-780 {
    height: 780px !important;
  }

  .square-sm-390 {
    width: 390px !important;
    height: 390px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-790 {
    max-width: 790px !important;
  }

  .min-width-sm-790 {
    min-width: 790px !important;
  }

  .width-sm-790 {
    width: 790px !important;
  }

  .max-height-sm-790 {
    max-height: 790px !important;
  }

  .min-height-sm-790 {
    min-height: 790px !important;
  }

  .height-sm-790 {
    height: 790px !important;
  }

  .square-sm-395 {
    width: 395px !important;
    height: 395px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-800 {
    max-width: 800px !important;
  }

  .min-width-sm-800 {
    min-width: 800px !important;
  }

  .width-sm-800 {
    width: 800px !important;
  }

  .max-height-sm-800 {
    max-height: 800px !important;
  }

  .min-height-sm-800 {
    min-height: 800px !important;
  }

  .height-sm-800 {
    height: 800px !important;
  }

  .square-sm-400 {
    width: 400px !important;
    height: 400px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-810 {
    max-width: 810px !important;
  }

  .min-width-sm-810 {
    min-width: 810px !important;
  }

  .width-sm-810 {
    width: 810px !important;
  }

  .max-height-sm-810 {
    max-height: 810px !important;
  }

  .min-height-sm-810 {
    min-height: 810px !important;
  }

  .height-sm-810 {
    height: 810px !important;
  }

  .square-sm-405 {
    width: 405px !important;
    height: 405px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-820 {
    max-width: 820px !important;
  }

  .min-width-sm-820 {
    min-width: 820px !important;
  }

  .width-sm-820 {
    width: 820px !important;
  }

  .max-height-sm-820 {
    max-height: 820px !important;
  }

  .min-height-sm-820 {
    min-height: 820px !important;
  }

  .height-sm-820 {
    height: 820px !important;
  }

  .square-sm-410 {
    width: 410px !important;
    height: 410px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-830 {
    max-width: 830px !important;
  }

  .min-width-sm-830 {
    min-width: 830px !important;
  }

  .width-sm-830 {
    width: 830px !important;
  }

  .max-height-sm-830 {
    max-height: 830px !important;
  }

  .min-height-sm-830 {
    min-height: 830px !important;
  }

  .height-sm-830 {
    height: 830px !important;
  }

  .square-sm-415 {
    width: 415px !important;
    height: 415px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-840 {
    max-width: 840px !important;
  }

  .min-width-sm-840 {
    min-width: 840px !important;
  }

  .width-sm-840 {
    width: 840px !important;
  }

  .max-height-sm-840 {
    max-height: 840px !important;
  }

  .min-height-sm-840 {
    min-height: 840px !important;
  }

  .height-sm-840 {
    height: 840px !important;
  }

  .square-sm-420 {
    width: 420px !important;
    height: 420px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-850 {
    max-width: 850px !important;
  }

  .min-width-sm-850 {
    min-width: 850px !important;
  }

  .width-sm-850 {
    width: 850px !important;
  }

  .max-height-sm-850 {
    max-height: 850px !important;
  }

  .min-height-sm-850 {
    min-height: 850px !important;
  }

  .height-sm-850 {
    height: 850px !important;
  }

  .square-sm-425 {
    width: 425px !important;
    height: 425px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-860 {
    max-width: 860px !important;
  }

  .min-width-sm-860 {
    min-width: 860px !important;
  }

  .width-sm-860 {
    width: 860px !important;
  }

  .max-height-sm-860 {
    max-height: 860px !important;
  }

  .min-height-sm-860 {
    min-height: 860px !important;
  }

  .height-sm-860 {
    height: 860px !important;
  }

  .square-sm-430 {
    width: 430px !important;
    height: 430px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-870 {
    max-width: 870px !important;
  }

  .min-width-sm-870 {
    min-width: 870px !important;
  }

  .width-sm-870 {
    width: 870px !important;
  }

  .max-height-sm-870 {
    max-height: 870px !important;
  }

  .min-height-sm-870 {
    min-height: 870px !important;
  }

  .height-sm-870 {
    height: 870px !important;
  }

  .square-sm-435 {
    width: 435px !important;
    height: 435px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-880 {
    max-width: 880px !important;
  }

  .min-width-sm-880 {
    min-width: 880px !important;
  }

  .width-sm-880 {
    width: 880px !important;
  }

  .max-height-sm-880 {
    max-height: 880px !important;
  }

  .min-height-sm-880 {
    min-height: 880px !important;
  }

  .height-sm-880 {
    height: 880px !important;
  }

  .square-sm-440 {
    width: 440px !important;
    height: 440px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-890 {
    max-width: 890px !important;
  }

  .min-width-sm-890 {
    min-width: 890px !important;
  }

  .width-sm-890 {
    width: 890px !important;
  }

  .max-height-sm-890 {
    max-height: 890px !important;
  }

  .min-height-sm-890 {
    min-height: 890px !important;
  }

  .height-sm-890 {
    height: 890px !important;
  }

  .square-sm-445 {
    width: 445px !important;
    height: 445px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-900 {
    max-width: 900px !important;
  }

  .min-width-sm-900 {
    min-width: 900px !important;
  }

  .width-sm-900 {
    width: 900px !important;
  }

  .max-height-sm-900 {
    max-height: 900px !important;
  }

  .min-height-sm-900 {
    min-height: 900px !important;
  }

  .height-sm-900 {
    height: 900px !important;
  }

  .square-sm-450 {
    width: 450px !important;
    height: 450px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-910 {
    max-width: 910px !important;
  }

  .min-width-sm-910 {
    min-width: 910px !important;
  }

  .width-sm-910 {
    width: 910px !important;
  }

  .max-height-sm-910 {
    max-height: 910px !important;
  }

  .min-height-sm-910 {
    min-height: 910px !important;
  }

  .height-sm-910 {
    height: 910px !important;
  }

  .square-sm-455 {
    width: 455px !important;
    height: 455px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-920 {
    max-width: 920px !important;
  }

  .min-width-sm-920 {
    min-width: 920px !important;
  }

  .width-sm-920 {
    width: 920px !important;
  }

  .max-height-sm-920 {
    max-height: 920px !important;
  }

  .min-height-sm-920 {
    min-height: 920px !important;
  }

  .height-sm-920 {
    height: 920px !important;
  }

  .square-sm-460 {
    width: 460px !important;
    height: 460px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-930 {
    max-width: 930px !important;
  }

  .min-width-sm-930 {
    min-width: 930px !important;
  }

  .width-sm-930 {
    width: 930px !important;
  }

  .max-height-sm-930 {
    max-height: 930px !important;
  }

  .min-height-sm-930 {
    min-height: 930px !important;
  }

  .height-sm-930 {
    height: 930px !important;
  }

  .square-sm-465 {
    width: 465px !important;
    height: 465px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-940 {
    max-width: 940px !important;
  }

  .min-width-sm-940 {
    min-width: 940px !important;
  }

  .width-sm-940 {
    width: 940px !important;
  }

  .max-height-sm-940 {
    max-height: 940px !important;
  }

  .min-height-sm-940 {
    min-height: 940px !important;
  }

  .height-sm-940 {
    height: 940px !important;
  }

  .square-sm-470 {
    width: 470px !important;
    height: 470px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-950 {
    max-width: 950px !important;
  }

  .min-width-sm-950 {
    min-width: 950px !important;
  }

  .width-sm-950 {
    width: 950px !important;
  }

  .max-height-sm-950 {
    max-height: 950px !important;
  }

  .min-height-sm-950 {
    min-height: 950px !important;
  }

  .height-sm-950 {
    height: 950px !important;
  }

  .square-sm-475 {
    width: 475px !important;
    height: 475px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-960 {
    max-width: 960px !important;
  }

  .min-width-sm-960 {
    min-width: 960px !important;
  }

  .width-sm-960 {
    width: 960px !important;
  }

  .max-height-sm-960 {
    max-height: 960px !important;
  }

  .min-height-sm-960 {
    min-height: 960px !important;
  }

  .height-sm-960 {
    height: 960px !important;
  }

  .square-sm-480 {
    width: 480px !important;
    height: 480px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-970 {
    max-width: 970px !important;
  }

  .min-width-sm-970 {
    min-width: 970px !important;
  }

  .width-sm-970 {
    width: 970px !important;
  }

  .max-height-sm-970 {
    max-height: 970px !important;
  }

  .min-height-sm-970 {
    min-height: 970px !important;
  }

  .height-sm-970 {
    height: 970px !important;
  }

  .square-sm-485 {
    width: 485px !important;
    height: 485px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-980 {
    max-width: 980px !important;
  }

  .min-width-sm-980 {
    min-width: 980px !important;
  }

  .width-sm-980 {
    width: 980px !important;
  }

  .max-height-sm-980 {
    max-height: 980px !important;
  }

  .min-height-sm-980 {
    min-height: 980px !important;
  }

  .height-sm-980 {
    height: 980px !important;
  }

  .square-sm-490 {
    width: 490px !important;
    height: 490px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-990 {
    max-width: 990px !important;
  }

  .min-width-sm-990 {
    min-width: 990px !important;
  }

  .width-sm-990 {
    width: 990px !important;
  }

  .max-height-sm-990 {
    max-height: 990px !important;
  }

  .min-height-sm-990 {
    min-height: 990px !important;
  }

  .height-sm-990 {
    height: 990px !important;
  }

  .square-sm-495 {
    width: 495px !important;
    height: 495px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-1000 {
    max-width: 1000px !important;
  }

  .min-width-sm-1000 {
    min-width: 1000px !important;
  }

  .width-sm-1000 {
    width: 1000px !important;
  }

  .max-height-sm-1000 {
    max-height: 1000px !important;
  }

  .min-height-sm-1000 {
    min-height: 1000px !important;
  }

  .height-sm-1000 {
    height: 1000px !important;
  }

  .square-sm-500 {
    width: 500px !important;
    height: 500px !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-10-percent {
    max-width: 10% !important;
  }

  .min-width-sm-10-percent {
    min-width: 10% !important;
  }

  .width-sm-10-percent {
    width: 10% !important;
  }

  .max-height-sm-10-percent {
    max-height: 10% !important;
  }

  .min-height-sm-10-percent {
    min-height: 10% !important;
  }

  .height-sm-10-percent {
    height: 10% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-20-percent {
    max-width: 20% !important;
  }

  .min-width-sm-20-percent {
    min-width: 20% !important;
  }

  .width-sm-20-percent {
    width: 20% !important;
  }

  .max-height-sm-20-percent {
    max-height: 20% !important;
  }

  .min-height-sm-20-percent {
    min-height: 20% !important;
  }

  .height-sm-20-percent {
    height: 20% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-30-percent {
    max-width: 30% !important;
  }

  .min-width-sm-30-percent {
    min-width: 30% !important;
  }

  .width-sm-30-percent {
    width: 30% !important;
  }

  .max-height-sm-30-percent {
    max-height: 30% !important;
  }

  .min-height-sm-30-percent {
    min-height: 30% !important;
  }

  .height-sm-30-percent {
    height: 30% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-40-percent {
    max-width: 40% !important;
  }

  .min-width-sm-40-percent {
    min-width: 40% !important;
  }

  .width-sm-40-percent {
    width: 40% !important;
  }

  .max-height-sm-40-percent {
    max-height: 40% !important;
  }

  .min-height-sm-40-percent {
    min-height: 40% !important;
  }

  .height-sm-40-percent {
    height: 40% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-50-percent {
    max-width: 50% !important;
  }

  .min-width-sm-50-percent {
    min-width: 50% !important;
  }

  .width-sm-50-percent {
    width: 50% !important;
  }

  .max-height-sm-50-percent {
    max-height: 50% !important;
  }

  .min-height-sm-50-percent {
    min-height: 50% !important;
  }

  .height-sm-50-percent {
    height: 50% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-60-percent {
    max-width: 60% !important;
  }

  .min-width-sm-60-percent {
    min-width: 60% !important;
  }

  .width-sm-60-percent {
    width: 60% !important;
  }

  .max-height-sm-60-percent {
    max-height: 60% !important;
  }

  .min-height-sm-60-percent {
    min-height: 60% !important;
  }

  .height-sm-60-percent {
    height: 60% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-70-percent {
    max-width: 70% !important;
  }

  .min-width-sm-70-percent {
    min-width: 70% !important;
  }

  .width-sm-70-percent {
    width: 70% !important;
  }

  .max-height-sm-70-percent {
    max-height: 70% !important;
  }

  .min-height-sm-70-percent {
    min-height: 70% !important;
  }

  .height-sm-70-percent {
    height: 70% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-80-percent {
    max-width: 80% !important;
  }

  .min-width-sm-80-percent {
    min-width: 80% !important;
  }

  .width-sm-80-percent {
    width: 80% !important;
  }

  .max-height-sm-80-percent {
    max-height: 80% !important;
  }

  .min-height-sm-80-percent {
    min-height: 80% !important;
  }

  .height-sm-80-percent {
    height: 80% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-90-percent {
    max-width: 90% !important;
  }

  .min-width-sm-90-percent {
    min-width: 90% !important;
  }

  .width-sm-90-percent {
    width: 90% !important;
  }

  .max-height-sm-90-percent {
    max-height: 90% !important;
  }

  .min-height-sm-90-percent {
    min-height: 90% !important;
  }

  .height-sm-90-percent {
    height: 90% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-100-percent {
    max-width: 100% !important;
  }

  .min-width-sm-100-percent {
    min-width: 100% !important;
  }

  .width-sm-100-percent {
    width: 100% !important;
  }

  .max-height-sm-100-percent {
    max-height: 100% !important;
  }

  .min-height-sm-100-percent {
    min-height: 100% !important;
  }

  .height-sm-100-percent {
    height: 100% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-110-percent {
    max-width: 110% !important;
  }

  .min-width-sm-110-percent {
    min-width: 110% !important;
  }

  .width-sm-110-percent {
    width: 110% !important;
  }

  .max-height-sm-110-percent {
    max-height: 110% !important;
  }

  .min-height-sm-110-percent {
    min-height: 110% !important;
  }

  .height-sm-110-percent {
    height: 110% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-120-percent {
    max-width: 120% !important;
  }

  .min-width-sm-120-percent {
    min-width: 120% !important;
  }

  .width-sm-120-percent {
    width: 120% !important;
  }

  .max-height-sm-120-percent {
    max-height: 120% !important;
  }

  .min-height-sm-120-percent {
    min-height: 120% !important;
  }

  .height-sm-120-percent {
    height: 120% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-130-percent {
    max-width: 130% !important;
  }

  .min-width-sm-130-percent {
    min-width: 130% !important;
  }

  .width-sm-130-percent {
    width: 130% !important;
  }

  .max-height-sm-130-percent {
    max-height: 130% !important;
  }

  .min-height-sm-130-percent {
    min-height: 130% !important;
  }

  .height-sm-130-percent {
    height: 130% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-140-percent {
    max-width: 140% !important;
  }

  .min-width-sm-140-percent {
    min-width: 140% !important;
  }

  .width-sm-140-percent {
    width: 140% !important;
  }

  .max-height-sm-140-percent {
    max-height: 140% !important;
  }

  .min-height-sm-140-percent {
    min-height: 140% !important;
  }

  .height-sm-140-percent {
    height: 140% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-150-percent {
    max-width: 150% !important;
  }

  .min-width-sm-150-percent {
    min-width: 150% !important;
  }

  .width-sm-150-percent {
    width: 150% !important;
  }

  .max-height-sm-150-percent {
    max-height: 150% !important;
  }

  .min-height-sm-150-percent {
    min-height: 150% !important;
  }

  .height-sm-150-percent {
    height: 150% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-160-percent {
    max-width: 160% !important;
  }

  .min-width-sm-160-percent {
    min-width: 160% !important;
  }

  .width-sm-160-percent {
    width: 160% !important;
  }

  .max-height-sm-160-percent {
    max-height: 160% !important;
  }

  .min-height-sm-160-percent {
    min-height: 160% !important;
  }

  .height-sm-160-percent {
    height: 160% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-170-percent {
    max-width: 170% !important;
  }

  .min-width-sm-170-percent {
    min-width: 170% !important;
  }

  .width-sm-170-percent {
    width: 170% !important;
  }

  .max-height-sm-170-percent {
    max-height: 170% !important;
  }

  .min-height-sm-170-percent {
    min-height: 170% !important;
  }

  .height-sm-170-percent {
    height: 170% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-180-percent {
    max-width: 180% !important;
  }

  .min-width-sm-180-percent {
    min-width: 180% !important;
  }

  .width-sm-180-percent {
    width: 180% !important;
  }

  .max-height-sm-180-percent {
    max-height: 180% !important;
  }

  .min-height-sm-180-percent {
    min-height: 180% !important;
  }

  .height-sm-180-percent {
    height: 180% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-190-percent {
    max-width: 190% !important;
  }

  .min-width-sm-190-percent {
    min-width: 190% !important;
  }

  .width-sm-190-percent {
    width: 190% !important;
  }

  .max-height-sm-190-percent {
    max-height: 190% !important;
  }

  .min-height-sm-190-percent {
    min-height: 190% !important;
  }

  .height-sm-190-percent {
    height: 190% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-200-percent {
    max-width: 200% !important;
  }

  .min-width-sm-200-percent {
    min-width: 200% !important;
  }

  .width-sm-200-percent {
    width: 200% !important;
  }

  .max-height-sm-200-percent {
    max-height: 200% !important;
  }

  .min-height-sm-200-percent {
    min-height: 200% !important;
  }

  .height-sm-200-percent {
    height: 200% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-210-percent {
    max-width: 210% !important;
  }

  .min-width-sm-210-percent {
    min-width: 210% !important;
  }

  .width-sm-210-percent {
    width: 210% !important;
  }

  .max-height-sm-210-percent {
    max-height: 210% !important;
  }

  .min-height-sm-210-percent {
    min-height: 210% !important;
  }

  .height-sm-210-percent {
    height: 210% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-220-percent {
    max-width: 220% !important;
  }

  .min-width-sm-220-percent {
    min-width: 220% !important;
  }

  .width-sm-220-percent {
    width: 220% !important;
  }

  .max-height-sm-220-percent {
    max-height: 220% !important;
  }

  .min-height-sm-220-percent {
    min-height: 220% !important;
  }

  .height-sm-220-percent {
    height: 220% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-230-percent {
    max-width: 230% !important;
  }

  .min-width-sm-230-percent {
    min-width: 230% !important;
  }

  .width-sm-230-percent {
    width: 230% !important;
  }

  .max-height-sm-230-percent {
    max-height: 230% !important;
  }

  .min-height-sm-230-percent {
    min-height: 230% !important;
  }

  .height-sm-230-percent {
    height: 230% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-240-percent {
    max-width: 240% !important;
  }

  .min-width-sm-240-percent {
    min-width: 240% !important;
  }

  .width-sm-240-percent {
    width: 240% !important;
  }

  .max-height-sm-240-percent {
    max-height: 240% !important;
  }

  .min-height-sm-240-percent {
    min-height: 240% !important;
  }

  .height-sm-240-percent {
    height: 240% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-250-percent {
    max-width: 250% !important;
  }

  .min-width-sm-250-percent {
    min-width: 250% !important;
  }

  .width-sm-250-percent {
    width: 250% !important;
  }

  .max-height-sm-250-percent {
    max-height: 250% !important;
  }

  .min-height-sm-250-percent {
    min-height: 250% !important;
  }

  .height-sm-250-percent {
    height: 250% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-260-percent {
    max-width: 260% !important;
  }

  .min-width-sm-260-percent {
    min-width: 260% !important;
  }

  .width-sm-260-percent {
    width: 260% !important;
  }

  .max-height-sm-260-percent {
    max-height: 260% !important;
  }

  .min-height-sm-260-percent {
    min-height: 260% !important;
  }

  .height-sm-260-percent {
    height: 260% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-270-percent {
    max-width: 270% !important;
  }

  .min-width-sm-270-percent {
    min-width: 270% !important;
  }

  .width-sm-270-percent {
    width: 270% !important;
  }

  .max-height-sm-270-percent {
    max-height: 270% !important;
  }

  .min-height-sm-270-percent {
    min-height: 270% !important;
  }

  .height-sm-270-percent {
    height: 270% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-280-percent {
    max-width: 280% !important;
  }

  .min-width-sm-280-percent {
    min-width: 280% !important;
  }

  .width-sm-280-percent {
    width: 280% !important;
  }

  .max-height-sm-280-percent {
    max-height: 280% !important;
  }

  .min-height-sm-280-percent {
    min-height: 280% !important;
  }

  .height-sm-280-percent {
    height: 280% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-290-percent {
    max-width: 290% !important;
  }

  .min-width-sm-290-percent {
    min-width: 290% !important;
  }

  .width-sm-290-percent {
    width: 290% !important;
  }

  .max-height-sm-290-percent {
    max-height: 290% !important;
  }

  .min-height-sm-290-percent {
    min-height: 290% !important;
  }

  .height-sm-290-percent {
    height: 290% !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-300-percent {
    max-width: 300% !important;
  }

  .min-width-sm-300-percent {
    min-width: 300% !important;
  }

  .width-sm-300-percent {
    width: 300% !important;
  }

  .max-height-sm-300-percent {
    max-height: 300% !important;
  }

  .min-height-sm-300-percent {
    min-height: 300% !important;
  }

  .height-sm-300-percent {
    height: 300% !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-10vh {
    min-height: 10vh !important;
  }

  .height-sm-10vh {
    height: 10vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-20vh {
    min-height: 20vh !important;
  }

  .height-sm-20vh {
    height: 20vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-30vh {
    min-height: 30vh !important;
  }

  .height-sm-30vh {
    height: 30vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-40vh {
    min-height: 40vh !important;
  }

  .height-sm-40vh {
    height: 40vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-50vh {
    min-height: 50vh !important;
  }

  .height-sm-50vh {
    height: 50vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-60vh {
    min-height: 60vh !important;
  }

  .height-sm-60vh {
    height: 60vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-70vh {
    min-height: 70vh !important;
  }

  .height-sm-70vh {
    height: 70vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-80vh {
    min-height: 80vh !important;
  }

  .height-sm-80vh {
    height: 80vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-90vh {
    min-height: 90vh !important;
  }

  .height-sm-90vh {
    height: 90vh !important;
  }
}
@media (min-width: 576px) {
  .min-height-sm-100vh {
    min-height: 100vh !important;
  }

  .height-sm-100vh {
    height: 100vh !important;
  }
}
@media (min-width: 576px) {
  .square-sm-auto {
    aspect-ratio: 1;
  }

  .max-width-sm-initial {
    max-width: initial !important;
  }

  .min-width-sm-initial {
    min-width: initial !important;
  }

  .width-sm-initial {
    width: initial !important;
  }

  .width-sm-max-content {
    width: max-content !important;
  }

  .width-sm-auto {
    width: auto !important;
  }

  .min-width-sm-auto {
    min-width: auto !important;
  }

  .height-sm-auto {
    height: auto !important;
  }

  .min-height-sm-auto {
    min-height: auto !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-0 {
    max-width: 0px !important;
  }

  .min-width-md-0 {
    min-width: 0px !important;
  }

  .width-md-0 {
    width: 0px !important;
  }

  .max-height-md-0 {
    max-height: 0px !important;
  }

  .min-height-md-0 {
    min-height: 0px !important;
  }

  .height-md-0 {
    height: 0px !important;
  }

  .square-md-0 {
    width: 0px !important;
    height: 0px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-10 {
    max-width: 10px !important;
  }

  .min-width-md-10 {
    min-width: 10px !important;
  }

  .width-md-10 {
    width: 10px !important;
  }

  .max-height-md-10 {
    max-height: 10px !important;
  }

  .min-height-md-10 {
    min-height: 10px !important;
  }

  .height-md-10 {
    height: 10px !important;
  }

  .square-md-5 {
    width: 5px !important;
    height: 5px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-20 {
    max-width: 20px !important;
  }

  .min-width-md-20 {
    min-width: 20px !important;
  }

  .width-md-20 {
    width: 20px !important;
  }

  .max-height-md-20 {
    max-height: 20px !important;
  }

  .min-height-md-20 {
    min-height: 20px !important;
  }

  .height-md-20 {
    height: 20px !important;
  }

  .square-md-10 {
    width: 10px !important;
    height: 10px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-30 {
    max-width: 30px !important;
  }

  .min-width-md-30 {
    min-width: 30px !important;
  }

  .width-md-30 {
    width: 30px !important;
  }

  .max-height-md-30 {
    max-height: 30px !important;
  }

  .min-height-md-30 {
    min-height: 30px !important;
  }

  .height-md-30 {
    height: 30px !important;
  }

  .square-md-15 {
    width: 15px !important;
    height: 15px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-40 {
    max-width: 40px !important;
  }

  .min-width-md-40 {
    min-width: 40px !important;
  }

  .width-md-40 {
    width: 40px !important;
  }

  .max-height-md-40 {
    max-height: 40px !important;
  }

  .min-height-md-40 {
    min-height: 40px !important;
  }

  .height-md-40 {
    height: 40px !important;
  }

  .square-md-20 {
    width: 20px !important;
    height: 20px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-50 {
    max-width: 50px !important;
  }

  .min-width-md-50 {
    min-width: 50px !important;
  }

  .width-md-50 {
    width: 50px !important;
  }

  .max-height-md-50 {
    max-height: 50px !important;
  }

  .min-height-md-50 {
    min-height: 50px !important;
  }

  .height-md-50 {
    height: 50px !important;
  }

  .square-md-25 {
    width: 25px !important;
    height: 25px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-60 {
    max-width: 60px !important;
  }

  .min-width-md-60 {
    min-width: 60px !important;
  }

  .width-md-60 {
    width: 60px !important;
  }

  .max-height-md-60 {
    max-height: 60px !important;
  }

  .min-height-md-60 {
    min-height: 60px !important;
  }

  .height-md-60 {
    height: 60px !important;
  }

  .square-md-30 {
    width: 30px !important;
    height: 30px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-70 {
    max-width: 70px !important;
  }

  .min-width-md-70 {
    min-width: 70px !important;
  }

  .width-md-70 {
    width: 70px !important;
  }

  .max-height-md-70 {
    max-height: 70px !important;
  }

  .min-height-md-70 {
    min-height: 70px !important;
  }

  .height-md-70 {
    height: 70px !important;
  }

  .square-md-35 {
    width: 35px !important;
    height: 35px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-80 {
    max-width: 80px !important;
  }

  .min-width-md-80 {
    min-width: 80px !important;
  }

  .width-md-80 {
    width: 80px !important;
  }

  .max-height-md-80 {
    max-height: 80px !important;
  }

  .min-height-md-80 {
    min-height: 80px !important;
  }

  .height-md-80 {
    height: 80px !important;
  }

  .square-md-40 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-90 {
    max-width: 90px !important;
  }

  .min-width-md-90 {
    min-width: 90px !important;
  }

  .width-md-90 {
    width: 90px !important;
  }

  .max-height-md-90 {
    max-height: 90px !important;
  }

  .min-height-md-90 {
    min-height: 90px !important;
  }

  .height-md-90 {
    height: 90px !important;
  }

  .square-md-45 {
    width: 45px !important;
    height: 45px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-100 {
    max-width: 100px !important;
  }

  .min-width-md-100 {
    min-width: 100px !important;
  }

  .width-md-100 {
    width: 100px !important;
  }

  .max-height-md-100 {
    max-height: 100px !important;
  }

  .min-height-md-100 {
    min-height: 100px !important;
  }

  .height-md-100 {
    height: 100px !important;
  }

  .square-md-50 {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-110 {
    max-width: 110px !important;
  }

  .min-width-md-110 {
    min-width: 110px !important;
  }

  .width-md-110 {
    width: 110px !important;
  }

  .max-height-md-110 {
    max-height: 110px !important;
  }

  .min-height-md-110 {
    min-height: 110px !important;
  }

  .height-md-110 {
    height: 110px !important;
  }

  .square-md-55 {
    width: 55px !important;
    height: 55px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-120 {
    max-width: 120px !important;
  }

  .min-width-md-120 {
    min-width: 120px !important;
  }

  .width-md-120 {
    width: 120px !important;
  }

  .max-height-md-120 {
    max-height: 120px !important;
  }

  .min-height-md-120 {
    min-height: 120px !important;
  }

  .height-md-120 {
    height: 120px !important;
  }

  .square-md-60 {
    width: 60px !important;
    height: 60px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-130 {
    max-width: 130px !important;
  }

  .min-width-md-130 {
    min-width: 130px !important;
  }

  .width-md-130 {
    width: 130px !important;
  }

  .max-height-md-130 {
    max-height: 130px !important;
  }

  .min-height-md-130 {
    min-height: 130px !important;
  }

  .height-md-130 {
    height: 130px !important;
  }

  .square-md-65 {
    width: 65px !important;
    height: 65px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-140 {
    max-width: 140px !important;
  }

  .min-width-md-140 {
    min-width: 140px !important;
  }

  .width-md-140 {
    width: 140px !important;
  }

  .max-height-md-140 {
    max-height: 140px !important;
  }

  .min-height-md-140 {
    min-height: 140px !important;
  }

  .height-md-140 {
    height: 140px !important;
  }

  .square-md-70 {
    width: 70px !important;
    height: 70px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-150 {
    max-width: 150px !important;
  }

  .min-width-md-150 {
    min-width: 150px !important;
  }

  .width-md-150 {
    width: 150px !important;
  }

  .max-height-md-150 {
    max-height: 150px !important;
  }

  .min-height-md-150 {
    min-height: 150px !important;
  }

  .height-md-150 {
    height: 150px !important;
  }

  .square-md-75 {
    width: 75px !important;
    height: 75px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-160 {
    max-width: 160px !important;
  }

  .min-width-md-160 {
    min-width: 160px !important;
  }

  .width-md-160 {
    width: 160px !important;
  }

  .max-height-md-160 {
    max-height: 160px !important;
  }

  .min-height-md-160 {
    min-height: 160px !important;
  }

  .height-md-160 {
    height: 160px !important;
  }

  .square-md-80 {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-170 {
    max-width: 170px !important;
  }

  .min-width-md-170 {
    min-width: 170px !important;
  }

  .width-md-170 {
    width: 170px !important;
  }

  .max-height-md-170 {
    max-height: 170px !important;
  }

  .min-height-md-170 {
    min-height: 170px !important;
  }

  .height-md-170 {
    height: 170px !important;
  }

  .square-md-85 {
    width: 85px !important;
    height: 85px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-180 {
    max-width: 180px !important;
  }

  .min-width-md-180 {
    min-width: 180px !important;
  }

  .width-md-180 {
    width: 180px !important;
  }

  .max-height-md-180 {
    max-height: 180px !important;
  }

  .min-height-md-180 {
    min-height: 180px !important;
  }

  .height-md-180 {
    height: 180px !important;
  }

  .square-md-90 {
    width: 90px !important;
    height: 90px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-190 {
    max-width: 190px !important;
  }

  .min-width-md-190 {
    min-width: 190px !important;
  }

  .width-md-190 {
    width: 190px !important;
  }

  .max-height-md-190 {
    max-height: 190px !important;
  }

  .min-height-md-190 {
    min-height: 190px !important;
  }

  .height-md-190 {
    height: 190px !important;
  }

  .square-md-95 {
    width: 95px !important;
    height: 95px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-200 {
    max-width: 200px !important;
  }

  .min-width-md-200 {
    min-width: 200px !important;
  }

  .width-md-200 {
    width: 200px !important;
  }

  .max-height-md-200 {
    max-height: 200px !important;
  }

  .min-height-md-200 {
    min-height: 200px !important;
  }

  .height-md-200 {
    height: 200px !important;
  }

  .square-md-100 {
    width: 100px !important;
    height: 100px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-210 {
    max-width: 210px !important;
  }

  .min-width-md-210 {
    min-width: 210px !important;
  }

  .width-md-210 {
    width: 210px !important;
  }

  .max-height-md-210 {
    max-height: 210px !important;
  }

  .min-height-md-210 {
    min-height: 210px !important;
  }

  .height-md-210 {
    height: 210px !important;
  }

  .square-md-105 {
    width: 105px !important;
    height: 105px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-220 {
    max-width: 220px !important;
  }

  .min-width-md-220 {
    min-width: 220px !important;
  }

  .width-md-220 {
    width: 220px !important;
  }

  .max-height-md-220 {
    max-height: 220px !important;
  }

  .min-height-md-220 {
    min-height: 220px !important;
  }

  .height-md-220 {
    height: 220px !important;
  }

  .square-md-110 {
    width: 110px !important;
    height: 110px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-230 {
    max-width: 230px !important;
  }

  .min-width-md-230 {
    min-width: 230px !important;
  }

  .width-md-230 {
    width: 230px !important;
  }

  .max-height-md-230 {
    max-height: 230px !important;
  }

  .min-height-md-230 {
    min-height: 230px !important;
  }

  .height-md-230 {
    height: 230px !important;
  }

  .square-md-115 {
    width: 115px !important;
    height: 115px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-240 {
    max-width: 240px !important;
  }

  .min-width-md-240 {
    min-width: 240px !important;
  }

  .width-md-240 {
    width: 240px !important;
  }

  .max-height-md-240 {
    max-height: 240px !important;
  }

  .min-height-md-240 {
    min-height: 240px !important;
  }

  .height-md-240 {
    height: 240px !important;
  }

  .square-md-120 {
    width: 120px !important;
    height: 120px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-250 {
    max-width: 250px !important;
  }

  .min-width-md-250 {
    min-width: 250px !important;
  }

  .width-md-250 {
    width: 250px !important;
  }

  .max-height-md-250 {
    max-height: 250px !important;
  }

  .min-height-md-250 {
    min-height: 250px !important;
  }

  .height-md-250 {
    height: 250px !important;
  }

  .square-md-125 {
    width: 125px !important;
    height: 125px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-260 {
    max-width: 260px !important;
  }

  .min-width-md-260 {
    min-width: 260px !important;
  }

  .width-md-260 {
    width: 260px !important;
  }

  .max-height-md-260 {
    max-height: 260px !important;
  }

  .min-height-md-260 {
    min-height: 260px !important;
  }

  .height-md-260 {
    height: 260px !important;
  }

  .square-md-130 {
    width: 130px !important;
    height: 130px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-270 {
    max-width: 270px !important;
  }

  .min-width-md-270 {
    min-width: 270px !important;
  }

  .width-md-270 {
    width: 270px !important;
  }

  .max-height-md-270 {
    max-height: 270px !important;
  }

  .min-height-md-270 {
    min-height: 270px !important;
  }

  .height-md-270 {
    height: 270px !important;
  }

  .square-md-135 {
    width: 135px !important;
    height: 135px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-280 {
    max-width: 280px !important;
  }

  .min-width-md-280 {
    min-width: 280px !important;
  }

  .width-md-280 {
    width: 280px !important;
  }

  .max-height-md-280 {
    max-height: 280px !important;
  }

  .min-height-md-280 {
    min-height: 280px !important;
  }

  .height-md-280 {
    height: 280px !important;
  }

  .square-md-140 {
    width: 140px !important;
    height: 140px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-290 {
    max-width: 290px !important;
  }

  .min-width-md-290 {
    min-width: 290px !important;
  }

  .width-md-290 {
    width: 290px !important;
  }

  .max-height-md-290 {
    max-height: 290px !important;
  }

  .min-height-md-290 {
    min-height: 290px !important;
  }

  .height-md-290 {
    height: 290px !important;
  }

  .square-md-145 {
    width: 145px !important;
    height: 145px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-300 {
    max-width: 300px !important;
  }

  .min-width-md-300 {
    min-width: 300px !important;
  }

  .width-md-300 {
    width: 300px !important;
  }

  .max-height-md-300 {
    max-height: 300px !important;
  }

  .min-height-md-300 {
    min-height: 300px !important;
  }

  .height-md-300 {
    height: 300px !important;
  }

  .square-md-150 {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-310 {
    max-width: 310px !important;
  }

  .min-width-md-310 {
    min-width: 310px !important;
  }

  .width-md-310 {
    width: 310px !important;
  }

  .max-height-md-310 {
    max-height: 310px !important;
  }

  .min-height-md-310 {
    min-height: 310px !important;
  }

  .height-md-310 {
    height: 310px !important;
  }

  .square-md-155 {
    width: 155px !important;
    height: 155px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-320 {
    max-width: 320px !important;
  }

  .min-width-md-320 {
    min-width: 320px !important;
  }

  .width-md-320 {
    width: 320px !important;
  }

  .max-height-md-320 {
    max-height: 320px !important;
  }

  .min-height-md-320 {
    min-height: 320px !important;
  }

  .height-md-320 {
    height: 320px !important;
  }

  .square-md-160 {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-330 {
    max-width: 330px !important;
  }

  .min-width-md-330 {
    min-width: 330px !important;
  }

  .width-md-330 {
    width: 330px !important;
  }

  .max-height-md-330 {
    max-height: 330px !important;
  }

  .min-height-md-330 {
    min-height: 330px !important;
  }

  .height-md-330 {
    height: 330px !important;
  }

  .square-md-165 {
    width: 165px !important;
    height: 165px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-340 {
    max-width: 340px !important;
  }

  .min-width-md-340 {
    min-width: 340px !important;
  }

  .width-md-340 {
    width: 340px !important;
  }

  .max-height-md-340 {
    max-height: 340px !important;
  }

  .min-height-md-340 {
    min-height: 340px !important;
  }

  .height-md-340 {
    height: 340px !important;
  }

  .square-md-170 {
    width: 170px !important;
    height: 170px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-350 {
    max-width: 350px !important;
  }

  .min-width-md-350 {
    min-width: 350px !important;
  }

  .width-md-350 {
    width: 350px !important;
  }

  .max-height-md-350 {
    max-height: 350px !important;
  }

  .min-height-md-350 {
    min-height: 350px !important;
  }

  .height-md-350 {
    height: 350px !important;
  }

  .square-md-175 {
    width: 175px !important;
    height: 175px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-360 {
    max-width: 360px !important;
  }

  .min-width-md-360 {
    min-width: 360px !important;
  }

  .width-md-360 {
    width: 360px !important;
  }

  .max-height-md-360 {
    max-height: 360px !important;
  }

  .min-height-md-360 {
    min-height: 360px !important;
  }

  .height-md-360 {
    height: 360px !important;
  }

  .square-md-180 {
    width: 180px !important;
    height: 180px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-370 {
    max-width: 370px !important;
  }

  .min-width-md-370 {
    min-width: 370px !important;
  }

  .width-md-370 {
    width: 370px !important;
  }

  .max-height-md-370 {
    max-height: 370px !important;
  }

  .min-height-md-370 {
    min-height: 370px !important;
  }

  .height-md-370 {
    height: 370px !important;
  }

  .square-md-185 {
    width: 185px !important;
    height: 185px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-380 {
    max-width: 380px !important;
  }

  .min-width-md-380 {
    min-width: 380px !important;
  }

  .width-md-380 {
    width: 380px !important;
  }

  .max-height-md-380 {
    max-height: 380px !important;
  }

  .min-height-md-380 {
    min-height: 380px !important;
  }

  .height-md-380 {
    height: 380px !important;
  }

  .square-md-190 {
    width: 190px !important;
    height: 190px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-390 {
    max-width: 390px !important;
  }

  .min-width-md-390 {
    min-width: 390px !important;
  }

  .width-md-390 {
    width: 390px !important;
  }

  .max-height-md-390 {
    max-height: 390px !important;
  }

  .min-height-md-390 {
    min-height: 390px !important;
  }

  .height-md-390 {
    height: 390px !important;
  }

  .square-md-195 {
    width: 195px !important;
    height: 195px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-400 {
    max-width: 400px !important;
  }

  .min-width-md-400 {
    min-width: 400px !important;
  }

  .width-md-400 {
    width: 400px !important;
  }

  .max-height-md-400 {
    max-height: 400px !important;
  }

  .min-height-md-400 {
    min-height: 400px !important;
  }

  .height-md-400 {
    height: 400px !important;
  }

  .square-md-200 {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-410 {
    max-width: 410px !important;
  }

  .min-width-md-410 {
    min-width: 410px !important;
  }

  .width-md-410 {
    width: 410px !important;
  }

  .max-height-md-410 {
    max-height: 410px !important;
  }

  .min-height-md-410 {
    min-height: 410px !important;
  }

  .height-md-410 {
    height: 410px !important;
  }

  .square-md-205 {
    width: 205px !important;
    height: 205px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-420 {
    max-width: 420px !important;
  }

  .min-width-md-420 {
    min-width: 420px !important;
  }

  .width-md-420 {
    width: 420px !important;
  }

  .max-height-md-420 {
    max-height: 420px !important;
  }

  .min-height-md-420 {
    min-height: 420px !important;
  }

  .height-md-420 {
    height: 420px !important;
  }

  .square-md-210 {
    width: 210px !important;
    height: 210px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-430 {
    max-width: 430px !important;
  }

  .min-width-md-430 {
    min-width: 430px !important;
  }

  .width-md-430 {
    width: 430px !important;
  }

  .max-height-md-430 {
    max-height: 430px !important;
  }

  .min-height-md-430 {
    min-height: 430px !important;
  }

  .height-md-430 {
    height: 430px !important;
  }

  .square-md-215 {
    width: 215px !important;
    height: 215px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-440 {
    max-width: 440px !important;
  }

  .min-width-md-440 {
    min-width: 440px !important;
  }

  .width-md-440 {
    width: 440px !important;
  }

  .max-height-md-440 {
    max-height: 440px !important;
  }

  .min-height-md-440 {
    min-height: 440px !important;
  }

  .height-md-440 {
    height: 440px !important;
  }

  .square-md-220 {
    width: 220px !important;
    height: 220px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-450 {
    max-width: 450px !important;
  }

  .min-width-md-450 {
    min-width: 450px !important;
  }

  .width-md-450 {
    width: 450px !important;
  }

  .max-height-md-450 {
    max-height: 450px !important;
  }

  .min-height-md-450 {
    min-height: 450px !important;
  }

  .height-md-450 {
    height: 450px !important;
  }

  .square-md-225 {
    width: 225px !important;
    height: 225px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-460 {
    max-width: 460px !important;
  }

  .min-width-md-460 {
    min-width: 460px !important;
  }

  .width-md-460 {
    width: 460px !important;
  }

  .max-height-md-460 {
    max-height: 460px !important;
  }

  .min-height-md-460 {
    min-height: 460px !important;
  }

  .height-md-460 {
    height: 460px !important;
  }

  .square-md-230 {
    width: 230px !important;
    height: 230px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-470 {
    max-width: 470px !important;
  }

  .min-width-md-470 {
    min-width: 470px !important;
  }

  .width-md-470 {
    width: 470px !important;
  }

  .max-height-md-470 {
    max-height: 470px !important;
  }

  .min-height-md-470 {
    min-height: 470px !important;
  }

  .height-md-470 {
    height: 470px !important;
  }

  .square-md-235 {
    width: 235px !important;
    height: 235px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-480 {
    max-width: 480px !important;
  }

  .min-width-md-480 {
    min-width: 480px !important;
  }

  .width-md-480 {
    width: 480px !important;
  }

  .max-height-md-480 {
    max-height: 480px !important;
  }

  .min-height-md-480 {
    min-height: 480px !important;
  }

  .height-md-480 {
    height: 480px !important;
  }

  .square-md-240 {
    width: 240px !important;
    height: 240px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-490 {
    max-width: 490px !important;
  }

  .min-width-md-490 {
    min-width: 490px !important;
  }

  .width-md-490 {
    width: 490px !important;
  }

  .max-height-md-490 {
    max-height: 490px !important;
  }

  .min-height-md-490 {
    min-height: 490px !important;
  }

  .height-md-490 {
    height: 490px !important;
  }

  .square-md-245 {
    width: 245px !important;
    height: 245px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-500 {
    max-width: 500px !important;
  }

  .min-width-md-500 {
    min-width: 500px !important;
  }

  .width-md-500 {
    width: 500px !important;
  }

  .max-height-md-500 {
    max-height: 500px !important;
  }

  .min-height-md-500 {
    min-height: 500px !important;
  }

  .height-md-500 {
    height: 500px !important;
  }

  .square-md-250 {
    width: 250px !important;
    height: 250px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-510 {
    max-width: 510px !important;
  }

  .min-width-md-510 {
    min-width: 510px !important;
  }

  .width-md-510 {
    width: 510px !important;
  }

  .max-height-md-510 {
    max-height: 510px !important;
  }

  .min-height-md-510 {
    min-height: 510px !important;
  }

  .height-md-510 {
    height: 510px !important;
  }

  .square-md-255 {
    width: 255px !important;
    height: 255px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-520 {
    max-width: 520px !important;
  }

  .min-width-md-520 {
    min-width: 520px !important;
  }

  .width-md-520 {
    width: 520px !important;
  }

  .max-height-md-520 {
    max-height: 520px !important;
  }

  .min-height-md-520 {
    min-height: 520px !important;
  }

  .height-md-520 {
    height: 520px !important;
  }

  .square-md-260 {
    width: 260px !important;
    height: 260px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-530 {
    max-width: 530px !important;
  }

  .min-width-md-530 {
    min-width: 530px !important;
  }

  .width-md-530 {
    width: 530px !important;
  }

  .max-height-md-530 {
    max-height: 530px !important;
  }

  .min-height-md-530 {
    min-height: 530px !important;
  }

  .height-md-530 {
    height: 530px !important;
  }

  .square-md-265 {
    width: 265px !important;
    height: 265px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-540 {
    max-width: 540px !important;
  }

  .min-width-md-540 {
    min-width: 540px !important;
  }

  .width-md-540 {
    width: 540px !important;
  }

  .max-height-md-540 {
    max-height: 540px !important;
  }

  .min-height-md-540 {
    min-height: 540px !important;
  }

  .height-md-540 {
    height: 540px !important;
  }

  .square-md-270 {
    width: 270px !important;
    height: 270px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-550 {
    max-width: 550px !important;
  }

  .min-width-md-550 {
    min-width: 550px !important;
  }

  .width-md-550 {
    width: 550px !important;
  }

  .max-height-md-550 {
    max-height: 550px !important;
  }

  .min-height-md-550 {
    min-height: 550px !important;
  }

  .height-md-550 {
    height: 550px !important;
  }

  .square-md-275 {
    width: 275px !important;
    height: 275px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-560 {
    max-width: 560px !important;
  }

  .min-width-md-560 {
    min-width: 560px !important;
  }

  .width-md-560 {
    width: 560px !important;
  }

  .max-height-md-560 {
    max-height: 560px !important;
  }

  .min-height-md-560 {
    min-height: 560px !important;
  }

  .height-md-560 {
    height: 560px !important;
  }

  .square-md-280 {
    width: 280px !important;
    height: 280px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-570 {
    max-width: 570px !important;
  }

  .min-width-md-570 {
    min-width: 570px !important;
  }

  .width-md-570 {
    width: 570px !important;
  }

  .max-height-md-570 {
    max-height: 570px !important;
  }

  .min-height-md-570 {
    min-height: 570px !important;
  }

  .height-md-570 {
    height: 570px !important;
  }

  .square-md-285 {
    width: 285px !important;
    height: 285px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-580 {
    max-width: 580px !important;
  }

  .min-width-md-580 {
    min-width: 580px !important;
  }

  .width-md-580 {
    width: 580px !important;
  }

  .max-height-md-580 {
    max-height: 580px !important;
  }

  .min-height-md-580 {
    min-height: 580px !important;
  }

  .height-md-580 {
    height: 580px !important;
  }

  .square-md-290 {
    width: 290px !important;
    height: 290px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-590 {
    max-width: 590px !important;
  }

  .min-width-md-590 {
    min-width: 590px !important;
  }

  .width-md-590 {
    width: 590px !important;
  }

  .max-height-md-590 {
    max-height: 590px !important;
  }

  .min-height-md-590 {
    min-height: 590px !important;
  }

  .height-md-590 {
    height: 590px !important;
  }

  .square-md-295 {
    width: 295px !important;
    height: 295px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-600 {
    max-width: 600px !important;
  }

  .min-width-md-600 {
    min-width: 600px !important;
  }

  .width-md-600 {
    width: 600px !important;
  }

  .max-height-md-600 {
    max-height: 600px !important;
  }

  .min-height-md-600 {
    min-height: 600px !important;
  }

  .height-md-600 {
    height: 600px !important;
  }

  .square-md-300 {
    width: 300px !important;
    height: 300px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-610 {
    max-width: 610px !important;
  }

  .min-width-md-610 {
    min-width: 610px !important;
  }

  .width-md-610 {
    width: 610px !important;
  }

  .max-height-md-610 {
    max-height: 610px !important;
  }

  .min-height-md-610 {
    min-height: 610px !important;
  }

  .height-md-610 {
    height: 610px !important;
  }

  .square-md-305 {
    width: 305px !important;
    height: 305px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-620 {
    max-width: 620px !important;
  }

  .min-width-md-620 {
    min-width: 620px !important;
  }

  .width-md-620 {
    width: 620px !important;
  }

  .max-height-md-620 {
    max-height: 620px !important;
  }

  .min-height-md-620 {
    min-height: 620px !important;
  }

  .height-md-620 {
    height: 620px !important;
  }

  .square-md-310 {
    width: 310px !important;
    height: 310px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-630 {
    max-width: 630px !important;
  }

  .min-width-md-630 {
    min-width: 630px !important;
  }

  .width-md-630 {
    width: 630px !important;
  }

  .max-height-md-630 {
    max-height: 630px !important;
  }

  .min-height-md-630 {
    min-height: 630px !important;
  }

  .height-md-630 {
    height: 630px !important;
  }

  .square-md-315 {
    width: 315px !important;
    height: 315px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-640 {
    max-width: 640px !important;
  }

  .min-width-md-640 {
    min-width: 640px !important;
  }

  .width-md-640 {
    width: 640px !important;
  }

  .max-height-md-640 {
    max-height: 640px !important;
  }

  .min-height-md-640 {
    min-height: 640px !important;
  }

  .height-md-640 {
    height: 640px !important;
  }

  .square-md-320 {
    width: 320px !important;
    height: 320px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-650 {
    max-width: 650px !important;
  }

  .min-width-md-650 {
    min-width: 650px !important;
  }

  .width-md-650 {
    width: 650px !important;
  }

  .max-height-md-650 {
    max-height: 650px !important;
  }

  .min-height-md-650 {
    min-height: 650px !important;
  }

  .height-md-650 {
    height: 650px !important;
  }

  .square-md-325 {
    width: 325px !important;
    height: 325px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-660 {
    max-width: 660px !important;
  }

  .min-width-md-660 {
    min-width: 660px !important;
  }

  .width-md-660 {
    width: 660px !important;
  }

  .max-height-md-660 {
    max-height: 660px !important;
  }

  .min-height-md-660 {
    min-height: 660px !important;
  }

  .height-md-660 {
    height: 660px !important;
  }

  .square-md-330 {
    width: 330px !important;
    height: 330px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-670 {
    max-width: 670px !important;
  }

  .min-width-md-670 {
    min-width: 670px !important;
  }

  .width-md-670 {
    width: 670px !important;
  }

  .max-height-md-670 {
    max-height: 670px !important;
  }

  .min-height-md-670 {
    min-height: 670px !important;
  }

  .height-md-670 {
    height: 670px !important;
  }

  .square-md-335 {
    width: 335px !important;
    height: 335px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-680 {
    max-width: 680px !important;
  }

  .min-width-md-680 {
    min-width: 680px !important;
  }

  .width-md-680 {
    width: 680px !important;
  }

  .max-height-md-680 {
    max-height: 680px !important;
  }

  .min-height-md-680 {
    min-height: 680px !important;
  }

  .height-md-680 {
    height: 680px !important;
  }

  .square-md-340 {
    width: 340px !important;
    height: 340px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-690 {
    max-width: 690px !important;
  }

  .min-width-md-690 {
    min-width: 690px !important;
  }

  .width-md-690 {
    width: 690px !important;
  }

  .max-height-md-690 {
    max-height: 690px !important;
  }

  .min-height-md-690 {
    min-height: 690px !important;
  }

  .height-md-690 {
    height: 690px !important;
  }

  .square-md-345 {
    width: 345px !important;
    height: 345px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-700 {
    max-width: 700px !important;
  }

  .min-width-md-700 {
    min-width: 700px !important;
  }

  .width-md-700 {
    width: 700px !important;
  }

  .max-height-md-700 {
    max-height: 700px !important;
  }

  .min-height-md-700 {
    min-height: 700px !important;
  }

  .height-md-700 {
    height: 700px !important;
  }

  .square-md-350 {
    width: 350px !important;
    height: 350px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-710 {
    max-width: 710px !important;
  }

  .min-width-md-710 {
    min-width: 710px !important;
  }

  .width-md-710 {
    width: 710px !important;
  }

  .max-height-md-710 {
    max-height: 710px !important;
  }

  .min-height-md-710 {
    min-height: 710px !important;
  }

  .height-md-710 {
    height: 710px !important;
  }

  .square-md-355 {
    width: 355px !important;
    height: 355px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-720 {
    max-width: 720px !important;
  }

  .min-width-md-720 {
    min-width: 720px !important;
  }

  .width-md-720 {
    width: 720px !important;
  }

  .max-height-md-720 {
    max-height: 720px !important;
  }

  .min-height-md-720 {
    min-height: 720px !important;
  }

  .height-md-720 {
    height: 720px !important;
  }

  .square-md-360 {
    width: 360px !important;
    height: 360px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-730 {
    max-width: 730px !important;
  }

  .min-width-md-730 {
    min-width: 730px !important;
  }

  .width-md-730 {
    width: 730px !important;
  }

  .max-height-md-730 {
    max-height: 730px !important;
  }

  .min-height-md-730 {
    min-height: 730px !important;
  }

  .height-md-730 {
    height: 730px !important;
  }

  .square-md-365 {
    width: 365px !important;
    height: 365px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-740 {
    max-width: 740px !important;
  }

  .min-width-md-740 {
    min-width: 740px !important;
  }

  .width-md-740 {
    width: 740px !important;
  }

  .max-height-md-740 {
    max-height: 740px !important;
  }

  .min-height-md-740 {
    min-height: 740px !important;
  }

  .height-md-740 {
    height: 740px !important;
  }

  .square-md-370 {
    width: 370px !important;
    height: 370px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-750 {
    max-width: 750px !important;
  }

  .min-width-md-750 {
    min-width: 750px !important;
  }

  .width-md-750 {
    width: 750px !important;
  }

  .max-height-md-750 {
    max-height: 750px !important;
  }

  .min-height-md-750 {
    min-height: 750px !important;
  }

  .height-md-750 {
    height: 750px !important;
  }

  .square-md-375 {
    width: 375px !important;
    height: 375px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-760 {
    max-width: 760px !important;
  }

  .min-width-md-760 {
    min-width: 760px !important;
  }

  .width-md-760 {
    width: 760px !important;
  }

  .max-height-md-760 {
    max-height: 760px !important;
  }

  .min-height-md-760 {
    min-height: 760px !important;
  }

  .height-md-760 {
    height: 760px !important;
  }

  .square-md-380 {
    width: 380px !important;
    height: 380px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-770 {
    max-width: 770px !important;
  }

  .min-width-md-770 {
    min-width: 770px !important;
  }

  .width-md-770 {
    width: 770px !important;
  }

  .max-height-md-770 {
    max-height: 770px !important;
  }

  .min-height-md-770 {
    min-height: 770px !important;
  }

  .height-md-770 {
    height: 770px !important;
  }

  .square-md-385 {
    width: 385px !important;
    height: 385px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-780 {
    max-width: 780px !important;
  }

  .min-width-md-780 {
    min-width: 780px !important;
  }

  .width-md-780 {
    width: 780px !important;
  }

  .max-height-md-780 {
    max-height: 780px !important;
  }

  .min-height-md-780 {
    min-height: 780px !important;
  }

  .height-md-780 {
    height: 780px !important;
  }

  .square-md-390 {
    width: 390px !important;
    height: 390px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-790 {
    max-width: 790px !important;
  }

  .min-width-md-790 {
    min-width: 790px !important;
  }

  .width-md-790 {
    width: 790px !important;
  }

  .max-height-md-790 {
    max-height: 790px !important;
  }

  .min-height-md-790 {
    min-height: 790px !important;
  }

  .height-md-790 {
    height: 790px !important;
  }

  .square-md-395 {
    width: 395px !important;
    height: 395px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-800 {
    max-width: 800px !important;
  }

  .min-width-md-800 {
    min-width: 800px !important;
  }

  .width-md-800 {
    width: 800px !important;
  }

  .max-height-md-800 {
    max-height: 800px !important;
  }

  .min-height-md-800 {
    min-height: 800px !important;
  }

  .height-md-800 {
    height: 800px !important;
  }

  .square-md-400 {
    width: 400px !important;
    height: 400px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-810 {
    max-width: 810px !important;
  }

  .min-width-md-810 {
    min-width: 810px !important;
  }

  .width-md-810 {
    width: 810px !important;
  }

  .max-height-md-810 {
    max-height: 810px !important;
  }

  .min-height-md-810 {
    min-height: 810px !important;
  }

  .height-md-810 {
    height: 810px !important;
  }

  .square-md-405 {
    width: 405px !important;
    height: 405px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-820 {
    max-width: 820px !important;
  }

  .min-width-md-820 {
    min-width: 820px !important;
  }

  .width-md-820 {
    width: 820px !important;
  }

  .max-height-md-820 {
    max-height: 820px !important;
  }

  .min-height-md-820 {
    min-height: 820px !important;
  }

  .height-md-820 {
    height: 820px !important;
  }

  .square-md-410 {
    width: 410px !important;
    height: 410px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-830 {
    max-width: 830px !important;
  }

  .min-width-md-830 {
    min-width: 830px !important;
  }

  .width-md-830 {
    width: 830px !important;
  }

  .max-height-md-830 {
    max-height: 830px !important;
  }

  .min-height-md-830 {
    min-height: 830px !important;
  }

  .height-md-830 {
    height: 830px !important;
  }

  .square-md-415 {
    width: 415px !important;
    height: 415px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-840 {
    max-width: 840px !important;
  }

  .min-width-md-840 {
    min-width: 840px !important;
  }

  .width-md-840 {
    width: 840px !important;
  }

  .max-height-md-840 {
    max-height: 840px !important;
  }

  .min-height-md-840 {
    min-height: 840px !important;
  }

  .height-md-840 {
    height: 840px !important;
  }

  .square-md-420 {
    width: 420px !important;
    height: 420px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-850 {
    max-width: 850px !important;
  }

  .min-width-md-850 {
    min-width: 850px !important;
  }

  .width-md-850 {
    width: 850px !important;
  }

  .max-height-md-850 {
    max-height: 850px !important;
  }

  .min-height-md-850 {
    min-height: 850px !important;
  }

  .height-md-850 {
    height: 850px !important;
  }

  .square-md-425 {
    width: 425px !important;
    height: 425px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-860 {
    max-width: 860px !important;
  }

  .min-width-md-860 {
    min-width: 860px !important;
  }

  .width-md-860 {
    width: 860px !important;
  }

  .max-height-md-860 {
    max-height: 860px !important;
  }

  .min-height-md-860 {
    min-height: 860px !important;
  }

  .height-md-860 {
    height: 860px !important;
  }

  .square-md-430 {
    width: 430px !important;
    height: 430px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-870 {
    max-width: 870px !important;
  }

  .min-width-md-870 {
    min-width: 870px !important;
  }

  .width-md-870 {
    width: 870px !important;
  }

  .max-height-md-870 {
    max-height: 870px !important;
  }

  .min-height-md-870 {
    min-height: 870px !important;
  }

  .height-md-870 {
    height: 870px !important;
  }

  .square-md-435 {
    width: 435px !important;
    height: 435px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-880 {
    max-width: 880px !important;
  }

  .min-width-md-880 {
    min-width: 880px !important;
  }

  .width-md-880 {
    width: 880px !important;
  }

  .max-height-md-880 {
    max-height: 880px !important;
  }

  .min-height-md-880 {
    min-height: 880px !important;
  }

  .height-md-880 {
    height: 880px !important;
  }

  .square-md-440 {
    width: 440px !important;
    height: 440px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-890 {
    max-width: 890px !important;
  }

  .min-width-md-890 {
    min-width: 890px !important;
  }

  .width-md-890 {
    width: 890px !important;
  }

  .max-height-md-890 {
    max-height: 890px !important;
  }

  .min-height-md-890 {
    min-height: 890px !important;
  }

  .height-md-890 {
    height: 890px !important;
  }

  .square-md-445 {
    width: 445px !important;
    height: 445px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-900 {
    max-width: 900px !important;
  }

  .min-width-md-900 {
    min-width: 900px !important;
  }

  .width-md-900 {
    width: 900px !important;
  }

  .max-height-md-900 {
    max-height: 900px !important;
  }

  .min-height-md-900 {
    min-height: 900px !important;
  }

  .height-md-900 {
    height: 900px !important;
  }

  .square-md-450 {
    width: 450px !important;
    height: 450px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-910 {
    max-width: 910px !important;
  }

  .min-width-md-910 {
    min-width: 910px !important;
  }

  .width-md-910 {
    width: 910px !important;
  }

  .max-height-md-910 {
    max-height: 910px !important;
  }

  .min-height-md-910 {
    min-height: 910px !important;
  }

  .height-md-910 {
    height: 910px !important;
  }

  .square-md-455 {
    width: 455px !important;
    height: 455px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-920 {
    max-width: 920px !important;
  }

  .min-width-md-920 {
    min-width: 920px !important;
  }

  .width-md-920 {
    width: 920px !important;
  }

  .max-height-md-920 {
    max-height: 920px !important;
  }

  .min-height-md-920 {
    min-height: 920px !important;
  }

  .height-md-920 {
    height: 920px !important;
  }

  .square-md-460 {
    width: 460px !important;
    height: 460px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-930 {
    max-width: 930px !important;
  }

  .min-width-md-930 {
    min-width: 930px !important;
  }

  .width-md-930 {
    width: 930px !important;
  }

  .max-height-md-930 {
    max-height: 930px !important;
  }

  .min-height-md-930 {
    min-height: 930px !important;
  }

  .height-md-930 {
    height: 930px !important;
  }

  .square-md-465 {
    width: 465px !important;
    height: 465px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-940 {
    max-width: 940px !important;
  }

  .min-width-md-940 {
    min-width: 940px !important;
  }

  .width-md-940 {
    width: 940px !important;
  }

  .max-height-md-940 {
    max-height: 940px !important;
  }

  .min-height-md-940 {
    min-height: 940px !important;
  }

  .height-md-940 {
    height: 940px !important;
  }

  .square-md-470 {
    width: 470px !important;
    height: 470px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-950 {
    max-width: 950px !important;
  }

  .min-width-md-950 {
    min-width: 950px !important;
  }

  .width-md-950 {
    width: 950px !important;
  }

  .max-height-md-950 {
    max-height: 950px !important;
  }

  .min-height-md-950 {
    min-height: 950px !important;
  }

  .height-md-950 {
    height: 950px !important;
  }

  .square-md-475 {
    width: 475px !important;
    height: 475px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-960 {
    max-width: 960px !important;
  }

  .min-width-md-960 {
    min-width: 960px !important;
  }

  .width-md-960 {
    width: 960px !important;
  }

  .max-height-md-960 {
    max-height: 960px !important;
  }

  .min-height-md-960 {
    min-height: 960px !important;
  }

  .height-md-960 {
    height: 960px !important;
  }

  .square-md-480 {
    width: 480px !important;
    height: 480px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-970 {
    max-width: 970px !important;
  }

  .min-width-md-970 {
    min-width: 970px !important;
  }

  .width-md-970 {
    width: 970px !important;
  }

  .max-height-md-970 {
    max-height: 970px !important;
  }

  .min-height-md-970 {
    min-height: 970px !important;
  }

  .height-md-970 {
    height: 970px !important;
  }

  .square-md-485 {
    width: 485px !important;
    height: 485px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-980 {
    max-width: 980px !important;
  }

  .min-width-md-980 {
    min-width: 980px !important;
  }

  .width-md-980 {
    width: 980px !important;
  }

  .max-height-md-980 {
    max-height: 980px !important;
  }

  .min-height-md-980 {
    min-height: 980px !important;
  }

  .height-md-980 {
    height: 980px !important;
  }

  .square-md-490 {
    width: 490px !important;
    height: 490px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-990 {
    max-width: 990px !important;
  }

  .min-width-md-990 {
    min-width: 990px !important;
  }

  .width-md-990 {
    width: 990px !important;
  }

  .max-height-md-990 {
    max-height: 990px !important;
  }

  .min-height-md-990 {
    min-height: 990px !important;
  }

  .height-md-990 {
    height: 990px !important;
  }

  .square-md-495 {
    width: 495px !important;
    height: 495px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-1000 {
    max-width: 1000px !important;
  }

  .min-width-md-1000 {
    min-width: 1000px !important;
  }

  .width-md-1000 {
    width: 1000px !important;
  }

  .max-height-md-1000 {
    max-height: 1000px !important;
  }

  .min-height-md-1000 {
    min-height: 1000px !important;
  }

  .height-md-1000 {
    height: 1000px !important;
  }

  .square-md-500 {
    width: 500px !important;
    height: 500px !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-10-percent {
    max-width: 10% !important;
  }

  .min-width-md-10-percent {
    min-width: 10% !important;
  }

  .width-md-10-percent {
    width: 10% !important;
  }

  .max-height-md-10-percent {
    max-height: 10% !important;
  }

  .min-height-md-10-percent {
    min-height: 10% !important;
  }

  .height-md-10-percent {
    height: 10% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-20-percent {
    max-width: 20% !important;
  }

  .min-width-md-20-percent {
    min-width: 20% !important;
  }

  .width-md-20-percent {
    width: 20% !important;
  }

  .max-height-md-20-percent {
    max-height: 20% !important;
  }

  .min-height-md-20-percent {
    min-height: 20% !important;
  }

  .height-md-20-percent {
    height: 20% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-30-percent {
    max-width: 30% !important;
  }

  .min-width-md-30-percent {
    min-width: 30% !important;
  }

  .width-md-30-percent {
    width: 30% !important;
  }

  .max-height-md-30-percent {
    max-height: 30% !important;
  }

  .min-height-md-30-percent {
    min-height: 30% !important;
  }

  .height-md-30-percent {
    height: 30% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-40-percent {
    max-width: 40% !important;
  }

  .min-width-md-40-percent {
    min-width: 40% !important;
  }

  .width-md-40-percent {
    width: 40% !important;
  }

  .max-height-md-40-percent {
    max-height: 40% !important;
  }

  .min-height-md-40-percent {
    min-height: 40% !important;
  }

  .height-md-40-percent {
    height: 40% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-50-percent {
    max-width: 50% !important;
  }

  .min-width-md-50-percent {
    min-width: 50% !important;
  }

  .width-md-50-percent {
    width: 50% !important;
  }

  .max-height-md-50-percent {
    max-height: 50% !important;
  }

  .min-height-md-50-percent {
    min-height: 50% !important;
  }

  .height-md-50-percent {
    height: 50% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-60-percent {
    max-width: 60% !important;
  }

  .min-width-md-60-percent {
    min-width: 60% !important;
  }

  .width-md-60-percent {
    width: 60% !important;
  }

  .max-height-md-60-percent {
    max-height: 60% !important;
  }

  .min-height-md-60-percent {
    min-height: 60% !important;
  }

  .height-md-60-percent {
    height: 60% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-70-percent {
    max-width: 70% !important;
  }

  .min-width-md-70-percent {
    min-width: 70% !important;
  }

  .width-md-70-percent {
    width: 70% !important;
  }

  .max-height-md-70-percent {
    max-height: 70% !important;
  }

  .min-height-md-70-percent {
    min-height: 70% !important;
  }

  .height-md-70-percent {
    height: 70% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-80-percent {
    max-width: 80% !important;
  }

  .min-width-md-80-percent {
    min-width: 80% !important;
  }

  .width-md-80-percent {
    width: 80% !important;
  }

  .max-height-md-80-percent {
    max-height: 80% !important;
  }

  .min-height-md-80-percent {
    min-height: 80% !important;
  }

  .height-md-80-percent {
    height: 80% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-90-percent {
    max-width: 90% !important;
  }

  .min-width-md-90-percent {
    min-width: 90% !important;
  }

  .width-md-90-percent {
    width: 90% !important;
  }

  .max-height-md-90-percent {
    max-height: 90% !important;
  }

  .min-height-md-90-percent {
    min-height: 90% !important;
  }

  .height-md-90-percent {
    height: 90% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-100-percent {
    max-width: 100% !important;
  }

  .min-width-md-100-percent {
    min-width: 100% !important;
  }

  .width-md-100-percent {
    width: 100% !important;
  }

  .max-height-md-100-percent {
    max-height: 100% !important;
  }

  .min-height-md-100-percent {
    min-height: 100% !important;
  }

  .height-md-100-percent {
    height: 100% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-110-percent {
    max-width: 110% !important;
  }

  .min-width-md-110-percent {
    min-width: 110% !important;
  }

  .width-md-110-percent {
    width: 110% !important;
  }

  .max-height-md-110-percent {
    max-height: 110% !important;
  }

  .min-height-md-110-percent {
    min-height: 110% !important;
  }

  .height-md-110-percent {
    height: 110% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-120-percent {
    max-width: 120% !important;
  }

  .min-width-md-120-percent {
    min-width: 120% !important;
  }

  .width-md-120-percent {
    width: 120% !important;
  }

  .max-height-md-120-percent {
    max-height: 120% !important;
  }

  .min-height-md-120-percent {
    min-height: 120% !important;
  }

  .height-md-120-percent {
    height: 120% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-130-percent {
    max-width: 130% !important;
  }

  .min-width-md-130-percent {
    min-width: 130% !important;
  }

  .width-md-130-percent {
    width: 130% !important;
  }

  .max-height-md-130-percent {
    max-height: 130% !important;
  }

  .min-height-md-130-percent {
    min-height: 130% !important;
  }

  .height-md-130-percent {
    height: 130% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-140-percent {
    max-width: 140% !important;
  }

  .min-width-md-140-percent {
    min-width: 140% !important;
  }

  .width-md-140-percent {
    width: 140% !important;
  }

  .max-height-md-140-percent {
    max-height: 140% !important;
  }

  .min-height-md-140-percent {
    min-height: 140% !important;
  }

  .height-md-140-percent {
    height: 140% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-150-percent {
    max-width: 150% !important;
  }

  .min-width-md-150-percent {
    min-width: 150% !important;
  }

  .width-md-150-percent {
    width: 150% !important;
  }

  .max-height-md-150-percent {
    max-height: 150% !important;
  }

  .min-height-md-150-percent {
    min-height: 150% !important;
  }

  .height-md-150-percent {
    height: 150% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-160-percent {
    max-width: 160% !important;
  }

  .min-width-md-160-percent {
    min-width: 160% !important;
  }

  .width-md-160-percent {
    width: 160% !important;
  }

  .max-height-md-160-percent {
    max-height: 160% !important;
  }

  .min-height-md-160-percent {
    min-height: 160% !important;
  }

  .height-md-160-percent {
    height: 160% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-170-percent {
    max-width: 170% !important;
  }

  .min-width-md-170-percent {
    min-width: 170% !important;
  }

  .width-md-170-percent {
    width: 170% !important;
  }

  .max-height-md-170-percent {
    max-height: 170% !important;
  }

  .min-height-md-170-percent {
    min-height: 170% !important;
  }

  .height-md-170-percent {
    height: 170% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-180-percent {
    max-width: 180% !important;
  }

  .min-width-md-180-percent {
    min-width: 180% !important;
  }

  .width-md-180-percent {
    width: 180% !important;
  }

  .max-height-md-180-percent {
    max-height: 180% !important;
  }

  .min-height-md-180-percent {
    min-height: 180% !important;
  }

  .height-md-180-percent {
    height: 180% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-190-percent {
    max-width: 190% !important;
  }

  .min-width-md-190-percent {
    min-width: 190% !important;
  }

  .width-md-190-percent {
    width: 190% !important;
  }

  .max-height-md-190-percent {
    max-height: 190% !important;
  }

  .min-height-md-190-percent {
    min-height: 190% !important;
  }

  .height-md-190-percent {
    height: 190% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-200-percent {
    max-width: 200% !important;
  }

  .min-width-md-200-percent {
    min-width: 200% !important;
  }

  .width-md-200-percent {
    width: 200% !important;
  }

  .max-height-md-200-percent {
    max-height: 200% !important;
  }

  .min-height-md-200-percent {
    min-height: 200% !important;
  }

  .height-md-200-percent {
    height: 200% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-210-percent {
    max-width: 210% !important;
  }

  .min-width-md-210-percent {
    min-width: 210% !important;
  }

  .width-md-210-percent {
    width: 210% !important;
  }

  .max-height-md-210-percent {
    max-height: 210% !important;
  }

  .min-height-md-210-percent {
    min-height: 210% !important;
  }

  .height-md-210-percent {
    height: 210% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-220-percent {
    max-width: 220% !important;
  }

  .min-width-md-220-percent {
    min-width: 220% !important;
  }

  .width-md-220-percent {
    width: 220% !important;
  }

  .max-height-md-220-percent {
    max-height: 220% !important;
  }

  .min-height-md-220-percent {
    min-height: 220% !important;
  }

  .height-md-220-percent {
    height: 220% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-230-percent {
    max-width: 230% !important;
  }

  .min-width-md-230-percent {
    min-width: 230% !important;
  }

  .width-md-230-percent {
    width: 230% !important;
  }

  .max-height-md-230-percent {
    max-height: 230% !important;
  }

  .min-height-md-230-percent {
    min-height: 230% !important;
  }

  .height-md-230-percent {
    height: 230% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-240-percent {
    max-width: 240% !important;
  }

  .min-width-md-240-percent {
    min-width: 240% !important;
  }

  .width-md-240-percent {
    width: 240% !important;
  }

  .max-height-md-240-percent {
    max-height: 240% !important;
  }

  .min-height-md-240-percent {
    min-height: 240% !important;
  }

  .height-md-240-percent {
    height: 240% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-250-percent {
    max-width: 250% !important;
  }

  .min-width-md-250-percent {
    min-width: 250% !important;
  }

  .width-md-250-percent {
    width: 250% !important;
  }

  .max-height-md-250-percent {
    max-height: 250% !important;
  }

  .min-height-md-250-percent {
    min-height: 250% !important;
  }

  .height-md-250-percent {
    height: 250% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-260-percent {
    max-width: 260% !important;
  }

  .min-width-md-260-percent {
    min-width: 260% !important;
  }

  .width-md-260-percent {
    width: 260% !important;
  }

  .max-height-md-260-percent {
    max-height: 260% !important;
  }

  .min-height-md-260-percent {
    min-height: 260% !important;
  }

  .height-md-260-percent {
    height: 260% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-270-percent {
    max-width: 270% !important;
  }

  .min-width-md-270-percent {
    min-width: 270% !important;
  }

  .width-md-270-percent {
    width: 270% !important;
  }

  .max-height-md-270-percent {
    max-height: 270% !important;
  }

  .min-height-md-270-percent {
    min-height: 270% !important;
  }

  .height-md-270-percent {
    height: 270% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-280-percent {
    max-width: 280% !important;
  }

  .min-width-md-280-percent {
    min-width: 280% !important;
  }

  .width-md-280-percent {
    width: 280% !important;
  }

  .max-height-md-280-percent {
    max-height: 280% !important;
  }

  .min-height-md-280-percent {
    min-height: 280% !important;
  }

  .height-md-280-percent {
    height: 280% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-290-percent {
    max-width: 290% !important;
  }

  .min-width-md-290-percent {
    min-width: 290% !important;
  }

  .width-md-290-percent {
    width: 290% !important;
  }

  .max-height-md-290-percent {
    max-height: 290% !important;
  }

  .min-height-md-290-percent {
    min-height: 290% !important;
  }

  .height-md-290-percent {
    height: 290% !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-300-percent {
    max-width: 300% !important;
  }

  .min-width-md-300-percent {
    min-width: 300% !important;
  }

  .width-md-300-percent {
    width: 300% !important;
  }

  .max-height-md-300-percent {
    max-height: 300% !important;
  }

  .min-height-md-300-percent {
    min-height: 300% !important;
  }

  .height-md-300-percent {
    height: 300% !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-10vh {
    min-height: 10vh !important;
  }

  .height-md-10vh {
    height: 10vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-20vh {
    min-height: 20vh !important;
  }

  .height-md-20vh {
    height: 20vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-30vh {
    min-height: 30vh !important;
  }

  .height-md-30vh {
    height: 30vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-40vh {
    min-height: 40vh !important;
  }

  .height-md-40vh {
    height: 40vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-50vh {
    min-height: 50vh !important;
  }

  .height-md-50vh {
    height: 50vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-60vh {
    min-height: 60vh !important;
  }

  .height-md-60vh {
    height: 60vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-70vh {
    min-height: 70vh !important;
  }

  .height-md-70vh {
    height: 70vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-80vh {
    min-height: 80vh !important;
  }

  .height-md-80vh {
    height: 80vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-90vh {
    min-height: 90vh !important;
  }

  .height-md-90vh {
    height: 90vh !important;
  }
}
@media (min-width: 768px) {
  .min-height-md-100vh {
    min-height: 100vh !important;
  }

  .height-md-100vh {
    height: 100vh !important;
  }
}
@media (min-width: 768px) {
  .square-md-auto {
    aspect-ratio: 1;
  }

  .max-width-md-initial {
    max-width: initial !important;
  }

  .min-width-md-initial {
    min-width: initial !important;
  }

  .width-md-initial {
    width: initial !important;
  }

  .width-md-max-content {
    width: max-content !important;
  }

  .width-md-auto {
    width: auto !important;
  }

  .min-width-md-auto {
    min-width: auto !important;
  }

  .height-md-auto {
    height: auto !important;
  }

  .min-height-md-auto {
    min-height: auto !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-0 {
    max-width: 0px !important;
  }

  .min-width-lg-0 {
    min-width: 0px !important;
  }

  .width-lg-0 {
    width: 0px !important;
  }

  .max-height-lg-0 {
    max-height: 0px !important;
  }

  .min-height-lg-0 {
    min-height: 0px !important;
  }

  .height-lg-0 {
    height: 0px !important;
  }

  .square-lg-0 {
    width: 0px !important;
    height: 0px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-10 {
    max-width: 10px !important;
  }

  .min-width-lg-10 {
    min-width: 10px !important;
  }

  .width-lg-10 {
    width: 10px !important;
  }

  .max-height-lg-10 {
    max-height: 10px !important;
  }

  .min-height-lg-10 {
    min-height: 10px !important;
  }

  .height-lg-10 {
    height: 10px !important;
  }

  .square-lg-5 {
    width: 5px !important;
    height: 5px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-20 {
    max-width: 20px !important;
  }

  .min-width-lg-20 {
    min-width: 20px !important;
  }

  .width-lg-20 {
    width: 20px !important;
  }

  .max-height-lg-20 {
    max-height: 20px !important;
  }

  .min-height-lg-20 {
    min-height: 20px !important;
  }

  .height-lg-20 {
    height: 20px !important;
  }

  .square-lg-10 {
    width: 10px !important;
    height: 10px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-30 {
    max-width: 30px !important;
  }

  .min-width-lg-30 {
    min-width: 30px !important;
  }

  .width-lg-30 {
    width: 30px !important;
  }

  .max-height-lg-30 {
    max-height: 30px !important;
  }

  .min-height-lg-30 {
    min-height: 30px !important;
  }

  .height-lg-30 {
    height: 30px !important;
  }

  .square-lg-15 {
    width: 15px !important;
    height: 15px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-40 {
    max-width: 40px !important;
  }

  .min-width-lg-40 {
    min-width: 40px !important;
  }

  .width-lg-40 {
    width: 40px !important;
  }

  .max-height-lg-40 {
    max-height: 40px !important;
  }

  .min-height-lg-40 {
    min-height: 40px !important;
  }

  .height-lg-40 {
    height: 40px !important;
  }

  .square-lg-20 {
    width: 20px !important;
    height: 20px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-50 {
    max-width: 50px !important;
  }

  .min-width-lg-50 {
    min-width: 50px !important;
  }

  .width-lg-50 {
    width: 50px !important;
  }

  .max-height-lg-50 {
    max-height: 50px !important;
  }

  .min-height-lg-50 {
    min-height: 50px !important;
  }

  .height-lg-50 {
    height: 50px !important;
  }

  .square-lg-25 {
    width: 25px !important;
    height: 25px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-60 {
    max-width: 60px !important;
  }

  .min-width-lg-60 {
    min-width: 60px !important;
  }

  .width-lg-60 {
    width: 60px !important;
  }

  .max-height-lg-60 {
    max-height: 60px !important;
  }

  .min-height-lg-60 {
    min-height: 60px !important;
  }

  .height-lg-60 {
    height: 60px !important;
  }

  .square-lg-30 {
    width: 30px !important;
    height: 30px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-70 {
    max-width: 70px !important;
  }

  .min-width-lg-70 {
    min-width: 70px !important;
  }

  .width-lg-70 {
    width: 70px !important;
  }

  .max-height-lg-70 {
    max-height: 70px !important;
  }

  .min-height-lg-70 {
    min-height: 70px !important;
  }

  .height-lg-70 {
    height: 70px !important;
  }

  .square-lg-35 {
    width: 35px !important;
    height: 35px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-80 {
    max-width: 80px !important;
  }

  .min-width-lg-80 {
    min-width: 80px !important;
  }

  .width-lg-80 {
    width: 80px !important;
  }

  .max-height-lg-80 {
    max-height: 80px !important;
  }

  .min-height-lg-80 {
    min-height: 80px !important;
  }

  .height-lg-80 {
    height: 80px !important;
  }

  .square-lg-40 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-90 {
    max-width: 90px !important;
  }

  .min-width-lg-90 {
    min-width: 90px !important;
  }

  .width-lg-90 {
    width: 90px !important;
  }

  .max-height-lg-90 {
    max-height: 90px !important;
  }

  .min-height-lg-90 {
    min-height: 90px !important;
  }

  .height-lg-90 {
    height: 90px !important;
  }

  .square-lg-45 {
    width: 45px !important;
    height: 45px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-100 {
    max-width: 100px !important;
  }

  .min-width-lg-100 {
    min-width: 100px !important;
  }

  .width-lg-100 {
    width: 100px !important;
  }

  .max-height-lg-100 {
    max-height: 100px !important;
  }

  .min-height-lg-100 {
    min-height: 100px !important;
  }

  .height-lg-100 {
    height: 100px !important;
  }

  .square-lg-50 {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-110 {
    max-width: 110px !important;
  }

  .min-width-lg-110 {
    min-width: 110px !important;
  }

  .width-lg-110 {
    width: 110px !important;
  }

  .max-height-lg-110 {
    max-height: 110px !important;
  }

  .min-height-lg-110 {
    min-height: 110px !important;
  }

  .height-lg-110 {
    height: 110px !important;
  }

  .square-lg-55 {
    width: 55px !important;
    height: 55px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-120 {
    max-width: 120px !important;
  }

  .min-width-lg-120 {
    min-width: 120px !important;
  }

  .width-lg-120 {
    width: 120px !important;
  }

  .max-height-lg-120 {
    max-height: 120px !important;
  }

  .min-height-lg-120 {
    min-height: 120px !important;
  }

  .height-lg-120 {
    height: 120px !important;
  }

  .square-lg-60 {
    width: 60px !important;
    height: 60px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-130 {
    max-width: 130px !important;
  }

  .min-width-lg-130 {
    min-width: 130px !important;
  }

  .width-lg-130 {
    width: 130px !important;
  }

  .max-height-lg-130 {
    max-height: 130px !important;
  }

  .min-height-lg-130 {
    min-height: 130px !important;
  }

  .height-lg-130 {
    height: 130px !important;
  }

  .square-lg-65 {
    width: 65px !important;
    height: 65px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-140 {
    max-width: 140px !important;
  }

  .min-width-lg-140 {
    min-width: 140px !important;
  }

  .width-lg-140 {
    width: 140px !important;
  }

  .max-height-lg-140 {
    max-height: 140px !important;
  }

  .min-height-lg-140 {
    min-height: 140px !important;
  }

  .height-lg-140 {
    height: 140px !important;
  }

  .square-lg-70 {
    width: 70px !important;
    height: 70px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-150 {
    max-width: 150px !important;
  }

  .min-width-lg-150 {
    min-width: 150px !important;
  }

  .width-lg-150 {
    width: 150px !important;
  }

  .max-height-lg-150 {
    max-height: 150px !important;
  }

  .min-height-lg-150 {
    min-height: 150px !important;
  }

  .height-lg-150 {
    height: 150px !important;
  }

  .square-lg-75 {
    width: 75px !important;
    height: 75px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-160 {
    max-width: 160px !important;
  }

  .min-width-lg-160 {
    min-width: 160px !important;
  }

  .width-lg-160 {
    width: 160px !important;
  }

  .max-height-lg-160 {
    max-height: 160px !important;
  }

  .min-height-lg-160 {
    min-height: 160px !important;
  }

  .height-lg-160 {
    height: 160px !important;
  }

  .square-lg-80 {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-170 {
    max-width: 170px !important;
  }

  .min-width-lg-170 {
    min-width: 170px !important;
  }

  .width-lg-170 {
    width: 170px !important;
  }

  .max-height-lg-170 {
    max-height: 170px !important;
  }

  .min-height-lg-170 {
    min-height: 170px !important;
  }

  .height-lg-170 {
    height: 170px !important;
  }

  .square-lg-85 {
    width: 85px !important;
    height: 85px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-180 {
    max-width: 180px !important;
  }

  .min-width-lg-180 {
    min-width: 180px !important;
  }

  .width-lg-180 {
    width: 180px !important;
  }

  .max-height-lg-180 {
    max-height: 180px !important;
  }

  .min-height-lg-180 {
    min-height: 180px !important;
  }

  .height-lg-180 {
    height: 180px !important;
  }

  .square-lg-90 {
    width: 90px !important;
    height: 90px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-190 {
    max-width: 190px !important;
  }

  .min-width-lg-190 {
    min-width: 190px !important;
  }

  .width-lg-190 {
    width: 190px !important;
  }

  .max-height-lg-190 {
    max-height: 190px !important;
  }

  .min-height-lg-190 {
    min-height: 190px !important;
  }

  .height-lg-190 {
    height: 190px !important;
  }

  .square-lg-95 {
    width: 95px !important;
    height: 95px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-200 {
    max-width: 200px !important;
  }

  .min-width-lg-200 {
    min-width: 200px !important;
  }

  .width-lg-200 {
    width: 200px !important;
  }

  .max-height-lg-200 {
    max-height: 200px !important;
  }

  .min-height-lg-200 {
    min-height: 200px !important;
  }

  .height-lg-200 {
    height: 200px !important;
  }

  .square-lg-100 {
    width: 100px !important;
    height: 100px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-210 {
    max-width: 210px !important;
  }

  .min-width-lg-210 {
    min-width: 210px !important;
  }

  .width-lg-210 {
    width: 210px !important;
  }

  .max-height-lg-210 {
    max-height: 210px !important;
  }

  .min-height-lg-210 {
    min-height: 210px !important;
  }

  .height-lg-210 {
    height: 210px !important;
  }

  .square-lg-105 {
    width: 105px !important;
    height: 105px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-220 {
    max-width: 220px !important;
  }

  .min-width-lg-220 {
    min-width: 220px !important;
  }

  .width-lg-220 {
    width: 220px !important;
  }

  .max-height-lg-220 {
    max-height: 220px !important;
  }

  .min-height-lg-220 {
    min-height: 220px !important;
  }

  .height-lg-220 {
    height: 220px !important;
  }

  .square-lg-110 {
    width: 110px !important;
    height: 110px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-230 {
    max-width: 230px !important;
  }

  .min-width-lg-230 {
    min-width: 230px !important;
  }

  .width-lg-230 {
    width: 230px !important;
  }

  .max-height-lg-230 {
    max-height: 230px !important;
  }

  .min-height-lg-230 {
    min-height: 230px !important;
  }

  .height-lg-230 {
    height: 230px !important;
  }

  .square-lg-115 {
    width: 115px !important;
    height: 115px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-240 {
    max-width: 240px !important;
  }

  .min-width-lg-240 {
    min-width: 240px !important;
  }

  .width-lg-240 {
    width: 240px !important;
  }

  .max-height-lg-240 {
    max-height: 240px !important;
  }

  .min-height-lg-240 {
    min-height: 240px !important;
  }

  .height-lg-240 {
    height: 240px !important;
  }

  .square-lg-120 {
    width: 120px !important;
    height: 120px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-250 {
    max-width: 250px !important;
  }

  .min-width-lg-250 {
    min-width: 250px !important;
  }

  .width-lg-250 {
    width: 250px !important;
  }

  .max-height-lg-250 {
    max-height: 250px !important;
  }

  .min-height-lg-250 {
    min-height: 250px !important;
  }

  .height-lg-250 {
    height: 250px !important;
  }

  .square-lg-125 {
    width: 125px !important;
    height: 125px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-260 {
    max-width: 260px !important;
  }

  .min-width-lg-260 {
    min-width: 260px !important;
  }

  .width-lg-260 {
    width: 260px !important;
  }

  .max-height-lg-260 {
    max-height: 260px !important;
  }

  .min-height-lg-260 {
    min-height: 260px !important;
  }

  .height-lg-260 {
    height: 260px !important;
  }

  .square-lg-130 {
    width: 130px !important;
    height: 130px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-270 {
    max-width: 270px !important;
  }

  .min-width-lg-270 {
    min-width: 270px !important;
  }

  .width-lg-270 {
    width: 270px !important;
  }

  .max-height-lg-270 {
    max-height: 270px !important;
  }

  .min-height-lg-270 {
    min-height: 270px !important;
  }

  .height-lg-270 {
    height: 270px !important;
  }

  .square-lg-135 {
    width: 135px !important;
    height: 135px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-280 {
    max-width: 280px !important;
  }

  .min-width-lg-280 {
    min-width: 280px !important;
  }

  .width-lg-280 {
    width: 280px !important;
  }

  .max-height-lg-280 {
    max-height: 280px !important;
  }

  .min-height-lg-280 {
    min-height: 280px !important;
  }

  .height-lg-280 {
    height: 280px !important;
  }

  .square-lg-140 {
    width: 140px !important;
    height: 140px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-290 {
    max-width: 290px !important;
  }

  .min-width-lg-290 {
    min-width: 290px !important;
  }

  .width-lg-290 {
    width: 290px !important;
  }

  .max-height-lg-290 {
    max-height: 290px !important;
  }

  .min-height-lg-290 {
    min-height: 290px !important;
  }

  .height-lg-290 {
    height: 290px !important;
  }

  .square-lg-145 {
    width: 145px !important;
    height: 145px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-300 {
    max-width: 300px !important;
  }

  .min-width-lg-300 {
    min-width: 300px !important;
  }

  .width-lg-300 {
    width: 300px !important;
  }

  .max-height-lg-300 {
    max-height: 300px !important;
  }

  .min-height-lg-300 {
    min-height: 300px !important;
  }

  .height-lg-300 {
    height: 300px !important;
  }

  .square-lg-150 {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-310 {
    max-width: 310px !important;
  }

  .min-width-lg-310 {
    min-width: 310px !important;
  }

  .width-lg-310 {
    width: 310px !important;
  }

  .max-height-lg-310 {
    max-height: 310px !important;
  }

  .min-height-lg-310 {
    min-height: 310px !important;
  }

  .height-lg-310 {
    height: 310px !important;
  }

  .square-lg-155 {
    width: 155px !important;
    height: 155px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-320 {
    max-width: 320px !important;
  }

  .min-width-lg-320 {
    min-width: 320px !important;
  }

  .width-lg-320 {
    width: 320px !important;
  }

  .max-height-lg-320 {
    max-height: 320px !important;
  }

  .min-height-lg-320 {
    min-height: 320px !important;
  }

  .height-lg-320 {
    height: 320px !important;
  }

  .square-lg-160 {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-330 {
    max-width: 330px !important;
  }

  .min-width-lg-330 {
    min-width: 330px !important;
  }

  .width-lg-330 {
    width: 330px !important;
  }

  .max-height-lg-330 {
    max-height: 330px !important;
  }

  .min-height-lg-330 {
    min-height: 330px !important;
  }

  .height-lg-330 {
    height: 330px !important;
  }

  .square-lg-165 {
    width: 165px !important;
    height: 165px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-340 {
    max-width: 340px !important;
  }

  .min-width-lg-340 {
    min-width: 340px !important;
  }

  .width-lg-340 {
    width: 340px !important;
  }

  .max-height-lg-340 {
    max-height: 340px !important;
  }

  .min-height-lg-340 {
    min-height: 340px !important;
  }

  .height-lg-340 {
    height: 340px !important;
  }

  .square-lg-170 {
    width: 170px !important;
    height: 170px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-350 {
    max-width: 350px !important;
  }

  .min-width-lg-350 {
    min-width: 350px !important;
  }

  .width-lg-350 {
    width: 350px !important;
  }

  .max-height-lg-350 {
    max-height: 350px !important;
  }

  .min-height-lg-350 {
    min-height: 350px !important;
  }

  .height-lg-350 {
    height: 350px !important;
  }

  .square-lg-175 {
    width: 175px !important;
    height: 175px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-360 {
    max-width: 360px !important;
  }

  .min-width-lg-360 {
    min-width: 360px !important;
  }

  .width-lg-360 {
    width: 360px !important;
  }

  .max-height-lg-360 {
    max-height: 360px !important;
  }

  .min-height-lg-360 {
    min-height: 360px !important;
  }

  .height-lg-360 {
    height: 360px !important;
  }

  .square-lg-180 {
    width: 180px !important;
    height: 180px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-370 {
    max-width: 370px !important;
  }

  .min-width-lg-370 {
    min-width: 370px !important;
  }

  .width-lg-370 {
    width: 370px !important;
  }

  .max-height-lg-370 {
    max-height: 370px !important;
  }

  .min-height-lg-370 {
    min-height: 370px !important;
  }

  .height-lg-370 {
    height: 370px !important;
  }

  .square-lg-185 {
    width: 185px !important;
    height: 185px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-380 {
    max-width: 380px !important;
  }

  .min-width-lg-380 {
    min-width: 380px !important;
  }

  .width-lg-380 {
    width: 380px !important;
  }

  .max-height-lg-380 {
    max-height: 380px !important;
  }

  .min-height-lg-380 {
    min-height: 380px !important;
  }

  .height-lg-380 {
    height: 380px !important;
  }

  .square-lg-190 {
    width: 190px !important;
    height: 190px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-390 {
    max-width: 390px !important;
  }

  .min-width-lg-390 {
    min-width: 390px !important;
  }

  .width-lg-390 {
    width: 390px !important;
  }

  .max-height-lg-390 {
    max-height: 390px !important;
  }

  .min-height-lg-390 {
    min-height: 390px !important;
  }

  .height-lg-390 {
    height: 390px !important;
  }

  .square-lg-195 {
    width: 195px !important;
    height: 195px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-400 {
    max-width: 400px !important;
  }

  .min-width-lg-400 {
    min-width: 400px !important;
  }

  .width-lg-400 {
    width: 400px !important;
  }

  .max-height-lg-400 {
    max-height: 400px !important;
  }

  .min-height-lg-400 {
    min-height: 400px !important;
  }

  .height-lg-400 {
    height: 400px !important;
  }

  .square-lg-200 {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-410 {
    max-width: 410px !important;
  }

  .min-width-lg-410 {
    min-width: 410px !important;
  }

  .width-lg-410 {
    width: 410px !important;
  }

  .max-height-lg-410 {
    max-height: 410px !important;
  }

  .min-height-lg-410 {
    min-height: 410px !important;
  }

  .height-lg-410 {
    height: 410px !important;
  }

  .square-lg-205 {
    width: 205px !important;
    height: 205px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-420 {
    max-width: 420px !important;
  }

  .min-width-lg-420 {
    min-width: 420px !important;
  }

  .width-lg-420 {
    width: 420px !important;
  }

  .max-height-lg-420 {
    max-height: 420px !important;
  }

  .min-height-lg-420 {
    min-height: 420px !important;
  }

  .height-lg-420 {
    height: 420px !important;
  }

  .square-lg-210 {
    width: 210px !important;
    height: 210px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-430 {
    max-width: 430px !important;
  }

  .min-width-lg-430 {
    min-width: 430px !important;
  }

  .width-lg-430 {
    width: 430px !important;
  }

  .max-height-lg-430 {
    max-height: 430px !important;
  }

  .min-height-lg-430 {
    min-height: 430px !important;
  }

  .height-lg-430 {
    height: 430px !important;
  }

  .square-lg-215 {
    width: 215px !important;
    height: 215px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-440 {
    max-width: 440px !important;
  }

  .min-width-lg-440 {
    min-width: 440px !important;
  }

  .width-lg-440 {
    width: 440px !important;
  }

  .max-height-lg-440 {
    max-height: 440px !important;
  }

  .min-height-lg-440 {
    min-height: 440px !important;
  }

  .height-lg-440 {
    height: 440px !important;
  }

  .square-lg-220 {
    width: 220px !important;
    height: 220px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-450 {
    max-width: 450px !important;
  }

  .min-width-lg-450 {
    min-width: 450px !important;
  }

  .width-lg-450 {
    width: 450px !important;
  }

  .max-height-lg-450 {
    max-height: 450px !important;
  }

  .min-height-lg-450 {
    min-height: 450px !important;
  }

  .height-lg-450 {
    height: 450px !important;
  }

  .square-lg-225 {
    width: 225px !important;
    height: 225px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-460 {
    max-width: 460px !important;
  }

  .min-width-lg-460 {
    min-width: 460px !important;
  }

  .width-lg-460 {
    width: 460px !important;
  }

  .max-height-lg-460 {
    max-height: 460px !important;
  }

  .min-height-lg-460 {
    min-height: 460px !important;
  }

  .height-lg-460 {
    height: 460px !important;
  }

  .square-lg-230 {
    width: 230px !important;
    height: 230px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-470 {
    max-width: 470px !important;
  }

  .min-width-lg-470 {
    min-width: 470px !important;
  }

  .width-lg-470 {
    width: 470px !important;
  }

  .max-height-lg-470 {
    max-height: 470px !important;
  }

  .min-height-lg-470 {
    min-height: 470px !important;
  }

  .height-lg-470 {
    height: 470px !important;
  }

  .square-lg-235 {
    width: 235px !important;
    height: 235px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-480 {
    max-width: 480px !important;
  }

  .min-width-lg-480 {
    min-width: 480px !important;
  }

  .width-lg-480 {
    width: 480px !important;
  }

  .max-height-lg-480 {
    max-height: 480px !important;
  }

  .min-height-lg-480 {
    min-height: 480px !important;
  }

  .height-lg-480 {
    height: 480px !important;
  }

  .square-lg-240 {
    width: 240px !important;
    height: 240px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-490 {
    max-width: 490px !important;
  }

  .min-width-lg-490 {
    min-width: 490px !important;
  }

  .width-lg-490 {
    width: 490px !important;
  }

  .max-height-lg-490 {
    max-height: 490px !important;
  }

  .min-height-lg-490 {
    min-height: 490px !important;
  }

  .height-lg-490 {
    height: 490px !important;
  }

  .square-lg-245 {
    width: 245px !important;
    height: 245px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-500 {
    max-width: 500px !important;
  }

  .min-width-lg-500 {
    min-width: 500px !important;
  }

  .width-lg-500 {
    width: 500px !important;
  }

  .max-height-lg-500 {
    max-height: 500px !important;
  }

  .min-height-lg-500 {
    min-height: 500px !important;
  }

  .height-lg-500 {
    height: 500px !important;
  }

  .square-lg-250 {
    width: 250px !important;
    height: 250px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-510 {
    max-width: 510px !important;
  }

  .min-width-lg-510 {
    min-width: 510px !important;
  }

  .width-lg-510 {
    width: 510px !important;
  }

  .max-height-lg-510 {
    max-height: 510px !important;
  }

  .min-height-lg-510 {
    min-height: 510px !important;
  }

  .height-lg-510 {
    height: 510px !important;
  }

  .square-lg-255 {
    width: 255px !important;
    height: 255px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-520 {
    max-width: 520px !important;
  }

  .min-width-lg-520 {
    min-width: 520px !important;
  }

  .width-lg-520 {
    width: 520px !important;
  }

  .max-height-lg-520 {
    max-height: 520px !important;
  }

  .min-height-lg-520 {
    min-height: 520px !important;
  }

  .height-lg-520 {
    height: 520px !important;
  }

  .square-lg-260 {
    width: 260px !important;
    height: 260px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-530 {
    max-width: 530px !important;
  }

  .min-width-lg-530 {
    min-width: 530px !important;
  }

  .width-lg-530 {
    width: 530px !important;
  }

  .max-height-lg-530 {
    max-height: 530px !important;
  }

  .min-height-lg-530 {
    min-height: 530px !important;
  }

  .height-lg-530 {
    height: 530px !important;
  }

  .square-lg-265 {
    width: 265px !important;
    height: 265px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-540 {
    max-width: 540px !important;
  }

  .min-width-lg-540 {
    min-width: 540px !important;
  }

  .width-lg-540 {
    width: 540px !important;
  }

  .max-height-lg-540 {
    max-height: 540px !important;
  }

  .min-height-lg-540 {
    min-height: 540px !important;
  }

  .height-lg-540 {
    height: 540px !important;
  }

  .square-lg-270 {
    width: 270px !important;
    height: 270px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-550 {
    max-width: 550px !important;
  }

  .min-width-lg-550 {
    min-width: 550px !important;
  }

  .width-lg-550 {
    width: 550px !important;
  }

  .max-height-lg-550 {
    max-height: 550px !important;
  }

  .min-height-lg-550 {
    min-height: 550px !important;
  }

  .height-lg-550 {
    height: 550px !important;
  }

  .square-lg-275 {
    width: 275px !important;
    height: 275px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-560 {
    max-width: 560px !important;
  }

  .min-width-lg-560 {
    min-width: 560px !important;
  }

  .width-lg-560 {
    width: 560px !important;
  }

  .max-height-lg-560 {
    max-height: 560px !important;
  }

  .min-height-lg-560 {
    min-height: 560px !important;
  }

  .height-lg-560 {
    height: 560px !important;
  }

  .square-lg-280 {
    width: 280px !important;
    height: 280px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-570 {
    max-width: 570px !important;
  }

  .min-width-lg-570 {
    min-width: 570px !important;
  }

  .width-lg-570 {
    width: 570px !important;
  }

  .max-height-lg-570 {
    max-height: 570px !important;
  }

  .min-height-lg-570 {
    min-height: 570px !important;
  }

  .height-lg-570 {
    height: 570px !important;
  }

  .square-lg-285 {
    width: 285px !important;
    height: 285px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-580 {
    max-width: 580px !important;
  }

  .min-width-lg-580 {
    min-width: 580px !important;
  }

  .width-lg-580 {
    width: 580px !important;
  }

  .max-height-lg-580 {
    max-height: 580px !important;
  }

  .min-height-lg-580 {
    min-height: 580px !important;
  }

  .height-lg-580 {
    height: 580px !important;
  }

  .square-lg-290 {
    width: 290px !important;
    height: 290px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-590 {
    max-width: 590px !important;
  }

  .min-width-lg-590 {
    min-width: 590px !important;
  }

  .width-lg-590 {
    width: 590px !important;
  }

  .max-height-lg-590 {
    max-height: 590px !important;
  }

  .min-height-lg-590 {
    min-height: 590px !important;
  }

  .height-lg-590 {
    height: 590px !important;
  }

  .square-lg-295 {
    width: 295px !important;
    height: 295px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-600 {
    max-width: 600px !important;
  }

  .min-width-lg-600 {
    min-width: 600px !important;
  }

  .width-lg-600 {
    width: 600px !important;
  }

  .max-height-lg-600 {
    max-height: 600px !important;
  }

  .min-height-lg-600 {
    min-height: 600px !important;
  }

  .height-lg-600 {
    height: 600px !important;
  }

  .square-lg-300 {
    width: 300px !important;
    height: 300px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-610 {
    max-width: 610px !important;
  }

  .min-width-lg-610 {
    min-width: 610px !important;
  }

  .width-lg-610 {
    width: 610px !important;
  }

  .max-height-lg-610 {
    max-height: 610px !important;
  }

  .min-height-lg-610 {
    min-height: 610px !important;
  }

  .height-lg-610 {
    height: 610px !important;
  }

  .square-lg-305 {
    width: 305px !important;
    height: 305px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-620 {
    max-width: 620px !important;
  }

  .min-width-lg-620 {
    min-width: 620px !important;
  }

  .width-lg-620 {
    width: 620px !important;
  }

  .max-height-lg-620 {
    max-height: 620px !important;
  }

  .min-height-lg-620 {
    min-height: 620px !important;
  }

  .height-lg-620 {
    height: 620px !important;
  }

  .square-lg-310 {
    width: 310px !important;
    height: 310px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-630 {
    max-width: 630px !important;
  }

  .min-width-lg-630 {
    min-width: 630px !important;
  }

  .width-lg-630 {
    width: 630px !important;
  }

  .max-height-lg-630 {
    max-height: 630px !important;
  }

  .min-height-lg-630 {
    min-height: 630px !important;
  }

  .height-lg-630 {
    height: 630px !important;
  }

  .square-lg-315 {
    width: 315px !important;
    height: 315px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-640 {
    max-width: 640px !important;
  }

  .min-width-lg-640 {
    min-width: 640px !important;
  }

  .width-lg-640 {
    width: 640px !important;
  }

  .max-height-lg-640 {
    max-height: 640px !important;
  }

  .min-height-lg-640 {
    min-height: 640px !important;
  }

  .height-lg-640 {
    height: 640px !important;
  }

  .square-lg-320 {
    width: 320px !important;
    height: 320px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-650 {
    max-width: 650px !important;
  }

  .min-width-lg-650 {
    min-width: 650px !important;
  }

  .width-lg-650 {
    width: 650px !important;
  }

  .max-height-lg-650 {
    max-height: 650px !important;
  }

  .min-height-lg-650 {
    min-height: 650px !important;
  }

  .height-lg-650 {
    height: 650px !important;
  }

  .square-lg-325 {
    width: 325px !important;
    height: 325px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-660 {
    max-width: 660px !important;
  }

  .min-width-lg-660 {
    min-width: 660px !important;
  }

  .width-lg-660 {
    width: 660px !important;
  }

  .max-height-lg-660 {
    max-height: 660px !important;
  }

  .min-height-lg-660 {
    min-height: 660px !important;
  }

  .height-lg-660 {
    height: 660px !important;
  }

  .square-lg-330 {
    width: 330px !important;
    height: 330px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-670 {
    max-width: 670px !important;
  }

  .min-width-lg-670 {
    min-width: 670px !important;
  }

  .width-lg-670 {
    width: 670px !important;
  }

  .max-height-lg-670 {
    max-height: 670px !important;
  }

  .min-height-lg-670 {
    min-height: 670px !important;
  }

  .height-lg-670 {
    height: 670px !important;
  }

  .square-lg-335 {
    width: 335px !important;
    height: 335px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-680 {
    max-width: 680px !important;
  }

  .min-width-lg-680 {
    min-width: 680px !important;
  }

  .width-lg-680 {
    width: 680px !important;
  }

  .max-height-lg-680 {
    max-height: 680px !important;
  }

  .min-height-lg-680 {
    min-height: 680px !important;
  }

  .height-lg-680 {
    height: 680px !important;
  }

  .square-lg-340 {
    width: 340px !important;
    height: 340px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-690 {
    max-width: 690px !important;
  }

  .min-width-lg-690 {
    min-width: 690px !important;
  }

  .width-lg-690 {
    width: 690px !important;
  }

  .max-height-lg-690 {
    max-height: 690px !important;
  }

  .min-height-lg-690 {
    min-height: 690px !important;
  }

  .height-lg-690 {
    height: 690px !important;
  }

  .square-lg-345 {
    width: 345px !important;
    height: 345px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-700 {
    max-width: 700px !important;
  }

  .min-width-lg-700 {
    min-width: 700px !important;
  }

  .width-lg-700 {
    width: 700px !important;
  }

  .max-height-lg-700 {
    max-height: 700px !important;
  }

  .min-height-lg-700 {
    min-height: 700px !important;
  }

  .height-lg-700 {
    height: 700px !important;
  }

  .square-lg-350 {
    width: 350px !important;
    height: 350px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-710 {
    max-width: 710px !important;
  }

  .min-width-lg-710 {
    min-width: 710px !important;
  }

  .width-lg-710 {
    width: 710px !important;
  }

  .max-height-lg-710 {
    max-height: 710px !important;
  }

  .min-height-lg-710 {
    min-height: 710px !important;
  }

  .height-lg-710 {
    height: 710px !important;
  }

  .square-lg-355 {
    width: 355px !important;
    height: 355px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-720 {
    max-width: 720px !important;
  }

  .min-width-lg-720 {
    min-width: 720px !important;
  }

  .width-lg-720 {
    width: 720px !important;
  }

  .max-height-lg-720 {
    max-height: 720px !important;
  }

  .min-height-lg-720 {
    min-height: 720px !important;
  }

  .height-lg-720 {
    height: 720px !important;
  }

  .square-lg-360 {
    width: 360px !important;
    height: 360px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-730 {
    max-width: 730px !important;
  }

  .min-width-lg-730 {
    min-width: 730px !important;
  }

  .width-lg-730 {
    width: 730px !important;
  }

  .max-height-lg-730 {
    max-height: 730px !important;
  }

  .min-height-lg-730 {
    min-height: 730px !important;
  }

  .height-lg-730 {
    height: 730px !important;
  }

  .square-lg-365 {
    width: 365px !important;
    height: 365px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-740 {
    max-width: 740px !important;
  }

  .min-width-lg-740 {
    min-width: 740px !important;
  }

  .width-lg-740 {
    width: 740px !important;
  }

  .max-height-lg-740 {
    max-height: 740px !important;
  }

  .min-height-lg-740 {
    min-height: 740px !important;
  }

  .height-lg-740 {
    height: 740px !important;
  }

  .square-lg-370 {
    width: 370px !important;
    height: 370px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-750 {
    max-width: 750px !important;
  }

  .min-width-lg-750 {
    min-width: 750px !important;
  }

  .width-lg-750 {
    width: 750px !important;
  }

  .max-height-lg-750 {
    max-height: 750px !important;
  }

  .min-height-lg-750 {
    min-height: 750px !important;
  }

  .height-lg-750 {
    height: 750px !important;
  }

  .square-lg-375 {
    width: 375px !important;
    height: 375px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-760 {
    max-width: 760px !important;
  }

  .min-width-lg-760 {
    min-width: 760px !important;
  }

  .width-lg-760 {
    width: 760px !important;
  }

  .max-height-lg-760 {
    max-height: 760px !important;
  }

  .min-height-lg-760 {
    min-height: 760px !important;
  }

  .height-lg-760 {
    height: 760px !important;
  }

  .square-lg-380 {
    width: 380px !important;
    height: 380px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-770 {
    max-width: 770px !important;
  }

  .min-width-lg-770 {
    min-width: 770px !important;
  }

  .width-lg-770 {
    width: 770px !important;
  }

  .max-height-lg-770 {
    max-height: 770px !important;
  }

  .min-height-lg-770 {
    min-height: 770px !important;
  }

  .height-lg-770 {
    height: 770px !important;
  }

  .square-lg-385 {
    width: 385px !important;
    height: 385px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-780 {
    max-width: 780px !important;
  }

  .min-width-lg-780 {
    min-width: 780px !important;
  }

  .width-lg-780 {
    width: 780px !important;
  }

  .max-height-lg-780 {
    max-height: 780px !important;
  }

  .min-height-lg-780 {
    min-height: 780px !important;
  }

  .height-lg-780 {
    height: 780px !important;
  }

  .square-lg-390 {
    width: 390px !important;
    height: 390px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-790 {
    max-width: 790px !important;
  }

  .min-width-lg-790 {
    min-width: 790px !important;
  }

  .width-lg-790 {
    width: 790px !important;
  }

  .max-height-lg-790 {
    max-height: 790px !important;
  }

  .min-height-lg-790 {
    min-height: 790px !important;
  }

  .height-lg-790 {
    height: 790px !important;
  }

  .square-lg-395 {
    width: 395px !important;
    height: 395px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-800 {
    max-width: 800px !important;
  }

  .min-width-lg-800 {
    min-width: 800px !important;
  }

  .width-lg-800 {
    width: 800px !important;
  }

  .max-height-lg-800 {
    max-height: 800px !important;
  }

  .min-height-lg-800 {
    min-height: 800px !important;
  }

  .height-lg-800 {
    height: 800px !important;
  }

  .square-lg-400 {
    width: 400px !important;
    height: 400px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-810 {
    max-width: 810px !important;
  }

  .min-width-lg-810 {
    min-width: 810px !important;
  }

  .width-lg-810 {
    width: 810px !important;
  }

  .max-height-lg-810 {
    max-height: 810px !important;
  }

  .min-height-lg-810 {
    min-height: 810px !important;
  }

  .height-lg-810 {
    height: 810px !important;
  }

  .square-lg-405 {
    width: 405px !important;
    height: 405px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-820 {
    max-width: 820px !important;
  }

  .min-width-lg-820 {
    min-width: 820px !important;
  }

  .width-lg-820 {
    width: 820px !important;
  }

  .max-height-lg-820 {
    max-height: 820px !important;
  }

  .min-height-lg-820 {
    min-height: 820px !important;
  }

  .height-lg-820 {
    height: 820px !important;
  }

  .square-lg-410 {
    width: 410px !important;
    height: 410px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-830 {
    max-width: 830px !important;
  }

  .min-width-lg-830 {
    min-width: 830px !important;
  }

  .width-lg-830 {
    width: 830px !important;
  }

  .max-height-lg-830 {
    max-height: 830px !important;
  }

  .min-height-lg-830 {
    min-height: 830px !important;
  }

  .height-lg-830 {
    height: 830px !important;
  }

  .square-lg-415 {
    width: 415px !important;
    height: 415px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-840 {
    max-width: 840px !important;
  }

  .min-width-lg-840 {
    min-width: 840px !important;
  }

  .width-lg-840 {
    width: 840px !important;
  }

  .max-height-lg-840 {
    max-height: 840px !important;
  }

  .min-height-lg-840 {
    min-height: 840px !important;
  }

  .height-lg-840 {
    height: 840px !important;
  }

  .square-lg-420 {
    width: 420px !important;
    height: 420px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-850 {
    max-width: 850px !important;
  }

  .min-width-lg-850 {
    min-width: 850px !important;
  }

  .width-lg-850 {
    width: 850px !important;
  }

  .max-height-lg-850 {
    max-height: 850px !important;
  }

  .min-height-lg-850 {
    min-height: 850px !important;
  }

  .height-lg-850 {
    height: 850px !important;
  }

  .square-lg-425 {
    width: 425px !important;
    height: 425px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-860 {
    max-width: 860px !important;
  }

  .min-width-lg-860 {
    min-width: 860px !important;
  }

  .width-lg-860 {
    width: 860px !important;
  }

  .max-height-lg-860 {
    max-height: 860px !important;
  }

  .min-height-lg-860 {
    min-height: 860px !important;
  }

  .height-lg-860 {
    height: 860px !important;
  }

  .square-lg-430 {
    width: 430px !important;
    height: 430px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-870 {
    max-width: 870px !important;
  }

  .min-width-lg-870 {
    min-width: 870px !important;
  }

  .width-lg-870 {
    width: 870px !important;
  }

  .max-height-lg-870 {
    max-height: 870px !important;
  }

  .min-height-lg-870 {
    min-height: 870px !important;
  }

  .height-lg-870 {
    height: 870px !important;
  }

  .square-lg-435 {
    width: 435px !important;
    height: 435px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-880 {
    max-width: 880px !important;
  }

  .min-width-lg-880 {
    min-width: 880px !important;
  }

  .width-lg-880 {
    width: 880px !important;
  }

  .max-height-lg-880 {
    max-height: 880px !important;
  }

  .min-height-lg-880 {
    min-height: 880px !important;
  }

  .height-lg-880 {
    height: 880px !important;
  }

  .square-lg-440 {
    width: 440px !important;
    height: 440px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-890 {
    max-width: 890px !important;
  }

  .min-width-lg-890 {
    min-width: 890px !important;
  }

  .width-lg-890 {
    width: 890px !important;
  }

  .max-height-lg-890 {
    max-height: 890px !important;
  }

  .min-height-lg-890 {
    min-height: 890px !important;
  }

  .height-lg-890 {
    height: 890px !important;
  }

  .square-lg-445 {
    width: 445px !important;
    height: 445px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-900 {
    max-width: 900px !important;
  }

  .min-width-lg-900 {
    min-width: 900px !important;
  }

  .width-lg-900 {
    width: 900px !important;
  }

  .max-height-lg-900 {
    max-height: 900px !important;
  }

  .min-height-lg-900 {
    min-height: 900px !important;
  }

  .height-lg-900 {
    height: 900px !important;
  }

  .square-lg-450 {
    width: 450px !important;
    height: 450px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-910 {
    max-width: 910px !important;
  }

  .min-width-lg-910 {
    min-width: 910px !important;
  }

  .width-lg-910 {
    width: 910px !important;
  }

  .max-height-lg-910 {
    max-height: 910px !important;
  }

  .min-height-lg-910 {
    min-height: 910px !important;
  }

  .height-lg-910 {
    height: 910px !important;
  }

  .square-lg-455 {
    width: 455px !important;
    height: 455px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-920 {
    max-width: 920px !important;
  }

  .min-width-lg-920 {
    min-width: 920px !important;
  }

  .width-lg-920 {
    width: 920px !important;
  }

  .max-height-lg-920 {
    max-height: 920px !important;
  }

  .min-height-lg-920 {
    min-height: 920px !important;
  }

  .height-lg-920 {
    height: 920px !important;
  }

  .square-lg-460 {
    width: 460px !important;
    height: 460px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-930 {
    max-width: 930px !important;
  }

  .min-width-lg-930 {
    min-width: 930px !important;
  }

  .width-lg-930 {
    width: 930px !important;
  }

  .max-height-lg-930 {
    max-height: 930px !important;
  }

  .min-height-lg-930 {
    min-height: 930px !important;
  }

  .height-lg-930 {
    height: 930px !important;
  }

  .square-lg-465 {
    width: 465px !important;
    height: 465px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-940 {
    max-width: 940px !important;
  }

  .min-width-lg-940 {
    min-width: 940px !important;
  }

  .width-lg-940 {
    width: 940px !important;
  }

  .max-height-lg-940 {
    max-height: 940px !important;
  }

  .min-height-lg-940 {
    min-height: 940px !important;
  }

  .height-lg-940 {
    height: 940px !important;
  }

  .square-lg-470 {
    width: 470px !important;
    height: 470px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-950 {
    max-width: 950px !important;
  }

  .min-width-lg-950 {
    min-width: 950px !important;
  }

  .width-lg-950 {
    width: 950px !important;
  }

  .max-height-lg-950 {
    max-height: 950px !important;
  }

  .min-height-lg-950 {
    min-height: 950px !important;
  }

  .height-lg-950 {
    height: 950px !important;
  }

  .square-lg-475 {
    width: 475px !important;
    height: 475px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-960 {
    max-width: 960px !important;
  }

  .min-width-lg-960 {
    min-width: 960px !important;
  }

  .width-lg-960 {
    width: 960px !important;
  }

  .max-height-lg-960 {
    max-height: 960px !important;
  }

  .min-height-lg-960 {
    min-height: 960px !important;
  }

  .height-lg-960 {
    height: 960px !important;
  }

  .square-lg-480 {
    width: 480px !important;
    height: 480px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-970 {
    max-width: 970px !important;
  }

  .min-width-lg-970 {
    min-width: 970px !important;
  }

  .width-lg-970 {
    width: 970px !important;
  }

  .max-height-lg-970 {
    max-height: 970px !important;
  }

  .min-height-lg-970 {
    min-height: 970px !important;
  }

  .height-lg-970 {
    height: 970px !important;
  }

  .square-lg-485 {
    width: 485px !important;
    height: 485px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-980 {
    max-width: 980px !important;
  }

  .min-width-lg-980 {
    min-width: 980px !important;
  }

  .width-lg-980 {
    width: 980px !important;
  }

  .max-height-lg-980 {
    max-height: 980px !important;
  }

  .min-height-lg-980 {
    min-height: 980px !important;
  }

  .height-lg-980 {
    height: 980px !important;
  }

  .square-lg-490 {
    width: 490px !important;
    height: 490px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-990 {
    max-width: 990px !important;
  }

  .min-width-lg-990 {
    min-width: 990px !important;
  }

  .width-lg-990 {
    width: 990px !important;
  }

  .max-height-lg-990 {
    max-height: 990px !important;
  }

  .min-height-lg-990 {
    min-height: 990px !important;
  }

  .height-lg-990 {
    height: 990px !important;
  }

  .square-lg-495 {
    width: 495px !important;
    height: 495px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-1000 {
    max-width: 1000px !important;
  }

  .min-width-lg-1000 {
    min-width: 1000px !important;
  }

  .width-lg-1000 {
    width: 1000px !important;
  }

  .max-height-lg-1000 {
    max-height: 1000px !important;
  }

  .min-height-lg-1000 {
    min-height: 1000px !important;
  }

  .height-lg-1000 {
    height: 1000px !important;
  }

  .square-lg-500 {
    width: 500px !important;
    height: 500px !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-10-percent {
    max-width: 10% !important;
  }

  .min-width-lg-10-percent {
    min-width: 10% !important;
  }

  .width-lg-10-percent {
    width: 10% !important;
  }

  .max-height-lg-10-percent {
    max-height: 10% !important;
  }

  .min-height-lg-10-percent {
    min-height: 10% !important;
  }

  .height-lg-10-percent {
    height: 10% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-20-percent {
    max-width: 20% !important;
  }

  .min-width-lg-20-percent {
    min-width: 20% !important;
  }

  .width-lg-20-percent {
    width: 20% !important;
  }

  .max-height-lg-20-percent {
    max-height: 20% !important;
  }

  .min-height-lg-20-percent {
    min-height: 20% !important;
  }

  .height-lg-20-percent {
    height: 20% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-30-percent {
    max-width: 30% !important;
  }

  .min-width-lg-30-percent {
    min-width: 30% !important;
  }

  .width-lg-30-percent {
    width: 30% !important;
  }

  .max-height-lg-30-percent {
    max-height: 30% !important;
  }

  .min-height-lg-30-percent {
    min-height: 30% !important;
  }

  .height-lg-30-percent {
    height: 30% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-40-percent {
    max-width: 40% !important;
  }

  .min-width-lg-40-percent {
    min-width: 40% !important;
  }

  .width-lg-40-percent {
    width: 40% !important;
  }

  .max-height-lg-40-percent {
    max-height: 40% !important;
  }

  .min-height-lg-40-percent {
    min-height: 40% !important;
  }

  .height-lg-40-percent {
    height: 40% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-50-percent {
    max-width: 50% !important;
  }

  .min-width-lg-50-percent {
    min-width: 50% !important;
  }

  .width-lg-50-percent {
    width: 50% !important;
  }

  .max-height-lg-50-percent {
    max-height: 50% !important;
  }

  .min-height-lg-50-percent {
    min-height: 50% !important;
  }

  .height-lg-50-percent {
    height: 50% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-60-percent {
    max-width: 60% !important;
  }

  .min-width-lg-60-percent {
    min-width: 60% !important;
  }

  .width-lg-60-percent {
    width: 60% !important;
  }

  .max-height-lg-60-percent {
    max-height: 60% !important;
  }

  .min-height-lg-60-percent {
    min-height: 60% !important;
  }

  .height-lg-60-percent {
    height: 60% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-70-percent {
    max-width: 70% !important;
  }

  .min-width-lg-70-percent {
    min-width: 70% !important;
  }

  .width-lg-70-percent {
    width: 70% !important;
  }

  .max-height-lg-70-percent {
    max-height: 70% !important;
  }

  .min-height-lg-70-percent {
    min-height: 70% !important;
  }

  .height-lg-70-percent {
    height: 70% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-80-percent {
    max-width: 80% !important;
  }

  .min-width-lg-80-percent {
    min-width: 80% !important;
  }

  .width-lg-80-percent {
    width: 80% !important;
  }

  .max-height-lg-80-percent {
    max-height: 80% !important;
  }

  .min-height-lg-80-percent {
    min-height: 80% !important;
  }

  .height-lg-80-percent {
    height: 80% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-90-percent {
    max-width: 90% !important;
  }

  .min-width-lg-90-percent {
    min-width: 90% !important;
  }

  .width-lg-90-percent {
    width: 90% !important;
  }

  .max-height-lg-90-percent {
    max-height: 90% !important;
  }

  .min-height-lg-90-percent {
    min-height: 90% !important;
  }

  .height-lg-90-percent {
    height: 90% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-100-percent {
    max-width: 100% !important;
  }

  .min-width-lg-100-percent {
    min-width: 100% !important;
  }

  .width-lg-100-percent {
    width: 100% !important;
  }

  .max-height-lg-100-percent {
    max-height: 100% !important;
  }

  .min-height-lg-100-percent {
    min-height: 100% !important;
  }

  .height-lg-100-percent {
    height: 100% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-110-percent {
    max-width: 110% !important;
  }

  .min-width-lg-110-percent {
    min-width: 110% !important;
  }

  .width-lg-110-percent {
    width: 110% !important;
  }

  .max-height-lg-110-percent {
    max-height: 110% !important;
  }

  .min-height-lg-110-percent {
    min-height: 110% !important;
  }

  .height-lg-110-percent {
    height: 110% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-120-percent {
    max-width: 120% !important;
  }

  .min-width-lg-120-percent {
    min-width: 120% !important;
  }

  .width-lg-120-percent {
    width: 120% !important;
  }

  .max-height-lg-120-percent {
    max-height: 120% !important;
  }

  .min-height-lg-120-percent {
    min-height: 120% !important;
  }

  .height-lg-120-percent {
    height: 120% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-130-percent {
    max-width: 130% !important;
  }

  .min-width-lg-130-percent {
    min-width: 130% !important;
  }

  .width-lg-130-percent {
    width: 130% !important;
  }

  .max-height-lg-130-percent {
    max-height: 130% !important;
  }

  .min-height-lg-130-percent {
    min-height: 130% !important;
  }

  .height-lg-130-percent {
    height: 130% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-140-percent {
    max-width: 140% !important;
  }

  .min-width-lg-140-percent {
    min-width: 140% !important;
  }

  .width-lg-140-percent {
    width: 140% !important;
  }

  .max-height-lg-140-percent {
    max-height: 140% !important;
  }

  .min-height-lg-140-percent {
    min-height: 140% !important;
  }

  .height-lg-140-percent {
    height: 140% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-150-percent {
    max-width: 150% !important;
  }

  .min-width-lg-150-percent {
    min-width: 150% !important;
  }

  .width-lg-150-percent {
    width: 150% !important;
  }

  .max-height-lg-150-percent {
    max-height: 150% !important;
  }

  .min-height-lg-150-percent {
    min-height: 150% !important;
  }

  .height-lg-150-percent {
    height: 150% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-160-percent {
    max-width: 160% !important;
  }

  .min-width-lg-160-percent {
    min-width: 160% !important;
  }

  .width-lg-160-percent {
    width: 160% !important;
  }

  .max-height-lg-160-percent {
    max-height: 160% !important;
  }

  .min-height-lg-160-percent {
    min-height: 160% !important;
  }

  .height-lg-160-percent {
    height: 160% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-170-percent {
    max-width: 170% !important;
  }

  .min-width-lg-170-percent {
    min-width: 170% !important;
  }

  .width-lg-170-percent {
    width: 170% !important;
  }

  .max-height-lg-170-percent {
    max-height: 170% !important;
  }

  .min-height-lg-170-percent {
    min-height: 170% !important;
  }

  .height-lg-170-percent {
    height: 170% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-180-percent {
    max-width: 180% !important;
  }

  .min-width-lg-180-percent {
    min-width: 180% !important;
  }

  .width-lg-180-percent {
    width: 180% !important;
  }

  .max-height-lg-180-percent {
    max-height: 180% !important;
  }

  .min-height-lg-180-percent {
    min-height: 180% !important;
  }

  .height-lg-180-percent {
    height: 180% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-190-percent {
    max-width: 190% !important;
  }

  .min-width-lg-190-percent {
    min-width: 190% !important;
  }

  .width-lg-190-percent {
    width: 190% !important;
  }

  .max-height-lg-190-percent {
    max-height: 190% !important;
  }

  .min-height-lg-190-percent {
    min-height: 190% !important;
  }

  .height-lg-190-percent {
    height: 190% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-200-percent {
    max-width: 200% !important;
  }

  .min-width-lg-200-percent {
    min-width: 200% !important;
  }

  .width-lg-200-percent {
    width: 200% !important;
  }

  .max-height-lg-200-percent {
    max-height: 200% !important;
  }

  .min-height-lg-200-percent {
    min-height: 200% !important;
  }

  .height-lg-200-percent {
    height: 200% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-210-percent {
    max-width: 210% !important;
  }

  .min-width-lg-210-percent {
    min-width: 210% !important;
  }

  .width-lg-210-percent {
    width: 210% !important;
  }

  .max-height-lg-210-percent {
    max-height: 210% !important;
  }

  .min-height-lg-210-percent {
    min-height: 210% !important;
  }

  .height-lg-210-percent {
    height: 210% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-220-percent {
    max-width: 220% !important;
  }

  .min-width-lg-220-percent {
    min-width: 220% !important;
  }

  .width-lg-220-percent {
    width: 220% !important;
  }

  .max-height-lg-220-percent {
    max-height: 220% !important;
  }

  .min-height-lg-220-percent {
    min-height: 220% !important;
  }

  .height-lg-220-percent {
    height: 220% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-230-percent {
    max-width: 230% !important;
  }

  .min-width-lg-230-percent {
    min-width: 230% !important;
  }

  .width-lg-230-percent {
    width: 230% !important;
  }

  .max-height-lg-230-percent {
    max-height: 230% !important;
  }

  .min-height-lg-230-percent {
    min-height: 230% !important;
  }

  .height-lg-230-percent {
    height: 230% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-240-percent {
    max-width: 240% !important;
  }

  .min-width-lg-240-percent {
    min-width: 240% !important;
  }

  .width-lg-240-percent {
    width: 240% !important;
  }

  .max-height-lg-240-percent {
    max-height: 240% !important;
  }

  .min-height-lg-240-percent {
    min-height: 240% !important;
  }

  .height-lg-240-percent {
    height: 240% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-250-percent {
    max-width: 250% !important;
  }

  .min-width-lg-250-percent {
    min-width: 250% !important;
  }

  .width-lg-250-percent {
    width: 250% !important;
  }

  .max-height-lg-250-percent {
    max-height: 250% !important;
  }

  .min-height-lg-250-percent {
    min-height: 250% !important;
  }

  .height-lg-250-percent {
    height: 250% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-260-percent {
    max-width: 260% !important;
  }

  .min-width-lg-260-percent {
    min-width: 260% !important;
  }

  .width-lg-260-percent {
    width: 260% !important;
  }

  .max-height-lg-260-percent {
    max-height: 260% !important;
  }

  .min-height-lg-260-percent {
    min-height: 260% !important;
  }

  .height-lg-260-percent {
    height: 260% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-270-percent {
    max-width: 270% !important;
  }

  .min-width-lg-270-percent {
    min-width: 270% !important;
  }

  .width-lg-270-percent {
    width: 270% !important;
  }

  .max-height-lg-270-percent {
    max-height: 270% !important;
  }

  .min-height-lg-270-percent {
    min-height: 270% !important;
  }

  .height-lg-270-percent {
    height: 270% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-280-percent {
    max-width: 280% !important;
  }

  .min-width-lg-280-percent {
    min-width: 280% !important;
  }

  .width-lg-280-percent {
    width: 280% !important;
  }

  .max-height-lg-280-percent {
    max-height: 280% !important;
  }

  .min-height-lg-280-percent {
    min-height: 280% !important;
  }

  .height-lg-280-percent {
    height: 280% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-290-percent {
    max-width: 290% !important;
  }

  .min-width-lg-290-percent {
    min-width: 290% !important;
  }

  .width-lg-290-percent {
    width: 290% !important;
  }

  .max-height-lg-290-percent {
    max-height: 290% !important;
  }

  .min-height-lg-290-percent {
    min-height: 290% !important;
  }

  .height-lg-290-percent {
    height: 290% !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-300-percent {
    max-width: 300% !important;
  }

  .min-width-lg-300-percent {
    min-width: 300% !important;
  }

  .width-lg-300-percent {
    width: 300% !important;
  }

  .max-height-lg-300-percent {
    max-height: 300% !important;
  }

  .min-height-lg-300-percent {
    min-height: 300% !important;
  }

  .height-lg-300-percent {
    height: 300% !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-10vh {
    min-height: 10vh !important;
  }

  .height-lg-10vh {
    height: 10vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-20vh {
    min-height: 20vh !important;
  }

  .height-lg-20vh {
    height: 20vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-30vh {
    min-height: 30vh !important;
  }

  .height-lg-30vh {
    height: 30vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-40vh {
    min-height: 40vh !important;
  }

  .height-lg-40vh {
    height: 40vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-50vh {
    min-height: 50vh !important;
  }

  .height-lg-50vh {
    height: 50vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-60vh {
    min-height: 60vh !important;
  }

  .height-lg-60vh {
    height: 60vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-70vh {
    min-height: 70vh !important;
  }

  .height-lg-70vh {
    height: 70vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-80vh {
    min-height: 80vh !important;
  }

  .height-lg-80vh {
    height: 80vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-90vh {
    min-height: 90vh !important;
  }

  .height-lg-90vh {
    height: 90vh !important;
  }
}
@media (min-width: 992px) {
  .min-height-lg-100vh {
    min-height: 100vh !important;
  }

  .height-lg-100vh {
    height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .square-lg-auto {
    aspect-ratio: 1;
  }

  .max-width-lg-initial {
    max-width: initial !important;
  }

  .min-width-lg-initial {
    min-width: initial !important;
  }

  .width-lg-initial {
    width: initial !important;
  }

  .width-lg-max-content {
    width: max-content !important;
  }

  .width-lg-auto {
    width: auto !important;
  }

  .min-width-lg-auto {
    min-width: auto !important;
  }

  .height-lg-auto {
    height: auto !important;
  }

  .min-height-lg-auto {
    min-height: auto !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-0 {
    max-width: 0px !important;
  }

  .min-width-xl-0 {
    min-width: 0px !important;
  }

  .width-xl-0 {
    width: 0px !important;
  }

  .max-height-xl-0 {
    max-height: 0px !important;
  }

  .min-height-xl-0 {
    min-height: 0px !important;
  }

  .height-xl-0 {
    height: 0px !important;
  }

  .square-xl-0 {
    width: 0px !important;
    height: 0px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-10 {
    max-width: 10px !important;
  }

  .min-width-xl-10 {
    min-width: 10px !important;
  }

  .width-xl-10 {
    width: 10px !important;
  }

  .max-height-xl-10 {
    max-height: 10px !important;
  }

  .min-height-xl-10 {
    min-height: 10px !important;
  }

  .height-xl-10 {
    height: 10px !important;
  }

  .square-xl-5 {
    width: 5px !important;
    height: 5px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-20 {
    max-width: 20px !important;
  }

  .min-width-xl-20 {
    min-width: 20px !important;
  }

  .width-xl-20 {
    width: 20px !important;
  }

  .max-height-xl-20 {
    max-height: 20px !important;
  }

  .min-height-xl-20 {
    min-height: 20px !important;
  }

  .height-xl-20 {
    height: 20px !important;
  }

  .square-xl-10 {
    width: 10px !important;
    height: 10px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-30 {
    max-width: 30px !important;
  }

  .min-width-xl-30 {
    min-width: 30px !important;
  }

  .width-xl-30 {
    width: 30px !important;
  }

  .max-height-xl-30 {
    max-height: 30px !important;
  }

  .min-height-xl-30 {
    min-height: 30px !important;
  }

  .height-xl-30 {
    height: 30px !important;
  }

  .square-xl-15 {
    width: 15px !important;
    height: 15px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-40 {
    max-width: 40px !important;
  }

  .min-width-xl-40 {
    min-width: 40px !important;
  }

  .width-xl-40 {
    width: 40px !important;
  }

  .max-height-xl-40 {
    max-height: 40px !important;
  }

  .min-height-xl-40 {
    min-height: 40px !important;
  }

  .height-xl-40 {
    height: 40px !important;
  }

  .square-xl-20 {
    width: 20px !important;
    height: 20px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-50 {
    max-width: 50px !important;
  }

  .min-width-xl-50 {
    min-width: 50px !important;
  }

  .width-xl-50 {
    width: 50px !important;
  }

  .max-height-xl-50 {
    max-height: 50px !important;
  }

  .min-height-xl-50 {
    min-height: 50px !important;
  }

  .height-xl-50 {
    height: 50px !important;
  }

  .square-xl-25 {
    width: 25px !important;
    height: 25px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-60 {
    max-width: 60px !important;
  }

  .min-width-xl-60 {
    min-width: 60px !important;
  }

  .width-xl-60 {
    width: 60px !important;
  }

  .max-height-xl-60 {
    max-height: 60px !important;
  }

  .min-height-xl-60 {
    min-height: 60px !important;
  }

  .height-xl-60 {
    height: 60px !important;
  }

  .square-xl-30 {
    width: 30px !important;
    height: 30px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-70 {
    max-width: 70px !important;
  }

  .min-width-xl-70 {
    min-width: 70px !important;
  }

  .width-xl-70 {
    width: 70px !important;
  }

  .max-height-xl-70 {
    max-height: 70px !important;
  }

  .min-height-xl-70 {
    min-height: 70px !important;
  }

  .height-xl-70 {
    height: 70px !important;
  }

  .square-xl-35 {
    width: 35px !important;
    height: 35px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-80 {
    max-width: 80px !important;
  }

  .min-width-xl-80 {
    min-width: 80px !important;
  }

  .width-xl-80 {
    width: 80px !important;
  }

  .max-height-xl-80 {
    max-height: 80px !important;
  }

  .min-height-xl-80 {
    min-height: 80px !important;
  }

  .height-xl-80 {
    height: 80px !important;
  }

  .square-xl-40 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-90 {
    max-width: 90px !important;
  }

  .min-width-xl-90 {
    min-width: 90px !important;
  }

  .width-xl-90 {
    width: 90px !important;
  }

  .max-height-xl-90 {
    max-height: 90px !important;
  }

  .min-height-xl-90 {
    min-height: 90px !important;
  }

  .height-xl-90 {
    height: 90px !important;
  }

  .square-xl-45 {
    width: 45px !important;
    height: 45px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-100 {
    max-width: 100px !important;
  }

  .min-width-xl-100 {
    min-width: 100px !important;
  }

  .width-xl-100 {
    width: 100px !important;
  }

  .max-height-xl-100 {
    max-height: 100px !important;
  }

  .min-height-xl-100 {
    min-height: 100px !important;
  }

  .height-xl-100 {
    height: 100px !important;
  }

  .square-xl-50 {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-110 {
    max-width: 110px !important;
  }

  .min-width-xl-110 {
    min-width: 110px !important;
  }

  .width-xl-110 {
    width: 110px !important;
  }

  .max-height-xl-110 {
    max-height: 110px !important;
  }

  .min-height-xl-110 {
    min-height: 110px !important;
  }

  .height-xl-110 {
    height: 110px !important;
  }

  .square-xl-55 {
    width: 55px !important;
    height: 55px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-120 {
    max-width: 120px !important;
  }

  .min-width-xl-120 {
    min-width: 120px !important;
  }

  .width-xl-120 {
    width: 120px !important;
  }

  .max-height-xl-120 {
    max-height: 120px !important;
  }

  .min-height-xl-120 {
    min-height: 120px !important;
  }

  .height-xl-120 {
    height: 120px !important;
  }

  .square-xl-60 {
    width: 60px !important;
    height: 60px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-130 {
    max-width: 130px !important;
  }

  .min-width-xl-130 {
    min-width: 130px !important;
  }

  .width-xl-130 {
    width: 130px !important;
  }

  .max-height-xl-130 {
    max-height: 130px !important;
  }

  .min-height-xl-130 {
    min-height: 130px !important;
  }

  .height-xl-130 {
    height: 130px !important;
  }

  .square-xl-65 {
    width: 65px !important;
    height: 65px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-140 {
    max-width: 140px !important;
  }

  .min-width-xl-140 {
    min-width: 140px !important;
  }

  .width-xl-140 {
    width: 140px !important;
  }

  .max-height-xl-140 {
    max-height: 140px !important;
  }

  .min-height-xl-140 {
    min-height: 140px !important;
  }

  .height-xl-140 {
    height: 140px !important;
  }

  .square-xl-70 {
    width: 70px !important;
    height: 70px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-150 {
    max-width: 150px !important;
  }

  .min-width-xl-150 {
    min-width: 150px !important;
  }

  .width-xl-150 {
    width: 150px !important;
  }

  .max-height-xl-150 {
    max-height: 150px !important;
  }

  .min-height-xl-150 {
    min-height: 150px !important;
  }

  .height-xl-150 {
    height: 150px !important;
  }

  .square-xl-75 {
    width: 75px !important;
    height: 75px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-160 {
    max-width: 160px !important;
  }

  .min-width-xl-160 {
    min-width: 160px !important;
  }

  .width-xl-160 {
    width: 160px !important;
  }

  .max-height-xl-160 {
    max-height: 160px !important;
  }

  .min-height-xl-160 {
    min-height: 160px !important;
  }

  .height-xl-160 {
    height: 160px !important;
  }

  .square-xl-80 {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-170 {
    max-width: 170px !important;
  }

  .min-width-xl-170 {
    min-width: 170px !important;
  }

  .width-xl-170 {
    width: 170px !important;
  }

  .max-height-xl-170 {
    max-height: 170px !important;
  }

  .min-height-xl-170 {
    min-height: 170px !important;
  }

  .height-xl-170 {
    height: 170px !important;
  }

  .square-xl-85 {
    width: 85px !important;
    height: 85px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-180 {
    max-width: 180px !important;
  }

  .min-width-xl-180 {
    min-width: 180px !important;
  }

  .width-xl-180 {
    width: 180px !important;
  }

  .max-height-xl-180 {
    max-height: 180px !important;
  }

  .min-height-xl-180 {
    min-height: 180px !important;
  }

  .height-xl-180 {
    height: 180px !important;
  }

  .square-xl-90 {
    width: 90px !important;
    height: 90px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-190 {
    max-width: 190px !important;
  }

  .min-width-xl-190 {
    min-width: 190px !important;
  }

  .width-xl-190 {
    width: 190px !important;
  }

  .max-height-xl-190 {
    max-height: 190px !important;
  }

  .min-height-xl-190 {
    min-height: 190px !important;
  }

  .height-xl-190 {
    height: 190px !important;
  }

  .square-xl-95 {
    width: 95px !important;
    height: 95px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-200 {
    max-width: 200px !important;
  }

  .min-width-xl-200 {
    min-width: 200px !important;
  }

  .width-xl-200 {
    width: 200px !important;
  }

  .max-height-xl-200 {
    max-height: 200px !important;
  }

  .min-height-xl-200 {
    min-height: 200px !important;
  }

  .height-xl-200 {
    height: 200px !important;
  }

  .square-xl-100 {
    width: 100px !important;
    height: 100px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-210 {
    max-width: 210px !important;
  }

  .min-width-xl-210 {
    min-width: 210px !important;
  }

  .width-xl-210 {
    width: 210px !important;
  }

  .max-height-xl-210 {
    max-height: 210px !important;
  }

  .min-height-xl-210 {
    min-height: 210px !important;
  }

  .height-xl-210 {
    height: 210px !important;
  }

  .square-xl-105 {
    width: 105px !important;
    height: 105px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-220 {
    max-width: 220px !important;
  }

  .min-width-xl-220 {
    min-width: 220px !important;
  }

  .width-xl-220 {
    width: 220px !important;
  }

  .max-height-xl-220 {
    max-height: 220px !important;
  }

  .min-height-xl-220 {
    min-height: 220px !important;
  }

  .height-xl-220 {
    height: 220px !important;
  }

  .square-xl-110 {
    width: 110px !important;
    height: 110px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-230 {
    max-width: 230px !important;
  }

  .min-width-xl-230 {
    min-width: 230px !important;
  }

  .width-xl-230 {
    width: 230px !important;
  }

  .max-height-xl-230 {
    max-height: 230px !important;
  }

  .min-height-xl-230 {
    min-height: 230px !important;
  }

  .height-xl-230 {
    height: 230px !important;
  }

  .square-xl-115 {
    width: 115px !important;
    height: 115px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-240 {
    max-width: 240px !important;
  }

  .min-width-xl-240 {
    min-width: 240px !important;
  }

  .width-xl-240 {
    width: 240px !important;
  }

  .max-height-xl-240 {
    max-height: 240px !important;
  }

  .min-height-xl-240 {
    min-height: 240px !important;
  }

  .height-xl-240 {
    height: 240px !important;
  }

  .square-xl-120 {
    width: 120px !important;
    height: 120px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-250 {
    max-width: 250px !important;
  }

  .min-width-xl-250 {
    min-width: 250px !important;
  }

  .width-xl-250 {
    width: 250px !important;
  }

  .max-height-xl-250 {
    max-height: 250px !important;
  }

  .min-height-xl-250 {
    min-height: 250px !important;
  }

  .height-xl-250 {
    height: 250px !important;
  }

  .square-xl-125 {
    width: 125px !important;
    height: 125px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-260 {
    max-width: 260px !important;
  }

  .min-width-xl-260 {
    min-width: 260px !important;
  }

  .width-xl-260 {
    width: 260px !important;
  }

  .max-height-xl-260 {
    max-height: 260px !important;
  }

  .min-height-xl-260 {
    min-height: 260px !important;
  }

  .height-xl-260 {
    height: 260px !important;
  }

  .square-xl-130 {
    width: 130px !important;
    height: 130px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-270 {
    max-width: 270px !important;
  }

  .min-width-xl-270 {
    min-width: 270px !important;
  }

  .width-xl-270 {
    width: 270px !important;
  }

  .max-height-xl-270 {
    max-height: 270px !important;
  }

  .min-height-xl-270 {
    min-height: 270px !important;
  }

  .height-xl-270 {
    height: 270px !important;
  }

  .square-xl-135 {
    width: 135px !important;
    height: 135px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-280 {
    max-width: 280px !important;
  }

  .min-width-xl-280 {
    min-width: 280px !important;
  }

  .width-xl-280 {
    width: 280px !important;
  }

  .max-height-xl-280 {
    max-height: 280px !important;
  }

  .min-height-xl-280 {
    min-height: 280px !important;
  }

  .height-xl-280 {
    height: 280px !important;
  }

  .square-xl-140 {
    width: 140px !important;
    height: 140px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-290 {
    max-width: 290px !important;
  }

  .min-width-xl-290 {
    min-width: 290px !important;
  }

  .width-xl-290 {
    width: 290px !important;
  }

  .max-height-xl-290 {
    max-height: 290px !important;
  }

  .min-height-xl-290 {
    min-height: 290px !important;
  }

  .height-xl-290 {
    height: 290px !important;
  }

  .square-xl-145 {
    width: 145px !important;
    height: 145px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-300 {
    max-width: 300px !important;
  }

  .min-width-xl-300 {
    min-width: 300px !important;
  }

  .width-xl-300 {
    width: 300px !important;
  }

  .max-height-xl-300 {
    max-height: 300px !important;
  }

  .min-height-xl-300 {
    min-height: 300px !important;
  }

  .height-xl-300 {
    height: 300px !important;
  }

  .square-xl-150 {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-310 {
    max-width: 310px !important;
  }

  .min-width-xl-310 {
    min-width: 310px !important;
  }

  .width-xl-310 {
    width: 310px !important;
  }

  .max-height-xl-310 {
    max-height: 310px !important;
  }

  .min-height-xl-310 {
    min-height: 310px !important;
  }

  .height-xl-310 {
    height: 310px !important;
  }

  .square-xl-155 {
    width: 155px !important;
    height: 155px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-320 {
    max-width: 320px !important;
  }

  .min-width-xl-320 {
    min-width: 320px !important;
  }

  .width-xl-320 {
    width: 320px !important;
  }

  .max-height-xl-320 {
    max-height: 320px !important;
  }

  .min-height-xl-320 {
    min-height: 320px !important;
  }

  .height-xl-320 {
    height: 320px !important;
  }

  .square-xl-160 {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-330 {
    max-width: 330px !important;
  }

  .min-width-xl-330 {
    min-width: 330px !important;
  }

  .width-xl-330 {
    width: 330px !important;
  }

  .max-height-xl-330 {
    max-height: 330px !important;
  }

  .min-height-xl-330 {
    min-height: 330px !important;
  }

  .height-xl-330 {
    height: 330px !important;
  }

  .square-xl-165 {
    width: 165px !important;
    height: 165px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-340 {
    max-width: 340px !important;
  }

  .min-width-xl-340 {
    min-width: 340px !important;
  }

  .width-xl-340 {
    width: 340px !important;
  }

  .max-height-xl-340 {
    max-height: 340px !important;
  }

  .min-height-xl-340 {
    min-height: 340px !important;
  }

  .height-xl-340 {
    height: 340px !important;
  }

  .square-xl-170 {
    width: 170px !important;
    height: 170px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-350 {
    max-width: 350px !important;
  }

  .min-width-xl-350 {
    min-width: 350px !important;
  }

  .width-xl-350 {
    width: 350px !important;
  }

  .max-height-xl-350 {
    max-height: 350px !important;
  }

  .min-height-xl-350 {
    min-height: 350px !important;
  }

  .height-xl-350 {
    height: 350px !important;
  }

  .square-xl-175 {
    width: 175px !important;
    height: 175px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-360 {
    max-width: 360px !important;
  }

  .min-width-xl-360 {
    min-width: 360px !important;
  }

  .width-xl-360 {
    width: 360px !important;
  }

  .max-height-xl-360 {
    max-height: 360px !important;
  }

  .min-height-xl-360 {
    min-height: 360px !important;
  }

  .height-xl-360 {
    height: 360px !important;
  }

  .square-xl-180 {
    width: 180px !important;
    height: 180px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-370 {
    max-width: 370px !important;
  }

  .min-width-xl-370 {
    min-width: 370px !important;
  }

  .width-xl-370 {
    width: 370px !important;
  }

  .max-height-xl-370 {
    max-height: 370px !important;
  }

  .min-height-xl-370 {
    min-height: 370px !important;
  }

  .height-xl-370 {
    height: 370px !important;
  }

  .square-xl-185 {
    width: 185px !important;
    height: 185px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-380 {
    max-width: 380px !important;
  }

  .min-width-xl-380 {
    min-width: 380px !important;
  }

  .width-xl-380 {
    width: 380px !important;
  }

  .max-height-xl-380 {
    max-height: 380px !important;
  }

  .min-height-xl-380 {
    min-height: 380px !important;
  }

  .height-xl-380 {
    height: 380px !important;
  }

  .square-xl-190 {
    width: 190px !important;
    height: 190px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-390 {
    max-width: 390px !important;
  }

  .min-width-xl-390 {
    min-width: 390px !important;
  }

  .width-xl-390 {
    width: 390px !important;
  }

  .max-height-xl-390 {
    max-height: 390px !important;
  }

  .min-height-xl-390 {
    min-height: 390px !important;
  }

  .height-xl-390 {
    height: 390px !important;
  }

  .square-xl-195 {
    width: 195px !important;
    height: 195px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-400 {
    max-width: 400px !important;
  }

  .min-width-xl-400 {
    min-width: 400px !important;
  }

  .width-xl-400 {
    width: 400px !important;
  }

  .max-height-xl-400 {
    max-height: 400px !important;
  }

  .min-height-xl-400 {
    min-height: 400px !important;
  }

  .height-xl-400 {
    height: 400px !important;
  }

  .square-xl-200 {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-410 {
    max-width: 410px !important;
  }

  .min-width-xl-410 {
    min-width: 410px !important;
  }

  .width-xl-410 {
    width: 410px !important;
  }

  .max-height-xl-410 {
    max-height: 410px !important;
  }

  .min-height-xl-410 {
    min-height: 410px !important;
  }

  .height-xl-410 {
    height: 410px !important;
  }

  .square-xl-205 {
    width: 205px !important;
    height: 205px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-420 {
    max-width: 420px !important;
  }

  .min-width-xl-420 {
    min-width: 420px !important;
  }

  .width-xl-420 {
    width: 420px !important;
  }

  .max-height-xl-420 {
    max-height: 420px !important;
  }

  .min-height-xl-420 {
    min-height: 420px !important;
  }

  .height-xl-420 {
    height: 420px !important;
  }

  .square-xl-210 {
    width: 210px !important;
    height: 210px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-430 {
    max-width: 430px !important;
  }

  .min-width-xl-430 {
    min-width: 430px !important;
  }

  .width-xl-430 {
    width: 430px !important;
  }

  .max-height-xl-430 {
    max-height: 430px !important;
  }

  .min-height-xl-430 {
    min-height: 430px !important;
  }

  .height-xl-430 {
    height: 430px !important;
  }

  .square-xl-215 {
    width: 215px !important;
    height: 215px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-440 {
    max-width: 440px !important;
  }

  .min-width-xl-440 {
    min-width: 440px !important;
  }

  .width-xl-440 {
    width: 440px !important;
  }

  .max-height-xl-440 {
    max-height: 440px !important;
  }

  .min-height-xl-440 {
    min-height: 440px !important;
  }

  .height-xl-440 {
    height: 440px !important;
  }

  .square-xl-220 {
    width: 220px !important;
    height: 220px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-450 {
    max-width: 450px !important;
  }

  .min-width-xl-450 {
    min-width: 450px !important;
  }

  .width-xl-450 {
    width: 450px !important;
  }

  .max-height-xl-450 {
    max-height: 450px !important;
  }

  .min-height-xl-450 {
    min-height: 450px !important;
  }

  .height-xl-450 {
    height: 450px !important;
  }

  .square-xl-225 {
    width: 225px !important;
    height: 225px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-460 {
    max-width: 460px !important;
  }

  .min-width-xl-460 {
    min-width: 460px !important;
  }

  .width-xl-460 {
    width: 460px !important;
  }

  .max-height-xl-460 {
    max-height: 460px !important;
  }

  .min-height-xl-460 {
    min-height: 460px !important;
  }

  .height-xl-460 {
    height: 460px !important;
  }

  .square-xl-230 {
    width: 230px !important;
    height: 230px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-470 {
    max-width: 470px !important;
  }

  .min-width-xl-470 {
    min-width: 470px !important;
  }

  .width-xl-470 {
    width: 470px !important;
  }

  .max-height-xl-470 {
    max-height: 470px !important;
  }

  .min-height-xl-470 {
    min-height: 470px !important;
  }

  .height-xl-470 {
    height: 470px !important;
  }

  .square-xl-235 {
    width: 235px !important;
    height: 235px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-480 {
    max-width: 480px !important;
  }

  .min-width-xl-480 {
    min-width: 480px !important;
  }

  .width-xl-480 {
    width: 480px !important;
  }

  .max-height-xl-480 {
    max-height: 480px !important;
  }

  .min-height-xl-480 {
    min-height: 480px !important;
  }

  .height-xl-480 {
    height: 480px !important;
  }

  .square-xl-240 {
    width: 240px !important;
    height: 240px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-490 {
    max-width: 490px !important;
  }

  .min-width-xl-490 {
    min-width: 490px !important;
  }

  .width-xl-490 {
    width: 490px !important;
  }

  .max-height-xl-490 {
    max-height: 490px !important;
  }

  .min-height-xl-490 {
    min-height: 490px !important;
  }

  .height-xl-490 {
    height: 490px !important;
  }

  .square-xl-245 {
    width: 245px !important;
    height: 245px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-500 {
    max-width: 500px !important;
  }

  .min-width-xl-500 {
    min-width: 500px !important;
  }

  .width-xl-500 {
    width: 500px !important;
  }

  .max-height-xl-500 {
    max-height: 500px !important;
  }

  .min-height-xl-500 {
    min-height: 500px !important;
  }

  .height-xl-500 {
    height: 500px !important;
  }

  .square-xl-250 {
    width: 250px !important;
    height: 250px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-510 {
    max-width: 510px !important;
  }

  .min-width-xl-510 {
    min-width: 510px !important;
  }

  .width-xl-510 {
    width: 510px !important;
  }

  .max-height-xl-510 {
    max-height: 510px !important;
  }

  .min-height-xl-510 {
    min-height: 510px !important;
  }

  .height-xl-510 {
    height: 510px !important;
  }

  .square-xl-255 {
    width: 255px !important;
    height: 255px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-520 {
    max-width: 520px !important;
  }

  .min-width-xl-520 {
    min-width: 520px !important;
  }

  .width-xl-520 {
    width: 520px !important;
  }

  .max-height-xl-520 {
    max-height: 520px !important;
  }

  .min-height-xl-520 {
    min-height: 520px !important;
  }

  .height-xl-520 {
    height: 520px !important;
  }

  .square-xl-260 {
    width: 260px !important;
    height: 260px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-530 {
    max-width: 530px !important;
  }

  .min-width-xl-530 {
    min-width: 530px !important;
  }

  .width-xl-530 {
    width: 530px !important;
  }

  .max-height-xl-530 {
    max-height: 530px !important;
  }

  .min-height-xl-530 {
    min-height: 530px !important;
  }

  .height-xl-530 {
    height: 530px !important;
  }

  .square-xl-265 {
    width: 265px !important;
    height: 265px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-540 {
    max-width: 540px !important;
  }

  .min-width-xl-540 {
    min-width: 540px !important;
  }

  .width-xl-540 {
    width: 540px !important;
  }

  .max-height-xl-540 {
    max-height: 540px !important;
  }

  .min-height-xl-540 {
    min-height: 540px !important;
  }

  .height-xl-540 {
    height: 540px !important;
  }

  .square-xl-270 {
    width: 270px !important;
    height: 270px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-550 {
    max-width: 550px !important;
  }

  .min-width-xl-550 {
    min-width: 550px !important;
  }

  .width-xl-550 {
    width: 550px !important;
  }

  .max-height-xl-550 {
    max-height: 550px !important;
  }

  .min-height-xl-550 {
    min-height: 550px !important;
  }

  .height-xl-550 {
    height: 550px !important;
  }

  .square-xl-275 {
    width: 275px !important;
    height: 275px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-560 {
    max-width: 560px !important;
  }

  .min-width-xl-560 {
    min-width: 560px !important;
  }

  .width-xl-560 {
    width: 560px !important;
  }

  .max-height-xl-560 {
    max-height: 560px !important;
  }

  .min-height-xl-560 {
    min-height: 560px !important;
  }

  .height-xl-560 {
    height: 560px !important;
  }

  .square-xl-280 {
    width: 280px !important;
    height: 280px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-570 {
    max-width: 570px !important;
  }

  .min-width-xl-570 {
    min-width: 570px !important;
  }

  .width-xl-570 {
    width: 570px !important;
  }

  .max-height-xl-570 {
    max-height: 570px !important;
  }

  .min-height-xl-570 {
    min-height: 570px !important;
  }

  .height-xl-570 {
    height: 570px !important;
  }

  .square-xl-285 {
    width: 285px !important;
    height: 285px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-580 {
    max-width: 580px !important;
  }

  .min-width-xl-580 {
    min-width: 580px !important;
  }

  .width-xl-580 {
    width: 580px !important;
  }

  .max-height-xl-580 {
    max-height: 580px !important;
  }

  .min-height-xl-580 {
    min-height: 580px !important;
  }

  .height-xl-580 {
    height: 580px !important;
  }

  .square-xl-290 {
    width: 290px !important;
    height: 290px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-590 {
    max-width: 590px !important;
  }

  .min-width-xl-590 {
    min-width: 590px !important;
  }

  .width-xl-590 {
    width: 590px !important;
  }

  .max-height-xl-590 {
    max-height: 590px !important;
  }

  .min-height-xl-590 {
    min-height: 590px !important;
  }

  .height-xl-590 {
    height: 590px !important;
  }

  .square-xl-295 {
    width: 295px !important;
    height: 295px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-600 {
    max-width: 600px !important;
  }

  .min-width-xl-600 {
    min-width: 600px !important;
  }

  .width-xl-600 {
    width: 600px !important;
  }

  .max-height-xl-600 {
    max-height: 600px !important;
  }

  .min-height-xl-600 {
    min-height: 600px !important;
  }

  .height-xl-600 {
    height: 600px !important;
  }

  .square-xl-300 {
    width: 300px !important;
    height: 300px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-610 {
    max-width: 610px !important;
  }

  .min-width-xl-610 {
    min-width: 610px !important;
  }

  .width-xl-610 {
    width: 610px !important;
  }

  .max-height-xl-610 {
    max-height: 610px !important;
  }

  .min-height-xl-610 {
    min-height: 610px !important;
  }

  .height-xl-610 {
    height: 610px !important;
  }

  .square-xl-305 {
    width: 305px !important;
    height: 305px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-620 {
    max-width: 620px !important;
  }

  .min-width-xl-620 {
    min-width: 620px !important;
  }

  .width-xl-620 {
    width: 620px !important;
  }

  .max-height-xl-620 {
    max-height: 620px !important;
  }

  .min-height-xl-620 {
    min-height: 620px !important;
  }

  .height-xl-620 {
    height: 620px !important;
  }

  .square-xl-310 {
    width: 310px !important;
    height: 310px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-630 {
    max-width: 630px !important;
  }

  .min-width-xl-630 {
    min-width: 630px !important;
  }

  .width-xl-630 {
    width: 630px !important;
  }

  .max-height-xl-630 {
    max-height: 630px !important;
  }

  .min-height-xl-630 {
    min-height: 630px !important;
  }

  .height-xl-630 {
    height: 630px !important;
  }

  .square-xl-315 {
    width: 315px !important;
    height: 315px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-640 {
    max-width: 640px !important;
  }

  .min-width-xl-640 {
    min-width: 640px !important;
  }

  .width-xl-640 {
    width: 640px !important;
  }

  .max-height-xl-640 {
    max-height: 640px !important;
  }

  .min-height-xl-640 {
    min-height: 640px !important;
  }

  .height-xl-640 {
    height: 640px !important;
  }

  .square-xl-320 {
    width: 320px !important;
    height: 320px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-650 {
    max-width: 650px !important;
  }

  .min-width-xl-650 {
    min-width: 650px !important;
  }

  .width-xl-650 {
    width: 650px !important;
  }

  .max-height-xl-650 {
    max-height: 650px !important;
  }

  .min-height-xl-650 {
    min-height: 650px !important;
  }

  .height-xl-650 {
    height: 650px !important;
  }

  .square-xl-325 {
    width: 325px !important;
    height: 325px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-660 {
    max-width: 660px !important;
  }

  .min-width-xl-660 {
    min-width: 660px !important;
  }

  .width-xl-660 {
    width: 660px !important;
  }

  .max-height-xl-660 {
    max-height: 660px !important;
  }

  .min-height-xl-660 {
    min-height: 660px !important;
  }

  .height-xl-660 {
    height: 660px !important;
  }

  .square-xl-330 {
    width: 330px !important;
    height: 330px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-670 {
    max-width: 670px !important;
  }

  .min-width-xl-670 {
    min-width: 670px !important;
  }

  .width-xl-670 {
    width: 670px !important;
  }

  .max-height-xl-670 {
    max-height: 670px !important;
  }

  .min-height-xl-670 {
    min-height: 670px !important;
  }

  .height-xl-670 {
    height: 670px !important;
  }

  .square-xl-335 {
    width: 335px !important;
    height: 335px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-680 {
    max-width: 680px !important;
  }

  .min-width-xl-680 {
    min-width: 680px !important;
  }

  .width-xl-680 {
    width: 680px !important;
  }

  .max-height-xl-680 {
    max-height: 680px !important;
  }

  .min-height-xl-680 {
    min-height: 680px !important;
  }

  .height-xl-680 {
    height: 680px !important;
  }

  .square-xl-340 {
    width: 340px !important;
    height: 340px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-690 {
    max-width: 690px !important;
  }

  .min-width-xl-690 {
    min-width: 690px !important;
  }

  .width-xl-690 {
    width: 690px !important;
  }

  .max-height-xl-690 {
    max-height: 690px !important;
  }

  .min-height-xl-690 {
    min-height: 690px !important;
  }

  .height-xl-690 {
    height: 690px !important;
  }

  .square-xl-345 {
    width: 345px !important;
    height: 345px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-700 {
    max-width: 700px !important;
  }

  .min-width-xl-700 {
    min-width: 700px !important;
  }

  .width-xl-700 {
    width: 700px !important;
  }

  .max-height-xl-700 {
    max-height: 700px !important;
  }

  .min-height-xl-700 {
    min-height: 700px !important;
  }

  .height-xl-700 {
    height: 700px !important;
  }

  .square-xl-350 {
    width: 350px !important;
    height: 350px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-710 {
    max-width: 710px !important;
  }

  .min-width-xl-710 {
    min-width: 710px !important;
  }

  .width-xl-710 {
    width: 710px !important;
  }

  .max-height-xl-710 {
    max-height: 710px !important;
  }

  .min-height-xl-710 {
    min-height: 710px !important;
  }

  .height-xl-710 {
    height: 710px !important;
  }

  .square-xl-355 {
    width: 355px !important;
    height: 355px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-720 {
    max-width: 720px !important;
  }

  .min-width-xl-720 {
    min-width: 720px !important;
  }

  .width-xl-720 {
    width: 720px !important;
  }

  .max-height-xl-720 {
    max-height: 720px !important;
  }

  .min-height-xl-720 {
    min-height: 720px !important;
  }

  .height-xl-720 {
    height: 720px !important;
  }

  .square-xl-360 {
    width: 360px !important;
    height: 360px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-730 {
    max-width: 730px !important;
  }

  .min-width-xl-730 {
    min-width: 730px !important;
  }

  .width-xl-730 {
    width: 730px !important;
  }

  .max-height-xl-730 {
    max-height: 730px !important;
  }

  .min-height-xl-730 {
    min-height: 730px !important;
  }

  .height-xl-730 {
    height: 730px !important;
  }

  .square-xl-365 {
    width: 365px !important;
    height: 365px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-740 {
    max-width: 740px !important;
  }

  .min-width-xl-740 {
    min-width: 740px !important;
  }

  .width-xl-740 {
    width: 740px !important;
  }

  .max-height-xl-740 {
    max-height: 740px !important;
  }

  .min-height-xl-740 {
    min-height: 740px !important;
  }

  .height-xl-740 {
    height: 740px !important;
  }

  .square-xl-370 {
    width: 370px !important;
    height: 370px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-750 {
    max-width: 750px !important;
  }

  .min-width-xl-750 {
    min-width: 750px !important;
  }

  .width-xl-750 {
    width: 750px !important;
  }

  .max-height-xl-750 {
    max-height: 750px !important;
  }

  .min-height-xl-750 {
    min-height: 750px !important;
  }

  .height-xl-750 {
    height: 750px !important;
  }

  .square-xl-375 {
    width: 375px !important;
    height: 375px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-760 {
    max-width: 760px !important;
  }

  .min-width-xl-760 {
    min-width: 760px !important;
  }

  .width-xl-760 {
    width: 760px !important;
  }

  .max-height-xl-760 {
    max-height: 760px !important;
  }

  .min-height-xl-760 {
    min-height: 760px !important;
  }

  .height-xl-760 {
    height: 760px !important;
  }

  .square-xl-380 {
    width: 380px !important;
    height: 380px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-770 {
    max-width: 770px !important;
  }

  .min-width-xl-770 {
    min-width: 770px !important;
  }

  .width-xl-770 {
    width: 770px !important;
  }

  .max-height-xl-770 {
    max-height: 770px !important;
  }

  .min-height-xl-770 {
    min-height: 770px !important;
  }

  .height-xl-770 {
    height: 770px !important;
  }

  .square-xl-385 {
    width: 385px !important;
    height: 385px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-780 {
    max-width: 780px !important;
  }

  .min-width-xl-780 {
    min-width: 780px !important;
  }

  .width-xl-780 {
    width: 780px !important;
  }

  .max-height-xl-780 {
    max-height: 780px !important;
  }

  .min-height-xl-780 {
    min-height: 780px !important;
  }

  .height-xl-780 {
    height: 780px !important;
  }

  .square-xl-390 {
    width: 390px !important;
    height: 390px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-790 {
    max-width: 790px !important;
  }

  .min-width-xl-790 {
    min-width: 790px !important;
  }

  .width-xl-790 {
    width: 790px !important;
  }

  .max-height-xl-790 {
    max-height: 790px !important;
  }

  .min-height-xl-790 {
    min-height: 790px !important;
  }

  .height-xl-790 {
    height: 790px !important;
  }

  .square-xl-395 {
    width: 395px !important;
    height: 395px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-800 {
    max-width: 800px !important;
  }

  .min-width-xl-800 {
    min-width: 800px !important;
  }

  .width-xl-800 {
    width: 800px !important;
  }

  .max-height-xl-800 {
    max-height: 800px !important;
  }

  .min-height-xl-800 {
    min-height: 800px !important;
  }

  .height-xl-800 {
    height: 800px !important;
  }

  .square-xl-400 {
    width: 400px !important;
    height: 400px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-810 {
    max-width: 810px !important;
  }

  .min-width-xl-810 {
    min-width: 810px !important;
  }

  .width-xl-810 {
    width: 810px !important;
  }

  .max-height-xl-810 {
    max-height: 810px !important;
  }

  .min-height-xl-810 {
    min-height: 810px !important;
  }

  .height-xl-810 {
    height: 810px !important;
  }

  .square-xl-405 {
    width: 405px !important;
    height: 405px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-820 {
    max-width: 820px !important;
  }

  .min-width-xl-820 {
    min-width: 820px !important;
  }

  .width-xl-820 {
    width: 820px !important;
  }

  .max-height-xl-820 {
    max-height: 820px !important;
  }

  .min-height-xl-820 {
    min-height: 820px !important;
  }

  .height-xl-820 {
    height: 820px !important;
  }

  .square-xl-410 {
    width: 410px !important;
    height: 410px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-830 {
    max-width: 830px !important;
  }

  .min-width-xl-830 {
    min-width: 830px !important;
  }

  .width-xl-830 {
    width: 830px !important;
  }

  .max-height-xl-830 {
    max-height: 830px !important;
  }

  .min-height-xl-830 {
    min-height: 830px !important;
  }

  .height-xl-830 {
    height: 830px !important;
  }

  .square-xl-415 {
    width: 415px !important;
    height: 415px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-840 {
    max-width: 840px !important;
  }

  .min-width-xl-840 {
    min-width: 840px !important;
  }

  .width-xl-840 {
    width: 840px !important;
  }

  .max-height-xl-840 {
    max-height: 840px !important;
  }

  .min-height-xl-840 {
    min-height: 840px !important;
  }

  .height-xl-840 {
    height: 840px !important;
  }

  .square-xl-420 {
    width: 420px !important;
    height: 420px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-850 {
    max-width: 850px !important;
  }

  .min-width-xl-850 {
    min-width: 850px !important;
  }

  .width-xl-850 {
    width: 850px !important;
  }

  .max-height-xl-850 {
    max-height: 850px !important;
  }

  .min-height-xl-850 {
    min-height: 850px !important;
  }

  .height-xl-850 {
    height: 850px !important;
  }

  .square-xl-425 {
    width: 425px !important;
    height: 425px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-860 {
    max-width: 860px !important;
  }

  .min-width-xl-860 {
    min-width: 860px !important;
  }

  .width-xl-860 {
    width: 860px !important;
  }

  .max-height-xl-860 {
    max-height: 860px !important;
  }

  .min-height-xl-860 {
    min-height: 860px !important;
  }

  .height-xl-860 {
    height: 860px !important;
  }

  .square-xl-430 {
    width: 430px !important;
    height: 430px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-870 {
    max-width: 870px !important;
  }

  .min-width-xl-870 {
    min-width: 870px !important;
  }

  .width-xl-870 {
    width: 870px !important;
  }

  .max-height-xl-870 {
    max-height: 870px !important;
  }

  .min-height-xl-870 {
    min-height: 870px !important;
  }

  .height-xl-870 {
    height: 870px !important;
  }

  .square-xl-435 {
    width: 435px !important;
    height: 435px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-880 {
    max-width: 880px !important;
  }

  .min-width-xl-880 {
    min-width: 880px !important;
  }

  .width-xl-880 {
    width: 880px !important;
  }

  .max-height-xl-880 {
    max-height: 880px !important;
  }

  .min-height-xl-880 {
    min-height: 880px !important;
  }

  .height-xl-880 {
    height: 880px !important;
  }

  .square-xl-440 {
    width: 440px !important;
    height: 440px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-890 {
    max-width: 890px !important;
  }

  .min-width-xl-890 {
    min-width: 890px !important;
  }

  .width-xl-890 {
    width: 890px !important;
  }

  .max-height-xl-890 {
    max-height: 890px !important;
  }

  .min-height-xl-890 {
    min-height: 890px !important;
  }

  .height-xl-890 {
    height: 890px !important;
  }

  .square-xl-445 {
    width: 445px !important;
    height: 445px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-900 {
    max-width: 900px !important;
  }

  .min-width-xl-900 {
    min-width: 900px !important;
  }

  .width-xl-900 {
    width: 900px !important;
  }

  .max-height-xl-900 {
    max-height: 900px !important;
  }

  .min-height-xl-900 {
    min-height: 900px !important;
  }

  .height-xl-900 {
    height: 900px !important;
  }

  .square-xl-450 {
    width: 450px !important;
    height: 450px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-910 {
    max-width: 910px !important;
  }

  .min-width-xl-910 {
    min-width: 910px !important;
  }

  .width-xl-910 {
    width: 910px !important;
  }

  .max-height-xl-910 {
    max-height: 910px !important;
  }

  .min-height-xl-910 {
    min-height: 910px !important;
  }

  .height-xl-910 {
    height: 910px !important;
  }

  .square-xl-455 {
    width: 455px !important;
    height: 455px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-920 {
    max-width: 920px !important;
  }

  .min-width-xl-920 {
    min-width: 920px !important;
  }

  .width-xl-920 {
    width: 920px !important;
  }

  .max-height-xl-920 {
    max-height: 920px !important;
  }

  .min-height-xl-920 {
    min-height: 920px !important;
  }

  .height-xl-920 {
    height: 920px !important;
  }

  .square-xl-460 {
    width: 460px !important;
    height: 460px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-930 {
    max-width: 930px !important;
  }

  .min-width-xl-930 {
    min-width: 930px !important;
  }

  .width-xl-930 {
    width: 930px !important;
  }

  .max-height-xl-930 {
    max-height: 930px !important;
  }

  .min-height-xl-930 {
    min-height: 930px !important;
  }

  .height-xl-930 {
    height: 930px !important;
  }

  .square-xl-465 {
    width: 465px !important;
    height: 465px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-940 {
    max-width: 940px !important;
  }

  .min-width-xl-940 {
    min-width: 940px !important;
  }

  .width-xl-940 {
    width: 940px !important;
  }

  .max-height-xl-940 {
    max-height: 940px !important;
  }

  .min-height-xl-940 {
    min-height: 940px !important;
  }

  .height-xl-940 {
    height: 940px !important;
  }

  .square-xl-470 {
    width: 470px !important;
    height: 470px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-950 {
    max-width: 950px !important;
  }

  .min-width-xl-950 {
    min-width: 950px !important;
  }

  .width-xl-950 {
    width: 950px !important;
  }

  .max-height-xl-950 {
    max-height: 950px !important;
  }

  .min-height-xl-950 {
    min-height: 950px !important;
  }

  .height-xl-950 {
    height: 950px !important;
  }

  .square-xl-475 {
    width: 475px !important;
    height: 475px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-960 {
    max-width: 960px !important;
  }

  .min-width-xl-960 {
    min-width: 960px !important;
  }

  .width-xl-960 {
    width: 960px !important;
  }

  .max-height-xl-960 {
    max-height: 960px !important;
  }

  .min-height-xl-960 {
    min-height: 960px !important;
  }

  .height-xl-960 {
    height: 960px !important;
  }

  .square-xl-480 {
    width: 480px !important;
    height: 480px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-970 {
    max-width: 970px !important;
  }

  .min-width-xl-970 {
    min-width: 970px !important;
  }

  .width-xl-970 {
    width: 970px !important;
  }

  .max-height-xl-970 {
    max-height: 970px !important;
  }

  .min-height-xl-970 {
    min-height: 970px !important;
  }

  .height-xl-970 {
    height: 970px !important;
  }

  .square-xl-485 {
    width: 485px !important;
    height: 485px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-980 {
    max-width: 980px !important;
  }

  .min-width-xl-980 {
    min-width: 980px !important;
  }

  .width-xl-980 {
    width: 980px !important;
  }

  .max-height-xl-980 {
    max-height: 980px !important;
  }

  .min-height-xl-980 {
    min-height: 980px !important;
  }

  .height-xl-980 {
    height: 980px !important;
  }

  .square-xl-490 {
    width: 490px !important;
    height: 490px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-990 {
    max-width: 990px !important;
  }

  .min-width-xl-990 {
    min-width: 990px !important;
  }

  .width-xl-990 {
    width: 990px !important;
  }

  .max-height-xl-990 {
    max-height: 990px !important;
  }

  .min-height-xl-990 {
    min-height: 990px !important;
  }

  .height-xl-990 {
    height: 990px !important;
  }

  .square-xl-495 {
    width: 495px !important;
    height: 495px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-1000 {
    max-width: 1000px !important;
  }

  .min-width-xl-1000 {
    min-width: 1000px !important;
  }

  .width-xl-1000 {
    width: 1000px !important;
  }

  .max-height-xl-1000 {
    max-height: 1000px !important;
  }

  .min-height-xl-1000 {
    min-height: 1000px !important;
  }

  .height-xl-1000 {
    height: 1000px !important;
  }

  .square-xl-500 {
    width: 500px !important;
    height: 500px !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-10-percent {
    max-width: 10% !important;
  }

  .min-width-xl-10-percent {
    min-width: 10% !important;
  }

  .width-xl-10-percent {
    width: 10% !important;
  }

  .max-height-xl-10-percent {
    max-height: 10% !important;
  }

  .min-height-xl-10-percent {
    min-height: 10% !important;
  }

  .height-xl-10-percent {
    height: 10% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-20-percent {
    max-width: 20% !important;
  }

  .min-width-xl-20-percent {
    min-width: 20% !important;
  }

  .width-xl-20-percent {
    width: 20% !important;
  }

  .max-height-xl-20-percent {
    max-height: 20% !important;
  }

  .min-height-xl-20-percent {
    min-height: 20% !important;
  }

  .height-xl-20-percent {
    height: 20% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-30-percent {
    max-width: 30% !important;
  }

  .min-width-xl-30-percent {
    min-width: 30% !important;
  }

  .width-xl-30-percent {
    width: 30% !important;
  }

  .max-height-xl-30-percent {
    max-height: 30% !important;
  }

  .min-height-xl-30-percent {
    min-height: 30% !important;
  }

  .height-xl-30-percent {
    height: 30% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-40-percent {
    max-width: 40% !important;
  }

  .min-width-xl-40-percent {
    min-width: 40% !important;
  }

  .width-xl-40-percent {
    width: 40% !important;
  }

  .max-height-xl-40-percent {
    max-height: 40% !important;
  }

  .min-height-xl-40-percent {
    min-height: 40% !important;
  }

  .height-xl-40-percent {
    height: 40% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-50-percent {
    max-width: 50% !important;
  }

  .min-width-xl-50-percent {
    min-width: 50% !important;
  }

  .width-xl-50-percent {
    width: 50% !important;
  }

  .max-height-xl-50-percent {
    max-height: 50% !important;
  }

  .min-height-xl-50-percent {
    min-height: 50% !important;
  }

  .height-xl-50-percent {
    height: 50% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-60-percent {
    max-width: 60% !important;
  }

  .min-width-xl-60-percent {
    min-width: 60% !important;
  }

  .width-xl-60-percent {
    width: 60% !important;
  }

  .max-height-xl-60-percent {
    max-height: 60% !important;
  }

  .min-height-xl-60-percent {
    min-height: 60% !important;
  }

  .height-xl-60-percent {
    height: 60% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-70-percent {
    max-width: 70% !important;
  }

  .min-width-xl-70-percent {
    min-width: 70% !important;
  }

  .width-xl-70-percent {
    width: 70% !important;
  }

  .max-height-xl-70-percent {
    max-height: 70% !important;
  }

  .min-height-xl-70-percent {
    min-height: 70% !important;
  }

  .height-xl-70-percent {
    height: 70% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-80-percent {
    max-width: 80% !important;
  }

  .min-width-xl-80-percent {
    min-width: 80% !important;
  }

  .width-xl-80-percent {
    width: 80% !important;
  }

  .max-height-xl-80-percent {
    max-height: 80% !important;
  }

  .min-height-xl-80-percent {
    min-height: 80% !important;
  }

  .height-xl-80-percent {
    height: 80% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-90-percent {
    max-width: 90% !important;
  }

  .min-width-xl-90-percent {
    min-width: 90% !important;
  }

  .width-xl-90-percent {
    width: 90% !important;
  }

  .max-height-xl-90-percent {
    max-height: 90% !important;
  }

  .min-height-xl-90-percent {
    min-height: 90% !important;
  }

  .height-xl-90-percent {
    height: 90% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-100-percent {
    max-width: 100% !important;
  }

  .min-width-xl-100-percent {
    min-width: 100% !important;
  }

  .width-xl-100-percent {
    width: 100% !important;
  }

  .max-height-xl-100-percent {
    max-height: 100% !important;
  }

  .min-height-xl-100-percent {
    min-height: 100% !important;
  }

  .height-xl-100-percent {
    height: 100% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-110-percent {
    max-width: 110% !important;
  }

  .min-width-xl-110-percent {
    min-width: 110% !important;
  }

  .width-xl-110-percent {
    width: 110% !important;
  }

  .max-height-xl-110-percent {
    max-height: 110% !important;
  }

  .min-height-xl-110-percent {
    min-height: 110% !important;
  }

  .height-xl-110-percent {
    height: 110% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-120-percent {
    max-width: 120% !important;
  }

  .min-width-xl-120-percent {
    min-width: 120% !important;
  }

  .width-xl-120-percent {
    width: 120% !important;
  }

  .max-height-xl-120-percent {
    max-height: 120% !important;
  }

  .min-height-xl-120-percent {
    min-height: 120% !important;
  }

  .height-xl-120-percent {
    height: 120% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-130-percent {
    max-width: 130% !important;
  }

  .min-width-xl-130-percent {
    min-width: 130% !important;
  }

  .width-xl-130-percent {
    width: 130% !important;
  }

  .max-height-xl-130-percent {
    max-height: 130% !important;
  }

  .min-height-xl-130-percent {
    min-height: 130% !important;
  }

  .height-xl-130-percent {
    height: 130% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-140-percent {
    max-width: 140% !important;
  }

  .min-width-xl-140-percent {
    min-width: 140% !important;
  }

  .width-xl-140-percent {
    width: 140% !important;
  }

  .max-height-xl-140-percent {
    max-height: 140% !important;
  }

  .min-height-xl-140-percent {
    min-height: 140% !important;
  }

  .height-xl-140-percent {
    height: 140% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-150-percent {
    max-width: 150% !important;
  }

  .min-width-xl-150-percent {
    min-width: 150% !important;
  }

  .width-xl-150-percent {
    width: 150% !important;
  }

  .max-height-xl-150-percent {
    max-height: 150% !important;
  }

  .min-height-xl-150-percent {
    min-height: 150% !important;
  }

  .height-xl-150-percent {
    height: 150% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-160-percent {
    max-width: 160% !important;
  }

  .min-width-xl-160-percent {
    min-width: 160% !important;
  }

  .width-xl-160-percent {
    width: 160% !important;
  }

  .max-height-xl-160-percent {
    max-height: 160% !important;
  }

  .min-height-xl-160-percent {
    min-height: 160% !important;
  }

  .height-xl-160-percent {
    height: 160% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-170-percent {
    max-width: 170% !important;
  }

  .min-width-xl-170-percent {
    min-width: 170% !important;
  }

  .width-xl-170-percent {
    width: 170% !important;
  }

  .max-height-xl-170-percent {
    max-height: 170% !important;
  }

  .min-height-xl-170-percent {
    min-height: 170% !important;
  }

  .height-xl-170-percent {
    height: 170% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-180-percent {
    max-width: 180% !important;
  }

  .min-width-xl-180-percent {
    min-width: 180% !important;
  }

  .width-xl-180-percent {
    width: 180% !important;
  }

  .max-height-xl-180-percent {
    max-height: 180% !important;
  }

  .min-height-xl-180-percent {
    min-height: 180% !important;
  }

  .height-xl-180-percent {
    height: 180% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-190-percent {
    max-width: 190% !important;
  }

  .min-width-xl-190-percent {
    min-width: 190% !important;
  }

  .width-xl-190-percent {
    width: 190% !important;
  }

  .max-height-xl-190-percent {
    max-height: 190% !important;
  }

  .min-height-xl-190-percent {
    min-height: 190% !important;
  }

  .height-xl-190-percent {
    height: 190% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-200-percent {
    max-width: 200% !important;
  }

  .min-width-xl-200-percent {
    min-width: 200% !important;
  }

  .width-xl-200-percent {
    width: 200% !important;
  }

  .max-height-xl-200-percent {
    max-height: 200% !important;
  }

  .min-height-xl-200-percent {
    min-height: 200% !important;
  }

  .height-xl-200-percent {
    height: 200% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-210-percent {
    max-width: 210% !important;
  }

  .min-width-xl-210-percent {
    min-width: 210% !important;
  }

  .width-xl-210-percent {
    width: 210% !important;
  }

  .max-height-xl-210-percent {
    max-height: 210% !important;
  }

  .min-height-xl-210-percent {
    min-height: 210% !important;
  }

  .height-xl-210-percent {
    height: 210% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-220-percent {
    max-width: 220% !important;
  }

  .min-width-xl-220-percent {
    min-width: 220% !important;
  }

  .width-xl-220-percent {
    width: 220% !important;
  }

  .max-height-xl-220-percent {
    max-height: 220% !important;
  }

  .min-height-xl-220-percent {
    min-height: 220% !important;
  }

  .height-xl-220-percent {
    height: 220% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-230-percent {
    max-width: 230% !important;
  }

  .min-width-xl-230-percent {
    min-width: 230% !important;
  }

  .width-xl-230-percent {
    width: 230% !important;
  }

  .max-height-xl-230-percent {
    max-height: 230% !important;
  }

  .min-height-xl-230-percent {
    min-height: 230% !important;
  }

  .height-xl-230-percent {
    height: 230% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-240-percent {
    max-width: 240% !important;
  }

  .min-width-xl-240-percent {
    min-width: 240% !important;
  }

  .width-xl-240-percent {
    width: 240% !important;
  }

  .max-height-xl-240-percent {
    max-height: 240% !important;
  }

  .min-height-xl-240-percent {
    min-height: 240% !important;
  }

  .height-xl-240-percent {
    height: 240% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-250-percent {
    max-width: 250% !important;
  }

  .min-width-xl-250-percent {
    min-width: 250% !important;
  }

  .width-xl-250-percent {
    width: 250% !important;
  }

  .max-height-xl-250-percent {
    max-height: 250% !important;
  }

  .min-height-xl-250-percent {
    min-height: 250% !important;
  }

  .height-xl-250-percent {
    height: 250% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-260-percent {
    max-width: 260% !important;
  }

  .min-width-xl-260-percent {
    min-width: 260% !important;
  }

  .width-xl-260-percent {
    width: 260% !important;
  }

  .max-height-xl-260-percent {
    max-height: 260% !important;
  }

  .min-height-xl-260-percent {
    min-height: 260% !important;
  }

  .height-xl-260-percent {
    height: 260% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-270-percent {
    max-width: 270% !important;
  }

  .min-width-xl-270-percent {
    min-width: 270% !important;
  }

  .width-xl-270-percent {
    width: 270% !important;
  }

  .max-height-xl-270-percent {
    max-height: 270% !important;
  }

  .min-height-xl-270-percent {
    min-height: 270% !important;
  }

  .height-xl-270-percent {
    height: 270% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-280-percent {
    max-width: 280% !important;
  }

  .min-width-xl-280-percent {
    min-width: 280% !important;
  }

  .width-xl-280-percent {
    width: 280% !important;
  }

  .max-height-xl-280-percent {
    max-height: 280% !important;
  }

  .min-height-xl-280-percent {
    min-height: 280% !important;
  }

  .height-xl-280-percent {
    height: 280% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-290-percent {
    max-width: 290% !important;
  }

  .min-width-xl-290-percent {
    min-width: 290% !important;
  }

  .width-xl-290-percent {
    width: 290% !important;
  }

  .max-height-xl-290-percent {
    max-height: 290% !important;
  }

  .min-height-xl-290-percent {
    min-height: 290% !important;
  }

  .height-xl-290-percent {
    height: 290% !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-300-percent {
    max-width: 300% !important;
  }

  .min-width-xl-300-percent {
    min-width: 300% !important;
  }

  .width-xl-300-percent {
    width: 300% !important;
  }

  .max-height-xl-300-percent {
    max-height: 300% !important;
  }

  .min-height-xl-300-percent {
    min-height: 300% !important;
  }

  .height-xl-300-percent {
    height: 300% !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-10vh {
    min-height: 10vh !important;
  }

  .height-xl-10vh {
    height: 10vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-20vh {
    min-height: 20vh !important;
  }

  .height-xl-20vh {
    height: 20vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-30vh {
    min-height: 30vh !important;
  }

  .height-xl-30vh {
    height: 30vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-40vh {
    min-height: 40vh !important;
  }

  .height-xl-40vh {
    height: 40vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-50vh {
    min-height: 50vh !important;
  }

  .height-xl-50vh {
    height: 50vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-60vh {
    min-height: 60vh !important;
  }

  .height-xl-60vh {
    height: 60vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-70vh {
    min-height: 70vh !important;
  }

  .height-xl-70vh {
    height: 70vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-80vh {
    min-height: 80vh !important;
  }

  .height-xl-80vh {
    height: 80vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-90vh {
    min-height: 90vh !important;
  }

  .height-xl-90vh {
    height: 90vh !important;
  }
}
@media (min-width: 1200px) {
  .min-height-xl-100vh {
    min-height: 100vh !important;
  }

  .height-xl-100vh {
    height: 100vh !important;
  }
}
@media (min-width: 1200px) {
  .square-xl-auto {
    aspect-ratio: 1;
  }

  .max-width-xl-initial {
    max-width: initial !important;
  }

  .min-width-xl-initial {
    min-width: initial !important;
  }

  .width-xl-initial {
    width: initial !important;
  }

  .width-xl-max-content {
    width: max-content !important;
  }

  .width-xl-auto {
    width: auto !important;
  }

  .min-width-xl-auto {
    min-width: auto !important;
  }

  .height-xl-auto {
    height: auto !important;
  }

  .min-height-xl-auto {
    min-height: auto !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-0 {
    max-width: 0px !important;
  }

  .min-width-xxl-0 {
    min-width: 0px !important;
  }

  .width-xxl-0 {
    width: 0px !important;
  }

  .max-height-xxl-0 {
    max-height: 0px !important;
  }

  .min-height-xxl-0 {
    min-height: 0px !important;
  }

  .height-xxl-0 {
    height: 0px !important;
  }

  .square-xxl-0 {
    width: 0px !important;
    height: 0px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-10 {
    max-width: 10px !important;
  }

  .min-width-xxl-10 {
    min-width: 10px !important;
  }

  .width-xxl-10 {
    width: 10px !important;
  }

  .max-height-xxl-10 {
    max-height: 10px !important;
  }

  .min-height-xxl-10 {
    min-height: 10px !important;
  }

  .height-xxl-10 {
    height: 10px !important;
  }

  .square-xxl-5 {
    width: 5px !important;
    height: 5px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-20 {
    max-width: 20px !important;
  }

  .min-width-xxl-20 {
    min-width: 20px !important;
  }

  .width-xxl-20 {
    width: 20px !important;
  }

  .max-height-xxl-20 {
    max-height: 20px !important;
  }

  .min-height-xxl-20 {
    min-height: 20px !important;
  }

  .height-xxl-20 {
    height: 20px !important;
  }

  .square-xxl-10 {
    width: 10px !important;
    height: 10px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-30 {
    max-width: 30px !important;
  }

  .min-width-xxl-30 {
    min-width: 30px !important;
  }

  .width-xxl-30 {
    width: 30px !important;
  }

  .max-height-xxl-30 {
    max-height: 30px !important;
  }

  .min-height-xxl-30 {
    min-height: 30px !important;
  }

  .height-xxl-30 {
    height: 30px !important;
  }

  .square-xxl-15 {
    width: 15px !important;
    height: 15px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-40 {
    max-width: 40px !important;
  }

  .min-width-xxl-40 {
    min-width: 40px !important;
  }

  .width-xxl-40 {
    width: 40px !important;
  }

  .max-height-xxl-40 {
    max-height: 40px !important;
  }

  .min-height-xxl-40 {
    min-height: 40px !important;
  }

  .height-xxl-40 {
    height: 40px !important;
  }

  .square-xxl-20 {
    width: 20px !important;
    height: 20px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-50 {
    max-width: 50px !important;
  }

  .min-width-xxl-50 {
    min-width: 50px !important;
  }

  .width-xxl-50 {
    width: 50px !important;
  }

  .max-height-xxl-50 {
    max-height: 50px !important;
  }

  .min-height-xxl-50 {
    min-height: 50px !important;
  }

  .height-xxl-50 {
    height: 50px !important;
  }

  .square-xxl-25 {
    width: 25px !important;
    height: 25px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-60 {
    max-width: 60px !important;
  }

  .min-width-xxl-60 {
    min-width: 60px !important;
  }

  .width-xxl-60 {
    width: 60px !important;
  }

  .max-height-xxl-60 {
    max-height: 60px !important;
  }

  .min-height-xxl-60 {
    min-height: 60px !important;
  }

  .height-xxl-60 {
    height: 60px !important;
  }

  .square-xxl-30 {
    width: 30px !important;
    height: 30px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-70 {
    max-width: 70px !important;
  }

  .min-width-xxl-70 {
    min-width: 70px !important;
  }

  .width-xxl-70 {
    width: 70px !important;
  }

  .max-height-xxl-70 {
    max-height: 70px !important;
  }

  .min-height-xxl-70 {
    min-height: 70px !important;
  }

  .height-xxl-70 {
    height: 70px !important;
  }

  .square-xxl-35 {
    width: 35px !important;
    height: 35px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-80 {
    max-width: 80px !important;
  }

  .min-width-xxl-80 {
    min-width: 80px !important;
  }

  .width-xxl-80 {
    width: 80px !important;
  }

  .max-height-xxl-80 {
    max-height: 80px !important;
  }

  .min-height-xxl-80 {
    min-height: 80px !important;
  }

  .height-xxl-80 {
    height: 80px !important;
  }

  .square-xxl-40 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-90 {
    max-width: 90px !important;
  }

  .min-width-xxl-90 {
    min-width: 90px !important;
  }

  .width-xxl-90 {
    width: 90px !important;
  }

  .max-height-xxl-90 {
    max-height: 90px !important;
  }

  .min-height-xxl-90 {
    min-height: 90px !important;
  }

  .height-xxl-90 {
    height: 90px !important;
  }

  .square-xxl-45 {
    width: 45px !important;
    height: 45px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-100 {
    max-width: 100px !important;
  }

  .min-width-xxl-100 {
    min-width: 100px !important;
  }

  .width-xxl-100 {
    width: 100px !important;
  }

  .max-height-xxl-100 {
    max-height: 100px !important;
  }

  .min-height-xxl-100 {
    min-height: 100px !important;
  }

  .height-xxl-100 {
    height: 100px !important;
  }

  .square-xxl-50 {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-110 {
    max-width: 110px !important;
  }

  .min-width-xxl-110 {
    min-width: 110px !important;
  }

  .width-xxl-110 {
    width: 110px !important;
  }

  .max-height-xxl-110 {
    max-height: 110px !important;
  }

  .min-height-xxl-110 {
    min-height: 110px !important;
  }

  .height-xxl-110 {
    height: 110px !important;
  }

  .square-xxl-55 {
    width: 55px !important;
    height: 55px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-120 {
    max-width: 120px !important;
  }

  .min-width-xxl-120 {
    min-width: 120px !important;
  }

  .width-xxl-120 {
    width: 120px !important;
  }

  .max-height-xxl-120 {
    max-height: 120px !important;
  }

  .min-height-xxl-120 {
    min-height: 120px !important;
  }

  .height-xxl-120 {
    height: 120px !important;
  }

  .square-xxl-60 {
    width: 60px !important;
    height: 60px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-130 {
    max-width: 130px !important;
  }

  .min-width-xxl-130 {
    min-width: 130px !important;
  }

  .width-xxl-130 {
    width: 130px !important;
  }

  .max-height-xxl-130 {
    max-height: 130px !important;
  }

  .min-height-xxl-130 {
    min-height: 130px !important;
  }

  .height-xxl-130 {
    height: 130px !important;
  }

  .square-xxl-65 {
    width: 65px !important;
    height: 65px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-140 {
    max-width: 140px !important;
  }

  .min-width-xxl-140 {
    min-width: 140px !important;
  }

  .width-xxl-140 {
    width: 140px !important;
  }

  .max-height-xxl-140 {
    max-height: 140px !important;
  }

  .min-height-xxl-140 {
    min-height: 140px !important;
  }

  .height-xxl-140 {
    height: 140px !important;
  }

  .square-xxl-70 {
    width: 70px !important;
    height: 70px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-150 {
    max-width: 150px !important;
  }

  .min-width-xxl-150 {
    min-width: 150px !important;
  }

  .width-xxl-150 {
    width: 150px !important;
  }

  .max-height-xxl-150 {
    max-height: 150px !important;
  }

  .min-height-xxl-150 {
    min-height: 150px !important;
  }

  .height-xxl-150 {
    height: 150px !important;
  }

  .square-xxl-75 {
    width: 75px !important;
    height: 75px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-160 {
    max-width: 160px !important;
  }

  .min-width-xxl-160 {
    min-width: 160px !important;
  }

  .width-xxl-160 {
    width: 160px !important;
  }

  .max-height-xxl-160 {
    max-height: 160px !important;
  }

  .min-height-xxl-160 {
    min-height: 160px !important;
  }

  .height-xxl-160 {
    height: 160px !important;
  }

  .square-xxl-80 {
    width: 80px !important;
    height: 80px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-170 {
    max-width: 170px !important;
  }

  .min-width-xxl-170 {
    min-width: 170px !important;
  }

  .width-xxl-170 {
    width: 170px !important;
  }

  .max-height-xxl-170 {
    max-height: 170px !important;
  }

  .min-height-xxl-170 {
    min-height: 170px !important;
  }

  .height-xxl-170 {
    height: 170px !important;
  }

  .square-xxl-85 {
    width: 85px !important;
    height: 85px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-180 {
    max-width: 180px !important;
  }

  .min-width-xxl-180 {
    min-width: 180px !important;
  }

  .width-xxl-180 {
    width: 180px !important;
  }

  .max-height-xxl-180 {
    max-height: 180px !important;
  }

  .min-height-xxl-180 {
    min-height: 180px !important;
  }

  .height-xxl-180 {
    height: 180px !important;
  }

  .square-xxl-90 {
    width: 90px !important;
    height: 90px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-190 {
    max-width: 190px !important;
  }

  .min-width-xxl-190 {
    min-width: 190px !important;
  }

  .width-xxl-190 {
    width: 190px !important;
  }

  .max-height-xxl-190 {
    max-height: 190px !important;
  }

  .min-height-xxl-190 {
    min-height: 190px !important;
  }

  .height-xxl-190 {
    height: 190px !important;
  }

  .square-xxl-95 {
    width: 95px !important;
    height: 95px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-200 {
    max-width: 200px !important;
  }

  .min-width-xxl-200 {
    min-width: 200px !important;
  }

  .width-xxl-200 {
    width: 200px !important;
  }

  .max-height-xxl-200 {
    max-height: 200px !important;
  }

  .min-height-xxl-200 {
    min-height: 200px !important;
  }

  .height-xxl-200 {
    height: 200px !important;
  }

  .square-xxl-100 {
    width: 100px !important;
    height: 100px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-210 {
    max-width: 210px !important;
  }

  .min-width-xxl-210 {
    min-width: 210px !important;
  }

  .width-xxl-210 {
    width: 210px !important;
  }

  .max-height-xxl-210 {
    max-height: 210px !important;
  }

  .min-height-xxl-210 {
    min-height: 210px !important;
  }

  .height-xxl-210 {
    height: 210px !important;
  }

  .square-xxl-105 {
    width: 105px !important;
    height: 105px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-220 {
    max-width: 220px !important;
  }

  .min-width-xxl-220 {
    min-width: 220px !important;
  }

  .width-xxl-220 {
    width: 220px !important;
  }

  .max-height-xxl-220 {
    max-height: 220px !important;
  }

  .min-height-xxl-220 {
    min-height: 220px !important;
  }

  .height-xxl-220 {
    height: 220px !important;
  }

  .square-xxl-110 {
    width: 110px !important;
    height: 110px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-230 {
    max-width: 230px !important;
  }

  .min-width-xxl-230 {
    min-width: 230px !important;
  }

  .width-xxl-230 {
    width: 230px !important;
  }

  .max-height-xxl-230 {
    max-height: 230px !important;
  }

  .min-height-xxl-230 {
    min-height: 230px !important;
  }

  .height-xxl-230 {
    height: 230px !important;
  }

  .square-xxl-115 {
    width: 115px !important;
    height: 115px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-240 {
    max-width: 240px !important;
  }

  .min-width-xxl-240 {
    min-width: 240px !important;
  }

  .width-xxl-240 {
    width: 240px !important;
  }

  .max-height-xxl-240 {
    max-height: 240px !important;
  }

  .min-height-xxl-240 {
    min-height: 240px !important;
  }

  .height-xxl-240 {
    height: 240px !important;
  }

  .square-xxl-120 {
    width: 120px !important;
    height: 120px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-250 {
    max-width: 250px !important;
  }

  .min-width-xxl-250 {
    min-width: 250px !important;
  }

  .width-xxl-250 {
    width: 250px !important;
  }

  .max-height-xxl-250 {
    max-height: 250px !important;
  }

  .min-height-xxl-250 {
    min-height: 250px !important;
  }

  .height-xxl-250 {
    height: 250px !important;
  }

  .square-xxl-125 {
    width: 125px !important;
    height: 125px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-260 {
    max-width: 260px !important;
  }

  .min-width-xxl-260 {
    min-width: 260px !important;
  }

  .width-xxl-260 {
    width: 260px !important;
  }

  .max-height-xxl-260 {
    max-height: 260px !important;
  }

  .min-height-xxl-260 {
    min-height: 260px !important;
  }

  .height-xxl-260 {
    height: 260px !important;
  }

  .square-xxl-130 {
    width: 130px !important;
    height: 130px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-270 {
    max-width: 270px !important;
  }

  .min-width-xxl-270 {
    min-width: 270px !important;
  }

  .width-xxl-270 {
    width: 270px !important;
  }

  .max-height-xxl-270 {
    max-height: 270px !important;
  }

  .min-height-xxl-270 {
    min-height: 270px !important;
  }

  .height-xxl-270 {
    height: 270px !important;
  }

  .square-xxl-135 {
    width: 135px !important;
    height: 135px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-280 {
    max-width: 280px !important;
  }

  .min-width-xxl-280 {
    min-width: 280px !important;
  }

  .width-xxl-280 {
    width: 280px !important;
  }

  .max-height-xxl-280 {
    max-height: 280px !important;
  }

  .min-height-xxl-280 {
    min-height: 280px !important;
  }

  .height-xxl-280 {
    height: 280px !important;
  }

  .square-xxl-140 {
    width: 140px !important;
    height: 140px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-290 {
    max-width: 290px !important;
  }

  .min-width-xxl-290 {
    min-width: 290px !important;
  }

  .width-xxl-290 {
    width: 290px !important;
  }

  .max-height-xxl-290 {
    max-height: 290px !important;
  }

  .min-height-xxl-290 {
    min-height: 290px !important;
  }

  .height-xxl-290 {
    height: 290px !important;
  }

  .square-xxl-145 {
    width: 145px !important;
    height: 145px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-300 {
    max-width: 300px !important;
  }

  .min-width-xxl-300 {
    min-width: 300px !important;
  }

  .width-xxl-300 {
    width: 300px !important;
  }

  .max-height-xxl-300 {
    max-height: 300px !important;
  }

  .min-height-xxl-300 {
    min-height: 300px !important;
  }

  .height-xxl-300 {
    height: 300px !important;
  }

  .square-xxl-150 {
    width: 150px !important;
    height: 150px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-310 {
    max-width: 310px !important;
  }

  .min-width-xxl-310 {
    min-width: 310px !important;
  }

  .width-xxl-310 {
    width: 310px !important;
  }

  .max-height-xxl-310 {
    max-height: 310px !important;
  }

  .min-height-xxl-310 {
    min-height: 310px !important;
  }

  .height-xxl-310 {
    height: 310px !important;
  }

  .square-xxl-155 {
    width: 155px !important;
    height: 155px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-320 {
    max-width: 320px !important;
  }

  .min-width-xxl-320 {
    min-width: 320px !important;
  }

  .width-xxl-320 {
    width: 320px !important;
  }

  .max-height-xxl-320 {
    max-height: 320px !important;
  }

  .min-height-xxl-320 {
    min-height: 320px !important;
  }

  .height-xxl-320 {
    height: 320px !important;
  }

  .square-xxl-160 {
    width: 160px !important;
    height: 160px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-330 {
    max-width: 330px !important;
  }

  .min-width-xxl-330 {
    min-width: 330px !important;
  }

  .width-xxl-330 {
    width: 330px !important;
  }

  .max-height-xxl-330 {
    max-height: 330px !important;
  }

  .min-height-xxl-330 {
    min-height: 330px !important;
  }

  .height-xxl-330 {
    height: 330px !important;
  }

  .square-xxl-165 {
    width: 165px !important;
    height: 165px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-340 {
    max-width: 340px !important;
  }

  .min-width-xxl-340 {
    min-width: 340px !important;
  }

  .width-xxl-340 {
    width: 340px !important;
  }

  .max-height-xxl-340 {
    max-height: 340px !important;
  }

  .min-height-xxl-340 {
    min-height: 340px !important;
  }

  .height-xxl-340 {
    height: 340px !important;
  }

  .square-xxl-170 {
    width: 170px !important;
    height: 170px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-350 {
    max-width: 350px !important;
  }

  .min-width-xxl-350 {
    min-width: 350px !important;
  }

  .width-xxl-350 {
    width: 350px !important;
  }

  .max-height-xxl-350 {
    max-height: 350px !important;
  }

  .min-height-xxl-350 {
    min-height: 350px !important;
  }

  .height-xxl-350 {
    height: 350px !important;
  }

  .square-xxl-175 {
    width: 175px !important;
    height: 175px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-360 {
    max-width: 360px !important;
  }

  .min-width-xxl-360 {
    min-width: 360px !important;
  }

  .width-xxl-360 {
    width: 360px !important;
  }

  .max-height-xxl-360 {
    max-height: 360px !important;
  }

  .min-height-xxl-360 {
    min-height: 360px !important;
  }

  .height-xxl-360 {
    height: 360px !important;
  }

  .square-xxl-180 {
    width: 180px !important;
    height: 180px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-370 {
    max-width: 370px !important;
  }

  .min-width-xxl-370 {
    min-width: 370px !important;
  }

  .width-xxl-370 {
    width: 370px !important;
  }

  .max-height-xxl-370 {
    max-height: 370px !important;
  }

  .min-height-xxl-370 {
    min-height: 370px !important;
  }

  .height-xxl-370 {
    height: 370px !important;
  }

  .square-xxl-185 {
    width: 185px !important;
    height: 185px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-380 {
    max-width: 380px !important;
  }

  .min-width-xxl-380 {
    min-width: 380px !important;
  }

  .width-xxl-380 {
    width: 380px !important;
  }

  .max-height-xxl-380 {
    max-height: 380px !important;
  }

  .min-height-xxl-380 {
    min-height: 380px !important;
  }

  .height-xxl-380 {
    height: 380px !important;
  }

  .square-xxl-190 {
    width: 190px !important;
    height: 190px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-390 {
    max-width: 390px !important;
  }

  .min-width-xxl-390 {
    min-width: 390px !important;
  }

  .width-xxl-390 {
    width: 390px !important;
  }

  .max-height-xxl-390 {
    max-height: 390px !important;
  }

  .min-height-xxl-390 {
    min-height: 390px !important;
  }

  .height-xxl-390 {
    height: 390px !important;
  }

  .square-xxl-195 {
    width: 195px !important;
    height: 195px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-400 {
    max-width: 400px !important;
  }

  .min-width-xxl-400 {
    min-width: 400px !important;
  }

  .width-xxl-400 {
    width: 400px !important;
  }

  .max-height-xxl-400 {
    max-height: 400px !important;
  }

  .min-height-xxl-400 {
    min-height: 400px !important;
  }

  .height-xxl-400 {
    height: 400px !important;
  }

  .square-xxl-200 {
    width: 200px !important;
    height: 200px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-410 {
    max-width: 410px !important;
  }

  .min-width-xxl-410 {
    min-width: 410px !important;
  }

  .width-xxl-410 {
    width: 410px !important;
  }

  .max-height-xxl-410 {
    max-height: 410px !important;
  }

  .min-height-xxl-410 {
    min-height: 410px !important;
  }

  .height-xxl-410 {
    height: 410px !important;
  }

  .square-xxl-205 {
    width: 205px !important;
    height: 205px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-420 {
    max-width: 420px !important;
  }

  .min-width-xxl-420 {
    min-width: 420px !important;
  }

  .width-xxl-420 {
    width: 420px !important;
  }

  .max-height-xxl-420 {
    max-height: 420px !important;
  }

  .min-height-xxl-420 {
    min-height: 420px !important;
  }

  .height-xxl-420 {
    height: 420px !important;
  }

  .square-xxl-210 {
    width: 210px !important;
    height: 210px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-430 {
    max-width: 430px !important;
  }

  .min-width-xxl-430 {
    min-width: 430px !important;
  }

  .width-xxl-430 {
    width: 430px !important;
  }

  .max-height-xxl-430 {
    max-height: 430px !important;
  }

  .min-height-xxl-430 {
    min-height: 430px !important;
  }

  .height-xxl-430 {
    height: 430px !important;
  }

  .square-xxl-215 {
    width: 215px !important;
    height: 215px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-440 {
    max-width: 440px !important;
  }

  .min-width-xxl-440 {
    min-width: 440px !important;
  }

  .width-xxl-440 {
    width: 440px !important;
  }

  .max-height-xxl-440 {
    max-height: 440px !important;
  }

  .min-height-xxl-440 {
    min-height: 440px !important;
  }

  .height-xxl-440 {
    height: 440px !important;
  }

  .square-xxl-220 {
    width: 220px !important;
    height: 220px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-450 {
    max-width: 450px !important;
  }

  .min-width-xxl-450 {
    min-width: 450px !important;
  }

  .width-xxl-450 {
    width: 450px !important;
  }

  .max-height-xxl-450 {
    max-height: 450px !important;
  }

  .min-height-xxl-450 {
    min-height: 450px !important;
  }

  .height-xxl-450 {
    height: 450px !important;
  }

  .square-xxl-225 {
    width: 225px !important;
    height: 225px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-460 {
    max-width: 460px !important;
  }

  .min-width-xxl-460 {
    min-width: 460px !important;
  }

  .width-xxl-460 {
    width: 460px !important;
  }

  .max-height-xxl-460 {
    max-height: 460px !important;
  }

  .min-height-xxl-460 {
    min-height: 460px !important;
  }

  .height-xxl-460 {
    height: 460px !important;
  }

  .square-xxl-230 {
    width: 230px !important;
    height: 230px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-470 {
    max-width: 470px !important;
  }

  .min-width-xxl-470 {
    min-width: 470px !important;
  }

  .width-xxl-470 {
    width: 470px !important;
  }

  .max-height-xxl-470 {
    max-height: 470px !important;
  }

  .min-height-xxl-470 {
    min-height: 470px !important;
  }

  .height-xxl-470 {
    height: 470px !important;
  }

  .square-xxl-235 {
    width: 235px !important;
    height: 235px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-480 {
    max-width: 480px !important;
  }

  .min-width-xxl-480 {
    min-width: 480px !important;
  }

  .width-xxl-480 {
    width: 480px !important;
  }

  .max-height-xxl-480 {
    max-height: 480px !important;
  }

  .min-height-xxl-480 {
    min-height: 480px !important;
  }

  .height-xxl-480 {
    height: 480px !important;
  }

  .square-xxl-240 {
    width: 240px !important;
    height: 240px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-490 {
    max-width: 490px !important;
  }

  .min-width-xxl-490 {
    min-width: 490px !important;
  }

  .width-xxl-490 {
    width: 490px !important;
  }

  .max-height-xxl-490 {
    max-height: 490px !important;
  }

  .min-height-xxl-490 {
    min-height: 490px !important;
  }

  .height-xxl-490 {
    height: 490px !important;
  }

  .square-xxl-245 {
    width: 245px !important;
    height: 245px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-500 {
    max-width: 500px !important;
  }

  .min-width-xxl-500 {
    min-width: 500px !important;
  }

  .width-xxl-500 {
    width: 500px !important;
  }

  .max-height-xxl-500 {
    max-height: 500px !important;
  }

  .min-height-xxl-500 {
    min-height: 500px !important;
  }

  .height-xxl-500 {
    height: 500px !important;
  }

  .square-xxl-250 {
    width: 250px !important;
    height: 250px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-510 {
    max-width: 510px !important;
  }

  .min-width-xxl-510 {
    min-width: 510px !important;
  }

  .width-xxl-510 {
    width: 510px !important;
  }

  .max-height-xxl-510 {
    max-height: 510px !important;
  }

  .min-height-xxl-510 {
    min-height: 510px !important;
  }

  .height-xxl-510 {
    height: 510px !important;
  }

  .square-xxl-255 {
    width: 255px !important;
    height: 255px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-520 {
    max-width: 520px !important;
  }

  .min-width-xxl-520 {
    min-width: 520px !important;
  }

  .width-xxl-520 {
    width: 520px !important;
  }

  .max-height-xxl-520 {
    max-height: 520px !important;
  }

  .min-height-xxl-520 {
    min-height: 520px !important;
  }

  .height-xxl-520 {
    height: 520px !important;
  }

  .square-xxl-260 {
    width: 260px !important;
    height: 260px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-530 {
    max-width: 530px !important;
  }

  .min-width-xxl-530 {
    min-width: 530px !important;
  }

  .width-xxl-530 {
    width: 530px !important;
  }

  .max-height-xxl-530 {
    max-height: 530px !important;
  }

  .min-height-xxl-530 {
    min-height: 530px !important;
  }

  .height-xxl-530 {
    height: 530px !important;
  }

  .square-xxl-265 {
    width: 265px !important;
    height: 265px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-540 {
    max-width: 540px !important;
  }

  .min-width-xxl-540 {
    min-width: 540px !important;
  }

  .width-xxl-540 {
    width: 540px !important;
  }

  .max-height-xxl-540 {
    max-height: 540px !important;
  }

  .min-height-xxl-540 {
    min-height: 540px !important;
  }

  .height-xxl-540 {
    height: 540px !important;
  }

  .square-xxl-270 {
    width: 270px !important;
    height: 270px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-550 {
    max-width: 550px !important;
  }

  .min-width-xxl-550 {
    min-width: 550px !important;
  }

  .width-xxl-550 {
    width: 550px !important;
  }

  .max-height-xxl-550 {
    max-height: 550px !important;
  }

  .min-height-xxl-550 {
    min-height: 550px !important;
  }

  .height-xxl-550 {
    height: 550px !important;
  }

  .square-xxl-275 {
    width: 275px !important;
    height: 275px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-560 {
    max-width: 560px !important;
  }

  .min-width-xxl-560 {
    min-width: 560px !important;
  }

  .width-xxl-560 {
    width: 560px !important;
  }

  .max-height-xxl-560 {
    max-height: 560px !important;
  }

  .min-height-xxl-560 {
    min-height: 560px !important;
  }

  .height-xxl-560 {
    height: 560px !important;
  }

  .square-xxl-280 {
    width: 280px !important;
    height: 280px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-570 {
    max-width: 570px !important;
  }

  .min-width-xxl-570 {
    min-width: 570px !important;
  }

  .width-xxl-570 {
    width: 570px !important;
  }

  .max-height-xxl-570 {
    max-height: 570px !important;
  }

  .min-height-xxl-570 {
    min-height: 570px !important;
  }

  .height-xxl-570 {
    height: 570px !important;
  }

  .square-xxl-285 {
    width: 285px !important;
    height: 285px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-580 {
    max-width: 580px !important;
  }

  .min-width-xxl-580 {
    min-width: 580px !important;
  }

  .width-xxl-580 {
    width: 580px !important;
  }

  .max-height-xxl-580 {
    max-height: 580px !important;
  }

  .min-height-xxl-580 {
    min-height: 580px !important;
  }

  .height-xxl-580 {
    height: 580px !important;
  }

  .square-xxl-290 {
    width: 290px !important;
    height: 290px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-590 {
    max-width: 590px !important;
  }

  .min-width-xxl-590 {
    min-width: 590px !important;
  }

  .width-xxl-590 {
    width: 590px !important;
  }

  .max-height-xxl-590 {
    max-height: 590px !important;
  }

  .min-height-xxl-590 {
    min-height: 590px !important;
  }

  .height-xxl-590 {
    height: 590px !important;
  }

  .square-xxl-295 {
    width: 295px !important;
    height: 295px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-600 {
    max-width: 600px !important;
  }

  .min-width-xxl-600 {
    min-width: 600px !important;
  }

  .width-xxl-600 {
    width: 600px !important;
  }

  .max-height-xxl-600 {
    max-height: 600px !important;
  }

  .min-height-xxl-600 {
    min-height: 600px !important;
  }

  .height-xxl-600 {
    height: 600px !important;
  }

  .square-xxl-300 {
    width: 300px !important;
    height: 300px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-610 {
    max-width: 610px !important;
  }

  .min-width-xxl-610 {
    min-width: 610px !important;
  }

  .width-xxl-610 {
    width: 610px !important;
  }

  .max-height-xxl-610 {
    max-height: 610px !important;
  }

  .min-height-xxl-610 {
    min-height: 610px !important;
  }

  .height-xxl-610 {
    height: 610px !important;
  }

  .square-xxl-305 {
    width: 305px !important;
    height: 305px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-620 {
    max-width: 620px !important;
  }

  .min-width-xxl-620 {
    min-width: 620px !important;
  }

  .width-xxl-620 {
    width: 620px !important;
  }

  .max-height-xxl-620 {
    max-height: 620px !important;
  }

  .min-height-xxl-620 {
    min-height: 620px !important;
  }

  .height-xxl-620 {
    height: 620px !important;
  }

  .square-xxl-310 {
    width: 310px !important;
    height: 310px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-630 {
    max-width: 630px !important;
  }

  .min-width-xxl-630 {
    min-width: 630px !important;
  }

  .width-xxl-630 {
    width: 630px !important;
  }

  .max-height-xxl-630 {
    max-height: 630px !important;
  }

  .min-height-xxl-630 {
    min-height: 630px !important;
  }

  .height-xxl-630 {
    height: 630px !important;
  }

  .square-xxl-315 {
    width: 315px !important;
    height: 315px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-640 {
    max-width: 640px !important;
  }

  .min-width-xxl-640 {
    min-width: 640px !important;
  }

  .width-xxl-640 {
    width: 640px !important;
  }

  .max-height-xxl-640 {
    max-height: 640px !important;
  }

  .min-height-xxl-640 {
    min-height: 640px !important;
  }

  .height-xxl-640 {
    height: 640px !important;
  }

  .square-xxl-320 {
    width: 320px !important;
    height: 320px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-650 {
    max-width: 650px !important;
  }

  .min-width-xxl-650 {
    min-width: 650px !important;
  }

  .width-xxl-650 {
    width: 650px !important;
  }

  .max-height-xxl-650 {
    max-height: 650px !important;
  }

  .min-height-xxl-650 {
    min-height: 650px !important;
  }

  .height-xxl-650 {
    height: 650px !important;
  }

  .square-xxl-325 {
    width: 325px !important;
    height: 325px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-660 {
    max-width: 660px !important;
  }

  .min-width-xxl-660 {
    min-width: 660px !important;
  }

  .width-xxl-660 {
    width: 660px !important;
  }

  .max-height-xxl-660 {
    max-height: 660px !important;
  }

  .min-height-xxl-660 {
    min-height: 660px !important;
  }

  .height-xxl-660 {
    height: 660px !important;
  }

  .square-xxl-330 {
    width: 330px !important;
    height: 330px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-670 {
    max-width: 670px !important;
  }

  .min-width-xxl-670 {
    min-width: 670px !important;
  }

  .width-xxl-670 {
    width: 670px !important;
  }

  .max-height-xxl-670 {
    max-height: 670px !important;
  }

  .min-height-xxl-670 {
    min-height: 670px !important;
  }

  .height-xxl-670 {
    height: 670px !important;
  }

  .square-xxl-335 {
    width: 335px !important;
    height: 335px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-680 {
    max-width: 680px !important;
  }

  .min-width-xxl-680 {
    min-width: 680px !important;
  }

  .width-xxl-680 {
    width: 680px !important;
  }

  .max-height-xxl-680 {
    max-height: 680px !important;
  }

  .min-height-xxl-680 {
    min-height: 680px !important;
  }

  .height-xxl-680 {
    height: 680px !important;
  }

  .square-xxl-340 {
    width: 340px !important;
    height: 340px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-690 {
    max-width: 690px !important;
  }

  .min-width-xxl-690 {
    min-width: 690px !important;
  }

  .width-xxl-690 {
    width: 690px !important;
  }

  .max-height-xxl-690 {
    max-height: 690px !important;
  }

  .min-height-xxl-690 {
    min-height: 690px !important;
  }

  .height-xxl-690 {
    height: 690px !important;
  }

  .square-xxl-345 {
    width: 345px !important;
    height: 345px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-700 {
    max-width: 700px !important;
  }

  .min-width-xxl-700 {
    min-width: 700px !important;
  }

  .width-xxl-700 {
    width: 700px !important;
  }

  .max-height-xxl-700 {
    max-height: 700px !important;
  }

  .min-height-xxl-700 {
    min-height: 700px !important;
  }

  .height-xxl-700 {
    height: 700px !important;
  }

  .square-xxl-350 {
    width: 350px !important;
    height: 350px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-710 {
    max-width: 710px !important;
  }

  .min-width-xxl-710 {
    min-width: 710px !important;
  }

  .width-xxl-710 {
    width: 710px !important;
  }

  .max-height-xxl-710 {
    max-height: 710px !important;
  }

  .min-height-xxl-710 {
    min-height: 710px !important;
  }

  .height-xxl-710 {
    height: 710px !important;
  }

  .square-xxl-355 {
    width: 355px !important;
    height: 355px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-720 {
    max-width: 720px !important;
  }

  .min-width-xxl-720 {
    min-width: 720px !important;
  }

  .width-xxl-720 {
    width: 720px !important;
  }

  .max-height-xxl-720 {
    max-height: 720px !important;
  }

  .min-height-xxl-720 {
    min-height: 720px !important;
  }

  .height-xxl-720 {
    height: 720px !important;
  }

  .square-xxl-360 {
    width: 360px !important;
    height: 360px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-730 {
    max-width: 730px !important;
  }

  .min-width-xxl-730 {
    min-width: 730px !important;
  }

  .width-xxl-730 {
    width: 730px !important;
  }

  .max-height-xxl-730 {
    max-height: 730px !important;
  }

  .min-height-xxl-730 {
    min-height: 730px !important;
  }

  .height-xxl-730 {
    height: 730px !important;
  }

  .square-xxl-365 {
    width: 365px !important;
    height: 365px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-740 {
    max-width: 740px !important;
  }

  .min-width-xxl-740 {
    min-width: 740px !important;
  }

  .width-xxl-740 {
    width: 740px !important;
  }

  .max-height-xxl-740 {
    max-height: 740px !important;
  }

  .min-height-xxl-740 {
    min-height: 740px !important;
  }

  .height-xxl-740 {
    height: 740px !important;
  }

  .square-xxl-370 {
    width: 370px !important;
    height: 370px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-750 {
    max-width: 750px !important;
  }

  .min-width-xxl-750 {
    min-width: 750px !important;
  }

  .width-xxl-750 {
    width: 750px !important;
  }

  .max-height-xxl-750 {
    max-height: 750px !important;
  }

  .min-height-xxl-750 {
    min-height: 750px !important;
  }

  .height-xxl-750 {
    height: 750px !important;
  }

  .square-xxl-375 {
    width: 375px !important;
    height: 375px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-760 {
    max-width: 760px !important;
  }

  .min-width-xxl-760 {
    min-width: 760px !important;
  }

  .width-xxl-760 {
    width: 760px !important;
  }

  .max-height-xxl-760 {
    max-height: 760px !important;
  }

  .min-height-xxl-760 {
    min-height: 760px !important;
  }

  .height-xxl-760 {
    height: 760px !important;
  }

  .square-xxl-380 {
    width: 380px !important;
    height: 380px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-770 {
    max-width: 770px !important;
  }

  .min-width-xxl-770 {
    min-width: 770px !important;
  }

  .width-xxl-770 {
    width: 770px !important;
  }

  .max-height-xxl-770 {
    max-height: 770px !important;
  }

  .min-height-xxl-770 {
    min-height: 770px !important;
  }

  .height-xxl-770 {
    height: 770px !important;
  }

  .square-xxl-385 {
    width: 385px !important;
    height: 385px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-780 {
    max-width: 780px !important;
  }

  .min-width-xxl-780 {
    min-width: 780px !important;
  }

  .width-xxl-780 {
    width: 780px !important;
  }

  .max-height-xxl-780 {
    max-height: 780px !important;
  }

  .min-height-xxl-780 {
    min-height: 780px !important;
  }

  .height-xxl-780 {
    height: 780px !important;
  }

  .square-xxl-390 {
    width: 390px !important;
    height: 390px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-790 {
    max-width: 790px !important;
  }

  .min-width-xxl-790 {
    min-width: 790px !important;
  }

  .width-xxl-790 {
    width: 790px !important;
  }

  .max-height-xxl-790 {
    max-height: 790px !important;
  }

  .min-height-xxl-790 {
    min-height: 790px !important;
  }

  .height-xxl-790 {
    height: 790px !important;
  }

  .square-xxl-395 {
    width: 395px !important;
    height: 395px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-800 {
    max-width: 800px !important;
  }

  .min-width-xxl-800 {
    min-width: 800px !important;
  }

  .width-xxl-800 {
    width: 800px !important;
  }

  .max-height-xxl-800 {
    max-height: 800px !important;
  }

  .min-height-xxl-800 {
    min-height: 800px !important;
  }

  .height-xxl-800 {
    height: 800px !important;
  }

  .square-xxl-400 {
    width: 400px !important;
    height: 400px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-810 {
    max-width: 810px !important;
  }

  .min-width-xxl-810 {
    min-width: 810px !important;
  }

  .width-xxl-810 {
    width: 810px !important;
  }

  .max-height-xxl-810 {
    max-height: 810px !important;
  }

  .min-height-xxl-810 {
    min-height: 810px !important;
  }

  .height-xxl-810 {
    height: 810px !important;
  }

  .square-xxl-405 {
    width: 405px !important;
    height: 405px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-820 {
    max-width: 820px !important;
  }

  .min-width-xxl-820 {
    min-width: 820px !important;
  }

  .width-xxl-820 {
    width: 820px !important;
  }

  .max-height-xxl-820 {
    max-height: 820px !important;
  }

  .min-height-xxl-820 {
    min-height: 820px !important;
  }

  .height-xxl-820 {
    height: 820px !important;
  }

  .square-xxl-410 {
    width: 410px !important;
    height: 410px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-830 {
    max-width: 830px !important;
  }

  .min-width-xxl-830 {
    min-width: 830px !important;
  }

  .width-xxl-830 {
    width: 830px !important;
  }

  .max-height-xxl-830 {
    max-height: 830px !important;
  }

  .min-height-xxl-830 {
    min-height: 830px !important;
  }

  .height-xxl-830 {
    height: 830px !important;
  }

  .square-xxl-415 {
    width: 415px !important;
    height: 415px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-840 {
    max-width: 840px !important;
  }

  .min-width-xxl-840 {
    min-width: 840px !important;
  }

  .width-xxl-840 {
    width: 840px !important;
  }

  .max-height-xxl-840 {
    max-height: 840px !important;
  }

  .min-height-xxl-840 {
    min-height: 840px !important;
  }

  .height-xxl-840 {
    height: 840px !important;
  }

  .square-xxl-420 {
    width: 420px !important;
    height: 420px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-850 {
    max-width: 850px !important;
  }

  .min-width-xxl-850 {
    min-width: 850px !important;
  }

  .width-xxl-850 {
    width: 850px !important;
  }

  .max-height-xxl-850 {
    max-height: 850px !important;
  }

  .min-height-xxl-850 {
    min-height: 850px !important;
  }

  .height-xxl-850 {
    height: 850px !important;
  }

  .square-xxl-425 {
    width: 425px !important;
    height: 425px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-860 {
    max-width: 860px !important;
  }

  .min-width-xxl-860 {
    min-width: 860px !important;
  }

  .width-xxl-860 {
    width: 860px !important;
  }

  .max-height-xxl-860 {
    max-height: 860px !important;
  }

  .min-height-xxl-860 {
    min-height: 860px !important;
  }

  .height-xxl-860 {
    height: 860px !important;
  }

  .square-xxl-430 {
    width: 430px !important;
    height: 430px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-870 {
    max-width: 870px !important;
  }

  .min-width-xxl-870 {
    min-width: 870px !important;
  }

  .width-xxl-870 {
    width: 870px !important;
  }

  .max-height-xxl-870 {
    max-height: 870px !important;
  }

  .min-height-xxl-870 {
    min-height: 870px !important;
  }

  .height-xxl-870 {
    height: 870px !important;
  }

  .square-xxl-435 {
    width: 435px !important;
    height: 435px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-880 {
    max-width: 880px !important;
  }

  .min-width-xxl-880 {
    min-width: 880px !important;
  }

  .width-xxl-880 {
    width: 880px !important;
  }

  .max-height-xxl-880 {
    max-height: 880px !important;
  }

  .min-height-xxl-880 {
    min-height: 880px !important;
  }

  .height-xxl-880 {
    height: 880px !important;
  }

  .square-xxl-440 {
    width: 440px !important;
    height: 440px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-890 {
    max-width: 890px !important;
  }

  .min-width-xxl-890 {
    min-width: 890px !important;
  }

  .width-xxl-890 {
    width: 890px !important;
  }

  .max-height-xxl-890 {
    max-height: 890px !important;
  }

  .min-height-xxl-890 {
    min-height: 890px !important;
  }

  .height-xxl-890 {
    height: 890px !important;
  }

  .square-xxl-445 {
    width: 445px !important;
    height: 445px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-900 {
    max-width: 900px !important;
  }

  .min-width-xxl-900 {
    min-width: 900px !important;
  }

  .width-xxl-900 {
    width: 900px !important;
  }

  .max-height-xxl-900 {
    max-height: 900px !important;
  }

  .min-height-xxl-900 {
    min-height: 900px !important;
  }

  .height-xxl-900 {
    height: 900px !important;
  }

  .square-xxl-450 {
    width: 450px !important;
    height: 450px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-910 {
    max-width: 910px !important;
  }

  .min-width-xxl-910 {
    min-width: 910px !important;
  }

  .width-xxl-910 {
    width: 910px !important;
  }

  .max-height-xxl-910 {
    max-height: 910px !important;
  }

  .min-height-xxl-910 {
    min-height: 910px !important;
  }

  .height-xxl-910 {
    height: 910px !important;
  }

  .square-xxl-455 {
    width: 455px !important;
    height: 455px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-920 {
    max-width: 920px !important;
  }

  .min-width-xxl-920 {
    min-width: 920px !important;
  }

  .width-xxl-920 {
    width: 920px !important;
  }

  .max-height-xxl-920 {
    max-height: 920px !important;
  }

  .min-height-xxl-920 {
    min-height: 920px !important;
  }

  .height-xxl-920 {
    height: 920px !important;
  }

  .square-xxl-460 {
    width: 460px !important;
    height: 460px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-930 {
    max-width: 930px !important;
  }

  .min-width-xxl-930 {
    min-width: 930px !important;
  }

  .width-xxl-930 {
    width: 930px !important;
  }

  .max-height-xxl-930 {
    max-height: 930px !important;
  }

  .min-height-xxl-930 {
    min-height: 930px !important;
  }

  .height-xxl-930 {
    height: 930px !important;
  }

  .square-xxl-465 {
    width: 465px !important;
    height: 465px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-940 {
    max-width: 940px !important;
  }

  .min-width-xxl-940 {
    min-width: 940px !important;
  }

  .width-xxl-940 {
    width: 940px !important;
  }

  .max-height-xxl-940 {
    max-height: 940px !important;
  }

  .min-height-xxl-940 {
    min-height: 940px !important;
  }

  .height-xxl-940 {
    height: 940px !important;
  }

  .square-xxl-470 {
    width: 470px !important;
    height: 470px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-950 {
    max-width: 950px !important;
  }

  .min-width-xxl-950 {
    min-width: 950px !important;
  }

  .width-xxl-950 {
    width: 950px !important;
  }

  .max-height-xxl-950 {
    max-height: 950px !important;
  }

  .min-height-xxl-950 {
    min-height: 950px !important;
  }

  .height-xxl-950 {
    height: 950px !important;
  }

  .square-xxl-475 {
    width: 475px !important;
    height: 475px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-960 {
    max-width: 960px !important;
  }

  .min-width-xxl-960 {
    min-width: 960px !important;
  }

  .width-xxl-960 {
    width: 960px !important;
  }

  .max-height-xxl-960 {
    max-height: 960px !important;
  }

  .min-height-xxl-960 {
    min-height: 960px !important;
  }

  .height-xxl-960 {
    height: 960px !important;
  }

  .square-xxl-480 {
    width: 480px !important;
    height: 480px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-970 {
    max-width: 970px !important;
  }

  .min-width-xxl-970 {
    min-width: 970px !important;
  }

  .width-xxl-970 {
    width: 970px !important;
  }

  .max-height-xxl-970 {
    max-height: 970px !important;
  }

  .min-height-xxl-970 {
    min-height: 970px !important;
  }

  .height-xxl-970 {
    height: 970px !important;
  }

  .square-xxl-485 {
    width: 485px !important;
    height: 485px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-980 {
    max-width: 980px !important;
  }

  .min-width-xxl-980 {
    min-width: 980px !important;
  }

  .width-xxl-980 {
    width: 980px !important;
  }

  .max-height-xxl-980 {
    max-height: 980px !important;
  }

  .min-height-xxl-980 {
    min-height: 980px !important;
  }

  .height-xxl-980 {
    height: 980px !important;
  }

  .square-xxl-490 {
    width: 490px !important;
    height: 490px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-990 {
    max-width: 990px !important;
  }

  .min-width-xxl-990 {
    min-width: 990px !important;
  }

  .width-xxl-990 {
    width: 990px !important;
  }

  .max-height-xxl-990 {
    max-height: 990px !important;
  }

  .min-height-xxl-990 {
    min-height: 990px !important;
  }

  .height-xxl-990 {
    height: 990px !important;
  }

  .square-xxl-495 {
    width: 495px !important;
    height: 495px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-1000 {
    max-width: 1000px !important;
  }

  .min-width-xxl-1000 {
    min-width: 1000px !important;
  }

  .width-xxl-1000 {
    width: 1000px !important;
  }

  .max-height-xxl-1000 {
    max-height: 1000px !important;
  }

  .min-height-xxl-1000 {
    min-height: 1000px !important;
  }

  .height-xxl-1000 {
    height: 1000px !important;
  }

  .square-xxl-500 {
    width: 500px !important;
    height: 500px !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-10-percent {
    max-width: 10% !important;
  }

  .min-width-xxl-10-percent {
    min-width: 10% !important;
  }

  .width-xxl-10-percent {
    width: 10% !important;
  }

  .max-height-xxl-10-percent {
    max-height: 10% !important;
  }

  .min-height-xxl-10-percent {
    min-height: 10% !important;
  }

  .height-xxl-10-percent {
    height: 10% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-20-percent {
    max-width: 20% !important;
  }

  .min-width-xxl-20-percent {
    min-width: 20% !important;
  }

  .width-xxl-20-percent {
    width: 20% !important;
  }

  .max-height-xxl-20-percent {
    max-height: 20% !important;
  }

  .min-height-xxl-20-percent {
    min-height: 20% !important;
  }

  .height-xxl-20-percent {
    height: 20% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-30-percent {
    max-width: 30% !important;
  }

  .min-width-xxl-30-percent {
    min-width: 30% !important;
  }

  .width-xxl-30-percent {
    width: 30% !important;
  }

  .max-height-xxl-30-percent {
    max-height: 30% !important;
  }

  .min-height-xxl-30-percent {
    min-height: 30% !important;
  }

  .height-xxl-30-percent {
    height: 30% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-40-percent {
    max-width: 40% !important;
  }

  .min-width-xxl-40-percent {
    min-width: 40% !important;
  }

  .width-xxl-40-percent {
    width: 40% !important;
  }

  .max-height-xxl-40-percent {
    max-height: 40% !important;
  }

  .min-height-xxl-40-percent {
    min-height: 40% !important;
  }

  .height-xxl-40-percent {
    height: 40% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-50-percent {
    max-width: 50% !important;
  }

  .min-width-xxl-50-percent {
    min-width: 50% !important;
  }

  .width-xxl-50-percent {
    width: 50% !important;
  }

  .max-height-xxl-50-percent {
    max-height: 50% !important;
  }

  .min-height-xxl-50-percent {
    min-height: 50% !important;
  }

  .height-xxl-50-percent {
    height: 50% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-60-percent {
    max-width: 60% !important;
  }

  .min-width-xxl-60-percent {
    min-width: 60% !important;
  }

  .width-xxl-60-percent {
    width: 60% !important;
  }

  .max-height-xxl-60-percent {
    max-height: 60% !important;
  }

  .min-height-xxl-60-percent {
    min-height: 60% !important;
  }

  .height-xxl-60-percent {
    height: 60% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-70-percent {
    max-width: 70% !important;
  }

  .min-width-xxl-70-percent {
    min-width: 70% !important;
  }

  .width-xxl-70-percent {
    width: 70% !important;
  }

  .max-height-xxl-70-percent {
    max-height: 70% !important;
  }

  .min-height-xxl-70-percent {
    min-height: 70% !important;
  }

  .height-xxl-70-percent {
    height: 70% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-80-percent {
    max-width: 80% !important;
  }

  .min-width-xxl-80-percent {
    min-width: 80% !important;
  }

  .width-xxl-80-percent {
    width: 80% !important;
  }

  .max-height-xxl-80-percent {
    max-height: 80% !important;
  }

  .min-height-xxl-80-percent {
    min-height: 80% !important;
  }

  .height-xxl-80-percent {
    height: 80% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-90-percent {
    max-width: 90% !important;
  }

  .min-width-xxl-90-percent {
    min-width: 90% !important;
  }

  .width-xxl-90-percent {
    width: 90% !important;
  }

  .max-height-xxl-90-percent {
    max-height: 90% !important;
  }

  .min-height-xxl-90-percent {
    min-height: 90% !important;
  }

  .height-xxl-90-percent {
    height: 90% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-100-percent {
    max-width: 100% !important;
  }

  .min-width-xxl-100-percent {
    min-width: 100% !important;
  }

  .width-xxl-100-percent {
    width: 100% !important;
  }

  .max-height-xxl-100-percent {
    max-height: 100% !important;
  }

  .min-height-xxl-100-percent {
    min-height: 100% !important;
  }

  .height-xxl-100-percent {
    height: 100% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-110-percent {
    max-width: 110% !important;
  }

  .min-width-xxl-110-percent {
    min-width: 110% !important;
  }

  .width-xxl-110-percent {
    width: 110% !important;
  }

  .max-height-xxl-110-percent {
    max-height: 110% !important;
  }

  .min-height-xxl-110-percent {
    min-height: 110% !important;
  }

  .height-xxl-110-percent {
    height: 110% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-120-percent {
    max-width: 120% !important;
  }

  .min-width-xxl-120-percent {
    min-width: 120% !important;
  }

  .width-xxl-120-percent {
    width: 120% !important;
  }

  .max-height-xxl-120-percent {
    max-height: 120% !important;
  }

  .min-height-xxl-120-percent {
    min-height: 120% !important;
  }

  .height-xxl-120-percent {
    height: 120% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-130-percent {
    max-width: 130% !important;
  }

  .min-width-xxl-130-percent {
    min-width: 130% !important;
  }

  .width-xxl-130-percent {
    width: 130% !important;
  }

  .max-height-xxl-130-percent {
    max-height: 130% !important;
  }

  .min-height-xxl-130-percent {
    min-height: 130% !important;
  }

  .height-xxl-130-percent {
    height: 130% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-140-percent {
    max-width: 140% !important;
  }

  .min-width-xxl-140-percent {
    min-width: 140% !important;
  }

  .width-xxl-140-percent {
    width: 140% !important;
  }

  .max-height-xxl-140-percent {
    max-height: 140% !important;
  }

  .min-height-xxl-140-percent {
    min-height: 140% !important;
  }

  .height-xxl-140-percent {
    height: 140% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-150-percent {
    max-width: 150% !important;
  }

  .min-width-xxl-150-percent {
    min-width: 150% !important;
  }

  .width-xxl-150-percent {
    width: 150% !important;
  }

  .max-height-xxl-150-percent {
    max-height: 150% !important;
  }

  .min-height-xxl-150-percent {
    min-height: 150% !important;
  }

  .height-xxl-150-percent {
    height: 150% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-160-percent {
    max-width: 160% !important;
  }

  .min-width-xxl-160-percent {
    min-width: 160% !important;
  }

  .width-xxl-160-percent {
    width: 160% !important;
  }

  .max-height-xxl-160-percent {
    max-height: 160% !important;
  }

  .min-height-xxl-160-percent {
    min-height: 160% !important;
  }

  .height-xxl-160-percent {
    height: 160% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-170-percent {
    max-width: 170% !important;
  }

  .min-width-xxl-170-percent {
    min-width: 170% !important;
  }

  .width-xxl-170-percent {
    width: 170% !important;
  }

  .max-height-xxl-170-percent {
    max-height: 170% !important;
  }

  .min-height-xxl-170-percent {
    min-height: 170% !important;
  }

  .height-xxl-170-percent {
    height: 170% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-180-percent {
    max-width: 180% !important;
  }

  .min-width-xxl-180-percent {
    min-width: 180% !important;
  }

  .width-xxl-180-percent {
    width: 180% !important;
  }

  .max-height-xxl-180-percent {
    max-height: 180% !important;
  }

  .min-height-xxl-180-percent {
    min-height: 180% !important;
  }

  .height-xxl-180-percent {
    height: 180% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-190-percent {
    max-width: 190% !important;
  }

  .min-width-xxl-190-percent {
    min-width: 190% !important;
  }

  .width-xxl-190-percent {
    width: 190% !important;
  }

  .max-height-xxl-190-percent {
    max-height: 190% !important;
  }

  .min-height-xxl-190-percent {
    min-height: 190% !important;
  }

  .height-xxl-190-percent {
    height: 190% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-200-percent {
    max-width: 200% !important;
  }

  .min-width-xxl-200-percent {
    min-width: 200% !important;
  }

  .width-xxl-200-percent {
    width: 200% !important;
  }

  .max-height-xxl-200-percent {
    max-height: 200% !important;
  }

  .min-height-xxl-200-percent {
    min-height: 200% !important;
  }

  .height-xxl-200-percent {
    height: 200% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-210-percent {
    max-width: 210% !important;
  }

  .min-width-xxl-210-percent {
    min-width: 210% !important;
  }

  .width-xxl-210-percent {
    width: 210% !important;
  }

  .max-height-xxl-210-percent {
    max-height: 210% !important;
  }

  .min-height-xxl-210-percent {
    min-height: 210% !important;
  }

  .height-xxl-210-percent {
    height: 210% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-220-percent {
    max-width: 220% !important;
  }

  .min-width-xxl-220-percent {
    min-width: 220% !important;
  }

  .width-xxl-220-percent {
    width: 220% !important;
  }

  .max-height-xxl-220-percent {
    max-height: 220% !important;
  }

  .min-height-xxl-220-percent {
    min-height: 220% !important;
  }

  .height-xxl-220-percent {
    height: 220% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-230-percent {
    max-width: 230% !important;
  }

  .min-width-xxl-230-percent {
    min-width: 230% !important;
  }

  .width-xxl-230-percent {
    width: 230% !important;
  }

  .max-height-xxl-230-percent {
    max-height: 230% !important;
  }

  .min-height-xxl-230-percent {
    min-height: 230% !important;
  }

  .height-xxl-230-percent {
    height: 230% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-240-percent {
    max-width: 240% !important;
  }

  .min-width-xxl-240-percent {
    min-width: 240% !important;
  }

  .width-xxl-240-percent {
    width: 240% !important;
  }

  .max-height-xxl-240-percent {
    max-height: 240% !important;
  }

  .min-height-xxl-240-percent {
    min-height: 240% !important;
  }

  .height-xxl-240-percent {
    height: 240% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-250-percent {
    max-width: 250% !important;
  }

  .min-width-xxl-250-percent {
    min-width: 250% !important;
  }

  .width-xxl-250-percent {
    width: 250% !important;
  }

  .max-height-xxl-250-percent {
    max-height: 250% !important;
  }

  .min-height-xxl-250-percent {
    min-height: 250% !important;
  }

  .height-xxl-250-percent {
    height: 250% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-260-percent {
    max-width: 260% !important;
  }

  .min-width-xxl-260-percent {
    min-width: 260% !important;
  }

  .width-xxl-260-percent {
    width: 260% !important;
  }

  .max-height-xxl-260-percent {
    max-height: 260% !important;
  }

  .min-height-xxl-260-percent {
    min-height: 260% !important;
  }

  .height-xxl-260-percent {
    height: 260% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-270-percent {
    max-width: 270% !important;
  }

  .min-width-xxl-270-percent {
    min-width: 270% !important;
  }

  .width-xxl-270-percent {
    width: 270% !important;
  }

  .max-height-xxl-270-percent {
    max-height: 270% !important;
  }

  .min-height-xxl-270-percent {
    min-height: 270% !important;
  }

  .height-xxl-270-percent {
    height: 270% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-280-percent {
    max-width: 280% !important;
  }

  .min-width-xxl-280-percent {
    min-width: 280% !important;
  }

  .width-xxl-280-percent {
    width: 280% !important;
  }

  .max-height-xxl-280-percent {
    max-height: 280% !important;
  }

  .min-height-xxl-280-percent {
    min-height: 280% !important;
  }

  .height-xxl-280-percent {
    height: 280% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-290-percent {
    max-width: 290% !important;
  }

  .min-width-xxl-290-percent {
    min-width: 290% !important;
  }

  .width-xxl-290-percent {
    width: 290% !important;
  }

  .max-height-xxl-290-percent {
    max-height: 290% !important;
  }

  .min-height-xxl-290-percent {
    min-height: 290% !important;
  }

  .height-xxl-290-percent {
    height: 290% !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-300-percent {
    max-width: 300% !important;
  }

  .min-width-xxl-300-percent {
    min-width: 300% !important;
  }

  .width-xxl-300-percent {
    width: 300% !important;
  }

  .max-height-xxl-300-percent {
    max-height: 300% !important;
  }

  .min-height-xxl-300-percent {
    min-height: 300% !important;
  }

  .height-xxl-300-percent {
    height: 300% !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-10vh {
    min-height: 10vh !important;
  }

  .height-xxl-10vh {
    height: 10vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-20vh {
    min-height: 20vh !important;
  }

  .height-xxl-20vh {
    height: 20vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-30vh {
    min-height: 30vh !important;
  }

  .height-xxl-30vh {
    height: 30vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-40vh {
    min-height: 40vh !important;
  }

  .height-xxl-40vh {
    height: 40vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-50vh {
    min-height: 50vh !important;
  }

  .height-xxl-50vh {
    height: 50vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-60vh {
    min-height: 60vh !important;
  }

  .height-xxl-60vh {
    height: 60vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-70vh {
    min-height: 70vh !important;
  }

  .height-xxl-70vh {
    height: 70vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-80vh {
    min-height: 80vh !important;
  }

  .height-xxl-80vh {
    height: 80vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-90vh {
    min-height: 90vh !important;
  }

  .height-xxl-90vh {
    height: 90vh !important;
  }
}
@media (min-width: 1600px) {
  .min-height-xxl-100vh {
    min-height: 100vh !important;
  }

  .height-xxl-100vh {
    height: 100vh !important;
  }
}
@media (min-width: 1600px) {
  .square-xxl-auto {
    aspect-ratio: 1;
  }

  .max-width-xxl-initial {
    max-width: initial !important;
  }

  .min-width-xxl-initial {
    min-width: initial !important;
  }

  .width-xxl-initial {
    width: initial !important;
  }

  .width-xxl-max-content {
    width: max-content !important;
  }

  .width-xxl-auto {
    width: auto !important;
  }

  .min-width-xxl-auto {
    min-width: auto !important;
  }

  .height-xxl-auto {
    height: auto !important;
  }

  .min-height-xxl-auto {
    min-height: auto !important;
  }
}
.max-width-readable {
  max-width: 65ch !important;
}

@media (min-width: 0px) {
  .max-width-readable {
    max-width: 65ch !important;
  }
}
@media (min-width: 576px) {
  .max-width-sm-readable {
    max-width: 65ch !important;
  }
}
@media (min-width: 768px) {
  .max-width-md-readable {
    max-width: 65ch !important;
  }
}
@media (min-width: 992px) {
  .max-width-lg-readable {
    max-width: 65ch !important;
  }
}
@media (min-width: 1200px) {
  .max-width-xl-readable {
    max-width: 65ch !important;
  }
}
@media (min-width: 1600px) {
  .max-width-xxl-readable {
    max-width: 65ch !important;
  }
}
@media (min-width: 0px) {
  .text-small {
    font-size: var(--font-size-small) !important;
  }

  .text-normal {
    font-size: var(--font-size-normal) !important;
  }

  .text-medium {
    font-size: var(--font-size-medium) !important;
  }

  .text-large {
    font-size: var(--font-size-large) !important;
  }

  .text-xlarge {
    font-size: var(--font-size-xlarge) !important;
  }

  .text-2xlarge {
    font-size: var(--font-size-2xlarge) !important;
  }

  .text-3xlarge {
    font-size: var(--font-size-3xlarge) !important;
  }

  .text-4xlarge {
    font-size: var(--font-size-4xlarge) !important;
  }
}
@media (min-width: 576px) {
  .text-sm-small {
    font-size: var(--font-size-small) !important;
  }

  .text-sm-normal {
    font-size: var(--font-size-normal) !important;
  }

  .text-sm-medium {
    font-size: var(--font-size-medium) !important;
  }

  .text-sm-large {
    font-size: var(--font-size-large) !important;
  }

  .text-sm-xlarge {
    font-size: var(--font-size-xlarge) !important;
  }

  .text-sm-2xlarge {
    font-size: var(--font-size-2xlarge) !important;
  }

  .text-sm-3xlarge {
    font-size: var(--font-size-3xlarge) !important;
  }

  .text-sm-4xlarge {
    font-size: var(--font-size-4xlarge) !important;
  }
}
@media (min-width: 768px) {
  .text-md-small {
    font-size: var(--font-size-small) !important;
  }

  .text-md-normal {
    font-size: var(--font-size-normal) !important;
  }

  .text-md-medium {
    font-size: var(--font-size-medium) !important;
  }

  .text-md-large {
    font-size: var(--font-size-large) !important;
  }

  .text-md-xlarge {
    font-size: var(--font-size-xlarge) !important;
  }

  .text-md-2xlarge {
    font-size: var(--font-size-2xlarge) !important;
  }

  .text-md-3xlarge {
    font-size: var(--font-size-3xlarge) !important;
  }

  .text-md-4xlarge {
    font-size: var(--font-size-4xlarge) !important;
  }
}
@media (min-width: 992px) {
  .text-lg-small {
    font-size: var(--font-size-small) !important;
  }

  .text-lg-normal {
    font-size: var(--font-size-normal) !important;
  }

  .text-lg-medium {
    font-size: var(--font-size-medium) !important;
  }

  .text-lg-large {
    font-size: var(--font-size-large) !important;
  }

  .text-lg-xlarge {
    font-size: var(--font-size-xlarge) !important;
  }

  .text-lg-2xlarge {
    font-size: var(--font-size-2xlarge) !important;
  }

  .text-lg-3xlarge {
    font-size: var(--font-size-3xlarge) !important;
  }

  .text-lg-4xlarge {
    font-size: var(--font-size-4xlarge) !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-small {
    font-size: var(--font-size-small) !important;
  }

  .text-xl-normal {
    font-size: var(--font-size-normal) !important;
  }

  .text-xl-medium {
    font-size: var(--font-size-medium) !important;
  }

  .text-xl-large {
    font-size: var(--font-size-large) !important;
  }

  .text-xl-xlarge {
    font-size: var(--font-size-xlarge) !important;
  }

  .text-xl-2xlarge {
    font-size: var(--font-size-2xlarge) !important;
  }

  .text-xl-3xlarge {
    font-size: var(--font-size-3xlarge) !important;
  }

  .text-xl-4xlarge {
    font-size: var(--font-size-4xlarge) !important;
  }
}
@media (min-width: 1600px) {
  .text-xxl-small {
    font-size: var(--font-size-small) !important;
  }

  .text-xxl-normal {
    font-size: var(--font-size-normal) !important;
  }

  .text-xxl-medium {
    font-size: var(--font-size-medium) !important;
  }

  .text-xxl-large {
    font-size: var(--font-size-large) !important;
  }

  .text-xxl-xlarge {
    font-size: var(--font-size-xlarge) !important;
  }

  .text-xxl-2xlarge {
    font-size: var(--font-size-2xlarge) !important;
  }

  .text-xxl-3xlarge {
    font-size: var(--font-size-3xlarge) !important;
  }

  .text-xxl-4xlarge {
    font-size: var(--font-size-4xlarge) !important;
  }
}
@media (min-width: 0px) {
  .font-weight-thin {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-thin-deep, .font-weight-thin-deep * {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-extra-light {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-extra-light-deep, .font-weight-extra-light-deep * {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-light {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-light-deep, .font-weight-light-deep * {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-normal {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-normal-deep, .font-weight-normal-deep * {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-medium {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-medium-deep, .font-weight-medium-deep * {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-semi-bold {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-semi-bold-deep, .font-weight-semi-bold-deep * {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-bold {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-bold-deep, .font-weight-bold-deep * {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-extra-bold {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-extra-bold-deep, .font-weight-extra-bold-deep * {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-black {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-black-deep, .font-weight-black-deep * {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-extra-black {
    font-weight: var(--font-weight-extra-black) !important;
  }

  .font-weight-extra-black-deep, .font-weight-extra-black-deep * {
    font-weight: var(--font-weight-extra-black) !important;
  }
}
@media (min-width: 576px) {
  .font-weight-sm-thin {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-sm-thin-deep, .font-weight-sm-thin-deep * {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-sm-extra-light {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-sm-extra-light-deep, .font-weight-sm-extra-light-deep * {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-sm-light {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-sm-light-deep, .font-weight-sm-light-deep * {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-sm-normal {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-sm-normal-deep, .font-weight-sm-normal-deep * {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-sm-medium {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-sm-medium-deep, .font-weight-sm-medium-deep * {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-sm-semi-bold {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-sm-semi-bold-deep, .font-weight-sm-semi-bold-deep * {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-sm-bold {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-sm-bold-deep, .font-weight-sm-bold-deep * {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-sm-extra-bold {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-sm-extra-bold-deep, .font-weight-sm-extra-bold-deep * {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-sm-black {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-sm-black-deep, .font-weight-sm-black-deep * {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-sm-extra-black {
    font-weight: var(--font-weight-extra-black) !important;
  }

  .font-weight-sm-extra-black-deep, .font-weight-sm-extra-black-deep * {
    font-weight: var(--font-weight-extra-black) !important;
  }
}
@media (min-width: 768px) {
  .font-weight-md-thin {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-md-thin-deep, .font-weight-md-thin-deep * {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-md-extra-light {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-md-extra-light-deep, .font-weight-md-extra-light-deep * {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-md-light {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-md-light-deep, .font-weight-md-light-deep * {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-md-normal {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-md-normal-deep, .font-weight-md-normal-deep * {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-md-medium {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-md-medium-deep, .font-weight-md-medium-deep * {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-md-semi-bold {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-md-semi-bold-deep, .font-weight-md-semi-bold-deep * {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-md-bold {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-md-bold-deep, .font-weight-md-bold-deep * {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-md-extra-bold {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-md-extra-bold-deep, .font-weight-md-extra-bold-deep * {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-md-black {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-md-black-deep, .font-weight-md-black-deep * {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-md-extra-black {
    font-weight: var(--font-weight-extra-black) !important;
  }

  .font-weight-md-extra-black-deep, .font-weight-md-extra-black-deep * {
    font-weight: var(--font-weight-extra-black) !important;
  }
}
@media (min-width: 992px) {
  .font-weight-lg-thin {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-lg-thin-deep, .font-weight-lg-thin-deep * {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-lg-extra-light {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-lg-extra-light-deep, .font-weight-lg-extra-light-deep * {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-lg-light {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-lg-light-deep, .font-weight-lg-light-deep * {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-lg-normal {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-lg-normal-deep, .font-weight-lg-normal-deep * {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-lg-medium {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-lg-medium-deep, .font-weight-lg-medium-deep * {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-lg-semi-bold {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-lg-semi-bold-deep, .font-weight-lg-semi-bold-deep * {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-lg-bold {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-lg-bold-deep, .font-weight-lg-bold-deep * {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-lg-extra-bold {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-lg-extra-bold-deep, .font-weight-lg-extra-bold-deep * {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-lg-black {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-lg-black-deep, .font-weight-lg-black-deep * {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-lg-extra-black {
    font-weight: var(--font-weight-extra-black) !important;
  }

  .font-weight-lg-extra-black-deep, .font-weight-lg-extra-black-deep * {
    font-weight: var(--font-weight-extra-black) !important;
  }
}
@media (min-width: 1200px) {
  .font-weight-xl-thin {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-xl-thin-deep, .font-weight-xl-thin-deep * {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-xl-extra-light {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-xl-extra-light-deep, .font-weight-xl-extra-light-deep * {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-xl-light {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-xl-light-deep, .font-weight-xl-light-deep * {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-xl-normal {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-xl-normal-deep, .font-weight-xl-normal-deep * {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-xl-medium {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-xl-medium-deep, .font-weight-xl-medium-deep * {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-xl-semi-bold {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-xl-semi-bold-deep, .font-weight-xl-semi-bold-deep * {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-xl-bold {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-xl-bold-deep, .font-weight-xl-bold-deep * {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-xl-extra-bold {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-xl-extra-bold-deep, .font-weight-xl-extra-bold-deep * {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-xl-black {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-xl-black-deep, .font-weight-xl-black-deep * {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-xl-extra-black {
    font-weight: var(--font-weight-extra-black) !important;
  }

  .font-weight-xl-extra-black-deep, .font-weight-xl-extra-black-deep * {
    font-weight: var(--font-weight-extra-black) !important;
  }
}
@media (min-width: 1600px) {
  .font-weight-xxl-thin {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-xxl-thin-deep, .font-weight-xxl-thin-deep * {
    font-weight: var(--font-weight-thin) !important;
  }

  .font-weight-xxl-extra-light {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-xxl-extra-light-deep, .font-weight-xxl-extra-light-deep * {
    font-weight: var(--font-weight-extra-light) !important;
  }

  .font-weight-xxl-light {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-xxl-light-deep, .font-weight-xxl-light-deep * {
    font-weight: var(--font-weight-light) !important;
  }

  .font-weight-xxl-normal {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-xxl-normal-deep, .font-weight-xxl-normal-deep * {
    font-weight: var(--font-weight-normal) !important;
  }

  .font-weight-xxl-medium {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-xxl-medium-deep, .font-weight-xxl-medium-deep * {
    font-weight: var(--font-weight-medium) !important;
  }

  .font-weight-xxl-semi-bold {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-xxl-semi-bold-deep, .font-weight-xxl-semi-bold-deep * {
    font-weight: var(--font-weight-semi-bold) !important;
  }

  .font-weight-xxl-bold {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-xxl-bold-deep, .font-weight-xxl-bold-deep * {
    font-weight: var(--font-weight-bold) !important;
  }

  .font-weight-xxl-extra-bold {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-xxl-extra-bold-deep, .font-weight-xxl-extra-bold-deep * {
    font-weight: var(--font-weight-extra-bold) !important;
  }

  .font-weight-xxl-black {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-xxl-black-deep, .font-weight-xxl-black-deep * {
    font-weight: var(--font-weight-black) !important;
  }

  .font-weight-xxl-extra-black {
    font-weight: var(--font-weight-extra-black) !important;
  }

  .font-weight-xxl-extra-black-deep, .font-weight-xxl-extra-black-deep * {
    font-weight: var(--font-weight-extra-black) !important;
  }
}
.calendar-sheet td, .calendar-sheet th, .calendar-sheet .day > div, .calendar-sheet .week-number > div {
  text-align: center;
  vertical-align: center;
  width: 30px;
  height: 30px;
}
.calendar-sheet .week-number {
  width: 45px;
  height: 30px;
  padding-right: 15px;
  color: var(--greyscale-mid);
}
.calendar-sheet .day, .calendar-sheet .week-number {
  cursor: pointer;
}
.calendar-sheet .day.disabled, .calendar-sheet .week-number.disabled {
  cursor: inherit;
}
.calendar-sheet .day.disabled > div, .calendar-sheet .week-number.disabled > div {
  color: var(--greyscale-bright);
}
.calendar-sheet .day > div, .calendar-sheet .week-number > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-sheet .day > div.preview, .calendar-sheet .day > div.selected, .calendar-sheet .week-number > div.preview, .calendar-sheet .week-number > div.selected {
  color: var(--calendar-selection-color);
  background-color: var(--calendar-selection-background);
}
.calendar-sheet .day > div.start, .calendar-sheet .day > div.end, .calendar-sheet .week-number > div.start, .calendar-sheet .week-number > div.end {
  color: var(--calendar-selection-ends-color);
  background-color: var(--calendar-selection-ends-background);
}
.calendar-sheet .day > div.end, .calendar-sheet .week-number > div.end {
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
}
.calendar-sheet .day > div.start, .calendar-sheet .week-number > div.start {
  border-top-left-radius: 100%;
  border-bottom-left-radius: 100%;
}
.calendar-sheet .day > div.today, .calendar-sheet .week-number > div.today {
  color: var(--calendar-today-color);
  font-weight: 700;
}
.calendar-sheet .day > div.today.preview, .calendar-sheet .day > div.today.selected, .calendar-sheet .week-number > div.today.preview, .calendar-sheet .week-number > div.today.selected {
  color: var(--calendar-today-selected-color);
}
.calendar-sheet .day:not(.disabled):hover > div, .calendar-sheet .week-number:not(.disabled):hover > div {
  background-color: var(--calendar-hover-background);
}
.calendar-sheet .day:not(.disabled):hover > div.preview, .calendar-sheet .day:not(.disabled):hover > div.selected, .calendar-sheet .week-number:not(.disabled):hover > div.preview, .calendar-sheet .week-number:not(.disabled):hover > div.selected {
  background-color: var(--calendar-selection-background-hover);
}
.calendar-sheet .day:not(.disabled):hover > div.start, .calendar-sheet .day:not(.disabled):hover > div.end, .calendar-sheet .week-number:not(.disabled):hover > div.start, .calendar-sheet .week-number:not(.disabled):hover > div.end {
  background-color: var(--calendar-selection-ends-background-hover);
}
.calendar-sheet .day:not(.disabled):hover > div:not(.preview, .selected), .calendar-sheet .week-number:not(.disabled):hover > div:not(.preview, .selected) {
  border-radius: 100%;
}

.px-pdf-viewer-fullscreen {
  overflow: hidden;
}

.px-pdf-viewer {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--pdf-viewer-background);
  user-select: none;
  color: var(--pdf-viewer-color);
  height: calc(100vh - var(--navbar-height));
}
.px-pdf-viewer .pdfjs-iframe {
  margin-left: -20px;
  width: calc(100% + 12px);
  flex: 1 1 0;
  border: 0;
}
@media (max-width: 1199.98px) {
  .px-pdf-viewer .pdfjs-iframe {
    margin-left: -15px;
  }
}
.px-pdf-viewer .pdfjs-iframe.pdfjs-iframe-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-index-fullscreen-overlay);
  margin: 0;
}
.px-pdf-viewer .search-dropdown {
  width: 400px;
  max-height: calc(100vh - var(--navbar-height) - 108px);
}

.hover-line:hover {
  text-decoration: underline !important;
}

@media (max-width: 575.98px) {
  .hidden-lte {
    display: none !important;
  }
}
@media (max-width: -0.02px) {
  .hidden-lt {
    display: none !important;
  }
}
@media (min-width: 0px) {
  .hidden-gte {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .hidden-gt {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .hidden-lte-sm {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .hidden-lt-sm {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .hidden-gte-sm {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-gt-sm {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .hidden-lte-md {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .hidden-lt-md {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-gte-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-gt-md {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .hidden-lte-lg {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .hidden-lt-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-gte-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-gt-lg {
    display: none !important;
  }
}
@media (max-width: 1599.98px) {
  .hidden-lte-xl {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .hidden-lt-xl {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-gte-xl {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .hidden-gt-xl {
    display: none !important;
  }
}
@media (max-width: 100000px) {
  .hidden-lte-xxl {
    display: none !important;
  }
}
@media (max-width: 1599.98px) {
  .hidden-lt-xxl {
    display: none !important;
  }
}
@media (min-width: 1600px) {
  .hidden-gte-xxl {
    display: none !important;
  }
}
@media (min-width: 100000.02px) {
  .hidden-gt-xxl {
    display: none !important;
  }
}
@media (min-width: 0px) {
  .column-layout-1-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-spaceless > * {
    min-width: 0;
  }
  .column-layout-1-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-spaceless > * {
    min-width: 0;
  }
  .column-layout-2-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-spaceless > * {
    min-width: 0;
  }
  .column-layout-3-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-spaceless > * {
    min-width: 0;
  }
  .column-layout-4-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-spaceless > * {
    min-width: 0;
  }
  .column-layout-5-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-spaceless > * {
    min-width: 0;
  }
  .column-layout-6-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-condensed > * {
    min-width: 0;
  }
  .column-layout-1-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-condensed > * {
    min-width: 0;
  }
  .column-layout-2-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-condensed > * {
    min-width: 0;
  }
  .column-layout-3-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-condensed > * {
    min-width: 0;
  }
  .column-layout-4-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-condensed > * {
    min-width: 0;
  }
  .column-layout-5-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-condensed > * {
    min-width: 0;
  }
  .column-layout-6-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-spaced > * {
    min-width: 0;
  }
  .column-layout-1-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-spaced > * {
    min-width: 0;
  }
  .column-layout-2-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-spaced > * {
    min-width: 0;
  }
  .column-layout-3-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-spaced > * {
    min-width: 0;
  }
  .column-layout-4-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-spaced > * {
    min-width: 0;
  }
  .column-layout-5-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-spaced > * {
    min-width: 0;
  }
  .column-layout-6-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-normal > * {
    min-width: 0;
  }
  .column-layout-1-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-normal > * {
    min-width: 0;
  }
  .column-layout-2-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-normal > * {
    min-width: 0;
  }
  .column-layout-3-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-normal > * {
    min-width: 0;
  }
  .column-layout-4-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-normal > * {
    min-width: 0;
  }
  .column-layout-5-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-normal > * {
    min-width: 0;
  }
  .column-layout-6-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1 > * {
    min-width: 0;
  }
  .column-layout-1.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2 > * {
    min-width: 0;
  }
  .column-layout-2.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3 > * {
    min-width: 0;
  }
  .column-layout-3.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4 > * {
    min-width: 0;
  }
  .column-layout-4.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5 > * {
    min-width: 0;
  }
  .column-layout-5.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6 > * {
    min-width: 0;
  }
  .column-layout-6.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-semi-wide > * {
    min-width: 0;
  }
  .column-layout-1-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-semi-wide > * {
    min-width: 0;
  }
  .column-layout-2-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-semi-wide > * {
    min-width: 0;
  }
  .column-layout-3-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-semi-wide > * {
    min-width: 0;
  }
  .column-layout-4-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-semi-wide > * {
    min-width: 0;
  }
  .column-layout-5-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-semi-wide > * {
    min-width: 0;
  }
  .column-layout-6-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-wide > * {
    min-width: 0;
  }
  .column-layout-1-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-wide > * {
    min-width: 0;
  }
  .column-layout-2-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-wide > * {
    min-width: 0;
  }
  .column-layout-3-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-wide > * {
    min-width: 0;
  }
  .column-layout-4-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-wide > * {
    min-width: 0;
  }
  .column-layout-5-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-wide > * {
    min-width: 0;
  }
  .column-layout-6-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-large > * {
    min-width: 0;
  }
  .column-layout-1-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-large > * {
    min-width: 0;
  }
  .column-layout-2-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-large > * {
    min-width: 0;
  }
  .column-layout-3-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-large > * {
    min-width: 0;
  }
  .column-layout-4-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-large > * {
    min-width: 0;
  }
  .column-layout-5-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-large > * {
    min-width: 0;
  }
  .column-layout-6-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-huge > * {
    min-width: 0;
  }
  .column-layout-1-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-huge > * {
    min-width: 0;
  }
  .column-layout-2-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-huge > * {
    min-width: 0;
  }
  .column-layout-3-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-huge > * {
    min-width: 0;
  }
  .column-layout-4-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-huge > * {
    min-width: 0;
  }
  .column-layout-5-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-huge > * {
    min-width: 0;
  }
  .column-layout-6-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-ncondensed > * {
    min-width: 0;
  }
  .column-layout-1-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-ncondensed > * {
    min-width: 0;
  }
  .column-layout-2-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-ncondensed > * {
    min-width: 0;
  }
  .column-layout-3-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-ncondensed > * {
    min-width: 0;
  }
  .column-layout-4-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-ncondensed > * {
    min-width: 0;
  }
  .column-layout-5-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-ncondensed > * {
    min-width: 0;
  }
  .column-layout-6-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-nspaced > * {
    min-width: 0;
  }
  .column-layout-1-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-nspaced > * {
    min-width: 0;
  }
  .column-layout-2-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-nspaced > * {
    min-width: 0;
  }
  .column-layout-3-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-nspaced > * {
    min-width: 0;
  }
  .column-layout-4-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-nspaced > * {
    min-width: 0;
  }
  .column-layout-5-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-nspaced > * {
    min-width: 0;
  }
  .column-layout-6-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-nnormal > * {
    min-width: 0;
  }
  .column-layout-1-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-nnormal > * {
    min-width: 0;
  }
  .column-layout-2-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-nnormal > * {
    min-width: 0;
  }
  .column-layout-3-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-nnormal > * {
    min-width: 0;
  }
  .column-layout-4-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-nnormal > * {
    min-width: 0;
  }
  .column-layout-5-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-nnormal > * {
    min-width: 0;
  }
  .column-layout-6-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-1-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-2-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-3-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-4-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-5-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-6-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-nwide > * {
    min-width: 0;
  }
  .column-layout-1-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-nwide > * {
    min-width: 0;
  }
  .column-layout-2-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-nwide > * {
    min-width: 0;
  }
  .column-layout-3-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-nwide > * {
    min-width: 0;
  }
  .column-layout-4-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-nwide > * {
    min-width: 0;
  }
  .column-layout-5-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-nwide > * {
    min-width: 0;
  }
  .column-layout-6-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-nlarge > * {
    min-width: 0;
  }
  .column-layout-1-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-nlarge > * {
    min-width: 0;
  }
  .column-layout-2-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-nlarge > * {
    min-width: 0;
  }
  .column-layout-3-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-nlarge > * {
    min-width: 0;
  }
  .column-layout-4-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-nlarge > * {
    min-width: 0;
  }
  .column-layout-5-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-nlarge > * {
    min-width: 0;
  }
  .column-layout-6-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-1-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-1-nhuge > * {
    min-width: 0;
  }
  .column-layout-1-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-1-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-1-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-2-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-2-nhuge > * {
    min-width: 0;
  }
  .column-layout-2-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-2-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-2-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-3-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-3-nhuge > * {
    min-width: 0;
  }
  .column-layout-3-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-3-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-3-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-4-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-4-nhuge > * {
    min-width: 0;
  }
  .column-layout-4-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-4-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-4-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-5-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-5-nhuge > * {
    min-width: 0;
  }
  .column-layout-5-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-5-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-5-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-6-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-6-nhuge > * {
    min-width: 0;
  }
  .column-layout-6-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-6-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-6-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }
}
@media (min-width: 576px) {
  .column-layout-sm-1-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-spaceless > * {
    min-width: 0;
  }
  .column-layout-sm-1-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-spaceless > * {
    min-width: 0;
  }
  .column-layout-sm-2-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-spaceless > * {
    min-width: 0;
  }
  .column-layout-sm-3-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-spaceless > * {
    min-width: 0;
  }
  .column-layout-sm-4-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-spaceless > * {
    min-width: 0;
  }
  .column-layout-sm-5-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-spaceless > * {
    min-width: 0;
  }
  .column-layout-sm-6-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-condensed > * {
    min-width: 0;
  }
  .column-layout-sm-1-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-condensed > * {
    min-width: 0;
  }
  .column-layout-sm-2-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-condensed > * {
    min-width: 0;
  }
  .column-layout-sm-3-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-condensed > * {
    min-width: 0;
  }
  .column-layout-sm-4-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-condensed > * {
    min-width: 0;
  }
  .column-layout-sm-5-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-condensed > * {
    min-width: 0;
  }
  .column-layout-sm-6-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-spaced > * {
    min-width: 0;
  }
  .column-layout-sm-1-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-spaced > * {
    min-width: 0;
  }
  .column-layout-sm-2-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-spaced > * {
    min-width: 0;
  }
  .column-layout-sm-3-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-spaced > * {
    min-width: 0;
  }
  .column-layout-sm-4-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-spaced > * {
    min-width: 0;
  }
  .column-layout-sm-5-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-spaced > * {
    min-width: 0;
  }
  .column-layout-sm-6-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-normal > * {
    min-width: 0;
  }
  .column-layout-sm-1-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-normal > * {
    min-width: 0;
  }
  .column-layout-sm-2-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-normal > * {
    min-width: 0;
  }
  .column-layout-sm-3-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-normal > * {
    min-width: 0;
  }
  .column-layout-sm-4-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-normal > * {
    min-width: 0;
  }
  .column-layout-sm-5-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-normal > * {
    min-width: 0;
  }
  .column-layout-sm-6-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1 > * {
    min-width: 0;
  }
  .column-layout-sm-1.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2 > * {
    min-width: 0;
  }
  .column-layout-sm-2.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3 > * {
    min-width: 0;
  }
  .column-layout-sm-3.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4 > * {
    min-width: 0;
  }
  .column-layout-sm-4.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5 > * {
    min-width: 0;
  }
  .column-layout-sm-5.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6 > * {
    min-width: 0;
  }
  .column-layout-sm-6.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-semi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-1-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-semi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-2-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-semi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-3-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-semi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-4-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-semi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-5-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-semi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-6-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-wide > * {
    min-width: 0;
  }
  .column-layout-sm-1-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-wide > * {
    min-width: 0;
  }
  .column-layout-sm-2-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-wide > * {
    min-width: 0;
  }
  .column-layout-sm-3-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-wide > * {
    min-width: 0;
  }
  .column-layout-sm-4-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-wide > * {
    min-width: 0;
  }
  .column-layout-sm-5-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-wide > * {
    min-width: 0;
  }
  .column-layout-sm-6-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-large > * {
    min-width: 0;
  }
  .column-layout-sm-1-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-large > * {
    min-width: 0;
  }
  .column-layout-sm-2-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-large > * {
    min-width: 0;
  }
  .column-layout-sm-3-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-large > * {
    min-width: 0;
  }
  .column-layout-sm-4-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-large > * {
    min-width: 0;
  }
  .column-layout-sm-5-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-large > * {
    min-width: 0;
  }
  .column-layout-sm-6-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-huge > * {
    min-width: 0;
  }
  .column-layout-sm-1-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-huge > * {
    min-width: 0;
  }
  .column-layout-sm-2-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-huge > * {
    min-width: 0;
  }
  .column-layout-sm-3-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-huge > * {
    min-width: 0;
  }
  .column-layout-sm-4-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-huge > * {
    min-width: 0;
  }
  .column-layout-sm-5-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-huge > * {
    min-width: 0;
  }
  .column-layout-sm-6-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-ncondensed > * {
    min-width: 0;
  }
  .column-layout-sm-1-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-ncondensed > * {
    min-width: 0;
  }
  .column-layout-sm-2-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-ncondensed > * {
    min-width: 0;
  }
  .column-layout-sm-3-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-ncondensed > * {
    min-width: 0;
  }
  .column-layout-sm-4-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-ncondensed > * {
    min-width: 0;
  }
  .column-layout-sm-5-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-ncondensed > * {
    min-width: 0;
  }
  .column-layout-sm-6-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-nspaced > * {
    min-width: 0;
  }
  .column-layout-sm-1-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-nspaced > * {
    min-width: 0;
  }
  .column-layout-sm-2-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-nspaced > * {
    min-width: 0;
  }
  .column-layout-sm-3-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-nspaced > * {
    min-width: 0;
  }
  .column-layout-sm-4-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-nspaced > * {
    min-width: 0;
  }
  .column-layout-sm-5-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-nspaced > * {
    min-width: 0;
  }
  .column-layout-sm-6-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-nnormal > * {
    min-width: 0;
  }
  .column-layout-sm-1-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-nnormal > * {
    min-width: 0;
  }
  .column-layout-sm-2-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-nnormal > * {
    min-width: 0;
  }
  .column-layout-sm-3-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-nnormal > * {
    min-width: 0;
  }
  .column-layout-sm-4-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-nnormal > * {
    min-width: 0;
  }
  .column-layout-sm-5-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-nnormal > * {
    min-width: 0;
  }
  .column-layout-sm-6-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-1-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-2-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-3-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-4-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-5-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-sm-6-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-nwide > * {
    min-width: 0;
  }
  .column-layout-sm-1-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-nwide > * {
    min-width: 0;
  }
  .column-layout-sm-2-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-nwide > * {
    min-width: 0;
  }
  .column-layout-sm-3-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-nwide > * {
    min-width: 0;
  }
  .column-layout-sm-4-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-nwide > * {
    min-width: 0;
  }
  .column-layout-sm-5-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-nwide > * {
    min-width: 0;
  }
  .column-layout-sm-6-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-nlarge > * {
    min-width: 0;
  }
  .column-layout-sm-1-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-nlarge > * {
    min-width: 0;
  }
  .column-layout-sm-2-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-nlarge > * {
    min-width: 0;
  }
  .column-layout-sm-3-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-nlarge > * {
    min-width: 0;
  }
  .column-layout-sm-4-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-nlarge > * {
    min-width: 0;
  }
  .column-layout-sm-5-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-nlarge > * {
    min-width: 0;
  }
  .column-layout-sm-6-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-1-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-sm-1-nhuge > * {
    min-width: 0;
  }
  .column-layout-sm-1-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-1-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-1-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-2-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-sm-2-nhuge > * {
    min-width: 0;
  }
  .column-layout-sm-2-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-2-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-2-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-3-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-sm-3-nhuge > * {
    min-width: 0;
  }
  .column-layout-sm-3-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-3-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-3-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-4-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-sm-4-nhuge > * {
    min-width: 0;
  }
  .column-layout-sm-4-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-4-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-4-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-5-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-sm-5-nhuge > * {
    min-width: 0;
  }
  .column-layout-sm-5-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-5-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-5-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-sm-6-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-sm-6-nhuge > * {
    min-width: 0;
  }
  .column-layout-sm-6-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-sm-6-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-sm-6-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }
}
@media (min-width: 768px) {
  .column-layout-md-1-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-spaceless > * {
    min-width: 0;
  }
  .column-layout-md-1-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-spaceless > * {
    min-width: 0;
  }
  .column-layout-md-2-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-spaceless > * {
    min-width: 0;
  }
  .column-layout-md-3-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-spaceless > * {
    min-width: 0;
  }
  .column-layout-md-4-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-spaceless > * {
    min-width: 0;
  }
  .column-layout-md-5-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-spaceless > * {
    min-width: 0;
  }
  .column-layout-md-6-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-condensed > * {
    min-width: 0;
  }
  .column-layout-md-1-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-condensed > * {
    min-width: 0;
  }
  .column-layout-md-2-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-condensed > * {
    min-width: 0;
  }
  .column-layout-md-3-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-condensed > * {
    min-width: 0;
  }
  .column-layout-md-4-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-condensed > * {
    min-width: 0;
  }
  .column-layout-md-5-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-condensed > * {
    min-width: 0;
  }
  .column-layout-md-6-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-spaced > * {
    min-width: 0;
  }
  .column-layout-md-1-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-spaced > * {
    min-width: 0;
  }
  .column-layout-md-2-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-spaced > * {
    min-width: 0;
  }
  .column-layout-md-3-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-spaced > * {
    min-width: 0;
  }
  .column-layout-md-4-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-spaced > * {
    min-width: 0;
  }
  .column-layout-md-5-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-spaced > * {
    min-width: 0;
  }
  .column-layout-md-6-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-normal > * {
    min-width: 0;
  }
  .column-layout-md-1-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-normal > * {
    min-width: 0;
  }
  .column-layout-md-2-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-normal > * {
    min-width: 0;
  }
  .column-layout-md-3-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-normal > * {
    min-width: 0;
  }
  .column-layout-md-4-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-normal > * {
    min-width: 0;
  }
  .column-layout-md-5-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-normal > * {
    min-width: 0;
  }
  .column-layout-md-6-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1 > * {
    min-width: 0;
  }
  .column-layout-md-1.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2 > * {
    min-width: 0;
  }
  .column-layout-md-2.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3 > * {
    min-width: 0;
  }
  .column-layout-md-3.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4 > * {
    min-width: 0;
  }
  .column-layout-md-4.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5 > * {
    min-width: 0;
  }
  .column-layout-md-5.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6 > * {
    min-width: 0;
  }
  .column-layout-md-6.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-semi-wide > * {
    min-width: 0;
  }
  .column-layout-md-1-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-semi-wide > * {
    min-width: 0;
  }
  .column-layout-md-2-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-semi-wide > * {
    min-width: 0;
  }
  .column-layout-md-3-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-semi-wide > * {
    min-width: 0;
  }
  .column-layout-md-4-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-semi-wide > * {
    min-width: 0;
  }
  .column-layout-md-5-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-semi-wide > * {
    min-width: 0;
  }
  .column-layout-md-6-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-wide > * {
    min-width: 0;
  }
  .column-layout-md-1-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-wide > * {
    min-width: 0;
  }
  .column-layout-md-2-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-wide > * {
    min-width: 0;
  }
  .column-layout-md-3-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-wide > * {
    min-width: 0;
  }
  .column-layout-md-4-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-wide > * {
    min-width: 0;
  }
  .column-layout-md-5-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-wide > * {
    min-width: 0;
  }
  .column-layout-md-6-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-large > * {
    min-width: 0;
  }
  .column-layout-md-1-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-large > * {
    min-width: 0;
  }
  .column-layout-md-2-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-large > * {
    min-width: 0;
  }
  .column-layout-md-3-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-large > * {
    min-width: 0;
  }
  .column-layout-md-4-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-large > * {
    min-width: 0;
  }
  .column-layout-md-5-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-large > * {
    min-width: 0;
  }
  .column-layout-md-6-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-huge > * {
    min-width: 0;
  }
  .column-layout-md-1-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-huge > * {
    min-width: 0;
  }
  .column-layout-md-2-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-huge > * {
    min-width: 0;
  }
  .column-layout-md-3-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-huge > * {
    min-width: 0;
  }
  .column-layout-md-4-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-huge > * {
    min-width: 0;
  }
  .column-layout-md-5-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-huge > * {
    min-width: 0;
  }
  .column-layout-md-6-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-ncondensed > * {
    min-width: 0;
  }
  .column-layout-md-1-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-ncondensed > * {
    min-width: 0;
  }
  .column-layout-md-2-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-ncondensed > * {
    min-width: 0;
  }
  .column-layout-md-3-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-ncondensed > * {
    min-width: 0;
  }
  .column-layout-md-4-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-ncondensed > * {
    min-width: 0;
  }
  .column-layout-md-5-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-ncondensed > * {
    min-width: 0;
  }
  .column-layout-md-6-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-nspaced > * {
    min-width: 0;
  }
  .column-layout-md-1-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-nspaced > * {
    min-width: 0;
  }
  .column-layout-md-2-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-nspaced > * {
    min-width: 0;
  }
  .column-layout-md-3-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-nspaced > * {
    min-width: 0;
  }
  .column-layout-md-4-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-nspaced > * {
    min-width: 0;
  }
  .column-layout-md-5-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-nspaced > * {
    min-width: 0;
  }
  .column-layout-md-6-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-nnormal > * {
    min-width: 0;
  }
  .column-layout-md-1-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-nnormal > * {
    min-width: 0;
  }
  .column-layout-md-2-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-nnormal > * {
    min-width: 0;
  }
  .column-layout-md-3-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-nnormal > * {
    min-width: 0;
  }
  .column-layout-md-4-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-nnormal > * {
    min-width: 0;
  }
  .column-layout-md-5-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-nnormal > * {
    min-width: 0;
  }
  .column-layout-md-6-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-md-1-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-md-2-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-md-3-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-md-4-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-md-5-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-md-6-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-nwide > * {
    min-width: 0;
  }
  .column-layout-md-1-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-nwide > * {
    min-width: 0;
  }
  .column-layout-md-2-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-nwide > * {
    min-width: 0;
  }
  .column-layout-md-3-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-nwide > * {
    min-width: 0;
  }
  .column-layout-md-4-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-nwide > * {
    min-width: 0;
  }
  .column-layout-md-5-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-nwide > * {
    min-width: 0;
  }
  .column-layout-md-6-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-nlarge > * {
    min-width: 0;
  }
  .column-layout-md-1-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-nlarge > * {
    min-width: 0;
  }
  .column-layout-md-2-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-nlarge > * {
    min-width: 0;
  }
  .column-layout-md-3-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-nlarge > * {
    min-width: 0;
  }
  .column-layout-md-4-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-nlarge > * {
    min-width: 0;
  }
  .column-layout-md-5-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-nlarge > * {
    min-width: 0;
  }
  .column-layout-md-6-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-1-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-md-1-nhuge > * {
    min-width: 0;
  }
  .column-layout-md-1-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-1-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-1-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-2-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-md-2-nhuge > * {
    min-width: 0;
  }
  .column-layout-md-2-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-2-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-2-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-3-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-md-3-nhuge > * {
    min-width: 0;
  }
  .column-layout-md-3-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-3-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-3-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-4-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-md-4-nhuge > * {
    min-width: 0;
  }
  .column-layout-md-4-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-4-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-4-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-5-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-md-5-nhuge > * {
    min-width: 0;
  }
  .column-layout-md-5-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-5-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-5-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-md-6-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-md-6-nhuge > * {
    min-width: 0;
  }
  .column-layout-md-6-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-md-6-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-md-6-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }
}
@media (min-width: 992px) {
  .column-layout-lg-1-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-spaceless > * {
    min-width: 0;
  }
  .column-layout-lg-1-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-spaceless > * {
    min-width: 0;
  }
  .column-layout-lg-2-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-spaceless > * {
    min-width: 0;
  }
  .column-layout-lg-3-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-spaceless > * {
    min-width: 0;
  }
  .column-layout-lg-4-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-spaceless > * {
    min-width: 0;
  }
  .column-layout-lg-5-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-spaceless > * {
    min-width: 0;
  }
  .column-layout-lg-6-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-condensed > * {
    min-width: 0;
  }
  .column-layout-lg-1-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-condensed > * {
    min-width: 0;
  }
  .column-layout-lg-2-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-condensed > * {
    min-width: 0;
  }
  .column-layout-lg-3-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-condensed > * {
    min-width: 0;
  }
  .column-layout-lg-4-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-condensed > * {
    min-width: 0;
  }
  .column-layout-lg-5-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-condensed > * {
    min-width: 0;
  }
  .column-layout-lg-6-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-spaced > * {
    min-width: 0;
  }
  .column-layout-lg-1-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-spaced > * {
    min-width: 0;
  }
  .column-layout-lg-2-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-spaced > * {
    min-width: 0;
  }
  .column-layout-lg-3-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-spaced > * {
    min-width: 0;
  }
  .column-layout-lg-4-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-spaced > * {
    min-width: 0;
  }
  .column-layout-lg-5-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-spaced > * {
    min-width: 0;
  }
  .column-layout-lg-6-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-normal > * {
    min-width: 0;
  }
  .column-layout-lg-1-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-normal > * {
    min-width: 0;
  }
  .column-layout-lg-2-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-normal > * {
    min-width: 0;
  }
  .column-layout-lg-3-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-normal > * {
    min-width: 0;
  }
  .column-layout-lg-4-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-normal > * {
    min-width: 0;
  }
  .column-layout-lg-5-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-normal > * {
    min-width: 0;
  }
  .column-layout-lg-6-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1 > * {
    min-width: 0;
  }
  .column-layout-lg-1.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2 > * {
    min-width: 0;
  }
  .column-layout-lg-2.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3 > * {
    min-width: 0;
  }
  .column-layout-lg-3.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4 > * {
    min-width: 0;
  }
  .column-layout-lg-4.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5 > * {
    min-width: 0;
  }
  .column-layout-lg-5.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6 > * {
    min-width: 0;
  }
  .column-layout-lg-6.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-semi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-1-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-semi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-2-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-semi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-3-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-semi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-4-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-semi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-5-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-semi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-6-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-wide > * {
    min-width: 0;
  }
  .column-layout-lg-1-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-wide > * {
    min-width: 0;
  }
  .column-layout-lg-2-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-wide > * {
    min-width: 0;
  }
  .column-layout-lg-3-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-wide > * {
    min-width: 0;
  }
  .column-layout-lg-4-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-wide > * {
    min-width: 0;
  }
  .column-layout-lg-5-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-wide > * {
    min-width: 0;
  }
  .column-layout-lg-6-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-large > * {
    min-width: 0;
  }
  .column-layout-lg-1-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-large > * {
    min-width: 0;
  }
  .column-layout-lg-2-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-large > * {
    min-width: 0;
  }
  .column-layout-lg-3-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-large > * {
    min-width: 0;
  }
  .column-layout-lg-4-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-large > * {
    min-width: 0;
  }
  .column-layout-lg-5-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-large > * {
    min-width: 0;
  }
  .column-layout-lg-6-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-huge > * {
    min-width: 0;
  }
  .column-layout-lg-1-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-huge > * {
    min-width: 0;
  }
  .column-layout-lg-2-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-huge > * {
    min-width: 0;
  }
  .column-layout-lg-3-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-huge > * {
    min-width: 0;
  }
  .column-layout-lg-4-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-huge > * {
    min-width: 0;
  }
  .column-layout-lg-5-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-huge > * {
    min-width: 0;
  }
  .column-layout-lg-6-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-ncondensed > * {
    min-width: 0;
  }
  .column-layout-lg-1-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-ncondensed > * {
    min-width: 0;
  }
  .column-layout-lg-2-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-ncondensed > * {
    min-width: 0;
  }
  .column-layout-lg-3-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-ncondensed > * {
    min-width: 0;
  }
  .column-layout-lg-4-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-ncondensed > * {
    min-width: 0;
  }
  .column-layout-lg-5-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-ncondensed > * {
    min-width: 0;
  }
  .column-layout-lg-6-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-nspaced > * {
    min-width: 0;
  }
  .column-layout-lg-1-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-nspaced > * {
    min-width: 0;
  }
  .column-layout-lg-2-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-nspaced > * {
    min-width: 0;
  }
  .column-layout-lg-3-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-nspaced > * {
    min-width: 0;
  }
  .column-layout-lg-4-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-nspaced > * {
    min-width: 0;
  }
  .column-layout-lg-5-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-nspaced > * {
    min-width: 0;
  }
  .column-layout-lg-6-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-nnormal > * {
    min-width: 0;
  }
  .column-layout-lg-1-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-nnormal > * {
    min-width: 0;
  }
  .column-layout-lg-2-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-nnormal > * {
    min-width: 0;
  }
  .column-layout-lg-3-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-nnormal > * {
    min-width: 0;
  }
  .column-layout-lg-4-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-nnormal > * {
    min-width: 0;
  }
  .column-layout-lg-5-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-nnormal > * {
    min-width: 0;
  }
  .column-layout-lg-6-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-1-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-2-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-3-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-4-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-5-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-lg-6-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-nwide > * {
    min-width: 0;
  }
  .column-layout-lg-1-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-nwide > * {
    min-width: 0;
  }
  .column-layout-lg-2-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-nwide > * {
    min-width: 0;
  }
  .column-layout-lg-3-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-nwide > * {
    min-width: 0;
  }
  .column-layout-lg-4-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-nwide > * {
    min-width: 0;
  }
  .column-layout-lg-5-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-nwide > * {
    min-width: 0;
  }
  .column-layout-lg-6-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-nlarge > * {
    min-width: 0;
  }
  .column-layout-lg-1-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-nlarge > * {
    min-width: 0;
  }
  .column-layout-lg-2-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-nlarge > * {
    min-width: 0;
  }
  .column-layout-lg-3-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-nlarge > * {
    min-width: 0;
  }
  .column-layout-lg-4-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-nlarge > * {
    min-width: 0;
  }
  .column-layout-lg-5-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-nlarge > * {
    min-width: 0;
  }
  .column-layout-lg-6-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-1-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-lg-1-nhuge > * {
    min-width: 0;
  }
  .column-layout-lg-1-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-1-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-1-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-2-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-lg-2-nhuge > * {
    min-width: 0;
  }
  .column-layout-lg-2-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-2-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-2-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-3-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-lg-3-nhuge > * {
    min-width: 0;
  }
  .column-layout-lg-3-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-3-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-3-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-4-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-lg-4-nhuge > * {
    min-width: 0;
  }
  .column-layout-lg-4-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-4-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-4-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-5-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-lg-5-nhuge > * {
    min-width: 0;
  }
  .column-layout-lg-5-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-5-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-5-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-lg-6-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-lg-6-nhuge > * {
    min-width: 0;
  }
  .column-layout-lg-6-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-lg-6-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-lg-6-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }
}
@media (min-width: 1200px) {
  .column-layout-xl-1-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-spaceless > * {
    min-width: 0;
  }
  .column-layout-xl-1-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-spaceless > * {
    min-width: 0;
  }
  .column-layout-xl-2-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-spaceless > * {
    min-width: 0;
  }
  .column-layout-xl-3-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-spaceless > * {
    min-width: 0;
  }
  .column-layout-xl-4-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-spaceless > * {
    min-width: 0;
  }
  .column-layout-xl-5-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-spaceless > * {
    min-width: 0;
  }
  .column-layout-xl-6-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-condensed > * {
    min-width: 0;
  }
  .column-layout-xl-1-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-condensed > * {
    min-width: 0;
  }
  .column-layout-xl-2-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-condensed > * {
    min-width: 0;
  }
  .column-layout-xl-3-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-condensed > * {
    min-width: 0;
  }
  .column-layout-xl-4-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-condensed > * {
    min-width: 0;
  }
  .column-layout-xl-5-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-condensed > * {
    min-width: 0;
  }
  .column-layout-xl-6-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-spaced > * {
    min-width: 0;
  }
  .column-layout-xl-1-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-spaced > * {
    min-width: 0;
  }
  .column-layout-xl-2-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-spaced > * {
    min-width: 0;
  }
  .column-layout-xl-3-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-spaced > * {
    min-width: 0;
  }
  .column-layout-xl-4-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-spaced > * {
    min-width: 0;
  }
  .column-layout-xl-5-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-spaced > * {
    min-width: 0;
  }
  .column-layout-xl-6-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-normal > * {
    min-width: 0;
  }
  .column-layout-xl-1-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-normal > * {
    min-width: 0;
  }
  .column-layout-xl-2-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-normal > * {
    min-width: 0;
  }
  .column-layout-xl-3-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-normal > * {
    min-width: 0;
  }
  .column-layout-xl-4-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-normal > * {
    min-width: 0;
  }
  .column-layout-xl-5-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-normal > * {
    min-width: 0;
  }
  .column-layout-xl-6-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1 > * {
    min-width: 0;
  }
  .column-layout-xl-1.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2 > * {
    min-width: 0;
  }
  .column-layout-xl-2.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3 > * {
    min-width: 0;
  }
  .column-layout-xl-3.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4 > * {
    min-width: 0;
  }
  .column-layout-xl-4.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5 > * {
    min-width: 0;
  }
  .column-layout-xl-5.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6 > * {
    min-width: 0;
  }
  .column-layout-xl-6.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-1-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-2-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-3-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-4-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-5-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-6-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-wide > * {
    min-width: 0;
  }
  .column-layout-xl-1-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-wide > * {
    min-width: 0;
  }
  .column-layout-xl-2-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-wide > * {
    min-width: 0;
  }
  .column-layout-xl-3-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-wide > * {
    min-width: 0;
  }
  .column-layout-xl-4-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-wide > * {
    min-width: 0;
  }
  .column-layout-xl-5-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-wide > * {
    min-width: 0;
  }
  .column-layout-xl-6-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-large > * {
    min-width: 0;
  }
  .column-layout-xl-1-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-large > * {
    min-width: 0;
  }
  .column-layout-xl-2-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-large > * {
    min-width: 0;
  }
  .column-layout-xl-3-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-large > * {
    min-width: 0;
  }
  .column-layout-xl-4-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-large > * {
    min-width: 0;
  }
  .column-layout-xl-5-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-large > * {
    min-width: 0;
  }
  .column-layout-xl-6-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-huge > * {
    min-width: 0;
  }
  .column-layout-xl-1-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-huge > * {
    min-width: 0;
  }
  .column-layout-xl-2-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-huge > * {
    min-width: 0;
  }
  .column-layout-xl-3-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-huge > * {
    min-width: 0;
  }
  .column-layout-xl-4-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-huge > * {
    min-width: 0;
  }
  .column-layout-xl-5-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-huge > * {
    min-width: 0;
  }
  .column-layout-xl-6-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xl-1-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xl-2-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xl-3-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xl-4-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xl-5-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xl-6-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-nspaced > * {
    min-width: 0;
  }
  .column-layout-xl-1-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-nspaced > * {
    min-width: 0;
  }
  .column-layout-xl-2-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-nspaced > * {
    min-width: 0;
  }
  .column-layout-xl-3-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-nspaced > * {
    min-width: 0;
  }
  .column-layout-xl-4-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-nspaced > * {
    min-width: 0;
  }
  .column-layout-xl-5-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-nspaced > * {
    min-width: 0;
  }
  .column-layout-xl-6-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-nnormal > * {
    min-width: 0;
  }
  .column-layout-xl-1-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-nnormal > * {
    min-width: 0;
  }
  .column-layout-xl-2-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-nnormal > * {
    min-width: 0;
  }
  .column-layout-xl-3-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-nnormal > * {
    min-width: 0;
  }
  .column-layout-xl-4-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-nnormal > * {
    min-width: 0;
  }
  .column-layout-xl-5-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-nnormal > * {
    min-width: 0;
  }
  .column-layout-xl-6-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-1-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-2-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-3-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-4-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-5-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xl-6-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-nwide > * {
    min-width: 0;
  }
  .column-layout-xl-1-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-nwide > * {
    min-width: 0;
  }
  .column-layout-xl-2-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-nwide > * {
    min-width: 0;
  }
  .column-layout-xl-3-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-nwide > * {
    min-width: 0;
  }
  .column-layout-xl-4-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-nwide > * {
    min-width: 0;
  }
  .column-layout-xl-5-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-nwide > * {
    min-width: 0;
  }
  .column-layout-xl-6-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-nlarge > * {
    min-width: 0;
  }
  .column-layout-xl-1-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-nlarge > * {
    min-width: 0;
  }
  .column-layout-xl-2-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-nlarge > * {
    min-width: 0;
  }
  .column-layout-xl-3-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-nlarge > * {
    min-width: 0;
  }
  .column-layout-xl-4-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-nlarge > * {
    min-width: 0;
  }
  .column-layout-xl-5-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-nlarge > * {
    min-width: 0;
  }
  .column-layout-xl-6-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-1-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xl-1-nhuge > * {
    min-width: 0;
  }
  .column-layout-xl-1-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-1-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-1-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-2-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xl-2-nhuge > * {
    min-width: 0;
  }
  .column-layout-xl-2-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-2-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-2-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-3-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xl-3-nhuge > * {
    min-width: 0;
  }
  .column-layout-xl-3-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-3-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-3-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-4-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xl-4-nhuge > * {
    min-width: 0;
  }
  .column-layout-xl-4-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-4-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-4-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-5-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xl-5-nhuge > * {
    min-width: 0;
  }
  .column-layout-xl-5-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-5-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-5-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xl-6-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xl-6-nhuge > * {
    min-width: 0;
  }
  .column-layout-xl-6-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xl-6-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xl-6-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }
}
@media (min-width: 1600px) {
  .column-layout-xxl-1-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-spaceless > * {
    min-width: 0;
  }
  .column-layout-xxl-1-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-spaceless > * {
    min-width: 0;
  }
  .column-layout-xxl-2-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-spaceless > * {
    min-width: 0;
  }
  .column-layout-xxl-3-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-spaceless > * {
    min-width: 0;
  }
  .column-layout-xxl-4-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-spaceless > * {
    min-width: 0;
  }
  .column-layout-xxl-5-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-spaceless > * {
    min-width: 0;
  }
  .column-layout-xxl-6-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-condensed > * {
    min-width: 0;
  }
  .column-layout-xxl-1-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-condensed > * {
    min-width: 0;
  }
  .column-layout-xxl-2-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-condensed > * {
    min-width: 0;
  }
  .column-layout-xxl-3-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-condensed > * {
    min-width: 0;
  }
  .column-layout-xxl-4-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-condensed > * {
    min-width: 0;
  }
  .column-layout-xxl-5-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-condensed > * {
    min-width: 0;
  }
  .column-layout-xxl-6-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-spaced > * {
    min-width: 0;
  }
  .column-layout-xxl-1-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-spaced > * {
    min-width: 0;
  }
  .column-layout-xxl-2-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-spaced > * {
    min-width: 0;
  }
  .column-layout-xxl-3-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-spaced > * {
    min-width: 0;
  }
  .column-layout-xxl-4-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-spaced > * {
    min-width: 0;
  }
  .column-layout-xxl-5-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-spaced > * {
    min-width: 0;
  }
  .column-layout-xxl-6-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-normal > * {
    min-width: 0;
  }
  .column-layout-xxl-1-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-normal > * {
    min-width: 0;
  }
  .column-layout-xxl-2-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-normal > * {
    min-width: 0;
  }
  .column-layout-xxl-3-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-normal > * {
    min-width: 0;
  }
  .column-layout-xxl-4-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-normal > * {
    min-width: 0;
  }
  .column-layout-xxl-5-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-normal > * {
    min-width: 0;
  }
  .column-layout-xxl-6-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1 > * {
    min-width: 0;
  }
  .column-layout-xxl-1.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2 > * {
    min-width: 0;
  }
  .column-layout-xxl-2.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3 > * {
    min-width: 0;
  }
  .column-layout-xxl-3.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4 > * {
    min-width: 0;
  }
  .column-layout-xxl-4.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5 > * {
    min-width: 0;
  }
  .column-layout-xxl-5.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6 > * {
    min-width: 0;
  }
  .column-layout-xxl-6.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-1-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-2-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-3-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-4-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-5-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-semi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-6-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-1-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-2-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-3-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-4-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-5-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-6-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-large > * {
    min-width: 0;
  }
  .column-layout-xxl-1-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-large > * {
    min-width: 0;
  }
  .column-layout-xxl-2-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-large > * {
    min-width: 0;
  }
  .column-layout-xxl-3-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-large > * {
    min-width: 0;
  }
  .column-layout-xxl-4-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-large > * {
    min-width: 0;
  }
  .column-layout-xxl-5-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-large > * {
    min-width: 0;
  }
  .column-layout-xxl-6-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-huge > * {
    min-width: 0;
  }
  .column-layout-xxl-1-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-huge > * {
    min-width: 0;
  }
  .column-layout-xxl-2-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-huge > * {
    min-width: 0;
  }
  .column-layout-xxl-3-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-huge > * {
    min-width: 0;
  }
  .column-layout-xxl-4-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-huge > * {
    min-width: 0;
  }
  .column-layout-xxl-5-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-huge > * {
    min-width: 0;
  }
  .column-layout-xxl-6-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xxl-1-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xxl-2-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xxl-3-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xxl-4-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xxl-5-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-ncondensed > * {
    min-width: 0;
  }
  .column-layout-xxl-6-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-nspaced > * {
    min-width: 0;
  }
  .column-layout-xxl-1-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-nspaced > * {
    min-width: 0;
  }
  .column-layout-xxl-2-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-nspaced > * {
    min-width: 0;
  }
  .column-layout-xxl-3-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-nspaced > * {
    min-width: 0;
  }
  .column-layout-xxl-4-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-nspaced > * {
    min-width: 0;
  }
  .column-layout-xxl-5-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-nspaced > * {
    min-width: 0;
  }
  .column-layout-xxl-6-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-nnormal > * {
    min-width: 0;
  }
  .column-layout-xxl-1-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-nnormal > * {
    min-width: 0;
  }
  .column-layout-xxl-2-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-nnormal > * {
    min-width: 0;
  }
  .column-layout-xxl-3-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-nnormal > * {
    min-width: 0;
  }
  .column-layout-xxl-4-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-nnormal > * {
    min-width: 0;
  }
  .column-layout-xxl-5-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-nnormal > * {
    min-width: 0;
  }
  .column-layout-xxl-6-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-1-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-2-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-3-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-4-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-5-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-xxl-6-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-nwide > * {
    min-width: 0;
  }
  .column-layout-xxl-1-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-nwide > * {
    min-width: 0;
  }
  .column-layout-xxl-2-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-nwide > * {
    min-width: 0;
  }
  .column-layout-xxl-3-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-nwide > * {
    min-width: 0;
  }
  .column-layout-xxl-4-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-nwide > * {
    min-width: 0;
  }
  .column-layout-xxl-5-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-nwide > * {
    min-width: 0;
  }
  .column-layout-xxl-6-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-nlarge > * {
    min-width: 0;
  }
  .column-layout-xxl-1-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-nlarge > * {
    min-width: 0;
  }
  .column-layout-xxl-2-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-nlarge > * {
    min-width: 0;
  }
  .column-layout-xxl-3-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-nlarge > * {
    min-width: 0;
  }
  .column-layout-xxl-4-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-nlarge > * {
    min-width: 0;
  }
  .column-layout-xxl-5-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-nlarge > * {
    min-width: 0;
  }
  .column-layout-xxl-6-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-1-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-xxl-1-nhuge > * {
    min-width: 0;
  }
  .column-layout-xxl-1-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-1-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-1-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-2-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-xxl-2-nhuge > * {
    min-width: 0;
  }
  .column-layout-xxl-2-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-2-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-2-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-3-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-xxl-3-nhuge > * {
    min-width: 0;
  }
  .column-layout-xxl-3-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-3-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-3-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-4-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-xxl-4-nhuge > * {
    min-width: 0;
  }
  .column-layout-xxl-4-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-4-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-4-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-5-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-xxl-5-nhuge > * {
    min-width: 0;
  }
  .column-layout-xxl-5-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-5-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-5-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-xxl-6-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-xxl-6-nhuge > * {
    min-width: 0;
  }
  .column-layout-xxl-6-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-xxl-6-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-xxl-6-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }
}
@media print {
  .column-layout-print-1-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-spaceless > * {
    min-width: 0;
  }
  .column-layout-print-1-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-spaceless > * {
    min-width: 0;
  }
  .column-layout-print-2-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-spaceless > * {
    min-width: 0;
  }
  .column-layout-print-3-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-spaceless > * {
    min-width: 0;
  }
  .column-layout-print-4-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-spaceless > * {
    min-width: 0;
  }
  .column-layout-print-5-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-spaceless {
    width: 100%;
    display: grid !important;
    gap: 0px 0px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-spaceless > * {
    min-width: 0;
  }
  .column-layout-print-6-spaceless.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-spaceless.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-0px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-spaceless.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-spaceless.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-0px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-condensed > * {
    min-width: 0;
  }
  .column-layout-print-1-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-condensed > * {
    min-width: 0;
  }
  .column-layout-print-2-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-condensed > * {
    min-width: 0;
  }
  .column-layout-print-3-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-condensed > * {
    min-width: 0;
  }
  .column-layout-print-4-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-condensed > * {
    min-width: 0;
  }
  .column-layout-print-5-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-condensed {
    width: 100%;
    display: grid !important;
    gap: 5px 5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-condensed > * {
    min-width: 0;
  }
  .column-layout-print-6-condensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-condensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-condensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-condensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-spaced > * {
    min-width: 0;
  }
  .column-layout-print-1-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-spaced > * {
    min-width: 0;
  }
  .column-layout-print-2-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-spaced > * {
    min-width: 0;
  }
  .column-layout-print-3-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-spaced > * {
    min-width: 0;
  }
  .column-layout-print-4-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-spaced > * {
    min-width: 0;
  }
  .column-layout-print-5-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-spaced {
    width: 100%;
    display: grid !important;
    gap: 10px 10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-spaced > * {
    min-width: 0;
  }
  .column-layout-print-6-spaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-spaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-spaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-spaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-normal > * {
    min-width: 0;
  }
  .column-layout-print-1-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-normal > * {
    min-width: 0;
  }
  .column-layout-print-2-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-normal > * {
    min-width: 0;
  }
  .column-layout-print-3-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-normal > * {
    min-width: 0;
  }
  .column-layout-print-4-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-normal > * {
    min-width: 0;
  }
  .column-layout-print-5-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-normal {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-normal > * {
    min-width: 0;
  }
  .column-layout-print-6-normal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-normal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-normal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-normal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1 > * {
    min-width: 0;
  }
  .column-layout-print-1.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2 > * {
    min-width: 0;
  }
  .column-layout-print-2.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3 > * {
    min-width: 0;
  }
  .column-layout-print-3.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4 > * {
    min-width: 0;
  }
  .column-layout-print-4.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5 > * {
    min-width: 0;
  }
  .column-layout-print-5.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6 {
    width: 100%;
    display: grid !important;
    gap: 15px 15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6 > * {
    min-width: 0;
  }
  .column-layout-print-6.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-semi-wide > * {
    min-width: 0;
  }
  .column-layout-print-1-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-semi-wide > * {
    min-width: 0;
  }
  .column-layout-print-2-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-semi-wide > * {
    min-width: 0;
  }
  .column-layout-print-3-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-semi-wide > * {
    min-width: 0;
  }
  .column-layout-print-4-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-semi-wide > * {
    min-width: 0;
  }
  .column-layout-print-5-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-semi-wide {
    width: 100%;
    display: grid !important;
    gap: 20px 20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-semi-wide > * {
    min-width: 0;
  }
  .column-layout-print-6-semi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-semi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-semi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-semi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-wide > * {
    min-width: 0;
  }
  .column-layout-print-1-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-wide > * {
    min-width: 0;
  }
  .column-layout-print-2-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-wide > * {
    min-width: 0;
  }
  .column-layout-print-3-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-wide > * {
    min-width: 0;
  }
  .column-layout-print-4-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-wide > * {
    min-width: 0;
  }
  .column-layout-print-5-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-wide {
    width: 100%;
    display: grid !important;
    gap: 30px 30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-wide > * {
    min-width: 0;
  }
  .column-layout-print-6-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-large > * {
    min-width: 0;
  }
  .column-layout-print-1-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-large > * {
    min-width: 0;
  }
  .column-layout-print-2-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-large > * {
    min-width: 0;
  }
  .column-layout-print-3-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-large > * {
    min-width: 0;
  }
  .column-layout-print-4-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-large > * {
    min-width: 0;
  }
  .column-layout-print-5-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-large {
    width: 100%;
    display: grid !important;
    gap: 60px 60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-large > * {
    min-width: 0;
  }
  .column-layout-print-6-large.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-large.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-large.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-large.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-huge > * {
    min-width: 0;
  }
  .column-layout-print-1-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-huge > * {
    min-width: 0;
  }
  .column-layout-print-2-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-huge > * {
    min-width: 0;
  }
  .column-layout-print-3-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-huge > * {
    min-width: 0;
  }
  .column-layout-print-4-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-huge > * {
    min-width: 0;
  }
  .column-layout-print-5-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-huge {
    width: 100%;
    display: grid !important;
    gap: 90px 90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-huge > * {
    min-width: 0;
  }
  .column-layout-print-6-huge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-huge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(-90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-huge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-huge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(-90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-ncondensed > * {
    min-width: 0;
  }
  .column-layout-print-1-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-ncondensed > * {
    min-width: 0;
  }
  .column-layout-print-2-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-ncondensed > * {
    min-width: 0;
  }
  .column-layout-print-3-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-ncondensed > * {
    min-width: 0;
  }
  .column-layout-print-4-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-ncondensed > * {
    min-width: 0;
  }
  .column-layout-print-5-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-ncondensed {
    width: 100%;
    display: grid !important;
    gap: -5px -5px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-ncondensed > * {
    min-width: 0;
  }
  .column-layout-print-6-ncondensed.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-ncondensed.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--5px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-ncondensed.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-ncondensed.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--5px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-nspaced > * {
    min-width: 0;
  }
  .column-layout-print-1-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-nspaced > * {
    min-width: 0;
  }
  .column-layout-print-2-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-nspaced > * {
    min-width: 0;
  }
  .column-layout-print-3-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-nspaced > * {
    min-width: 0;
  }
  .column-layout-print-4-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-nspaced > * {
    min-width: 0;
  }
  .column-layout-print-5-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-nspaced {
    width: 100%;
    display: grid !important;
    gap: -10px -10px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-nspaced > * {
    min-width: 0;
  }
  .column-layout-print-6-nspaced.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nspaced.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--10px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-nspaced.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nspaced.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--10px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-nnormal > * {
    min-width: 0;
  }
  .column-layout-print-1-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-nnormal > * {
    min-width: 0;
  }
  .column-layout-print-2-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-nnormal > * {
    min-width: 0;
  }
  .column-layout-print-3-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-nnormal > * {
    min-width: 0;
  }
  .column-layout-print-4-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-nnormal > * {
    min-width: 0;
  }
  .column-layout-print-5-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-nnormal {
    width: 100%;
    display: grid !important;
    gap: -15px -15px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-nnormal > * {
    min-width: 0;
  }
  .column-layout-print-6-nnormal.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nnormal.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--15px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-nnormal.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nnormal.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--15px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-print-1-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-print-2-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-print-3-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-print-4-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-print-5-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-nsemi-wide {
    width: 100%;
    display: grid !important;
    gap: -20px -20px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-nsemi-wide > * {
    min-width: 0;
  }
  .column-layout-print-6-nsemi-wide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nsemi-wide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--20px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-nsemi-wide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nsemi-wide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--20px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-nwide > * {
    min-width: 0;
  }
  .column-layout-print-1-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-nwide > * {
    min-width: 0;
  }
  .column-layout-print-2-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-nwide > * {
    min-width: 0;
  }
  .column-layout-print-3-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-nwide > * {
    min-width: 0;
  }
  .column-layout-print-4-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-nwide > * {
    min-width: 0;
  }
  .column-layout-print-5-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-nwide {
    width: 100%;
    display: grid !important;
    gap: -30px -30px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-nwide > * {
    min-width: 0;
  }
  .column-layout-print-6-nwide.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nwide.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--30px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-nwide.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nwide.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--30px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-nlarge > * {
    min-width: 0;
  }
  .column-layout-print-1-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-nlarge > * {
    min-width: 0;
  }
  .column-layout-print-2-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-nlarge > * {
    min-width: 0;
  }
  .column-layout-print-3-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-nlarge > * {
    min-width: 0;
  }
  .column-layout-print-4-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-nlarge > * {
    min-width: 0;
  }
  .column-layout-print-5-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-nlarge {
    width: 100%;
    display: grid !important;
    gap: -60px -60px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-nlarge > * {
    min-width: 0;
  }
  .column-layout-print-6-nlarge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nlarge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--60px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-nlarge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nlarge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--60px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-1-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .column-layout-print-1-nhuge > * {
    min-width: 0;
  }
  .column-layout-print-1-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-1-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-1-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-2-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .column-layout-print-2-nhuge > * {
    min-width: 0;
  }
  .column-layout-print-2-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-2-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-2-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-3-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .column-layout-print-3-nhuge > * {
    min-width: 0;
  }
  .column-layout-print-3-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-3-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-3-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-4-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .column-layout-print-4-nhuge > * {
    min-width: 0;
  }
  .column-layout-print-4-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-4-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-4-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-5-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .column-layout-print-5-nhuge > * {
    min-width: 0;
  }
  .column-layout-print-5-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-5-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-5-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }

  .column-layout-print-6-nhuge {
    width: 100%;
    display: grid !important;
    gap: -90px -90px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .column-layout-print-6-nhuge > * {
    min-width: 0;
  }
  .column-layout-print-6-nhuge.with-column-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nhuge.with-column-divider > *:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: calc(--90px / 2);
    content: " ";
    display: block;
    width: 1px;
    height: 100%;
    background-color: var(--divider-color);
  }
  .column-layout-print-6-nhuge.with-row-divider > *:not(:last-child) {
    position: relative;
  }
  .column-layout-print-6-nhuge.with-row-divider > *:not(:last-child)::after {
    position: absolute;
    left: 0;
    bottom: calc(--90px / 2);
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--divider-color);
  }
}
@media (min-width: 0px) {
  .grid-layout-spaceless {
    display: grid !important;
    gap: 0px 0px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-spaceless {
    display: grid;
    gap: 0px 0px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-condensed {
    display: grid !important;
    gap: 5px 5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-condensed {
    display: grid;
    gap: 5px 5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-spaced {
    display: grid !important;
    gap: 10px 10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-spaced {
    display: grid;
    gap: 10px 10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-normal {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-normal {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-semi-wide {
    display: grid !important;
    gap: 20px 20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-semi-wide {
    display: grid;
    gap: 20px 20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-wide {
    display: grid !important;
    gap: 30px 30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-wide {
    display: grid;
    gap: 30px 30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-large {
    display: grid !important;
    gap: 60px 60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-large {
    display: grid;
    gap: 60px 60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-huge {
    display: grid !important;
    gap: 90px 90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-huge {
    display: grid;
    gap: 90px 90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-ncondensed {
    display: grid !important;
    gap: -5px -5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-ncondensed {
    display: grid;
    gap: -5px -5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-nspaced {
    display: grid !important;
    gap: -10px -10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-nspaced {
    display: grid;
    gap: -10px -10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-nnormal {
    display: grid !important;
    gap: -15px -15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-nnormal {
    display: grid;
    gap: -15px -15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-nsemi-wide {
    display: grid !important;
    gap: -20px -20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-nsemi-wide {
    display: grid;
    gap: -20px -20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-nwide {
    display: grid !important;
    gap: -30px -30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-nwide {
    display: grid;
    gap: -30px -30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-nlarge {
    display: grid !important;
    gap: -60px -60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-nlarge {
    display: grid;
    gap: -60px -60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-nhuge {
    display: grid !important;
    gap: -90px -90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-nhuge {
    display: grid;
    gap: -90px -90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-col-all {
    grid-column: 1/-1;
    min-width: 0;
  }

  .grid-template-columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-template-columns-1-fixed {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-start-1 {
    grid-column-start: 1;
    min-width: 0;
  }

  .grid-col-end-1 {
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-span-1 {
    grid-column: span 1;
    min-width: 0;
  }

  .grid-col-1-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-1-2 {
    grid-column-start: 1;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-1-3 {
    grid-column-start: 1;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-1-4 {
    grid-column-start: 1;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-1-5 {
    grid-column-start: 1;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-1-6 {
    grid-column-start: 1;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-1-7 {
    grid-column-start: 1;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-1-8 {
    grid-column-start: 1;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-1-9 {
    grid-column-start: 1;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-1-10 {
    grid-column-start: 1;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-1-11 {
    grid-column-start: 1;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-1-12 {
    grid-column-start: 1;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-1-13 {
    grid-column-start: 1;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-1-14 {
    grid-column-start: 1;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-1-15 {
    grid-column-start: 1;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-1-16 {
    grid-column-start: 1;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-1-17 {
    grid-column-start: 1;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-1-18 {
    grid-column-start: 1;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-1-19 {
    grid-column-start: 1;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-1-20 {
    grid-column-start: 1;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-1-21 {
    grid-column-start: 1;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-1-22 {
    grid-column-start: 1;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-1-23 {
    grid-column-start: 1;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-1-24 {
    grid-column-start: 1;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-template-columns-2-fixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-start-2 {
    grid-column-start: 2;
    min-width: 0;
  }

  .grid-col-end-2 {
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-span-2 {
    grid-column: span 2;
    min-width: 0;
  }

  .grid-col-2-1 {
    grid-column-start: 2;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-2-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-2-3 {
    grid-column-start: 2;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-2-4 {
    grid-column-start: 2;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-2-5 {
    grid-column-start: 2;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-2-6 {
    grid-column-start: 2;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-2-7 {
    grid-column-start: 2;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-2-8 {
    grid-column-start: 2;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-2-9 {
    grid-column-start: 2;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-2-10 {
    grid-column-start: 2;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-2-11 {
    grid-column-start: 2;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-2-12 {
    grid-column-start: 2;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-2-13 {
    grid-column-start: 2;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-2-14 {
    grid-column-start: 2;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-2-15 {
    grid-column-start: 2;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-2-16 {
    grid-column-start: 2;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-2-17 {
    grid-column-start: 2;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-2-18 {
    grid-column-start: 2;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-2-19 {
    grid-column-start: 2;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-2-20 {
    grid-column-start: 2;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-2-21 {
    grid-column-start: 2;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-2-22 {
    grid-column-start: 2;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-2-23 {
    grid-column-start: 2;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-2-24 {
    grid-column-start: 2;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-template-columns-3-fixed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-start-3 {
    grid-column-start: 3;
    min-width: 0;
  }

  .grid-col-end-3 {
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-span-3 {
    grid-column: span 3;
    min-width: 0;
  }

  .grid-col-3-1 {
    grid-column-start: 3;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-3-2 {
    grid-column-start: 3;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-3-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-3-4 {
    grid-column-start: 3;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-3-5 {
    grid-column-start: 3;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-3-6 {
    grid-column-start: 3;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-3-7 {
    grid-column-start: 3;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-3-8 {
    grid-column-start: 3;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-3-9 {
    grid-column-start: 3;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-3-10 {
    grid-column-start: 3;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-3-11 {
    grid-column-start: 3;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-3-12 {
    grid-column-start: 3;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-3-13 {
    grid-column-start: 3;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-3-14 {
    grid-column-start: 3;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-3-15 {
    grid-column-start: 3;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-3-16 {
    grid-column-start: 3;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-3-17 {
    grid-column-start: 3;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-3-18 {
    grid-column-start: 3;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-3-19 {
    grid-column-start: 3;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-3-20 {
    grid-column-start: 3;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-3-21 {
    grid-column-start: 3;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-3-22 {
    grid-column-start: 3;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-3-23 {
    grid-column-start: 3;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-3-24 {
    grid-column-start: 3;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-template-columns-4-fixed {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-start-4 {
    grid-column-start: 4;
    min-width: 0;
  }

  .grid-col-end-4 {
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-span-4 {
    grid-column: span 4;
    min-width: 0;
  }

  .grid-col-4-1 {
    grid-column-start: 4;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-4-2 {
    grid-column-start: 4;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-4-3 {
    grid-column-start: 4;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-4-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-4-5 {
    grid-column-start: 4;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-4-6 {
    grid-column-start: 4;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-4-7 {
    grid-column-start: 4;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-4-8 {
    grid-column-start: 4;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-4-9 {
    grid-column-start: 4;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-4-10 {
    grid-column-start: 4;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-4-11 {
    grid-column-start: 4;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-4-12 {
    grid-column-start: 4;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-4-13 {
    grid-column-start: 4;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-4-14 {
    grid-column-start: 4;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-4-15 {
    grid-column-start: 4;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-4-16 {
    grid-column-start: 4;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-4-17 {
    grid-column-start: 4;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-4-18 {
    grid-column-start: 4;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-4-19 {
    grid-column-start: 4;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-4-20 {
    grid-column-start: 4;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-4-21 {
    grid-column-start: 4;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-4-22 {
    grid-column-start: 4;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-4-23 {
    grid-column-start: 4;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-4-24 {
    grid-column-start: 4;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-template-columns-5-fixed {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-start-5 {
    grid-column-start: 5;
    min-width: 0;
  }

  .grid-col-end-5 {
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-span-5 {
    grid-column: span 5;
    min-width: 0;
  }

  .grid-col-5-1 {
    grid-column-start: 5;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-5-2 {
    grid-column-start: 5;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-5-3 {
    grid-column-start: 5;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-5-4 {
    grid-column-start: 5;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-5-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-5-6 {
    grid-column-start: 5;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-5-7 {
    grid-column-start: 5;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-5-8 {
    grid-column-start: 5;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-5-9 {
    grid-column-start: 5;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-5-10 {
    grid-column-start: 5;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-5-11 {
    grid-column-start: 5;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-5-12 {
    grid-column-start: 5;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-5-13 {
    grid-column-start: 5;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-5-14 {
    grid-column-start: 5;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-5-15 {
    grid-column-start: 5;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-5-16 {
    grid-column-start: 5;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-5-17 {
    grid-column-start: 5;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-5-18 {
    grid-column-start: 5;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-5-19 {
    grid-column-start: 5;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-5-20 {
    grid-column-start: 5;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-5-21 {
    grid-column-start: 5;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-5-22 {
    grid-column-start: 5;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-5-23 {
    grid-column-start: 5;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-5-24 {
    grid-column-start: 5;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-template-columns-6-fixed {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-start-6 {
    grid-column-start: 6;
    min-width: 0;
  }

  .grid-col-end-6 {
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-span-6 {
    grid-column: span 6;
    min-width: 0;
  }

  .grid-col-6-1 {
    grid-column-start: 6;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-6-2 {
    grid-column-start: 6;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-6-3 {
    grid-column-start: 6;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-6-4 {
    grid-column-start: 6;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-6-5 {
    grid-column-start: 6;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-6-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-6-7 {
    grid-column-start: 6;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-6-8 {
    grid-column-start: 6;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-6-9 {
    grid-column-start: 6;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-6-10 {
    grid-column-start: 6;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-6-11 {
    grid-column-start: 6;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-6-12 {
    grid-column-start: 6;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-6-13 {
    grid-column-start: 6;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-6-14 {
    grid-column-start: 6;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-6-15 {
    grid-column-start: 6;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-6-16 {
    grid-column-start: 6;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-6-17 {
    grid-column-start: 6;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-6-18 {
    grid-column-start: 6;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-6-19 {
    grid-column-start: 6;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-6-20 {
    grid-column-start: 6;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-6-21 {
    grid-column-start: 6;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-6-22 {
    grid-column-start: 6;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-6-23 {
    grid-column-start: 6;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-6-24 {
    grid-column-start: 6;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-template-columns-7-fixed {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-start-7 {
    grid-column-start: 7;
    min-width: 0;
  }

  .grid-col-end-7 {
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-span-7 {
    grid-column: span 7;
    min-width: 0;
  }

  .grid-col-7-1 {
    grid-column-start: 7;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-7-2 {
    grid-column-start: 7;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-7-3 {
    grid-column-start: 7;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-7-4 {
    grid-column-start: 7;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-7-5 {
    grid-column-start: 7;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-7-6 {
    grid-column-start: 7;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-7-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-7-8 {
    grid-column-start: 7;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-7-9 {
    grid-column-start: 7;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-7-10 {
    grid-column-start: 7;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-7-11 {
    grid-column-start: 7;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-7-12 {
    grid-column-start: 7;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-7-13 {
    grid-column-start: 7;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-7-14 {
    grid-column-start: 7;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-7-15 {
    grid-column-start: 7;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-7-16 {
    grid-column-start: 7;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-7-17 {
    grid-column-start: 7;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-7-18 {
    grid-column-start: 7;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-7-19 {
    grid-column-start: 7;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-7-20 {
    grid-column-start: 7;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-7-21 {
    grid-column-start: 7;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-7-22 {
    grid-column-start: 7;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-7-23 {
    grid-column-start: 7;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-7-24 {
    grid-column-start: 7;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-template-columns-8-fixed {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-start-8 {
    grid-column-start: 8;
    min-width: 0;
  }

  .grid-col-end-8 {
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-span-8 {
    grid-column: span 8;
    min-width: 0;
  }

  .grid-col-8-1 {
    grid-column-start: 8;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-8-2 {
    grid-column-start: 8;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-8-3 {
    grid-column-start: 8;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-8-4 {
    grid-column-start: 8;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-8-5 {
    grid-column-start: 8;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-8-6 {
    grid-column-start: 8;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-8-7 {
    grid-column-start: 8;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-8-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-8-9 {
    grid-column-start: 8;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-8-10 {
    grid-column-start: 8;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-8-11 {
    grid-column-start: 8;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-8-12 {
    grid-column-start: 8;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-8-13 {
    grid-column-start: 8;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-8-14 {
    grid-column-start: 8;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-8-15 {
    grid-column-start: 8;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-8-16 {
    grid-column-start: 8;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-8-17 {
    grid-column-start: 8;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-8-18 {
    grid-column-start: 8;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-8-19 {
    grid-column-start: 8;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-8-20 {
    grid-column-start: 8;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-8-21 {
    grid-column-start: 8;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-8-22 {
    grid-column-start: 8;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-8-23 {
    grid-column-start: 8;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-8-24 {
    grid-column-start: 8;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .grid-template-columns-9-fixed {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-start-9 {
    grid-column-start: 9;
    min-width: 0;
  }

  .grid-col-end-9 {
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-span-9 {
    grid-column: span 9;
    min-width: 0;
  }

  .grid-col-9-1 {
    grid-column-start: 9;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-9-2 {
    grid-column-start: 9;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-9-3 {
    grid-column-start: 9;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-9-4 {
    grid-column-start: 9;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-9-5 {
    grid-column-start: 9;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-9-6 {
    grid-column-start: 9;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-9-7 {
    grid-column-start: 9;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-9-8 {
    grid-column-start: 9;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-9-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-9-10 {
    grid-column-start: 9;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-9-11 {
    grid-column-start: 9;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-9-12 {
    grid-column-start: 9;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-9-13 {
    grid-column-start: 9;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-9-14 {
    grid-column-start: 9;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-9-15 {
    grid-column-start: 9;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-9-16 {
    grid-column-start: 9;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-9-17 {
    grid-column-start: 9;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-9-18 {
    grid-column-start: 9;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-9-19 {
    grid-column-start: 9;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-9-20 {
    grid-column-start: 9;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-9-21 {
    grid-column-start: 9;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-9-22 {
    grid-column-start: 9;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-9-23 {
    grid-column-start: 9;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-9-24 {
    grid-column-start: 9;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .grid-template-columns-10-fixed {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-start-10 {
    grid-column-start: 10;
    min-width: 0;
  }

  .grid-col-end-10 {
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-span-10 {
    grid-column: span 10;
    min-width: 0;
  }

  .grid-col-10-1 {
    grid-column-start: 10;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-10-2 {
    grid-column-start: 10;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-10-3 {
    grid-column-start: 10;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-10-4 {
    grid-column-start: 10;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-10-5 {
    grid-column-start: 10;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-10-6 {
    grid-column-start: 10;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-10-7 {
    grid-column-start: 10;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-10-8 {
    grid-column-start: 10;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-10-9 {
    grid-column-start: 10;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-10-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-10-11 {
    grid-column-start: 10;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-10-12 {
    grid-column-start: 10;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-10-13 {
    grid-column-start: 10;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-10-14 {
    grid-column-start: 10;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-10-15 {
    grid-column-start: 10;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-10-16 {
    grid-column-start: 10;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-10-17 {
    grid-column-start: 10;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-10-18 {
    grid-column-start: 10;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-10-19 {
    grid-column-start: 10;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-10-20 {
    grid-column-start: 10;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-10-21 {
    grid-column-start: 10;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-10-22 {
    grid-column-start: 10;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-10-23 {
    grid-column-start: 10;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-10-24 {
    grid-column-start: 10;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-template-columns-11-fixed {
    grid-template-columns: repeat(11, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-start-11 {
    grid-column-start: 11;
    min-width: 0;
  }

  .grid-col-end-11 {
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-span-11 {
    grid-column: span 11;
    min-width: 0;
  }

  .grid-col-11-1 {
    grid-column-start: 11;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-11-2 {
    grid-column-start: 11;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-11-3 {
    grid-column-start: 11;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-11-4 {
    grid-column-start: 11;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-11-5 {
    grid-column-start: 11;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-11-6 {
    grid-column-start: 11;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-11-7 {
    grid-column-start: 11;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-11-8 {
    grid-column-start: 11;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-11-9 {
    grid-column-start: 11;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-11-10 {
    grid-column-start: 11;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-11-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-11-12 {
    grid-column-start: 11;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-11-13 {
    grid-column-start: 11;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-11-14 {
    grid-column-start: 11;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-11-15 {
    grid-column-start: 11;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-11-16 {
    grid-column-start: 11;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-11-17 {
    grid-column-start: 11;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-11-18 {
    grid-column-start: 11;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-11-19 {
    grid-column-start: 11;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-11-20 {
    grid-column-start: 11;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-11-21 {
    grid-column-start: 11;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-11-22 {
    grid-column-start: 11;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-11-23 {
    grid-column-start: 11;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-11-24 {
    grid-column-start: 11;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-template-columns-12-fixed {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-start-12 {
    grid-column-start: 12;
    min-width: 0;
  }

  .grid-col-end-12 {
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-span-12 {
    grid-column: span 12;
    min-width: 0;
  }

  .grid-col-12-1 {
    grid-column-start: 12;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-12-2 {
    grid-column-start: 12;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-12-3 {
    grid-column-start: 12;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-12-4 {
    grid-column-start: 12;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-12-5 {
    grid-column-start: 12;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-12-6 {
    grid-column-start: 12;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-12-7 {
    grid-column-start: 12;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-12-8 {
    grid-column-start: 12;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-12-9 {
    grid-column-start: 12;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-12-10 {
    grid-column-start: 12;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-12-11 {
    grid-column-start: 12;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-12-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-12-13 {
    grid-column-start: 12;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-12-14 {
    grid-column-start: 12;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-12-15 {
    grid-column-start: 12;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-12-16 {
    grid-column-start: 12;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-12-17 {
    grid-column-start: 12;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-12-18 {
    grid-column-start: 12;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-12-19 {
    grid-column-start: 12;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-12-20 {
    grid-column-start: 12;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-12-21 {
    grid-column-start: 12;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-12-22 {
    grid-column-start: 12;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-12-23 {
    grid-column-start: 12;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-12-24 {
    grid-column-start: 12;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }

  .grid-template-columns-13-fixed {
    grid-template-columns: repeat(13, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-start-13 {
    grid-column-start: 13;
    min-width: 0;
  }

  .grid-col-end-13 {
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-span-13 {
    grid-column: span 13;
    min-width: 0;
  }

  .grid-col-13-1 {
    grid-column-start: 13;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-13-2 {
    grid-column-start: 13;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-13-3 {
    grid-column-start: 13;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-13-4 {
    grid-column-start: 13;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-13-5 {
    grid-column-start: 13;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-13-6 {
    grid-column-start: 13;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-13-7 {
    grid-column-start: 13;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-13-8 {
    grid-column-start: 13;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-13-9 {
    grid-column-start: 13;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-13-10 {
    grid-column-start: 13;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-13-11 {
    grid-column-start: 13;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-13-12 {
    grid-column-start: 13;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-13-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-13-14 {
    grid-column-start: 13;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-13-15 {
    grid-column-start: 13;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-13-16 {
    grid-column-start: 13;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-13-17 {
    grid-column-start: 13;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-13-18 {
    grid-column-start: 13;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-13-19 {
    grid-column-start: 13;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-13-20 {
    grid-column-start: 13;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-13-21 {
    grid-column-start: 13;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-13-22 {
    grid-column-start: 13;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-13-23 {
    grid-column-start: 13;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-13-24 {
    grid-column-start: 13;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }

  .grid-template-columns-14-fixed {
    grid-template-columns: repeat(14, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-start-14 {
    grid-column-start: 14;
    min-width: 0;
  }

  .grid-col-end-14 {
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-span-14 {
    grid-column: span 14;
    min-width: 0;
  }

  .grid-col-14-1 {
    grid-column-start: 14;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-14-2 {
    grid-column-start: 14;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-14-3 {
    grid-column-start: 14;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-14-4 {
    grid-column-start: 14;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-14-5 {
    grid-column-start: 14;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-14-6 {
    grid-column-start: 14;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-14-7 {
    grid-column-start: 14;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-14-8 {
    grid-column-start: 14;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-14-9 {
    grid-column-start: 14;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-14-10 {
    grid-column-start: 14;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-14-11 {
    grid-column-start: 14;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-14-12 {
    grid-column-start: 14;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-14-13 {
    grid-column-start: 14;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-14-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-14-15 {
    grid-column-start: 14;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-14-16 {
    grid-column-start: 14;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-14-17 {
    grid-column-start: 14;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-14-18 {
    grid-column-start: 14;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-14-19 {
    grid-column-start: 14;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-14-20 {
    grid-column-start: 14;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-14-21 {
    grid-column-start: 14;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-14-22 {
    grid-column-start: 14;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-14-23 {
    grid-column-start: 14;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-14-24 {
    grid-column-start: 14;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }

  .grid-template-columns-15-fixed {
    grid-template-columns: repeat(15, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-start-15 {
    grid-column-start: 15;
    min-width: 0;
  }

  .grid-col-end-15 {
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-span-15 {
    grid-column: span 15;
    min-width: 0;
  }

  .grid-col-15-1 {
    grid-column-start: 15;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-15-2 {
    grid-column-start: 15;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-15-3 {
    grid-column-start: 15;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-15-4 {
    grid-column-start: 15;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-15-5 {
    grid-column-start: 15;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-15-6 {
    grid-column-start: 15;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-15-7 {
    grid-column-start: 15;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-15-8 {
    grid-column-start: 15;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-15-9 {
    grid-column-start: 15;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-15-10 {
    grid-column-start: 15;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-15-11 {
    grid-column-start: 15;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-15-12 {
    grid-column-start: 15;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-15-13 {
    grid-column-start: 15;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-15-14 {
    grid-column-start: 15;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-15-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-15-16 {
    grid-column-start: 15;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-15-17 {
    grid-column-start: 15;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-15-18 {
    grid-column-start: 15;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-15-19 {
    grid-column-start: 15;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-15-20 {
    grid-column-start: 15;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-15-21 {
    grid-column-start: 15;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-15-22 {
    grid-column-start: 15;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-15-23 {
    grid-column-start: 15;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-15-24 {
    grid-column-start: 15;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }

  .grid-template-columns-16-fixed {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-start-16 {
    grid-column-start: 16;
    min-width: 0;
  }

  .grid-col-end-16 {
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-span-16 {
    grid-column: span 16;
    min-width: 0;
  }

  .grid-col-16-1 {
    grid-column-start: 16;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-16-2 {
    grid-column-start: 16;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-16-3 {
    grid-column-start: 16;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-16-4 {
    grid-column-start: 16;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-16-5 {
    grid-column-start: 16;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-16-6 {
    grid-column-start: 16;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-16-7 {
    grid-column-start: 16;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-16-8 {
    grid-column-start: 16;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-16-9 {
    grid-column-start: 16;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-16-10 {
    grid-column-start: 16;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-16-11 {
    grid-column-start: 16;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-16-12 {
    grid-column-start: 16;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-16-13 {
    grid-column-start: 16;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-16-14 {
    grid-column-start: 16;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-16-15 {
    grid-column-start: 16;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-16-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-16-17 {
    grid-column-start: 16;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-16-18 {
    grid-column-start: 16;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-16-19 {
    grid-column-start: 16;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-16-20 {
    grid-column-start: 16;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-16-21 {
    grid-column-start: 16;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-16-22 {
    grid-column-start: 16;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-16-23 {
    grid-column-start: 16;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-16-24 {
    grid-column-start: 16;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }

  .grid-template-columns-17-fixed {
    grid-template-columns: repeat(17, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-start-17 {
    grid-column-start: 17;
    min-width: 0;
  }

  .grid-col-end-17 {
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-span-17 {
    grid-column: span 17;
    min-width: 0;
  }

  .grid-col-17-1 {
    grid-column-start: 17;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-17-2 {
    grid-column-start: 17;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-17-3 {
    grid-column-start: 17;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-17-4 {
    grid-column-start: 17;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-17-5 {
    grid-column-start: 17;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-17-6 {
    grid-column-start: 17;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-17-7 {
    grid-column-start: 17;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-17-8 {
    grid-column-start: 17;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-17-9 {
    grid-column-start: 17;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-17-10 {
    grid-column-start: 17;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-17-11 {
    grid-column-start: 17;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-17-12 {
    grid-column-start: 17;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-17-13 {
    grid-column-start: 17;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-17-14 {
    grid-column-start: 17;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-17-15 {
    grid-column-start: 17;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-17-16 {
    grid-column-start: 17;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-17-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-17-18 {
    grid-column-start: 17;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-17-19 {
    grid-column-start: 17;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-17-20 {
    grid-column-start: 17;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-17-21 {
    grid-column-start: 17;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-17-22 {
    grid-column-start: 17;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-17-23 {
    grid-column-start: 17;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-17-24 {
    grid-column-start: 17;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }

  .grid-template-columns-18-fixed {
    grid-template-columns: repeat(18, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-start-18 {
    grid-column-start: 18;
    min-width: 0;
  }

  .grid-col-end-18 {
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-span-18 {
    grid-column: span 18;
    min-width: 0;
  }

  .grid-col-18-1 {
    grid-column-start: 18;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-18-2 {
    grid-column-start: 18;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-18-3 {
    grid-column-start: 18;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-18-4 {
    grid-column-start: 18;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-18-5 {
    grid-column-start: 18;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-18-6 {
    grid-column-start: 18;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-18-7 {
    grid-column-start: 18;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-18-8 {
    grid-column-start: 18;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-18-9 {
    grid-column-start: 18;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-18-10 {
    grid-column-start: 18;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-18-11 {
    grid-column-start: 18;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-18-12 {
    grid-column-start: 18;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-18-13 {
    grid-column-start: 18;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-18-14 {
    grid-column-start: 18;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-18-15 {
    grid-column-start: 18;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-18-16 {
    grid-column-start: 18;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-18-17 {
    grid-column-start: 18;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-18-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-18-19 {
    grid-column-start: 18;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-18-20 {
    grid-column-start: 18;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-18-21 {
    grid-column-start: 18;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-18-22 {
    grid-column-start: 18;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-18-23 {
    grid-column-start: 18;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-18-24 {
    grid-column-start: 18;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }

  .grid-template-columns-19-fixed {
    grid-template-columns: repeat(19, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-start-19 {
    grid-column-start: 19;
    min-width: 0;
  }

  .grid-col-end-19 {
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-span-19 {
    grid-column: span 19;
    min-width: 0;
  }

  .grid-col-19-1 {
    grid-column-start: 19;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-19-2 {
    grid-column-start: 19;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-19-3 {
    grid-column-start: 19;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-19-4 {
    grid-column-start: 19;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-19-5 {
    grid-column-start: 19;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-19-6 {
    grid-column-start: 19;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-19-7 {
    grid-column-start: 19;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-19-8 {
    grid-column-start: 19;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-19-9 {
    grid-column-start: 19;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-19-10 {
    grid-column-start: 19;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-19-11 {
    grid-column-start: 19;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-19-12 {
    grid-column-start: 19;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-19-13 {
    grid-column-start: 19;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-19-14 {
    grid-column-start: 19;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-19-15 {
    grid-column-start: 19;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-19-16 {
    grid-column-start: 19;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-19-17 {
    grid-column-start: 19;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-19-18 {
    grid-column-start: 19;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-19-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-19-20 {
    grid-column-start: 19;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-19-21 {
    grid-column-start: 19;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-19-22 {
    grid-column-start: 19;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-19-23 {
    grid-column-start: 19;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-19-24 {
    grid-column-start: 19;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }

  .grid-template-columns-20-fixed {
    grid-template-columns: repeat(20, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-start-20 {
    grid-column-start: 20;
    min-width: 0;
  }

  .grid-col-end-20 {
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-span-20 {
    grid-column: span 20;
    min-width: 0;
  }

  .grid-col-20-1 {
    grid-column-start: 20;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-20-2 {
    grid-column-start: 20;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-20-3 {
    grid-column-start: 20;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-20-4 {
    grid-column-start: 20;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-20-5 {
    grid-column-start: 20;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-20-6 {
    grid-column-start: 20;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-20-7 {
    grid-column-start: 20;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-20-8 {
    grid-column-start: 20;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-20-9 {
    grid-column-start: 20;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-20-10 {
    grid-column-start: 20;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-20-11 {
    grid-column-start: 20;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-20-12 {
    grid-column-start: 20;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-20-13 {
    grid-column-start: 20;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-20-14 {
    grid-column-start: 20;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-20-15 {
    grid-column-start: 20;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-20-16 {
    grid-column-start: 20;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-20-17 {
    grid-column-start: 20;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-20-18 {
    grid-column-start: 20;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-20-19 {
    grid-column-start: 20;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-20-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-20-21 {
    grid-column-start: 20;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-20-22 {
    grid-column-start: 20;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-20-23 {
    grid-column-start: 20;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-20-24 {
    grid-column-start: 20;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }

  .grid-template-columns-21-fixed {
    grid-template-columns: repeat(21, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-start-21 {
    grid-column-start: 21;
    min-width: 0;
  }

  .grid-col-end-21 {
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-span-21 {
    grid-column: span 21;
    min-width: 0;
  }

  .grid-col-21-1 {
    grid-column-start: 21;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-21-2 {
    grid-column-start: 21;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-21-3 {
    grid-column-start: 21;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-21-4 {
    grid-column-start: 21;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-21-5 {
    grid-column-start: 21;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-21-6 {
    grid-column-start: 21;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-21-7 {
    grid-column-start: 21;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-21-8 {
    grid-column-start: 21;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-21-9 {
    grid-column-start: 21;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-21-10 {
    grid-column-start: 21;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-21-11 {
    grid-column-start: 21;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-21-12 {
    grid-column-start: 21;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-21-13 {
    grid-column-start: 21;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-21-14 {
    grid-column-start: 21;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-21-15 {
    grid-column-start: 21;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-21-16 {
    grid-column-start: 21;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-21-17 {
    grid-column-start: 21;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-21-18 {
    grid-column-start: 21;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-21-19 {
    grid-column-start: 21;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-21-20 {
    grid-column-start: 21;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-21-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-21-22 {
    grid-column-start: 21;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-21-23 {
    grid-column-start: 21;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-21-24 {
    grid-column-start: 21;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }

  .grid-template-columns-22-fixed {
    grid-template-columns: repeat(22, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-start-22 {
    grid-column-start: 22;
    min-width: 0;
  }

  .grid-col-end-22 {
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-span-22 {
    grid-column: span 22;
    min-width: 0;
  }

  .grid-col-22-1 {
    grid-column-start: 22;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-22-2 {
    grid-column-start: 22;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-22-3 {
    grid-column-start: 22;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-22-4 {
    grid-column-start: 22;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-22-5 {
    grid-column-start: 22;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-22-6 {
    grid-column-start: 22;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-22-7 {
    grid-column-start: 22;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-22-8 {
    grid-column-start: 22;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-22-9 {
    grid-column-start: 22;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-22-10 {
    grid-column-start: 22;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-22-11 {
    grid-column-start: 22;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-22-12 {
    grid-column-start: 22;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-22-13 {
    grid-column-start: 22;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-22-14 {
    grid-column-start: 22;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-22-15 {
    grid-column-start: 22;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-22-16 {
    grid-column-start: 22;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-22-17 {
    grid-column-start: 22;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-22-18 {
    grid-column-start: 22;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-22-19 {
    grid-column-start: 22;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-22-20 {
    grid-column-start: 22;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-22-21 {
    grid-column-start: 22;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-22-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-22-23 {
    grid-column-start: 22;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-22-24 {
    grid-column-start: 22;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }

  .grid-template-columns-23-fixed {
    grid-template-columns: repeat(23, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-start-23 {
    grid-column-start: 23;
    min-width: 0;
  }

  .grid-col-end-23 {
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-span-23 {
    grid-column: span 23;
    min-width: 0;
  }

  .grid-col-23-1 {
    grid-column-start: 23;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-23-2 {
    grid-column-start: 23;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-23-3 {
    grid-column-start: 23;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-23-4 {
    grid-column-start: 23;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-23-5 {
    grid-column-start: 23;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-23-6 {
    grid-column-start: 23;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-23-7 {
    grid-column-start: 23;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-23-8 {
    grid-column-start: 23;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-23-9 {
    grid-column-start: 23;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-23-10 {
    grid-column-start: 23;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-23-11 {
    grid-column-start: 23;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-23-12 {
    grid-column-start: 23;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-23-13 {
    grid-column-start: 23;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-23-14 {
    grid-column-start: 23;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-23-15 {
    grid-column-start: 23;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-23-16 {
    grid-column-start: 23;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-23-17 {
    grid-column-start: 23;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-23-18 {
    grid-column-start: 23;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-23-19 {
    grid-column-start: 23;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-23-20 {
    grid-column-start: 23;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-23-21 {
    grid-column-start: 23;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-23-22 {
    grid-column-start: 23;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-23-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-23-24 {
    grid-column-start: 23;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }

  .grid-template-columns-24-fixed {
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-start-24 {
    grid-column-start: 24;
    min-width: 0;
  }

  .grid-col-end-24 {
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-span-24 {
    grid-column: span 24;
    min-width: 0;
  }

  .grid-col-24-1 {
    grid-column-start: 24;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-24-2 {
    grid-column-start: 24;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-24-3 {
    grid-column-start: 24;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-24-4 {
    grid-column-start: 24;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-24-5 {
    grid-column-start: 24;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-24-6 {
    grid-column-start: 24;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-24-7 {
    grid-column-start: 24;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-24-8 {
    grid-column-start: 24;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-24-9 {
    grid-column-start: 24;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-24-10 {
    grid-column-start: 24;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-24-11 {
    grid-column-start: 24;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-24-12 {
    grid-column-start: 24;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-24-13 {
    grid-column-start: 24;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-24-14 {
    grid-column-start: 24;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-24-15 {
    grid-column-start: 24;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-24-16 {
    grid-column-start: 24;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-24-17 {
    grid-column-start: 24;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-24-18 {
    grid-column-start: 24;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-24-19 {
    grid-column-start: 24;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-24-20 {
    grid-column-start: 24;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-24-21 {
    grid-column-start: 24;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-24-22 {
    grid-column-start: 24;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-24-23 {
    grid-column-start: 24;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-24-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-template-rows-1-fixed {
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-start-1 {
    grid-row-start: 1;
    min-width: 0;
  }

  .grid-row-end-1 {
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-span-1 {
    grid-row: span 1;
    min-width: 0;
  }

  .grid-row-1-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-1-2 {
    grid-row-start: 1;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-1-3 {
    grid-row-start: 1;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-1-4 {
    grid-row-start: 1;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-1-5 {
    grid-row-start: 1;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-1-6 {
    grid-row-start: 1;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-1-7 {
    grid-row-start: 1;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-1-8 {
    grid-row-start: 1;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-1-9 {
    grid-row-start: 1;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-1-10 {
    grid-row-start: 1;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-template-rows-2-fixed {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-start-2 {
    grid-row-start: 2;
    min-width: 0;
  }

  .grid-row-end-2 {
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-span-2 {
    grid-row: span 2;
    min-width: 0;
  }

  .grid-row-2-1 {
    grid-row-start: 2;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-2-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-2-3 {
    grid-row-start: 2;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-2-4 {
    grid-row-start: 2;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-2-5 {
    grid-row-start: 2;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-2-6 {
    grid-row-start: 2;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-2-7 {
    grid-row-start: 2;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-2-8 {
    grid-row-start: 2;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-2-9 {
    grid-row-start: 2;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-2-10 {
    grid-row-start: 2;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-template-rows-3-fixed {
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-start-3 {
    grid-row-start: 3;
    min-width: 0;
  }

  .grid-row-end-3 {
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-span-3 {
    grid-row: span 3;
    min-width: 0;
  }

  .grid-row-3-1 {
    grid-row-start: 3;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-3-2 {
    grid-row-start: 3;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-3-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-3-4 {
    grid-row-start: 3;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-3-5 {
    grid-row-start: 3;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-3-6 {
    grid-row-start: 3;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-3-7 {
    grid-row-start: 3;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-3-8 {
    grid-row-start: 3;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-3-9 {
    grid-row-start: 3;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-3-10 {
    grid-row-start: 3;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .grid-template-rows-4-fixed {
    grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-start-4 {
    grid-row-start: 4;
    min-width: 0;
  }

  .grid-row-end-4 {
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-span-4 {
    grid-row: span 4;
    min-width: 0;
  }

  .grid-row-4-1 {
    grid-row-start: 4;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-4-2 {
    grid-row-start: 4;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-4-3 {
    grid-row-start: 4;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-4-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-4-5 {
    grid-row-start: 4;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-4-6 {
    grid-row-start: 4;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-4-7 {
    grid-row-start: 4;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-4-8 {
    grid-row-start: 4;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-4-9 {
    grid-row-start: 4;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-4-10 {
    grid-row-start: 4;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .grid-template-rows-5-fixed {
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-start-5 {
    grid-row-start: 5;
    min-width: 0;
  }

  .grid-row-end-5 {
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-span-5 {
    grid-row: span 5;
    min-width: 0;
  }

  .grid-row-5-1 {
    grid-row-start: 5;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-5-2 {
    grid-row-start: 5;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-5-3 {
    grid-row-start: 5;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-5-4 {
    grid-row-start: 5;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-5-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-5-6 {
    grid-row-start: 5;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-5-7 {
    grid-row-start: 5;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-5-8 {
    grid-row-start: 5;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-5-9 {
    grid-row-start: 5;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-5-10 {
    grid-row-start: 5;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .grid-template-rows-6-fixed {
    grid-template-rows: repeat(6, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-start-6 {
    grid-row-start: 6;
    min-width: 0;
  }

  .grid-row-end-6 {
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-span-6 {
    grid-row: span 6;
    min-width: 0;
  }

  .grid-row-6-1 {
    grid-row-start: 6;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-6-2 {
    grid-row-start: 6;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-6-3 {
    grid-row-start: 6;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-6-4 {
    grid-row-start: 6;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-6-5 {
    grid-row-start: 6;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-6-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-6-7 {
    grid-row-start: 6;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-6-8 {
    grid-row-start: 6;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-6-9 {
    grid-row-start: 6;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-6-10 {
    grid-row-start: 6;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .grid-template-rows-7-fixed {
    grid-template-rows: repeat(7, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-start-7 {
    grid-row-start: 7;
    min-width: 0;
  }

  .grid-row-end-7 {
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-span-7 {
    grid-row: span 7;
    min-width: 0;
  }

  .grid-row-7-1 {
    grid-row-start: 7;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-7-2 {
    grid-row-start: 7;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-7-3 {
    grid-row-start: 7;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-7-4 {
    grid-row-start: 7;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-7-5 {
    grid-row-start: 7;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-7-6 {
    grid-row-start: 7;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-7-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-7-8 {
    grid-row-start: 7;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-7-9 {
    grid-row-start: 7;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-7-10 {
    grid-row-start: 7;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .grid-template-rows-8-fixed {
    grid-template-rows: repeat(8, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-start-8 {
    grid-row-start: 8;
    min-width: 0;
  }

  .grid-row-end-8 {
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-span-8 {
    grid-row: span 8;
    min-width: 0;
  }

  .grid-row-8-1 {
    grid-row-start: 8;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-8-2 {
    grid-row-start: 8;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-8-3 {
    grid-row-start: 8;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-8-4 {
    grid-row-start: 8;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-8-5 {
    grid-row-start: 8;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-8-6 {
    grid-row-start: 8;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-8-7 {
    grid-row-start: 8;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-8-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-8-9 {
    grid-row-start: 8;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-8-10 {
    grid-row-start: 8;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .grid-template-rows-9-fixed {
    grid-template-rows: repeat(9, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-start-9 {
    grid-row-start: 9;
    min-width: 0;
  }

  .grid-row-end-9 {
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-span-9 {
    grid-row: span 9;
    min-width: 0;
  }

  .grid-row-9-1 {
    grid-row-start: 9;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-9-2 {
    grid-row-start: 9;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-9-3 {
    grid-row-start: 9;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-9-4 {
    grid-row-start: 9;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-9-5 {
    grid-row-start: 9;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-9-6 {
    grid-row-start: 9;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-9-7 {
    grid-row-start: 9;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-9-8 {
    grid-row-start: 9;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-9-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-9-10 {
    grid-row-start: 9;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .grid-template-rows-10-fixed {
    grid-template-rows: repeat(10, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-start-10 {
    grid-row-start: 10;
    min-width: 0;
  }

  .grid-row-end-10 {
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-span-10 {
    grid-row: span 10;
    min-width: 0;
  }

  .grid-row-10-1 {
    grid-row-start: 10;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-10-2 {
    grid-row-start: 10;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-10-3 {
    grid-row-start: 10;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-10-4 {
    grid-row-start: 10;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-10-5 {
    grid-row-start: 10;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-10-6 {
    grid-row-start: 10;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-10-7 {
    grid-row-start: 10;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-10-8 {
    grid-row-start: 10;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-10-9 {
    grid-row-start: 10;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-10-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }
}
@media (min-width: 576px) {
  .grid-layout-sm-spaceless {
    display: grid !important;
    gap: 0px 0px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-spaceless {
    display: grid;
    gap: 0px 0px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-condensed {
    display: grid !important;
    gap: 5px 5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-condensed {
    display: grid;
    gap: 5px 5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-spaced {
    display: grid !important;
    gap: 10px 10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-spaced {
    display: grid;
    gap: 10px 10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-normal {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-normal {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-semi-wide {
    display: grid !important;
    gap: 20px 20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-semi-wide {
    display: grid;
    gap: 20px 20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-wide {
    display: grid !important;
    gap: 30px 30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-wide {
    display: grid;
    gap: 30px 30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-large {
    display: grid !important;
    gap: 60px 60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-large {
    display: grid;
    gap: 60px 60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-huge {
    display: grid !important;
    gap: 90px 90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-huge {
    display: grid;
    gap: 90px 90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-ncondensed {
    display: grid !important;
    gap: -5px -5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-ncondensed {
    display: grid;
    gap: -5px -5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-nspaced {
    display: grid !important;
    gap: -10px -10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-nspaced {
    display: grid;
    gap: -10px -10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-nnormal {
    display: grid !important;
    gap: -15px -15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-nnormal {
    display: grid;
    gap: -15px -15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-nsemi-wide {
    display: grid !important;
    gap: -20px -20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-nsemi-wide {
    display: grid;
    gap: -20px -20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-nwide {
    display: grid !important;
    gap: -30px -30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-nwide {
    display: grid;
    gap: -30px -30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-nlarge {
    display: grid !important;
    gap: -60px -60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-nlarge {
    display: grid;
    gap: -60px -60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-sm-nhuge {
    display: grid !important;
    gap: -90px -90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-sm-nhuge {
    display: grid;
    gap: -90px -90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-col-sm-all {
    grid-column: 1/-1;
    min-width: 0;
  }

  .grid-template-columns-sm-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-template-columns-sm-1-fixed {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-start-sm-1 {
    grid-column-start: 1;
    min-width: 0;
  }

  .grid-col-end-sm-1 {
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-span-sm-1 {
    grid-column: span 1;
    min-width: 0;
  }

  .grid-col-sm-1-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-1-2 {
    grid-column-start: 1;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-1-3 {
    grid-column-start: 1;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-1-4 {
    grid-column-start: 1;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-1-5 {
    grid-column-start: 1;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-1-6 {
    grid-column-start: 1;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-1-7 {
    grid-column-start: 1;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-1-8 {
    grid-column-start: 1;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-1-9 {
    grid-column-start: 1;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-1-10 {
    grid-column-start: 1;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-1-11 {
    grid-column-start: 1;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-1-12 {
    grid-column-start: 1;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-1-13 {
    grid-column-start: 1;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-1-14 {
    grid-column-start: 1;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-1-15 {
    grid-column-start: 1;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-1-16 {
    grid-column-start: 1;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-1-17 {
    grid-column-start: 1;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-1-18 {
    grid-column-start: 1;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-1-19 {
    grid-column-start: 1;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-1-20 {
    grid-column-start: 1;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-1-21 {
    grid-column-start: 1;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-1-22 {
    grid-column-start: 1;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-1-23 {
    grid-column-start: 1;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-1-24 {
    grid-column-start: 1;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-template-columns-sm-2-fixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-start-sm-2 {
    grid-column-start: 2;
    min-width: 0;
  }

  .grid-col-end-sm-2 {
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-span-sm-2 {
    grid-column: span 2;
    min-width: 0;
  }

  .grid-col-sm-2-1 {
    grid-column-start: 2;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-2-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-2-3 {
    grid-column-start: 2;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-2-4 {
    grid-column-start: 2;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-2-5 {
    grid-column-start: 2;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-2-6 {
    grid-column-start: 2;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-2-7 {
    grid-column-start: 2;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-2-8 {
    grid-column-start: 2;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-2-9 {
    grid-column-start: 2;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-2-10 {
    grid-column-start: 2;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-2-11 {
    grid-column-start: 2;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-2-12 {
    grid-column-start: 2;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-2-13 {
    grid-column-start: 2;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-2-14 {
    grid-column-start: 2;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-2-15 {
    grid-column-start: 2;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-2-16 {
    grid-column-start: 2;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-2-17 {
    grid-column-start: 2;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-2-18 {
    grid-column-start: 2;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-2-19 {
    grid-column-start: 2;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-2-20 {
    grid-column-start: 2;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-2-21 {
    grid-column-start: 2;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-2-22 {
    grid-column-start: 2;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-2-23 {
    grid-column-start: 2;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-2-24 {
    grid-column-start: 2;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-template-columns-sm-3-fixed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-start-sm-3 {
    grid-column-start: 3;
    min-width: 0;
  }

  .grid-col-end-sm-3 {
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-span-sm-3 {
    grid-column: span 3;
    min-width: 0;
  }

  .grid-col-sm-3-1 {
    grid-column-start: 3;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-3-2 {
    grid-column-start: 3;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-3-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-3-4 {
    grid-column-start: 3;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-3-5 {
    grid-column-start: 3;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-3-6 {
    grid-column-start: 3;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-3-7 {
    grid-column-start: 3;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-3-8 {
    grid-column-start: 3;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-3-9 {
    grid-column-start: 3;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-3-10 {
    grid-column-start: 3;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-3-11 {
    grid-column-start: 3;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-3-12 {
    grid-column-start: 3;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-3-13 {
    grid-column-start: 3;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-3-14 {
    grid-column-start: 3;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-3-15 {
    grid-column-start: 3;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-3-16 {
    grid-column-start: 3;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-3-17 {
    grid-column-start: 3;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-3-18 {
    grid-column-start: 3;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-3-19 {
    grid-column-start: 3;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-3-20 {
    grid-column-start: 3;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-3-21 {
    grid-column-start: 3;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-3-22 {
    grid-column-start: 3;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-3-23 {
    grid-column-start: 3;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-3-24 {
    grid-column-start: 3;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-template-columns-sm-4-fixed {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-start-sm-4 {
    grid-column-start: 4;
    min-width: 0;
  }

  .grid-col-end-sm-4 {
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-span-sm-4 {
    grid-column: span 4;
    min-width: 0;
  }

  .grid-col-sm-4-1 {
    grid-column-start: 4;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-4-2 {
    grid-column-start: 4;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-4-3 {
    grid-column-start: 4;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-4-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-4-5 {
    grid-column-start: 4;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-4-6 {
    grid-column-start: 4;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-4-7 {
    grid-column-start: 4;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-4-8 {
    grid-column-start: 4;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-4-9 {
    grid-column-start: 4;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-4-10 {
    grid-column-start: 4;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-4-11 {
    grid-column-start: 4;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-4-12 {
    grid-column-start: 4;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-4-13 {
    grid-column-start: 4;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-4-14 {
    grid-column-start: 4;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-4-15 {
    grid-column-start: 4;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-4-16 {
    grid-column-start: 4;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-4-17 {
    grid-column-start: 4;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-4-18 {
    grid-column-start: 4;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-4-19 {
    grid-column-start: 4;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-4-20 {
    grid-column-start: 4;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-4-21 {
    grid-column-start: 4;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-4-22 {
    grid-column-start: 4;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-4-23 {
    grid-column-start: 4;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-4-24 {
    grid-column-start: 4;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-template-columns-sm-5-fixed {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-start-sm-5 {
    grid-column-start: 5;
    min-width: 0;
  }

  .grid-col-end-sm-5 {
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-span-sm-5 {
    grid-column: span 5;
    min-width: 0;
  }

  .grid-col-sm-5-1 {
    grid-column-start: 5;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-5-2 {
    grid-column-start: 5;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-5-3 {
    grid-column-start: 5;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-5-4 {
    grid-column-start: 5;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-5-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-5-6 {
    grid-column-start: 5;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-5-7 {
    grid-column-start: 5;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-5-8 {
    grid-column-start: 5;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-5-9 {
    grid-column-start: 5;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-5-10 {
    grid-column-start: 5;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-5-11 {
    grid-column-start: 5;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-5-12 {
    grid-column-start: 5;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-5-13 {
    grid-column-start: 5;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-5-14 {
    grid-column-start: 5;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-5-15 {
    grid-column-start: 5;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-5-16 {
    grid-column-start: 5;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-5-17 {
    grid-column-start: 5;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-5-18 {
    grid-column-start: 5;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-5-19 {
    grid-column-start: 5;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-5-20 {
    grid-column-start: 5;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-5-21 {
    grid-column-start: 5;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-5-22 {
    grid-column-start: 5;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-5-23 {
    grid-column-start: 5;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-5-24 {
    grid-column-start: 5;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-template-columns-sm-6-fixed {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-start-sm-6 {
    grid-column-start: 6;
    min-width: 0;
  }

  .grid-col-end-sm-6 {
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-span-sm-6 {
    grid-column: span 6;
    min-width: 0;
  }

  .grid-col-sm-6-1 {
    grid-column-start: 6;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-6-2 {
    grid-column-start: 6;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-6-3 {
    grid-column-start: 6;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-6-4 {
    grid-column-start: 6;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-6-5 {
    grid-column-start: 6;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-6-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-6-7 {
    grid-column-start: 6;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-6-8 {
    grid-column-start: 6;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-6-9 {
    grid-column-start: 6;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-6-10 {
    grid-column-start: 6;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-6-11 {
    grid-column-start: 6;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-6-12 {
    grid-column-start: 6;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-6-13 {
    grid-column-start: 6;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-6-14 {
    grid-column-start: 6;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-6-15 {
    grid-column-start: 6;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-6-16 {
    grid-column-start: 6;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-6-17 {
    grid-column-start: 6;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-6-18 {
    grid-column-start: 6;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-6-19 {
    grid-column-start: 6;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-6-20 {
    grid-column-start: 6;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-6-21 {
    grid-column-start: 6;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-6-22 {
    grid-column-start: 6;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-6-23 {
    grid-column-start: 6;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-6-24 {
    grid-column-start: 6;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-template-columns-sm-7-fixed {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-start-sm-7 {
    grid-column-start: 7;
    min-width: 0;
  }

  .grid-col-end-sm-7 {
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-span-sm-7 {
    grid-column: span 7;
    min-width: 0;
  }

  .grid-col-sm-7-1 {
    grid-column-start: 7;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-7-2 {
    grid-column-start: 7;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-7-3 {
    grid-column-start: 7;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-7-4 {
    grid-column-start: 7;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-7-5 {
    grid-column-start: 7;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-7-6 {
    grid-column-start: 7;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-7-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-7-8 {
    grid-column-start: 7;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-7-9 {
    grid-column-start: 7;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-7-10 {
    grid-column-start: 7;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-7-11 {
    grid-column-start: 7;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-7-12 {
    grid-column-start: 7;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-7-13 {
    grid-column-start: 7;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-7-14 {
    grid-column-start: 7;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-7-15 {
    grid-column-start: 7;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-7-16 {
    grid-column-start: 7;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-7-17 {
    grid-column-start: 7;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-7-18 {
    grid-column-start: 7;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-7-19 {
    grid-column-start: 7;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-7-20 {
    grid-column-start: 7;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-7-21 {
    grid-column-start: 7;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-7-22 {
    grid-column-start: 7;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-7-23 {
    grid-column-start: 7;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-7-24 {
    grid-column-start: 7;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-template-columns-sm-8-fixed {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-start-sm-8 {
    grid-column-start: 8;
    min-width: 0;
  }

  .grid-col-end-sm-8 {
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-span-sm-8 {
    grid-column: span 8;
    min-width: 0;
  }

  .grid-col-sm-8-1 {
    grid-column-start: 8;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-8-2 {
    grid-column-start: 8;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-8-3 {
    grid-column-start: 8;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-8-4 {
    grid-column-start: 8;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-8-5 {
    grid-column-start: 8;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-8-6 {
    grid-column-start: 8;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-8-7 {
    grid-column-start: 8;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-8-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-8-9 {
    grid-column-start: 8;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-8-10 {
    grid-column-start: 8;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-8-11 {
    grid-column-start: 8;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-8-12 {
    grid-column-start: 8;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-8-13 {
    grid-column-start: 8;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-8-14 {
    grid-column-start: 8;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-8-15 {
    grid-column-start: 8;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-8-16 {
    grid-column-start: 8;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-8-17 {
    grid-column-start: 8;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-8-18 {
    grid-column-start: 8;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-8-19 {
    grid-column-start: 8;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-8-20 {
    grid-column-start: 8;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-8-21 {
    grid-column-start: 8;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-8-22 {
    grid-column-start: 8;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-8-23 {
    grid-column-start: 8;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-8-24 {
    grid-column-start: 8;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .grid-template-columns-sm-9-fixed {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-start-sm-9 {
    grid-column-start: 9;
    min-width: 0;
  }

  .grid-col-end-sm-9 {
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-span-sm-9 {
    grid-column: span 9;
    min-width: 0;
  }

  .grid-col-sm-9-1 {
    grid-column-start: 9;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-9-2 {
    grid-column-start: 9;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-9-3 {
    grid-column-start: 9;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-9-4 {
    grid-column-start: 9;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-9-5 {
    grid-column-start: 9;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-9-6 {
    grid-column-start: 9;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-9-7 {
    grid-column-start: 9;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-9-8 {
    grid-column-start: 9;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-9-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-9-10 {
    grid-column-start: 9;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-9-11 {
    grid-column-start: 9;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-9-12 {
    grid-column-start: 9;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-9-13 {
    grid-column-start: 9;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-9-14 {
    grid-column-start: 9;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-9-15 {
    grid-column-start: 9;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-9-16 {
    grid-column-start: 9;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-9-17 {
    grid-column-start: 9;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-9-18 {
    grid-column-start: 9;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-9-19 {
    grid-column-start: 9;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-9-20 {
    grid-column-start: 9;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-9-21 {
    grid-column-start: 9;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-9-22 {
    grid-column-start: 9;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-9-23 {
    grid-column-start: 9;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-9-24 {
    grid-column-start: 9;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .grid-template-columns-sm-10-fixed {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-start-sm-10 {
    grid-column-start: 10;
    min-width: 0;
  }

  .grid-col-end-sm-10 {
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-span-sm-10 {
    grid-column: span 10;
    min-width: 0;
  }

  .grid-col-sm-10-1 {
    grid-column-start: 10;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-10-2 {
    grid-column-start: 10;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-10-3 {
    grid-column-start: 10;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-10-4 {
    grid-column-start: 10;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-10-5 {
    grid-column-start: 10;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-10-6 {
    grid-column-start: 10;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-10-7 {
    grid-column-start: 10;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-10-8 {
    grid-column-start: 10;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-10-9 {
    grid-column-start: 10;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-10-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-10-11 {
    grid-column-start: 10;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-10-12 {
    grid-column-start: 10;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-10-13 {
    grid-column-start: 10;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-10-14 {
    grid-column-start: 10;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-10-15 {
    grid-column-start: 10;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-10-16 {
    grid-column-start: 10;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-10-17 {
    grid-column-start: 10;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-10-18 {
    grid-column-start: 10;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-10-19 {
    grid-column-start: 10;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-10-20 {
    grid-column-start: 10;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-10-21 {
    grid-column-start: 10;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-10-22 {
    grid-column-start: 10;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-10-23 {
    grid-column-start: 10;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-10-24 {
    grid-column-start: 10;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-template-columns-sm-11-fixed {
    grid-template-columns: repeat(11, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-start-sm-11 {
    grid-column-start: 11;
    min-width: 0;
  }

  .grid-col-end-sm-11 {
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-span-sm-11 {
    grid-column: span 11;
    min-width: 0;
  }

  .grid-col-sm-11-1 {
    grid-column-start: 11;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-11-2 {
    grid-column-start: 11;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-11-3 {
    grid-column-start: 11;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-11-4 {
    grid-column-start: 11;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-11-5 {
    grid-column-start: 11;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-11-6 {
    grid-column-start: 11;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-11-7 {
    grid-column-start: 11;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-11-8 {
    grid-column-start: 11;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-11-9 {
    grid-column-start: 11;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-11-10 {
    grid-column-start: 11;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-11-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-11-12 {
    grid-column-start: 11;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-11-13 {
    grid-column-start: 11;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-11-14 {
    grid-column-start: 11;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-11-15 {
    grid-column-start: 11;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-11-16 {
    grid-column-start: 11;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-11-17 {
    grid-column-start: 11;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-11-18 {
    grid-column-start: 11;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-11-19 {
    grid-column-start: 11;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-11-20 {
    grid-column-start: 11;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-11-21 {
    grid-column-start: 11;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-11-22 {
    grid-column-start: 11;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-11-23 {
    grid-column-start: 11;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-11-24 {
    grid-column-start: 11;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-template-columns-sm-12-fixed {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-start-sm-12 {
    grid-column-start: 12;
    min-width: 0;
  }

  .grid-col-end-sm-12 {
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-span-sm-12 {
    grid-column: span 12;
    min-width: 0;
  }

  .grid-col-sm-12-1 {
    grid-column-start: 12;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-12-2 {
    grid-column-start: 12;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-12-3 {
    grid-column-start: 12;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-12-4 {
    grid-column-start: 12;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-12-5 {
    grid-column-start: 12;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-12-6 {
    grid-column-start: 12;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-12-7 {
    grid-column-start: 12;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-12-8 {
    grid-column-start: 12;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-12-9 {
    grid-column-start: 12;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-12-10 {
    grid-column-start: 12;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-12-11 {
    grid-column-start: 12;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-12-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-12-13 {
    grid-column-start: 12;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-12-14 {
    grid-column-start: 12;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-12-15 {
    grid-column-start: 12;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-12-16 {
    grid-column-start: 12;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-12-17 {
    grid-column-start: 12;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-12-18 {
    grid-column-start: 12;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-12-19 {
    grid-column-start: 12;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-12-20 {
    grid-column-start: 12;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-12-21 {
    grid-column-start: 12;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-12-22 {
    grid-column-start: 12;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-12-23 {
    grid-column-start: 12;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-12-24 {
    grid-column-start: 12;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }

  .grid-template-columns-sm-13-fixed {
    grid-template-columns: repeat(13, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-start-sm-13 {
    grid-column-start: 13;
    min-width: 0;
  }

  .grid-col-end-sm-13 {
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-span-sm-13 {
    grid-column: span 13;
    min-width: 0;
  }

  .grid-col-sm-13-1 {
    grid-column-start: 13;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-13-2 {
    grid-column-start: 13;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-13-3 {
    grid-column-start: 13;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-13-4 {
    grid-column-start: 13;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-13-5 {
    grid-column-start: 13;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-13-6 {
    grid-column-start: 13;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-13-7 {
    grid-column-start: 13;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-13-8 {
    grid-column-start: 13;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-13-9 {
    grid-column-start: 13;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-13-10 {
    grid-column-start: 13;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-13-11 {
    grid-column-start: 13;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-13-12 {
    grid-column-start: 13;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-13-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-13-14 {
    grid-column-start: 13;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-13-15 {
    grid-column-start: 13;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-13-16 {
    grid-column-start: 13;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-13-17 {
    grid-column-start: 13;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-13-18 {
    grid-column-start: 13;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-13-19 {
    grid-column-start: 13;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-13-20 {
    grid-column-start: 13;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-13-21 {
    grid-column-start: 13;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-13-22 {
    grid-column-start: 13;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-13-23 {
    grid-column-start: 13;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-13-24 {
    grid-column-start: 13;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }

  .grid-template-columns-sm-14-fixed {
    grid-template-columns: repeat(14, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-start-sm-14 {
    grid-column-start: 14;
    min-width: 0;
  }

  .grid-col-end-sm-14 {
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-span-sm-14 {
    grid-column: span 14;
    min-width: 0;
  }

  .grid-col-sm-14-1 {
    grid-column-start: 14;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-14-2 {
    grid-column-start: 14;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-14-3 {
    grid-column-start: 14;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-14-4 {
    grid-column-start: 14;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-14-5 {
    grid-column-start: 14;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-14-6 {
    grid-column-start: 14;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-14-7 {
    grid-column-start: 14;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-14-8 {
    grid-column-start: 14;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-14-9 {
    grid-column-start: 14;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-14-10 {
    grid-column-start: 14;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-14-11 {
    grid-column-start: 14;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-14-12 {
    grid-column-start: 14;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-14-13 {
    grid-column-start: 14;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-14-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-14-15 {
    grid-column-start: 14;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-14-16 {
    grid-column-start: 14;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-14-17 {
    grid-column-start: 14;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-14-18 {
    grid-column-start: 14;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-14-19 {
    grid-column-start: 14;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-14-20 {
    grid-column-start: 14;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-14-21 {
    grid-column-start: 14;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-14-22 {
    grid-column-start: 14;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-14-23 {
    grid-column-start: 14;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-14-24 {
    grid-column-start: 14;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }

  .grid-template-columns-sm-15-fixed {
    grid-template-columns: repeat(15, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-start-sm-15 {
    grid-column-start: 15;
    min-width: 0;
  }

  .grid-col-end-sm-15 {
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-span-sm-15 {
    grid-column: span 15;
    min-width: 0;
  }

  .grid-col-sm-15-1 {
    grid-column-start: 15;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-15-2 {
    grid-column-start: 15;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-15-3 {
    grid-column-start: 15;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-15-4 {
    grid-column-start: 15;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-15-5 {
    grid-column-start: 15;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-15-6 {
    grid-column-start: 15;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-15-7 {
    grid-column-start: 15;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-15-8 {
    grid-column-start: 15;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-15-9 {
    grid-column-start: 15;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-15-10 {
    grid-column-start: 15;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-15-11 {
    grid-column-start: 15;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-15-12 {
    grid-column-start: 15;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-15-13 {
    grid-column-start: 15;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-15-14 {
    grid-column-start: 15;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-15-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-15-16 {
    grid-column-start: 15;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-15-17 {
    grid-column-start: 15;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-15-18 {
    grid-column-start: 15;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-15-19 {
    grid-column-start: 15;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-15-20 {
    grid-column-start: 15;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-15-21 {
    grid-column-start: 15;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-15-22 {
    grid-column-start: 15;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-15-23 {
    grid-column-start: 15;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-15-24 {
    grid-column-start: 15;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }

  .grid-template-columns-sm-16-fixed {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-start-sm-16 {
    grid-column-start: 16;
    min-width: 0;
  }

  .grid-col-end-sm-16 {
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-span-sm-16 {
    grid-column: span 16;
    min-width: 0;
  }

  .grid-col-sm-16-1 {
    grid-column-start: 16;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-16-2 {
    grid-column-start: 16;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-16-3 {
    grid-column-start: 16;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-16-4 {
    grid-column-start: 16;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-16-5 {
    grid-column-start: 16;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-16-6 {
    grid-column-start: 16;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-16-7 {
    grid-column-start: 16;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-16-8 {
    grid-column-start: 16;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-16-9 {
    grid-column-start: 16;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-16-10 {
    grid-column-start: 16;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-16-11 {
    grid-column-start: 16;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-16-12 {
    grid-column-start: 16;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-16-13 {
    grid-column-start: 16;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-16-14 {
    grid-column-start: 16;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-16-15 {
    grid-column-start: 16;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-16-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-16-17 {
    grid-column-start: 16;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-16-18 {
    grid-column-start: 16;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-16-19 {
    grid-column-start: 16;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-16-20 {
    grid-column-start: 16;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-16-21 {
    grid-column-start: 16;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-16-22 {
    grid-column-start: 16;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-16-23 {
    grid-column-start: 16;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-16-24 {
    grid-column-start: 16;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }

  .grid-template-columns-sm-17-fixed {
    grid-template-columns: repeat(17, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-start-sm-17 {
    grid-column-start: 17;
    min-width: 0;
  }

  .grid-col-end-sm-17 {
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-span-sm-17 {
    grid-column: span 17;
    min-width: 0;
  }

  .grid-col-sm-17-1 {
    grid-column-start: 17;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-17-2 {
    grid-column-start: 17;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-17-3 {
    grid-column-start: 17;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-17-4 {
    grid-column-start: 17;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-17-5 {
    grid-column-start: 17;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-17-6 {
    grid-column-start: 17;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-17-7 {
    grid-column-start: 17;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-17-8 {
    grid-column-start: 17;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-17-9 {
    grid-column-start: 17;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-17-10 {
    grid-column-start: 17;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-17-11 {
    grid-column-start: 17;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-17-12 {
    grid-column-start: 17;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-17-13 {
    grid-column-start: 17;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-17-14 {
    grid-column-start: 17;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-17-15 {
    grid-column-start: 17;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-17-16 {
    grid-column-start: 17;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-17-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-17-18 {
    grid-column-start: 17;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-17-19 {
    grid-column-start: 17;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-17-20 {
    grid-column-start: 17;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-17-21 {
    grid-column-start: 17;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-17-22 {
    grid-column-start: 17;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-17-23 {
    grid-column-start: 17;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-17-24 {
    grid-column-start: 17;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }

  .grid-template-columns-sm-18-fixed {
    grid-template-columns: repeat(18, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-start-sm-18 {
    grid-column-start: 18;
    min-width: 0;
  }

  .grid-col-end-sm-18 {
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-span-sm-18 {
    grid-column: span 18;
    min-width: 0;
  }

  .grid-col-sm-18-1 {
    grid-column-start: 18;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-18-2 {
    grid-column-start: 18;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-18-3 {
    grid-column-start: 18;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-18-4 {
    grid-column-start: 18;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-18-5 {
    grid-column-start: 18;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-18-6 {
    grid-column-start: 18;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-18-7 {
    grid-column-start: 18;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-18-8 {
    grid-column-start: 18;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-18-9 {
    grid-column-start: 18;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-18-10 {
    grid-column-start: 18;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-18-11 {
    grid-column-start: 18;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-18-12 {
    grid-column-start: 18;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-18-13 {
    grid-column-start: 18;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-18-14 {
    grid-column-start: 18;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-18-15 {
    grid-column-start: 18;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-18-16 {
    grid-column-start: 18;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-18-17 {
    grid-column-start: 18;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-18-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-18-19 {
    grid-column-start: 18;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-18-20 {
    grid-column-start: 18;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-18-21 {
    grid-column-start: 18;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-18-22 {
    grid-column-start: 18;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-18-23 {
    grid-column-start: 18;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-18-24 {
    grid-column-start: 18;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }

  .grid-template-columns-sm-19-fixed {
    grid-template-columns: repeat(19, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-start-sm-19 {
    grid-column-start: 19;
    min-width: 0;
  }

  .grid-col-end-sm-19 {
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-span-sm-19 {
    grid-column: span 19;
    min-width: 0;
  }

  .grid-col-sm-19-1 {
    grid-column-start: 19;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-19-2 {
    grid-column-start: 19;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-19-3 {
    grid-column-start: 19;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-19-4 {
    grid-column-start: 19;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-19-5 {
    grid-column-start: 19;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-19-6 {
    grid-column-start: 19;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-19-7 {
    grid-column-start: 19;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-19-8 {
    grid-column-start: 19;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-19-9 {
    grid-column-start: 19;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-19-10 {
    grid-column-start: 19;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-19-11 {
    grid-column-start: 19;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-19-12 {
    grid-column-start: 19;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-19-13 {
    grid-column-start: 19;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-19-14 {
    grid-column-start: 19;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-19-15 {
    grid-column-start: 19;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-19-16 {
    grid-column-start: 19;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-19-17 {
    grid-column-start: 19;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-19-18 {
    grid-column-start: 19;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-19-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-19-20 {
    grid-column-start: 19;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-19-21 {
    grid-column-start: 19;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-19-22 {
    grid-column-start: 19;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-19-23 {
    grid-column-start: 19;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-19-24 {
    grid-column-start: 19;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }

  .grid-template-columns-sm-20-fixed {
    grid-template-columns: repeat(20, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-start-sm-20 {
    grid-column-start: 20;
    min-width: 0;
  }

  .grid-col-end-sm-20 {
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-span-sm-20 {
    grid-column: span 20;
    min-width: 0;
  }

  .grid-col-sm-20-1 {
    grid-column-start: 20;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-20-2 {
    grid-column-start: 20;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-20-3 {
    grid-column-start: 20;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-20-4 {
    grid-column-start: 20;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-20-5 {
    grid-column-start: 20;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-20-6 {
    grid-column-start: 20;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-20-7 {
    grid-column-start: 20;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-20-8 {
    grid-column-start: 20;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-20-9 {
    grid-column-start: 20;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-20-10 {
    grid-column-start: 20;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-20-11 {
    grid-column-start: 20;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-20-12 {
    grid-column-start: 20;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-20-13 {
    grid-column-start: 20;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-20-14 {
    grid-column-start: 20;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-20-15 {
    grid-column-start: 20;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-20-16 {
    grid-column-start: 20;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-20-17 {
    grid-column-start: 20;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-20-18 {
    grid-column-start: 20;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-20-19 {
    grid-column-start: 20;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-20-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-20-21 {
    grid-column-start: 20;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-20-22 {
    grid-column-start: 20;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-20-23 {
    grid-column-start: 20;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-20-24 {
    grid-column-start: 20;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }

  .grid-template-columns-sm-21-fixed {
    grid-template-columns: repeat(21, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-start-sm-21 {
    grid-column-start: 21;
    min-width: 0;
  }

  .grid-col-end-sm-21 {
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-span-sm-21 {
    grid-column: span 21;
    min-width: 0;
  }

  .grid-col-sm-21-1 {
    grid-column-start: 21;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-21-2 {
    grid-column-start: 21;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-21-3 {
    grid-column-start: 21;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-21-4 {
    grid-column-start: 21;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-21-5 {
    grid-column-start: 21;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-21-6 {
    grid-column-start: 21;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-21-7 {
    grid-column-start: 21;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-21-8 {
    grid-column-start: 21;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-21-9 {
    grid-column-start: 21;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-21-10 {
    grid-column-start: 21;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-21-11 {
    grid-column-start: 21;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-21-12 {
    grid-column-start: 21;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-21-13 {
    grid-column-start: 21;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-21-14 {
    grid-column-start: 21;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-21-15 {
    grid-column-start: 21;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-21-16 {
    grid-column-start: 21;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-21-17 {
    grid-column-start: 21;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-21-18 {
    grid-column-start: 21;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-21-19 {
    grid-column-start: 21;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-21-20 {
    grid-column-start: 21;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-21-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-21-22 {
    grid-column-start: 21;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-21-23 {
    grid-column-start: 21;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-21-24 {
    grid-column-start: 21;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }

  .grid-template-columns-sm-22-fixed {
    grid-template-columns: repeat(22, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-start-sm-22 {
    grid-column-start: 22;
    min-width: 0;
  }

  .grid-col-end-sm-22 {
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-span-sm-22 {
    grid-column: span 22;
    min-width: 0;
  }

  .grid-col-sm-22-1 {
    grid-column-start: 22;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-22-2 {
    grid-column-start: 22;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-22-3 {
    grid-column-start: 22;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-22-4 {
    grid-column-start: 22;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-22-5 {
    grid-column-start: 22;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-22-6 {
    grid-column-start: 22;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-22-7 {
    grid-column-start: 22;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-22-8 {
    grid-column-start: 22;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-22-9 {
    grid-column-start: 22;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-22-10 {
    grid-column-start: 22;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-22-11 {
    grid-column-start: 22;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-22-12 {
    grid-column-start: 22;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-22-13 {
    grid-column-start: 22;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-22-14 {
    grid-column-start: 22;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-22-15 {
    grid-column-start: 22;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-22-16 {
    grid-column-start: 22;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-22-17 {
    grid-column-start: 22;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-22-18 {
    grid-column-start: 22;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-22-19 {
    grid-column-start: 22;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-22-20 {
    grid-column-start: 22;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-22-21 {
    grid-column-start: 22;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-22-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-22-23 {
    grid-column-start: 22;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-22-24 {
    grid-column-start: 22;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }

  .grid-template-columns-sm-23-fixed {
    grid-template-columns: repeat(23, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-start-sm-23 {
    grid-column-start: 23;
    min-width: 0;
  }

  .grid-col-end-sm-23 {
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-span-sm-23 {
    grid-column: span 23;
    min-width: 0;
  }

  .grid-col-sm-23-1 {
    grid-column-start: 23;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-23-2 {
    grid-column-start: 23;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-23-3 {
    grid-column-start: 23;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-23-4 {
    grid-column-start: 23;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-23-5 {
    grid-column-start: 23;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-23-6 {
    grid-column-start: 23;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-23-7 {
    grid-column-start: 23;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-23-8 {
    grid-column-start: 23;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-23-9 {
    grid-column-start: 23;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-23-10 {
    grid-column-start: 23;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-23-11 {
    grid-column-start: 23;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-23-12 {
    grid-column-start: 23;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-23-13 {
    grid-column-start: 23;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-23-14 {
    grid-column-start: 23;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-23-15 {
    grid-column-start: 23;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-23-16 {
    grid-column-start: 23;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-23-17 {
    grid-column-start: 23;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-23-18 {
    grid-column-start: 23;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-23-19 {
    grid-column-start: 23;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-23-20 {
    grid-column-start: 23;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-23-21 {
    grid-column-start: 23;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-23-22 {
    grid-column-start: 23;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-23-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-23-24 {
    grid-column-start: 23;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-sm-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }

  .grid-template-columns-sm-24-fixed {
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-sm-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-start-sm-24 {
    grid-column-start: 24;
    min-width: 0;
  }

  .grid-col-end-sm-24 {
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-span-sm-24 {
    grid-column: span 24;
    min-width: 0;
  }

  .grid-col-sm-24-1 {
    grid-column-start: 24;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-sm-24-2 {
    grid-column-start: 24;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-sm-24-3 {
    grid-column-start: 24;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-sm-24-4 {
    grid-column-start: 24;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-sm-24-5 {
    grid-column-start: 24;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-sm-24-6 {
    grid-column-start: 24;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-sm-24-7 {
    grid-column-start: 24;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-sm-24-8 {
    grid-column-start: 24;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-sm-24-9 {
    grid-column-start: 24;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-sm-24-10 {
    grid-column-start: 24;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-sm-24-11 {
    grid-column-start: 24;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-sm-24-12 {
    grid-column-start: 24;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-sm-24-13 {
    grid-column-start: 24;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-sm-24-14 {
    grid-column-start: 24;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-sm-24-15 {
    grid-column-start: 24;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-sm-24-16 {
    grid-column-start: 24;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-sm-24-17 {
    grid-column-start: 24;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-sm-24-18 {
    grid-column-start: 24;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-sm-24-19 {
    grid-column-start: 24;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-sm-24-20 {
    grid-column-start: 24;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-sm-24-21 {
    grid-column-start: 24;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-sm-24-22 {
    grid-column-start: 24;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-sm-24-23 {
    grid-column-start: 24;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-sm-24-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-rows-sm-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-template-rows-sm-1-fixed {
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-start-sm-1 {
    grid-row-start: 1;
    min-width: 0;
  }

  .grid-row-end-sm-1 {
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-span-sm-1 {
    grid-row: span 1;
    min-width: 0;
  }

  .grid-row-sm-1-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-1-2 {
    grid-row-start: 1;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-1-3 {
    grid-row-start: 1;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-1-4 {
    grid-row-start: 1;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-1-5 {
    grid-row-start: 1;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-1-6 {
    grid-row-start: 1;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-1-7 {
    grid-row-start: 1;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-1-8 {
    grid-row-start: 1;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-1-9 {
    grid-row-start: 1;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-1-10 {
    grid-row-start: 1;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-template-rows-sm-2-fixed {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-start-sm-2 {
    grid-row-start: 2;
    min-width: 0;
  }

  .grid-row-end-sm-2 {
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-span-sm-2 {
    grid-row: span 2;
    min-width: 0;
  }

  .grid-row-sm-2-1 {
    grid-row-start: 2;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-2-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-2-3 {
    grid-row-start: 2;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-2-4 {
    grid-row-start: 2;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-2-5 {
    grid-row-start: 2;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-2-6 {
    grid-row-start: 2;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-2-7 {
    grid-row-start: 2;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-2-8 {
    grid-row-start: 2;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-2-9 {
    grid-row-start: 2;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-2-10 {
    grid-row-start: 2;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-template-rows-sm-3-fixed {
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-start-sm-3 {
    grid-row-start: 3;
    min-width: 0;
  }

  .grid-row-end-sm-3 {
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-span-sm-3 {
    grid-row: span 3;
    min-width: 0;
  }

  .grid-row-sm-3-1 {
    grid-row-start: 3;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-3-2 {
    grid-row-start: 3;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-3-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-3-4 {
    grid-row-start: 3;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-3-5 {
    grid-row-start: 3;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-3-6 {
    grid-row-start: 3;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-3-7 {
    grid-row-start: 3;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-3-8 {
    grid-row-start: 3;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-3-9 {
    grid-row-start: 3;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-3-10 {
    grid-row-start: 3;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .grid-template-rows-sm-4-fixed {
    grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-start-sm-4 {
    grid-row-start: 4;
    min-width: 0;
  }

  .grid-row-end-sm-4 {
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-span-sm-4 {
    grid-row: span 4;
    min-width: 0;
  }

  .grid-row-sm-4-1 {
    grid-row-start: 4;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-4-2 {
    grid-row-start: 4;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-4-3 {
    grid-row-start: 4;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-4-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-4-5 {
    grid-row-start: 4;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-4-6 {
    grid-row-start: 4;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-4-7 {
    grid-row-start: 4;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-4-8 {
    grid-row-start: 4;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-4-9 {
    grid-row-start: 4;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-4-10 {
    grid-row-start: 4;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .grid-template-rows-sm-5-fixed {
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-start-sm-5 {
    grid-row-start: 5;
    min-width: 0;
  }

  .grid-row-end-sm-5 {
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-span-sm-5 {
    grid-row: span 5;
    min-width: 0;
  }

  .grid-row-sm-5-1 {
    grid-row-start: 5;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-5-2 {
    grid-row-start: 5;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-5-3 {
    grid-row-start: 5;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-5-4 {
    grid-row-start: 5;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-5-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-5-6 {
    grid-row-start: 5;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-5-7 {
    grid-row-start: 5;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-5-8 {
    grid-row-start: 5;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-5-9 {
    grid-row-start: 5;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-5-10 {
    grid-row-start: 5;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .grid-template-rows-sm-6-fixed {
    grid-template-rows: repeat(6, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-start-sm-6 {
    grid-row-start: 6;
    min-width: 0;
  }

  .grid-row-end-sm-6 {
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-span-sm-6 {
    grid-row: span 6;
    min-width: 0;
  }

  .grid-row-sm-6-1 {
    grid-row-start: 6;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-6-2 {
    grid-row-start: 6;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-6-3 {
    grid-row-start: 6;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-6-4 {
    grid-row-start: 6;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-6-5 {
    grid-row-start: 6;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-6-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-6-7 {
    grid-row-start: 6;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-6-8 {
    grid-row-start: 6;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-6-9 {
    grid-row-start: 6;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-6-10 {
    grid-row-start: 6;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .grid-template-rows-sm-7-fixed {
    grid-template-rows: repeat(7, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-start-sm-7 {
    grid-row-start: 7;
    min-width: 0;
  }

  .grid-row-end-sm-7 {
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-span-sm-7 {
    grid-row: span 7;
    min-width: 0;
  }

  .grid-row-sm-7-1 {
    grid-row-start: 7;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-7-2 {
    grid-row-start: 7;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-7-3 {
    grid-row-start: 7;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-7-4 {
    grid-row-start: 7;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-7-5 {
    grid-row-start: 7;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-7-6 {
    grid-row-start: 7;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-7-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-7-8 {
    grid-row-start: 7;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-7-9 {
    grid-row-start: 7;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-7-10 {
    grid-row-start: 7;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .grid-template-rows-sm-8-fixed {
    grid-template-rows: repeat(8, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-start-sm-8 {
    grid-row-start: 8;
    min-width: 0;
  }

  .grid-row-end-sm-8 {
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-span-sm-8 {
    grid-row: span 8;
    min-width: 0;
  }

  .grid-row-sm-8-1 {
    grid-row-start: 8;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-8-2 {
    grid-row-start: 8;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-8-3 {
    grid-row-start: 8;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-8-4 {
    grid-row-start: 8;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-8-5 {
    grid-row-start: 8;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-8-6 {
    grid-row-start: 8;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-8-7 {
    grid-row-start: 8;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-8-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-8-9 {
    grid-row-start: 8;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-8-10 {
    grid-row-start: 8;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .grid-template-rows-sm-9-fixed {
    grid-template-rows: repeat(9, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-start-sm-9 {
    grid-row-start: 9;
    min-width: 0;
  }

  .grid-row-end-sm-9 {
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-span-sm-9 {
    grid-row: span 9;
    min-width: 0;
  }

  .grid-row-sm-9-1 {
    grid-row-start: 9;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-9-2 {
    grid-row-start: 9;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-9-3 {
    grid-row-start: 9;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-9-4 {
    grid-row-start: 9;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-9-5 {
    grid-row-start: 9;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-9-6 {
    grid-row-start: 9;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-9-7 {
    grid-row-start: 9;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-9-8 {
    grid-row-start: 9;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-9-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-9-10 {
    grid-row-start: 9;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-sm-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .grid-template-rows-sm-10-fixed {
    grid-template-rows: repeat(10, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-sm-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-start-sm-10 {
    grid-row-start: 10;
    min-width: 0;
  }

  .grid-row-end-sm-10 {
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-span-sm-10 {
    grid-row: span 10;
    min-width: 0;
  }

  .grid-row-sm-10-1 {
    grid-row-start: 10;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-sm-10-2 {
    grid-row-start: 10;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-sm-10-3 {
    grid-row-start: 10;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-sm-10-4 {
    grid-row-start: 10;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-sm-10-5 {
    grid-row-start: 10;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-sm-10-6 {
    grid-row-start: 10;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-sm-10-7 {
    grid-row-start: 10;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-sm-10-8 {
    grid-row-start: 10;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-sm-10-9 {
    grid-row-start: 10;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-sm-10-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  .grid-layout-md-spaceless {
    display: grid !important;
    gap: 0px 0px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-spaceless {
    display: grid;
    gap: 0px 0px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-condensed {
    display: grid !important;
    gap: 5px 5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-condensed {
    display: grid;
    gap: 5px 5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-spaced {
    display: grid !important;
    gap: 10px 10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-spaced {
    display: grid;
    gap: 10px 10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-normal {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-normal {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-semi-wide {
    display: grid !important;
    gap: 20px 20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-semi-wide {
    display: grid;
    gap: 20px 20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-wide {
    display: grid !important;
    gap: 30px 30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-wide {
    display: grid;
    gap: 30px 30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-large {
    display: grid !important;
    gap: 60px 60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-large {
    display: grid;
    gap: 60px 60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-huge {
    display: grid !important;
    gap: 90px 90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-huge {
    display: grid;
    gap: 90px 90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-ncondensed {
    display: grid !important;
    gap: -5px -5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-ncondensed {
    display: grid;
    gap: -5px -5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-nspaced {
    display: grid !important;
    gap: -10px -10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-nspaced {
    display: grid;
    gap: -10px -10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-nnormal {
    display: grid !important;
    gap: -15px -15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-nnormal {
    display: grid;
    gap: -15px -15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-nsemi-wide {
    display: grid !important;
    gap: -20px -20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-nsemi-wide {
    display: grid;
    gap: -20px -20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-nwide {
    display: grid !important;
    gap: -30px -30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-nwide {
    display: grid;
    gap: -30px -30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-nlarge {
    display: grid !important;
    gap: -60px -60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-nlarge {
    display: grid;
    gap: -60px -60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-md-nhuge {
    display: grid !important;
    gap: -90px -90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-md-nhuge {
    display: grid;
    gap: -90px -90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-col-md-all {
    grid-column: 1/-1;
    min-width: 0;
  }

  .grid-template-columns-md-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-template-columns-md-1-fixed {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-start-md-1 {
    grid-column-start: 1;
    min-width: 0;
  }

  .grid-col-end-md-1 {
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-span-md-1 {
    grid-column: span 1;
    min-width: 0;
  }

  .grid-col-md-1-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-1-2 {
    grid-column-start: 1;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-1-3 {
    grid-column-start: 1;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-1-4 {
    grid-column-start: 1;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-1-5 {
    grid-column-start: 1;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-1-6 {
    grid-column-start: 1;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-1-7 {
    grid-column-start: 1;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-1-8 {
    grid-column-start: 1;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-1-9 {
    grid-column-start: 1;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-1-10 {
    grid-column-start: 1;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-1-11 {
    grid-column-start: 1;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-1-12 {
    grid-column-start: 1;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-1-13 {
    grid-column-start: 1;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-1-14 {
    grid-column-start: 1;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-1-15 {
    grid-column-start: 1;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-1-16 {
    grid-column-start: 1;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-1-17 {
    grid-column-start: 1;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-1-18 {
    grid-column-start: 1;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-1-19 {
    grid-column-start: 1;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-1-20 {
    grid-column-start: 1;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-1-21 {
    grid-column-start: 1;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-1-22 {
    grid-column-start: 1;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-1-23 {
    grid-column-start: 1;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-1-24 {
    grid-column-start: 1;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-template-columns-md-2-fixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-start-md-2 {
    grid-column-start: 2;
    min-width: 0;
  }

  .grid-col-end-md-2 {
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-span-md-2 {
    grid-column: span 2;
    min-width: 0;
  }

  .grid-col-md-2-1 {
    grid-column-start: 2;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-2-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-2-3 {
    grid-column-start: 2;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-2-4 {
    grid-column-start: 2;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-2-5 {
    grid-column-start: 2;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-2-6 {
    grid-column-start: 2;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-2-7 {
    grid-column-start: 2;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-2-8 {
    grid-column-start: 2;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-2-9 {
    grid-column-start: 2;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-2-10 {
    grid-column-start: 2;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-2-11 {
    grid-column-start: 2;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-2-12 {
    grid-column-start: 2;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-2-13 {
    grid-column-start: 2;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-2-14 {
    grid-column-start: 2;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-2-15 {
    grid-column-start: 2;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-2-16 {
    grid-column-start: 2;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-2-17 {
    grid-column-start: 2;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-2-18 {
    grid-column-start: 2;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-2-19 {
    grid-column-start: 2;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-2-20 {
    grid-column-start: 2;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-2-21 {
    grid-column-start: 2;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-2-22 {
    grid-column-start: 2;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-2-23 {
    grid-column-start: 2;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-2-24 {
    grid-column-start: 2;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-template-columns-md-3-fixed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-start-md-3 {
    grid-column-start: 3;
    min-width: 0;
  }

  .grid-col-end-md-3 {
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-span-md-3 {
    grid-column: span 3;
    min-width: 0;
  }

  .grid-col-md-3-1 {
    grid-column-start: 3;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-3-2 {
    grid-column-start: 3;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-3-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-3-4 {
    grid-column-start: 3;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-3-5 {
    grid-column-start: 3;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-3-6 {
    grid-column-start: 3;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-3-7 {
    grid-column-start: 3;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-3-8 {
    grid-column-start: 3;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-3-9 {
    grid-column-start: 3;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-3-10 {
    grid-column-start: 3;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-3-11 {
    grid-column-start: 3;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-3-12 {
    grid-column-start: 3;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-3-13 {
    grid-column-start: 3;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-3-14 {
    grid-column-start: 3;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-3-15 {
    grid-column-start: 3;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-3-16 {
    grid-column-start: 3;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-3-17 {
    grid-column-start: 3;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-3-18 {
    grid-column-start: 3;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-3-19 {
    grid-column-start: 3;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-3-20 {
    grid-column-start: 3;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-3-21 {
    grid-column-start: 3;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-3-22 {
    grid-column-start: 3;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-3-23 {
    grid-column-start: 3;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-3-24 {
    grid-column-start: 3;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-template-columns-md-4-fixed {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-start-md-4 {
    grid-column-start: 4;
    min-width: 0;
  }

  .grid-col-end-md-4 {
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-span-md-4 {
    grid-column: span 4;
    min-width: 0;
  }

  .grid-col-md-4-1 {
    grid-column-start: 4;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-4-2 {
    grid-column-start: 4;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-4-3 {
    grid-column-start: 4;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-4-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-4-5 {
    grid-column-start: 4;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-4-6 {
    grid-column-start: 4;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-4-7 {
    grid-column-start: 4;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-4-8 {
    grid-column-start: 4;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-4-9 {
    grid-column-start: 4;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-4-10 {
    grid-column-start: 4;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-4-11 {
    grid-column-start: 4;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-4-12 {
    grid-column-start: 4;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-4-13 {
    grid-column-start: 4;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-4-14 {
    grid-column-start: 4;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-4-15 {
    grid-column-start: 4;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-4-16 {
    grid-column-start: 4;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-4-17 {
    grid-column-start: 4;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-4-18 {
    grid-column-start: 4;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-4-19 {
    grid-column-start: 4;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-4-20 {
    grid-column-start: 4;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-4-21 {
    grid-column-start: 4;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-4-22 {
    grid-column-start: 4;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-4-23 {
    grid-column-start: 4;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-4-24 {
    grid-column-start: 4;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-template-columns-md-5-fixed {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-start-md-5 {
    grid-column-start: 5;
    min-width: 0;
  }

  .grid-col-end-md-5 {
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-span-md-5 {
    grid-column: span 5;
    min-width: 0;
  }

  .grid-col-md-5-1 {
    grid-column-start: 5;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-5-2 {
    grid-column-start: 5;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-5-3 {
    grid-column-start: 5;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-5-4 {
    grid-column-start: 5;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-5-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-5-6 {
    grid-column-start: 5;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-5-7 {
    grid-column-start: 5;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-5-8 {
    grid-column-start: 5;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-5-9 {
    grid-column-start: 5;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-5-10 {
    grid-column-start: 5;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-5-11 {
    grid-column-start: 5;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-5-12 {
    grid-column-start: 5;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-5-13 {
    grid-column-start: 5;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-5-14 {
    grid-column-start: 5;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-5-15 {
    grid-column-start: 5;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-5-16 {
    grid-column-start: 5;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-5-17 {
    grid-column-start: 5;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-5-18 {
    grid-column-start: 5;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-5-19 {
    grid-column-start: 5;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-5-20 {
    grid-column-start: 5;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-5-21 {
    grid-column-start: 5;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-5-22 {
    grid-column-start: 5;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-5-23 {
    grid-column-start: 5;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-5-24 {
    grid-column-start: 5;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-template-columns-md-6-fixed {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-start-md-6 {
    grid-column-start: 6;
    min-width: 0;
  }

  .grid-col-end-md-6 {
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-span-md-6 {
    grid-column: span 6;
    min-width: 0;
  }

  .grid-col-md-6-1 {
    grid-column-start: 6;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-6-2 {
    grid-column-start: 6;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-6-3 {
    grid-column-start: 6;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-6-4 {
    grid-column-start: 6;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-6-5 {
    grid-column-start: 6;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-6-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-6-7 {
    grid-column-start: 6;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-6-8 {
    grid-column-start: 6;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-6-9 {
    grid-column-start: 6;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-6-10 {
    grid-column-start: 6;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-6-11 {
    grid-column-start: 6;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-6-12 {
    grid-column-start: 6;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-6-13 {
    grid-column-start: 6;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-6-14 {
    grid-column-start: 6;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-6-15 {
    grid-column-start: 6;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-6-16 {
    grid-column-start: 6;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-6-17 {
    grid-column-start: 6;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-6-18 {
    grid-column-start: 6;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-6-19 {
    grid-column-start: 6;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-6-20 {
    grid-column-start: 6;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-6-21 {
    grid-column-start: 6;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-6-22 {
    grid-column-start: 6;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-6-23 {
    grid-column-start: 6;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-6-24 {
    grid-column-start: 6;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-template-columns-md-7-fixed {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-start-md-7 {
    grid-column-start: 7;
    min-width: 0;
  }

  .grid-col-end-md-7 {
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-span-md-7 {
    grid-column: span 7;
    min-width: 0;
  }

  .grid-col-md-7-1 {
    grid-column-start: 7;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-7-2 {
    grid-column-start: 7;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-7-3 {
    grid-column-start: 7;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-7-4 {
    grid-column-start: 7;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-7-5 {
    grid-column-start: 7;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-7-6 {
    grid-column-start: 7;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-7-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-7-8 {
    grid-column-start: 7;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-7-9 {
    grid-column-start: 7;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-7-10 {
    grid-column-start: 7;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-7-11 {
    grid-column-start: 7;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-7-12 {
    grid-column-start: 7;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-7-13 {
    grid-column-start: 7;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-7-14 {
    grid-column-start: 7;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-7-15 {
    grid-column-start: 7;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-7-16 {
    grid-column-start: 7;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-7-17 {
    grid-column-start: 7;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-7-18 {
    grid-column-start: 7;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-7-19 {
    grid-column-start: 7;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-7-20 {
    grid-column-start: 7;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-7-21 {
    grid-column-start: 7;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-7-22 {
    grid-column-start: 7;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-7-23 {
    grid-column-start: 7;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-7-24 {
    grid-column-start: 7;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-template-columns-md-8-fixed {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-start-md-8 {
    grid-column-start: 8;
    min-width: 0;
  }

  .grid-col-end-md-8 {
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-span-md-8 {
    grid-column: span 8;
    min-width: 0;
  }

  .grid-col-md-8-1 {
    grid-column-start: 8;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-8-2 {
    grid-column-start: 8;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-8-3 {
    grid-column-start: 8;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-8-4 {
    grid-column-start: 8;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-8-5 {
    grid-column-start: 8;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-8-6 {
    grid-column-start: 8;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-8-7 {
    grid-column-start: 8;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-8-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-8-9 {
    grid-column-start: 8;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-8-10 {
    grid-column-start: 8;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-8-11 {
    grid-column-start: 8;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-8-12 {
    grid-column-start: 8;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-8-13 {
    grid-column-start: 8;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-8-14 {
    grid-column-start: 8;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-8-15 {
    grid-column-start: 8;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-8-16 {
    grid-column-start: 8;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-8-17 {
    grid-column-start: 8;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-8-18 {
    grid-column-start: 8;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-8-19 {
    grid-column-start: 8;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-8-20 {
    grid-column-start: 8;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-8-21 {
    grid-column-start: 8;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-8-22 {
    grid-column-start: 8;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-8-23 {
    grid-column-start: 8;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-8-24 {
    grid-column-start: 8;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .grid-template-columns-md-9-fixed {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-start-md-9 {
    grid-column-start: 9;
    min-width: 0;
  }

  .grid-col-end-md-9 {
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-span-md-9 {
    grid-column: span 9;
    min-width: 0;
  }

  .grid-col-md-9-1 {
    grid-column-start: 9;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-9-2 {
    grid-column-start: 9;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-9-3 {
    grid-column-start: 9;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-9-4 {
    grid-column-start: 9;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-9-5 {
    grid-column-start: 9;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-9-6 {
    grid-column-start: 9;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-9-7 {
    grid-column-start: 9;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-9-8 {
    grid-column-start: 9;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-9-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-9-10 {
    grid-column-start: 9;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-9-11 {
    grid-column-start: 9;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-9-12 {
    grid-column-start: 9;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-9-13 {
    grid-column-start: 9;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-9-14 {
    grid-column-start: 9;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-9-15 {
    grid-column-start: 9;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-9-16 {
    grid-column-start: 9;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-9-17 {
    grid-column-start: 9;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-9-18 {
    grid-column-start: 9;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-9-19 {
    grid-column-start: 9;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-9-20 {
    grid-column-start: 9;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-9-21 {
    grid-column-start: 9;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-9-22 {
    grid-column-start: 9;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-9-23 {
    grid-column-start: 9;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-9-24 {
    grid-column-start: 9;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .grid-template-columns-md-10-fixed {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-start-md-10 {
    grid-column-start: 10;
    min-width: 0;
  }

  .grid-col-end-md-10 {
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-span-md-10 {
    grid-column: span 10;
    min-width: 0;
  }

  .grid-col-md-10-1 {
    grid-column-start: 10;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-10-2 {
    grid-column-start: 10;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-10-3 {
    grid-column-start: 10;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-10-4 {
    grid-column-start: 10;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-10-5 {
    grid-column-start: 10;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-10-6 {
    grid-column-start: 10;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-10-7 {
    grid-column-start: 10;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-10-8 {
    grid-column-start: 10;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-10-9 {
    grid-column-start: 10;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-10-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-10-11 {
    grid-column-start: 10;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-10-12 {
    grid-column-start: 10;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-10-13 {
    grid-column-start: 10;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-10-14 {
    grid-column-start: 10;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-10-15 {
    grid-column-start: 10;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-10-16 {
    grid-column-start: 10;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-10-17 {
    grid-column-start: 10;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-10-18 {
    grid-column-start: 10;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-10-19 {
    grid-column-start: 10;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-10-20 {
    grid-column-start: 10;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-10-21 {
    grid-column-start: 10;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-10-22 {
    grid-column-start: 10;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-10-23 {
    grid-column-start: 10;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-10-24 {
    grid-column-start: 10;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-template-columns-md-11-fixed {
    grid-template-columns: repeat(11, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-start-md-11 {
    grid-column-start: 11;
    min-width: 0;
  }

  .grid-col-end-md-11 {
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-span-md-11 {
    grid-column: span 11;
    min-width: 0;
  }

  .grid-col-md-11-1 {
    grid-column-start: 11;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-11-2 {
    grid-column-start: 11;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-11-3 {
    grid-column-start: 11;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-11-4 {
    grid-column-start: 11;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-11-5 {
    grid-column-start: 11;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-11-6 {
    grid-column-start: 11;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-11-7 {
    grid-column-start: 11;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-11-8 {
    grid-column-start: 11;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-11-9 {
    grid-column-start: 11;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-11-10 {
    grid-column-start: 11;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-11-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-11-12 {
    grid-column-start: 11;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-11-13 {
    grid-column-start: 11;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-11-14 {
    grid-column-start: 11;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-11-15 {
    grid-column-start: 11;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-11-16 {
    grid-column-start: 11;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-11-17 {
    grid-column-start: 11;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-11-18 {
    grid-column-start: 11;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-11-19 {
    grid-column-start: 11;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-11-20 {
    grid-column-start: 11;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-11-21 {
    grid-column-start: 11;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-11-22 {
    grid-column-start: 11;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-11-23 {
    grid-column-start: 11;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-11-24 {
    grid-column-start: 11;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-template-columns-md-12-fixed {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-start-md-12 {
    grid-column-start: 12;
    min-width: 0;
  }

  .grid-col-end-md-12 {
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-span-md-12 {
    grid-column: span 12;
    min-width: 0;
  }

  .grid-col-md-12-1 {
    grid-column-start: 12;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-12-2 {
    grid-column-start: 12;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-12-3 {
    grid-column-start: 12;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-12-4 {
    grid-column-start: 12;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-12-5 {
    grid-column-start: 12;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-12-6 {
    grid-column-start: 12;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-12-7 {
    grid-column-start: 12;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-12-8 {
    grid-column-start: 12;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-12-9 {
    grid-column-start: 12;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-12-10 {
    grid-column-start: 12;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-12-11 {
    grid-column-start: 12;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-12-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-12-13 {
    grid-column-start: 12;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-12-14 {
    grid-column-start: 12;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-12-15 {
    grid-column-start: 12;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-12-16 {
    grid-column-start: 12;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-12-17 {
    grid-column-start: 12;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-12-18 {
    grid-column-start: 12;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-12-19 {
    grid-column-start: 12;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-12-20 {
    grid-column-start: 12;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-12-21 {
    grid-column-start: 12;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-12-22 {
    grid-column-start: 12;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-12-23 {
    grid-column-start: 12;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-12-24 {
    grid-column-start: 12;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }

  .grid-template-columns-md-13-fixed {
    grid-template-columns: repeat(13, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-start-md-13 {
    grid-column-start: 13;
    min-width: 0;
  }

  .grid-col-end-md-13 {
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-span-md-13 {
    grid-column: span 13;
    min-width: 0;
  }

  .grid-col-md-13-1 {
    grid-column-start: 13;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-13-2 {
    grid-column-start: 13;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-13-3 {
    grid-column-start: 13;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-13-4 {
    grid-column-start: 13;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-13-5 {
    grid-column-start: 13;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-13-6 {
    grid-column-start: 13;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-13-7 {
    grid-column-start: 13;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-13-8 {
    grid-column-start: 13;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-13-9 {
    grid-column-start: 13;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-13-10 {
    grid-column-start: 13;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-13-11 {
    grid-column-start: 13;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-13-12 {
    grid-column-start: 13;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-13-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-13-14 {
    grid-column-start: 13;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-13-15 {
    grid-column-start: 13;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-13-16 {
    grid-column-start: 13;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-13-17 {
    grid-column-start: 13;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-13-18 {
    grid-column-start: 13;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-13-19 {
    grid-column-start: 13;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-13-20 {
    grid-column-start: 13;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-13-21 {
    grid-column-start: 13;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-13-22 {
    grid-column-start: 13;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-13-23 {
    grid-column-start: 13;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-13-24 {
    grid-column-start: 13;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }

  .grid-template-columns-md-14-fixed {
    grid-template-columns: repeat(14, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-start-md-14 {
    grid-column-start: 14;
    min-width: 0;
  }

  .grid-col-end-md-14 {
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-span-md-14 {
    grid-column: span 14;
    min-width: 0;
  }

  .grid-col-md-14-1 {
    grid-column-start: 14;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-14-2 {
    grid-column-start: 14;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-14-3 {
    grid-column-start: 14;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-14-4 {
    grid-column-start: 14;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-14-5 {
    grid-column-start: 14;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-14-6 {
    grid-column-start: 14;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-14-7 {
    grid-column-start: 14;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-14-8 {
    grid-column-start: 14;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-14-9 {
    grid-column-start: 14;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-14-10 {
    grid-column-start: 14;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-14-11 {
    grid-column-start: 14;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-14-12 {
    grid-column-start: 14;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-14-13 {
    grid-column-start: 14;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-14-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-14-15 {
    grid-column-start: 14;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-14-16 {
    grid-column-start: 14;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-14-17 {
    grid-column-start: 14;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-14-18 {
    grid-column-start: 14;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-14-19 {
    grid-column-start: 14;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-14-20 {
    grid-column-start: 14;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-14-21 {
    grid-column-start: 14;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-14-22 {
    grid-column-start: 14;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-14-23 {
    grid-column-start: 14;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-14-24 {
    grid-column-start: 14;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }

  .grid-template-columns-md-15-fixed {
    grid-template-columns: repeat(15, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-start-md-15 {
    grid-column-start: 15;
    min-width: 0;
  }

  .grid-col-end-md-15 {
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-span-md-15 {
    grid-column: span 15;
    min-width: 0;
  }

  .grid-col-md-15-1 {
    grid-column-start: 15;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-15-2 {
    grid-column-start: 15;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-15-3 {
    grid-column-start: 15;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-15-4 {
    grid-column-start: 15;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-15-5 {
    grid-column-start: 15;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-15-6 {
    grid-column-start: 15;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-15-7 {
    grid-column-start: 15;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-15-8 {
    grid-column-start: 15;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-15-9 {
    grid-column-start: 15;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-15-10 {
    grid-column-start: 15;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-15-11 {
    grid-column-start: 15;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-15-12 {
    grid-column-start: 15;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-15-13 {
    grid-column-start: 15;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-15-14 {
    grid-column-start: 15;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-15-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-15-16 {
    grid-column-start: 15;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-15-17 {
    grid-column-start: 15;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-15-18 {
    grid-column-start: 15;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-15-19 {
    grid-column-start: 15;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-15-20 {
    grid-column-start: 15;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-15-21 {
    grid-column-start: 15;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-15-22 {
    grid-column-start: 15;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-15-23 {
    grid-column-start: 15;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-15-24 {
    grid-column-start: 15;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }

  .grid-template-columns-md-16-fixed {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-start-md-16 {
    grid-column-start: 16;
    min-width: 0;
  }

  .grid-col-end-md-16 {
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-span-md-16 {
    grid-column: span 16;
    min-width: 0;
  }

  .grid-col-md-16-1 {
    grid-column-start: 16;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-16-2 {
    grid-column-start: 16;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-16-3 {
    grid-column-start: 16;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-16-4 {
    grid-column-start: 16;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-16-5 {
    grid-column-start: 16;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-16-6 {
    grid-column-start: 16;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-16-7 {
    grid-column-start: 16;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-16-8 {
    grid-column-start: 16;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-16-9 {
    grid-column-start: 16;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-16-10 {
    grid-column-start: 16;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-16-11 {
    grid-column-start: 16;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-16-12 {
    grid-column-start: 16;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-16-13 {
    grid-column-start: 16;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-16-14 {
    grid-column-start: 16;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-16-15 {
    grid-column-start: 16;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-16-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-16-17 {
    grid-column-start: 16;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-16-18 {
    grid-column-start: 16;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-16-19 {
    grid-column-start: 16;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-16-20 {
    grid-column-start: 16;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-16-21 {
    grid-column-start: 16;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-16-22 {
    grid-column-start: 16;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-16-23 {
    grid-column-start: 16;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-16-24 {
    grid-column-start: 16;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }

  .grid-template-columns-md-17-fixed {
    grid-template-columns: repeat(17, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-start-md-17 {
    grid-column-start: 17;
    min-width: 0;
  }

  .grid-col-end-md-17 {
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-span-md-17 {
    grid-column: span 17;
    min-width: 0;
  }

  .grid-col-md-17-1 {
    grid-column-start: 17;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-17-2 {
    grid-column-start: 17;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-17-3 {
    grid-column-start: 17;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-17-4 {
    grid-column-start: 17;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-17-5 {
    grid-column-start: 17;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-17-6 {
    grid-column-start: 17;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-17-7 {
    grid-column-start: 17;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-17-8 {
    grid-column-start: 17;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-17-9 {
    grid-column-start: 17;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-17-10 {
    grid-column-start: 17;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-17-11 {
    grid-column-start: 17;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-17-12 {
    grid-column-start: 17;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-17-13 {
    grid-column-start: 17;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-17-14 {
    grid-column-start: 17;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-17-15 {
    grid-column-start: 17;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-17-16 {
    grid-column-start: 17;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-17-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-17-18 {
    grid-column-start: 17;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-17-19 {
    grid-column-start: 17;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-17-20 {
    grid-column-start: 17;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-17-21 {
    grid-column-start: 17;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-17-22 {
    grid-column-start: 17;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-17-23 {
    grid-column-start: 17;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-17-24 {
    grid-column-start: 17;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }

  .grid-template-columns-md-18-fixed {
    grid-template-columns: repeat(18, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-start-md-18 {
    grid-column-start: 18;
    min-width: 0;
  }

  .grid-col-end-md-18 {
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-span-md-18 {
    grid-column: span 18;
    min-width: 0;
  }

  .grid-col-md-18-1 {
    grid-column-start: 18;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-18-2 {
    grid-column-start: 18;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-18-3 {
    grid-column-start: 18;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-18-4 {
    grid-column-start: 18;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-18-5 {
    grid-column-start: 18;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-18-6 {
    grid-column-start: 18;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-18-7 {
    grid-column-start: 18;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-18-8 {
    grid-column-start: 18;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-18-9 {
    grid-column-start: 18;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-18-10 {
    grid-column-start: 18;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-18-11 {
    grid-column-start: 18;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-18-12 {
    grid-column-start: 18;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-18-13 {
    grid-column-start: 18;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-18-14 {
    grid-column-start: 18;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-18-15 {
    grid-column-start: 18;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-18-16 {
    grid-column-start: 18;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-18-17 {
    grid-column-start: 18;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-18-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-18-19 {
    grid-column-start: 18;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-18-20 {
    grid-column-start: 18;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-18-21 {
    grid-column-start: 18;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-18-22 {
    grid-column-start: 18;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-18-23 {
    grid-column-start: 18;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-18-24 {
    grid-column-start: 18;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }

  .grid-template-columns-md-19-fixed {
    grid-template-columns: repeat(19, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-start-md-19 {
    grid-column-start: 19;
    min-width: 0;
  }

  .grid-col-end-md-19 {
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-span-md-19 {
    grid-column: span 19;
    min-width: 0;
  }

  .grid-col-md-19-1 {
    grid-column-start: 19;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-19-2 {
    grid-column-start: 19;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-19-3 {
    grid-column-start: 19;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-19-4 {
    grid-column-start: 19;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-19-5 {
    grid-column-start: 19;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-19-6 {
    grid-column-start: 19;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-19-7 {
    grid-column-start: 19;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-19-8 {
    grid-column-start: 19;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-19-9 {
    grid-column-start: 19;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-19-10 {
    grid-column-start: 19;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-19-11 {
    grid-column-start: 19;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-19-12 {
    grid-column-start: 19;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-19-13 {
    grid-column-start: 19;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-19-14 {
    grid-column-start: 19;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-19-15 {
    grid-column-start: 19;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-19-16 {
    grid-column-start: 19;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-19-17 {
    grid-column-start: 19;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-19-18 {
    grid-column-start: 19;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-19-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-19-20 {
    grid-column-start: 19;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-19-21 {
    grid-column-start: 19;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-19-22 {
    grid-column-start: 19;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-19-23 {
    grid-column-start: 19;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-19-24 {
    grid-column-start: 19;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }

  .grid-template-columns-md-20-fixed {
    grid-template-columns: repeat(20, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-start-md-20 {
    grid-column-start: 20;
    min-width: 0;
  }

  .grid-col-end-md-20 {
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-span-md-20 {
    grid-column: span 20;
    min-width: 0;
  }

  .grid-col-md-20-1 {
    grid-column-start: 20;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-20-2 {
    grid-column-start: 20;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-20-3 {
    grid-column-start: 20;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-20-4 {
    grid-column-start: 20;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-20-5 {
    grid-column-start: 20;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-20-6 {
    grid-column-start: 20;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-20-7 {
    grid-column-start: 20;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-20-8 {
    grid-column-start: 20;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-20-9 {
    grid-column-start: 20;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-20-10 {
    grid-column-start: 20;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-20-11 {
    grid-column-start: 20;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-20-12 {
    grid-column-start: 20;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-20-13 {
    grid-column-start: 20;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-20-14 {
    grid-column-start: 20;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-20-15 {
    grid-column-start: 20;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-20-16 {
    grid-column-start: 20;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-20-17 {
    grid-column-start: 20;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-20-18 {
    grid-column-start: 20;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-20-19 {
    grid-column-start: 20;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-20-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-20-21 {
    grid-column-start: 20;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-20-22 {
    grid-column-start: 20;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-20-23 {
    grid-column-start: 20;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-20-24 {
    grid-column-start: 20;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }

  .grid-template-columns-md-21-fixed {
    grid-template-columns: repeat(21, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-start-md-21 {
    grid-column-start: 21;
    min-width: 0;
  }

  .grid-col-end-md-21 {
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-span-md-21 {
    grid-column: span 21;
    min-width: 0;
  }

  .grid-col-md-21-1 {
    grid-column-start: 21;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-21-2 {
    grid-column-start: 21;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-21-3 {
    grid-column-start: 21;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-21-4 {
    grid-column-start: 21;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-21-5 {
    grid-column-start: 21;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-21-6 {
    grid-column-start: 21;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-21-7 {
    grid-column-start: 21;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-21-8 {
    grid-column-start: 21;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-21-9 {
    grid-column-start: 21;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-21-10 {
    grid-column-start: 21;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-21-11 {
    grid-column-start: 21;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-21-12 {
    grid-column-start: 21;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-21-13 {
    grid-column-start: 21;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-21-14 {
    grid-column-start: 21;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-21-15 {
    grid-column-start: 21;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-21-16 {
    grid-column-start: 21;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-21-17 {
    grid-column-start: 21;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-21-18 {
    grid-column-start: 21;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-21-19 {
    grid-column-start: 21;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-21-20 {
    grid-column-start: 21;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-21-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-21-22 {
    grid-column-start: 21;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-21-23 {
    grid-column-start: 21;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-21-24 {
    grid-column-start: 21;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }

  .grid-template-columns-md-22-fixed {
    grid-template-columns: repeat(22, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-start-md-22 {
    grid-column-start: 22;
    min-width: 0;
  }

  .grid-col-end-md-22 {
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-span-md-22 {
    grid-column: span 22;
    min-width: 0;
  }

  .grid-col-md-22-1 {
    grid-column-start: 22;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-22-2 {
    grid-column-start: 22;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-22-3 {
    grid-column-start: 22;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-22-4 {
    grid-column-start: 22;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-22-5 {
    grid-column-start: 22;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-22-6 {
    grid-column-start: 22;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-22-7 {
    grid-column-start: 22;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-22-8 {
    grid-column-start: 22;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-22-9 {
    grid-column-start: 22;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-22-10 {
    grid-column-start: 22;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-22-11 {
    grid-column-start: 22;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-22-12 {
    grid-column-start: 22;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-22-13 {
    grid-column-start: 22;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-22-14 {
    grid-column-start: 22;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-22-15 {
    grid-column-start: 22;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-22-16 {
    grid-column-start: 22;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-22-17 {
    grid-column-start: 22;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-22-18 {
    grid-column-start: 22;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-22-19 {
    grid-column-start: 22;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-22-20 {
    grid-column-start: 22;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-22-21 {
    grid-column-start: 22;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-22-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-22-23 {
    grid-column-start: 22;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-22-24 {
    grid-column-start: 22;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }

  .grid-template-columns-md-23-fixed {
    grid-template-columns: repeat(23, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-start-md-23 {
    grid-column-start: 23;
    min-width: 0;
  }

  .grid-col-end-md-23 {
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-span-md-23 {
    grid-column: span 23;
    min-width: 0;
  }

  .grid-col-md-23-1 {
    grid-column-start: 23;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-23-2 {
    grid-column-start: 23;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-23-3 {
    grid-column-start: 23;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-23-4 {
    grid-column-start: 23;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-23-5 {
    grid-column-start: 23;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-23-6 {
    grid-column-start: 23;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-23-7 {
    grid-column-start: 23;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-23-8 {
    grid-column-start: 23;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-23-9 {
    grid-column-start: 23;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-23-10 {
    grid-column-start: 23;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-23-11 {
    grid-column-start: 23;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-23-12 {
    grid-column-start: 23;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-23-13 {
    grid-column-start: 23;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-23-14 {
    grid-column-start: 23;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-23-15 {
    grid-column-start: 23;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-23-16 {
    grid-column-start: 23;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-23-17 {
    grid-column-start: 23;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-23-18 {
    grid-column-start: 23;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-23-19 {
    grid-column-start: 23;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-23-20 {
    grid-column-start: 23;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-23-21 {
    grid-column-start: 23;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-23-22 {
    grid-column-start: 23;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-23-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-23-24 {
    grid-column-start: 23;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-md-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }

  .grid-template-columns-md-24-fixed {
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-md-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-start-md-24 {
    grid-column-start: 24;
    min-width: 0;
  }

  .grid-col-end-md-24 {
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-span-md-24 {
    grid-column: span 24;
    min-width: 0;
  }

  .grid-col-md-24-1 {
    grid-column-start: 24;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-md-24-2 {
    grid-column-start: 24;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-md-24-3 {
    grid-column-start: 24;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-md-24-4 {
    grid-column-start: 24;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-md-24-5 {
    grid-column-start: 24;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-md-24-6 {
    grid-column-start: 24;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-md-24-7 {
    grid-column-start: 24;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-md-24-8 {
    grid-column-start: 24;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-md-24-9 {
    grid-column-start: 24;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-md-24-10 {
    grid-column-start: 24;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-md-24-11 {
    grid-column-start: 24;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-md-24-12 {
    grid-column-start: 24;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-md-24-13 {
    grid-column-start: 24;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-md-24-14 {
    grid-column-start: 24;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-md-24-15 {
    grid-column-start: 24;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-md-24-16 {
    grid-column-start: 24;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-md-24-17 {
    grid-column-start: 24;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-md-24-18 {
    grid-column-start: 24;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-md-24-19 {
    grid-column-start: 24;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-md-24-20 {
    grid-column-start: 24;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-md-24-21 {
    grid-column-start: 24;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-md-24-22 {
    grid-column-start: 24;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-md-24-23 {
    grid-column-start: 24;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-md-24-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-rows-md-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-template-rows-md-1-fixed {
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-start-md-1 {
    grid-row-start: 1;
    min-width: 0;
  }

  .grid-row-end-md-1 {
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-span-md-1 {
    grid-row: span 1;
    min-width: 0;
  }

  .grid-row-md-1-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-1-2 {
    grid-row-start: 1;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-1-3 {
    grid-row-start: 1;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-1-4 {
    grid-row-start: 1;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-1-5 {
    grid-row-start: 1;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-1-6 {
    grid-row-start: 1;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-1-7 {
    grid-row-start: 1;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-1-8 {
    grid-row-start: 1;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-1-9 {
    grid-row-start: 1;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-1-10 {
    grid-row-start: 1;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-template-rows-md-2-fixed {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-start-md-2 {
    grid-row-start: 2;
    min-width: 0;
  }

  .grid-row-end-md-2 {
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-span-md-2 {
    grid-row: span 2;
    min-width: 0;
  }

  .grid-row-md-2-1 {
    grid-row-start: 2;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-2-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-2-3 {
    grid-row-start: 2;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-2-4 {
    grid-row-start: 2;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-2-5 {
    grid-row-start: 2;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-2-6 {
    grid-row-start: 2;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-2-7 {
    grid-row-start: 2;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-2-8 {
    grid-row-start: 2;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-2-9 {
    grid-row-start: 2;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-2-10 {
    grid-row-start: 2;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-template-rows-md-3-fixed {
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-start-md-3 {
    grid-row-start: 3;
    min-width: 0;
  }

  .grid-row-end-md-3 {
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-span-md-3 {
    grid-row: span 3;
    min-width: 0;
  }

  .grid-row-md-3-1 {
    grid-row-start: 3;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-3-2 {
    grid-row-start: 3;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-3-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-3-4 {
    grid-row-start: 3;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-3-5 {
    grid-row-start: 3;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-3-6 {
    grid-row-start: 3;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-3-7 {
    grid-row-start: 3;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-3-8 {
    grid-row-start: 3;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-3-9 {
    grid-row-start: 3;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-3-10 {
    grid-row-start: 3;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .grid-template-rows-md-4-fixed {
    grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-start-md-4 {
    grid-row-start: 4;
    min-width: 0;
  }

  .grid-row-end-md-4 {
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-span-md-4 {
    grid-row: span 4;
    min-width: 0;
  }

  .grid-row-md-4-1 {
    grid-row-start: 4;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-4-2 {
    grid-row-start: 4;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-4-3 {
    grid-row-start: 4;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-4-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-4-5 {
    grid-row-start: 4;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-4-6 {
    grid-row-start: 4;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-4-7 {
    grid-row-start: 4;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-4-8 {
    grid-row-start: 4;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-4-9 {
    grid-row-start: 4;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-4-10 {
    grid-row-start: 4;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .grid-template-rows-md-5-fixed {
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-start-md-5 {
    grid-row-start: 5;
    min-width: 0;
  }

  .grid-row-end-md-5 {
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-span-md-5 {
    grid-row: span 5;
    min-width: 0;
  }

  .grid-row-md-5-1 {
    grid-row-start: 5;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-5-2 {
    grid-row-start: 5;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-5-3 {
    grid-row-start: 5;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-5-4 {
    grid-row-start: 5;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-5-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-5-6 {
    grid-row-start: 5;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-5-7 {
    grid-row-start: 5;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-5-8 {
    grid-row-start: 5;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-5-9 {
    grid-row-start: 5;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-5-10 {
    grid-row-start: 5;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .grid-template-rows-md-6-fixed {
    grid-template-rows: repeat(6, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-start-md-6 {
    grid-row-start: 6;
    min-width: 0;
  }

  .grid-row-end-md-6 {
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-span-md-6 {
    grid-row: span 6;
    min-width: 0;
  }

  .grid-row-md-6-1 {
    grid-row-start: 6;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-6-2 {
    grid-row-start: 6;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-6-3 {
    grid-row-start: 6;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-6-4 {
    grid-row-start: 6;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-6-5 {
    grid-row-start: 6;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-6-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-6-7 {
    grid-row-start: 6;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-6-8 {
    grid-row-start: 6;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-6-9 {
    grid-row-start: 6;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-6-10 {
    grid-row-start: 6;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .grid-template-rows-md-7-fixed {
    grid-template-rows: repeat(7, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-start-md-7 {
    grid-row-start: 7;
    min-width: 0;
  }

  .grid-row-end-md-7 {
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-span-md-7 {
    grid-row: span 7;
    min-width: 0;
  }

  .grid-row-md-7-1 {
    grid-row-start: 7;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-7-2 {
    grid-row-start: 7;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-7-3 {
    grid-row-start: 7;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-7-4 {
    grid-row-start: 7;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-7-5 {
    grid-row-start: 7;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-7-6 {
    grid-row-start: 7;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-7-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-7-8 {
    grid-row-start: 7;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-7-9 {
    grid-row-start: 7;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-7-10 {
    grid-row-start: 7;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .grid-template-rows-md-8-fixed {
    grid-template-rows: repeat(8, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-start-md-8 {
    grid-row-start: 8;
    min-width: 0;
  }

  .grid-row-end-md-8 {
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-span-md-8 {
    grid-row: span 8;
    min-width: 0;
  }

  .grid-row-md-8-1 {
    grid-row-start: 8;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-8-2 {
    grid-row-start: 8;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-8-3 {
    grid-row-start: 8;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-8-4 {
    grid-row-start: 8;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-8-5 {
    grid-row-start: 8;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-8-6 {
    grid-row-start: 8;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-8-7 {
    grid-row-start: 8;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-8-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-8-9 {
    grid-row-start: 8;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-8-10 {
    grid-row-start: 8;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .grid-template-rows-md-9-fixed {
    grid-template-rows: repeat(9, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-start-md-9 {
    grid-row-start: 9;
    min-width: 0;
  }

  .grid-row-end-md-9 {
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-span-md-9 {
    grid-row: span 9;
    min-width: 0;
  }

  .grid-row-md-9-1 {
    grid-row-start: 9;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-9-2 {
    grid-row-start: 9;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-9-3 {
    grid-row-start: 9;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-9-4 {
    grid-row-start: 9;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-9-5 {
    grid-row-start: 9;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-9-6 {
    grid-row-start: 9;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-9-7 {
    grid-row-start: 9;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-9-8 {
    grid-row-start: 9;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-9-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-9-10 {
    grid-row-start: 9;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-md-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .grid-template-rows-md-10-fixed {
    grid-template-rows: repeat(10, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-md-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-start-md-10 {
    grid-row-start: 10;
    min-width: 0;
  }

  .grid-row-end-md-10 {
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-span-md-10 {
    grid-row: span 10;
    min-width: 0;
  }

  .grid-row-md-10-1 {
    grid-row-start: 10;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-md-10-2 {
    grid-row-start: 10;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-md-10-3 {
    grid-row-start: 10;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-md-10-4 {
    grid-row-start: 10;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-md-10-5 {
    grid-row-start: 10;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-md-10-6 {
    grid-row-start: 10;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-md-10-7 {
    grid-row-start: 10;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-md-10-8 {
    grid-row-start: 10;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-md-10-9 {
    grid-row-start: 10;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-md-10-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }
}
@media (min-width: 992px) {
  .grid-layout-lg-spaceless {
    display: grid !important;
    gap: 0px 0px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-spaceless {
    display: grid;
    gap: 0px 0px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-condensed {
    display: grid !important;
    gap: 5px 5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-condensed {
    display: grid;
    gap: 5px 5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-spaced {
    display: grid !important;
    gap: 10px 10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-spaced {
    display: grid;
    gap: 10px 10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-normal {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-normal {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-semi-wide {
    display: grid !important;
    gap: 20px 20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-semi-wide {
    display: grid;
    gap: 20px 20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-wide {
    display: grid !important;
    gap: 30px 30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-wide {
    display: grid;
    gap: 30px 30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-large {
    display: grid !important;
    gap: 60px 60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-large {
    display: grid;
    gap: 60px 60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-huge {
    display: grid !important;
    gap: 90px 90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-huge {
    display: grid;
    gap: 90px 90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-ncondensed {
    display: grid !important;
    gap: -5px -5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-ncondensed {
    display: grid;
    gap: -5px -5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-nspaced {
    display: grid !important;
    gap: -10px -10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-nspaced {
    display: grid;
    gap: -10px -10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-nnormal {
    display: grid !important;
    gap: -15px -15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-nnormal {
    display: grid;
    gap: -15px -15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-nsemi-wide {
    display: grid !important;
    gap: -20px -20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-nsemi-wide {
    display: grid;
    gap: -20px -20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-nwide {
    display: grid !important;
    gap: -30px -30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-nwide {
    display: grid;
    gap: -30px -30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-nlarge {
    display: grid !important;
    gap: -60px -60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-nlarge {
    display: grid;
    gap: -60px -60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-lg-nhuge {
    display: grid !important;
    gap: -90px -90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-lg-nhuge {
    display: grid;
    gap: -90px -90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-col-lg-all {
    grid-column: 1/-1;
    min-width: 0;
  }

  .grid-template-columns-lg-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-template-columns-lg-1-fixed {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-start-lg-1 {
    grid-column-start: 1;
    min-width: 0;
  }

  .grid-col-end-lg-1 {
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-span-lg-1 {
    grid-column: span 1;
    min-width: 0;
  }

  .grid-col-lg-1-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-1-2 {
    grid-column-start: 1;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-1-3 {
    grid-column-start: 1;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-1-4 {
    grid-column-start: 1;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-1-5 {
    grid-column-start: 1;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-1-6 {
    grid-column-start: 1;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-1-7 {
    grid-column-start: 1;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-1-8 {
    grid-column-start: 1;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-1-9 {
    grid-column-start: 1;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-1-10 {
    grid-column-start: 1;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-1-11 {
    grid-column-start: 1;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-1-12 {
    grid-column-start: 1;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-1-13 {
    grid-column-start: 1;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-1-14 {
    grid-column-start: 1;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-1-15 {
    grid-column-start: 1;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-1-16 {
    grid-column-start: 1;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-1-17 {
    grid-column-start: 1;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-1-18 {
    grid-column-start: 1;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-1-19 {
    grid-column-start: 1;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-1-20 {
    grid-column-start: 1;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-1-21 {
    grid-column-start: 1;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-1-22 {
    grid-column-start: 1;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-1-23 {
    grid-column-start: 1;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-1-24 {
    grid-column-start: 1;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-template-columns-lg-2-fixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-start-lg-2 {
    grid-column-start: 2;
    min-width: 0;
  }

  .grid-col-end-lg-2 {
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-span-lg-2 {
    grid-column: span 2;
    min-width: 0;
  }

  .grid-col-lg-2-1 {
    grid-column-start: 2;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-2-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-2-3 {
    grid-column-start: 2;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-2-4 {
    grid-column-start: 2;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-2-5 {
    grid-column-start: 2;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-2-6 {
    grid-column-start: 2;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-2-7 {
    grid-column-start: 2;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-2-8 {
    grid-column-start: 2;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-2-9 {
    grid-column-start: 2;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-2-10 {
    grid-column-start: 2;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-2-11 {
    grid-column-start: 2;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-2-12 {
    grid-column-start: 2;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-2-13 {
    grid-column-start: 2;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-2-14 {
    grid-column-start: 2;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-2-15 {
    grid-column-start: 2;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-2-16 {
    grid-column-start: 2;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-2-17 {
    grid-column-start: 2;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-2-18 {
    grid-column-start: 2;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-2-19 {
    grid-column-start: 2;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-2-20 {
    grid-column-start: 2;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-2-21 {
    grid-column-start: 2;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-2-22 {
    grid-column-start: 2;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-2-23 {
    grid-column-start: 2;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-2-24 {
    grid-column-start: 2;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-template-columns-lg-3-fixed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-start-lg-3 {
    grid-column-start: 3;
    min-width: 0;
  }

  .grid-col-end-lg-3 {
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-span-lg-3 {
    grid-column: span 3;
    min-width: 0;
  }

  .grid-col-lg-3-1 {
    grid-column-start: 3;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-3-2 {
    grid-column-start: 3;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-3-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-3-4 {
    grid-column-start: 3;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-3-5 {
    grid-column-start: 3;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-3-6 {
    grid-column-start: 3;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-3-7 {
    grid-column-start: 3;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-3-8 {
    grid-column-start: 3;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-3-9 {
    grid-column-start: 3;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-3-10 {
    grid-column-start: 3;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-3-11 {
    grid-column-start: 3;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-3-12 {
    grid-column-start: 3;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-3-13 {
    grid-column-start: 3;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-3-14 {
    grid-column-start: 3;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-3-15 {
    grid-column-start: 3;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-3-16 {
    grid-column-start: 3;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-3-17 {
    grid-column-start: 3;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-3-18 {
    grid-column-start: 3;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-3-19 {
    grid-column-start: 3;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-3-20 {
    grid-column-start: 3;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-3-21 {
    grid-column-start: 3;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-3-22 {
    grid-column-start: 3;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-3-23 {
    grid-column-start: 3;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-3-24 {
    grid-column-start: 3;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-template-columns-lg-4-fixed {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-start-lg-4 {
    grid-column-start: 4;
    min-width: 0;
  }

  .grid-col-end-lg-4 {
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-span-lg-4 {
    grid-column: span 4;
    min-width: 0;
  }

  .grid-col-lg-4-1 {
    grid-column-start: 4;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-4-2 {
    grid-column-start: 4;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-4-3 {
    grid-column-start: 4;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-4-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-4-5 {
    grid-column-start: 4;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-4-6 {
    grid-column-start: 4;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-4-7 {
    grid-column-start: 4;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-4-8 {
    grid-column-start: 4;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-4-9 {
    grid-column-start: 4;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-4-10 {
    grid-column-start: 4;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-4-11 {
    grid-column-start: 4;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-4-12 {
    grid-column-start: 4;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-4-13 {
    grid-column-start: 4;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-4-14 {
    grid-column-start: 4;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-4-15 {
    grid-column-start: 4;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-4-16 {
    grid-column-start: 4;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-4-17 {
    grid-column-start: 4;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-4-18 {
    grid-column-start: 4;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-4-19 {
    grid-column-start: 4;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-4-20 {
    grid-column-start: 4;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-4-21 {
    grid-column-start: 4;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-4-22 {
    grid-column-start: 4;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-4-23 {
    grid-column-start: 4;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-4-24 {
    grid-column-start: 4;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-template-columns-lg-5-fixed {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-start-lg-5 {
    grid-column-start: 5;
    min-width: 0;
  }

  .grid-col-end-lg-5 {
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-span-lg-5 {
    grid-column: span 5;
    min-width: 0;
  }

  .grid-col-lg-5-1 {
    grid-column-start: 5;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-5-2 {
    grid-column-start: 5;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-5-3 {
    grid-column-start: 5;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-5-4 {
    grid-column-start: 5;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-5-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-5-6 {
    grid-column-start: 5;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-5-7 {
    grid-column-start: 5;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-5-8 {
    grid-column-start: 5;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-5-9 {
    grid-column-start: 5;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-5-10 {
    grid-column-start: 5;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-5-11 {
    grid-column-start: 5;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-5-12 {
    grid-column-start: 5;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-5-13 {
    grid-column-start: 5;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-5-14 {
    grid-column-start: 5;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-5-15 {
    grid-column-start: 5;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-5-16 {
    grid-column-start: 5;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-5-17 {
    grid-column-start: 5;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-5-18 {
    grid-column-start: 5;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-5-19 {
    grid-column-start: 5;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-5-20 {
    grid-column-start: 5;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-5-21 {
    grid-column-start: 5;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-5-22 {
    grid-column-start: 5;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-5-23 {
    grid-column-start: 5;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-5-24 {
    grid-column-start: 5;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-template-columns-lg-6-fixed {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-start-lg-6 {
    grid-column-start: 6;
    min-width: 0;
  }

  .grid-col-end-lg-6 {
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-span-lg-6 {
    grid-column: span 6;
    min-width: 0;
  }

  .grid-col-lg-6-1 {
    grid-column-start: 6;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-6-2 {
    grid-column-start: 6;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-6-3 {
    grid-column-start: 6;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-6-4 {
    grid-column-start: 6;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-6-5 {
    grid-column-start: 6;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-6-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-6-7 {
    grid-column-start: 6;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-6-8 {
    grid-column-start: 6;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-6-9 {
    grid-column-start: 6;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-6-10 {
    grid-column-start: 6;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-6-11 {
    grid-column-start: 6;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-6-12 {
    grid-column-start: 6;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-6-13 {
    grid-column-start: 6;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-6-14 {
    grid-column-start: 6;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-6-15 {
    grid-column-start: 6;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-6-16 {
    grid-column-start: 6;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-6-17 {
    grid-column-start: 6;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-6-18 {
    grid-column-start: 6;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-6-19 {
    grid-column-start: 6;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-6-20 {
    grid-column-start: 6;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-6-21 {
    grid-column-start: 6;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-6-22 {
    grid-column-start: 6;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-6-23 {
    grid-column-start: 6;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-6-24 {
    grid-column-start: 6;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-template-columns-lg-7-fixed {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-start-lg-7 {
    grid-column-start: 7;
    min-width: 0;
  }

  .grid-col-end-lg-7 {
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-span-lg-7 {
    grid-column: span 7;
    min-width: 0;
  }

  .grid-col-lg-7-1 {
    grid-column-start: 7;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-7-2 {
    grid-column-start: 7;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-7-3 {
    grid-column-start: 7;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-7-4 {
    grid-column-start: 7;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-7-5 {
    grid-column-start: 7;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-7-6 {
    grid-column-start: 7;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-7-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-7-8 {
    grid-column-start: 7;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-7-9 {
    grid-column-start: 7;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-7-10 {
    grid-column-start: 7;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-7-11 {
    grid-column-start: 7;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-7-12 {
    grid-column-start: 7;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-7-13 {
    grid-column-start: 7;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-7-14 {
    grid-column-start: 7;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-7-15 {
    grid-column-start: 7;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-7-16 {
    grid-column-start: 7;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-7-17 {
    grid-column-start: 7;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-7-18 {
    grid-column-start: 7;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-7-19 {
    grid-column-start: 7;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-7-20 {
    grid-column-start: 7;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-7-21 {
    grid-column-start: 7;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-7-22 {
    grid-column-start: 7;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-7-23 {
    grid-column-start: 7;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-7-24 {
    grid-column-start: 7;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-template-columns-lg-8-fixed {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-start-lg-8 {
    grid-column-start: 8;
    min-width: 0;
  }

  .grid-col-end-lg-8 {
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-span-lg-8 {
    grid-column: span 8;
    min-width: 0;
  }

  .grid-col-lg-8-1 {
    grid-column-start: 8;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-8-2 {
    grid-column-start: 8;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-8-3 {
    grid-column-start: 8;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-8-4 {
    grid-column-start: 8;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-8-5 {
    grid-column-start: 8;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-8-6 {
    grid-column-start: 8;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-8-7 {
    grid-column-start: 8;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-8-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-8-9 {
    grid-column-start: 8;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-8-10 {
    grid-column-start: 8;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-8-11 {
    grid-column-start: 8;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-8-12 {
    grid-column-start: 8;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-8-13 {
    grid-column-start: 8;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-8-14 {
    grid-column-start: 8;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-8-15 {
    grid-column-start: 8;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-8-16 {
    grid-column-start: 8;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-8-17 {
    grid-column-start: 8;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-8-18 {
    grid-column-start: 8;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-8-19 {
    grid-column-start: 8;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-8-20 {
    grid-column-start: 8;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-8-21 {
    grid-column-start: 8;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-8-22 {
    grid-column-start: 8;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-8-23 {
    grid-column-start: 8;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-8-24 {
    grid-column-start: 8;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .grid-template-columns-lg-9-fixed {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-start-lg-9 {
    grid-column-start: 9;
    min-width: 0;
  }

  .grid-col-end-lg-9 {
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-span-lg-9 {
    grid-column: span 9;
    min-width: 0;
  }

  .grid-col-lg-9-1 {
    grid-column-start: 9;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-9-2 {
    grid-column-start: 9;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-9-3 {
    grid-column-start: 9;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-9-4 {
    grid-column-start: 9;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-9-5 {
    grid-column-start: 9;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-9-6 {
    grid-column-start: 9;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-9-7 {
    grid-column-start: 9;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-9-8 {
    grid-column-start: 9;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-9-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-9-10 {
    grid-column-start: 9;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-9-11 {
    grid-column-start: 9;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-9-12 {
    grid-column-start: 9;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-9-13 {
    grid-column-start: 9;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-9-14 {
    grid-column-start: 9;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-9-15 {
    grid-column-start: 9;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-9-16 {
    grid-column-start: 9;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-9-17 {
    grid-column-start: 9;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-9-18 {
    grid-column-start: 9;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-9-19 {
    grid-column-start: 9;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-9-20 {
    grid-column-start: 9;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-9-21 {
    grid-column-start: 9;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-9-22 {
    grid-column-start: 9;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-9-23 {
    grid-column-start: 9;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-9-24 {
    grid-column-start: 9;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .grid-template-columns-lg-10-fixed {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-start-lg-10 {
    grid-column-start: 10;
    min-width: 0;
  }

  .grid-col-end-lg-10 {
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-span-lg-10 {
    grid-column: span 10;
    min-width: 0;
  }

  .grid-col-lg-10-1 {
    grid-column-start: 10;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-10-2 {
    grid-column-start: 10;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-10-3 {
    grid-column-start: 10;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-10-4 {
    grid-column-start: 10;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-10-5 {
    grid-column-start: 10;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-10-6 {
    grid-column-start: 10;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-10-7 {
    grid-column-start: 10;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-10-8 {
    grid-column-start: 10;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-10-9 {
    grid-column-start: 10;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-10-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-10-11 {
    grid-column-start: 10;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-10-12 {
    grid-column-start: 10;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-10-13 {
    grid-column-start: 10;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-10-14 {
    grid-column-start: 10;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-10-15 {
    grid-column-start: 10;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-10-16 {
    grid-column-start: 10;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-10-17 {
    grid-column-start: 10;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-10-18 {
    grid-column-start: 10;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-10-19 {
    grid-column-start: 10;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-10-20 {
    grid-column-start: 10;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-10-21 {
    grid-column-start: 10;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-10-22 {
    grid-column-start: 10;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-10-23 {
    grid-column-start: 10;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-10-24 {
    grid-column-start: 10;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-template-columns-lg-11-fixed {
    grid-template-columns: repeat(11, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-start-lg-11 {
    grid-column-start: 11;
    min-width: 0;
  }

  .grid-col-end-lg-11 {
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-span-lg-11 {
    grid-column: span 11;
    min-width: 0;
  }

  .grid-col-lg-11-1 {
    grid-column-start: 11;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-11-2 {
    grid-column-start: 11;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-11-3 {
    grid-column-start: 11;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-11-4 {
    grid-column-start: 11;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-11-5 {
    grid-column-start: 11;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-11-6 {
    grid-column-start: 11;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-11-7 {
    grid-column-start: 11;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-11-8 {
    grid-column-start: 11;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-11-9 {
    grid-column-start: 11;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-11-10 {
    grid-column-start: 11;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-11-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-11-12 {
    grid-column-start: 11;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-11-13 {
    grid-column-start: 11;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-11-14 {
    grid-column-start: 11;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-11-15 {
    grid-column-start: 11;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-11-16 {
    grid-column-start: 11;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-11-17 {
    grid-column-start: 11;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-11-18 {
    grid-column-start: 11;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-11-19 {
    grid-column-start: 11;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-11-20 {
    grid-column-start: 11;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-11-21 {
    grid-column-start: 11;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-11-22 {
    grid-column-start: 11;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-11-23 {
    grid-column-start: 11;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-11-24 {
    grid-column-start: 11;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-template-columns-lg-12-fixed {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-start-lg-12 {
    grid-column-start: 12;
    min-width: 0;
  }

  .grid-col-end-lg-12 {
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-span-lg-12 {
    grid-column: span 12;
    min-width: 0;
  }

  .grid-col-lg-12-1 {
    grid-column-start: 12;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-12-2 {
    grid-column-start: 12;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-12-3 {
    grid-column-start: 12;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-12-4 {
    grid-column-start: 12;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-12-5 {
    grid-column-start: 12;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-12-6 {
    grid-column-start: 12;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-12-7 {
    grid-column-start: 12;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-12-8 {
    grid-column-start: 12;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-12-9 {
    grid-column-start: 12;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-12-10 {
    grid-column-start: 12;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-12-11 {
    grid-column-start: 12;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-12-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-12-13 {
    grid-column-start: 12;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-12-14 {
    grid-column-start: 12;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-12-15 {
    grid-column-start: 12;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-12-16 {
    grid-column-start: 12;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-12-17 {
    grid-column-start: 12;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-12-18 {
    grid-column-start: 12;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-12-19 {
    grid-column-start: 12;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-12-20 {
    grid-column-start: 12;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-12-21 {
    grid-column-start: 12;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-12-22 {
    grid-column-start: 12;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-12-23 {
    grid-column-start: 12;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-12-24 {
    grid-column-start: 12;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }

  .grid-template-columns-lg-13-fixed {
    grid-template-columns: repeat(13, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-start-lg-13 {
    grid-column-start: 13;
    min-width: 0;
  }

  .grid-col-end-lg-13 {
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-span-lg-13 {
    grid-column: span 13;
    min-width: 0;
  }

  .grid-col-lg-13-1 {
    grid-column-start: 13;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-13-2 {
    grid-column-start: 13;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-13-3 {
    grid-column-start: 13;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-13-4 {
    grid-column-start: 13;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-13-5 {
    grid-column-start: 13;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-13-6 {
    grid-column-start: 13;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-13-7 {
    grid-column-start: 13;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-13-8 {
    grid-column-start: 13;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-13-9 {
    grid-column-start: 13;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-13-10 {
    grid-column-start: 13;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-13-11 {
    grid-column-start: 13;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-13-12 {
    grid-column-start: 13;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-13-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-13-14 {
    grid-column-start: 13;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-13-15 {
    grid-column-start: 13;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-13-16 {
    grid-column-start: 13;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-13-17 {
    grid-column-start: 13;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-13-18 {
    grid-column-start: 13;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-13-19 {
    grid-column-start: 13;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-13-20 {
    grid-column-start: 13;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-13-21 {
    grid-column-start: 13;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-13-22 {
    grid-column-start: 13;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-13-23 {
    grid-column-start: 13;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-13-24 {
    grid-column-start: 13;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }

  .grid-template-columns-lg-14-fixed {
    grid-template-columns: repeat(14, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-start-lg-14 {
    grid-column-start: 14;
    min-width: 0;
  }

  .grid-col-end-lg-14 {
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-span-lg-14 {
    grid-column: span 14;
    min-width: 0;
  }

  .grid-col-lg-14-1 {
    grid-column-start: 14;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-14-2 {
    grid-column-start: 14;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-14-3 {
    grid-column-start: 14;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-14-4 {
    grid-column-start: 14;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-14-5 {
    grid-column-start: 14;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-14-6 {
    grid-column-start: 14;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-14-7 {
    grid-column-start: 14;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-14-8 {
    grid-column-start: 14;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-14-9 {
    grid-column-start: 14;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-14-10 {
    grid-column-start: 14;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-14-11 {
    grid-column-start: 14;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-14-12 {
    grid-column-start: 14;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-14-13 {
    grid-column-start: 14;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-14-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-14-15 {
    grid-column-start: 14;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-14-16 {
    grid-column-start: 14;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-14-17 {
    grid-column-start: 14;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-14-18 {
    grid-column-start: 14;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-14-19 {
    grid-column-start: 14;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-14-20 {
    grid-column-start: 14;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-14-21 {
    grid-column-start: 14;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-14-22 {
    grid-column-start: 14;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-14-23 {
    grid-column-start: 14;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-14-24 {
    grid-column-start: 14;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }

  .grid-template-columns-lg-15-fixed {
    grid-template-columns: repeat(15, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-start-lg-15 {
    grid-column-start: 15;
    min-width: 0;
  }

  .grid-col-end-lg-15 {
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-span-lg-15 {
    grid-column: span 15;
    min-width: 0;
  }

  .grid-col-lg-15-1 {
    grid-column-start: 15;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-15-2 {
    grid-column-start: 15;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-15-3 {
    grid-column-start: 15;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-15-4 {
    grid-column-start: 15;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-15-5 {
    grid-column-start: 15;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-15-6 {
    grid-column-start: 15;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-15-7 {
    grid-column-start: 15;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-15-8 {
    grid-column-start: 15;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-15-9 {
    grid-column-start: 15;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-15-10 {
    grid-column-start: 15;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-15-11 {
    grid-column-start: 15;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-15-12 {
    grid-column-start: 15;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-15-13 {
    grid-column-start: 15;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-15-14 {
    grid-column-start: 15;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-15-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-15-16 {
    grid-column-start: 15;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-15-17 {
    grid-column-start: 15;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-15-18 {
    grid-column-start: 15;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-15-19 {
    grid-column-start: 15;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-15-20 {
    grid-column-start: 15;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-15-21 {
    grid-column-start: 15;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-15-22 {
    grid-column-start: 15;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-15-23 {
    grid-column-start: 15;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-15-24 {
    grid-column-start: 15;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }

  .grid-template-columns-lg-16-fixed {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-start-lg-16 {
    grid-column-start: 16;
    min-width: 0;
  }

  .grid-col-end-lg-16 {
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-span-lg-16 {
    grid-column: span 16;
    min-width: 0;
  }

  .grid-col-lg-16-1 {
    grid-column-start: 16;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-16-2 {
    grid-column-start: 16;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-16-3 {
    grid-column-start: 16;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-16-4 {
    grid-column-start: 16;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-16-5 {
    grid-column-start: 16;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-16-6 {
    grid-column-start: 16;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-16-7 {
    grid-column-start: 16;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-16-8 {
    grid-column-start: 16;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-16-9 {
    grid-column-start: 16;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-16-10 {
    grid-column-start: 16;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-16-11 {
    grid-column-start: 16;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-16-12 {
    grid-column-start: 16;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-16-13 {
    grid-column-start: 16;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-16-14 {
    grid-column-start: 16;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-16-15 {
    grid-column-start: 16;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-16-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-16-17 {
    grid-column-start: 16;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-16-18 {
    grid-column-start: 16;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-16-19 {
    grid-column-start: 16;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-16-20 {
    grid-column-start: 16;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-16-21 {
    grid-column-start: 16;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-16-22 {
    grid-column-start: 16;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-16-23 {
    grid-column-start: 16;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-16-24 {
    grid-column-start: 16;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }

  .grid-template-columns-lg-17-fixed {
    grid-template-columns: repeat(17, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-start-lg-17 {
    grid-column-start: 17;
    min-width: 0;
  }

  .grid-col-end-lg-17 {
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-span-lg-17 {
    grid-column: span 17;
    min-width: 0;
  }

  .grid-col-lg-17-1 {
    grid-column-start: 17;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-17-2 {
    grid-column-start: 17;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-17-3 {
    grid-column-start: 17;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-17-4 {
    grid-column-start: 17;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-17-5 {
    grid-column-start: 17;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-17-6 {
    grid-column-start: 17;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-17-7 {
    grid-column-start: 17;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-17-8 {
    grid-column-start: 17;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-17-9 {
    grid-column-start: 17;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-17-10 {
    grid-column-start: 17;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-17-11 {
    grid-column-start: 17;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-17-12 {
    grid-column-start: 17;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-17-13 {
    grid-column-start: 17;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-17-14 {
    grid-column-start: 17;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-17-15 {
    grid-column-start: 17;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-17-16 {
    grid-column-start: 17;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-17-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-17-18 {
    grid-column-start: 17;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-17-19 {
    grid-column-start: 17;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-17-20 {
    grid-column-start: 17;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-17-21 {
    grid-column-start: 17;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-17-22 {
    grid-column-start: 17;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-17-23 {
    grid-column-start: 17;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-17-24 {
    grid-column-start: 17;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }

  .grid-template-columns-lg-18-fixed {
    grid-template-columns: repeat(18, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-start-lg-18 {
    grid-column-start: 18;
    min-width: 0;
  }

  .grid-col-end-lg-18 {
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-span-lg-18 {
    grid-column: span 18;
    min-width: 0;
  }

  .grid-col-lg-18-1 {
    grid-column-start: 18;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-18-2 {
    grid-column-start: 18;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-18-3 {
    grid-column-start: 18;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-18-4 {
    grid-column-start: 18;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-18-5 {
    grid-column-start: 18;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-18-6 {
    grid-column-start: 18;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-18-7 {
    grid-column-start: 18;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-18-8 {
    grid-column-start: 18;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-18-9 {
    grid-column-start: 18;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-18-10 {
    grid-column-start: 18;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-18-11 {
    grid-column-start: 18;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-18-12 {
    grid-column-start: 18;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-18-13 {
    grid-column-start: 18;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-18-14 {
    grid-column-start: 18;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-18-15 {
    grid-column-start: 18;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-18-16 {
    grid-column-start: 18;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-18-17 {
    grid-column-start: 18;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-18-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-18-19 {
    grid-column-start: 18;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-18-20 {
    grid-column-start: 18;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-18-21 {
    grid-column-start: 18;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-18-22 {
    grid-column-start: 18;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-18-23 {
    grid-column-start: 18;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-18-24 {
    grid-column-start: 18;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }

  .grid-template-columns-lg-19-fixed {
    grid-template-columns: repeat(19, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-start-lg-19 {
    grid-column-start: 19;
    min-width: 0;
  }

  .grid-col-end-lg-19 {
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-span-lg-19 {
    grid-column: span 19;
    min-width: 0;
  }

  .grid-col-lg-19-1 {
    grid-column-start: 19;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-19-2 {
    grid-column-start: 19;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-19-3 {
    grid-column-start: 19;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-19-4 {
    grid-column-start: 19;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-19-5 {
    grid-column-start: 19;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-19-6 {
    grid-column-start: 19;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-19-7 {
    grid-column-start: 19;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-19-8 {
    grid-column-start: 19;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-19-9 {
    grid-column-start: 19;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-19-10 {
    grid-column-start: 19;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-19-11 {
    grid-column-start: 19;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-19-12 {
    grid-column-start: 19;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-19-13 {
    grid-column-start: 19;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-19-14 {
    grid-column-start: 19;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-19-15 {
    grid-column-start: 19;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-19-16 {
    grid-column-start: 19;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-19-17 {
    grid-column-start: 19;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-19-18 {
    grid-column-start: 19;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-19-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-19-20 {
    grid-column-start: 19;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-19-21 {
    grid-column-start: 19;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-19-22 {
    grid-column-start: 19;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-19-23 {
    grid-column-start: 19;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-19-24 {
    grid-column-start: 19;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }

  .grid-template-columns-lg-20-fixed {
    grid-template-columns: repeat(20, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-start-lg-20 {
    grid-column-start: 20;
    min-width: 0;
  }

  .grid-col-end-lg-20 {
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-span-lg-20 {
    grid-column: span 20;
    min-width: 0;
  }

  .grid-col-lg-20-1 {
    grid-column-start: 20;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-20-2 {
    grid-column-start: 20;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-20-3 {
    grid-column-start: 20;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-20-4 {
    grid-column-start: 20;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-20-5 {
    grid-column-start: 20;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-20-6 {
    grid-column-start: 20;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-20-7 {
    grid-column-start: 20;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-20-8 {
    grid-column-start: 20;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-20-9 {
    grid-column-start: 20;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-20-10 {
    grid-column-start: 20;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-20-11 {
    grid-column-start: 20;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-20-12 {
    grid-column-start: 20;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-20-13 {
    grid-column-start: 20;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-20-14 {
    grid-column-start: 20;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-20-15 {
    grid-column-start: 20;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-20-16 {
    grid-column-start: 20;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-20-17 {
    grid-column-start: 20;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-20-18 {
    grid-column-start: 20;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-20-19 {
    grid-column-start: 20;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-20-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-20-21 {
    grid-column-start: 20;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-20-22 {
    grid-column-start: 20;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-20-23 {
    grid-column-start: 20;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-20-24 {
    grid-column-start: 20;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }

  .grid-template-columns-lg-21-fixed {
    grid-template-columns: repeat(21, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-start-lg-21 {
    grid-column-start: 21;
    min-width: 0;
  }

  .grid-col-end-lg-21 {
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-span-lg-21 {
    grid-column: span 21;
    min-width: 0;
  }

  .grid-col-lg-21-1 {
    grid-column-start: 21;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-21-2 {
    grid-column-start: 21;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-21-3 {
    grid-column-start: 21;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-21-4 {
    grid-column-start: 21;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-21-5 {
    grid-column-start: 21;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-21-6 {
    grid-column-start: 21;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-21-7 {
    grid-column-start: 21;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-21-8 {
    grid-column-start: 21;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-21-9 {
    grid-column-start: 21;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-21-10 {
    grid-column-start: 21;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-21-11 {
    grid-column-start: 21;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-21-12 {
    grid-column-start: 21;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-21-13 {
    grid-column-start: 21;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-21-14 {
    grid-column-start: 21;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-21-15 {
    grid-column-start: 21;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-21-16 {
    grid-column-start: 21;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-21-17 {
    grid-column-start: 21;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-21-18 {
    grid-column-start: 21;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-21-19 {
    grid-column-start: 21;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-21-20 {
    grid-column-start: 21;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-21-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-21-22 {
    grid-column-start: 21;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-21-23 {
    grid-column-start: 21;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-21-24 {
    grid-column-start: 21;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }

  .grid-template-columns-lg-22-fixed {
    grid-template-columns: repeat(22, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-start-lg-22 {
    grid-column-start: 22;
    min-width: 0;
  }

  .grid-col-end-lg-22 {
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-span-lg-22 {
    grid-column: span 22;
    min-width: 0;
  }

  .grid-col-lg-22-1 {
    grid-column-start: 22;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-22-2 {
    grid-column-start: 22;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-22-3 {
    grid-column-start: 22;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-22-4 {
    grid-column-start: 22;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-22-5 {
    grid-column-start: 22;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-22-6 {
    grid-column-start: 22;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-22-7 {
    grid-column-start: 22;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-22-8 {
    grid-column-start: 22;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-22-9 {
    grid-column-start: 22;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-22-10 {
    grid-column-start: 22;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-22-11 {
    grid-column-start: 22;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-22-12 {
    grid-column-start: 22;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-22-13 {
    grid-column-start: 22;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-22-14 {
    grid-column-start: 22;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-22-15 {
    grid-column-start: 22;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-22-16 {
    grid-column-start: 22;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-22-17 {
    grid-column-start: 22;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-22-18 {
    grid-column-start: 22;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-22-19 {
    grid-column-start: 22;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-22-20 {
    grid-column-start: 22;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-22-21 {
    grid-column-start: 22;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-22-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-22-23 {
    grid-column-start: 22;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-22-24 {
    grid-column-start: 22;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }

  .grid-template-columns-lg-23-fixed {
    grid-template-columns: repeat(23, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-start-lg-23 {
    grid-column-start: 23;
    min-width: 0;
  }

  .grid-col-end-lg-23 {
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-span-lg-23 {
    grid-column: span 23;
    min-width: 0;
  }

  .grid-col-lg-23-1 {
    grid-column-start: 23;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-23-2 {
    grid-column-start: 23;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-23-3 {
    grid-column-start: 23;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-23-4 {
    grid-column-start: 23;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-23-5 {
    grid-column-start: 23;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-23-6 {
    grid-column-start: 23;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-23-7 {
    grid-column-start: 23;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-23-8 {
    grid-column-start: 23;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-23-9 {
    grid-column-start: 23;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-23-10 {
    grid-column-start: 23;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-23-11 {
    grid-column-start: 23;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-23-12 {
    grid-column-start: 23;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-23-13 {
    grid-column-start: 23;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-23-14 {
    grid-column-start: 23;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-23-15 {
    grid-column-start: 23;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-23-16 {
    grid-column-start: 23;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-23-17 {
    grid-column-start: 23;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-23-18 {
    grid-column-start: 23;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-23-19 {
    grid-column-start: 23;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-23-20 {
    grid-column-start: 23;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-23-21 {
    grid-column-start: 23;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-23-22 {
    grid-column-start: 23;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-23-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-23-24 {
    grid-column-start: 23;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-lg-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }

  .grid-template-columns-lg-24-fixed {
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-lg-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-start-lg-24 {
    grid-column-start: 24;
    min-width: 0;
  }

  .grid-col-end-lg-24 {
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-span-lg-24 {
    grid-column: span 24;
    min-width: 0;
  }

  .grid-col-lg-24-1 {
    grid-column-start: 24;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-lg-24-2 {
    grid-column-start: 24;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-lg-24-3 {
    grid-column-start: 24;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-lg-24-4 {
    grid-column-start: 24;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-lg-24-5 {
    grid-column-start: 24;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-lg-24-6 {
    grid-column-start: 24;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-lg-24-7 {
    grid-column-start: 24;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-lg-24-8 {
    grid-column-start: 24;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-lg-24-9 {
    grid-column-start: 24;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-lg-24-10 {
    grid-column-start: 24;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-lg-24-11 {
    grid-column-start: 24;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-lg-24-12 {
    grid-column-start: 24;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-lg-24-13 {
    grid-column-start: 24;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-lg-24-14 {
    grid-column-start: 24;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-lg-24-15 {
    grid-column-start: 24;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-lg-24-16 {
    grid-column-start: 24;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-lg-24-17 {
    grid-column-start: 24;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-lg-24-18 {
    grid-column-start: 24;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-lg-24-19 {
    grid-column-start: 24;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-lg-24-20 {
    grid-column-start: 24;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-lg-24-21 {
    grid-column-start: 24;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-lg-24-22 {
    grid-column-start: 24;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-lg-24-23 {
    grid-column-start: 24;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-lg-24-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-rows-lg-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-template-rows-lg-1-fixed {
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-start-lg-1 {
    grid-row-start: 1;
    min-width: 0;
  }

  .grid-row-end-lg-1 {
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-span-lg-1 {
    grid-row: span 1;
    min-width: 0;
  }

  .grid-row-lg-1-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-1-2 {
    grid-row-start: 1;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-1-3 {
    grid-row-start: 1;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-1-4 {
    grid-row-start: 1;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-1-5 {
    grid-row-start: 1;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-1-6 {
    grid-row-start: 1;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-1-7 {
    grid-row-start: 1;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-1-8 {
    grid-row-start: 1;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-1-9 {
    grid-row-start: 1;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-1-10 {
    grid-row-start: 1;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-template-rows-lg-2-fixed {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-start-lg-2 {
    grid-row-start: 2;
    min-width: 0;
  }

  .grid-row-end-lg-2 {
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-span-lg-2 {
    grid-row: span 2;
    min-width: 0;
  }

  .grid-row-lg-2-1 {
    grid-row-start: 2;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-2-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-2-3 {
    grid-row-start: 2;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-2-4 {
    grid-row-start: 2;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-2-5 {
    grid-row-start: 2;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-2-6 {
    grid-row-start: 2;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-2-7 {
    grid-row-start: 2;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-2-8 {
    grid-row-start: 2;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-2-9 {
    grid-row-start: 2;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-2-10 {
    grid-row-start: 2;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-template-rows-lg-3-fixed {
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-start-lg-3 {
    grid-row-start: 3;
    min-width: 0;
  }

  .grid-row-end-lg-3 {
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-span-lg-3 {
    grid-row: span 3;
    min-width: 0;
  }

  .grid-row-lg-3-1 {
    grid-row-start: 3;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-3-2 {
    grid-row-start: 3;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-3-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-3-4 {
    grid-row-start: 3;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-3-5 {
    grid-row-start: 3;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-3-6 {
    grid-row-start: 3;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-3-7 {
    grid-row-start: 3;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-3-8 {
    grid-row-start: 3;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-3-9 {
    grid-row-start: 3;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-3-10 {
    grid-row-start: 3;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .grid-template-rows-lg-4-fixed {
    grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-start-lg-4 {
    grid-row-start: 4;
    min-width: 0;
  }

  .grid-row-end-lg-4 {
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-span-lg-4 {
    grid-row: span 4;
    min-width: 0;
  }

  .grid-row-lg-4-1 {
    grid-row-start: 4;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-4-2 {
    grid-row-start: 4;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-4-3 {
    grid-row-start: 4;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-4-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-4-5 {
    grid-row-start: 4;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-4-6 {
    grid-row-start: 4;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-4-7 {
    grid-row-start: 4;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-4-8 {
    grid-row-start: 4;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-4-9 {
    grid-row-start: 4;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-4-10 {
    grid-row-start: 4;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .grid-template-rows-lg-5-fixed {
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-start-lg-5 {
    grid-row-start: 5;
    min-width: 0;
  }

  .grid-row-end-lg-5 {
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-span-lg-5 {
    grid-row: span 5;
    min-width: 0;
  }

  .grid-row-lg-5-1 {
    grid-row-start: 5;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-5-2 {
    grid-row-start: 5;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-5-3 {
    grid-row-start: 5;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-5-4 {
    grid-row-start: 5;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-5-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-5-6 {
    grid-row-start: 5;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-5-7 {
    grid-row-start: 5;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-5-8 {
    grid-row-start: 5;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-5-9 {
    grid-row-start: 5;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-5-10 {
    grid-row-start: 5;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .grid-template-rows-lg-6-fixed {
    grid-template-rows: repeat(6, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-start-lg-6 {
    grid-row-start: 6;
    min-width: 0;
  }

  .grid-row-end-lg-6 {
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-span-lg-6 {
    grid-row: span 6;
    min-width: 0;
  }

  .grid-row-lg-6-1 {
    grid-row-start: 6;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-6-2 {
    grid-row-start: 6;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-6-3 {
    grid-row-start: 6;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-6-4 {
    grid-row-start: 6;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-6-5 {
    grid-row-start: 6;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-6-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-6-7 {
    grid-row-start: 6;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-6-8 {
    grid-row-start: 6;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-6-9 {
    grid-row-start: 6;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-6-10 {
    grid-row-start: 6;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .grid-template-rows-lg-7-fixed {
    grid-template-rows: repeat(7, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-start-lg-7 {
    grid-row-start: 7;
    min-width: 0;
  }

  .grid-row-end-lg-7 {
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-span-lg-7 {
    grid-row: span 7;
    min-width: 0;
  }

  .grid-row-lg-7-1 {
    grid-row-start: 7;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-7-2 {
    grid-row-start: 7;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-7-3 {
    grid-row-start: 7;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-7-4 {
    grid-row-start: 7;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-7-5 {
    grid-row-start: 7;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-7-6 {
    grid-row-start: 7;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-7-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-7-8 {
    grid-row-start: 7;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-7-9 {
    grid-row-start: 7;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-7-10 {
    grid-row-start: 7;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .grid-template-rows-lg-8-fixed {
    grid-template-rows: repeat(8, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-start-lg-8 {
    grid-row-start: 8;
    min-width: 0;
  }

  .grid-row-end-lg-8 {
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-span-lg-8 {
    grid-row: span 8;
    min-width: 0;
  }

  .grid-row-lg-8-1 {
    grid-row-start: 8;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-8-2 {
    grid-row-start: 8;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-8-3 {
    grid-row-start: 8;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-8-4 {
    grid-row-start: 8;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-8-5 {
    grid-row-start: 8;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-8-6 {
    grid-row-start: 8;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-8-7 {
    grid-row-start: 8;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-8-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-8-9 {
    grid-row-start: 8;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-8-10 {
    grid-row-start: 8;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .grid-template-rows-lg-9-fixed {
    grid-template-rows: repeat(9, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-start-lg-9 {
    grid-row-start: 9;
    min-width: 0;
  }

  .grid-row-end-lg-9 {
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-span-lg-9 {
    grid-row: span 9;
    min-width: 0;
  }

  .grid-row-lg-9-1 {
    grid-row-start: 9;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-9-2 {
    grid-row-start: 9;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-9-3 {
    grid-row-start: 9;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-9-4 {
    grid-row-start: 9;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-9-5 {
    grid-row-start: 9;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-9-6 {
    grid-row-start: 9;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-9-7 {
    grid-row-start: 9;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-9-8 {
    grid-row-start: 9;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-9-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-9-10 {
    grid-row-start: 9;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-lg-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .grid-template-rows-lg-10-fixed {
    grid-template-rows: repeat(10, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-lg-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-start-lg-10 {
    grid-row-start: 10;
    min-width: 0;
  }

  .grid-row-end-lg-10 {
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-span-lg-10 {
    grid-row: span 10;
    min-width: 0;
  }

  .grid-row-lg-10-1 {
    grid-row-start: 10;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-lg-10-2 {
    grid-row-start: 10;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-lg-10-3 {
    grid-row-start: 10;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-lg-10-4 {
    grid-row-start: 10;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-lg-10-5 {
    grid-row-start: 10;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-lg-10-6 {
    grid-row-start: 10;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-lg-10-7 {
    grid-row-start: 10;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-lg-10-8 {
    grid-row-start: 10;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-lg-10-9 {
    grid-row-start: 10;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-lg-10-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .grid-layout-xl-spaceless {
    display: grid !important;
    gap: 0px 0px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-spaceless {
    display: grid;
    gap: 0px 0px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-condensed {
    display: grid !important;
    gap: 5px 5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-condensed {
    display: grid;
    gap: 5px 5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-spaced {
    display: grid !important;
    gap: 10px 10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-spaced {
    display: grid;
    gap: 10px 10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-normal {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-normal {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-semi-wide {
    display: grid !important;
    gap: 20px 20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-semi-wide {
    display: grid;
    gap: 20px 20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-wide {
    display: grid !important;
    gap: 30px 30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-wide {
    display: grid;
    gap: 30px 30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-large {
    display: grid !important;
    gap: 60px 60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-large {
    display: grid;
    gap: 60px 60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-huge {
    display: grid !important;
    gap: 90px 90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-huge {
    display: grid;
    gap: 90px 90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-ncondensed {
    display: grid !important;
    gap: -5px -5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-ncondensed {
    display: grid;
    gap: -5px -5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-nspaced {
    display: grid !important;
    gap: -10px -10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-nspaced {
    display: grid;
    gap: -10px -10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-nnormal {
    display: grid !important;
    gap: -15px -15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-nnormal {
    display: grid;
    gap: -15px -15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-nsemi-wide {
    display: grid !important;
    gap: -20px -20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-nsemi-wide {
    display: grid;
    gap: -20px -20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-nwide {
    display: grid !important;
    gap: -30px -30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-nwide {
    display: grid;
    gap: -30px -30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-nlarge {
    display: grid !important;
    gap: -60px -60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-nlarge {
    display: grid;
    gap: -60px -60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xl-nhuge {
    display: grid !important;
    gap: -90px -90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xl-nhuge {
    display: grid;
    gap: -90px -90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-col-xl-all {
    grid-column: 1/-1;
    min-width: 0;
  }

  .grid-template-columns-xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-template-columns-xl-1-fixed {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-start-xl-1 {
    grid-column-start: 1;
    min-width: 0;
  }

  .grid-col-end-xl-1 {
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-span-xl-1 {
    grid-column: span 1;
    min-width: 0;
  }

  .grid-col-xl-1-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-1-2 {
    grid-column-start: 1;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-1-3 {
    grid-column-start: 1;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-1-4 {
    grid-column-start: 1;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-1-5 {
    grid-column-start: 1;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-1-6 {
    grid-column-start: 1;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-1-7 {
    grid-column-start: 1;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-1-8 {
    grid-column-start: 1;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-1-9 {
    grid-column-start: 1;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-1-10 {
    grid-column-start: 1;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-1-11 {
    grid-column-start: 1;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-1-12 {
    grid-column-start: 1;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-1-13 {
    grid-column-start: 1;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-1-14 {
    grid-column-start: 1;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-1-15 {
    grid-column-start: 1;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-1-16 {
    grid-column-start: 1;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-1-17 {
    grid-column-start: 1;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-1-18 {
    grid-column-start: 1;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-1-19 {
    grid-column-start: 1;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-1-20 {
    grid-column-start: 1;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-1-21 {
    grid-column-start: 1;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-1-22 {
    grid-column-start: 1;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-1-23 {
    grid-column-start: 1;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-1-24 {
    grid-column-start: 1;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-template-columns-xl-2-fixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-start-xl-2 {
    grid-column-start: 2;
    min-width: 0;
  }

  .grid-col-end-xl-2 {
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-span-xl-2 {
    grid-column: span 2;
    min-width: 0;
  }

  .grid-col-xl-2-1 {
    grid-column-start: 2;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-2-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-2-3 {
    grid-column-start: 2;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-2-4 {
    grid-column-start: 2;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-2-5 {
    grid-column-start: 2;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-2-6 {
    grid-column-start: 2;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-2-7 {
    grid-column-start: 2;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-2-8 {
    grid-column-start: 2;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-2-9 {
    grid-column-start: 2;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-2-10 {
    grid-column-start: 2;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-2-11 {
    grid-column-start: 2;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-2-12 {
    grid-column-start: 2;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-2-13 {
    grid-column-start: 2;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-2-14 {
    grid-column-start: 2;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-2-15 {
    grid-column-start: 2;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-2-16 {
    grid-column-start: 2;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-2-17 {
    grid-column-start: 2;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-2-18 {
    grid-column-start: 2;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-2-19 {
    grid-column-start: 2;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-2-20 {
    grid-column-start: 2;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-2-21 {
    grid-column-start: 2;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-2-22 {
    grid-column-start: 2;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-2-23 {
    grid-column-start: 2;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-2-24 {
    grid-column-start: 2;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-template-columns-xl-3-fixed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-start-xl-3 {
    grid-column-start: 3;
    min-width: 0;
  }

  .grid-col-end-xl-3 {
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-span-xl-3 {
    grid-column: span 3;
    min-width: 0;
  }

  .grid-col-xl-3-1 {
    grid-column-start: 3;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-3-2 {
    grid-column-start: 3;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-3-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-3-4 {
    grid-column-start: 3;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-3-5 {
    grid-column-start: 3;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-3-6 {
    grid-column-start: 3;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-3-7 {
    grid-column-start: 3;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-3-8 {
    grid-column-start: 3;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-3-9 {
    grid-column-start: 3;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-3-10 {
    grid-column-start: 3;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-3-11 {
    grid-column-start: 3;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-3-12 {
    grid-column-start: 3;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-3-13 {
    grid-column-start: 3;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-3-14 {
    grid-column-start: 3;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-3-15 {
    grid-column-start: 3;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-3-16 {
    grid-column-start: 3;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-3-17 {
    grid-column-start: 3;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-3-18 {
    grid-column-start: 3;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-3-19 {
    grid-column-start: 3;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-3-20 {
    grid-column-start: 3;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-3-21 {
    grid-column-start: 3;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-3-22 {
    grid-column-start: 3;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-3-23 {
    grid-column-start: 3;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-3-24 {
    grid-column-start: 3;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-template-columns-xl-4-fixed {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-start-xl-4 {
    grid-column-start: 4;
    min-width: 0;
  }

  .grid-col-end-xl-4 {
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-span-xl-4 {
    grid-column: span 4;
    min-width: 0;
  }

  .grid-col-xl-4-1 {
    grid-column-start: 4;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-4-2 {
    grid-column-start: 4;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-4-3 {
    grid-column-start: 4;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-4-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-4-5 {
    grid-column-start: 4;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-4-6 {
    grid-column-start: 4;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-4-7 {
    grid-column-start: 4;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-4-8 {
    grid-column-start: 4;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-4-9 {
    grid-column-start: 4;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-4-10 {
    grid-column-start: 4;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-4-11 {
    grid-column-start: 4;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-4-12 {
    grid-column-start: 4;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-4-13 {
    grid-column-start: 4;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-4-14 {
    grid-column-start: 4;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-4-15 {
    grid-column-start: 4;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-4-16 {
    grid-column-start: 4;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-4-17 {
    grid-column-start: 4;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-4-18 {
    grid-column-start: 4;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-4-19 {
    grid-column-start: 4;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-4-20 {
    grid-column-start: 4;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-4-21 {
    grid-column-start: 4;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-4-22 {
    grid-column-start: 4;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-4-23 {
    grid-column-start: 4;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-4-24 {
    grid-column-start: 4;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-template-columns-xl-5-fixed {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-start-xl-5 {
    grid-column-start: 5;
    min-width: 0;
  }

  .grid-col-end-xl-5 {
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-span-xl-5 {
    grid-column: span 5;
    min-width: 0;
  }

  .grid-col-xl-5-1 {
    grid-column-start: 5;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-5-2 {
    grid-column-start: 5;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-5-3 {
    grid-column-start: 5;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-5-4 {
    grid-column-start: 5;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-5-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-5-6 {
    grid-column-start: 5;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-5-7 {
    grid-column-start: 5;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-5-8 {
    grid-column-start: 5;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-5-9 {
    grid-column-start: 5;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-5-10 {
    grid-column-start: 5;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-5-11 {
    grid-column-start: 5;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-5-12 {
    grid-column-start: 5;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-5-13 {
    grid-column-start: 5;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-5-14 {
    grid-column-start: 5;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-5-15 {
    grid-column-start: 5;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-5-16 {
    grid-column-start: 5;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-5-17 {
    grid-column-start: 5;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-5-18 {
    grid-column-start: 5;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-5-19 {
    grid-column-start: 5;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-5-20 {
    grid-column-start: 5;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-5-21 {
    grid-column-start: 5;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-5-22 {
    grid-column-start: 5;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-5-23 {
    grid-column-start: 5;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-5-24 {
    grid-column-start: 5;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-template-columns-xl-6-fixed {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-start-xl-6 {
    grid-column-start: 6;
    min-width: 0;
  }

  .grid-col-end-xl-6 {
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-span-xl-6 {
    grid-column: span 6;
    min-width: 0;
  }

  .grid-col-xl-6-1 {
    grid-column-start: 6;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-6-2 {
    grid-column-start: 6;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-6-3 {
    grid-column-start: 6;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-6-4 {
    grid-column-start: 6;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-6-5 {
    grid-column-start: 6;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-6-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-6-7 {
    grid-column-start: 6;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-6-8 {
    grid-column-start: 6;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-6-9 {
    grid-column-start: 6;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-6-10 {
    grid-column-start: 6;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-6-11 {
    grid-column-start: 6;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-6-12 {
    grid-column-start: 6;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-6-13 {
    grid-column-start: 6;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-6-14 {
    grid-column-start: 6;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-6-15 {
    grid-column-start: 6;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-6-16 {
    grid-column-start: 6;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-6-17 {
    grid-column-start: 6;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-6-18 {
    grid-column-start: 6;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-6-19 {
    grid-column-start: 6;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-6-20 {
    grid-column-start: 6;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-6-21 {
    grid-column-start: 6;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-6-22 {
    grid-column-start: 6;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-6-23 {
    grid-column-start: 6;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-6-24 {
    grid-column-start: 6;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-template-columns-xl-7-fixed {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-start-xl-7 {
    grid-column-start: 7;
    min-width: 0;
  }

  .grid-col-end-xl-7 {
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-span-xl-7 {
    grid-column: span 7;
    min-width: 0;
  }

  .grid-col-xl-7-1 {
    grid-column-start: 7;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-7-2 {
    grid-column-start: 7;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-7-3 {
    grid-column-start: 7;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-7-4 {
    grid-column-start: 7;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-7-5 {
    grid-column-start: 7;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-7-6 {
    grid-column-start: 7;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-7-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-7-8 {
    grid-column-start: 7;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-7-9 {
    grid-column-start: 7;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-7-10 {
    grid-column-start: 7;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-7-11 {
    grid-column-start: 7;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-7-12 {
    grid-column-start: 7;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-7-13 {
    grid-column-start: 7;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-7-14 {
    grid-column-start: 7;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-7-15 {
    grid-column-start: 7;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-7-16 {
    grid-column-start: 7;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-7-17 {
    grid-column-start: 7;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-7-18 {
    grid-column-start: 7;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-7-19 {
    grid-column-start: 7;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-7-20 {
    grid-column-start: 7;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-7-21 {
    grid-column-start: 7;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-7-22 {
    grid-column-start: 7;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-7-23 {
    grid-column-start: 7;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-7-24 {
    grid-column-start: 7;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-template-columns-xl-8-fixed {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-start-xl-8 {
    grid-column-start: 8;
    min-width: 0;
  }

  .grid-col-end-xl-8 {
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-span-xl-8 {
    grid-column: span 8;
    min-width: 0;
  }

  .grid-col-xl-8-1 {
    grid-column-start: 8;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-8-2 {
    grid-column-start: 8;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-8-3 {
    grid-column-start: 8;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-8-4 {
    grid-column-start: 8;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-8-5 {
    grid-column-start: 8;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-8-6 {
    grid-column-start: 8;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-8-7 {
    grid-column-start: 8;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-8-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-8-9 {
    grid-column-start: 8;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-8-10 {
    grid-column-start: 8;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-8-11 {
    grid-column-start: 8;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-8-12 {
    grid-column-start: 8;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-8-13 {
    grid-column-start: 8;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-8-14 {
    grid-column-start: 8;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-8-15 {
    grid-column-start: 8;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-8-16 {
    grid-column-start: 8;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-8-17 {
    grid-column-start: 8;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-8-18 {
    grid-column-start: 8;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-8-19 {
    grid-column-start: 8;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-8-20 {
    grid-column-start: 8;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-8-21 {
    grid-column-start: 8;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-8-22 {
    grid-column-start: 8;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-8-23 {
    grid-column-start: 8;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-8-24 {
    grid-column-start: 8;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .grid-template-columns-xl-9-fixed {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-start-xl-9 {
    grid-column-start: 9;
    min-width: 0;
  }

  .grid-col-end-xl-9 {
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-span-xl-9 {
    grid-column: span 9;
    min-width: 0;
  }

  .grid-col-xl-9-1 {
    grid-column-start: 9;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-9-2 {
    grid-column-start: 9;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-9-3 {
    grid-column-start: 9;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-9-4 {
    grid-column-start: 9;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-9-5 {
    grid-column-start: 9;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-9-6 {
    grid-column-start: 9;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-9-7 {
    grid-column-start: 9;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-9-8 {
    grid-column-start: 9;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-9-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-9-10 {
    grid-column-start: 9;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-9-11 {
    grid-column-start: 9;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-9-12 {
    grid-column-start: 9;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-9-13 {
    grid-column-start: 9;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-9-14 {
    grid-column-start: 9;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-9-15 {
    grid-column-start: 9;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-9-16 {
    grid-column-start: 9;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-9-17 {
    grid-column-start: 9;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-9-18 {
    grid-column-start: 9;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-9-19 {
    grid-column-start: 9;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-9-20 {
    grid-column-start: 9;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-9-21 {
    grid-column-start: 9;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-9-22 {
    grid-column-start: 9;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-9-23 {
    grid-column-start: 9;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-9-24 {
    grid-column-start: 9;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .grid-template-columns-xl-10-fixed {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-start-xl-10 {
    grid-column-start: 10;
    min-width: 0;
  }

  .grid-col-end-xl-10 {
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-span-xl-10 {
    grid-column: span 10;
    min-width: 0;
  }

  .grid-col-xl-10-1 {
    grid-column-start: 10;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-10-2 {
    grid-column-start: 10;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-10-3 {
    grid-column-start: 10;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-10-4 {
    grid-column-start: 10;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-10-5 {
    grid-column-start: 10;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-10-6 {
    grid-column-start: 10;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-10-7 {
    grid-column-start: 10;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-10-8 {
    grid-column-start: 10;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-10-9 {
    grid-column-start: 10;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-10-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-10-11 {
    grid-column-start: 10;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-10-12 {
    grid-column-start: 10;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-10-13 {
    grid-column-start: 10;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-10-14 {
    grid-column-start: 10;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-10-15 {
    grid-column-start: 10;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-10-16 {
    grid-column-start: 10;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-10-17 {
    grid-column-start: 10;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-10-18 {
    grid-column-start: 10;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-10-19 {
    grid-column-start: 10;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-10-20 {
    grid-column-start: 10;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-10-21 {
    grid-column-start: 10;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-10-22 {
    grid-column-start: 10;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-10-23 {
    grid-column-start: 10;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-10-24 {
    grid-column-start: 10;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-template-columns-xl-11-fixed {
    grid-template-columns: repeat(11, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-start-xl-11 {
    grid-column-start: 11;
    min-width: 0;
  }

  .grid-col-end-xl-11 {
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-span-xl-11 {
    grid-column: span 11;
    min-width: 0;
  }

  .grid-col-xl-11-1 {
    grid-column-start: 11;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-11-2 {
    grid-column-start: 11;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-11-3 {
    grid-column-start: 11;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-11-4 {
    grid-column-start: 11;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-11-5 {
    grid-column-start: 11;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-11-6 {
    grid-column-start: 11;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-11-7 {
    grid-column-start: 11;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-11-8 {
    grid-column-start: 11;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-11-9 {
    grid-column-start: 11;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-11-10 {
    grid-column-start: 11;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-11-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-11-12 {
    grid-column-start: 11;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-11-13 {
    grid-column-start: 11;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-11-14 {
    grid-column-start: 11;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-11-15 {
    grid-column-start: 11;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-11-16 {
    grid-column-start: 11;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-11-17 {
    grid-column-start: 11;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-11-18 {
    grid-column-start: 11;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-11-19 {
    grid-column-start: 11;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-11-20 {
    grid-column-start: 11;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-11-21 {
    grid-column-start: 11;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-11-22 {
    grid-column-start: 11;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-11-23 {
    grid-column-start: 11;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-11-24 {
    grid-column-start: 11;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-template-columns-xl-12-fixed {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-start-xl-12 {
    grid-column-start: 12;
    min-width: 0;
  }

  .grid-col-end-xl-12 {
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-span-xl-12 {
    grid-column: span 12;
    min-width: 0;
  }

  .grid-col-xl-12-1 {
    grid-column-start: 12;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-12-2 {
    grid-column-start: 12;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-12-3 {
    grid-column-start: 12;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-12-4 {
    grid-column-start: 12;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-12-5 {
    grid-column-start: 12;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-12-6 {
    grid-column-start: 12;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-12-7 {
    grid-column-start: 12;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-12-8 {
    grid-column-start: 12;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-12-9 {
    grid-column-start: 12;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-12-10 {
    grid-column-start: 12;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-12-11 {
    grid-column-start: 12;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-12-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-12-13 {
    grid-column-start: 12;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-12-14 {
    grid-column-start: 12;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-12-15 {
    grid-column-start: 12;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-12-16 {
    grid-column-start: 12;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-12-17 {
    grid-column-start: 12;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-12-18 {
    grid-column-start: 12;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-12-19 {
    grid-column-start: 12;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-12-20 {
    grid-column-start: 12;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-12-21 {
    grid-column-start: 12;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-12-22 {
    grid-column-start: 12;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-12-23 {
    grid-column-start: 12;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-12-24 {
    grid-column-start: 12;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }

  .grid-template-columns-xl-13-fixed {
    grid-template-columns: repeat(13, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-start-xl-13 {
    grid-column-start: 13;
    min-width: 0;
  }

  .grid-col-end-xl-13 {
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-span-xl-13 {
    grid-column: span 13;
    min-width: 0;
  }

  .grid-col-xl-13-1 {
    grid-column-start: 13;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-13-2 {
    grid-column-start: 13;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-13-3 {
    grid-column-start: 13;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-13-4 {
    grid-column-start: 13;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-13-5 {
    grid-column-start: 13;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-13-6 {
    grid-column-start: 13;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-13-7 {
    grid-column-start: 13;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-13-8 {
    grid-column-start: 13;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-13-9 {
    grid-column-start: 13;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-13-10 {
    grid-column-start: 13;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-13-11 {
    grid-column-start: 13;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-13-12 {
    grid-column-start: 13;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-13-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-13-14 {
    grid-column-start: 13;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-13-15 {
    grid-column-start: 13;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-13-16 {
    grid-column-start: 13;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-13-17 {
    grid-column-start: 13;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-13-18 {
    grid-column-start: 13;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-13-19 {
    grid-column-start: 13;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-13-20 {
    grid-column-start: 13;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-13-21 {
    grid-column-start: 13;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-13-22 {
    grid-column-start: 13;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-13-23 {
    grid-column-start: 13;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-13-24 {
    grid-column-start: 13;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }

  .grid-template-columns-xl-14-fixed {
    grid-template-columns: repeat(14, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-start-xl-14 {
    grid-column-start: 14;
    min-width: 0;
  }

  .grid-col-end-xl-14 {
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-span-xl-14 {
    grid-column: span 14;
    min-width: 0;
  }

  .grid-col-xl-14-1 {
    grid-column-start: 14;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-14-2 {
    grid-column-start: 14;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-14-3 {
    grid-column-start: 14;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-14-4 {
    grid-column-start: 14;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-14-5 {
    grid-column-start: 14;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-14-6 {
    grid-column-start: 14;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-14-7 {
    grid-column-start: 14;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-14-8 {
    grid-column-start: 14;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-14-9 {
    grid-column-start: 14;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-14-10 {
    grid-column-start: 14;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-14-11 {
    grid-column-start: 14;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-14-12 {
    grid-column-start: 14;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-14-13 {
    grid-column-start: 14;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-14-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-14-15 {
    grid-column-start: 14;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-14-16 {
    grid-column-start: 14;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-14-17 {
    grid-column-start: 14;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-14-18 {
    grid-column-start: 14;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-14-19 {
    grid-column-start: 14;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-14-20 {
    grid-column-start: 14;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-14-21 {
    grid-column-start: 14;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-14-22 {
    grid-column-start: 14;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-14-23 {
    grid-column-start: 14;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-14-24 {
    grid-column-start: 14;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }

  .grid-template-columns-xl-15-fixed {
    grid-template-columns: repeat(15, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-start-xl-15 {
    grid-column-start: 15;
    min-width: 0;
  }

  .grid-col-end-xl-15 {
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-span-xl-15 {
    grid-column: span 15;
    min-width: 0;
  }

  .grid-col-xl-15-1 {
    grid-column-start: 15;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-15-2 {
    grid-column-start: 15;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-15-3 {
    grid-column-start: 15;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-15-4 {
    grid-column-start: 15;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-15-5 {
    grid-column-start: 15;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-15-6 {
    grid-column-start: 15;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-15-7 {
    grid-column-start: 15;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-15-8 {
    grid-column-start: 15;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-15-9 {
    grid-column-start: 15;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-15-10 {
    grid-column-start: 15;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-15-11 {
    grid-column-start: 15;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-15-12 {
    grid-column-start: 15;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-15-13 {
    grid-column-start: 15;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-15-14 {
    grid-column-start: 15;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-15-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-15-16 {
    grid-column-start: 15;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-15-17 {
    grid-column-start: 15;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-15-18 {
    grid-column-start: 15;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-15-19 {
    grid-column-start: 15;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-15-20 {
    grid-column-start: 15;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-15-21 {
    grid-column-start: 15;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-15-22 {
    grid-column-start: 15;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-15-23 {
    grid-column-start: 15;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-15-24 {
    grid-column-start: 15;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }

  .grid-template-columns-xl-16-fixed {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-start-xl-16 {
    grid-column-start: 16;
    min-width: 0;
  }

  .grid-col-end-xl-16 {
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-span-xl-16 {
    grid-column: span 16;
    min-width: 0;
  }

  .grid-col-xl-16-1 {
    grid-column-start: 16;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-16-2 {
    grid-column-start: 16;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-16-3 {
    grid-column-start: 16;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-16-4 {
    grid-column-start: 16;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-16-5 {
    grid-column-start: 16;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-16-6 {
    grid-column-start: 16;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-16-7 {
    grid-column-start: 16;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-16-8 {
    grid-column-start: 16;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-16-9 {
    grid-column-start: 16;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-16-10 {
    grid-column-start: 16;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-16-11 {
    grid-column-start: 16;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-16-12 {
    grid-column-start: 16;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-16-13 {
    grid-column-start: 16;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-16-14 {
    grid-column-start: 16;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-16-15 {
    grid-column-start: 16;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-16-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-16-17 {
    grid-column-start: 16;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-16-18 {
    grid-column-start: 16;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-16-19 {
    grid-column-start: 16;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-16-20 {
    grid-column-start: 16;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-16-21 {
    grid-column-start: 16;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-16-22 {
    grid-column-start: 16;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-16-23 {
    grid-column-start: 16;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-16-24 {
    grid-column-start: 16;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }

  .grid-template-columns-xl-17-fixed {
    grid-template-columns: repeat(17, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-start-xl-17 {
    grid-column-start: 17;
    min-width: 0;
  }

  .grid-col-end-xl-17 {
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-span-xl-17 {
    grid-column: span 17;
    min-width: 0;
  }

  .grid-col-xl-17-1 {
    grid-column-start: 17;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-17-2 {
    grid-column-start: 17;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-17-3 {
    grid-column-start: 17;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-17-4 {
    grid-column-start: 17;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-17-5 {
    grid-column-start: 17;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-17-6 {
    grid-column-start: 17;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-17-7 {
    grid-column-start: 17;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-17-8 {
    grid-column-start: 17;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-17-9 {
    grid-column-start: 17;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-17-10 {
    grid-column-start: 17;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-17-11 {
    grid-column-start: 17;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-17-12 {
    grid-column-start: 17;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-17-13 {
    grid-column-start: 17;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-17-14 {
    grid-column-start: 17;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-17-15 {
    grid-column-start: 17;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-17-16 {
    grid-column-start: 17;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-17-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-17-18 {
    grid-column-start: 17;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-17-19 {
    grid-column-start: 17;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-17-20 {
    grid-column-start: 17;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-17-21 {
    grid-column-start: 17;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-17-22 {
    grid-column-start: 17;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-17-23 {
    grid-column-start: 17;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-17-24 {
    grid-column-start: 17;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }

  .grid-template-columns-xl-18-fixed {
    grid-template-columns: repeat(18, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-start-xl-18 {
    grid-column-start: 18;
    min-width: 0;
  }

  .grid-col-end-xl-18 {
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-span-xl-18 {
    grid-column: span 18;
    min-width: 0;
  }

  .grid-col-xl-18-1 {
    grid-column-start: 18;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-18-2 {
    grid-column-start: 18;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-18-3 {
    grid-column-start: 18;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-18-4 {
    grid-column-start: 18;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-18-5 {
    grid-column-start: 18;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-18-6 {
    grid-column-start: 18;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-18-7 {
    grid-column-start: 18;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-18-8 {
    grid-column-start: 18;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-18-9 {
    grid-column-start: 18;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-18-10 {
    grid-column-start: 18;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-18-11 {
    grid-column-start: 18;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-18-12 {
    grid-column-start: 18;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-18-13 {
    grid-column-start: 18;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-18-14 {
    grid-column-start: 18;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-18-15 {
    grid-column-start: 18;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-18-16 {
    grid-column-start: 18;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-18-17 {
    grid-column-start: 18;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-18-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-18-19 {
    grid-column-start: 18;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-18-20 {
    grid-column-start: 18;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-18-21 {
    grid-column-start: 18;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-18-22 {
    grid-column-start: 18;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-18-23 {
    grid-column-start: 18;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-18-24 {
    grid-column-start: 18;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }

  .grid-template-columns-xl-19-fixed {
    grid-template-columns: repeat(19, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-start-xl-19 {
    grid-column-start: 19;
    min-width: 0;
  }

  .grid-col-end-xl-19 {
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-span-xl-19 {
    grid-column: span 19;
    min-width: 0;
  }

  .grid-col-xl-19-1 {
    grid-column-start: 19;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-19-2 {
    grid-column-start: 19;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-19-3 {
    grid-column-start: 19;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-19-4 {
    grid-column-start: 19;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-19-5 {
    grid-column-start: 19;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-19-6 {
    grid-column-start: 19;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-19-7 {
    grid-column-start: 19;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-19-8 {
    grid-column-start: 19;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-19-9 {
    grid-column-start: 19;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-19-10 {
    grid-column-start: 19;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-19-11 {
    grid-column-start: 19;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-19-12 {
    grid-column-start: 19;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-19-13 {
    grid-column-start: 19;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-19-14 {
    grid-column-start: 19;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-19-15 {
    grid-column-start: 19;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-19-16 {
    grid-column-start: 19;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-19-17 {
    grid-column-start: 19;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-19-18 {
    grid-column-start: 19;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-19-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-19-20 {
    grid-column-start: 19;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-19-21 {
    grid-column-start: 19;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-19-22 {
    grid-column-start: 19;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-19-23 {
    grid-column-start: 19;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-19-24 {
    grid-column-start: 19;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }

  .grid-template-columns-xl-20-fixed {
    grid-template-columns: repeat(20, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-start-xl-20 {
    grid-column-start: 20;
    min-width: 0;
  }

  .grid-col-end-xl-20 {
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-span-xl-20 {
    grid-column: span 20;
    min-width: 0;
  }

  .grid-col-xl-20-1 {
    grid-column-start: 20;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-20-2 {
    grid-column-start: 20;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-20-3 {
    grid-column-start: 20;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-20-4 {
    grid-column-start: 20;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-20-5 {
    grid-column-start: 20;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-20-6 {
    grid-column-start: 20;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-20-7 {
    grid-column-start: 20;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-20-8 {
    grid-column-start: 20;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-20-9 {
    grid-column-start: 20;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-20-10 {
    grid-column-start: 20;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-20-11 {
    grid-column-start: 20;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-20-12 {
    grid-column-start: 20;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-20-13 {
    grid-column-start: 20;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-20-14 {
    grid-column-start: 20;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-20-15 {
    grid-column-start: 20;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-20-16 {
    grid-column-start: 20;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-20-17 {
    grid-column-start: 20;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-20-18 {
    grid-column-start: 20;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-20-19 {
    grid-column-start: 20;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-20-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-20-21 {
    grid-column-start: 20;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-20-22 {
    grid-column-start: 20;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-20-23 {
    grid-column-start: 20;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-20-24 {
    grid-column-start: 20;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }

  .grid-template-columns-xl-21-fixed {
    grid-template-columns: repeat(21, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-start-xl-21 {
    grid-column-start: 21;
    min-width: 0;
  }

  .grid-col-end-xl-21 {
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-span-xl-21 {
    grid-column: span 21;
    min-width: 0;
  }

  .grid-col-xl-21-1 {
    grid-column-start: 21;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-21-2 {
    grid-column-start: 21;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-21-3 {
    grid-column-start: 21;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-21-4 {
    grid-column-start: 21;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-21-5 {
    grid-column-start: 21;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-21-6 {
    grid-column-start: 21;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-21-7 {
    grid-column-start: 21;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-21-8 {
    grid-column-start: 21;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-21-9 {
    grid-column-start: 21;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-21-10 {
    grid-column-start: 21;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-21-11 {
    grid-column-start: 21;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-21-12 {
    grid-column-start: 21;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-21-13 {
    grid-column-start: 21;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-21-14 {
    grid-column-start: 21;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-21-15 {
    grid-column-start: 21;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-21-16 {
    grid-column-start: 21;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-21-17 {
    grid-column-start: 21;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-21-18 {
    grid-column-start: 21;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-21-19 {
    grid-column-start: 21;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-21-20 {
    grid-column-start: 21;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-21-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-21-22 {
    grid-column-start: 21;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-21-23 {
    grid-column-start: 21;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-21-24 {
    grid-column-start: 21;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }

  .grid-template-columns-xl-22-fixed {
    grid-template-columns: repeat(22, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-start-xl-22 {
    grid-column-start: 22;
    min-width: 0;
  }

  .grid-col-end-xl-22 {
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-span-xl-22 {
    grid-column: span 22;
    min-width: 0;
  }

  .grid-col-xl-22-1 {
    grid-column-start: 22;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-22-2 {
    grid-column-start: 22;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-22-3 {
    grid-column-start: 22;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-22-4 {
    grid-column-start: 22;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-22-5 {
    grid-column-start: 22;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-22-6 {
    grid-column-start: 22;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-22-7 {
    grid-column-start: 22;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-22-8 {
    grid-column-start: 22;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-22-9 {
    grid-column-start: 22;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-22-10 {
    grid-column-start: 22;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-22-11 {
    grid-column-start: 22;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-22-12 {
    grid-column-start: 22;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-22-13 {
    grid-column-start: 22;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-22-14 {
    grid-column-start: 22;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-22-15 {
    grid-column-start: 22;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-22-16 {
    grid-column-start: 22;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-22-17 {
    grid-column-start: 22;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-22-18 {
    grid-column-start: 22;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-22-19 {
    grid-column-start: 22;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-22-20 {
    grid-column-start: 22;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-22-21 {
    grid-column-start: 22;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-22-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-22-23 {
    grid-column-start: 22;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-22-24 {
    grid-column-start: 22;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }

  .grid-template-columns-xl-23-fixed {
    grid-template-columns: repeat(23, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-start-xl-23 {
    grid-column-start: 23;
    min-width: 0;
  }

  .grid-col-end-xl-23 {
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-span-xl-23 {
    grid-column: span 23;
    min-width: 0;
  }

  .grid-col-xl-23-1 {
    grid-column-start: 23;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-23-2 {
    grid-column-start: 23;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-23-3 {
    grid-column-start: 23;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-23-4 {
    grid-column-start: 23;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-23-5 {
    grid-column-start: 23;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-23-6 {
    grid-column-start: 23;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-23-7 {
    grid-column-start: 23;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-23-8 {
    grid-column-start: 23;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-23-9 {
    grid-column-start: 23;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-23-10 {
    grid-column-start: 23;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-23-11 {
    grid-column-start: 23;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-23-12 {
    grid-column-start: 23;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-23-13 {
    grid-column-start: 23;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-23-14 {
    grid-column-start: 23;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-23-15 {
    grid-column-start: 23;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-23-16 {
    grid-column-start: 23;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-23-17 {
    grid-column-start: 23;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-23-18 {
    grid-column-start: 23;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-23-19 {
    grid-column-start: 23;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-23-20 {
    grid-column-start: 23;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-23-21 {
    grid-column-start: 23;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-23-22 {
    grid-column-start: 23;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-23-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-23-24 {
    grid-column-start: 23;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xl-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }

  .grid-template-columns-xl-24-fixed {
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xl-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-start-xl-24 {
    grid-column-start: 24;
    min-width: 0;
  }

  .grid-col-end-xl-24 {
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-span-xl-24 {
    grid-column: span 24;
    min-width: 0;
  }

  .grid-col-xl-24-1 {
    grid-column-start: 24;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xl-24-2 {
    grid-column-start: 24;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xl-24-3 {
    grid-column-start: 24;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xl-24-4 {
    grid-column-start: 24;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xl-24-5 {
    grid-column-start: 24;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xl-24-6 {
    grid-column-start: 24;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xl-24-7 {
    grid-column-start: 24;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xl-24-8 {
    grid-column-start: 24;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xl-24-9 {
    grid-column-start: 24;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xl-24-10 {
    grid-column-start: 24;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xl-24-11 {
    grid-column-start: 24;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xl-24-12 {
    grid-column-start: 24;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xl-24-13 {
    grid-column-start: 24;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xl-24-14 {
    grid-column-start: 24;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xl-24-15 {
    grid-column-start: 24;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xl-24-16 {
    grid-column-start: 24;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xl-24-17 {
    grid-column-start: 24;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xl-24-18 {
    grid-column-start: 24;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xl-24-19 {
    grid-column-start: 24;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xl-24-20 {
    grid-column-start: 24;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xl-24-21 {
    grid-column-start: 24;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xl-24-22 {
    grid-column-start: 24;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xl-24-23 {
    grid-column-start: 24;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xl-24-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-rows-xl-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-template-rows-xl-1-fixed {
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-start-xl-1 {
    grid-row-start: 1;
    min-width: 0;
  }

  .grid-row-end-xl-1 {
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-span-xl-1 {
    grid-row: span 1;
    min-width: 0;
  }

  .grid-row-xl-1-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-1-2 {
    grid-row-start: 1;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-1-3 {
    grid-row-start: 1;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-1-4 {
    grid-row-start: 1;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-1-5 {
    grid-row-start: 1;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-1-6 {
    grid-row-start: 1;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-1-7 {
    grid-row-start: 1;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-1-8 {
    grid-row-start: 1;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-1-9 {
    grid-row-start: 1;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-1-10 {
    grid-row-start: 1;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-template-rows-xl-2-fixed {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-start-xl-2 {
    grid-row-start: 2;
    min-width: 0;
  }

  .grid-row-end-xl-2 {
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-span-xl-2 {
    grid-row: span 2;
    min-width: 0;
  }

  .grid-row-xl-2-1 {
    grid-row-start: 2;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-2-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-2-3 {
    grid-row-start: 2;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-2-4 {
    grid-row-start: 2;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-2-5 {
    grid-row-start: 2;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-2-6 {
    grid-row-start: 2;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-2-7 {
    grid-row-start: 2;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-2-8 {
    grid-row-start: 2;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-2-9 {
    grid-row-start: 2;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-2-10 {
    grid-row-start: 2;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-template-rows-xl-3-fixed {
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-start-xl-3 {
    grid-row-start: 3;
    min-width: 0;
  }

  .grid-row-end-xl-3 {
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-span-xl-3 {
    grid-row: span 3;
    min-width: 0;
  }

  .grid-row-xl-3-1 {
    grid-row-start: 3;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-3-2 {
    grid-row-start: 3;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-3-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-3-4 {
    grid-row-start: 3;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-3-5 {
    grid-row-start: 3;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-3-6 {
    grid-row-start: 3;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-3-7 {
    grid-row-start: 3;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-3-8 {
    grid-row-start: 3;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-3-9 {
    grid-row-start: 3;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-3-10 {
    grid-row-start: 3;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .grid-template-rows-xl-4-fixed {
    grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-start-xl-4 {
    grid-row-start: 4;
    min-width: 0;
  }

  .grid-row-end-xl-4 {
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-span-xl-4 {
    grid-row: span 4;
    min-width: 0;
  }

  .grid-row-xl-4-1 {
    grid-row-start: 4;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-4-2 {
    grid-row-start: 4;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-4-3 {
    grid-row-start: 4;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-4-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-4-5 {
    grid-row-start: 4;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-4-6 {
    grid-row-start: 4;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-4-7 {
    grid-row-start: 4;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-4-8 {
    grid-row-start: 4;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-4-9 {
    grid-row-start: 4;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-4-10 {
    grid-row-start: 4;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .grid-template-rows-xl-5-fixed {
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-start-xl-5 {
    grid-row-start: 5;
    min-width: 0;
  }

  .grid-row-end-xl-5 {
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-span-xl-5 {
    grid-row: span 5;
    min-width: 0;
  }

  .grid-row-xl-5-1 {
    grid-row-start: 5;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-5-2 {
    grid-row-start: 5;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-5-3 {
    grid-row-start: 5;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-5-4 {
    grid-row-start: 5;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-5-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-5-6 {
    grid-row-start: 5;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-5-7 {
    grid-row-start: 5;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-5-8 {
    grid-row-start: 5;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-5-9 {
    grid-row-start: 5;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-5-10 {
    grid-row-start: 5;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .grid-template-rows-xl-6-fixed {
    grid-template-rows: repeat(6, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-start-xl-6 {
    grid-row-start: 6;
    min-width: 0;
  }

  .grid-row-end-xl-6 {
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-span-xl-6 {
    grid-row: span 6;
    min-width: 0;
  }

  .grid-row-xl-6-1 {
    grid-row-start: 6;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-6-2 {
    grid-row-start: 6;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-6-3 {
    grid-row-start: 6;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-6-4 {
    grid-row-start: 6;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-6-5 {
    grid-row-start: 6;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-6-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-6-7 {
    grid-row-start: 6;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-6-8 {
    grid-row-start: 6;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-6-9 {
    grid-row-start: 6;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-6-10 {
    grid-row-start: 6;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .grid-template-rows-xl-7-fixed {
    grid-template-rows: repeat(7, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-start-xl-7 {
    grid-row-start: 7;
    min-width: 0;
  }

  .grid-row-end-xl-7 {
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-span-xl-7 {
    grid-row: span 7;
    min-width: 0;
  }

  .grid-row-xl-7-1 {
    grid-row-start: 7;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-7-2 {
    grid-row-start: 7;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-7-3 {
    grid-row-start: 7;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-7-4 {
    grid-row-start: 7;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-7-5 {
    grid-row-start: 7;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-7-6 {
    grid-row-start: 7;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-7-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-7-8 {
    grid-row-start: 7;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-7-9 {
    grid-row-start: 7;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-7-10 {
    grid-row-start: 7;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .grid-template-rows-xl-8-fixed {
    grid-template-rows: repeat(8, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-start-xl-8 {
    grid-row-start: 8;
    min-width: 0;
  }

  .grid-row-end-xl-8 {
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-span-xl-8 {
    grid-row: span 8;
    min-width: 0;
  }

  .grid-row-xl-8-1 {
    grid-row-start: 8;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-8-2 {
    grid-row-start: 8;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-8-3 {
    grid-row-start: 8;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-8-4 {
    grid-row-start: 8;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-8-5 {
    grid-row-start: 8;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-8-6 {
    grid-row-start: 8;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-8-7 {
    grid-row-start: 8;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-8-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-8-9 {
    grid-row-start: 8;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-8-10 {
    grid-row-start: 8;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .grid-template-rows-xl-9-fixed {
    grid-template-rows: repeat(9, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-start-xl-9 {
    grid-row-start: 9;
    min-width: 0;
  }

  .grid-row-end-xl-9 {
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-span-xl-9 {
    grid-row: span 9;
    min-width: 0;
  }

  .grid-row-xl-9-1 {
    grid-row-start: 9;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-9-2 {
    grid-row-start: 9;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-9-3 {
    grid-row-start: 9;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-9-4 {
    grid-row-start: 9;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-9-5 {
    grid-row-start: 9;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-9-6 {
    grid-row-start: 9;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-9-7 {
    grid-row-start: 9;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-9-8 {
    grid-row-start: 9;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-9-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-9-10 {
    grid-row-start: 9;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xl-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .grid-template-rows-xl-10-fixed {
    grid-template-rows: repeat(10, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xl-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-start-xl-10 {
    grid-row-start: 10;
    min-width: 0;
  }

  .grid-row-end-xl-10 {
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-span-xl-10 {
    grid-row: span 10;
    min-width: 0;
  }

  .grid-row-xl-10-1 {
    grid-row-start: 10;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xl-10-2 {
    grid-row-start: 10;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xl-10-3 {
    grid-row-start: 10;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xl-10-4 {
    grid-row-start: 10;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xl-10-5 {
    grid-row-start: 10;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xl-10-6 {
    grid-row-start: 10;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xl-10-7 {
    grid-row-start: 10;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xl-10-8 {
    grid-row-start: 10;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xl-10-9 {
    grid-row-start: 10;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xl-10-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }
}
@media (min-width: 1600px) {
  .grid-layout-xxl-spaceless {
    display: grid !important;
    gap: 0px 0px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-spaceless {
    display: grid;
    gap: 0px 0px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-condensed {
    display: grid !important;
    gap: 5px 5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-condensed {
    display: grid;
    gap: 5px 5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-spaced {
    display: grid !important;
    gap: 10px 10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-spaced {
    display: grid;
    gap: 10px 10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-normal {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-normal {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl {
    display: grid !important;
    gap: 15px 15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl {
    display: grid;
    gap: 15px 15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-semi-wide {
    display: grid !important;
    gap: 20px 20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-semi-wide {
    display: grid;
    gap: 20px 20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-wide {
    display: grid !important;
    gap: 30px 30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-wide {
    display: grid;
    gap: 30px 30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-large {
    display: grid !important;
    gap: 60px 60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-large {
    display: grid;
    gap: 60px 60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-huge {
    display: grid !important;
    gap: 90px 90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-huge {
    display: grid;
    gap: 90px 90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-ncondensed {
    display: grid !important;
    gap: -5px -5px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-ncondensed {
    display: grid;
    gap: -5px -5px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-nspaced {
    display: grid !important;
    gap: -10px -10px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-nspaced {
    display: grid;
    gap: -10px -10px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-nnormal {
    display: grid !important;
    gap: -15px -15px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-nnormal {
    display: grid;
    gap: -15px -15px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-nsemi-wide {
    display: grid !important;
    gap: -20px -20px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-nsemi-wide {
    display: grid;
    gap: -20px -20px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-nwide {
    display: grid !important;
    gap: -30px -30px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-nwide {
    display: grid;
    gap: -30px -30px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-nlarge {
    display: grid !important;
    gap: -60px -60px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-nlarge {
    display: grid;
    gap: -60px -60px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-layout-xxl-nhuge {
    display: grid !important;
    gap: -90px -90px;
    grid-auto-columns: minmax(0, 1fr);
  }

  .subgrid-layout-xxl-nhuge {
    display: grid;
    gap: -90px -90px;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }

  .grid-col-xxl-all {
    grid-column: 1/-1;
    min-width: 0;
  }

  .grid-template-columns-xxl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-1-fixed {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-start-xxl-1 {
    grid-column-start: 1;
    min-width: 0;
  }

  .grid-col-end-xxl-1 {
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-span-xxl-1 {
    grid-column: span 1;
    min-width: 0;
  }

  .grid-col-xxl-1-1 {
    grid-column-start: 1;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-1-2 {
    grid-column-start: 1;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-1-3 {
    grid-column-start: 1;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-1-4 {
    grid-column-start: 1;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-1-5 {
    grid-column-start: 1;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-1-6 {
    grid-column-start: 1;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-1-7 {
    grid-column-start: 1;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-1-8 {
    grid-column-start: 1;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-1-9 {
    grid-column-start: 1;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-1-10 {
    grid-column-start: 1;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-1-11 {
    grid-column-start: 1;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-1-12 {
    grid-column-start: 1;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-1-13 {
    grid-column-start: 1;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-1-14 {
    grid-column-start: 1;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-1-15 {
    grid-column-start: 1;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-1-16 {
    grid-column-start: 1;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-1-17 {
    grid-column-start: 1;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-1-18 {
    grid-column-start: 1;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-1-19 {
    grid-column-start: 1;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-1-20 {
    grid-column-start: 1;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-1-21 {
    grid-column-start: 1;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-1-22 {
    grid-column-start: 1;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-1-23 {
    grid-column-start: 1;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-1-24 {
    grid-column-start: 1;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-2-fixed {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-start-xxl-2 {
    grid-column-start: 2;
    min-width: 0;
  }

  .grid-col-end-xxl-2 {
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-span-xxl-2 {
    grid-column: span 2;
    min-width: 0;
  }

  .grid-col-xxl-2-1 {
    grid-column-start: 2;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-2-2 {
    grid-column-start: 2;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-2-3 {
    grid-column-start: 2;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-2-4 {
    grid-column-start: 2;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-2-5 {
    grid-column-start: 2;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-2-6 {
    grid-column-start: 2;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-2-7 {
    grid-column-start: 2;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-2-8 {
    grid-column-start: 2;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-2-9 {
    grid-column-start: 2;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-2-10 {
    grid-column-start: 2;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-2-11 {
    grid-column-start: 2;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-2-12 {
    grid-column-start: 2;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-2-13 {
    grid-column-start: 2;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-2-14 {
    grid-column-start: 2;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-2-15 {
    grid-column-start: 2;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-2-16 {
    grid-column-start: 2;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-2-17 {
    grid-column-start: 2;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-2-18 {
    grid-column-start: 2;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-2-19 {
    grid-column-start: 2;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-2-20 {
    grid-column-start: 2;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-2-21 {
    grid-column-start: 2;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-2-22 {
    grid-column-start: 2;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-2-23 {
    grid-column-start: 2;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-2-24 {
    grid-column-start: 2;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-3-fixed {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-start-xxl-3 {
    grid-column-start: 3;
    min-width: 0;
  }

  .grid-col-end-xxl-3 {
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-span-xxl-3 {
    grid-column: span 3;
    min-width: 0;
  }

  .grid-col-xxl-3-1 {
    grid-column-start: 3;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-3-2 {
    grid-column-start: 3;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-3-3 {
    grid-column-start: 3;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-3-4 {
    grid-column-start: 3;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-3-5 {
    grid-column-start: 3;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-3-6 {
    grid-column-start: 3;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-3-7 {
    grid-column-start: 3;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-3-8 {
    grid-column-start: 3;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-3-9 {
    grid-column-start: 3;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-3-10 {
    grid-column-start: 3;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-3-11 {
    grid-column-start: 3;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-3-12 {
    grid-column-start: 3;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-3-13 {
    grid-column-start: 3;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-3-14 {
    grid-column-start: 3;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-3-15 {
    grid-column-start: 3;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-3-16 {
    grid-column-start: 3;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-3-17 {
    grid-column-start: 3;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-3-18 {
    grid-column-start: 3;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-3-19 {
    grid-column-start: 3;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-3-20 {
    grid-column-start: 3;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-3-21 {
    grid-column-start: 3;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-3-22 {
    grid-column-start: 3;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-3-23 {
    grid-column-start: 3;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-3-24 {
    grid-column-start: 3;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-4-fixed {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-start-xxl-4 {
    grid-column-start: 4;
    min-width: 0;
  }

  .grid-col-end-xxl-4 {
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-span-xxl-4 {
    grid-column: span 4;
    min-width: 0;
  }

  .grid-col-xxl-4-1 {
    grid-column-start: 4;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-4-2 {
    grid-column-start: 4;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-4-3 {
    grid-column-start: 4;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-4-4 {
    grid-column-start: 4;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-4-5 {
    grid-column-start: 4;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-4-6 {
    grid-column-start: 4;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-4-7 {
    grid-column-start: 4;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-4-8 {
    grid-column-start: 4;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-4-9 {
    grid-column-start: 4;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-4-10 {
    grid-column-start: 4;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-4-11 {
    grid-column-start: 4;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-4-12 {
    grid-column-start: 4;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-4-13 {
    grid-column-start: 4;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-4-14 {
    grid-column-start: 4;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-4-15 {
    grid-column-start: 4;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-4-16 {
    grid-column-start: 4;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-4-17 {
    grid-column-start: 4;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-4-18 {
    grid-column-start: 4;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-4-19 {
    grid-column-start: 4;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-4-20 {
    grid-column-start: 4;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-4-21 {
    grid-column-start: 4;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-4-22 {
    grid-column-start: 4;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-4-23 {
    grid-column-start: 4;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-4-24 {
    grid-column-start: 4;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-5-fixed {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-start-xxl-5 {
    grid-column-start: 5;
    min-width: 0;
  }

  .grid-col-end-xxl-5 {
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-span-xxl-5 {
    grid-column: span 5;
    min-width: 0;
  }

  .grid-col-xxl-5-1 {
    grid-column-start: 5;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-5-2 {
    grid-column-start: 5;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-5-3 {
    grid-column-start: 5;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-5-4 {
    grid-column-start: 5;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-5-5 {
    grid-column-start: 5;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-5-6 {
    grid-column-start: 5;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-5-7 {
    grid-column-start: 5;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-5-8 {
    grid-column-start: 5;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-5-9 {
    grid-column-start: 5;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-5-10 {
    grid-column-start: 5;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-5-11 {
    grid-column-start: 5;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-5-12 {
    grid-column-start: 5;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-5-13 {
    grid-column-start: 5;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-5-14 {
    grid-column-start: 5;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-5-15 {
    grid-column-start: 5;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-5-16 {
    grid-column-start: 5;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-5-17 {
    grid-column-start: 5;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-5-18 {
    grid-column-start: 5;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-5-19 {
    grid-column-start: 5;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-5-20 {
    grid-column-start: 5;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-5-21 {
    grid-column-start: 5;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-5-22 {
    grid-column-start: 5;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-5-23 {
    grid-column-start: 5;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-5-24 {
    grid-column-start: 5;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-6-fixed {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-start-xxl-6 {
    grid-column-start: 6;
    min-width: 0;
  }

  .grid-col-end-xxl-6 {
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-span-xxl-6 {
    grid-column: span 6;
    min-width: 0;
  }

  .grid-col-xxl-6-1 {
    grid-column-start: 6;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-6-2 {
    grid-column-start: 6;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-6-3 {
    grid-column-start: 6;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-6-4 {
    grid-column-start: 6;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-6-5 {
    grid-column-start: 6;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-6-6 {
    grid-column-start: 6;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-6-7 {
    grid-column-start: 6;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-6-8 {
    grid-column-start: 6;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-6-9 {
    grid-column-start: 6;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-6-10 {
    grid-column-start: 6;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-6-11 {
    grid-column-start: 6;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-6-12 {
    grid-column-start: 6;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-6-13 {
    grid-column-start: 6;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-6-14 {
    grid-column-start: 6;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-6-15 {
    grid-column-start: 6;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-6-16 {
    grid-column-start: 6;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-6-17 {
    grid-column-start: 6;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-6-18 {
    grid-column-start: 6;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-6-19 {
    grid-column-start: 6;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-6-20 {
    grid-column-start: 6;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-6-21 {
    grid-column-start: 6;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-6-22 {
    grid-column-start: 6;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-6-23 {
    grid-column-start: 6;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-6-24 {
    grid-column-start: 6;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-7-fixed {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-start-xxl-7 {
    grid-column-start: 7;
    min-width: 0;
  }

  .grid-col-end-xxl-7 {
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-span-xxl-7 {
    grid-column: span 7;
    min-width: 0;
  }

  .grid-col-xxl-7-1 {
    grid-column-start: 7;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-7-2 {
    grid-column-start: 7;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-7-3 {
    grid-column-start: 7;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-7-4 {
    grid-column-start: 7;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-7-5 {
    grid-column-start: 7;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-7-6 {
    grid-column-start: 7;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-7-7 {
    grid-column-start: 7;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-7-8 {
    grid-column-start: 7;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-7-9 {
    grid-column-start: 7;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-7-10 {
    grid-column-start: 7;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-7-11 {
    grid-column-start: 7;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-7-12 {
    grid-column-start: 7;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-7-13 {
    grid-column-start: 7;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-7-14 {
    grid-column-start: 7;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-7-15 {
    grid-column-start: 7;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-7-16 {
    grid-column-start: 7;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-7-17 {
    grid-column-start: 7;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-7-18 {
    grid-column-start: 7;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-7-19 {
    grid-column-start: 7;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-7-20 {
    grid-column-start: 7;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-7-21 {
    grid-column-start: 7;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-7-22 {
    grid-column-start: 7;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-7-23 {
    grid-column-start: 7;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-7-24 {
    grid-column-start: 7;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-8-fixed {
    grid-template-columns: repeat(8, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-start-xxl-8 {
    grid-column-start: 8;
    min-width: 0;
  }

  .grid-col-end-xxl-8 {
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-span-xxl-8 {
    grid-column: span 8;
    min-width: 0;
  }

  .grid-col-xxl-8-1 {
    grid-column-start: 8;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-8-2 {
    grid-column-start: 8;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-8-3 {
    grid-column-start: 8;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-8-4 {
    grid-column-start: 8;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-8-5 {
    grid-column-start: 8;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-8-6 {
    grid-column-start: 8;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-8-7 {
    grid-column-start: 8;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-8-8 {
    grid-column-start: 8;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-8-9 {
    grid-column-start: 8;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-8-10 {
    grid-column-start: 8;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-8-11 {
    grid-column-start: 8;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-8-12 {
    grid-column-start: 8;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-8-13 {
    grid-column-start: 8;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-8-14 {
    grid-column-start: 8;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-8-15 {
    grid-column-start: 8;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-8-16 {
    grid-column-start: 8;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-8-17 {
    grid-column-start: 8;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-8-18 {
    grid-column-start: 8;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-8-19 {
    grid-column-start: 8;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-8-20 {
    grid-column-start: 8;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-8-21 {
    grid-column-start: 8;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-8-22 {
    grid-column-start: 8;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-8-23 {
    grid-column-start: 8;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-8-24 {
    grid-column-start: 8;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-9-fixed {
    grid-template-columns: repeat(9, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-start-xxl-9 {
    grid-column-start: 9;
    min-width: 0;
  }

  .grid-col-end-xxl-9 {
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-span-xxl-9 {
    grid-column: span 9;
    min-width: 0;
  }

  .grid-col-xxl-9-1 {
    grid-column-start: 9;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-9-2 {
    grid-column-start: 9;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-9-3 {
    grid-column-start: 9;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-9-4 {
    grid-column-start: 9;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-9-5 {
    grid-column-start: 9;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-9-6 {
    grid-column-start: 9;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-9-7 {
    grid-column-start: 9;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-9-8 {
    grid-column-start: 9;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-9-9 {
    grid-column-start: 9;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-9-10 {
    grid-column-start: 9;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-9-11 {
    grid-column-start: 9;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-9-12 {
    grid-column-start: 9;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-9-13 {
    grid-column-start: 9;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-9-14 {
    grid-column-start: 9;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-9-15 {
    grid-column-start: 9;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-9-16 {
    grid-column-start: 9;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-9-17 {
    grid-column-start: 9;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-9-18 {
    grid-column-start: 9;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-9-19 {
    grid-column-start: 9;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-9-20 {
    grid-column-start: 9;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-9-21 {
    grid-column-start: 9;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-9-22 {
    grid-column-start: 9;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-9-23 {
    grid-column-start: 9;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-9-24 {
    grid-column-start: 9;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-10-fixed {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-start-xxl-10 {
    grid-column-start: 10;
    min-width: 0;
  }

  .grid-col-end-xxl-10 {
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-span-xxl-10 {
    grid-column: span 10;
    min-width: 0;
  }

  .grid-col-xxl-10-1 {
    grid-column-start: 10;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-10-2 {
    grid-column-start: 10;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-10-3 {
    grid-column-start: 10;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-10-4 {
    grid-column-start: 10;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-10-5 {
    grid-column-start: 10;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-10-6 {
    grid-column-start: 10;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-10-7 {
    grid-column-start: 10;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-10-8 {
    grid-column-start: 10;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-10-9 {
    grid-column-start: 10;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-10-10 {
    grid-column-start: 10;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-10-11 {
    grid-column-start: 10;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-10-12 {
    grid-column-start: 10;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-10-13 {
    grid-column-start: 10;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-10-14 {
    grid-column-start: 10;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-10-15 {
    grid-column-start: 10;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-10-16 {
    grid-column-start: 10;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-10-17 {
    grid-column-start: 10;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-10-18 {
    grid-column-start: 10;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-10-19 {
    grid-column-start: 10;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-10-20 {
    grid-column-start: 10;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-10-21 {
    grid-column-start: 10;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-10-22 {
    grid-column-start: 10;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-10-23 {
    grid-column-start: 10;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-10-24 {
    grid-column-start: 10;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-11-fixed {
    grid-template-columns: repeat(11, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-start-xxl-11 {
    grid-column-start: 11;
    min-width: 0;
  }

  .grid-col-end-xxl-11 {
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-span-xxl-11 {
    grid-column: span 11;
    min-width: 0;
  }

  .grid-col-xxl-11-1 {
    grid-column-start: 11;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-11-2 {
    grid-column-start: 11;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-11-3 {
    grid-column-start: 11;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-11-4 {
    grid-column-start: 11;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-11-5 {
    grid-column-start: 11;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-11-6 {
    grid-column-start: 11;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-11-7 {
    grid-column-start: 11;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-11-8 {
    grid-column-start: 11;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-11-9 {
    grid-column-start: 11;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-11-10 {
    grid-column-start: 11;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-11-11 {
    grid-column-start: 11;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-11-12 {
    grid-column-start: 11;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-11-13 {
    grid-column-start: 11;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-11-14 {
    grid-column-start: 11;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-11-15 {
    grid-column-start: 11;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-11-16 {
    grid-column-start: 11;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-11-17 {
    grid-column-start: 11;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-11-18 {
    grid-column-start: 11;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-11-19 {
    grid-column-start: 11;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-11-20 {
    grid-column-start: 11;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-11-21 {
    grid-column-start: 11;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-11-22 {
    grid-column-start: 11;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-11-23 {
    grid-column-start: 11;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-11-24 {
    grid-column-start: 11;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-12-fixed {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-start-xxl-12 {
    grid-column-start: 12;
    min-width: 0;
  }

  .grid-col-end-xxl-12 {
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-span-xxl-12 {
    grid-column: span 12;
    min-width: 0;
  }

  .grid-col-xxl-12-1 {
    grid-column-start: 12;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-12-2 {
    grid-column-start: 12;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-12-3 {
    grid-column-start: 12;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-12-4 {
    grid-column-start: 12;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-12-5 {
    grid-column-start: 12;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-12-6 {
    grid-column-start: 12;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-12-7 {
    grid-column-start: 12;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-12-8 {
    grid-column-start: 12;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-12-9 {
    grid-column-start: 12;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-12-10 {
    grid-column-start: 12;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-12-11 {
    grid-column-start: 12;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-12-12 {
    grid-column-start: 12;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-12-13 {
    grid-column-start: 12;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-12-14 {
    grid-column-start: 12;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-12-15 {
    grid-column-start: 12;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-12-16 {
    grid-column-start: 12;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-12-17 {
    grid-column-start: 12;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-12-18 {
    grid-column-start: 12;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-12-19 {
    grid-column-start: 12;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-12-20 {
    grid-column-start: 12;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-12-21 {
    grid-column-start: 12;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-12-22 {
    grid-column-start: 12;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-12-23 {
    grid-column-start: 12;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-12-24 {
    grid-column-start: 12;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-13-fixed {
    grid-template-columns: repeat(13, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-start-xxl-13 {
    grid-column-start: 13;
    min-width: 0;
  }

  .grid-col-end-xxl-13 {
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-span-xxl-13 {
    grid-column: span 13;
    min-width: 0;
  }

  .grid-col-xxl-13-1 {
    grid-column-start: 13;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-13-2 {
    grid-column-start: 13;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-13-3 {
    grid-column-start: 13;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-13-4 {
    grid-column-start: 13;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-13-5 {
    grid-column-start: 13;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-13-6 {
    grid-column-start: 13;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-13-7 {
    grid-column-start: 13;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-13-8 {
    grid-column-start: 13;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-13-9 {
    grid-column-start: 13;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-13-10 {
    grid-column-start: 13;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-13-11 {
    grid-column-start: 13;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-13-12 {
    grid-column-start: 13;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-13-13 {
    grid-column-start: 13;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-13-14 {
    grid-column-start: 13;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-13-15 {
    grid-column-start: 13;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-13-16 {
    grid-column-start: 13;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-13-17 {
    grid-column-start: 13;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-13-18 {
    grid-column-start: 13;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-13-19 {
    grid-column-start: 13;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-13-20 {
    grid-column-start: 13;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-13-21 {
    grid-column-start: 13;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-13-22 {
    grid-column-start: 13;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-13-23 {
    grid-column-start: 13;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-13-24 {
    grid-column-start: 13;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-14-fixed {
    grid-template-columns: repeat(14, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-start-xxl-14 {
    grid-column-start: 14;
    min-width: 0;
  }

  .grid-col-end-xxl-14 {
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-span-xxl-14 {
    grid-column: span 14;
    min-width: 0;
  }

  .grid-col-xxl-14-1 {
    grid-column-start: 14;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-14-2 {
    grid-column-start: 14;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-14-3 {
    grid-column-start: 14;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-14-4 {
    grid-column-start: 14;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-14-5 {
    grid-column-start: 14;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-14-6 {
    grid-column-start: 14;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-14-7 {
    grid-column-start: 14;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-14-8 {
    grid-column-start: 14;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-14-9 {
    grid-column-start: 14;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-14-10 {
    grid-column-start: 14;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-14-11 {
    grid-column-start: 14;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-14-12 {
    grid-column-start: 14;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-14-13 {
    grid-column-start: 14;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-14-14 {
    grid-column-start: 14;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-14-15 {
    grid-column-start: 14;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-14-16 {
    grid-column-start: 14;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-14-17 {
    grid-column-start: 14;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-14-18 {
    grid-column-start: 14;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-14-19 {
    grid-column-start: 14;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-14-20 {
    grid-column-start: 14;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-14-21 {
    grid-column-start: 14;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-14-22 {
    grid-column-start: 14;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-14-23 {
    grid-column-start: 14;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-14-24 {
    grid-column-start: 14;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-15-fixed {
    grid-template-columns: repeat(15, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-start-xxl-15 {
    grid-column-start: 15;
    min-width: 0;
  }

  .grid-col-end-xxl-15 {
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-span-xxl-15 {
    grid-column: span 15;
    min-width: 0;
  }

  .grid-col-xxl-15-1 {
    grid-column-start: 15;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-15-2 {
    grid-column-start: 15;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-15-3 {
    grid-column-start: 15;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-15-4 {
    grid-column-start: 15;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-15-5 {
    grid-column-start: 15;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-15-6 {
    grid-column-start: 15;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-15-7 {
    grid-column-start: 15;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-15-8 {
    grid-column-start: 15;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-15-9 {
    grid-column-start: 15;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-15-10 {
    grid-column-start: 15;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-15-11 {
    grid-column-start: 15;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-15-12 {
    grid-column-start: 15;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-15-13 {
    grid-column-start: 15;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-15-14 {
    grid-column-start: 15;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-15-15 {
    grid-column-start: 15;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-15-16 {
    grid-column-start: 15;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-15-17 {
    grid-column-start: 15;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-15-18 {
    grid-column-start: 15;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-15-19 {
    grid-column-start: 15;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-15-20 {
    grid-column-start: 15;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-15-21 {
    grid-column-start: 15;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-15-22 {
    grid-column-start: 15;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-15-23 {
    grid-column-start: 15;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-15-24 {
    grid-column-start: 15;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-16-fixed {
    grid-template-columns: repeat(16, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-start-xxl-16 {
    grid-column-start: 16;
    min-width: 0;
  }

  .grid-col-end-xxl-16 {
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-span-xxl-16 {
    grid-column: span 16;
    min-width: 0;
  }

  .grid-col-xxl-16-1 {
    grid-column-start: 16;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-16-2 {
    grid-column-start: 16;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-16-3 {
    grid-column-start: 16;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-16-4 {
    grid-column-start: 16;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-16-5 {
    grid-column-start: 16;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-16-6 {
    grid-column-start: 16;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-16-7 {
    grid-column-start: 16;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-16-8 {
    grid-column-start: 16;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-16-9 {
    grid-column-start: 16;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-16-10 {
    grid-column-start: 16;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-16-11 {
    grid-column-start: 16;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-16-12 {
    grid-column-start: 16;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-16-13 {
    grid-column-start: 16;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-16-14 {
    grid-column-start: 16;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-16-15 {
    grid-column-start: 16;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-16-16 {
    grid-column-start: 16;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-16-17 {
    grid-column-start: 16;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-16-18 {
    grid-column-start: 16;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-16-19 {
    grid-column-start: 16;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-16-20 {
    grid-column-start: 16;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-16-21 {
    grid-column-start: 16;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-16-22 {
    grid-column-start: 16;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-16-23 {
    grid-column-start: 16;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-16-24 {
    grid-column-start: 16;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-17-fixed {
    grid-template-columns: repeat(17, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-start-xxl-17 {
    grid-column-start: 17;
    min-width: 0;
  }

  .grid-col-end-xxl-17 {
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-span-xxl-17 {
    grid-column: span 17;
    min-width: 0;
  }

  .grid-col-xxl-17-1 {
    grid-column-start: 17;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-17-2 {
    grid-column-start: 17;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-17-3 {
    grid-column-start: 17;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-17-4 {
    grid-column-start: 17;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-17-5 {
    grid-column-start: 17;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-17-6 {
    grid-column-start: 17;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-17-7 {
    grid-column-start: 17;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-17-8 {
    grid-column-start: 17;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-17-9 {
    grid-column-start: 17;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-17-10 {
    grid-column-start: 17;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-17-11 {
    grid-column-start: 17;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-17-12 {
    grid-column-start: 17;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-17-13 {
    grid-column-start: 17;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-17-14 {
    grid-column-start: 17;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-17-15 {
    grid-column-start: 17;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-17-16 {
    grid-column-start: 17;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-17-17 {
    grid-column-start: 17;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-17-18 {
    grid-column-start: 17;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-17-19 {
    grid-column-start: 17;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-17-20 {
    grid-column-start: 17;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-17-21 {
    grid-column-start: 17;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-17-22 {
    grid-column-start: 17;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-17-23 {
    grid-column-start: 17;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-17-24 {
    grid-column-start: 17;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-18-fixed {
    grid-template-columns: repeat(18, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-start-xxl-18 {
    grid-column-start: 18;
    min-width: 0;
  }

  .grid-col-end-xxl-18 {
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-span-xxl-18 {
    grid-column: span 18;
    min-width: 0;
  }

  .grid-col-xxl-18-1 {
    grid-column-start: 18;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-18-2 {
    grid-column-start: 18;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-18-3 {
    grid-column-start: 18;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-18-4 {
    grid-column-start: 18;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-18-5 {
    grid-column-start: 18;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-18-6 {
    grid-column-start: 18;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-18-7 {
    grid-column-start: 18;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-18-8 {
    grid-column-start: 18;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-18-9 {
    grid-column-start: 18;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-18-10 {
    grid-column-start: 18;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-18-11 {
    grid-column-start: 18;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-18-12 {
    grid-column-start: 18;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-18-13 {
    grid-column-start: 18;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-18-14 {
    grid-column-start: 18;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-18-15 {
    grid-column-start: 18;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-18-16 {
    grid-column-start: 18;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-18-17 {
    grid-column-start: 18;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-18-18 {
    grid-column-start: 18;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-18-19 {
    grid-column-start: 18;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-18-20 {
    grid-column-start: 18;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-18-21 {
    grid-column-start: 18;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-18-22 {
    grid-column-start: 18;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-18-23 {
    grid-column-start: 18;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-18-24 {
    grid-column-start: 18;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-19-fixed {
    grid-template-columns: repeat(19, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-start-xxl-19 {
    grid-column-start: 19;
    min-width: 0;
  }

  .grid-col-end-xxl-19 {
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-span-xxl-19 {
    grid-column: span 19;
    min-width: 0;
  }

  .grid-col-xxl-19-1 {
    grid-column-start: 19;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-19-2 {
    grid-column-start: 19;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-19-3 {
    grid-column-start: 19;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-19-4 {
    grid-column-start: 19;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-19-5 {
    grid-column-start: 19;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-19-6 {
    grid-column-start: 19;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-19-7 {
    grid-column-start: 19;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-19-8 {
    grid-column-start: 19;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-19-9 {
    grid-column-start: 19;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-19-10 {
    grid-column-start: 19;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-19-11 {
    grid-column-start: 19;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-19-12 {
    grid-column-start: 19;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-19-13 {
    grid-column-start: 19;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-19-14 {
    grid-column-start: 19;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-19-15 {
    grid-column-start: 19;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-19-16 {
    grid-column-start: 19;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-19-17 {
    grid-column-start: 19;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-19-18 {
    grid-column-start: 19;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-19-19 {
    grid-column-start: 19;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-19-20 {
    grid-column-start: 19;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-19-21 {
    grid-column-start: 19;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-19-22 {
    grid-column-start: 19;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-19-23 {
    grid-column-start: 19;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-19-24 {
    grid-column-start: 19;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-20-fixed {
    grid-template-columns: repeat(20, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-start-xxl-20 {
    grid-column-start: 20;
    min-width: 0;
  }

  .grid-col-end-xxl-20 {
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-span-xxl-20 {
    grid-column: span 20;
    min-width: 0;
  }

  .grid-col-xxl-20-1 {
    grid-column-start: 20;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-20-2 {
    grid-column-start: 20;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-20-3 {
    grid-column-start: 20;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-20-4 {
    grid-column-start: 20;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-20-5 {
    grid-column-start: 20;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-20-6 {
    grid-column-start: 20;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-20-7 {
    grid-column-start: 20;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-20-8 {
    grid-column-start: 20;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-20-9 {
    grid-column-start: 20;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-20-10 {
    grid-column-start: 20;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-20-11 {
    grid-column-start: 20;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-20-12 {
    grid-column-start: 20;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-20-13 {
    grid-column-start: 20;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-20-14 {
    grid-column-start: 20;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-20-15 {
    grid-column-start: 20;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-20-16 {
    grid-column-start: 20;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-20-17 {
    grid-column-start: 20;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-20-18 {
    grid-column-start: 20;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-20-19 {
    grid-column-start: 20;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-20-20 {
    grid-column-start: 20;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-20-21 {
    grid-column-start: 20;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-20-22 {
    grid-column-start: 20;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-20-23 {
    grid-column-start: 20;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-20-24 {
    grid-column-start: 20;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-21 {
    grid-template-columns: repeat(21, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-21-fixed {
    grid-template-columns: repeat(21, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-start-xxl-21 {
    grid-column-start: 21;
    min-width: 0;
  }

  .grid-col-end-xxl-21 {
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-span-xxl-21 {
    grid-column: span 21;
    min-width: 0;
  }

  .grid-col-xxl-21-1 {
    grid-column-start: 21;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-21-2 {
    grid-column-start: 21;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-21-3 {
    grid-column-start: 21;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-21-4 {
    grid-column-start: 21;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-21-5 {
    grid-column-start: 21;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-21-6 {
    grid-column-start: 21;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-21-7 {
    grid-column-start: 21;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-21-8 {
    grid-column-start: 21;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-21-9 {
    grid-column-start: 21;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-21-10 {
    grid-column-start: 21;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-21-11 {
    grid-column-start: 21;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-21-12 {
    grid-column-start: 21;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-21-13 {
    grid-column-start: 21;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-21-14 {
    grid-column-start: 21;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-21-15 {
    grid-column-start: 21;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-21-16 {
    grid-column-start: 21;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-21-17 {
    grid-column-start: 21;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-21-18 {
    grid-column-start: 21;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-21-19 {
    grid-column-start: 21;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-21-20 {
    grid-column-start: 21;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-21-21 {
    grid-column-start: 21;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-21-22 {
    grid-column-start: 21;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-21-23 {
    grid-column-start: 21;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-21-24 {
    grid-column-start: 21;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-22 {
    grid-template-columns: repeat(22, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-22-fixed {
    grid-template-columns: repeat(22, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-start-xxl-22 {
    grid-column-start: 22;
    min-width: 0;
  }

  .grid-col-end-xxl-22 {
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-span-xxl-22 {
    grid-column: span 22;
    min-width: 0;
  }

  .grid-col-xxl-22-1 {
    grid-column-start: 22;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-22-2 {
    grid-column-start: 22;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-22-3 {
    grid-column-start: 22;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-22-4 {
    grid-column-start: 22;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-22-5 {
    grid-column-start: 22;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-22-6 {
    grid-column-start: 22;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-22-7 {
    grid-column-start: 22;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-22-8 {
    grid-column-start: 22;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-22-9 {
    grid-column-start: 22;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-22-10 {
    grid-column-start: 22;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-22-11 {
    grid-column-start: 22;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-22-12 {
    grid-column-start: 22;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-22-13 {
    grid-column-start: 22;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-22-14 {
    grid-column-start: 22;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-22-15 {
    grid-column-start: 22;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-22-16 {
    grid-column-start: 22;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-22-17 {
    grid-column-start: 22;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-22-18 {
    grid-column-start: 22;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-22-19 {
    grid-column-start: 22;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-22-20 {
    grid-column-start: 22;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-22-21 {
    grid-column-start: 22;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-22-22 {
    grid-column-start: 22;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-22-23 {
    grid-column-start: 22;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-22-24 {
    grid-column-start: 22;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-23 {
    grid-template-columns: repeat(23, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-23-fixed {
    grid-template-columns: repeat(23, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-start-xxl-23 {
    grid-column-start: 23;
    min-width: 0;
  }

  .grid-col-end-xxl-23 {
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-span-xxl-23 {
    grid-column: span 23;
    min-width: 0;
  }

  .grid-col-xxl-23-1 {
    grid-column-start: 23;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-23-2 {
    grid-column-start: 23;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-23-3 {
    grid-column-start: 23;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-23-4 {
    grid-column-start: 23;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-23-5 {
    grid-column-start: 23;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-23-6 {
    grid-column-start: 23;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-23-7 {
    grid-column-start: 23;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-23-8 {
    grid-column-start: 23;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-23-9 {
    grid-column-start: 23;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-23-10 {
    grid-column-start: 23;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-23-11 {
    grid-column-start: 23;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-23-12 {
    grid-column-start: 23;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-23-13 {
    grid-column-start: 23;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-23-14 {
    grid-column-start: 23;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-23-15 {
    grid-column-start: 23;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-23-16 {
    grid-column-start: 23;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-23-17 {
    grid-column-start: 23;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-23-18 {
    grid-column-start: 23;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-23-19 {
    grid-column-start: 23;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-23-20 {
    grid-column-start: 23;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-23-21 {
    grid-column-start: 23;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-23-22 {
    grid-column-start: 23;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-23-23 {
    grid-column-start: 23;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-23-24 {
    grid-column-start: 23;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-columns-xxl-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }

  .grid-template-columns-xxl-24-fixed {
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-col-xxl-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-start-xxl-24 {
    grid-column-start: 24;
    min-width: 0;
  }

  .grid-col-end-xxl-24 {
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-col-span-xxl-24 {
    grid-column: span 24;
    min-width: 0;
  }

  .grid-col-xxl-24-1 {
    grid-column-start: 24;
    grid-column-end: 2;
    min-width: 0;
  }

  .grid-col-xxl-24-2 {
    grid-column-start: 24;
    grid-column-end: 3;
    min-width: 0;
  }

  .grid-col-xxl-24-3 {
    grid-column-start: 24;
    grid-column-end: 4;
    min-width: 0;
  }

  .grid-col-xxl-24-4 {
    grid-column-start: 24;
    grid-column-end: 5;
    min-width: 0;
  }

  .grid-col-xxl-24-5 {
    grid-column-start: 24;
    grid-column-end: 6;
    min-width: 0;
  }

  .grid-col-xxl-24-6 {
    grid-column-start: 24;
    grid-column-end: 7;
    min-width: 0;
  }

  .grid-col-xxl-24-7 {
    grid-column-start: 24;
    grid-column-end: 8;
    min-width: 0;
  }

  .grid-col-xxl-24-8 {
    grid-column-start: 24;
    grid-column-end: 9;
    min-width: 0;
  }

  .grid-col-xxl-24-9 {
    grid-column-start: 24;
    grid-column-end: 10;
    min-width: 0;
  }

  .grid-col-xxl-24-10 {
    grid-column-start: 24;
    grid-column-end: 11;
    min-width: 0;
  }

  .grid-col-xxl-24-11 {
    grid-column-start: 24;
    grid-column-end: 12;
    min-width: 0;
  }

  .grid-col-xxl-24-12 {
    grid-column-start: 24;
    grid-column-end: 13;
    min-width: 0;
  }

  .grid-col-xxl-24-13 {
    grid-column-start: 24;
    grid-column-end: 14;
    min-width: 0;
  }

  .grid-col-xxl-24-14 {
    grid-column-start: 24;
    grid-column-end: 15;
    min-width: 0;
  }

  .grid-col-xxl-24-15 {
    grid-column-start: 24;
    grid-column-end: 16;
    min-width: 0;
  }

  .grid-col-xxl-24-16 {
    grid-column-start: 24;
    grid-column-end: 17;
    min-width: 0;
  }

  .grid-col-xxl-24-17 {
    grid-column-start: 24;
    grid-column-end: 18;
    min-width: 0;
  }

  .grid-col-xxl-24-18 {
    grid-column-start: 24;
    grid-column-end: 19;
    min-width: 0;
  }

  .grid-col-xxl-24-19 {
    grid-column-start: 24;
    grid-column-end: 20;
    min-width: 0;
  }

  .grid-col-xxl-24-20 {
    grid-column-start: 24;
    grid-column-end: 21;
    min-width: 0;
  }

  .grid-col-xxl-24-21 {
    grid-column-start: 24;
    grid-column-end: 22;
    min-width: 0;
  }

  .grid-col-xxl-24-22 {
    grid-column-start: 24;
    grid-column-end: 23;
    min-width: 0;
  }

  .grid-col-xxl-24-23 {
    grid-column-start: 24;
    grid-column-end: 24;
    min-width: 0;
  }

  .grid-col-xxl-24-24 {
    grid-column-start: 24;
    grid-column-end: 25;
    min-width: 0;
  }

  .grid-template-rows-xxl-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-1-fixed {
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-start-xxl-1 {
    grid-row-start: 1;
    min-width: 0;
  }

  .grid-row-end-xxl-1 {
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-span-xxl-1 {
    grid-row: span 1;
    min-width: 0;
  }

  .grid-row-xxl-1-1 {
    grid-row-start: 1;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-1-2 {
    grid-row-start: 1;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-1-3 {
    grid-row-start: 1;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-1-4 {
    grid-row-start: 1;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-1-5 {
    grid-row-start: 1;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-1-6 {
    grid-row-start: 1;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-1-7 {
    grid-row-start: 1;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-1-8 {
    grid-row-start: 1;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-1-9 {
    grid-row-start: 1;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-1-10 {
    grid-row-start: 1;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-2-fixed {
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-start-xxl-2 {
    grid-row-start: 2;
    min-width: 0;
  }

  .grid-row-end-xxl-2 {
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-span-xxl-2 {
    grid-row: span 2;
    min-width: 0;
  }

  .grid-row-xxl-2-1 {
    grid-row-start: 2;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-2-2 {
    grid-row-start: 2;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-2-3 {
    grid-row-start: 2;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-2-4 {
    grid-row-start: 2;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-2-5 {
    grid-row-start: 2;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-2-6 {
    grid-row-start: 2;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-2-7 {
    grid-row-start: 2;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-2-8 {
    grid-row-start: 2;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-2-9 {
    grid-row-start: 2;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-2-10 {
    grid-row-start: 2;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-3-fixed {
    grid-template-rows: repeat(3, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-start-xxl-3 {
    grid-row-start: 3;
    min-width: 0;
  }

  .grid-row-end-xxl-3 {
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-span-xxl-3 {
    grid-row: span 3;
    min-width: 0;
  }

  .grid-row-xxl-3-1 {
    grid-row-start: 3;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-3-2 {
    grid-row-start: 3;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-3-3 {
    grid-row-start: 3;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-3-4 {
    grid-row-start: 3;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-3-5 {
    grid-row-start: 3;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-3-6 {
    grid-row-start: 3;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-3-7 {
    grid-row-start: 3;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-3-8 {
    grid-row-start: 3;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-3-9 {
    grid-row-start: 3;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-3-10 {
    grid-row-start: 3;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-4-fixed {
    grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-start-xxl-4 {
    grid-row-start: 4;
    min-width: 0;
  }

  .grid-row-end-xxl-4 {
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-span-xxl-4 {
    grid-row: span 4;
    min-width: 0;
  }

  .grid-row-xxl-4-1 {
    grid-row-start: 4;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-4-2 {
    grid-row-start: 4;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-4-3 {
    grid-row-start: 4;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-4-4 {
    grid-row-start: 4;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-4-5 {
    grid-row-start: 4;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-4-6 {
    grid-row-start: 4;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-4-7 {
    grid-row-start: 4;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-4-8 {
    grid-row-start: 4;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-4-9 {
    grid-row-start: 4;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-4-10 {
    grid-row-start: 4;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-5-fixed {
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-start-xxl-5 {
    grid-row-start: 5;
    min-width: 0;
  }

  .grid-row-end-xxl-5 {
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-span-xxl-5 {
    grid-row: span 5;
    min-width: 0;
  }

  .grid-row-xxl-5-1 {
    grid-row-start: 5;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-5-2 {
    grid-row-start: 5;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-5-3 {
    grid-row-start: 5;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-5-4 {
    grid-row-start: 5;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-5-5 {
    grid-row-start: 5;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-5-6 {
    grid-row-start: 5;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-5-7 {
    grid-row-start: 5;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-5-8 {
    grid-row-start: 5;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-5-9 {
    grid-row-start: 5;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-5-10 {
    grid-row-start: 5;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-6-fixed {
    grid-template-rows: repeat(6, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-start-xxl-6 {
    grid-row-start: 6;
    min-width: 0;
  }

  .grid-row-end-xxl-6 {
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-span-xxl-6 {
    grid-row: span 6;
    min-width: 0;
  }

  .grid-row-xxl-6-1 {
    grid-row-start: 6;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-6-2 {
    grid-row-start: 6;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-6-3 {
    grid-row-start: 6;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-6-4 {
    grid-row-start: 6;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-6-5 {
    grid-row-start: 6;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-6-6 {
    grid-row-start: 6;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-6-7 {
    grid-row-start: 6;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-6-8 {
    grid-row-start: 6;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-6-9 {
    grid-row-start: 6;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-6-10 {
    grid-row-start: 6;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-7-fixed {
    grid-template-rows: repeat(7, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-start-xxl-7 {
    grid-row-start: 7;
    min-width: 0;
  }

  .grid-row-end-xxl-7 {
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-span-xxl-7 {
    grid-row: span 7;
    min-width: 0;
  }

  .grid-row-xxl-7-1 {
    grid-row-start: 7;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-7-2 {
    grid-row-start: 7;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-7-3 {
    grid-row-start: 7;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-7-4 {
    grid-row-start: 7;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-7-5 {
    grid-row-start: 7;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-7-6 {
    grid-row-start: 7;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-7-7 {
    grid-row-start: 7;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-7-8 {
    grid-row-start: 7;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-7-9 {
    grid-row-start: 7;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-7-10 {
    grid-row-start: 7;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-8-fixed {
    grid-template-rows: repeat(8, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-start-xxl-8 {
    grid-row-start: 8;
    min-width: 0;
  }

  .grid-row-end-xxl-8 {
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-span-xxl-8 {
    grid-row: span 8;
    min-width: 0;
  }

  .grid-row-xxl-8-1 {
    grid-row-start: 8;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-8-2 {
    grid-row-start: 8;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-8-3 {
    grid-row-start: 8;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-8-4 {
    grid-row-start: 8;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-8-5 {
    grid-row-start: 8;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-8-6 {
    grid-row-start: 8;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-8-7 {
    grid-row-start: 8;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-8-8 {
    grid-row-start: 8;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-8-9 {
    grid-row-start: 8;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-8-10 {
    grid-row-start: 8;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-9-fixed {
    grid-template-rows: repeat(9, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-start-xxl-9 {
    grid-row-start: 9;
    min-width: 0;
  }

  .grid-row-end-xxl-9 {
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-span-xxl-9 {
    grid-row: span 9;
    min-width: 0;
  }

  .grid-row-xxl-9-1 {
    grid-row-start: 9;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-9-2 {
    grid-row-start: 9;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-9-3 {
    grid-row-start: 9;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-9-4 {
    grid-row-start: 9;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-9-5 {
    grid-row-start: 9;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-9-6 {
    grid-row-start: 9;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-9-7 {
    grid-row-start: 9;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-9-8 {
    grid-row-start: 9;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-9-9 {
    grid-row-start: 9;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-9-10 {
    grid-row-start: 9;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-template-rows-xxl-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }

  .grid-template-rows-xxl-10-fixed {
    grid-template-rows: repeat(10, minmax(0, 1fr));
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-row-xxl-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-start-xxl-10 {
    grid-row-start: 10;
    min-width: 0;
  }

  .grid-row-end-xxl-10 {
    grid-row-end: 11;
    min-width: 0;
  }

  .grid-row-span-xxl-10 {
    grid-row: span 10;
    min-width: 0;
  }

  .grid-row-xxl-10-1 {
    grid-row-start: 10;
    grid-row-end: 2;
    min-width: 0;
  }

  .grid-row-xxl-10-2 {
    grid-row-start: 10;
    grid-row-end: 3;
    min-width: 0;
  }

  .grid-row-xxl-10-3 {
    grid-row-start: 10;
    grid-row-end: 4;
    min-width: 0;
  }

  .grid-row-xxl-10-4 {
    grid-row-start: 10;
    grid-row-end: 5;
    min-width: 0;
  }

  .grid-row-xxl-10-5 {
    grid-row-start: 10;
    grid-row-end: 6;
    min-width: 0;
  }

  .grid-row-xxl-10-6 {
    grid-row-start: 10;
    grid-row-end: 7;
    min-width: 0;
  }

  .grid-row-xxl-10-7 {
    grid-row-start: 10;
    grid-row-end: 8;
    min-width: 0;
  }

  .grid-row-xxl-10-8 {
    grid-row-start: 10;
    grid-row-end: 9;
    min-width: 0;
  }

  .grid-row-xxl-10-9 {
    grid-row-start: 10;
    grid-row-end: 10;
    min-width: 0;
  }

  .grid-row-xxl-10-10 {
    grid-row-start: 10;
    grid-row-end: 11;
    min-width: 0;
  }
}
@media (min-width: 0px) {
  .gap-spaceless {
    gap: 0px 0px;
  }

  .gap-x-spaceless {
    column-gap: 0px;
  }

  .gap-y-spaceless {
    row-gap: 0px;
  }

  .gap-condensed {
    gap: 5px 5px;
  }

  .gap-x-condensed {
    column-gap: 5px;
  }

  .gap-y-condensed {
    row-gap: 5px;
  }

  .gap-spaced {
    gap: 10px 10px;
  }

  .gap-x-spaced {
    column-gap: 10px;
  }

  .gap-y-spaced {
    row-gap: 10px;
  }

  .gap-normal {
    gap: 15px 15px;
  }

  .gap-x-normal {
    column-gap: 15px;
  }

  .gap-y-normal {
    row-gap: 15px;
  }

  .gap {
    gap: 15px 15px;
  }

  .gap-x {
    column-gap: 15px;
  }

  .gap-y {
    row-gap: 15px;
  }

  .gap-semi-wide {
    gap: 20px 20px;
  }

  .gap-x-semi-wide {
    column-gap: 20px;
  }

  .gap-y-semi-wide {
    row-gap: 20px;
  }

  .gap-wide {
    gap: 30px 30px;
  }

  .gap-x-wide {
    column-gap: 30px;
  }

  .gap-y-wide {
    row-gap: 30px;
  }

  .gap-large {
    gap: 60px 60px;
  }

  .gap-x-large {
    column-gap: 60px;
  }

  .gap-y-large {
    row-gap: 60px;
  }

  .gap-huge {
    gap: 90px 90px;
  }

  .gap-x-huge {
    column-gap: 90px;
  }

  .gap-y-huge {
    row-gap: 90px;
  }

  .gap-ncondensed {
    gap: -5px -5px;
  }

  .gap-x-ncondensed {
    column-gap: -5px;
  }

  .gap-y-ncondensed {
    row-gap: -5px;
  }

  .gap-nspaced {
    gap: -10px -10px;
  }

  .gap-x-nspaced {
    column-gap: -10px;
  }

  .gap-y-nspaced {
    row-gap: -10px;
  }

  .gap-nnormal {
    gap: -15px -15px;
  }

  .gap-x-nnormal {
    column-gap: -15px;
  }

  .gap-y-nnormal {
    row-gap: -15px;
  }

  .gap-nsemi-wide {
    gap: -20px -20px;
  }

  .gap-x-nsemi-wide {
    column-gap: -20px;
  }

  .gap-y-nsemi-wide {
    row-gap: -20px;
  }

  .gap-nwide {
    gap: -30px -30px;
  }

  .gap-x-nwide {
    column-gap: -30px;
  }

  .gap-y-nwide {
    row-gap: -30px;
  }

  .gap-nlarge {
    gap: -60px -60px;
  }

  .gap-x-nlarge {
    column-gap: -60px;
  }

  .gap-y-nlarge {
    row-gap: -60px;
  }

  .gap-nhuge {
    gap: -90px -90px;
  }

  .gap-x-nhuge {
    column-gap: -90px;
  }

  .gap-y-nhuge {
    row-gap: -90px;
  }
}
@media (min-width: 576px) {
  .gap-sm-spaceless {
    gap: 0px 0px;
  }

  .gap-x-sm-spaceless {
    column-gap: 0px;
  }

  .gap-y-sm-spaceless {
    row-gap: 0px;
  }

  .gap-sm-condensed {
    gap: 5px 5px;
  }

  .gap-x-sm-condensed {
    column-gap: 5px;
  }

  .gap-y-sm-condensed {
    row-gap: 5px;
  }

  .gap-sm-spaced {
    gap: 10px 10px;
  }

  .gap-x-sm-spaced {
    column-gap: 10px;
  }

  .gap-y-sm-spaced {
    row-gap: 10px;
  }

  .gap-sm-normal {
    gap: 15px 15px;
  }

  .gap-x-sm-normal {
    column-gap: 15px;
  }

  .gap-y-sm-normal {
    row-gap: 15px;
  }

  .gap-sm {
    gap: 15px 15px;
  }

  .gap-x-sm {
    column-gap: 15px;
  }

  .gap-y-sm {
    row-gap: 15px;
  }

  .gap-sm-semi-wide {
    gap: 20px 20px;
  }

  .gap-x-sm-semi-wide {
    column-gap: 20px;
  }

  .gap-y-sm-semi-wide {
    row-gap: 20px;
  }

  .gap-sm-wide {
    gap: 30px 30px;
  }

  .gap-x-sm-wide {
    column-gap: 30px;
  }

  .gap-y-sm-wide {
    row-gap: 30px;
  }

  .gap-sm-large {
    gap: 60px 60px;
  }

  .gap-x-sm-large {
    column-gap: 60px;
  }

  .gap-y-sm-large {
    row-gap: 60px;
  }

  .gap-sm-huge {
    gap: 90px 90px;
  }

  .gap-x-sm-huge {
    column-gap: 90px;
  }

  .gap-y-sm-huge {
    row-gap: 90px;
  }

  .gap-sm-ncondensed {
    gap: -5px -5px;
  }

  .gap-x-sm-ncondensed {
    column-gap: -5px;
  }

  .gap-y-sm-ncondensed {
    row-gap: -5px;
  }

  .gap-sm-nspaced {
    gap: -10px -10px;
  }

  .gap-x-sm-nspaced {
    column-gap: -10px;
  }

  .gap-y-sm-nspaced {
    row-gap: -10px;
  }

  .gap-sm-nnormal {
    gap: -15px -15px;
  }

  .gap-x-sm-nnormal {
    column-gap: -15px;
  }

  .gap-y-sm-nnormal {
    row-gap: -15px;
  }

  .gap-sm-nsemi-wide {
    gap: -20px -20px;
  }

  .gap-x-sm-nsemi-wide {
    column-gap: -20px;
  }

  .gap-y-sm-nsemi-wide {
    row-gap: -20px;
  }

  .gap-sm-nwide {
    gap: -30px -30px;
  }

  .gap-x-sm-nwide {
    column-gap: -30px;
  }

  .gap-y-sm-nwide {
    row-gap: -30px;
  }

  .gap-sm-nlarge {
    gap: -60px -60px;
  }

  .gap-x-sm-nlarge {
    column-gap: -60px;
  }

  .gap-y-sm-nlarge {
    row-gap: -60px;
  }

  .gap-sm-nhuge {
    gap: -90px -90px;
  }

  .gap-x-sm-nhuge {
    column-gap: -90px;
  }

  .gap-y-sm-nhuge {
    row-gap: -90px;
  }
}
@media (min-width: 768px) {
  .gap-md-spaceless {
    gap: 0px 0px;
  }

  .gap-x-md-spaceless {
    column-gap: 0px;
  }

  .gap-y-md-spaceless {
    row-gap: 0px;
  }

  .gap-md-condensed {
    gap: 5px 5px;
  }

  .gap-x-md-condensed {
    column-gap: 5px;
  }

  .gap-y-md-condensed {
    row-gap: 5px;
  }

  .gap-md-spaced {
    gap: 10px 10px;
  }

  .gap-x-md-spaced {
    column-gap: 10px;
  }

  .gap-y-md-spaced {
    row-gap: 10px;
  }

  .gap-md-normal {
    gap: 15px 15px;
  }

  .gap-x-md-normal {
    column-gap: 15px;
  }

  .gap-y-md-normal {
    row-gap: 15px;
  }

  .gap-md {
    gap: 15px 15px;
  }

  .gap-x-md {
    column-gap: 15px;
  }

  .gap-y-md {
    row-gap: 15px;
  }

  .gap-md-semi-wide {
    gap: 20px 20px;
  }

  .gap-x-md-semi-wide {
    column-gap: 20px;
  }

  .gap-y-md-semi-wide {
    row-gap: 20px;
  }

  .gap-md-wide {
    gap: 30px 30px;
  }

  .gap-x-md-wide {
    column-gap: 30px;
  }

  .gap-y-md-wide {
    row-gap: 30px;
  }

  .gap-md-large {
    gap: 60px 60px;
  }

  .gap-x-md-large {
    column-gap: 60px;
  }

  .gap-y-md-large {
    row-gap: 60px;
  }

  .gap-md-huge {
    gap: 90px 90px;
  }

  .gap-x-md-huge {
    column-gap: 90px;
  }

  .gap-y-md-huge {
    row-gap: 90px;
  }

  .gap-md-ncondensed {
    gap: -5px -5px;
  }

  .gap-x-md-ncondensed {
    column-gap: -5px;
  }

  .gap-y-md-ncondensed {
    row-gap: -5px;
  }

  .gap-md-nspaced {
    gap: -10px -10px;
  }

  .gap-x-md-nspaced {
    column-gap: -10px;
  }

  .gap-y-md-nspaced {
    row-gap: -10px;
  }

  .gap-md-nnormal {
    gap: -15px -15px;
  }

  .gap-x-md-nnormal {
    column-gap: -15px;
  }

  .gap-y-md-nnormal {
    row-gap: -15px;
  }

  .gap-md-nsemi-wide {
    gap: -20px -20px;
  }

  .gap-x-md-nsemi-wide {
    column-gap: -20px;
  }

  .gap-y-md-nsemi-wide {
    row-gap: -20px;
  }

  .gap-md-nwide {
    gap: -30px -30px;
  }

  .gap-x-md-nwide {
    column-gap: -30px;
  }

  .gap-y-md-nwide {
    row-gap: -30px;
  }

  .gap-md-nlarge {
    gap: -60px -60px;
  }

  .gap-x-md-nlarge {
    column-gap: -60px;
  }

  .gap-y-md-nlarge {
    row-gap: -60px;
  }

  .gap-md-nhuge {
    gap: -90px -90px;
  }

  .gap-x-md-nhuge {
    column-gap: -90px;
  }

  .gap-y-md-nhuge {
    row-gap: -90px;
  }
}
@media (min-width: 992px) {
  .gap-lg-spaceless {
    gap: 0px 0px;
  }

  .gap-x-lg-spaceless {
    column-gap: 0px;
  }

  .gap-y-lg-spaceless {
    row-gap: 0px;
  }

  .gap-lg-condensed {
    gap: 5px 5px;
  }

  .gap-x-lg-condensed {
    column-gap: 5px;
  }

  .gap-y-lg-condensed {
    row-gap: 5px;
  }

  .gap-lg-spaced {
    gap: 10px 10px;
  }

  .gap-x-lg-spaced {
    column-gap: 10px;
  }

  .gap-y-lg-spaced {
    row-gap: 10px;
  }

  .gap-lg-normal {
    gap: 15px 15px;
  }

  .gap-x-lg-normal {
    column-gap: 15px;
  }

  .gap-y-lg-normal {
    row-gap: 15px;
  }

  .gap-lg {
    gap: 15px 15px;
  }

  .gap-x-lg {
    column-gap: 15px;
  }

  .gap-y-lg {
    row-gap: 15px;
  }

  .gap-lg-semi-wide {
    gap: 20px 20px;
  }

  .gap-x-lg-semi-wide {
    column-gap: 20px;
  }

  .gap-y-lg-semi-wide {
    row-gap: 20px;
  }

  .gap-lg-wide {
    gap: 30px 30px;
  }

  .gap-x-lg-wide {
    column-gap: 30px;
  }

  .gap-y-lg-wide {
    row-gap: 30px;
  }

  .gap-lg-large {
    gap: 60px 60px;
  }

  .gap-x-lg-large {
    column-gap: 60px;
  }

  .gap-y-lg-large {
    row-gap: 60px;
  }

  .gap-lg-huge {
    gap: 90px 90px;
  }

  .gap-x-lg-huge {
    column-gap: 90px;
  }

  .gap-y-lg-huge {
    row-gap: 90px;
  }

  .gap-lg-ncondensed {
    gap: -5px -5px;
  }

  .gap-x-lg-ncondensed {
    column-gap: -5px;
  }

  .gap-y-lg-ncondensed {
    row-gap: -5px;
  }

  .gap-lg-nspaced {
    gap: -10px -10px;
  }

  .gap-x-lg-nspaced {
    column-gap: -10px;
  }

  .gap-y-lg-nspaced {
    row-gap: -10px;
  }

  .gap-lg-nnormal {
    gap: -15px -15px;
  }

  .gap-x-lg-nnormal {
    column-gap: -15px;
  }

  .gap-y-lg-nnormal {
    row-gap: -15px;
  }

  .gap-lg-nsemi-wide {
    gap: -20px -20px;
  }

  .gap-x-lg-nsemi-wide {
    column-gap: -20px;
  }

  .gap-y-lg-nsemi-wide {
    row-gap: -20px;
  }

  .gap-lg-nwide {
    gap: -30px -30px;
  }

  .gap-x-lg-nwide {
    column-gap: -30px;
  }

  .gap-y-lg-nwide {
    row-gap: -30px;
  }

  .gap-lg-nlarge {
    gap: -60px -60px;
  }

  .gap-x-lg-nlarge {
    column-gap: -60px;
  }

  .gap-y-lg-nlarge {
    row-gap: -60px;
  }

  .gap-lg-nhuge {
    gap: -90px -90px;
  }

  .gap-x-lg-nhuge {
    column-gap: -90px;
  }

  .gap-y-lg-nhuge {
    row-gap: -90px;
  }
}
@media (min-width: 1200px) {
  .gap-xl-spaceless {
    gap: 0px 0px;
  }

  .gap-x-xl-spaceless {
    column-gap: 0px;
  }

  .gap-y-xl-spaceless {
    row-gap: 0px;
  }

  .gap-xl-condensed {
    gap: 5px 5px;
  }

  .gap-x-xl-condensed {
    column-gap: 5px;
  }

  .gap-y-xl-condensed {
    row-gap: 5px;
  }

  .gap-xl-spaced {
    gap: 10px 10px;
  }

  .gap-x-xl-spaced {
    column-gap: 10px;
  }

  .gap-y-xl-spaced {
    row-gap: 10px;
  }

  .gap-xl-normal {
    gap: 15px 15px;
  }

  .gap-x-xl-normal {
    column-gap: 15px;
  }

  .gap-y-xl-normal {
    row-gap: 15px;
  }

  .gap-xl {
    gap: 15px 15px;
  }

  .gap-x-xl {
    column-gap: 15px;
  }

  .gap-y-xl {
    row-gap: 15px;
  }

  .gap-xl-semi-wide {
    gap: 20px 20px;
  }

  .gap-x-xl-semi-wide {
    column-gap: 20px;
  }

  .gap-y-xl-semi-wide {
    row-gap: 20px;
  }

  .gap-xl-wide {
    gap: 30px 30px;
  }

  .gap-x-xl-wide {
    column-gap: 30px;
  }

  .gap-y-xl-wide {
    row-gap: 30px;
  }

  .gap-xl-large {
    gap: 60px 60px;
  }

  .gap-x-xl-large {
    column-gap: 60px;
  }

  .gap-y-xl-large {
    row-gap: 60px;
  }

  .gap-xl-huge {
    gap: 90px 90px;
  }

  .gap-x-xl-huge {
    column-gap: 90px;
  }

  .gap-y-xl-huge {
    row-gap: 90px;
  }

  .gap-xl-ncondensed {
    gap: -5px -5px;
  }

  .gap-x-xl-ncondensed {
    column-gap: -5px;
  }

  .gap-y-xl-ncondensed {
    row-gap: -5px;
  }

  .gap-xl-nspaced {
    gap: -10px -10px;
  }

  .gap-x-xl-nspaced {
    column-gap: -10px;
  }

  .gap-y-xl-nspaced {
    row-gap: -10px;
  }

  .gap-xl-nnormal {
    gap: -15px -15px;
  }

  .gap-x-xl-nnormal {
    column-gap: -15px;
  }

  .gap-y-xl-nnormal {
    row-gap: -15px;
  }

  .gap-xl-nsemi-wide {
    gap: -20px -20px;
  }

  .gap-x-xl-nsemi-wide {
    column-gap: -20px;
  }

  .gap-y-xl-nsemi-wide {
    row-gap: -20px;
  }

  .gap-xl-nwide {
    gap: -30px -30px;
  }

  .gap-x-xl-nwide {
    column-gap: -30px;
  }

  .gap-y-xl-nwide {
    row-gap: -30px;
  }

  .gap-xl-nlarge {
    gap: -60px -60px;
  }

  .gap-x-xl-nlarge {
    column-gap: -60px;
  }

  .gap-y-xl-nlarge {
    row-gap: -60px;
  }

  .gap-xl-nhuge {
    gap: -90px -90px;
  }

  .gap-x-xl-nhuge {
    column-gap: -90px;
  }

  .gap-y-xl-nhuge {
    row-gap: -90px;
  }
}
@media (min-width: 1600px) {
  .gap-xxl-spaceless {
    gap: 0px 0px;
  }

  .gap-x-xxl-spaceless {
    column-gap: 0px;
  }

  .gap-y-xxl-spaceless {
    row-gap: 0px;
  }

  .gap-xxl-condensed {
    gap: 5px 5px;
  }

  .gap-x-xxl-condensed {
    column-gap: 5px;
  }

  .gap-y-xxl-condensed {
    row-gap: 5px;
  }

  .gap-xxl-spaced {
    gap: 10px 10px;
  }

  .gap-x-xxl-spaced {
    column-gap: 10px;
  }

  .gap-y-xxl-spaced {
    row-gap: 10px;
  }

  .gap-xxl-normal {
    gap: 15px 15px;
  }

  .gap-x-xxl-normal {
    column-gap: 15px;
  }

  .gap-y-xxl-normal {
    row-gap: 15px;
  }

  .gap-xxl {
    gap: 15px 15px;
  }

  .gap-x-xxl {
    column-gap: 15px;
  }

  .gap-y-xxl {
    row-gap: 15px;
  }

  .gap-xxl-semi-wide {
    gap: 20px 20px;
  }

  .gap-x-xxl-semi-wide {
    column-gap: 20px;
  }

  .gap-y-xxl-semi-wide {
    row-gap: 20px;
  }

  .gap-xxl-wide {
    gap: 30px 30px;
  }

  .gap-x-xxl-wide {
    column-gap: 30px;
  }

  .gap-y-xxl-wide {
    row-gap: 30px;
  }

  .gap-xxl-large {
    gap: 60px 60px;
  }

  .gap-x-xxl-large {
    column-gap: 60px;
  }

  .gap-y-xxl-large {
    row-gap: 60px;
  }

  .gap-xxl-huge {
    gap: 90px 90px;
  }

  .gap-x-xxl-huge {
    column-gap: 90px;
  }

  .gap-y-xxl-huge {
    row-gap: 90px;
  }

  .gap-xxl-ncondensed {
    gap: -5px -5px;
  }

  .gap-x-xxl-ncondensed {
    column-gap: -5px;
  }

  .gap-y-xxl-ncondensed {
    row-gap: -5px;
  }

  .gap-xxl-nspaced {
    gap: -10px -10px;
  }

  .gap-x-xxl-nspaced {
    column-gap: -10px;
  }

  .gap-y-xxl-nspaced {
    row-gap: -10px;
  }

  .gap-xxl-nnormal {
    gap: -15px -15px;
  }

  .gap-x-xxl-nnormal {
    column-gap: -15px;
  }

  .gap-y-xxl-nnormal {
    row-gap: -15px;
  }

  .gap-xxl-nsemi-wide {
    gap: -20px -20px;
  }

  .gap-x-xxl-nsemi-wide {
    column-gap: -20px;
  }

  .gap-y-xxl-nsemi-wide {
    row-gap: -20px;
  }

  .gap-xxl-nwide {
    gap: -30px -30px;
  }

  .gap-x-xxl-nwide {
    column-gap: -30px;
  }

  .gap-y-xxl-nwide {
    row-gap: -30px;
  }

  .gap-xxl-nlarge {
    gap: -60px -60px;
  }

  .gap-x-xxl-nlarge {
    column-gap: -60px;
  }

  .gap-y-xxl-nlarge {
    row-gap: -60px;
  }

  .gap-xxl-nhuge {
    gap: -90px -90px;
  }

  .gap-x-xxl-nhuge {
    column-gap: -90px;
  }

  .gap-y-xxl-nhuge {
    row-gap: -90px;
  }
}
.z-global-info {
  z-index: 10000 !important;
}

.z-contextmenu {
  z-index: 1100 !important;
}

.z-fullscreen-overlay {
  z-index: 1080 !important;
}

.z-z-boost {
  z-index: 1075 !important;
}

.z-messages {
  z-index: 1060 !important;
}

.z-dialog {
  z-index: 1050 !important;
}

.z-dropdown {
  z-index: 1000 !important;
}

.z-navbar {
  z-index: 940 !important;
}

.z-sidebar {
  z-index: 930 !important;
}

.z-secondary-navbar {
  z-index: 925 !important;
}

.z-overlay {
  z-index: 920 !important;
}

.z-submenu {
  z-index: 915 !important;
}

.z-fixed-page {
  z-index: 910 !important;
}

.z-footer {
  z-index: 905 !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.dropzone {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 100000;
  height: 50%;
}
.dropzone.before {
  top: -1.5px;
}
.dropzone.before.droptarget_valid {
  border-top: 3px solid var(--essential-mid);
}
.dropzone.after {
  bottom: -1.5px;
}
.dropzone.after.droptarget_valid {
  border-bottom: 3px solid var(--essential-mid);
}

.flip-list-leave-active {
  position: absolute;
}

.flip-list-move {
  transition: transform var(--default-transition-duration);
}

.vuefadeout-enter-active, .vuefadeout-leave-active {
  transition: opacity 0.5s;
}

.vuefadeout, .vuefadeout-leave-to {
  opacity: 0;
}

.vuefade-enter-active, .vuefade-leave-active {
  transition: opacity 1.5s;
}

.vuefade, .vuefade-leave-to, .vuefade-enter {
  opacity: 0;
}

.fade_fast-enter-active, .fade_fast-leave-active {
  transition: opacity 0.25s;
}

.fade_fast-leave-to, .fade_fast-enter {
  opacity: 0;
}

.bounce-enter-active {
  animation: bounceIn;
}

.bounce-leave-active {
  animation: bounceOut;
}

.bounce-enter-active, .bounce-leave-active {
  animation-duration: var(--default-very-long-transition-duration);
  animation-fill-mode: both;
  backface-visibility: hidden;
}

.bounce-y-center-enter-active {
  animation: bounceInYCenter;
}

.bounce-y-center-leave-active {
  animation: bounceOutYCenter;
}

.bounce-y-center-enter-active, .bounce-y-center-leave-active {
  animation-duration: var(--default-very-long-transition-duration);
  animation-fill-mode: both;
  backface-visibility: hidden;
}

@keyframes bounceInYCenter {
  0%, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translateY(calc(-50% + 1px)) scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: translateY(calc(-50% + 1px)) scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: translateY(calc(-50% + 1px)) scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: translateY(calc(-50% + 1px)) scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: translateY(calc(-50% + 1px)) scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: translateY(calc(-50% + 1px)) scale3d(1, 1, 1);
  }
}
@keyframes bounceOutYCenter {
  0% {
    transform: translateY(calc(-50% + 1px)) scale3d(1, 1, 1);
  }
  20% {
    transform: translateY(calc(-50% + 1px)) scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: translateY(calc(-50% + 1px)) scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: translateY(calc(-50% + 1px)) scale3d(0.3, 0.3, 0.3);
  }
}
.bounce-bottom-enter-active {
  animation: bounceBottomIn;
}

.bounce-bottom-leave-active {
  animation: bounceBottomOut;
}

.bounce-bottom-enter-active, .bounce-bottom-leave-active {
  animation-duration: var(--default-long-transition-duration);
  animation-fill-mode: both;
  backface-visibility: hidden;
}

@keyframes bounceBottomIn {
  0% {
    transform: translateY(-50%) scaleY(0);
    opacity: 0;
  }
  80% {
    transform: translateY(5%) scaleY(1.1);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
  }
}
@keyframes bounceBottomOut {
  0% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
  }
  20% {
    transform: translateY(5%) scaleY(1.1);
    opacity: 1;
  }
  100% {
    transform: translateY(-50%) scaleY(0);
    opacity: 0;
  }
}
.bounce-top-enter-active {
  animation: bounceTopIn;
}

.bounce-top-leave-active {
  animation: bounceTopOut;
}

.bounce-top-enter-active, .bounce-top-leave-active {
  animation-duration: var(--default-long-transition-duration);
  animation-fill-mode: both;
  backface-visibility: hidden;
}

@keyframes bounceTopIn {
  0% {
    transform: translateY(50%) scaleY(0);
    opacity: 0;
  }
  80% {
    transform: translateY(-5%) scaleY(1.1);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
  }
}
@keyframes bounceTopOut {
  0% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
  }
  20% {
    transform: translateY(-5%) scaleY(1.1);
    opacity: 1;
  }
  100% {
    transform: translateY(50%) scaleY(0);
    opacity: 0;
  }
}
.vuedefer-enter-active {
  transition: opacity 1s;
}

.vuedefer, .vuedefer-enter {
  opacity: 0;
}

.vuedeferfast-enter-active {
  transition: opacity 0.25s;
}

.vuedeferfast, .vuedeferfast-enter {
  opacity: 0;
}

.vuefadeonlyout-leave-active {
  transition: opacity 1s;
}

.vuefadeonlyout, .vuefadeonlyout-leave-to {
  opacity: 0;
}

.vue_fade_only_out-leave-active {
  transition: opacity 1s;
}

.vue_fade_only_out, .vue_fade_only_out-leave-to {
  opacity: 0;
}

.vue_fade_only_in-leave-active, .vue_fade_only_in_fast-leave-active {
  display: none;
}

.vue_fade_only_in, .vue_fade_only_in-enter, .vue_fade_only_in_fast, .vue_fade_only_in_fast-enter {
  opacity: 0;
}

.vue_fade_only_in-enter-active {
  transition: opacity 1s;
}

.vue_fade_only_in_fast-enter-active {
  transition: opacity 0.25s;
}

/*! ========================================================================
 * Loading spinner - logo lines
 * ======================================================================== */
.px-spinner-wrapper.condensed .px-spinner {
  margin: 0 auto;
  width: 20px;
  height: 20px;
}
.px-spinner-wrapper.condensed .px-spinner .px-line {
  top: 13px;
  right: 2px;
  left: -2px;
}
.px-spinner-wrapper.icon {
  display: inline-block;
}
.px-spinner-wrapper.icon .px-spinner {
  margin: 0;
  width: 1em;
  height: 1em;
}
.px-spinner-wrapper.icon .px-spinner .px-line {
  top: 9px;
  right: 2px;
  left: -2px;
}
.px-spinner-wrapper.no-margins .px-spinner {
  margin: 0 auto;
}
.px-spinner-wrapper.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.px-spinner-wrapper.overlay.background {
  background: color-mix(in srgb, var(--white) 65%, transparent);
}
.px-spinner-wrapper.overlay .px-spinner {
  margin: 0;
}
.px-spinner-wrapper .px-spinner {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 100px auto;
}
.px-spinner-wrapper .px-spinner .px-line {
  position: absolute;
  top: 26px;
  right: 4px;
  left: -4px;
  height: 1px;
  background-color: var(--text-color, var(--primary-dim));
}
@supports (-moz-appearance: none) {
  .px-spinner-wrapper .px-spinner .px-line {
    outline: 1px solid transparent;
  }
}
.px-spinner-wrapper .px-spinner .px-line.px-line-1 {
  animation: px-line-movement-1 2.5s infinite ease-in-out;
}
.px-spinner-wrapper .px-spinner .px-line.px-line-2 {
  animation: px-line-movement-2 2.5s infinite ease-in-out;
}

@keyframes px-line-movement-1 {
  0% {
    opacity: 1;
    transform: rotate(-50deg) translate(-75%, -2px) scale3d(31.5, 1, 1) scale3d(0.0317, 1, 1);
  }
  20% {
    opacity: 1;
  }
  30% {
    transform: rotate(-50deg) translate(30%, -2px) scale3d(31.5, 1, 1) scale3d(0.0317, 1, 1);
  }
  70% {
    transform: rotate(-50deg) translate(30%, -2px) scale3d(31.5, 1, 1) scale3d(0.0317, 1, 1);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(-50deg) translate(75%, -2px) scale3d(31.5, 1, 1) scale3d(0.0317, 1, 1);
  }
}
@keyframes px-line-movement-2 {
  0% {
    opacity: 0;
    transform: rotate(43deg) translate(-75%, 0) scale3d(26.5, 1, 1) scale3d(0.0317, 1, 1);
  }
  10% {
    opacity: 0;
    transform: rotate(43deg) translate(-75%, 0) scale3d(26.5, 1, 1) scale3d(0.0317, 1, 1);
  }
  30% {
    opacity: 1;
  }
  40% {
    transform: rotate(43deg) translate(0, 0) scale3d(26.5, 1, 1) scale3d(0.0317, 1, 1);
  }
  70% {
    opacity: 1;
    transform: rotate(43deg) translate(0, 0) scale3d(26.5, 1, 1) scale3d(0.0317, 1, 1);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(43deg) translate(75%, 0) scale3d(26.5, 1, 1) scale3d(0.0317, 1, 1);
  }
}
.loading-dots::after, .loading-dots .dot::after, .loading-dots .dot::before {
  content: ".";
  animation: loading-dots-1 1.5s linear infinite;
}
.loading-dots .dot::before {
  animation-name: loading-dots-1;
}
.loading-dots .dot::after {
  animation-name: loading-dots-2;
}
.loading-dots::after {
  animation-name: loading-dots-3;
}

@keyframes loading-dots-1 {
  0%, 24% {
    opacity: 0;
  }
  25%, 100% {
    opacity: 1;
  }
}
@keyframes loading-dots-2 {
  0%, 49% {
    opacity: 0;
  }
  50%, 100% {
    opacity: 1;
  }
}
@keyframes loading-dots-3 {
  0%, 74% {
    opacity: 0;
  }
  75%, 100% {
    opacity: 1;
  }
}
.shiny {
  position: relative;
  overflow: hidden;
}
.shiny::after {
  animation: shine 6s ease-in-out infinite;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0.5;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, rgb(255, 255, 255) 95%, rgba(255, 255, 255, 0) 100%);
}

@keyframes shine {
  80% {
    transform: translateX(0%) rotate(30deg);
  }
  100% {
    transform: translateX(100%) rotate(30deg);
  }
}
.sparkles {
  position: relative;
}
.sparkles .sparkle {
  position: absolute;
  pointer-events: none;
  animation: sparkle 3s linear;
  animation-fill-mode: both;
  font-size: 20px;
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sparkles .sparkle::after {
  position: relative;
  top: -0.01em;
  left: -0.08em;
  font-family: "Font Awesome 6 Pro";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-weight: 900;
  width: 1em;
  height: 1em;
  content: "\f005";
  color: white;
  text-shadow: 0 0 8px rgb(255, 255, 255);
}

@keyframes sparkle {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0);
  }
  50% {
    opacity: 1;
    transform: rotate(360deg) scale(1);
  }
  100% {
    opacity: 0;
    transform: rotate(720deg) scale(0);
  }
}
/**
  Fix bad rendering leading to nearly unseeable icons of px icons on retina
 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .px-icon {
    -webkit-font-smoothing: none;
  }
}
.rounded-none {
  border-radius: 0 !important;
}

.rounded {
  border-radius: var(--default-border-radius) !important;
}

.rounded-small {
  border-radius: var(--default-small-border-radius) !important;
}

.rounded-large {
  border-radius: var(--default-large-border-radius) !important;
}

.rounded-full {
  border-radius: 10000px !important;
}

.rounded-left {
  border-top-left-radius: var(--default-border-radius) !important;
  border-bottom-left-radius: var(--default-border-radius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-right {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--default-border-radius) !important;
  border-bottom-right-radius: var(--default-border-radius) !important;
}

.rounded-top-right {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--default-border-radius) !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-bottom-right {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: var(--default-border-radius) !important;
}

.rounded-top-none {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.breadcrumb {
  border-radius: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}

.breadcrumbs {
  color: var(--primary-dim) !important;
  border-radius: 0;
  cursor: default;
}
.breadcrumbs .breadcrumb-divider {
  display: inline-block;
  font-size: 0.85em;
  color: var(--essential-dim) !important;
}
.breadcrumbs.nodecoration .breadcrumb:last-of-type {
  font-weight: normal;
}
.breadcrumbs.wide .breadcrumb {
  padding: 10px 15px;
}
.breadcrumbs.wide .breadcrumb-divider {
  font-size: 1.5em;
}
.breadcrumbs .breadcrumb {
  display: inline-block;
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  color: var(--primary-dim) !important;
}
.breadcrumbs .breadcrumb.droptarget {
  text-decoration: underline;
}
.breadcrumbs .breadcrumb:first-child {
  margin-left: 0;
}
.breadcrumbs .breadcrumb:not(:last-of-type) {
  font-weight: bold;
}
.breadcrumbs .breadcrumb:last-of-type {
  cursor: default;
}

.tooltip.show {
  opacity: 1;
}
.tooltip .tooltip-inner {
  border-radius: 1px;
  background-color: var(--tooltip-background);
}
.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: var(--tooltip-background);
}
.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: var(--tooltip-background);
}
.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: var(--tooltip-background);
}
.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: var(--tooltip-background);
}

.embed-responsive.embed-responsive-946by480::before {
  padding-top: 50.7399577167%;
}

.carousel.condensed .carousel-inner .carousel-item {
  padding: 0;
}
.carousel.condensed.controls-internal .carousel-control-prev, .carousel.condensed.controls-internal .carousel-control-next {
  width: 20px;
}
.carousel.condensed.controls-internal .carousel-control-prev .btn-prev, .carousel.condensed.controls-internal .carousel-control-prev .btn-next, .carousel.condensed.controls-internal .carousel-control-next .btn-prev, .carousel.condensed.controls-internal .carousel-control-next .btn-next {
  width: 20px;
  height: 20px;
  font-size: 20px;
  margin-top: -10px;
}
.carousel.condensed.controls-internal .carousel-control-prev .btn-prev, .carousel.condensed.controls-internal .carousel-control-next .btn-prev {
  margin-left: -10px;
}
.carousel.condensed.controls-internal .carousel-control-prev .btn-next, .carousel.condensed.controls-internal .carousel-control-next .btn-next {
  margin-right: -10px;
}
.carousel.condensed.controls-internal .carousel-control-prev {
  left: -20px;
}
.carousel.condensed.controls-internal .carousel-control-next {
  right: -20px;
}
.carousel .carousel-inner .carousel-item {
  padding: 94px 128px;
}
@media (max-width: 575px) {
  .carousel .carousel-inner .carousel-item {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.carousel .carousel-inner .carousel-item .carousel-image {
  text-align: center;
}
.carousel .carousel-inner .carousel-item .carousel-image img {
  display: inline-block;
  max-height: 254px;
}
.carousel .carousel-inner .carousel-item .carousel-text h2 {
  margin-top: 1.2em;
  margin-bottom: 0.3em;
  padding: 0;
}
.carousel .carousel-inner .carousel-item .carousel-text p {
  color: var(--greyscale-mid) !important;
  font-size: 1.3em;
  font-weight: 300;
}
.carousel .carousel-inner .carousel-item .carousel-text a:not(.btn) {
  font-weight: 400;
}
.carousel .carousel-indicators {
  bottom: 20px;
}
.carousel .carousel-indicators li {
  width: 10px;
  height: 10px;
  margin: 0 1px 0 2px;
  border: none;
  background-color: var(--greyscale-bright);
  border-radius: 10px;
}
.carousel .carousel-indicators li:last-child {
  margin-right: 1px;
}
.carousel .carousel-indicators .active {
  border: none;
  background-color: var(--primary-dim);
}
.carousel .carousel-control-external {
  font-size: 1.5em;
  color: var(--essential-dim) !important;
}
.carousel .carousel-control-external .current_location {
  margin-left: 3em;
  margin-right: 3em;
}
.carousel .carousel-control-prev, .carousel .carousel-control-next {
  width: 10.5%;
  background: none;
  color: var(--greyscale-dim);
  text-shadow: none;
}
.carousel .carousel-control-prev .btn-prev, .carousel .carousel-control-prev .btn-next, .carousel .carousel-control-next .btn-prev, .carousel .carousel-control-next .btn-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 30px;
  height: 30px;
  font-size: 30px;
  margin-top: -15px;
}
@media (min-width: 768px) {
  .carousel .carousel-control-prev .btn-prev, .carousel .carousel-control-prev .btn-next, .carousel .carousel-control-next .btn-prev, .carousel .carousel-control-next .btn-next {
    width: 40px;
    height: 40px;
    font-size: 40px;
    margin-top: -25px;
  }
}
.carousel .carousel-control-prev .btn-prev, .carousel .carousel-control-next .btn-prev {
  left: 50%;
  margin-left: -20px;
}
.carousel .carousel-control-prev .btn-next, .carousel .carousel-control-next .btn-next {
  right: 50%;
  margin-right: -20px;
}

.form-inline label {
  margin-right: 5px;
}

.form-actions {
  margin-top: 20px;
}

.table.table-bordered th, .table.table-bordered td {
  border-color: var(--border-color, var(--greyscale-bright));
}
.table > tbody + tbody {
  border: none;
}

.progress {
  height: 20px;
  border-radius: 0;
}
.progress .progress-bar {
  min-width: 30px;
  background-color: var(--primary-dim);
}

.px-progress-bar {
  position: relative;
  height: 5px;
  padding: 2px;
}
.px-progress-bar.inverse > .bar {
  background: var(--white);
}
.px-progress-bar > .bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  min-width: 5px;
  border-radius: 3px;
  transition: width 0.2s ease-in;
  background: var(--primary-dim);
}
.px-progress-bar > .track {
  height: 100%;
  background: var(--greyscale-bright);
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

.font-weight-semi-bold {
  font-weight: 600 !important;
}

@media (min-width: 0px) {
  .m-0 {
    margin: 0px !important;
  }

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

  .p-0 {
    padding: 0px !important;
  }

  .m-1 {
    margin: 5px !important;
  }

  .m-n1 {
    margin: -5px !important;
  }

  .p-1 {
    padding: 5px !important;
  }

  .m-2 {
    margin: 10px !important;
  }

  .m-n2 {
    margin: -10px !important;
  }

  .p-2 {
    padding: 10px !important;
  }

  .m-3 {
    margin: 15px !important;
  }

  .m-n3 {
    margin: -15px !important;
  }

  .p-3 {
    padding: 15px !important;
  }

  .m-4 {
    margin: 20px !important;
  }

  .m-n4 {
    margin: -20px !important;
  }

  .p-4 {
    padding: 20px !important;
  }

  .m-5 {
    margin: 25px !important;
  }

  .m-n5 {
    margin: -25px !important;
  }

  .p-5 {
    padding: 25px !important;
  }

  .m-6 {
    margin: 30px !important;
  }

  .m-n6 {
    margin: -30px !important;
  }

  .p-6 {
    padding: 30px !important;
  }

  .m-7 {
    margin: 35px !important;
  }

  .m-n7 {
    margin: -35px !important;
  }

  .p-7 {
    padding: 35px !important;
  }

  .m-8 {
    margin: 40px !important;
  }

  .m-n8 {
    margin: -40px !important;
  }

  .p-8 {
    padding: 40px !important;
  }

  .m-9 {
    margin: 45px !important;
  }

  .m-n9 {
    margin: -45px !important;
  }

  .p-9 {
    padding: 45px !important;
  }

  .m-10 {
    margin: 50px !important;
  }

  .m-n10 {
    margin: -50px !important;
  }

  .p-10 {
    padding: 50px !important;
  }

  .m-11 {
    margin: 55px !important;
  }

  .m-n11 {
    margin: -55px !important;
  }

  .p-11 {
    padding: 55px !important;
  }

  .m-12 {
    margin: 60px !important;
  }

  .m-n12 {
    margin: -60px !important;
  }

  .p-12 {
    padding: 60px !important;
  }

  .m-13 {
    margin: 65px !important;
  }

  .m-n13 {
    margin: -65px !important;
  }

  .p-13 {
    padding: 65px !important;
  }

  .m-14 {
    margin: 70px !important;
  }

  .m-n14 {
    margin: -70px !important;
  }

  .p-14 {
    padding: 70px !important;
  }

  .m-15 {
    margin: 75px !important;
  }

  .m-n15 {
    margin: -75px !important;
  }

  .p-15 {
    padding: 75px !important;
  }

  .m-16 {
    margin: 80px !important;
  }

  .m-n16 {
    margin: -80px !important;
  }

  .p-16 {
    padding: 80px !important;
  }

  .m-17 {
    margin: 85px !important;
  }

  .m-n17 {
    margin: -85px !important;
  }

  .p-17 {
    padding: 85px !important;
  }

  .m-18 {
    margin: 90px !important;
  }

  .m-n18 {
    margin: -90px !important;
  }

  .p-18 {
    padding: 90px !important;
  }

  .m-19 {
    margin: 95px !important;
  }

  .m-n19 {
    margin: -95px !important;
  }

  .p-19 {
    padding: 95px !important;
  }

  .m-20 {
    margin: 100px !important;
  }

  .m-n20 {
    margin: -100px !important;
  }

  .p-20 {
    padding: 100px !important;
  }

  .m-21 {
    margin: 105px !important;
  }

  .m-n21 {
    margin: -105px !important;
  }

  .p-21 {
    padding: 105px !important;
  }

  .m-22 {
    margin: 110px !important;
  }

  .m-n22 {
    margin: -110px !important;
  }

  .p-22 {
    padding: 110px !important;
  }

  .m-23 {
    margin: 115px !important;
  }

  .m-n23 {
    margin: -115px !important;
  }

  .p-23 {
    padding: 115px !important;
  }

  .m-24 {
    margin: 120px !important;
  }

  .m-n24 {
    margin: -120px !important;
  }

  .p-24 {
    padding: 120px !important;
  }

  .m-25 {
    margin: 125px !important;
  }

  .m-n25 {
    margin: -125px !important;
  }

  .p-25 {
    padding: 125px !important;
  }

  .m-26 {
    margin: 130px !important;
  }

  .m-n26 {
    margin: -130px !important;
  }

  .p-26 {
    padding: 130px !important;
  }

  .m-27 {
    margin: 135px !important;
  }

  .m-n27 {
    margin: -135px !important;
  }

  .p-27 {
    padding: 135px !important;
  }

  .m-28 {
    margin: 140px !important;
  }

  .m-n28 {
    margin: -140px !important;
  }

  .p-28 {
    padding: 140px !important;
  }

  .m-29 {
    margin: 145px !important;
  }

  .m-n29 {
    margin: -145px !important;
  }

  .p-29 {
    padding: 145px !important;
  }

  .m-30 {
    margin: 150px !important;
  }

  .m-n30 {
    margin: -150px !important;
  }

  .p-30 {
    padding: 150px !important;
  }

  .m-31 {
    margin: 155px !important;
  }

  .m-n31 {
    margin: -155px !important;
  }

  .p-31 {
    padding: 155px !important;
  }

  .m-32 {
    margin: 160px !important;
  }

  .m-n32 {
    margin: -160px !important;
  }

  .p-32 {
    padding: 160px !important;
  }

  .m-33 {
    margin: 165px !important;
  }

  .m-n33 {
    margin: -165px !important;
  }

  .p-33 {
    padding: 165px !important;
  }

  .m-34 {
    margin: 170px !important;
  }

  .m-n34 {
    margin: -170px !important;
  }

  .p-34 {
    padding: 170px !important;
  }

  .m-35 {
    margin: 175px !important;
  }

  .m-n35 {
    margin: -175px !important;
  }

  .p-35 {
    padding: 175px !important;
  }

  .m-36 {
    margin: 180px !important;
  }

  .m-n36 {
    margin: -180px !important;
  }

  .p-36 {
    padding: 180px !important;
  }

  .m-37 {
    margin: 185px !important;
  }

  .m-n37 {
    margin: -185px !important;
  }

  .p-37 {
    padding: 185px !important;
  }

  .m-38 {
    margin: 190px !important;
  }

  .m-n38 {
    margin: -190px !important;
  }

  .p-38 {
    padding: 190px !important;
  }

  .m-39 {
    margin: 195px !important;
  }

  .m-n39 {
    margin: -195px !important;
  }

  .p-39 {
    padding: 195px !important;
  }

  .m-40 {
    margin: 200px !important;
  }

  .m-n40 {
    margin: -200px !important;
  }

  .p-40 {
    padding: 200px !important;
  }

  .m-41 {
    margin: 205px !important;
  }

  .m-n41 {
    margin: -205px !important;
  }

  .p-41 {
    padding: 205px !important;
  }

  .m-42 {
    margin: 210px !important;
  }

  .m-n42 {
    margin: -210px !important;
  }

  .p-42 {
    padding: 210px !important;
  }

  .m-43 {
    margin: 215px !important;
  }

  .m-n43 {
    margin: -215px !important;
  }

  .p-43 {
    padding: 215px !important;
  }

  .m-44 {
    margin: 220px !important;
  }

  .m-n44 {
    margin: -220px !important;
  }

  .p-44 {
    padding: 220px !important;
  }

  .m-45 {
    margin: 225px !important;
  }

  .m-n45 {
    margin: -225px !important;
  }

  .p-45 {
    padding: 225px !important;
  }

  .m-46 {
    margin: 230px !important;
  }

  .m-n46 {
    margin: -230px !important;
  }

  .p-46 {
    padding: 230px !important;
  }

  .m-47 {
    margin: 235px !important;
  }

  .m-n47 {
    margin: -235px !important;
  }

  .p-47 {
    padding: 235px !important;
  }

  .m-48 {
    margin: 240px !important;
  }

  .m-n48 {
    margin: -240px !important;
  }

  .p-48 {
    padding: 240px !important;
  }

  .m-49 {
    margin: 245px !important;
  }

  .m-n49 {
    margin: -245px !important;
  }

  .p-49 {
    padding: 245px !important;
  }

  .m-50 {
    margin: 250px !important;
  }

  .m-n50 {
    margin: -250px !important;
  }

  .p-50 {
    padding: 250px !important;
  }

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

  .m-n-spaceless {
    margin: 0px !important;
  }

  .p-spaceless {
    padding: 0px !important;
  }

  .m-condensed {
    margin: 5px !important;
  }

  .m-n-condensed {
    margin: -5px !important;
  }

  .p-condensed {
    padding: 5px !important;
  }

  .m-spaced {
    margin: 10px !important;
  }

  .m-n-spaced {
    margin: -10px !important;
  }

  .p-spaced {
    padding: 10px !important;
  }

  .m-normal {
    margin: 15px !important;
  }

  .m-n-normal {
    margin: -15px !important;
  }

  .p-normal {
    padding: 15px !important;
  }

  .m {
    margin: 15px !important;
  }

  .m-n {
    margin: -15px !important;
  }

  .p {
    padding: 15px !important;
  }

  .m-semi-wide {
    margin: 20px !important;
  }

  .m-n-semi-wide {
    margin: -20px !important;
  }

  .p-semi-wide {
    padding: 20px !important;
  }

  .m-wide {
    margin: 30px !important;
  }

  .m-n-wide {
    margin: -30px !important;
  }

  .p-wide {
    padding: 30px !important;
  }

  .m-large {
    margin: 60px !important;
  }

  .m-n-large {
    margin: -60px !important;
  }

  .p-large {
    padding: 60px !important;
  }

  .m-huge {
    margin: 90px !important;
  }

  .m-n-huge {
    margin: -90px !important;
  }

  .p-huge {
    padding: 90px !important;
  }

  .m-ncondensed {
    margin: -5px !important;
  }

  .m-n-ncondensed {
    margin: --5px !important;
  }

  .p-ncondensed {
    padding: -5px !important;
  }

  .m-nspaced {
    margin: -10px !important;
  }

  .m-n-nspaced {
    margin: --10px !important;
  }

  .p-nspaced {
    padding: -10px !important;
  }

  .m-nnormal {
    margin: -15px !important;
  }

  .m-n-nnormal {
    margin: --15px !important;
  }

  .p-nnormal {
    padding: -15px !important;
  }

  .m-nsemi-wide {
    margin: -20px !important;
  }

  .m-n-nsemi-wide {
    margin: --20px !important;
  }

  .p-nsemi-wide {
    padding: -20px !important;
  }

  .m-nwide {
    margin: -30px !important;
  }

  .m-n-nwide {
    margin: --30px !important;
  }

  .p-nwide {
    padding: -30px !important;
  }

  .m-nlarge {
    margin: -60px !important;
  }

  .m-n-nlarge {
    margin: --60px !important;
  }

  .p-nlarge {
    padding: -60px !important;
  }

  .m-nhuge {
    margin: -90px !important;
  }

  .m-n-nhuge {
    margin: --90px !important;
  }

  .p-nhuge {
    padding: -90px !important;
  }
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0px !important;
  }

  .m-sm-n0 {
    margin: 0px !important;
  }

  .p-sm-0 {
    padding: 0px !important;
  }

  .m-sm-1 {
    margin: 5px !important;
  }

  .m-sm-n1 {
    margin: -5px !important;
  }

  .p-sm-1 {
    padding: 5px !important;
  }

  .m-sm-2 {
    margin: 10px !important;
  }

  .m-sm-n2 {
    margin: -10px !important;
  }

  .p-sm-2 {
    padding: 10px !important;
  }

  .m-sm-3 {
    margin: 15px !important;
  }

  .m-sm-n3 {
    margin: -15px !important;
  }

  .p-sm-3 {
    padding: 15px !important;
  }

  .m-sm-4 {
    margin: 20px !important;
  }

  .m-sm-n4 {
    margin: -20px !important;
  }

  .p-sm-4 {
    padding: 20px !important;
  }

  .m-sm-5 {
    margin: 25px !important;
  }

  .m-sm-n5 {
    margin: -25px !important;
  }

  .p-sm-5 {
    padding: 25px !important;
  }

  .m-sm-6 {
    margin: 30px !important;
  }

  .m-sm-n6 {
    margin: -30px !important;
  }

  .p-sm-6 {
    padding: 30px !important;
  }

  .m-sm-7 {
    margin: 35px !important;
  }

  .m-sm-n7 {
    margin: -35px !important;
  }

  .p-sm-7 {
    padding: 35px !important;
  }

  .m-sm-8 {
    margin: 40px !important;
  }

  .m-sm-n8 {
    margin: -40px !important;
  }

  .p-sm-8 {
    padding: 40px !important;
  }

  .m-sm-9 {
    margin: 45px !important;
  }

  .m-sm-n9 {
    margin: -45px !important;
  }

  .p-sm-9 {
    padding: 45px !important;
  }

  .m-sm-10 {
    margin: 50px !important;
  }

  .m-sm-n10 {
    margin: -50px !important;
  }

  .p-sm-10 {
    padding: 50px !important;
  }

  .m-sm-11 {
    margin: 55px !important;
  }

  .m-sm-n11 {
    margin: -55px !important;
  }

  .p-sm-11 {
    padding: 55px !important;
  }

  .m-sm-12 {
    margin: 60px !important;
  }

  .m-sm-n12 {
    margin: -60px !important;
  }

  .p-sm-12 {
    padding: 60px !important;
  }

  .m-sm-13 {
    margin: 65px !important;
  }

  .m-sm-n13 {
    margin: -65px !important;
  }

  .p-sm-13 {
    padding: 65px !important;
  }

  .m-sm-14 {
    margin: 70px !important;
  }

  .m-sm-n14 {
    margin: -70px !important;
  }

  .p-sm-14 {
    padding: 70px !important;
  }

  .m-sm-15 {
    margin: 75px !important;
  }

  .m-sm-n15 {
    margin: -75px !important;
  }

  .p-sm-15 {
    padding: 75px !important;
  }

  .m-sm-16 {
    margin: 80px !important;
  }

  .m-sm-n16 {
    margin: -80px !important;
  }

  .p-sm-16 {
    padding: 80px !important;
  }

  .m-sm-17 {
    margin: 85px !important;
  }

  .m-sm-n17 {
    margin: -85px !important;
  }

  .p-sm-17 {
    padding: 85px !important;
  }

  .m-sm-18 {
    margin: 90px !important;
  }

  .m-sm-n18 {
    margin: -90px !important;
  }

  .p-sm-18 {
    padding: 90px !important;
  }

  .m-sm-19 {
    margin: 95px !important;
  }

  .m-sm-n19 {
    margin: -95px !important;
  }

  .p-sm-19 {
    padding: 95px !important;
  }

  .m-sm-20 {
    margin: 100px !important;
  }

  .m-sm-n20 {
    margin: -100px !important;
  }

  .p-sm-20 {
    padding: 100px !important;
  }

  .m-sm-21 {
    margin: 105px !important;
  }

  .m-sm-n21 {
    margin: -105px !important;
  }

  .p-sm-21 {
    padding: 105px !important;
  }

  .m-sm-22 {
    margin: 110px !important;
  }

  .m-sm-n22 {
    margin: -110px !important;
  }

  .p-sm-22 {
    padding: 110px !important;
  }

  .m-sm-23 {
    margin: 115px !important;
  }

  .m-sm-n23 {
    margin: -115px !important;
  }

  .p-sm-23 {
    padding: 115px !important;
  }

  .m-sm-24 {
    margin: 120px !important;
  }

  .m-sm-n24 {
    margin: -120px !important;
  }

  .p-sm-24 {
    padding: 120px !important;
  }

  .m-sm-25 {
    margin: 125px !important;
  }

  .m-sm-n25 {
    margin: -125px !important;
  }

  .p-sm-25 {
    padding: 125px !important;
  }

  .m-sm-26 {
    margin: 130px !important;
  }

  .m-sm-n26 {
    margin: -130px !important;
  }

  .p-sm-26 {
    padding: 130px !important;
  }

  .m-sm-27 {
    margin: 135px !important;
  }

  .m-sm-n27 {
    margin: -135px !important;
  }

  .p-sm-27 {
    padding: 135px !important;
  }

  .m-sm-28 {
    margin: 140px !important;
  }

  .m-sm-n28 {
    margin: -140px !important;
  }

  .p-sm-28 {
    padding: 140px !important;
  }

  .m-sm-29 {
    margin: 145px !important;
  }

  .m-sm-n29 {
    margin: -145px !important;
  }

  .p-sm-29 {
    padding: 145px !important;
  }

  .m-sm-30 {
    margin: 150px !important;
  }

  .m-sm-n30 {
    margin: -150px !important;
  }

  .p-sm-30 {
    padding: 150px !important;
  }

  .m-sm-31 {
    margin: 155px !important;
  }

  .m-sm-n31 {
    margin: -155px !important;
  }

  .p-sm-31 {
    padding: 155px !important;
  }

  .m-sm-32 {
    margin: 160px !important;
  }

  .m-sm-n32 {
    margin: -160px !important;
  }

  .p-sm-32 {
    padding: 160px !important;
  }

  .m-sm-33 {
    margin: 165px !important;
  }

  .m-sm-n33 {
    margin: -165px !important;
  }

  .p-sm-33 {
    padding: 165px !important;
  }

  .m-sm-34 {
    margin: 170px !important;
  }

  .m-sm-n34 {
    margin: -170px !important;
  }

  .p-sm-34 {
    padding: 170px !important;
  }

  .m-sm-35 {
    margin: 175px !important;
  }

  .m-sm-n35 {
    margin: -175px !important;
  }

  .p-sm-35 {
    padding: 175px !important;
  }

  .m-sm-36 {
    margin: 180px !important;
  }

  .m-sm-n36 {
    margin: -180px !important;
  }

  .p-sm-36 {
    padding: 180px !important;
  }

  .m-sm-37 {
    margin: 185px !important;
  }

  .m-sm-n37 {
    margin: -185px !important;
  }

  .p-sm-37 {
    padding: 185px !important;
  }

  .m-sm-38 {
    margin: 190px !important;
  }

  .m-sm-n38 {
    margin: -190px !important;
  }

  .p-sm-38 {
    padding: 190px !important;
  }

  .m-sm-39 {
    margin: 195px !important;
  }

  .m-sm-n39 {
    margin: -195px !important;
  }

  .p-sm-39 {
    padding: 195px !important;
  }

  .m-sm-40 {
    margin: 200px !important;
  }

  .m-sm-n40 {
    margin: -200px !important;
  }

  .p-sm-40 {
    padding: 200px !important;
  }

  .m-sm-41 {
    margin: 205px !important;
  }

  .m-sm-n41 {
    margin: -205px !important;
  }

  .p-sm-41 {
    padding: 205px !important;
  }

  .m-sm-42 {
    margin: 210px !important;
  }

  .m-sm-n42 {
    margin: -210px !important;
  }

  .p-sm-42 {
    padding: 210px !important;
  }

  .m-sm-43 {
    margin: 215px !important;
  }

  .m-sm-n43 {
    margin: -215px !important;
  }

  .p-sm-43 {
    padding: 215px !important;
  }

  .m-sm-44 {
    margin: 220px !important;
  }

  .m-sm-n44 {
    margin: -220px !important;
  }

  .p-sm-44 {
    padding: 220px !important;
  }

  .m-sm-45 {
    margin: 225px !important;
  }

  .m-sm-n45 {
    margin: -225px !important;
  }

  .p-sm-45 {
    padding: 225px !important;
  }

  .m-sm-46 {
    margin: 230px !important;
  }

  .m-sm-n46 {
    margin: -230px !important;
  }

  .p-sm-46 {
    padding: 230px !important;
  }

  .m-sm-47 {
    margin: 235px !important;
  }

  .m-sm-n47 {
    margin: -235px !important;
  }

  .p-sm-47 {
    padding: 235px !important;
  }

  .m-sm-48 {
    margin: 240px !important;
  }

  .m-sm-n48 {
    margin: -240px !important;
  }

  .p-sm-48 {
    padding: 240px !important;
  }

  .m-sm-49 {
    margin: 245px !important;
  }

  .m-sm-n49 {
    margin: -245px !important;
  }

  .p-sm-49 {
    padding: 245px !important;
  }

  .m-sm-50 {
    margin: 250px !important;
  }

  .m-sm-n50 {
    margin: -250px !important;
  }

  .p-sm-50 {
    padding: 250px !important;
  }

  .m-sm-spaceless {
    margin: 0px !important;
  }

  .m-sm-n-spaceless {
    margin: 0px !important;
  }

  .p-sm-spaceless {
    padding: 0px !important;
  }

  .m-sm-condensed {
    margin: 5px !important;
  }

  .m-sm-n-condensed {
    margin: -5px !important;
  }

  .p-sm-condensed {
    padding: 5px !important;
  }

  .m-sm-spaced {
    margin: 10px !important;
  }

  .m-sm-n-spaced {
    margin: -10px !important;
  }

  .p-sm-spaced {
    padding: 10px !important;
  }

  .m-sm-normal {
    margin: 15px !important;
  }

  .m-sm-n-normal {
    margin: -15px !important;
  }

  .p-sm-normal {
    padding: 15px !important;
  }

  .m-sm {
    margin: 15px !important;
  }

  .m-sm-n {
    margin: -15px !important;
  }

  .p-sm {
    padding: 15px !important;
  }

  .m-sm-semi-wide {
    margin: 20px !important;
  }

  .m-sm-n-semi-wide {
    margin: -20px !important;
  }

  .p-sm-semi-wide {
    padding: 20px !important;
  }

  .m-sm-wide {
    margin: 30px !important;
  }

  .m-sm-n-wide {
    margin: -30px !important;
  }

  .p-sm-wide {
    padding: 30px !important;
  }

  .m-sm-large {
    margin: 60px !important;
  }

  .m-sm-n-large {
    margin: -60px !important;
  }

  .p-sm-large {
    padding: 60px !important;
  }

  .m-sm-huge {
    margin: 90px !important;
  }

  .m-sm-n-huge {
    margin: -90px !important;
  }

  .p-sm-huge {
    padding: 90px !important;
  }

  .m-sm-ncondensed {
    margin: -5px !important;
  }

  .m-sm-n-ncondensed {
    margin: --5px !important;
  }

  .p-sm-ncondensed {
    padding: -5px !important;
  }

  .m-sm-nspaced {
    margin: -10px !important;
  }

  .m-sm-n-nspaced {
    margin: --10px !important;
  }

  .p-sm-nspaced {
    padding: -10px !important;
  }

  .m-sm-nnormal {
    margin: -15px !important;
  }

  .m-sm-n-nnormal {
    margin: --15px !important;
  }

  .p-sm-nnormal {
    padding: -15px !important;
  }

  .m-sm-nsemi-wide {
    margin: -20px !important;
  }

  .m-sm-n-nsemi-wide {
    margin: --20px !important;
  }

  .p-sm-nsemi-wide {
    padding: -20px !important;
  }

  .m-sm-nwide {
    margin: -30px !important;
  }

  .m-sm-n-nwide {
    margin: --30px !important;
  }

  .p-sm-nwide {
    padding: -30px !important;
  }

  .m-sm-nlarge {
    margin: -60px !important;
  }

  .m-sm-n-nlarge {
    margin: --60px !important;
  }

  .p-sm-nlarge {
    padding: -60px !important;
  }

  .m-sm-nhuge {
    margin: -90px !important;
  }

  .m-sm-n-nhuge {
    margin: --90px !important;
  }

  .p-sm-nhuge {
    padding: -90px !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0px !important;
  }

  .m-md-n0 {
    margin: 0px !important;
  }

  .p-md-0 {
    padding: 0px !important;
  }

  .m-md-1 {
    margin: 5px !important;
  }

  .m-md-n1 {
    margin: -5px !important;
  }

  .p-md-1 {
    padding: 5px !important;
  }

  .m-md-2 {
    margin: 10px !important;
  }

  .m-md-n2 {
    margin: -10px !important;
  }

  .p-md-2 {
    padding: 10px !important;
  }

  .m-md-3 {
    margin: 15px !important;
  }

  .m-md-n3 {
    margin: -15px !important;
  }

  .p-md-3 {
    padding: 15px !important;
  }

  .m-md-4 {
    margin: 20px !important;
  }

  .m-md-n4 {
    margin: -20px !important;
  }

  .p-md-4 {
    padding: 20px !important;
  }

  .m-md-5 {
    margin: 25px !important;
  }

  .m-md-n5 {
    margin: -25px !important;
  }

  .p-md-5 {
    padding: 25px !important;
  }

  .m-md-6 {
    margin: 30px !important;
  }

  .m-md-n6 {
    margin: -30px !important;
  }

  .p-md-6 {
    padding: 30px !important;
  }

  .m-md-7 {
    margin: 35px !important;
  }

  .m-md-n7 {
    margin: -35px !important;
  }

  .p-md-7 {
    padding: 35px !important;
  }

  .m-md-8 {
    margin: 40px !important;
  }

  .m-md-n8 {
    margin: -40px !important;
  }

  .p-md-8 {
    padding: 40px !important;
  }

  .m-md-9 {
    margin: 45px !important;
  }

  .m-md-n9 {
    margin: -45px !important;
  }

  .p-md-9 {
    padding: 45px !important;
  }

  .m-md-10 {
    margin: 50px !important;
  }

  .m-md-n10 {
    margin: -50px !important;
  }

  .p-md-10 {
    padding: 50px !important;
  }

  .m-md-11 {
    margin: 55px !important;
  }

  .m-md-n11 {
    margin: -55px !important;
  }

  .p-md-11 {
    padding: 55px !important;
  }

  .m-md-12 {
    margin: 60px !important;
  }

  .m-md-n12 {
    margin: -60px !important;
  }

  .p-md-12 {
    padding: 60px !important;
  }

  .m-md-13 {
    margin: 65px !important;
  }

  .m-md-n13 {
    margin: -65px !important;
  }

  .p-md-13 {
    padding: 65px !important;
  }

  .m-md-14 {
    margin: 70px !important;
  }

  .m-md-n14 {
    margin: -70px !important;
  }

  .p-md-14 {
    padding: 70px !important;
  }

  .m-md-15 {
    margin: 75px !important;
  }

  .m-md-n15 {
    margin: -75px !important;
  }

  .p-md-15 {
    padding: 75px !important;
  }

  .m-md-16 {
    margin: 80px !important;
  }

  .m-md-n16 {
    margin: -80px !important;
  }

  .p-md-16 {
    padding: 80px !important;
  }

  .m-md-17 {
    margin: 85px !important;
  }

  .m-md-n17 {
    margin: -85px !important;
  }

  .p-md-17 {
    padding: 85px !important;
  }

  .m-md-18 {
    margin: 90px !important;
  }

  .m-md-n18 {
    margin: -90px !important;
  }

  .p-md-18 {
    padding: 90px !important;
  }

  .m-md-19 {
    margin: 95px !important;
  }

  .m-md-n19 {
    margin: -95px !important;
  }

  .p-md-19 {
    padding: 95px !important;
  }

  .m-md-20 {
    margin: 100px !important;
  }

  .m-md-n20 {
    margin: -100px !important;
  }

  .p-md-20 {
    padding: 100px !important;
  }

  .m-md-21 {
    margin: 105px !important;
  }

  .m-md-n21 {
    margin: -105px !important;
  }

  .p-md-21 {
    padding: 105px !important;
  }

  .m-md-22 {
    margin: 110px !important;
  }

  .m-md-n22 {
    margin: -110px !important;
  }

  .p-md-22 {
    padding: 110px !important;
  }

  .m-md-23 {
    margin: 115px !important;
  }

  .m-md-n23 {
    margin: -115px !important;
  }

  .p-md-23 {
    padding: 115px !important;
  }

  .m-md-24 {
    margin: 120px !important;
  }

  .m-md-n24 {
    margin: -120px !important;
  }

  .p-md-24 {
    padding: 120px !important;
  }

  .m-md-25 {
    margin: 125px !important;
  }

  .m-md-n25 {
    margin: -125px !important;
  }

  .p-md-25 {
    padding: 125px !important;
  }

  .m-md-26 {
    margin: 130px !important;
  }

  .m-md-n26 {
    margin: -130px !important;
  }

  .p-md-26 {
    padding: 130px !important;
  }

  .m-md-27 {
    margin: 135px !important;
  }

  .m-md-n27 {
    margin: -135px !important;
  }

  .p-md-27 {
    padding: 135px !important;
  }

  .m-md-28 {
    margin: 140px !important;
  }

  .m-md-n28 {
    margin: -140px !important;
  }

  .p-md-28 {
    padding: 140px !important;
  }

  .m-md-29 {
    margin: 145px !important;
  }

  .m-md-n29 {
    margin: -145px !important;
  }

  .p-md-29 {
    padding: 145px !important;
  }

  .m-md-30 {
    margin: 150px !important;
  }

  .m-md-n30 {
    margin: -150px !important;
  }

  .p-md-30 {
    padding: 150px !important;
  }

  .m-md-31 {
    margin: 155px !important;
  }

  .m-md-n31 {
    margin: -155px !important;
  }

  .p-md-31 {
    padding: 155px !important;
  }

  .m-md-32 {
    margin: 160px !important;
  }

  .m-md-n32 {
    margin: -160px !important;
  }

  .p-md-32 {
    padding: 160px !important;
  }

  .m-md-33 {
    margin: 165px !important;
  }

  .m-md-n33 {
    margin: -165px !important;
  }

  .p-md-33 {
    padding: 165px !important;
  }

  .m-md-34 {
    margin: 170px !important;
  }

  .m-md-n34 {
    margin: -170px !important;
  }

  .p-md-34 {
    padding: 170px !important;
  }

  .m-md-35 {
    margin: 175px !important;
  }

  .m-md-n35 {
    margin: -175px !important;
  }

  .p-md-35 {
    padding: 175px !important;
  }

  .m-md-36 {
    margin: 180px !important;
  }

  .m-md-n36 {
    margin: -180px !important;
  }

  .p-md-36 {
    padding: 180px !important;
  }

  .m-md-37 {
    margin: 185px !important;
  }

  .m-md-n37 {
    margin: -185px !important;
  }

  .p-md-37 {
    padding: 185px !important;
  }

  .m-md-38 {
    margin: 190px !important;
  }

  .m-md-n38 {
    margin: -190px !important;
  }

  .p-md-38 {
    padding: 190px !important;
  }

  .m-md-39 {
    margin: 195px !important;
  }

  .m-md-n39 {
    margin: -195px !important;
  }

  .p-md-39 {
    padding: 195px !important;
  }

  .m-md-40 {
    margin: 200px !important;
  }

  .m-md-n40 {
    margin: -200px !important;
  }

  .p-md-40 {
    padding: 200px !important;
  }

  .m-md-41 {
    margin: 205px !important;
  }

  .m-md-n41 {
    margin: -205px !important;
  }

  .p-md-41 {
    padding: 205px !important;
  }

  .m-md-42 {
    margin: 210px !important;
  }

  .m-md-n42 {
    margin: -210px !important;
  }

  .p-md-42 {
    padding: 210px !important;
  }

  .m-md-43 {
    margin: 215px !important;
  }

  .m-md-n43 {
    margin: -215px !important;
  }

  .p-md-43 {
    padding: 215px !important;
  }

  .m-md-44 {
    margin: 220px !important;
  }

  .m-md-n44 {
    margin: -220px !important;
  }

  .p-md-44 {
    padding: 220px !important;
  }

  .m-md-45 {
    margin: 225px !important;
  }

  .m-md-n45 {
    margin: -225px !important;
  }

  .p-md-45 {
    padding: 225px !important;
  }

  .m-md-46 {
    margin: 230px !important;
  }

  .m-md-n46 {
    margin: -230px !important;
  }

  .p-md-46 {
    padding: 230px !important;
  }

  .m-md-47 {
    margin: 235px !important;
  }

  .m-md-n47 {
    margin: -235px !important;
  }

  .p-md-47 {
    padding: 235px !important;
  }

  .m-md-48 {
    margin: 240px !important;
  }

  .m-md-n48 {
    margin: -240px !important;
  }

  .p-md-48 {
    padding: 240px !important;
  }

  .m-md-49 {
    margin: 245px !important;
  }

  .m-md-n49 {
    margin: -245px !important;
  }

  .p-md-49 {
    padding: 245px !important;
  }

  .m-md-50 {
    margin: 250px !important;
  }

  .m-md-n50 {
    margin: -250px !important;
  }

  .p-md-50 {
    padding: 250px !important;
  }

  .m-md-spaceless {
    margin: 0px !important;
  }

  .m-md-n-spaceless {
    margin: 0px !important;
  }

  .p-md-spaceless {
    padding: 0px !important;
  }

  .m-md-condensed {
    margin: 5px !important;
  }

  .m-md-n-condensed {
    margin: -5px !important;
  }

  .p-md-condensed {
    padding: 5px !important;
  }

  .m-md-spaced {
    margin: 10px !important;
  }

  .m-md-n-spaced {
    margin: -10px !important;
  }

  .p-md-spaced {
    padding: 10px !important;
  }

  .m-md-normal {
    margin: 15px !important;
  }

  .m-md-n-normal {
    margin: -15px !important;
  }

  .p-md-normal {
    padding: 15px !important;
  }

  .m-md {
    margin: 15px !important;
  }

  .m-md-n {
    margin: -15px !important;
  }

  .p-md {
    padding: 15px !important;
  }

  .m-md-semi-wide {
    margin: 20px !important;
  }

  .m-md-n-semi-wide {
    margin: -20px !important;
  }

  .p-md-semi-wide {
    padding: 20px !important;
  }

  .m-md-wide {
    margin: 30px !important;
  }

  .m-md-n-wide {
    margin: -30px !important;
  }

  .p-md-wide {
    padding: 30px !important;
  }

  .m-md-large {
    margin: 60px !important;
  }

  .m-md-n-large {
    margin: -60px !important;
  }

  .p-md-large {
    padding: 60px !important;
  }

  .m-md-huge {
    margin: 90px !important;
  }

  .m-md-n-huge {
    margin: -90px !important;
  }

  .p-md-huge {
    padding: 90px !important;
  }

  .m-md-ncondensed {
    margin: -5px !important;
  }

  .m-md-n-ncondensed {
    margin: --5px !important;
  }

  .p-md-ncondensed {
    padding: -5px !important;
  }

  .m-md-nspaced {
    margin: -10px !important;
  }

  .m-md-n-nspaced {
    margin: --10px !important;
  }

  .p-md-nspaced {
    padding: -10px !important;
  }

  .m-md-nnormal {
    margin: -15px !important;
  }

  .m-md-n-nnormal {
    margin: --15px !important;
  }

  .p-md-nnormal {
    padding: -15px !important;
  }

  .m-md-nsemi-wide {
    margin: -20px !important;
  }

  .m-md-n-nsemi-wide {
    margin: --20px !important;
  }

  .p-md-nsemi-wide {
    padding: -20px !important;
  }

  .m-md-nwide {
    margin: -30px !important;
  }

  .m-md-n-nwide {
    margin: --30px !important;
  }

  .p-md-nwide {
    padding: -30px !important;
  }

  .m-md-nlarge {
    margin: -60px !important;
  }

  .m-md-n-nlarge {
    margin: --60px !important;
  }

  .p-md-nlarge {
    padding: -60px !important;
  }

  .m-md-nhuge {
    margin: -90px !important;
  }

  .m-md-n-nhuge {
    margin: --90px !important;
  }

  .p-md-nhuge {
    padding: -90px !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0px !important;
  }

  .m-lg-n0 {
    margin: 0px !important;
  }

  .p-lg-0 {
    padding: 0px !important;
  }

  .m-lg-1 {
    margin: 5px !important;
  }

  .m-lg-n1 {
    margin: -5px !important;
  }

  .p-lg-1 {
    padding: 5px !important;
  }

  .m-lg-2 {
    margin: 10px !important;
  }

  .m-lg-n2 {
    margin: -10px !important;
  }

  .p-lg-2 {
    padding: 10px !important;
  }

  .m-lg-3 {
    margin: 15px !important;
  }

  .m-lg-n3 {
    margin: -15px !important;
  }

  .p-lg-3 {
    padding: 15px !important;
  }

  .m-lg-4 {
    margin: 20px !important;
  }

  .m-lg-n4 {
    margin: -20px !important;
  }

  .p-lg-4 {
    padding: 20px !important;
  }

  .m-lg-5 {
    margin: 25px !important;
  }

  .m-lg-n5 {
    margin: -25px !important;
  }

  .p-lg-5 {
    padding: 25px !important;
  }

  .m-lg-6 {
    margin: 30px !important;
  }

  .m-lg-n6 {
    margin: -30px !important;
  }

  .p-lg-6 {
    padding: 30px !important;
  }

  .m-lg-7 {
    margin: 35px !important;
  }

  .m-lg-n7 {
    margin: -35px !important;
  }

  .p-lg-7 {
    padding: 35px !important;
  }

  .m-lg-8 {
    margin: 40px !important;
  }

  .m-lg-n8 {
    margin: -40px !important;
  }

  .p-lg-8 {
    padding: 40px !important;
  }

  .m-lg-9 {
    margin: 45px !important;
  }

  .m-lg-n9 {
    margin: -45px !important;
  }

  .p-lg-9 {
    padding: 45px !important;
  }

  .m-lg-10 {
    margin: 50px !important;
  }

  .m-lg-n10 {
    margin: -50px !important;
  }

  .p-lg-10 {
    padding: 50px !important;
  }

  .m-lg-11 {
    margin: 55px !important;
  }

  .m-lg-n11 {
    margin: -55px !important;
  }

  .p-lg-11 {
    padding: 55px !important;
  }

  .m-lg-12 {
    margin: 60px !important;
  }

  .m-lg-n12 {
    margin: -60px !important;
  }

  .p-lg-12 {
    padding: 60px !important;
  }

  .m-lg-13 {
    margin: 65px !important;
  }

  .m-lg-n13 {
    margin: -65px !important;
  }

  .p-lg-13 {
    padding: 65px !important;
  }

  .m-lg-14 {
    margin: 70px !important;
  }

  .m-lg-n14 {
    margin: -70px !important;
  }

  .p-lg-14 {
    padding: 70px !important;
  }

  .m-lg-15 {
    margin: 75px !important;
  }

  .m-lg-n15 {
    margin: -75px !important;
  }

  .p-lg-15 {
    padding: 75px !important;
  }

  .m-lg-16 {
    margin: 80px !important;
  }

  .m-lg-n16 {
    margin: -80px !important;
  }

  .p-lg-16 {
    padding: 80px !important;
  }

  .m-lg-17 {
    margin: 85px !important;
  }

  .m-lg-n17 {
    margin: -85px !important;
  }

  .p-lg-17 {
    padding: 85px !important;
  }

  .m-lg-18 {
    margin: 90px !important;
  }

  .m-lg-n18 {
    margin: -90px !important;
  }

  .p-lg-18 {
    padding: 90px !important;
  }

  .m-lg-19 {
    margin: 95px !important;
  }

  .m-lg-n19 {
    margin: -95px !important;
  }

  .p-lg-19 {
    padding: 95px !important;
  }

  .m-lg-20 {
    margin: 100px !important;
  }

  .m-lg-n20 {
    margin: -100px !important;
  }

  .p-lg-20 {
    padding: 100px !important;
  }

  .m-lg-21 {
    margin: 105px !important;
  }

  .m-lg-n21 {
    margin: -105px !important;
  }

  .p-lg-21 {
    padding: 105px !important;
  }

  .m-lg-22 {
    margin: 110px !important;
  }

  .m-lg-n22 {
    margin: -110px !important;
  }

  .p-lg-22 {
    padding: 110px !important;
  }

  .m-lg-23 {
    margin: 115px !important;
  }

  .m-lg-n23 {
    margin: -115px !important;
  }

  .p-lg-23 {
    padding: 115px !important;
  }

  .m-lg-24 {
    margin: 120px !important;
  }

  .m-lg-n24 {
    margin: -120px !important;
  }

  .p-lg-24 {
    padding: 120px !important;
  }

  .m-lg-25 {
    margin: 125px !important;
  }

  .m-lg-n25 {
    margin: -125px !important;
  }

  .p-lg-25 {
    padding: 125px !important;
  }

  .m-lg-26 {
    margin: 130px !important;
  }

  .m-lg-n26 {
    margin: -130px !important;
  }

  .p-lg-26 {
    padding: 130px !important;
  }

  .m-lg-27 {
    margin: 135px !important;
  }

  .m-lg-n27 {
    margin: -135px !important;
  }

  .p-lg-27 {
    padding: 135px !important;
  }

  .m-lg-28 {
    margin: 140px !important;
  }

  .m-lg-n28 {
    margin: -140px !important;
  }

  .p-lg-28 {
    padding: 140px !important;
  }

  .m-lg-29 {
    margin: 145px !important;
  }

  .m-lg-n29 {
    margin: -145px !important;
  }

  .p-lg-29 {
    padding: 145px !important;
  }

  .m-lg-30 {
    margin: 150px !important;
  }

  .m-lg-n30 {
    margin: -150px !important;
  }

  .p-lg-30 {
    padding: 150px !important;
  }

  .m-lg-31 {
    margin: 155px !important;
  }

  .m-lg-n31 {
    margin: -155px !important;
  }

  .p-lg-31 {
    padding: 155px !important;
  }

  .m-lg-32 {
    margin: 160px !important;
  }

  .m-lg-n32 {
    margin: -160px !important;
  }

  .p-lg-32 {
    padding: 160px !important;
  }

  .m-lg-33 {
    margin: 165px !important;
  }

  .m-lg-n33 {
    margin: -165px !important;
  }

  .p-lg-33 {
    padding: 165px !important;
  }

  .m-lg-34 {
    margin: 170px !important;
  }

  .m-lg-n34 {
    margin: -170px !important;
  }

  .p-lg-34 {
    padding: 170px !important;
  }

  .m-lg-35 {
    margin: 175px !important;
  }

  .m-lg-n35 {
    margin: -175px !important;
  }

  .p-lg-35 {
    padding: 175px !important;
  }

  .m-lg-36 {
    margin: 180px !important;
  }

  .m-lg-n36 {
    margin: -180px !important;
  }

  .p-lg-36 {
    padding: 180px !important;
  }

  .m-lg-37 {
    margin: 185px !important;
  }

  .m-lg-n37 {
    margin: -185px !important;
  }

  .p-lg-37 {
    padding: 185px !important;
  }

  .m-lg-38 {
    margin: 190px !important;
  }

  .m-lg-n38 {
    margin: -190px !important;
  }

  .p-lg-38 {
    padding: 190px !important;
  }

  .m-lg-39 {
    margin: 195px !important;
  }

  .m-lg-n39 {
    margin: -195px !important;
  }

  .p-lg-39 {
    padding: 195px !important;
  }

  .m-lg-40 {
    margin: 200px !important;
  }

  .m-lg-n40 {
    margin: -200px !important;
  }

  .p-lg-40 {
    padding: 200px !important;
  }

  .m-lg-41 {
    margin: 205px !important;
  }

  .m-lg-n41 {
    margin: -205px !important;
  }

  .p-lg-41 {
    padding: 205px !important;
  }

  .m-lg-42 {
    margin: 210px !important;
  }

  .m-lg-n42 {
    margin: -210px !important;
  }

  .p-lg-42 {
    padding: 210px !important;
  }

  .m-lg-43 {
    margin: 215px !important;
  }

  .m-lg-n43 {
    margin: -215px !important;
  }

  .p-lg-43 {
    padding: 215px !important;
  }

  .m-lg-44 {
    margin: 220px !important;
  }

  .m-lg-n44 {
    margin: -220px !important;
  }

  .p-lg-44 {
    padding: 220px !important;
  }

  .m-lg-45 {
    margin: 225px !important;
  }

  .m-lg-n45 {
    margin: -225px !important;
  }

  .p-lg-45 {
    padding: 225px !important;
  }

  .m-lg-46 {
    margin: 230px !important;
  }

  .m-lg-n46 {
    margin: -230px !important;
  }

  .p-lg-46 {
    padding: 230px !important;
  }

  .m-lg-47 {
    margin: 235px !important;
  }

  .m-lg-n47 {
    margin: -235px !important;
  }

  .p-lg-47 {
    padding: 235px !important;
  }

  .m-lg-48 {
    margin: 240px !important;
  }

  .m-lg-n48 {
    margin: -240px !important;
  }

  .p-lg-48 {
    padding: 240px !important;
  }

  .m-lg-49 {
    margin: 245px !important;
  }

  .m-lg-n49 {
    margin: -245px !important;
  }

  .p-lg-49 {
    padding: 245px !important;
  }

  .m-lg-50 {
    margin: 250px !important;
  }

  .m-lg-n50 {
    margin: -250px !important;
  }

  .p-lg-50 {
    padding: 250px !important;
  }

  .m-lg-spaceless {
    margin: 0px !important;
  }

  .m-lg-n-spaceless {
    margin: 0px !important;
  }

  .p-lg-spaceless {
    padding: 0px !important;
  }

  .m-lg-condensed {
    margin: 5px !important;
  }

  .m-lg-n-condensed {
    margin: -5px !important;
  }

  .p-lg-condensed {
    padding: 5px !important;
  }

  .m-lg-spaced {
    margin: 10px !important;
  }

  .m-lg-n-spaced {
    margin: -10px !important;
  }

  .p-lg-spaced {
    padding: 10px !important;
  }

  .m-lg-normal {
    margin: 15px !important;
  }

  .m-lg-n-normal {
    margin: -15px !important;
  }

  .p-lg-normal {
    padding: 15px !important;
  }

  .m-lg {
    margin: 15px !important;
  }

  .m-lg-n {
    margin: -15px !important;
  }

  .p-lg {
    padding: 15px !important;
  }

  .m-lg-semi-wide {
    margin: 20px !important;
  }

  .m-lg-n-semi-wide {
    margin: -20px !important;
  }

  .p-lg-semi-wide {
    padding: 20px !important;
  }

  .m-lg-wide {
    margin: 30px !important;
  }

  .m-lg-n-wide {
    margin: -30px !important;
  }

  .p-lg-wide {
    padding: 30px !important;
  }

  .m-lg-large {
    margin: 60px !important;
  }

  .m-lg-n-large {
    margin: -60px !important;
  }

  .p-lg-large {
    padding: 60px !important;
  }

  .m-lg-huge {
    margin: 90px !important;
  }

  .m-lg-n-huge {
    margin: -90px !important;
  }

  .p-lg-huge {
    padding: 90px !important;
  }

  .m-lg-ncondensed {
    margin: -5px !important;
  }

  .m-lg-n-ncondensed {
    margin: --5px !important;
  }

  .p-lg-ncondensed {
    padding: -5px !important;
  }

  .m-lg-nspaced {
    margin: -10px !important;
  }

  .m-lg-n-nspaced {
    margin: --10px !important;
  }

  .p-lg-nspaced {
    padding: -10px !important;
  }

  .m-lg-nnormal {
    margin: -15px !important;
  }

  .m-lg-n-nnormal {
    margin: --15px !important;
  }

  .p-lg-nnormal {
    padding: -15px !important;
  }

  .m-lg-nsemi-wide {
    margin: -20px !important;
  }

  .m-lg-n-nsemi-wide {
    margin: --20px !important;
  }

  .p-lg-nsemi-wide {
    padding: -20px !important;
  }

  .m-lg-nwide {
    margin: -30px !important;
  }

  .m-lg-n-nwide {
    margin: --30px !important;
  }

  .p-lg-nwide {
    padding: -30px !important;
  }

  .m-lg-nlarge {
    margin: -60px !important;
  }

  .m-lg-n-nlarge {
    margin: --60px !important;
  }

  .p-lg-nlarge {
    padding: -60px !important;
  }

  .m-lg-nhuge {
    margin: -90px !important;
  }

  .m-lg-n-nhuge {
    margin: --90px !important;
  }

  .p-lg-nhuge {
    padding: -90px !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0px !important;
  }

  .m-xl-n0 {
    margin: 0px !important;
  }

  .p-xl-0 {
    padding: 0px !important;
  }

  .m-xl-1 {
    margin: 5px !important;
  }

  .m-xl-n1 {
    margin: -5px !important;
  }

  .p-xl-1 {
    padding: 5px !important;
  }

  .m-xl-2 {
    margin: 10px !important;
  }

  .m-xl-n2 {
    margin: -10px !important;
  }

  .p-xl-2 {
    padding: 10px !important;
  }

  .m-xl-3 {
    margin: 15px !important;
  }

  .m-xl-n3 {
    margin: -15px !important;
  }

  .p-xl-3 {
    padding: 15px !important;
  }

  .m-xl-4 {
    margin: 20px !important;
  }

  .m-xl-n4 {
    margin: -20px !important;
  }

  .p-xl-4 {
    padding: 20px !important;
  }

  .m-xl-5 {
    margin: 25px !important;
  }

  .m-xl-n5 {
    margin: -25px !important;
  }

  .p-xl-5 {
    padding: 25px !important;
  }

  .m-xl-6 {
    margin: 30px !important;
  }

  .m-xl-n6 {
    margin: -30px !important;
  }

  .p-xl-6 {
    padding: 30px !important;
  }

  .m-xl-7 {
    margin: 35px !important;
  }

  .m-xl-n7 {
    margin: -35px !important;
  }

  .p-xl-7 {
    padding: 35px !important;
  }

  .m-xl-8 {
    margin: 40px !important;
  }

  .m-xl-n8 {
    margin: -40px !important;
  }

  .p-xl-8 {
    padding: 40px !important;
  }

  .m-xl-9 {
    margin: 45px !important;
  }

  .m-xl-n9 {
    margin: -45px !important;
  }

  .p-xl-9 {
    padding: 45px !important;
  }

  .m-xl-10 {
    margin: 50px !important;
  }

  .m-xl-n10 {
    margin: -50px !important;
  }

  .p-xl-10 {
    padding: 50px !important;
  }

  .m-xl-11 {
    margin: 55px !important;
  }

  .m-xl-n11 {
    margin: -55px !important;
  }

  .p-xl-11 {
    padding: 55px !important;
  }

  .m-xl-12 {
    margin: 60px !important;
  }

  .m-xl-n12 {
    margin: -60px !important;
  }

  .p-xl-12 {
    padding: 60px !important;
  }

  .m-xl-13 {
    margin: 65px !important;
  }

  .m-xl-n13 {
    margin: -65px !important;
  }

  .p-xl-13 {
    padding: 65px !important;
  }

  .m-xl-14 {
    margin: 70px !important;
  }

  .m-xl-n14 {
    margin: -70px !important;
  }

  .p-xl-14 {
    padding: 70px !important;
  }

  .m-xl-15 {
    margin: 75px !important;
  }

  .m-xl-n15 {
    margin: -75px !important;
  }

  .p-xl-15 {
    padding: 75px !important;
  }

  .m-xl-16 {
    margin: 80px !important;
  }

  .m-xl-n16 {
    margin: -80px !important;
  }

  .p-xl-16 {
    padding: 80px !important;
  }

  .m-xl-17 {
    margin: 85px !important;
  }

  .m-xl-n17 {
    margin: -85px !important;
  }

  .p-xl-17 {
    padding: 85px !important;
  }

  .m-xl-18 {
    margin: 90px !important;
  }

  .m-xl-n18 {
    margin: -90px !important;
  }

  .p-xl-18 {
    padding: 90px !important;
  }

  .m-xl-19 {
    margin: 95px !important;
  }

  .m-xl-n19 {
    margin: -95px !important;
  }

  .p-xl-19 {
    padding: 95px !important;
  }

  .m-xl-20 {
    margin: 100px !important;
  }

  .m-xl-n20 {
    margin: -100px !important;
  }

  .p-xl-20 {
    padding: 100px !important;
  }

  .m-xl-21 {
    margin: 105px !important;
  }

  .m-xl-n21 {
    margin: -105px !important;
  }

  .p-xl-21 {
    padding: 105px !important;
  }

  .m-xl-22 {
    margin: 110px !important;
  }

  .m-xl-n22 {
    margin: -110px !important;
  }

  .p-xl-22 {
    padding: 110px !important;
  }

  .m-xl-23 {
    margin: 115px !important;
  }

  .m-xl-n23 {
    margin: -115px !important;
  }

  .p-xl-23 {
    padding: 115px !important;
  }

  .m-xl-24 {
    margin: 120px !important;
  }

  .m-xl-n24 {
    margin: -120px !important;
  }

  .p-xl-24 {
    padding: 120px !important;
  }

  .m-xl-25 {
    margin: 125px !important;
  }

  .m-xl-n25 {
    margin: -125px !important;
  }

  .p-xl-25 {
    padding: 125px !important;
  }

  .m-xl-26 {
    margin: 130px !important;
  }

  .m-xl-n26 {
    margin: -130px !important;
  }

  .p-xl-26 {
    padding: 130px !important;
  }

  .m-xl-27 {
    margin: 135px !important;
  }

  .m-xl-n27 {
    margin: -135px !important;
  }

  .p-xl-27 {
    padding: 135px !important;
  }

  .m-xl-28 {
    margin: 140px !important;
  }

  .m-xl-n28 {
    margin: -140px !important;
  }

  .p-xl-28 {
    padding: 140px !important;
  }

  .m-xl-29 {
    margin: 145px !important;
  }

  .m-xl-n29 {
    margin: -145px !important;
  }

  .p-xl-29 {
    padding: 145px !important;
  }

  .m-xl-30 {
    margin: 150px !important;
  }

  .m-xl-n30 {
    margin: -150px !important;
  }

  .p-xl-30 {
    padding: 150px !important;
  }

  .m-xl-31 {
    margin: 155px !important;
  }

  .m-xl-n31 {
    margin: -155px !important;
  }

  .p-xl-31 {
    padding: 155px !important;
  }

  .m-xl-32 {
    margin: 160px !important;
  }

  .m-xl-n32 {
    margin: -160px !important;
  }

  .p-xl-32 {
    padding: 160px !important;
  }

  .m-xl-33 {
    margin: 165px !important;
  }

  .m-xl-n33 {
    margin: -165px !important;
  }

  .p-xl-33 {
    padding: 165px !important;
  }

  .m-xl-34 {
    margin: 170px !important;
  }

  .m-xl-n34 {
    margin: -170px !important;
  }

  .p-xl-34 {
    padding: 170px !important;
  }

  .m-xl-35 {
    margin: 175px !important;
  }

  .m-xl-n35 {
    margin: -175px !important;
  }

  .p-xl-35 {
    padding: 175px !important;
  }

  .m-xl-36 {
    margin: 180px !important;
  }

  .m-xl-n36 {
    margin: -180px !important;
  }

  .p-xl-36 {
    padding: 180px !important;
  }

  .m-xl-37 {
    margin: 185px !important;
  }

  .m-xl-n37 {
    margin: -185px !important;
  }

  .p-xl-37 {
    padding: 185px !important;
  }

  .m-xl-38 {
    margin: 190px !important;
  }

  .m-xl-n38 {
    margin: -190px !important;
  }

  .p-xl-38 {
    padding: 190px !important;
  }

  .m-xl-39 {
    margin: 195px !important;
  }

  .m-xl-n39 {
    margin: -195px !important;
  }

  .p-xl-39 {
    padding: 195px !important;
  }

  .m-xl-40 {
    margin: 200px !important;
  }

  .m-xl-n40 {
    margin: -200px !important;
  }

  .p-xl-40 {
    padding: 200px !important;
  }

  .m-xl-41 {
    margin: 205px !important;
  }

  .m-xl-n41 {
    margin: -205px !important;
  }

  .p-xl-41 {
    padding: 205px !important;
  }

  .m-xl-42 {
    margin: 210px !important;
  }

  .m-xl-n42 {
    margin: -210px !important;
  }

  .p-xl-42 {
    padding: 210px !important;
  }

  .m-xl-43 {
    margin: 215px !important;
  }

  .m-xl-n43 {
    margin: -215px !important;
  }

  .p-xl-43 {
    padding: 215px !important;
  }

  .m-xl-44 {
    margin: 220px !important;
  }

  .m-xl-n44 {
    margin: -220px !important;
  }

  .p-xl-44 {
    padding: 220px !important;
  }

  .m-xl-45 {
    margin: 225px !important;
  }

  .m-xl-n45 {
    margin: -225px !important;
  }

  .p-xl-45 {
    padding: 225px !important;
  }

  .m-xl-46 {
    margin: 230px !important;
  }

  .m-xl-n46 {
    margin: -230px !important;
  }

  .p-xl-46 {
    padding: 230px !important;
  }

  .m-xl-47 {
    margin: 235px !important;
  }

  .m-xl-n47 {
    margin: -235px !important;
  }

  .p-xl-47 {
    padding: 235px !important;
  }

  .m-xl-48 {
    margin: 240px !important;
  }

  .m-xl-n48 {
    margin: -240px !important;
  }

  .p-xl-48 {
    padding: 240px !important;
  }

  .m-xl-49 {
    margin: 245px !important;
  }

  .m-xl-n49 {
    margin: -245px !important;
  }

  .p-xl-49 {
    padding: 245px !important;
  }

  .m-xl-50 {
    margin: 250px !important;
  }

  .m-xl-n50 {
    margin: -250px !important;
  }

  .p-xl-50 {
    padding: 250px !important;
  }

  .m-xl-spaceless {
    margin: 0px !important;
  }

  .m-xl-n-spaceless {
    margin: 0px !important;
  }

  .p-xl-spaceless {
    padding: 0px !important;
  }

  .m-xl-condensed {
    margin: 5px !important;
  }

  .m-xl-n-condensed {
    margin: -5px !important;
  }

  .p-xl-condensed {
    padding: 5px !important;
  }

  .m-xl-spaced {
    margin: 10px !important;
  }

  .m-xl-n-spaced {
    margin: -10px !important;
  }

  .p-xl-spaced {
    padding: 10px !important;
  }

  .m-xl-normal {
    margin: 15px !important;
  }

  .m-xl-n-normal {
    margin: -15px !important;
  }

  .p-xl-normal {
    padding: 15px !important;
  }

  .m-xl {
    margin: 15px !important;
  }

  .m-xl-n {
    margin: -15px !important;
  }

  .p-xl {
    padding: 15px !important;
  }

  .m-xl-semi-wide {
    margin: 20px !important;
  }

  .m-xl-n-semi-wide {
    margin: -20px !important;
  }

  .p-xl-semi-wide {
    padding: 20px !important;
  }

  .m-xl-wide {
    margin: 30px !important;
  }

  .m-xl-n-wide {
    margin: -30px !important;
  }

  .p-xl-wide {
    padding: 30px !important;
  }

  .m-xl-large {
    margin: 60px !important;
  }

  .m-xl-n-large {
    margin: -60px !important;
  }

  .p-xl-large {
    padding: 60px !important;
  }

  .m-xl-huge {
    margin: 90px !important;
  }

  .m-xl-n-huge {
    margin: -90px !important;
  }

  .p-xl-huge {
    padding: 90px !important;
  }

  .m-xl-ncondensed {
    margin: -5px !important;
  }

  .m-xl-n-ncondensed {
    margin: --5px !important;
  }

  .p-xl-ncondensed {
    padding: -5px !important;
  }

  .m-xl-nspaced {
    margin: -10px !important;
  }

  .m-xl-n-nspaced {
    margin: --10px !important;
  }

  .p-xl-nspaced {
    padding: -10px !important;
  }

  .m-xl-nnormal {
    margin: -15px !important;
  }

  .m-xl-n-nnormal {
    margin: --15px !important;
  }

  .p-xl-nnormal {
    padding: -15px !important;
  }

  .m-xl-nsemi-wide {
    margin: -20px !important;
  }

  .m-xl-n-nsemi-wide {
    margin: --20px !important;
  }

  .p-xl-nsemi-wide {
    padding: -20px !important;
  }

  .m-xl-nwide {
    margin: -30px !important;
  }

  .m-xl-n-nwide {
    margin: --30px !important;
  }

  .p-xl-nwide {
    padding: -30px !important;
  }

  .m-xl-nlarge {
    margin: -60px !important;
  }

  .m-xl-n-nlarge {
    margin: --60px !important;
  }

  .p-xl-nlarge {
    padding: -60px !important;
  }

  .m-xl-nhuge {
    margin: -90px !important;
  }

  .m-xl-n-nhuge {
    margin: --90px !important;
  }

  .p-xl-nhuge {
    padding: -90px !important;
  }
}
@media (min-width: 1600px) {
  .m-xxl-0 {
    margin: 0px !important;
  }

  .m-xxl-n0 {
    margin: 0px !important;
  }

  .p-xxl-0 {
    padding: 0px !important;
  }

  .m-xxl-1 {
    margin: 5px !important;
  }

  .m-xxl-n1 {
    margin: -5px !important;
  }

  .p-xxl-1 {
    padding: 5px !important;
  }

  .m-xxl-2 {
    margin: 10px !important;
  }

  .m-xxl-n2 {
    margin: -10px !important;
  }

  .p-xxl-2 {
    padding: 10px !important;
  }

  .m-xxl-3 {
    margin: 15px !important;
  }

  .m-xxl-n3 {
    margin: -15px !important;
  }

  .p-xxl-3 {
    padding: 15px !important;
  }

  .m-xxl-4 {
    margin: 20px !important;
  }

  .m-xxl-n4 {
    margin: -20px !important;
  }

  .p-xxl-4 {
    padding: 20px !important;
  }

  .m-xxl-5 {
    margin: 25px !important;
  }

  .m-xxl-n5 {
    margin: -25px !important;
  }

  .p-xxl-5 {
    padding: 25px !important;
  }

  .m-xxl-6 {
    margin: 30px !important;
  }

  .m-xxl-n6 {
    margin: -30px !important;
  }

  .p-xxl-6 {
    padding: 30px !important;
  }

  .m-xxl-7 {
    margin: 35px !important;
  }

  .m-xxl-n7 {
    margin: -35px !important;
  }

  .p-xxl-7 {
    padding: 35px !important;
  }

  .m-xxl-8 {
    margin: 40px !important;
  }

  .m-xxl-n8 {
    margin: -40px !important;
  }

  .p-xxl-8 {
    padding: 40px !important;
  }

  .m-xxl-9 {
    margin: 45px !important;
  }

  .m-xxl-n9 {
    margin: -45px !important;
  }

  .p-xxl-9 {
    padding: 45px !important;
  }

  .m-xxl-10 {
    margin: 50px !important;
  }

  .m-xxl-n10 {
    margin: -50px !important;
  }

  .p-xxl-10 {
    padding: 50px !important;
  }

  .m-xxl-11 {
    margin: 55px !important;
  }

  .m-xxl-n11 {
    margin: -55px !important;
  }

  .p-xxl-11 {
    padding: 55px !important;
  }

  .m-xxl-12 {
    margin: 60px !important;
  }

  .m-xxl-n12 {
    margin: -60px !important;
  }

  .p-xxl-12 {
    padding: 60px !important;
  }

  .m-xxl-13 {
    margin: 65px !important;
  }

  .m-xxl-n13 {
    margin: -65px !important;
  }

  .p-xxl-13 {
    padding: 65px !important;
  }

  .m-xxl-14 {
    margin: 70px !important;
  }

  .m-xxl-n14 {
    margin: -70px !important;
  }

  .p-xxl-14 {
    padding: 70px !important;
  }

  .m-xxl-15 {
    margin: 75px !important;
  }

  .m-xxl-n15 {
    margin: -75px !important;
  }

  .p-xxl-15 {
    padding: 75px !important;
  }

  .m-xxl-16 {
    margin: 80px !important;
  }

  .m-xxl-n16 {
    margin: -80px !important;
  }

  .p-xxl-16 {
    padding: 80px !important;
  }

  .m-xxl-17 {
    margin: 85px !important;
  }

  .m-xxl-n17 {
    margin: -85px !important;
  }

  .p-xxl-17 {
    padding: 85px !important;
  }

  .m-xxl-18 {
    margin: 90px !important;
  }

  .m-xxl-n18 {
    margin: -90px !important;
  }

  .p-xxl-18 {
    padding: 90px !important;
  }

  .m-xxl-19 {
    margin: 95px !important;
  }

  .m-xxl-n19 {
    margin: -95px !important;
  }

  .p-xxl-19 {
    padding: 95px !important;
  }

  .m-xxl-20 {
    margin: 100px !important;
  }

  .m-xxl-n20 {
    margin: -100px !important;
  }

  .p-xxl-20 {
    padding: 100px !important;
  }

  .m-xxl-21 {
    margin: 105px !important;
  }

  .m-xxl-n21 {
    margin: -105px !important;
  }

  .p-xxl-21 {
    padding: 105px !important;
  }

  .m-xxl-22 {
    margin: 110px !important;
  }

  .m-xxl-n22 {
    margin: -110px !important;
  }

  .p-xxl-22 {
    padding: 110px !important;
  }

  .m-xxl-23 {
    margin: 115px !important;
  }

  .m-xxl-n23 {
    margin: -115px !important;
  }

  .p-xxl-23 {
    padding: 115px !important;
  }

  .m-xxl-24 {
    margin: 120px !important;
  }

  .m-xxl-n24 {
    margin: -120px !important;
  }

  .p-xxl-24 {
    padding: 120px !important;
  }

  .m-xxl-25 {
    margin: 125px !important;
  }

  .m-xxl-n25 {
    margin: -125px !important;
  }

  .p-xxl-25 {
    padding: 125px !important;
  }

  .m-xxl-26 {
    margin: 130px !important;
  }

  .m-xxl-n26 {
    margin: -130px !important;
  }

  .p-xxl-26 {
    padding: 130px !important;
  }

  .m-xxl-27 {
    margin: 135px !important;
  }

  .m-xxl-n27 {
    margin: -135px !important;
  }

  .p-xxl-27 {
    padding: 135px !important;
  }

  .m-xxl-28 {
    margin: 140px !important;
  }

  .m-xxl-n28 {
    margin: -140px !important;
  }

  .p-xxl-28 {
    padding: 140px !important;
  }

  .m-xxl-29 {
    margin: 145px !important;
  }

  .m-xxl-n29 {
    margin: -145px !important;
  }

  .p-xxl-29 {
    padding: 145px !important;
  }

  .m-xxl-30 {
    margin: 150px !important;
  }

  .m-xxl-n30 {
    margin: -150px !important;
  }

  .p-xxl-30 {
    padding: 150px !important;
  }

  .m-xxl-31 {
    margin: 155px !important;
  }

  .m-xxl-n31 {
    margin: -155px !important;
  }

  .p-xxl-31 {
    padding: 155px !important;
  }

  .m-xxl-32 {
    margin: 160px !important;
  }

  .m-xxl-n32 {
    margin: -160px !important;
  }

  .p-xxl-32 {
    padding: 160px !important;
  }

  .m-xxl-33 {
    margin: 165px !important;
  }

  .m-xxl-n33 {
    margin: -165px !important;
  }

  .p-xxl-33 {
    padding: 165px !important;
  }

  .m-xxl-34 {
    margin: 170px !important;
  }

  .m-xxl-n34 {
    margin: -170px !important;
  }

  .p-xxl-34 {
    padding: 170px !important;
  }

  .m-xxl-35 {
    margin: 175px !important;
  }

  .m-xxl-n35 {
    margin: -175px !important;
  }

  .p-xxl-35 {
    padding: 175px !important;
  }

  .m-xxl-36 {
    margin: 180px !important;
  }

  .m-xxl-n36 {
    margin: -180px !important;
  }

  .p-xxl-36 {
    padding: 180px !important;
  }

  .m-xxl-37 {
    margin: 185px !important;
  }

  .m-xxl-n37 {
    margin: -185px !important;
  }

  .p-xxl-37 {
    padding: 185px !important;
  }

  .m-xxl-38 {
    margin: 190px !important;
  }

  .m-xxl-n38 {
    margin: -190px !important;
  }

  .p-xxl-38 {
    padding: 190px !important;
  }

  .m-xxl-39 {
    margin: 195px !important;
  }

  .m-xxl-n39 {
    margin: -195px !important;
  }

  .p-xxl-39 {
    padding: 195px !important;
  }

  .m-xxl-40 {
    margin: 200px !important;
  }

  .m-xxl-n40 {
    margin: -200px !important;
  }

  .p-xxl-40 {
    padding: 200px !important;
  }

  .m-xxl-41 {
    margin: 205px !important;
  }

  .m-xxl-n41 {
    margin: -205px !important;
  }

  .p-xxl-41 {
    padding: 205px !important;
  }

  .m-xxl-42 {
    margin: 210px !important;
  }

  .m-xxl-n42 {
    margin: -210px !important;
  }

  .p-xxl-42 {
    padding: 210px !important;
  }

  .m-xxl-43 {
    margin: 215px !important;
  }

  .m-xxl-n43 {
    margin: -215px !important;
  }

  .p-xxl-43 {
    padding: 215px !important;
  }

  .m-xxl-44 {
    margin: 220px !important;
  }

  .m-xxl-n44 {
    margin: -220px !important;
  }

  .p-xxl-44 {
    padding: 220px !important;
  }

  .m-xxl-45 {
    margin: 225px !important;
  }

  .m-xxl-n45 {
    margin: -225px !important;
  }

  .p-xxl-45 {
    padding: 225px !important;
  }

  .m-xxl-46 {
    margin: 230px !important;
  }

  .m-xxl-n46 {
    margin: -230px !important;
  }

  .p-xxl-46 {
    padding: 230px !important;
  }

  .m-xxl-47 {
    margin: 235px !important;
  }

  .m-xxl-n47 {
    margin: -235px !important;
  }

  .p-xxl-47 {
    padding: 235px !important;
  }

  .m-xxl-48 {
    margin: 240px !important;
  }

  .m-xxl-n48 {
    margin: -240px !important;
  }

  .p-xxl-48 {
    padding: 240px !important;
  }

  .m-xxl-49 {
    margin: 245px !important;
  }

  .m-xxl-n49 {
    margin: -245px !important;
  }

  .p-xxl-49 {
    padding: 245px !important;
  }

  .m-xxl-50 {
    margin: 250px !important;
  }

  .m-xxl-n50 {
    margin: -250px !important;
  }

  .p-xxl-50 {
    padding: 250px !important;
  }

  .m-xxl-spaceless {
    margin: 0px !important;
  }

  .m-xxl-n-spaceless {
    margin: 0px !important;
  }

  .p-xxl-spaceless {
    padding: 0px !important;
  }

  .m-xxl-condensed {
    margin: 5px !important;
  }

  .m-xxl-n-condensed {
    margin: -5px !important;
  }

  .p-xxl-condensed {
    padding: 5px !important;
  }

  .m-xxl-spaced {
    margin: 10px !important;
  }

  .m-xxl-n-spaced {
    margin: -10px !important;
  }

  .p-xxl-spaced {
    padding: 10px !important;
  }

  .m-xxl-normal {
    margin: 15px !important;
  }

  .m-xxl-n-normal {
    margin: -15px !important;
  }

  .p-xxl-normal {
    padding: 15px !important;
  }

  .m-xxl {
    margin: 15px !important;
  }

  .m-xxl-n {
    margin: -15px !important;
  }

  .p-xxl {
    padding: 15px !important;
  }

  .m-xxl-semi-wide {
    margin: 20px !important;
  }

  .m-xxl-n-semi-wide {
    margin: -20px !important;
  }

  .p-xxl-semi-wide {
    padding: 20px !important;
  }

  .m-xxl-wide {
    margin: 30px !important;
  }

  .m-xxl-n-wide {
    margin: -30px !important;
  }

  .p-xxl-wide {
    padding: 30px !important;
  }

  .m-xxl-large {
    margin: 60px !important;
  }

  .m-xxl-n-large {
    margin: -60px !important;
  }

  .p-xxl-large {
    padding: 60px !important;
  }

  .m-xxl-huge {
    margin: 90px !important;
  }

  .m-xxl-n-huge {
    margin: -90px !important;
  }

  .p-xxl-huge {
    padding: 90px !important;
  }

  .m-xxl-ncondensed {
    margin: -5px !important;
  }

  .m-xxl-n-ncondensed {
    margin: --5px !important;
  }

  .p-xxl-ncondensed {
    padding: -5px !important;
  }

  .m-xxl-nspaced {
    margin: -10px !important;
  }

  .m-xxl-n-nspaced {
    margin: --10px !important;
  }

  .p-xxl-nspaced {
    padding: -10px !important;
  }

  .m-xxl-nnormal {
    margin: -15px !important;
  }

  .m-xxl-n-nnormal {
    margin: --15px !important;
  }

  .p-xxl-nnormal {
    padding: -15px !important;
  }

  .m-xxl-nsemi-wide {
    margin: -20px !important;
  }

  .m-xxl-n-nsemi-wide {
    margin: --20px !important;
  }

  .p-xxl-nsemi-wide {
    padding: -20px !important;
  }

  .m-xxl-nwide {
    margin: -30px !important;
  }

  .m-xxl-n-nwide {
    margin: --30px !important;
  }

  .p-xxl-nwide {
    padding: -30px !important;
  }

  .m-xxl-nlarge {
    margin: -60px !important;
  }

  .m-xxl-n-nlarge {
    margin: --60px !important;
  }

  .p-xxl-nlarge {
    padding: -60px !important;
  }

  .m-xxl-nhuge {
    margin: -90px !important;
  }

  .m-xxl-n-nhuge {
    margin: --90px !important;
  }

  .p-xxl-nhuge {
    padding: -90px !important;
  }
}
@media (min-width: 0px) {
  .my-0, .mt-0 {
    margin-top: 0px !important;
  }

  .mx-0, .mr-0 {
    margin-right: 0px !important;
  }

  .my-0, .mb-0 {
    margin-bottom: 0px !important;
  }

  .mx-0, .ml-0 {
    margin-left: 0px !important;
  }

  .my-n0, .mt-n0 {
    margin-top: 0px !important;
  }

  .mx-n0, .mr-n0 {
    margin-right: 0px !important;
  }

  .my-n0, .mb-n0 {
    margin-bottom: 0px !important;
  }

  .mx-n0, .ml-n0 {
    margin-left: 0px !important;
  }

  .py-0, .pt-0 {
    padding-top: 0px !important;
  }

  .px-0, .pr-0 {
    padding-right: 0px !important;
  }

  .py-0, .pb-0 {
    padding-bottom: 0px !important;
  }

  .px-0, .pl-0 {
    padding-left: 0px !important;
  }

  .my-1, .mt-1 {
    margin-top: 5px !important;
  }

  .mx-1, .mr-1 {
    margin-right: 5px !important;
  }

  .my-1, .mb-1 {
    margin-bottom: 5px !important;
  }

  .mx-1, .ml-1 {
    margin-left: 5px !important;
  }

  .my-n1, .mt-n1 {
    margin-top: -5px !important;
  }

  .mx-n1, .mr-n1 {
    margin-right: -5px !important;
  }

  .my-n1, .mb-n1 {
    margin-bottom: -5px !important;
  }

  .mx-n1, .ml-n1 {
    margin-left: -5px !important;
  }

  .py-1, .pt-1 {
    padding-top: 5px !important;
  }

  .px-1, .pr-1 {
    padding-right: 5px !important;
  }

  .py-1, .pb-1 {
    padding-bottom: 5px !important;
  }

  .px-1, .pl-1 {
    padding-left: 5px !important;
  }

  .my-2, .mt-2 {
    margin-top: 10px !important;
  }

  .mx-2, .mr-2 {
    margin-right: 10px !important;
  }

  .my-2, .mb-2 {
    margin-bottom: 10px !important;
  }

  .mx-2, .ml-2 {
    margin-left: 10px !important;
  }

  .my-n2, .mt-n2 {
    margin-top: -10px !important;
  }

  .mx-n2, .mr-n2 {
    margin-right: -10px !important;
  }

  .my-n2, .mb-n2 {
    margin-bottom: -10px !important;
  }

  .mx-n2, .ml-n2 {
    margin-left: -10px !important;
  }

  .py-2, .pt-2 {
    padding-top: 10px !important;
  }

  .px-2, .pr-2 {
    padding-right: 10px !important;
  }

  .py-2, .pb-2 {
    padding-bottom: 10px !important;
  }

  .px-2, .pl-2 {
    padding-left: 10px !important;
  }

  .my-3, .mt-3 {
    margin-top: 15px !important;
  }

  .mx-3, .mr-3 {
    margin-right: 15px !important;
  }

  .my-3, .mb-3 {
    margin-bottom: 15px !important;
  }

  .mx-3, .ml-3 {
    margin-left: 15px !important;
  }

  .my-n3, .mt-n3 {
    margin-top: -15px !important;
  }

  .mx-n3, .mr-n3 {
    margin-right: -15px !important;
  }

  .my-n3, .mb-n3 {
    margin-bottom: -15px !important;
  }

  .mx-n3, .ml-n3 {
    margin-left: -15px !important;
  }

  .py-3, .pt-3 {
    padding-top: 15px !important;
  }

  .px-3, .pr-3 {
    padding-right: 15px !important;
  }

  .py-3, .pb-3 {
    padding-bottom: 15px !important;
  }

  .px-3, .pl-3 {
    padding-left: 15px !important;
  }

  .my-4, .mt-4 {
    margin-top: 20px !important;
  }

  .mx-4, .mr-4 {
    margin-right: 20px !important;
  }

  .my-4, .mb-4 {
    margin-bottom: 20px !important;
  }

  .mx-4, .ml-4 {
    margin-left: 20px !important;
  }

  .my-n4, .mt-n4 {
    margin-top: -20px !important;
  }

  .mx-n4, .mr-n4 {
    margin-right: -20px !important;
  }

  .my-n4, .mb-n4 {
    margin-bottom: -20px !important;
  }

  .mx-n4, .ml-n4 {
    margin-left: -20px !important;
  }

  .py-4, .pt-4 {
    padding-top: 20px !important;
  }

  .px-4, .pr-4 {
    padding-right: 20px !important;
  }

  .py-4, .pb-4 {
    padding-bottom: 20px !important;
  }

  .px-4, .pl-4 {
    padding-left: 20px !important;
  }

  .my-5, .mt-5 {
    margin-top: 25px !important;
  }

  .mx-5, .mr-5 {
    margin-right: 25px !important;
  }

  .my-5, .mb-5 {
    margin-bottom: 25px !important;
  }

  .mx-5, .ml-5 {
    margin-left: 25px !important;
  }

  .my-n5, .mt-n5 {
    margin-top: -25px !important;
  }

  .mx-n5, .mr-n5 {
    margin-right: -25px !important;
  }

  .my-n5, .mb-n5 {
    margin-bottom: -25px !important;
  }

  .mx-n5, .ml-n5 {
    margin-left: -25px !important;
  }

  .py-5, .pt-5 {
    padding-top: 25px !important;
  }

  .px-5, .pr-5 {
    padding-right: 25px !important;
  }

  .py-5, .pb-5 {
    padding-bottom: 25px !important;
  }

  .px-5, .pl-5 {
    padding-left: 25px !important;
  }

  .my-6, .mt-6 {
    margin-top: 30px !important;
  }

  .mx-6, .mr-6 {
    margin-right: 30px !important;
  }

  .my-6, .mb-6 {
    margin-bottom: 30px !important;
  }

  .mx-6, .ml-6 {
    margin-left: 30px !important;
  }

  .my-n6, .mt-n6 {
    margin-top: -30px !important;
  }

  .mx-n6, .mr-n6 {
    margin-right: -30px !important;
  }

  .my-n6, .mb-n6 {
    margin-bottom: -30px !important;
  }

  .mx-n6, .ml-n6 {
    margin-left: -30px !important;
  }

  .py-6, .pt-6 {
    padding-top: 30px !important;
  }

  .px-6, .pr-6 {
    padding-right: 30px !important;
  }

  .py-6, .pb-6 {
    padding-bottom: 30px !important;
  }

  .px-6, .pl-6 {
    padding-left: 30px !important;
  }

  .my-7, .mt-7 {
    margin-top: 35px !important;
  }

  .mx-7, .mr-7 {
    margin-right: 35px !important;
  }

  .my-7, .mb-7 {
    margin-bottom: 35px !important;
  }

  .mx-7, .ml-7 {
    margin-left: 35px !important;
  }

  .my-n7, .mt-n7 {
    margin-top: -35px !important;
  }

  .mx-n7, .mr-n7 {
    margin-right: -35px !important;
  }

  .my-n7, .mb-n7 {
    margin-bottom: -35px !important;
  }

  .mx-n7, .ml-n7 {
    margin-left: -35px !important;
  }

  .py-7, .pt-7 {
    padding-top: 35px !important;
  }

  .px-7, .pr-7 {
    padding-right: 35px !important;
  }

  .py-7, .pb-7 {
    padding-bottom: 35px !important;
  }

  .px-7, .pl-7 {
    padding-left: 35px !important;
  }

  .my-8, .mt-8 {
    margin-top: 40px !important;
  }

  .mx-8, .mr-8 {
    margin-right: 40px !important;
  }

  .my-8, .mb-8 {
    margin-bottom: 40px !important;
  }

  .mx-8, .ml-8 {
    margin-left: 40px !important;
  }

  .my-n8, .mt-n8 {
    margin-top: -40px !important;
  }

  .mx-n8, .mr-n8 {
    margin-right: -40px !important;
  }

  .my-n8, .mb-n8 {
    margin-bottom: -40px !important;
  }

  .mx-n8, .ml-n8 {
    margin-left: -40px !important;
  }

  .py-8, .pt-8 {
    padding-top: 40px !important;
  }

  .px-8, .pr-8 {
    padding-right: 40px !important;
  }

  .py-8, .pb-8 {
    padding-bottom: 40px !important;
  }

  .px-8, .pl-8 {
    padding-left: 40px !important;
  }

  .my-9, .mt-9 {
    margin-top: 45px !important;
  }

  .mx-9, .mr-9 {
    margin-right: 45px !important;
  }

  .my-9, .mb-9 {
    margin-bottom: 45px !important;
  }

  .mx-9, .ml-9 {
    margin-left: 45px !important;
  }

  .my-n9, .mt-n9 {
    margin-top: -45px !important;
  }

  .mx-n9, .mr-n9 {
    margin-right: -45px !important;
  }

  .my-n9, .mb-n9 {
    margin-bottom: -45px !important;
  }

  .mx-n9, .ml-n9 {
    margin-left: -45px !important;
  }

  .py-9, .pt-9 {
    padding-top: 45px !important;
  }

  .px-9, .pr-9 {
    padding-right: 45px !important;
  }

  .py-9, .pb-9 {
    padding-bottom: 45px !important;
  }

  .px-9, .pl-9 {
    padding-left: 45px !important;
  }

  .my-10, .mt-10 {
    margin-top: 50px !important;
  }

  .mx-10, .mr-10 {
    margin-right: 50px !important;
  }

  .my-10, .mb-10 {
    margin-bottom: 50px !important;
  }

  .mx-10, .ml-10 {
    margin-left: 50px !important;
  }

  .my-n10, .mt-n10 {
    margin-top: -50px !important;
  }

  .mx-n10, .mr-n10 {
    margin-right: -50px !important;
  }

  .my-n10, .mb-n10 {
    margin-bottom: -50px !important;
  }

  .mx-n10, .ml-n10 {
    margin-left: -50px !important;
  }

  .py-10, .pt-10 {
    padding-top: 50px !important;
  }

  .px-10, .pr-10 {
    padding-right: 50px !important;
  }

  .py-10, .pb-10 {
    padding-bottom: 50px !important;
  }

  .px-10, .pl-10 {
    padding-left: 50px !important;
  }

  .my-11, .mt-11 {
    margin-top: 55px !important;
  }

  .mx-11, .mr-11 {
    margin-right: 55px !important;
  }

  .my-11, .mb-11 {
    margin-bottom: 55px !important;
  }

  .mx-11, .ml-11 {
    margin-left: 55px !important;
  }

  .my-n11, .mt-n11 {
    margin-top: -55px !important;
  }

  .mx-n11, .mr-n11 {
    margin-right: -55px !important;
  }

  .my-n11, .mb-n11 {
    margin-bottom: -55px !important;
  }

  .mx-n11, .ml-n11 {
    margin-left: -55px !important;
  }

  .py-11, .pt-11 {
    padding-top: 55px !important;
  }

  .px-11, .pr-11 {
    padding-right: 55px !important;
  }

  .py-11, .pb-11 {
    padding-bottom: 55px !important;
  }

  .px-11, .pl-11 {
    padding-left: 55px !important;
  }

  .my-12, .mt-12 {
    margin-top: 60px !important;
  }

  .mx-12, .mr-12 {
    margin-right: 60px !important;
  }

  .my-12, .mb-12 {
    margin-bottom: 60px !important;
  }

  .mx-12, .ml-12 {
    margin-left: 60px !important;
  }

  .my-n12, .mt-n12 {
    margin-top: -60px !important;
  }

  .mx-n12, .mr-n12 {
    margin-right: -60px !important;
  }

  .my-n12, .mb-n12 {
    margin-bottom: -60px !important;
  }

  .mx-n12, .ml-n12 {
    margin-left: -60px !important;
  }

  .py-12, .pt-12 {
    padding-top: 60px !important;
  }

  .px-12, .pr-12 {
    padding-right: 60px !important;
  }

  .py-12, .pb-12 {
    padding-bottom: 60px !important;
  }

  .px-12, .pl-12 {
    padding-left: 60px !important;
  }

  .my-13, .mt-13 {
    margin-top: 65px !important;
  }

  .mx-13, .mr-13 {
    margin-right: 65px !important;
  }

  .my-13, .mb-13 {
    margin-bottom: 65px !important;
  }

  .mx-13, .ml-13 {
    margin-left: 65px !important;
  }

  .my-n13, .mt-n13 {
    margin-top: -65px !important;
  }

  .mx-n13, .mr-n13 {
    margin-right: -65px !important;
  }

  .my-n13, .mb-n13 {
    margin-bottom: -65px !important;
  }

  .mx-n13, .ml-n13 {
    margin-left: -65px !important;
  }

  .py-13, .pt-13 {
    padding-top: 65px !important;
  }

  .px-13, .pr-13 {
    padding-right: 65px !important;
  }

  .py-13, .pb-13 {
    padding-bottom: 65px !important;
  }

  .px-13, .pl-13 {
    padding-left: 65px !important;
  }

  .my-14, .mt-14 {
    margin-top: 70px !important;
  }

  .mx-14, .mr-14 {
    margin-right: 70px !important;
  }

  .my-14, .mb-14 {
    margin-bottom: 70px !important;
  }

  .mx-14, .ml-14 {
    margin-left: 70px !important;
  }

  .my-n14, .mt-n14 {
    margin-top: -70px !important;
  }

  .mx-n14, .mr-n14 {
    margin-right: -70px !important;
  }

  .my-n14, .mb-n14 {
    margin-bottom: -70px !important;
  }

  .mx-n14, .ml-n14 {
    margin-left: -70px !important;
  }

  .py-14, .pt-14 {
    padding-top: 70px !important;
  }

  .px-14, .pr-14 {
    padding-right: 70px !important;
  }

  .py-14, .pb-14 {
    padding-bottom: 70px !important;
  }

  .px-14, .pl-14 {
    padding-left: 70px !important;
  }

  .my-15, .mt-15 {
    margin-top: 75px !important;
  }

  .mx-15, .mr-15 {
    margin-right: 75px !important;
  }

  .my-15, .mb-15 {
    margin-bottom: 75px !important;
  }

  .mx-15, .ml-15 {
    margin-left: 75px !important;
  }

  .my-n15, .mt-n15 {
    margin-top: -75px !important;
  }

  .mx-n15, .mr-n15 {
    margin-right: -75px !important;
  }

  .my-n15, .mb-n15 {
    margin-bottom: -75px !important;
  }

  .mx-n15, .ml-n15 {
    margin-left: -75px !important;
  }

  .py-15, .pt-15 {
    padding-top: 75px !important;
  }

  .px-15, .pr-15 {
    padding-right: 75px !important;
  }

  .py-15, .pb-15 {
    padding-bottom: 75px !important;
  }

  .px-15, .pl-15 {
    padding-left: 75px !important;
  }

  .my-16, .mt-16 {
    margin-top: 80px !important;
  }

  .mx-16, .mr-16 {
    margin-right: 80px !important;
  }

  .my-16, .mb-16 {
    margin-bottom: 80px !important;
  }

  .mx-16, .ml-16 {
    margin-left: 80px !important;
  }

  .my-n16, .mt-n16 {
    margin-top: -80px !important;
  }

  .mx-n16, .mr-n16 {
    margin-right: -80px !important;
  }

  .my-n16, .mb-n16 {
    margin-bottom: -80px !important;
  }

  .mx-n16, .ml-n16 {
    margin-left: -80px !important;
  }

  .py-16, .pt-16 {
    padding-top: 80px !important;
  }

  .px-16, .pr-16 {
    padding-right: 80px !important;
  }

  .py-16, .pb-16 {
    padding-bottom: 80px !important;
  }

  .px-16, .pl-16 {
    padding-left: 80px !important;
  }

  .my-17, .mt-17 {
    margin-top: 85px !important;
  }

  .mx-17, .mr-17 {
    margin-right: 85px !important;
  }

  .my-17, .mb-17 {
    margin-bottom: 85px !important;
  }

  .mx-17, .ml-17 {
    margin-left: 85px !important;
  }

  .my-n17, .mt-n17 {
    margin-top: -85px !important;
  }

  .mx-n17, .mr-n17 {
    margin-right: -85px !important;
  }

  .my-n17, .mb-n17 {
    margin-bottom: -85px !important;
  }

  .mx-n17, .ml-n17 {
    margin-left: -85px !important;
  }

  .py-17, .pt-17 {
    padding-top: 85px !important;
  }

  .px-17, .pr-17 {
    padding-right: 85px !important;
  }

  .py-17, .pb-17 {
    padding-bottom: 85px !important;
  }

  .px-17, .pl-17 {
    padding-left: 85px !important;
  }

  .my-18, .mt-18 {
    margin-top: 90px !important;
  }

  .mx-18, .mr-18 {
    margin-right: 90px !important;
  }

  .my-18, .mb-18 {
    margin-bottom: 90px !important;
  }

  .mx-18, .ml-18 {
    margin-left: 90px !important;
  }

  .my-n18, .mt-n18 {
    margin-top: -90px !important;
  }

  .mx-n18, .mr-n18 {
    margin-right: -90px !important;
  }

  .my-n18, .mb-n18 {
    margin-bottom: -90px !important;
  }

  .mx-n18, .ml-n18 {
    margin-left: -90px !important;
  }

  .py-18, .pt-18 {
    padding-top: 90px !important;
  }

  .px-18, .pr-18 {
    padding-right: 90px !important;
  }

  .py-18, .pb-18 {
    padding-bottom: 90px !important;
  }

  .px-18, .pl-18 {
    padding-left: 90px !important;
  }

  .my-19, .mt-19 {
    margin-top: 95px !important;
  }

  .mx-19, .mr-19 {
    margin-right: 95px !important;
  }

  .my-19, .mb-19 {
    margin-bottom: 95px !important;
  }

  .mx-19, .ml-19 {
    margin-left: 95px !important;
  }

  .my-n19, .mt-n19 {
    margin-top: -95px !important;
  }

  .mx-n19, .mr-n19 {
    margin-right: -95px !important;
  }

  .my-n19, .mb-n19 {
    margin-bottom: -95px !important;
  }

  .mx-n19, .ml-n19 {
    margin-left: -95px !important;
  }

  .py-19, .pt-19 {
    padding-top: 95px !important;
  }

  .px-19, .pr-19 {
    padding-right: 95px !important;
  }

  .py-19, .pb-19 {
    padding-bottom: 95px !important;
  }

  .px-19, .pl-19 {
    padding-left: 95px !important;
  }

  .my-20, .mt-20 {
    margin-top: 100px !important;
  }

  .mx-20, .mr-20 {
    margin-right: 100px !important;
  }

  .my-20, .mb-20 {
    margin-bottom: 100px !important;
  }

  .mx-20, .ml-20 {
    margin-left: 100px !important;
  }

  .my-n20, .mt-n20 {
    margin-top: -100px !important;
  }

  .mx-n20, .mr-n20 {
    margin-right: -100px !important;
  }

  .my-n20, .mb-n20 {
    margin-bottom: -100px !important;
  }

  .mx-n20, .ml-n20 {
    margin-left: -100px !important;
  }

  .py-20, .pt-20 {
    padding-top: 100px !important;
  }

  .px-20, .pr-20 {
    padding-right: 100px !important;
  }

  .py-20, .pb-20 {
    padding-bottom: 100px !important;
  }

  .px-20, .pl-20 {
    padding-left: 100px !important;
  }

  .my-21, .mt-21 {
    margin-top: 105px !important;
  }

  .mx-21, .mr-21 {
    margin-right: 105px !important;
  }

  .my-21, .mb-21 {
    margin-bottom: 105px !important;
  }

  .mx-21, .ml-21 {
    margin-left: 105px !important;
  }

  .my-n21, .mt-n21 {
    margin-top: -105px !important;
  }

  .mx-n21, .mr-n21 {
    margin-right: -105px !important;
  }

  .my-n21, .mb-n21 {
    margin-bottom: -105px !important;
  }

  .mx-n21, .ml-n21 {
    margin-left: -105px !important;
  }

  .py-21, .pt-21 {
    padding-top: 105px !important;
  }

  .px-21, .pr-21 {
    padding-right: 105px !important;
  }

  .py-21, .pb-21 {
    padding-bottom: 105px !important;
  }

  .px-21, .pl-21 {
    padding-left: 105px !important;
  }

  .my-22, .mt-22 {
    margin-top: 110px !important;
  }

  .mx-22, .mr-22 {
    margin-right: 110px !important;
  }

  .my-22, .mb-22 {
    margin-bottom: 110px !important;
  }

  .mx-22, .ml-22 {
    margin-left: 110px !important;
  }

  .my-n22, .mt-n22 {
    margin-top: -110px !important;
  }

  .mx-n22, .mr-n22 {
    margin-right: -110px !important;
  }

  .my-n22, .mb-n22 {
    margin-bottom: -110px !important;
  }

  .mx-n22, .ml-n22 {
    margin-left: -110px !important;
  }

  .py-22, .pt-22 {
    padding-top: 110px !important;
  }

  .px-22, .pr-22 {
    padding-right: 110px !important;
  }

  .py-22, .pb-22 {
    padding-bottom: 110px !important;
  }

  .px-22, .pl-22 {
    padding-left: 110px !important;
  }

  .my-23, .mt-23 {
    margin-top: 115px !important;
  }

  .mx-23, .mr-23 {
    margin-right: 115px !important;
  }

  .my-23, .mb-23 {
    margin-bottom: 115px !important;
  }

  .mx-23, .ml-23 {
    margin-left: 115px !important;
  }

  .my-n23, .mt-n23 {
    margin-top: -115px !important;
  }

  .mx-n23, .mr-n23 {
    margin-right: -115px !important;
  }

  .my-n23, .mb-n23 {
    margin-bottom: -115px !important;
  }

  .mx-n23, .ml-n23 {
    margin-left: -115px !important;
  }

  .py-23, .pt-23 {
    padding-top: 115px !important;
  }

  .px-23, .pr-23 {
    padding-right: 115px !important;
  }

  .py-23, .pb-23 {
    padding-bottom: 115px !important;
  }

  .px-23, .pl-23 {
    padding-left: 115px !important;
  }

  .my-24, .mt-24 {
    margin-top: 120px !important;
  }

  .mx-24, .mr-24 {
    margin-right: 120px !important;
  }

  .my-24, .mb-24 {
    margin-bottom: 120px !important;
  }

  .mx-24, .ml-24 {
    margin-left: 120px !important;
  }

  .my-n24, .mt-n24 {
    margin-top: -120px !important;
  }

  .mx-n24, .mr-n24 {
    margin-right: -120px !important;
  }

  .my-n24, .mb-n24 {
    margin-bottom: -120px !important;
  }

  .mx-n24, .ml-n24 {
    margin-left: -120px !important;
  }

  .py-24, .pt-24 {
    padding-top: 120px !important;
  }

  .px-24, .pr-24 {
    padding-right: 120px !important;
  }

  .py-24, .pb-24 {
    padding-bottom: 120px !important;
  }

  .px-24, .pl-24 {
    padding-left: 120px !important;
  }

  .my-25, .mt-25 {
    margin-top: 125px !important;
  }

  .mx-25, .mr-25 {
    margin-right: 125px !important;
  }

  .my-25, .mb-25 {
    margin-bottom: 125px !important;
  }

  .mx-25, .ml-25 {
    margin-left: 125px !important;
  }

  .my-n25, .mt-n25 {
    margin-top: -125px !important;
  }

  .mx-n25, .mr-n25 {
    margin-right: -125px !important;
  }

  .my-n25, .mb-n25 {
    margin-bottom: -125px !important;
  }

  .mx-n25, .ml-n25 {
    margin-left: -125px !important;
  }

  .py-25, .pt-25 {
    padding-top: 125px !important;
  }

  .px-25, .pr-25 {
    padding-right: 125px !important;
  }

  .py-25, .pb-25 {
    padding-bottom: 125px !important;
  }

  .px-25, .pl-25 {
    padding-left: 125px !important;
  }

  .my-26, .mt-26 {
    margin-top: 130px !important;
  }

  .mx-26, .mr-26 {
    margin-right: 130px !important;
  }

  .my-26, .mb-26 {
    margin-bottom: 130px !important;
  }

  .mx-26, .ml-26 {
    margin-left: 130px !important;
  }

  .my-n26, .mt-n26 {
    margin-top: -130px !important;
  }

  .mx-n26, .mr-n26 {
    margin-right: -130px !important;
  }

  .my-n26, .mb-n26 {
    margin-bottom: -130px !important;
  }

  .mx-n26, .ml-n26 {
    margin-left: -130px !important;
  }

  .py-26, .pt-26 {
    padding-top: 130px !important;
  }

  .px-26, .pr-26 {
    padding-right: 130px !important;
  }

  .py-26, .pb-26 {
    padding-bottom: 130px !important;
  }

  .px-26, .pl-26 {
    padding-left: 130px !important;
  }

  .my-27, .mt-27 {
    margin-top: 135px !important;
  }

  .mx-27, .mr-27 {
    margin-right: 135px !important;
  }

  .my-27, .mb-27 {
    margin-bottom: 135px !important;
  }

  .mx-27, .ml-27 {
    margin-left: 135px !important;
  }

  .my-n27, .mt-n27 {
    margin-top: -135px !important;
  }

  .mx-n27, .mr-n27 {
    margin-right: -135px !important;
  }

  .my-n27, .mb-n27 {
    margin-bottom: -135px !important;
  }

  .mx-n27, .ml-n27 {
    margin-left: -135px !important;
  }

  .py-27, .pt-27 {
    padding-top: 135px !important;
  }

  .px-27, .pr-27 {
    padding-right: 135px !important;
  }

  .py-27, .pb-27 {
    padding-bottom: 135px !important;
  }

  .px-27, .pl-27 {
    padding-left: 135px !important;
  }

  .my-28, .mt-28 {
    margin-top: 140px !important;
  }

  .mx-28, .mr-28 {
    margin-right: 140px !important;
  }

  .my-28, .mb-28 {
    margin-bottom: 140px !important;
  }

  .mx-28, .ml-28 {
    margin-left: 140px !important;
  }

  .my-n28, .mt-n28 {
    margin-top: -140px !important;
  }

  .mx-n28, .mr-n28 {
    margin-right: -140px !important;
  }

  .my-n28, .mb-n28 {
    margin-bottom: -140px !important;
  }

  .mx-n28, .ml-n28 {
    margin-left: -140px !important;
  }

  .py-28, .pt-28 {
    padding-top: 140px !important;
  }

  .px-28, .pr-28 {
    padding-right: 140px !important;
  }

  .py-28, .pb-28 {
    padding-bottom: 140px !important;
  }

  .px-28, .pl-28 {
    padding-left: 140px !important;
  }

  .my-29, .mt-29 {
    margin-top: 145px !important;
  }

  .mx-29, .mr-29 {
    margin-right: 145px !important;
  }

  .my-29, .mb-29 {
    margin-bottom: 145px !important;
  }

  .mx-29, .ml-29 {
    margin-left: 145px !important;
  }

  .my-n29, .mt-n29 {
    margin-top: -145px !important;
  }

  .mx-n29, .mr-n29 {
    margin-right: -145px !important;
  }

  .my-n29, .mb-n29 {
    margin-bottom: -145px !important;
  }

  .mx-n29, .ml-n29 {
    margin-left: -145px !important;
  }

  .py-29, .pt-29 {
    padding-top: 145px !important;
  }

  .px-29, .pr-29 {
    padding-right: 145px !important;
  }

  .py-29, .pb-29 {
    padding-bottom: 145px !important;
  }

  .px-29, .pl-29 {
    padding-left: 145px !important;
  }

  .my-30, .mt-30 {
    margin-top: 150px !important;
  }

  .mx-30, .mr-30 {
    margin-right: 150px !important;
  }

  .my-30, .mb-30 {
    margin-bottom: 150px !important;
  }

  .mx-30, .ml-30 {
    margin-left: 150px !important;
  }

  .my-n30, .mt-n30 {
    margin-top: -150px !important;
  }

  .mx-n30, .mr-n30 {
    margin-right: -150px !important;
  }

  .my-n30, .mb-n30 {
    margin-bottom: -150px !important;
  }

  .mx-n30, .ml-n30 {
    margin-left: -150px !important;
  }

  .py-30, .pt-30 {
    padding-top: 150px !important;
  }

  .px-30, .pr-30 {
    padding-right: 150px !important;
  }

  .py-30, .pb-30 {
    padding-bottom: 150px !important;
  }

  .px-30, .pl-30 {
    padding-left: 150px !important;
  }

  .my-31, .mt-31 {
    margin-top: 155px !important;
  }

  .mx-31, .mr-31 {
    margin-right: 155px !important;
  }

  .my-31, .mb-31 {
    margin-bottom: 155px !important;
  }

  .mx-31, .ml-31 {
    margin-left: 155px !important;
  }

  .my-n31, .mt-n31 {
    margin-top: -155px !important;
  }

  .mx-n31, .mr-n31 {
    margin-right: -155px !important;
  }

  .my-n31, .mb-n31 {
    margin-bottom: -155px !important;
  }

  .mx-n31, .ml-n31 {
    margin-left: -155px !important;
  }

  .py-31, .pt-31 {
    padding-top: 155px !important;
  }

  .px-31, .pr-31 {
    padding-right: 155px !important;
  }

  .py-31, .pb-31 {
    padding-bottom: 155px !important;
  }

  .px-31, .pl-31 {
    padding-left: 155px !important;
  }

  .my-32, .mt-32 {
    margin-top: 160px !important;
  }

  .mx-32, .mr-32 {
    margin-right: 160px !important;
  }

  .my-32, .mb-32 {
    margin-bottom: 160px !important;
  }

  .mx-32, .ml-32 {
    margin-left: 160px !important;
  }

  .my-n32, .mt-n32 {
    margin-top: -160px !important;
  }

  .mx-n32, .mr-n32 {
    margin-right: -160px !important;
  }

  .my-n32, .mb-n32 {
    margin-bottom: -160px !important;
  }

  .mx-n32, .ml-n32 {
    margin-left: -160px !important;
  }

  .py-32, .pt-32 {
    padding-top: 160px !important;
  }

  .px-32, .pr-32 {
    padding-right: 160px !important;
  }

  .py-32, .pb-32 {
    padding-bottom: 160px !important;
  }

  .px-32, .pl-32 {
    padding-left: 160px !important;
  }

  .my-33, .mt-33 {
    margin-top: 165px !important;
  }

  .mx-33, .mr-33 {
    margin-right: 165px !important;
  }

  .my-33, .mb-33 {
    margin-bottom: 165px !important;
  }

  .mx-33, .ml-33 {
    margin-left: 165px !important;
  }

  .my-n33, .mt-n33 {
    margin-top: -165px !important;
  }

  .mx-n33, .mr-n33 {
    margin-right: -165px !important;
  }

  .my-n33, .mb-n33 {
    margin-bottom: -165px !important;
  }

  .mx-n33, .ml-n33 {
    margin-left: -165px !important;
  }

  .py-33, .pt-33 {
    padding-top: 165px !important;
  }

  .px-33, .pr-33 {
    padding-right: 165px !important;
  }

  .py-33, .pb-33 {
    padding-bottom: 165px !important;
  }

  .px-33, .pl-33 {
    padding-left: 165px !important;
  }

  .my-34, .mt-34 {
    margin-top: 170px !important;
  }

  .mx-34, .mr-34 {
    margin-right: 170px !important;
  }

  .my-34, .mb-34 {
    margin-bottom: 170px !important;
  }

  .mx-34, .ml-34 {
    margin-left: 170px !important;
  }

  .my-n34, .mt-n34 {
    margin-top: -170px !important;
  }

  .mx-n34, .mr-n34 {
    margin-right: -170px !important;
  }

  .my-n34, .mb-n34 {
    margin-bottom: -170px !important;
  }

  .mx-n34, .ml-n34 {
    margin-left: -170px !important;
  }

  .py-34, .pt-34 {
    padding-top: 170px !important;
  }

  .px-34, .pr-34 {
    padding-right: 170px !important;
  }

  .py-34, .pb-34 {
    padding-bottom: 170px !important;
  }

  .px-34, .pl-34 {
    padding-left: 170px !important;
  }

  .my-35, .mt-35 {
    margin-top: 175px !important;
  }

  .mx-35, .mr-35 {
    margin-right: 175px !important;
  }

  .my-35, .mb-35 {
    margin-bottom: 175px !important;
  }

  .mx-35, .ml-35 {
    margin-left: 175px !important;
  }

  .my-n35, .mt-n35 {
    margin-top: -175px !important;
  }

  .mx-n35, .mr-n35 {
    margin-right: -175px !important;
  }

  .my-n35, .mb-n35 {
    margin-bottom: -175px !important;
  }

  .mx-n35, .ml-n35 {
    margin-left: -175px !important;
  }

  .py-35, .pt-35 {
    padding-top: 175px !important;
  }

  .px-35, .pr-35 {
    padding-right: 175px !important;
  }

  .py-35, .pb-35 {
    padding-bottom: 175px !important;
  }

  .px-35, .pl-35 {
    padding-left: 175px !important;
  }

  .my-36, .mt-36 {
    margin-top: 180px !important;
  }

  .mx-36, .mr-36 {
    margin-right: 180px !important;
  }

  .my-36, .mb-36 {
    margin-bottom: 180px !important;
  }

  .mx-36, .ml-36 {
    margin-left: 180px !important;
  }

  .my-n36, .mt-n36 {
    margin-top: -180px !important;
  }

  .mx-n36, .mr-n36 {
    margin-right: -180px !important;
  }

  .my-n36, .mb-n36 {
    margin-bottom: -180px !important;
  }

  .mx-n36, .ml-n36 {
    margin-left: -180px !important;
  }

  .py-36, .pt-36 {
    padding-top: 180px !important;
  }

  .px-36, .pr-36 {
    padding-right: 180px !important;
  }

  .py-36, .pb-36 {
    padding-bottom: 180px !important;
  }

  .px-36, .pl-36 {
    padding-left: 180px !important;
  }

  .my-37, .mt-37 {
    margin-top: 185px !important;
  }

  .mx-37, .mr-37 {
    margin-right: 185px !important;
  }

  .my-37, .mb-37 {
    margin-bottom: 185px !important;
  }

  .mx-37, .ml-37 {
    margin-left: 185px !important;
  }

  .my-n37, .mt-n37 {
    margin-top: -185px !important;
  }

  .mx-n37, .mr-n37 {
    margin-right: -185px !important;
  }

  .my-n37, .mb-n37 {
    margin-bottom: -185px !important;
  }

  .mx-n37, .ml-n37 {
    margin-left: -185px !important;
  }

  .py-37, .pt-37 {
    padding-top: 185px !important;
  }

  .px-37, .pr-37 {
    padding-right: 185px !important;
  }

  .py-37, .pb-37 {
    padding-bottom: 185px !important;
  }

  .px-37, .pl-37 {
    padding-left: 185px !important;
  }

  .my-38, .mt-38 {
    margin-top: 190px !important;
  }

  .mx-38, .mr-38 {
    margin-right: 190px !important;
  }

  .my-38, .mb-38 {
    margin-bottom: 190px !important;
  }

  .mx-38, .ml-38 {
    margin-left: 190px !important;
  }

  .my-n38, .mt-n38 {
    margin-top: -190px !important;
  }

  .mx-n38, .mr-n38 {
    margin-right: -190px !important;
  }

  .my-n38, .mb-n38 {
    margin-bottom: -190px !important;
  }

  .mx-n38, .ml-n38 {
    margin-left: -190px !important;
  }

  .py-38, .pt-38 {
    padding-top: 190px !important;
  }

  .px-38, .pr-38 {
    padding-right: 190px !important;
  }

  .py-38, .pb-38 {
    padding-bottom: 190px !important;
  }

  .px-38, .pl-38 {
    padding-left: 190px !important;
  }

  .my-39, .mt-39 {
    margin-top: 195px !important;
  }

  .mx-39, .mr-39 {
    margin-right: 195px !important;
  }

  .my-39, .mb-39 {
    margin-bottom: 195px !important;
  }

  .mx-39, .ml-39 {
    margin-left: 195px !important;
  }

  .my-n39, .mt-n39 {
    margin-top: -195px !important;
  }

  .mx-n39, .mr-n39 {
    margin-right: -195px !important;
  }

  .my-n39, .mb-n39 {
    margin-bottom: -195px !important;
  }

  .mx-n39, .ml-n39 {
    margin-left: -195px !important;
  }

  .py-39, .pt-39 {
    padding-top: 195px !important;
  }

  .px-39, .pr-39 {
    padding-right: 195px !important;
  }

  .py-39, .pb-39 {
    padding-bottom: 195px !important;
  }

  .px-39, .pl-39 {
    padding-left: 195px !important;
  }

  .my-40, .mt-40 {
    margin-top: 200px !important;
  }

  .mx-40, .mr-40 {
    margin-right: 200px !important;
  }

  .my-40, .mb-40 {
    margin-bottom: 200px !important;
  }

  .mx-40, .ml-40 {
    margin-left: 200px !important;
  }

  .my-n40, .mt-n40 {
    margin-top: -200px !important;
  }

  .mx-n40, .mr-n40 {
    margin-right: -200px !important;
  }

  .my-n40, .mb-n40 {
    margin-bottom: -200px !important;
  }

  .mx-n40, .ml-n40 {
    margin-left: -200px !important;
  }

  .py-40, .pt-40 {
    padding-top: 200px !important;
  }

  .px-40, .pr-40 {
    padding-right: 200px !important;
  }

  .py-40, .pb-40 {
    padding-bottom: 200px !important;
  }

  .px-40, .pl-40 {
    padding-left: 200px !important;
  }

  .my-41, .mt-41 {
    margin-top: 205px !important;
  }

  .mx-41, .mr-41 {
    margin-right: 205px !important;
  }

  .my-41, .mb-41 {
    margin-bottom: 205px !important;
  }

  .mx-41, .ml-41 {
    margin-left: 205px !important;
  }

  .my-n41, .mt-n41 {
    margin-top: -205px !important;
  }

  .mx-n41, .mr-n41 {
    margin-right: -205px !important;
  }

  .my-n41, .mb-n41 {
    margin-bottom: -205px !important;
  }

  .mx-n41, .ml-n41 {
    margin-left: -205px !important;
  }

  .py-41, .pt-41 {
    padding-top: 205px !important;
  }

  .px-41, .pr-41 {
    padding-right: 205px !important;
  }

  .py-41, .pb-41 {
    padding-bottom: 205px !important;
  }

  .px-41, .pl-41 {
    padding-left: 205px !important;
  }

  .my-42, .mt-42 {
    margin-top: 210px !important;
  }

  .mx-42, .mr-42 {
    margin-right: 210px !important;
  }

  .my-42, .mb-42 {
    margin-bottom: 210px !important;
  }

  .mx-42, .ml-42 {
    margin-left: 210px !important;
  }

  .my-n42, .mt-n42 {
    margin-top: -210px !important;
  }

  .mx-n42, .mr-n42 {
    margin-right: -210px !important;
  }

  .my-n42, .mb-n42 {
    margin-bottom: -210px !important;
  }

  .mx-n42, .ml-n42 {
    margin-left: -210px !important;
  }

  .py-42, .pt-42 {
    padding-top: 210px !important;
  }

  .px-42, .pr-42 {
    padding-right: 210px !important;
  }

  .py-42, .pb-42 {
    padding-bottom: 210px !important;
  }

  .px-42, .pl-42 {
    padding-left: 210px !important;
  }

  .my-43, .mt-43 {
    margin-top: 215px !important;
  }

  .mx-43, .mr-43 {
    margin-right: 215px !important;
  }

  .my-43, .mb-43 {
    margin-bottom: 215px !important;
  }

  .mx-43, .ml-43 {
    margin-left: 215px !important;
  }

  .my-n43, .mt-n43 {
    margin-top: -215px !important;
  }

  .mx-n43, .mr-n43 {
    margin-right: -215px !important;
  }

  .my-n43, .mb-n43 {
    margin-bottom: -215px !important;
  }

  .mx-n43, .ml-n43 {
    margin-left: -215px !important;
  }

  .py-43, .pt-43 {
    padding-top: 215px !important;
  }

  .px-43, .pr-43 {
    padding-right: 215px !important;
  }

  .py-43, .pb-43 {
    padding-bottom: 215px !important;
  }

  .px-43, .pl-43 {
    padding-left: 215px !important;
  }

  .my-44, .mt-44 {
    margin-top: 220px !important;
  }

  .mx-44, .mr-44 {
    margin-right: 220px !important;
  }

  .my-44, .mb-44 {
    margin-bottom: 220px !important;
  }

  .mx-44, .ml-44 {
    margin-left: 220px !important;
  }

  .my-n44, .mt-n44 {
    margin-top: -220px !important;
  }

  .mx-n44, .mr-n44 {
    margin-right: -220px !important;
  }

  .my-n44, .mb-n44 {
    margin-bottom: -220px !important;
  }

  .mx-n44, .ml-n44 {
    margin-left: -220px !important;
  }

  .py-44, .pt-44 {
    padding-top: 220px !important;
  }

  .px-44, .pr-44 {
    padding-right: 220px !important;
  }

  .py-44, .pb-44 {
    padding-bottom: 220px !important;
  }

  .px-44, .pl-44 {
    padding-left: 220px !important;
  }

  .my-45, .mt-45 {
    margin-top: 225px !important;
  }

  .mx-45, .mr-45 {
    margin-right: 225px !important;
  }

  .my-45, .mb-45 {
    margin-bottom: 225px !important;
  }

  .mx-45, .ml-45 {
    margin-left: 225px !important;
  }

  .my-n45, .mt-n45 {
    margin-top: -225px !important;
  }

  .mx-n45, .mr-n45 {
    margin-right: -225px !important;
  }

  .my-n45, .mb-n45 {
    margin-bottom: -225px !important;
  }

  .mx-n45, .ml-n45 {
    margin-left: -225px !important;
  }

  .py-45, .pt-45 {
    padding-top: 225px !important;
  }

  .px-45, .pr-45 {
    padding-right: 225px !important;
  }

  .py-45, .pb-45 {
    padding-bottom: 225px !important;
  }

  .px-45, .pl-45 {
    padding-left: 225px !important;
  }

  .my-46, .mt-46 {
    margin-top: 230px !important;
  }

  .mx-46, .mr-46 {
    margin-right: 230px !important;
  }

  .my-46, .mb-46 {
    margin-bottom: 230px !important;
  }

  .mx-46, .ml-46 {
    margin-left: 230px !important;
  }

  .my-n46, .mt-n46 {
    margin-top: -230px !important;
  }

  .mx-n46, .mr-n46 {
    margin-right: -230px !important;
  }

  .my-n46, .mb-n46 {
    margin-bottom: -230px !important;
  }

  .mx-n46, .ml-n46 {
    margin-left: -230px !important;
  }

  .py-46, .pt-46 {
    padding-top: 230px !important;
  }

  .px-46, .pr-46 {
    padding-right: 230px !important;
  }

  .py-46, .pb-46 {
    padding-bottom: 230px !important;
  }

  .px-46, .pl-46 {
    padding-left: 230px !important;
  }

  .my-47, .mt-47 {
    margin-top: 235px !important;
  }

  .mx-47, .mr-47 {
    margin-right: 235px !important;
  }

  .my-47, .mb-47 {
    margin-bottom: 235px !important;
  }

  .mx-47, .ml-47 {
    margin-left: 235px !important;
  }

  .my-n47, .mt-n47 {
    margin-top: -235px !important;
  }

  .mx-n47, .mr-n47 {
    margin-right: -235px !important;
  }

  .my-n47, .mb-n47 {
    margin-bottom: -235px !important;
  }

  .mx-n47, .ml-n47 {
    margin-left: -235px !important;
  }

  .py-47, .pt-47 {
    padding-top: 235px !important;
  }

  .px-47, .pr-47 {
    padding-right: 235px !important;
  }

  .py-47, .pb-47 {
    padding-bottom: 235px !important;
  }

  .px-47, .pl-47 {
    padding-left: 235px !important;
  }

  .my-48, .mt-48 {
    margin-top: 240px !important;
  }

  .mx-48, .mr-48 {
    margin-right: 240px !important;
  }

  .my-48, .mb-48 {
    margin-bottom: 240px !important;
  }

  .mx-48, .ml-48 {
    margin-left: 240px !important;
  }

  .my-n48, .mt-n48 {
    margin-top: -240px !important;
  }

  .mx-n48, .mr-n48 {
    margin-right: -240px !important;
  }

  .my-n48, .mb-n48 {
    margin-bottom: -240px !important;
  }

  .mx-n48, .ml-n48 {
    margin-left: -240px !important;
  }

  .py-48, .pt-48 {
    padding-top: 240px !important;
  }

  .px-48, .pr-48 {
    padding-right: 240px !important;
  }

  .py-48, .pb-48 {
    padding-bottom: 240px !important;
  }

  .px-48, .pl-48 {
    padding-left: 240px !important;
  }

  .my-49, .mt-49 {
    margin-top: 245px !important;
  }

  .mx-49, .mr-49 {
    margin-right: 245px !important;
  }

  .my-49, .mb-49 {
    margin-bottom: 245px !important;
  }

  .mx-49, .ml-49 {
    margin-left: 245px !important;
  }

  .my-n49, .mt-n49 {
    margin-top: -245px !important;
  }

  .mx-n49, .mr-n49 {
    margin-right: -245px !important;
  }

  .my-n49, .mb-n49 {
    margin-bottom: -245px !important;
  }

  .mx-n49, .ml-n49 {
    margin-left: -245px !important;
  }

  .py-49, .pt-49 {
    padding-top: 245px !important;
  }

  .px-49, .pr-49 {
    padding-right: 245px !important;
  }

  .py-49, .pb-49 {
    padding-bottom: 245px !important;
  }

  .px-49, .pl-49 {
    padding-left: 245px !important;
  }

  .my-50, .mt-50 {
    margin-top: 250px !important;
  }

  .mx-50, .mr-50 {
    margin-right: 250px !important;
  }

  .my-50, .mb-50 {
    margin-bottom: 250px !important;
  }

  .mx-50, .ml-50 {
    margin-left: 250px !important;
  }

  .my-n50, .mt-n50 {
    margin-top: -250px !important;
  }

  .mx-n50, .mr-n50 {
    margin-right: -250px !important;
  }

  .my-n50, .mb-n50 {
    margin-bottom: -250px !important;
  }

  .mx-n50, .ml-n50 {
    margin-left: -250px !important;
  }

  .py-50, .pt-50 {
    padding-top: 250px !important;
  }

  .px-50, .pr-50 {
    padding-right: 250px !important;
  }

  .py-50, .pb-50 {
    padding-bottom: 250px !important;
  }

  .px-50, .pl-50 {
    padding-left: 250px !important;
  }

  .my-spaceless, .mt-spaceless {
    margin-top: 0px !important;
  }

  .mx-spaceless, .mr-spaceless {
    margin-right: 0px !important;
  }

  .my-spaceless, .mb-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-spaceless, .ml-spaceless {
    margin-left: 0px !important;
  }

  .my-n-spaceless, .mt-n-spaceless {
    margin-top: 0px !important;
  }

  .mx-n-spaceless, .mr-n-spaceless {
    margin-right: 0px !important;
  }

  .my-n-spaceless, .mb-n-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-n-spaceless, .ml-n-spaceless {
    margin-left: 0px !important;
  }

  .py-spaceless, .pt-spaceless {
    padding-top: 0px !important;
  }

  .px-spaceless, .pr-spaceless {
    padding-right: 0px !important;
  }

  .py-spaceless, .pb-spaceless {
    padding-bottom: 0px !important;
  }

  .px-spaceless, .pl-spaceless {
    padding-left: 0px !important;
  }

  .my-condensed, .mt-condensed {
    margin-top: 5px !important;
  }

  .mx-condensed, .mr-condensed {
    margin-right: 5px !important;
  }

  .my-condensed, .mb-condensed {
    margin-bottom: 5px !important;
  }

  .mx-condensed, .ml-condensed {
    margin-left: 5px !important;
  }

  .my-n-condensed, .mt-n-condensed {
    margin-top: -5px !important;
  }

  .mx-n-condensed, .mr-n-condensed {
    margin-right: -5px !important;
  }

  .my-n-condensed, .mb-n-condensed {
    margin-bottom: -5px !important;
  }

  .mx-n-condensed, .ml-n-condensed {
    margin-left: -5px !important;
  }

  .py-condensed, .pt-condensed {
    padding-top: 5px !important;
  }

  .px-condensed, .pr-condensed {
    padding-right: 5px !important;
  }

  .py-condensed, .pb-condensed {
    padding-bottom: 5px !important;
  }

  .px-condensed, .pl-condensed {
    padding-left: 5px !important;
  }

  .my-spaced, .mt-spaced {
    margin-top: 10px !important;
  }

  .mx-spaced, .mr-spaced {
    margin-right: 10px !important;
  }

  .my-spaced, .mb-spaced {
    margin-bottom: 10px !important;
  }

  .mx-spaced, .ml-spaced {
    margin-left: 10px !important;
  }

  .my-n-spaced, .mt-n-spaced {
    margin-top: -10px !important;
  }

  .mx-n-spaced, .mr-n-spaced {
    margin-right: -10px !important;
  }

  .my-n-spaced, .mb-n-spaced {
    margin-bottom: -10px !important;
  }

  .mx-n-spaced, .ml-n-spaced {
    margin-left: -10px !important;
  }

  .py-spaced, .pt-spaced {
    padding-top: 10px !important;
  }

  .px-spaced, .pr-spaced {
    padding-right: 10px !important;
  }

  .py-spaced, .pb-spaced {
    padding-bottom: 10px !important;
  }

  .px-spaced, .pl-spaced {
    padding-left: 10px !important;
  }

  .my-normal, .mt-normal {
    margin-top: 15px !important;
  }

  .mx-normal, .mr-normal {
    margin-right: 15px !important;
  }

  .my-normal, .mb-normal {
    margin-bottom: 15px !important;
  }

  .mx-normal, .ml-normal {
    margin-left: 15px !important;
  }

  .my-n-normal, .mt-n-normal {
    margin-top: -15px !important;
  }

  .mx-n-normal, .mr-n-normal {
    margin-right: -15px !important;
  }

  .my-n-normal, .mb-n-normal {
    margin-bottom: -15px !important;
  }

  .mx-n-normal, .ml-n-normal {
    margin-left: -15px !important;
  }

  .py-normal, .pt-normal {
    padding-top: 15px !important;
  }

  .px-normal, .pr-normal {
    padding-right: 15px !important;
  }

  .py-normal, .pb-normal {
    padding-bottom: 15px !important;
  }

  .px-normal, .pl-normal {
    padding-left: 15px !important;
  }

  .my, .mt {
    margin-top: 15px !important;
  }

  .mx, .mr {
    margin-right: 15px !important;
  }

  .my, .mb {
    margin-bottom: 15px !important;
  }

  .mx, .ml {
    margin-left: 15px !important;
  }

  .my-n, .mt-n {
    margin-top: -15px !important;
  }

  .mx-n, .mr-n {
    margin-right: -15px !important;
  }

  .my-n, .mb-n {
    margin-bottom: -15px !important;
  }

  .mx-n, .ml-n {
    margin-left: -15px !important;
  }

  .py, .pt {
    padding-top: 15px !important;
  }

  .px, .pr {
    padding-right: 15px !important;
  }

  .py, .pb {
    padding-bottom: 15px !important;
  }

  .px, .pl {
    padding-left: 15px !important;
  }

  .my-semi-wide, .mt-semi-wide {
    margin-top: 20px !important;
  }

  .mx-semi-wide, .mr-semi-wide {
    margin-right: 20px !important;
  }

  .my-semi-wide, .mb-semi-wide {
    margin-bottom: 20px !important;
  }

  .mx-semi-wide, .ml-semi-wide {
    margin-left: 20px !important;
  }

  .my-n-semi-wide, .mt-n-semi-wide {
    margin-top: -20px !important;
  }

  .mx-n-semi-wide, .mr-n-semi-wide {
    margin-right: -20px !important;
  }

  .my-n-semi-wide, .mb-n-semi-wide {
    margin-bottom: -20px !important;
  }

  .mx-n-semi-wide, .ml-n-semi-wide {
    margin-left: -20px !important;
  }

  .py-semi-wide, .pt-semi-wide {
    padding-top: 20px !important;
  }

  .px-semi-wide, .pr-semi-wide {
    padding-right: 20px !important;
  }

  .py-semi-wide, .pb-semi-wide {
    padding-bottom: 20px !important;
  }

  .px-semi-wide, .pl-semi-wide {
    padding-left: 20px !important;
  }

  .my-wide, .mt-wide {
    margin-top: 30px !important;
  }

  .mx-wide, .mr-wide {
    margin-right: 30px !important;
  }

  .my-wide, .mb-wide {
    margin-bottom: 30px !important;
  }

  .mx-wide, .ml-wide {
    margin-left: 30px !important;
  }

  .my-n-wide, .mt-n-wide {
    margin-top: -30px !important;
  }

  .mx-n-wide, .mr-n-wide {
    margin-right: -30px !important;
  }

  .my-n-wide, .mb-n-wide {
    margin-bottom: -30px !important;
  }

  .mx-n-wide, .ml-n-wide {
    margin-left: -30px !important;
  }

  .py-wide, .pt-wide {
    padding-top: 30px !important;
  }

  .px-wide, .pr-wide {
    padding-right: 30px !important;
  }

  .py-wide, .pb-wide {
    padding-bottom: 30px !important;
  }

  .px-wide, .pl-wide {
    padding-left: 30px !important;
  }

  .my-large, .mt-large {
    margin-top: 60px !important;
  }

  .mx-large, .mr-large {
    margin-right: 60px !important;
  }

  .my-large, .mb-large {
    margin-bottom: 60px !important;
  }

  .mx-large, .ml-large {
    margin-left: 60px !important;
  }

  .my-n-large, .mt-n-large {
    margin-top: -60px !important;
  }

  .mx-n-large, .mr-n-large {
    margin-right: -60px !important;
  }

  .my-n-large, .mb-n-large {
    margin-bottom: -60px !important;
  }

  .mx-n-large, .ml-n-large {
    margin-left: -60px !important;
  }

  .py-large, .pt-large {
    padding-top: 60px !important;
  }

  .px-large, .pr-large {
    padding-right: 60px !important;
  }

  .py-large, .pb-large {
    padding-bottom: 60px !important;
  }

  .px-large, .pl-large {
    padding-left: 60px !important;
  }

  .my-huge, .mt-huge {
    margin-top: 90px !important;
  }

  .mx-huge, .mr-huge {
    margin-right: 90px !important;
  }

  .my-huge, .mb-huge {
    margin-bottom: 90px !important;
  }

  .mx-huge, .ml-huge {
    margin-left: 90px !important;
  }

  .my-n-huge, .mt-n-huge {
    margin-top: -90px !important;
  }

  .mx-n-huge, .mr-n-huge {
    margin-right: -90px !important;
  }

  .my-n-huge, .mb-n-huge {
    margin-bottom: -90px !important;
  }

  .mx-n-huge, .ml-n-huge {
    margin-left: -90px !important;
  }

  .py-huge, .pt-huge {
    padding-top: 90px !important;
  }

  .px-huge, .pr-huge {
    padding-right: 90px !important;
  }

  .py-huge, .pb-huge {
    padding-bottom: 90px !important;
  }

  .px-huge, .pl-huge {
    padding-left: 90px !important;
  }

  .my-ncondensed, .mt-ncondensed {
    margin-top: -5px !important;
  }

  .mx-ncondensed, .mr-ncondensed {
    margin-right: -5px !important;
  }

  .my-ncondensed, .mb-ncondensed {
    margin-bottom: -5px !important;
  }

  .mx-ncondensed, .ml-ncondensed {
    margin-left: -5px !important;
  }

  .my-n-ncondensed, .mt-n-ncondensed {
    margin-top: --5px !important;
  }

  .mx-n-ncondensed, .mr-n-ncondensed {
    margin-right: --5px !important;
  }

  .my-n-ncondensed, .mb-n-ncondensed {
    margin-bottom: --5px !important;
  }

  .mx-n-ncondensed, .ml-n-ncondensed {
    margin-left: --5px !important;
  }

  .py-ncondensed, .pt-ncondensed {
    padding-top: -5px !important;
  }

  .px-ncondensed, .pr-ncondensed {
    padding-right: -5px !important;
  }

  .py-ncondensed, .pb-ncondensed {
    padding-bottom: -5px !important;
  }

  .px-ncondensed, .pl-ncondensed {
    padding-left: -5px !important;
  }

  .my-nspaced, .mt-nspaced {
    margin-top: -10px !important;
  }

  .mx-nspaced, .mr-nspaced {
    margin-right: -10px !important;
  }

  .my-nspaced, .mb-nspaced {
    margin-bottom: -10px !important;
  }

  .mx-nspaced, .ml-nspaced {
    margin-left: -10px !important;
  }

  .my-n-nspaced, .mt-n-nspaced {
    margin-top: --10px !important;
  }

  .mx-n-nspaced, .mr-n-nspaced {
    margin-right: --10px !important;
  }

  .my-n-nspaced, .mb-n-nspaced {
    margin-bottom: --10px !important;
  }

  .mx-n-nspaced, .ml-n-nspaced {
    margin-left: --10px !important;
  }

  .py-nspaced, .pt-nspaced {
    padding-top: -10px !important;
  }

  .px-nspaced, .pr-nspaced {
    padding-right: -10px !important;
  }

  .py-nspaced, .pb-nspaced {
    padding-bottom: -10px !important;
  }

  .px-nspaced, .pl-nspaced {
    padding-left: -10px !important;
  }

  .my-nnormal, .mt-nnormal {
    margin-top: -15px !important;
  }

  .mx-nnormal, .mr-nnormal {
    margin-right: -15px !important;
  }

  .my-nnormal, .mb-nnormal {
    margin-bottom: -15px !important;
  }

  .mx-nnormal, .ml-nnormal {
    margin-left: -15px !important;
  }

  .my-n-nnormal, .mt-n-nnormal {
    margin-top: --15px !important;
  }

  .mx-n-nnormal, .mr-n-nnormal {
    margin-right: --15px !important;
  }

  .my-n-nnormal, .mb-n-nnormal {
    margin-bottom: --15px !important;
  }

  .mx-n-nnormal, .ml-n-nnormal {
    margin-left: --15px !important;
  }

  .py-nnormal, .pt-nnormal {
    padding-top: -15px !important;
  }

  .px-nnormal, .pr-nnormal {
    padding-right: -15px !important;
  }

  .py-nnormal, .pb-nnormal {
    padding-bottom: -15px !important;
  }

  .px-nnormal, .pl-nnormal {
    padding-left: -15px !important;
  }

  .my-nsemi-wide, .mt-nsemi-wide {
    margin-top: -20px !important;
  }

  .mx-nsemi-wide, .mr-nsemi-wide {
    margin-right: -20px !important;
  }

  .my-nsemi-wide, .mb-nsemi-wide {
    margin-bottom: -20px !important;
  }

  .mx-nsemi-wide, .ml-nsemi-wide {
    margin-left: -20px !important;
  }

  .my-n-nsemi-wide, .mt-n-nsemi-wide {
    margin-top: --20px !important;
  }

  .mx-n-nsemi-wide, .mr-n-nsemi-wide {
    margin-right: --20px !important;
  }

  .my-n-nsemi-wide, .mb-n-nsemi-wide {
    margin-bottom: --20px !important;
  }

  .mx-n-nsemi-wide, .ml-n-nsemi-wide {
    margin-left: --20px !important;
  }

  .py-nsemi-wide, .pt-nsemi-wide {
    padding-top: -20px !important;
  }

  .px-nsemi-wide, .pr-nsemi-wide {
    padding-right: -20px !important;
  }

  .py-nsemi-wide, .pb-nsemi-wide {
    padding-bottom: -20px !important;
  }

  .px-nsemi-wide, .pl-nsemi-wide {
    padding-left: -20px !important;
  }

  .my-nwide, .mt-nwide {
    margin-top: -30px !important;
  }

  .mx-nwide, .mr-nwide {
    margin-right: -30px !important;
  }

  .my-nwide, .mb-nwide {
    margin-bottom: -30px !important;
  }

  .mx-nwide, .ml-nwide {
    margin-left: -30px !important;
  }

  .my-n-nwide, .mt-n-nwide {
    margin-top: --30px !important;
  }

  .mx-n-nwide, .mr-n-nwide {
    margin-right: --30px !important;
  }

  .my-n-nwide, .mb-n-nwide {
    margin-bottom: --30px !important;
  }

  .mx-n-nwide, .ml-n-nwide {
    margin-left: --30px !important;
  }

  .py-nwide, .pt-nwide {
    padding-top: -30px !important;
  }

  .px-nwide, .pr-nwide {
    padding-right: -30px !important;
  }

  .py-nwide, .pb-nwide {
    padding-bottom: -30px !important;
  }

  .px-nwide, .pl-nwide {
    padding-left: -30px !important;
  }

  .my-nlarge, .mt-nlarge {
    margin-top: -60px !important;
  }

  .mx-nlarge, .mr-nlarge {
    margin-right: -60px !important;
  }

  .my-nlarge, .mb-nlarge {
    margin-bottom: -60px !important;
  }

  .mx-nlarge, .ml-nlarge {
    margin-left: -60px !important;
  }

  .my-n-nlarge, .mt-n-nlarge {
    margin-top: --60px !important;
  }

  .mx-n-nlarge, .mr-n-nlarge {
    margin-right: --60px !important;
  }

  .my-n-nlarge, .mb-n-nlarge {
    margin-bottom: --60px !important;
  }

  .mx-n-nlarge, .ml-n-nlarge {
    margin-left: --60px !important;
  }

  .py-nlarge, .pt-nlarge {
    padding-top: -60px !important;
  }

  .px-nlarge, .pr-nlarge {
    padding-right: -60px !important;
  }

  .py-nlarge, .pb-nlarge {
    padding-bottom: -60px !important;
  }

  .px-nlarge, .pl-nlarge {
    padding-left: -60px !important;
  }

  .my-nhuge, .mt-nhuge {
    margin-top: -90px !important;
  }

  .mx-nhuge, .mr-nhuge {
    margin-right: -90px !important;
  }

  .my-nhuge, .mb-nhuge {
    margin-bottom: -90px !important;
  }

  .mx-nhuge, .ml-nhuge {
    margin-left: -90px !important;
  }

  .my-n-nhuge, .mt-n-nhuge {
    margin-top: --90px !important;
  }

  .mx-n-nhuge, .mr-n-nhuge {
    margin-right: --90px !important;
  }

  .my-n-nhuge, .mb-n-nhuge {
    margin-bottom: --90px !important;
  }

  .mx-n-nhuge, .ml-n-nhuge {
    margin-left: --90px !important;
  }

  .py-nhuge, .pt-nhuge {
    padding-top: -90px !important;
  }

  .px-nhuge, .pr-nhuge {
    padding-right: -90px !important;
  }

  .py-nhuge, .pb-nhuge {
    padding-bottom: -90px !important;
  }

  .px-nhuge, .pl-nhuge {
    padding-left: -90px !important;
  }

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

  .my-auto, .mt-auto {
    margin-top: auto !important;
  }

  .mx-auto, .mr-auto {
    margin-right: auto !important;
  }

  .my-auto, .mb-auto {
    margin-bottom: auto !important;
  }

  .mx-auto, .ml-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

  .d-initial {
    display: initial !important;
  }
}
@media (min-width: 576px) {
  .my-sm-0, .mt-sm-0 {
    margin-top: 0px !important;
  }

  .mx-sm-0, .mr-sm-0 {
    margin-right: 0px !important;
  }

  .my-sm-0, .mb-sm-0 {
    margin-bottom: 0px !important;
  }

  .mx-sm-0, .ml-sm-0 {
    margin-left: 0px !important;
  }

  .my-sm-n0, .mt-sm-n0 {
    margin-top: 0px !important;
  }

  .mx-sm-n0, .mr-sm-n0 {
    margin-right: 0px !important;
  }

  .my-sm-n0, .mb-sm-n0 {
    margin-bottom: 0px !important;
  }

  .mx-sm-n0, .ml-sm-n0 {
    margin-left: 0px !important;
  }

  .py-sm-0, .pt-sm-0 {
    padding-top: 0px !important;
  }

  .px-sm-0, .pr-sm-0 {
    padding-right: 0px !important;
  }

  .py-sm-0, .pb-sm-0 {
    padding-bottom: 0px !important;
  }

  .px-sm-0, .pl-sm-0 {
    padding-left: 0px !important;
  }

  .my-sm-1, .mt-sm-1 {
    margin-top: 5px !important;
  }

  .mx-sm-1, .mr-sm-1 {
    margin-right: 5px !important;
  }

  .my-sm-1, .mb-sm-1 {
    margin-bottom: 5px !important;
  }

  .mx-sm-1, .ml-sm-1 {
    margin-left: 5px !important;
  }

  .my-sm-n1, .mt-sm-n1 {
    margin-top: -5px !important;
  }

  .mx-sm-n1, .mr-sm-n1 {
    margin-right: -5px !important;
  }

  .my-sm-n1, .mb-sm-n1 {
    margin-bottom: -5px !important;
  }

  .mx-sm-n1, .ml-sm-n1 {
    margin-left: -5px !important;
  }

  .py-sm-1, .pt-sm-1 {
    padding-top: 5px !important;
  }

  .px-sm-1, .pr-sm-1 {
    padding-right: 5px !important;
  }

  .py-sm-1, .pb-sm-1 {
    padding-bottom: 5px !important;
  }

  .px-sm-1, .pl-sm-1 {
    padding-left: 5px !important;
  }

  .my-sm-2, .mt-sm-2 {
    margin-top: 10px !important;
  }

  .mx-sm-2, .mr-sm-2 {
    margin-right: 10px !important;
  }

  .my-sm-2, .mb-sm-2 {
    margin-bottom: 10px !important;
  }

  .mx-sm-2, .ml-sm-2 {
    margin-left: 10px !important;
  }

  .my-sm-n2, .mt-sm-n2 {
    margin-top: -10px !important;
  }

  .mx-sm-n2, .mr-sm-n2 {
    margin-right: -10px !important;
  }

  .my-sm-n2, .mb-sm-n2 {
    margin-bottom: -10px !important;
  }

  .mx-sm-n2, .ml-sm-n2 {
    margin-left: -10px !important;
  }

  .py-sm-2, .pt-sm-2 {
    padding-top: 10px !important;
  }

  .px-sm-2, .pr-sm-2 {
    padding-right: 10px !important;
  }

  .py-sm-2, .pb-sm-2 {
    padding-bottom: 10px !important;
  }

  .px-sm-2, .pl-sm-2 {
    padding-left: 10px !important;
  }

  .my-sm-3, .mt-sm-3 {
    margin-top: 15px !important;
  }

  .mx-sm-3, .mr-sm-3 {
    margin-right: 15px !important;
  }

  .my-sm-3, .mb-sm-3 {
    margin-bottom: 15px !important;
  }

  .mx-sm-3, .ml-sm-3 {
    margin-left: 15px !important;
  }

  .my-sm-n3, .mt-sm-n3 {
    margin-top: -15px !important;
  }

  .mx-sm-n3, .mr-sm-n3 {
    margin-right: -15px !important;
  }

  .my-sm-n3, .mb-sm-n3 {
    margin-bottom: -15px !important;
  }

  .mx-sm-n3, .ml-sm-n3 {
    margin-left: -15px !important;
  }

  .py-sm-3, .pt-sm-3 {
    padding-top: 15px !important;
  }

  .px-sm-3, .pr-sm-3 {
    padding-right: 15px !important;
  }

  .py-sm-3, .pb-sm-3 {
    padding-bottom: 15px !important;
  }

  .px-sm-3, .pl-sm-3 {
    padding-left: 15px !important;
  }

  .my-sm-4, .mt-sm-4 {
    margin-top: 20px !important;
  }

  .mx-sm-4, .mr-sm-4 {
    margin-right: 20px !important;
  }

  .my-sm-4, .mb-sm-4 {
    margin-bottom: 20px !important;
  }

  .mx-sm-4, .ml-sm-4 {
    margin-left: 20px !important;
  }

  .my-sm-n4, .mt-sm-n4 {
    margin-top: -20px !important;
  }

  .mx-sm-n4, .mr-sm-n4 {
    margin-right: -20px !important;
  }

  .my-sm-n4, .mb-sm-n4 {
    margin-bottom: -20px !important;
  }

  .mx-sm-n4, .ml-sm-n4 {
    margin-left: -20px !important;
  }

  .py-sm-4, .pt-sm-4 {
    padding-top: 20px !important;
  }

  .px-sm-4, .pr-sm-4 {
    padding-right: 20px !important;
  }

  .py-sm-4, .pb-sm-4 {
    padding-bottom: 20px !important;
  }

  .px-sm-4, .pl-sm-4 {
    padding-left: 20px !important;
  }

  .my-sm-5, .mt-sm-5 {
    margin-top: 25px !important;
  }

  .mx-sm-5, .mr-sm-5 {
    margin-right: 25px !important;
  }

  .my-sm-5, .mb-sm-5 {
    margin-bottom: 25px !important;
  }

  .mx-sm-5, .ml-sm-5 {
    margin-left: 25px !important;
  }

  .my-sm-n5, .mt-sm-n5 {
    margin-top: -25px !important;
  }

  .mx-sm-n5, .mr-sm-n5 {
    margin-right: -25px !important;
  }

  .my-sm-n5, .mb-sm-n5 {
    margin-bottom: -25px !important;
  }

  .mx-sm-n5, .ml-sm-n5 {
    margin-left: -25px !important;
  }

  .py-sm-5, .pt-sm-5 {
    padding-top: 25px !important;
  }

  .px-sm-5, .pr-sm-5 {
    padding-right: 25px !important;
  }

  .py-sm-5, .pb-sm-5 {
    padding-bottom: 25px !important;
  }

  .px-sm-5, .pl-sm-5 {
    padding-left: 25px !important;
  }

  .my-sm-6, .mt-sm-6 {
    margin-top: 30px !important;
  }

  .mx-sm-6, .mr-sm-6 {
    margin-right: 30px !important;
  }

  .my-sm-6, .mb-sm-6 {
    margin-bottom: 30px !important;
  }

  .mx-sm-6, .ml-sm-6 {
    margin-left: 30px !important;
  }

  .my-sm-n6, .mt-sm-n6 {
    margin-top: -30px !important;
  }

  .mx-sm-n6, .mr-sm-n6 {
    margin-right: -30px !important;
  }

  .my-sm-n6, .mb-sm-n6 {
    margin-bottom: -30px !important;
  }

  .mx-sm-n6, .ml-sm-n6 {
    margin-left: -30px !important;
  }

  .py-sm-6, .pt-sm-6 {
    padding-top: 30px !important;
  }

  .px-sm-6, .pr-sm-6 {
    padding-right: 30px !important;
  }

  .py-sm-6, .pb-sm-6 {
    padding-bottom: 30px !important;
  }

  .px-sm-6, .pl-sm-6 {
    padding-left: 30px !important;
  }

  .my-sm-7, .mt-sm-7 {
    margin-top: 35px !important;
  }

  .mx-sm-7, .mr-sm-7 {
    margin-right: 35px !important;
  }

  .my-sm-7, .mb-sm-7 {
    margin-bottom: 35px !important;
  }

  .mx-sm-7, .ml-sm-7 {
    margin-left: 35px !important;
  }

  .my-sm-n7, .mt-sm-n7 {
    margin-top: -35px !important;
  }

  .mx-sm-n7, .mr-sm-n7 {
    margin-right: -35px !important;
  }

  .my-sm-n7, .mb-sm-n7 {
    margin-bottom: -35px !important;
  }

  .mx-sm-n7, .ml-sm-n7 {
    margin-left: -35px !important;
  }

  .py-sm-7, .pt-sm-7 {
    padding-top: 35px !important;
  }

  .px-sm-7, .pr-sm-7 {
    padding-right: 35px !important;
  }

  .py-sm-7, .pb-sm-7 {
    padding-bottom: 35px !important;
  }

  .px-sm-7, .pl-sm-7 {
    padding-left: 35px !important;
  }

  .my-sm-8, .mt-sm-8 {
    margin-top: 40px !important;
  }

  .mx-sm-8, .mr-sm-8 {
    margin-right: 40px !important;
  }

  .my-sm-8, .mb-sm-8 {
    margin-bottom: 40px !important;
  }

  .mx-sm-8, .ml-sm-8 {
    margin-left: 40px !important;
  }

  .my-sm-n8, .mt-sm-n8 {
    margin-top: -40px !important;
  }

  .mx-sm-n8, .mr-sm-n8 {
    margin-right: -40px !important;
  }

  .my-sm-n8, .mb-sm-n8 {
    margin-bottom: -40px !important;
  }

  .mx-sm-n8, .ml-sm-n8 {
    margin-left: -40px !important;
  }

  .py-sm-8, .pt-sm-8 {
    padding-top: 40px !important;
  }

  .px-sm-8, .pr-sm-8 {
    padding-right: 40px !important;
  }

  .py-sm-8, .pb-sm-8 {
    padding-bottom: 40px !important;
  }

  .px-sm-8, .pl-sm-8 {
    padding-left: 40px !important;
  }

  .my-sm-9, .mt-sm-9 {
    margin-top: 45px !important;
  }

  .mx-sm-9, .mr-sm-9 {
    margin-right: 45px !important;
  }

  .my-sm-9, .mb-sm-9 {
    margin-bottom: 45px !important;
  }

  .mx-sm-9, .ml-sm-9 {
    margin-left: 45px !important;
  }

  .my-sm-n9, .mt-sm-n9 {
    margin-top: -45px !important;
  }

  .mx-sm-n9, .mr-sm-n9 {
    margin-right: -45px !important;
  }

  .my-sm-n9, .mb-sm-n9 {
    margin-bottom: -45px !important;
  }

  .mx-sm-n9, .ml-sm-n9 {
    margin-left: -45px !important;
  }

  .py-sm-9, .pt-sm-9 {
    padding-top: 45px !important;
  }

  .px-sm-9, .pr-sm-9 {
    padding-right: 45px !important;
  }

  .py-sm-9, .pb-sm-9 {
    padding-bottom: 45px !important;
  }

  .px-sm-9, .pl-sm-9 {
    padding-left: 45px !important;
  }

  .my-sm-10, .mt-sm-10 {
    margin-top: 50px !important;
  }

  .mx-sm-10, .mr-sm-10 {
    margin-right: 50px !important;
  }

  .my-sm-10, .mb-sm-10 {
    margin-bottom: 50px !important;
  }

  .mx-sm-10, .ml-sm-10 {
    margin-left: 50px !important;
  }

  .my-sm-n10, .mt-sm-n10 {
    margin-top: -50px !important;
  }

  .mx-sm-n10, .mr-sm-n10 {
    margin-right: -50px !important;
  }

  .my-sm-n10, .mb-sm-n10 {
    margin-bottom: -50px !important;
  }

  .mx-sm-n10, .ml-sm-n10 {
    margin-left: -50px !important;
  }

  .py-sm-10, .pt-sm-10 {
    padding-top: 50px !important;
  }

  .px-sm-10, .pr-sm-10 {
    padding-right: 50px !important;
  }

  .py-sm-10, .pb-sm-10 {
    padding-bottom: 50px !important;
  }

  .px-sm-10, .pl-sm-10 {
    padding-left: 50px !important;
  }

  .my-sm-11, .mt-sm-11 {
    margin-top: 55px !important;
  }

  .mx-sm-11, .mr-sm-11 {
    margin-right: 55px !important;
  }

  .my-sm-11, .mb-sm-11 {
    margin-bottom: 55px !important;
  }

  .mx-sm-11, .ml-sm-11 {
    margin-left: 55px !important;
  }

  .my-sm-n11, .mt-sm-n11 {
    margin-top: -55px !important;
  }

  .mx-sm-n11, .mr-sm-n11 {
    margin-right: -55px !important;
  }

  .my-sm-n11, .mb-sm-n11 {
    margin-bottom: -55px !important;
  }

  .mx-sm-n11, .ml-sm-n11 {
    margin-left: -55px !important;
  }

  .py-sm-11, .pt-sm-11 {
    padding-top: 55px !important;
  }

  .px-sm-11, .pr-sm-11 {
    padding-right: 55px !important;
  }

  .py-sm-11, .pb-sm-11 {
    padding-bottom: 55px !important;
  }

  .px-sm-11, .pl-sm-11 {
    padding-left: 55px !important;
  }

  .my-sm-12, .mt-sm-12 {
    margin-top: 60px !important;
  }

  .mx-sm-12, .mr-sm-12 {
    margin-right: 60px !important;
  }

  .my-sm-12, .mb-sm-12 {
    margin-bottom: 60px !important;
  }

  .mx-sm-12, .ml-sm-12 {
    margin-left: 60px !important;
  }

  .my-sm-n12, .mt-sm-n12 {
    margin-top: -60px !important;
  }

  .mx-sm-n12, .mr-sm-n12 {
    margin-right: -60px !important;
  }

  .my-sm-n12, .mb-sm-n12 {
    margin-bottom: -60px !important;
  }

  .mx-sm-n12, .ml-sm-n12 {
    margin-left: -60px !important;
  }

  .py-sm-12, .pt-sm-12 {
    padding-top: 60px !important;
  }

  .px-sm-12, .pr-sm-12 {
    padding-right: 60px !important;
  }

  .py-sm-12, .pb-sm-12 {
    padding-bottom: 60px !important;
  }

  .px-sm-12, .pl-sm-12 {
    padding-left: 60px !important;
  }

  .my-sm-13, .mt-sm-13 {
    margin-top: 65px !important;
  }

  .mx-sm-13, .mr-sm-13 {
    margin-right: 65px !important;
  }

  .my-sm-13, .mb-sm-13 {
    margin-bottom: 65px !important;
  }

  .mx-sm-13, .ml-sm-13 {
    margin-left: 65px !important;
  }

  .my-sm-n13, .mt-sm-n13 {
    margin-top: -65px !important;
  }

  .mx-sm-n13, .mr-sm-n13 {
    margin-right: -65px !important;
  }

  .my-sm-n13, .mb-sm-n13 {
    margin-bottom: -65px !important;
  }

  .mx-sm-n13, .ml-sm-n13 {
    margin-left: -65px !important;
  }

  .py-sm-13, .pt-sm-13 {
    padding-top: 65px !important;
  }

  .px-sm-13, .pr-sm-13 {
    padding-right: 65px !important;
  }

  .py-sm-13, .pb-sm-13 {
    padding-bottom: 65px !important;
  }

  .px-sm-13, .pl-sm-13 {
    padding-left: 65px !important;
  }

  .my-sm-14, .mt-sm-14 {
    margin-top: 70px !important;
  }

  .mx-sm-14, .mr-sm-14 {
    margin-right: 70px !important;
  }

  .my-sm-14, .mb-sm-14 {
    margin-bottom: 70px !important;
  }

  .mx-sm-14, .ml-sm-14 {
    margin-left: 70px !important;
  }

  .my-sm-n14, .mt-sm-n14 {
    margin-top: -70px !important;
  }

  .mx-sm-n14, .mr-sm-n14 {
    margin-right: -70px !important;
  }

  .my-sm-n14, .mb-sm-n14 {
    margin-bottom: -70px !important;
  }

  .mx-sm-n14, .ml-sm-n14 {
    margin-left: -70px !important;
  }

  .py-sm-14, .pt-sm-14 {
    padding-top: 70px !important;
  }

  .px-sm-14, .pr-sm-14 {
    padding-right: 70px !important;
  }

  .py-sm-14, .pb-sm-14 {
    padding-bottom: 70px !important;
  }

  .px-sm-14, .pl-sm-14 {
    padding-left: 70px !important;
  }

  .my-sm-15, .mt-sm-15 {
    margin-top: 75px !important;
  }

  .mx-sm-15, .mr-sm-15 {
    margin-right: 75px !important;
  }

  .my-sm-15, .mb-sm-15 {
    margin-bottom: 75px !important;
  }

  .mx-sm-15, .ml-sm-15 {
    margin-left: 75px !important;
  }

  .my-sm-n15, .mt-sm-n15 {
    margin-top: -75px !important;
  }

  .mx-sm-n15, .mr-sm-n15 {
    margin-right: -75px !important;
  }

  .my-sm-n15, .mb-sm-n15 {
    margin-bottom: -75px !important;
  }

  .mx-sm-n15, .ml-sm-n15 {
    margin-left: -75px !important;
  }

  .py-sm-15, .pt-sm-15 {
    padding-top: 75px !important;
  }

  .px-sm-15, .pr-sm-15 {
    padding-right: 75px !important;
  }

  .py-sm-15, .pb-sm-15 {
    padding-bottom: 75px !important;
  }

  .px-sm-15, .pl-sm-15 {
    padding-left: 75px !important;
  }

  .my-sm-16, .mt-sm-16 {
    margin-top: 80px !important;
  }

  .mx-sm-16, .mr-sm-16 {
    margin-right: 80px !important;
  }

  .my-sm-16, .mb-sm-16 {
    margin-bottom: 80px !important;
  }

  .mx-sm-16, .ml-sm-16 {
    margin-left: 80px !important;
  }

  .my-sm-n16, .mt-sm-n16 {
    margin-top: -80px !important;
  }

  .mx-sm-n16, .mr-sm-n16 {
    margin-right: -80px !important;
  }

  .my-sm-n16, .mb-sm-n16 {
    margin-bottom: -80px !important;
  }

  .mx-sm-n16, .ml-sm-n16 {
    margin-left: -80px !important;
  }

  .py-sm-16, .pt-sm-16 {
    padding-top: 80px !important;
  }

  .px-sm-16, .pr-sm-16 {
    padding-right: 80px !important;
  }

  .py-sm-16, .pb-sm-16 {
    padding-bottom: 80px !important;
  }

  .px-sm-16, .pl-sm-16 {
    padding-left: 80px !important;
  }

  .my-sm-17, .mt-sm-17 {
    margin-top: 85px !important;
  }

  .mx-sm-17, .mr-sm-17 {
    margin-right: 85px !important;
  }

  .my-sm-17, .mb-sm-17 {
    margin-bottom: 85px !important;
  }

  .mx-sm-17, .ml-sm-17 {
    margin-left: 85px !important;
  }

  .my-sm-n17, .mt-sm-n17 {
    margin-top: -85px !important;
  }

  .mx-sm-n17, .mr-sm-n17 {
    margin-right: -85px !important;
  }

  .my-sm-n17, .mb-sm-n17 {
    margin-bottom: -85px !important;
  }

  .mx-sm-n17, .ml-sm-n17 {
    margin-left: -85px !important;
  }

  .py-sm-17, .pt-sm-17 {
    padding-top: 85px !important;
  }

  .px-sm-17, .pr-sm-17 {
    padding-right: 85px !important;
  }

  .py-sm-17, .pb-sm-17 {
    padding-bottom: 85px !important;
  }

  .px-sm-17, .pl-sm-17 {
    padding-left: 85px !important;
  }

  .my-sm-18, .mt-sm-18 {
    margin-top: 90px !important;
  }

  .mx-sm-18, .mr-sm-18 {
    margin-right: 90px !important;
  }

  .my-sm-18, .mb-sm-18 {
    margin-bottom: 90px !important;
  }

  .mx-sm-18, .ml-sm-18 {
    margin-left: 90px !important;
  }

  .my-sm-n18, .mt-sm-n18 {
    margin-top: -90px !important;
  }

  .mx-sm-n18, .mr-sm-n18 {
    margin-right: -90px !important;
  }

  .my-sm-n18, .mb-sm-n18 {
    margin-bottom: -90px !important;
  }

  .mx-sm-n18, .ml-sm-n18 {
    margin-left: -90px !important;
  }

  .py-sm-18, .pt-sm-18 {
    padding-top: 90px !important;
  }

  .px-sm-18, .pr-sm-18 {
    padding-right: 90px !important;
  }

  .py-sm-18, .pb-sm-18 {
    padding-bottom: 90px !important;
  }

  .px-sm-18, .pl-sm-18 {
    padding-left: 90px !important;
  }

  .my-sm-19, .mt-sm-19 {
    margin-top: 95px !important;
  }

  .mx-sm-19, .mr-sm-19 {
    margin-right: 95px !important;
  }

  .my-sm-19, .mb-sm-19 {
    margin-bottom: 95px !important;
  }

  .mx-sm-19, .ml-sm-19 {
    margin-left: 95px !important;
  }

  .my-sm-n19, .mt-sm-n19 {
    margin-top: -95px !important;
  }

  .mx-sm-n19, .mr-sm-n19 {
    margin-right: -95px !important;
  }

  .my-sm-n19, .mb-sm-n19 {
    margin-bottom: -95px !important;
  }

  .mx-sm-n19, .ml-sm-n19 {
    margin-left: -95px !important;
  }

  .py-sm-19, .pt-sm-19 {
    padding-top: 95px !important;
  }

  .px-sm-19, .pr-sm-19 {
    padding-right: 95px !important;
  }

  .py-sm-19, .pb-sm-19 {
    padding-bottom: 95px !important;
  }

  .px-sm-19, .pl-sm-19 {
    padding-left: 95px !important;
  }

  .my-sm-20, .mt-sm-20 {
    margin-top: 100px !important;
  }

  .mx-sm-20, .mr-sm-20 {
    margin-right: 100px !important;
  }

  .my-sm-20, .mb-sm-20 {
    margin-bottom: 100px !important;
  }

  .mx-sm-20, .ml-sm-20 {
    margin-left: 100px !important;
  }

  .my-sm-n20, .mt-sm-n20 {
    margin-top: -100px !important;
  }

  .mx-sm-n20, .mr-sm-n20 {
    margin-right: -100px !important;
  }

  .my-sm-n20, .mb-sm-n20 {
    margin-bottom: -100px !important;
  }

  .mx-sm-n20, .ml-sm-n20 {
    margin-left: -100px !important;
  }

  .py-sm-20, .pt-sm-20 {
    padding-top: 100px !important;
  }

  .px-sm-20, .pr-sm-20 {
    padding-right: 100px !important;
  }

  .py-sm-20, .pb-sm-20 {
    padding-bottom: 100px !important;
  }

  .px-sm-20, .pl-sm-20 {
    padding-left: 100px !important;
  }

  .my-sm-21, .mt-sm-21 {
    margin-top: 105px !important;
  }

  .mx-sm-21, .mr-sm-21 {
    margin-right: 105px !important;
  }

  .my-sm-21, .mb-sm-21 {
    margin-bottom: 105px !important;
  }

  .mx-sm-21, .ml-sm-21 {
    margin-left: 105px !important;
  }

  .my-sm-n21, .mt-sm-n21 {
    margin-top: -105px !important;
  }

  .mx-sm-n21, .mr-sm-n21 {
    margin-right: -105px !important;
  }

  .my-sm-n21, .mb-sm-n21 {
    margin-bottom: -105px !important;
  }

  .mx-sm-n21, .ml-sm-n21 {
    margin-left: -105px !important;
  }

  .py-sm-21, .pt-sm-21 {
    padding-top: 105px !important;
  }

  .px-sm-21, .pr-sm-21 {
    padding-right: 105px !important;
  }

  .py-sm-21, .pb-sm-21 {
    padding-bottom: 105px !important;
  }

  .px-sm-21, .pl-sm-21 {
    padding-left: 105px !important;
  }

  .my-sm-22, .mt-sm-22 {
    margin-top: 110px !important;
  }

  .mx-sm-22, .mr-sm-22 {
    margin-right: 110px !important;
  }

  .my-sm-22, .mb-sm-22 {
    margin-bottom: 110px !important;
  }

  .mx-sm-22, .ml-sm-22 {
    margin-left: 110px !important;
  }

  .my-sm-n22, .mt-sm-n22 {
    margin-top: -110px !important;
  }

  .mx-sm-n22, .mr-sm-n22 {
    margin-right: -110px !important;
  }

  .my-sm-n22, .mb-sm-n22 {
    margin-bottom: -110px !important;
  }

  .mx-sm-n22, .ml-sm-n22 {
    margin-left: -110px !important;
  }

  .py-sm-22, .pt-sm-22 {
    padding-top: 110px !important;
  }

  .px-sm-22, .pr-sm-22 {
    padding-right: 110px !important;
  }

  .py-sm-22, .pb-sm-22 {
    padding-bottom: 110px !important;
  }

  .px-sm-22, .pl-sm-22 {
    padding-left: 110px !important;
  }

  .my-sm-23, .mt-sm-23 {
    margin-top: 115px !important;
  }

  .mx-sm-23, .mr-sm-23 {
    margin-right: 115px !important;
  }

  .my-sm-23, .mb-sm-23 {
    margin-bottom: 115px !important;
  }

  .mx-sm-23, .ml-sm-23 {
    margin-left: 115px !important;
  }

  .my-sm-n23, .mt-sm-n23 {
    margin-top: -115px !important;
  }

  .mx-sm-n23, .mr-sm-n23 {
    margin-right: -115px !important;
  }

  .my-sm-n23, .mb-sm-n23 {
    margin-bottom: -115px !important;
  }

  .mx-sm-n23, .ml-sm-n23 {
    margin-left: -115px !important;
  }

  .py-sm-23, .pt-sm-23 {
    padding-top: 115px !important;
  }

  .px-sm-23, .pr-sm-23 {
    padding-right: 115px !important;
  }

  .py-sm-23, .pb-sm-23 {
    padding-bottom: 115px !important;
  }

  .px-sm-23, .pl-sm-23 {
    padding-left: 115px !important;
  }

  .my-sm-24, .mt-sm-24 {
    margin-top: 120px !important;
  }

  .mx-sm-24, .mr-sm-24 {
    margin-right: 120px !important;
  }

  .my-sm-24, .mb-sm-24 {
    margin-bottom: 120px !important;
  }

  .mx-sm-24, .ml-sm-24 {
    margin-left: 120px !important;
  }

  .my-sm-n24, .mt-sm-n24 {
    margin-top: -120px !important;
  }

  .mx-sm-n24, .mr-sm-n24 {
    margin-right: -120px !important;
  }

  .my-sm-n24, .mb-sm-n24 {
    margin-bottom: -120px !important;
  }

  .mx-sm-n24, .ml-sm-n24 {
    margin-left: -120px !important;
  }

  .py-sm-24, .pt-sm-24 {
    padding-top: 120px !important;
  }

  .px-sm-24, .pr-sm-24 {
    padding-right: 120px !important;
  }

  .py-sm-24, .pb-sm-24 {
    padding-bottom: 120px !important;
  }

  .px-sm-24, .pl-sm-24 {
    padding-left: 120px !important;
  }

  .my-sm-25, .mt-sm-25 {
    margin-top: 125px !important;
  }

  .mx-sm-25, .mr-sm-25 {
    margin-right: 125px !important;
  }

  .my-sm-25, .mb-sm-25 {
    margin-bottom: 125px !important;
  }

  .mx-sm-25, .ml-sm-25 {
    margin-left: 125px !important;
  }

  .my-sm-n25, .mt-sm-n25 {
    margin-top: -125px !important;
  }

  .mx-sm-n25, .mr-sm-n25 {
    margin-right: -125px !important;
  }

  .my-sm-n25, .mb-sm-n25 {
    margin-bottom: -125px !important;
  }

  .mx-sm-n25, .ml-sm-n25 {
    margin-left: -125px !important;
  }

  .py-sm-25, .pt-sm-25 {
    padding-top: 125px !important;
  }

  .px-sm-25, .pr-sm-25 {
    padding-right: 125px !important;
  }

  .py-sm-25, .pb-sm-25 {
    padding-bottom: 125px !important;
  }

  .px-sm-25, .pl-sm-25 {
    padding-left: 125px !important;
  }

  .my-sm-26, .mt-sm-26 {
    margin-top: 130px !important;
  }

  .mx-sm-26, .mr-sm-26 {
    margin-right: 130px !important;
  }

  .my-sm-26, .mb-sm-26 {
    margin-bottom: 130px !important;
  }

  .mx-sm-26, .ml-sm-26 {
    margin-left: 130px !important;
  }

  .my-sm-n26, .mt-sm-n26 {
    margin-top: -130px !important;
  }

  .mx-sm-n26, .mr-sm-n26 {
    margin-right: -130px !important;
  }

  .my-sm-n26, .mb-sm-n26 {
    margin-bottom: -130px !important;
  }

  .mx-sm-n26, .ml-sm-n26 {
    margin-left: -130px !important;
  }

  .py-sm-26, .pt-sm-26 {
    padding-top: 130px !important;
  }

  .px-sm-26, .pr-sm-26 {
    padding-right: 130px !important;
  }

  .py-sm-26, .pb-sm-26 {
    padding-bottom: 130px !important;
  }

  .px-sm-26, .pl-sm-26 {
    padding-left: 130px !important;
  }

  .my-sm-27, .mt-sm-27 {
    margin-top: 135px !important;
  }

  .mx-sm-27, .mr-sm-27 {
    margin-right: 135px !important;
  }

  .my-sm-27, .mb-sm-27 {
    margin-bottom: 135px !important;
  }

  .mx-sm-27, .ml-sm-27 {
    margin-left: 135px !important;
  }

  .my-sm-n27, .mt-sm-n27 {
    margin-top: -135px !important;
  }

  .mx-sm-n27, .mr-sm-n27 {
    margin-right: -135px !important;
  }

  .my-sm-n27, .mb-sm-n27 {
    margin-bottom: -135px !important;
  }

  .mx-sm-n27, .ml-sm-n27 {
    margin-left: -135px !important;
  }

  .py-sm-27, .pt-sm-27 {
    padding-top: 135px !important;
  }

  .px-sm-27, .pr-sm-27 {
    padding-right: 135px !important;
  }

  .py-sm-27, .pb-sm-27 {
    padding-bottom: 135px !important;
  }

  .px-sm-27, .pl-sm-27 {
    padding-left: 135px !important;
  }

  .my-sm-28, .mt-sm-28 {
    margin-top: 140px !important;
  }

  .mx-sm-28, .mr-sm-28 {
    margin-right: 140px !important;
  }

  .my-sm-28, .mb-sm-28 {
    margin-bottom: 140px !important;
  }

  .mx-sm-28, .ml-sm-28 {
    margin-left: 140px !important;
  }

  .my-sm-n28, .mt-sm-n28 {
    margin-top: -140px !important;
  }

  .mx-sm-n28, .mr-sm-n28 {
    margin-right: -140px !important;
  }

  .my-sm-n28, .mb-sm-n28 {
    margin-bottom: -140px !important;
  }

  .mx-sm-n28, .ml-sm-n28 {
    margin-left: -140px !important;
  }

  .py-sm-28, .pt-sm-28 {
    padding-top: 140px !important;
  }

  .px-sm-28, .pr-sm-28 {
    padding-right: 140px !important;
  }

  .py-sm-28, .pb-sm-28 {
    padding-bottom: 140px !important;
  }

  .px-sm-28, .pl-sm-28 {
    padding-left: 140px !important;
  }

  .my-sm-29, .mt-sm-29 {
    margin-top: 145px !important;
  }

  .mx-sm-29, .mr-sm-29 {
    margin-right: 145px !important;
  }

  .my-sm-29, .mb-sm-29 {
    margin-bottom: 145px !important;
  }

  .mx-sm-29, .ml-sm-29 {
    margin-left: 145px !important;
  }

  .my-sm-n29, .mt-sm-n29 {
    margin-top: -145px !important;
  }

  .mx-sm-n29, .mr-sm-n29 {
    margin-right: -145px !important;
  }

  .my-sm-n29, .mb-sm-n29 {
    margin-bottom: -145px !important;
  }

  .mx-sm-n29, .ml-sm-n29 {
    margin-left: -145px !important;
  }

  .py-sm-29, .pt-sm-29 {
    padding-top: 145px !important;
  }

  .px-sm-29, .pr-sm-29 {
    padding-right: 145px !important;
  }

  .py-sm-29, .pb-sm-29 {
    padding-bottom: 145px !important;
  }

  .px-sm-29, .pl-sm-29 {
    padding-left: 145px !important;
  }

  .my-sm-30, .mt-sm-30 {
    margin-top: 150px !important;
  }

  .mx-sm-30, .mr-sm-30 {
    margin-right: 150px !important;
  }

  .my-sm-30, .mb-sm-30 {
    margin-bottom: 150px !important;
  }

  .mx-sm-30, .ml-sm-30 {
    margin-left: 150px !important;
  }

  .my-sm-n30, .mt-sm-n30 {
    margin-top: -150px !important;
  }

  .mx-sm-n30, .mr-sm-n30 {
    margin-right: -150px !important;
  }

  .my-sm-n30, .mb-sm-n30 {
    margin-bottom: -150px !important;
  }

  .mx-sm-n30, .ml-sm-n30 {
    margin-left: -150px !important;
  }

  .py-sm-30, .pt-sm-30 {
    padding-top: 150px !important;
  }

  .px-sm-30, .pr-sm-30 {
    padding-right: 150px !important;
  }

  .py-sm-30, .pb-sm-30 {
    padding-bottom: 150px !important;
  }

  .px-sm-30, .pl-sm-30 {
    padding-left: 150px !important;
  }

  .my-sm-31, .mt-sm-31 {
    margin-top: 155px !important;
  }

  .mx-sm-31, .mr-sm-31 {
    margin-right: 155px !important;
  }

  .my-sm-31, .mb-sm-31 {
    margin-bottom: 155px !important;
  }

  .mx-sm-31, .ml-sm-31 {
    margin-left: 155px !important;
  }

  .my-sm-n31, .mt-sm-n31 {
    margin-top: -155px !important;
  }

  .mx-sm-n31, .mr-sm-n31 {
    margin-right: -155px !important;
  }

  .my-sm-n31, .mb-sm-n31 {
    margin-bottom: -155px !important;
  }

  .mx-sm-n31, .ml-sm-n31 {
    margin-left: -155px !important;
  }

  .py-sm-31, .pt-sm-31 {
    padding-top: 155px !important;
  }

  .px-sm-31, .pr-sm-31 {
    padding-right: 155px !important;
  }

  .py-sm-31, .pb-sm-31 {
    padding-bottom: 155px !important;
  }

  .px-sm-31, .pl-sm-31 {
    padding-left: 155px !important;
  }

  .my-sm-32, .mt-sm-32 {
    margin-top: 160px !important;
  }

  .mx-sm-32, .mr-sm-32 {
    margin-right: 160px !important;
  }

  .my-sm-32, .mb-sm-32 {
    margin-bottom: 160px !important;
  }

  .mx-sm-32, .ml-sm-32 {
    margin-left: 160px !important;
  }

  .my-sm-n32, .mt-sm-n32 {
    margin-top: -160px !important;
  }

  .mx-sm-n32, .mr-sm-n32 {
    margin-right: -160px !important;
  }

  .my-sm-n32, .mb-sm-n32 {
    margin-bottom: -160px !important;
  }

  .mx-sm-n32, .ml-sm-n32 {
    margin-left: -160px !important;
  }

  .py-sm-32, .pt-sm-32 {
    padding-top: 160px !important;
  }

  .px-sm-32, .pr-sm-32 {
    padding-right: 160px !important;
  }

  .py-sm-32, .pb-sm-32 {
    padding-bottom: 160px !important;
  }

  .px-sm-32, .pl-sm-32 {
    padding-left: 160px !important;
  }

  .my-sm-33, .mt-sm-33 {
    margin-top: 165px !important;
  }

  .mx-sm-33, .mr-sm-33 {
    margin-right: 165px !important;
  }

  .my-sm-33, .mb-sm-33 {
    margin-bottom: 165px !important;
  }

  .mx-sm-33, .ml-sm-33 {
    margin-left: 165px !important;
  }

  .my-sm-n33, .mt-sm-n33 {
    margin-top: -165px !important;
  }

  .mx-sm-n33, .mr-sm-n33 {
    margin-right: -165px !important;
  }

  .my-sm-n33, .mb-sm-n33 {
    margin-bottom: -165px !important;
  }

  .mx-sm-n33, .ml-sm-n33 {
    margin-left: -165px !important;
  }

  .py-sm-33, .pt-sm-33 {
    padding-top: 165px !important;
  }

  .px-sm-33, .pr-sm-33 {
    padding-right: 165px !important;
  }

  .py-sm-33, .pb-sm-33 {
    padding-bottom: 165px !important;
  }

  .px-sm-33, .pl-sm-33 {
    padding-left: 165px !important;
  }

  .my-sm-34, .mt-sm-34 {
    margin-top: 170px !important;
  }

  .mx-sm-34, .mr-sm-34 {
    margin-right: 170px !important;
  }

  .my-sm-34, .mb-sm-34 {
    margin-bottom: 170px !important;
  }

  .mx-sm-34, .ml-sm-34 {
    margin-left: 170px !important;
  }

  .my-sm-n34, .mt-sm-n34 {
    margin-top: -170px !important;
  }

  .mx-sm-n34, .mr-sm-n34 {
    margin-right: -170px !important;
  }

  .my-sm-n34, .mb-sm-n34 {
    margin-bottom: -170px !important;
  }

  .mx-sm-n34, .ml-sm-n34 {
    margin-left: -170px !important;
  }

  .py-sm-34, .pt-sm-34 {
    padding-top: 170px !important;
  }

  .px-sm-34, .pr-sm-34 {
    padding-right: 170px !important;
  }

  .py-sm-34, .pb-sm-34 {
    padding-bottom: 170px !important;
  }

  .px-sm-34, .pl-sm-34 {
    padding-left: 170px !important;
  }

  .my-sm-35, .mt-sm-35 {
    margin-top: 175px !important;
  }

  .mx-sm-35, .mr-sm-35 {
    margin-right: 175px !important;
  }

  .my-sm-35, .mb-sm-35 {
    margin-bottom: 175px !important;
  }

  .mx-sm-35, .ml-sm-35 {
    margin-left: 175px !important;
  }

  .my-sm-n35, .mt-sm-n35 {
    margin-top: -175px !important;
  }

  .mx-sm-n35, .mr-sm-n35 {
    margin-right: -175px !important;
  }

  .my-sm-n35, .mb-sm-n35 {
    margin-bottom: -175px !important;
  }

  .mx-sm-n35, .ml-sm-n35 {
    margin-left: -175px !important;
  }

  .py-sm-35, .pt-sm-35 {
    padding-top: 175px !important;
  }

  .px-sm-35, .pr-sm-35 {
    padding-right: 175px !important;
  }

  .py-sm-35, .pb-sm-35 {
    padding-bottom: 175px !important;
  }

  .px-sm-35, .pl-sm-35 {
    padding-left: 175px !important;
  }

  .my-sm-36, .mt-sm-36 {
    margin-top: 180px !important;
  }

  .mx-sm-36, .mr-sm-36 {
    margin-right: 180px !important;
  }

  .my-sm-36, .mb-sm-36 {
    margin-bottom: 180px !important;
  }

  .mx-sm-36, .ml-sm-36 {
    margin-left: 180px !important;
  }

  .my-sm-n36, .mt-sm-n36 {
    margin-top: -180px !important;
  }

  .mx-sm-n36, .mr-sm-n36 {
    margin-right: -180px !important;
  }

  .my-sm-n36, .mb-sm-n36 {
    margin-bottom: -180px !important;
  }

  .mx-sm-n36, .ml-sm-n36 {
    margin-left: -180px !important;
  }

  .py-sm-36, .pt-sm-36 {
    padding-top: 180px !important;
  }

  .px-sm-36, .pr-sm-36 {
    padding-right: 180px !important;
  }

  .py-sm-36, .pb-sm-36 {
    padding-bottom: 180px !important;
  }

  .px-sm-36, .pl-sm-36 {
    padding-left: 180px !important;
  }

  .my-sm-37, .mt-sm-37 {
    margin-top: 185px !important;
  }

  .mx-sm-37, .mr-sm-37 {
    margin-right: 185px !important;
  }

  .my-sm-37, .mb-sm-37 {
    margin-bottom: 185px !important;
  }

  .mx-sm-37, .ml-sm-37 {
    margin-left: 185px !important;
  }

  .my-sm-n37, .mt-sm-n37 {
    margin-top: -185px !important;
  }

  .mx-sm-n37, .mr-sm-n37 {
    margin-right: -185px !important;
  }

  .my-sm-n37, .mb-sm-n37 {
    margin-bottom: -185px !important;
  }

  .mx-sm-n37, .ml-sm-n37 {
    margin-left: -185px !important;
  }

  .py-sm-37, .pt-sm-37 {
    padding-top: 185px !important;
  }

  .px-sm-37, .pr-sm-37 {
    padding-right: 185px !important;
  }

  .py-sm-37, .pb-sm-37 {
    padding-bottom: 185px !important;
  }

  .px-sm-37, .pl-sm-37 {
    padding-left: 185px !important;
  }

  .my-sm-38, .mt-sm-38 {
    margin-top: 190px !important;
  }

  .mx-sm-38, .mr-sm-38 {
    margin-right: 190px !important;
  }

  .my-sm-38, .mb-sm-38 {
    margin-bottom: 190px !important;
  }

  .mx-sm-38, .ml-sm-38 {
    margin-left: 190px !important;
  }

  .my-sm-n38, .mt-sm-n38 {
    margin-top: -190px !important;
  }

  .mx-sm-n38, .mr-sm-n38 {
    margin-right: -190px !important;
  }

  .my-sm-n38, .mb-sm-n38 {
    margin-bottom: -190px !important;
  }

  .mx-sm-n38, .ml-sm-n38 {
    margin-left: -190px !important;
  }

  .py-sm-38, .pt-sm-38 {
    padding-top: 190px !important;
  }

  .px-sm-38, .pr-sm-38 {
    padding-right: 190px !important;
  }

  .py-sm-38, .pb-sm-38 {
    padding-bottom: 190px !important;
  }

  .px-sm-38, .pl-sm-38 {
    padding-left: 190px !important;
  }

  .my-sm-39, .mt-sm-39 {
    margin-top: 195px !important;
  }

  .mx-sm-39, .mr-sm-39 {
    margin-right: 195px !important;
  }

  .my-sm-39, .mb-sm-39 {
    margin-bottom: 195px !important;
  }

  .mx-sm-39, .ml-sm-39 {
    margin-left: 195px !important;
  }

  .my-sm-n39, .mt-sm-n39 {
    margin-top: -195px !important;
  }

  .mx-sm-n39, .mr-sm-n39 {
    margin-right: -195px !important;
  }

  .my-sm-n39, .mb-sm-n39 {
    margin-bottom: -195px !important;
  }

  .mx-sm-n39, .ml-sm-n39 {
    margin-left: -195px !important;
  }

  .py-sm-39, .pt-sm-39 {
    padding-top: 195px !important;
  }

  .px-sm-39, .pr-sm-39 {
    padding-right: 195px !important;
  }

  .py-sm-39, .pb-sm-39 {
    padding-bottom: 195px !important;
  }

  .px-sm-39, .pl-sm-39 {
    padding-left: 195px !important;
  }

  .my-sm-40, .mt-sm-40 {
    margin-top: 200px !important;
  }

  .mx-sm-40, .mr-sm-40 {
    margin-right: 200px !important;
  }

  .my-sm-40, .mb-sm-40 {
    margin-bottom: 200px !important;
  }

  .mx-sm-40, .ml-sm-40 {
    margin-left: 200px !important;
  }

  .my-sm-n40, .mt-sm-n40 {
    margin-top: -200px !important;
  }

  .mx-sm-n40, .mr-sm-n40 {
    margin-right: -200px !important;
  }

  .my-sm-n40, .mb-sm-n40 {
    margin-bottom: -200px !important;
  }

  .mx-sm-n40, .ml-sm-n40 {
    margin-left: -200px !important;
  }

  .py-sm-40, .pt-sm-40 {
    padding-top: 200px !important;
  }

  .px-sm-40, .pr-sm-40 {
    padding-right: 200px !important;
  }

  .py-sm-40, .pb-sm-40 {
    padding-bottom: 200px !important;
  }

  .px-sm-40, .pl-sm-40 {
    padding-left: 200px !important;
  }

  .my-sm-41, .mt-sm-41 {
    margin-top: 205px !important;
  }

  .mx-sm-41, .mr-sm-41 {
    margin-right: 205px !important;
  }

  .my-sm-41, .mb-sm-41 {
    margin-bottom: 205px !important;
  }

  .mx-sm-41, .ml-sm-41 {
    margin-left: 205px !important;
  }

  .my-sm-n41, .mt-sm-n41 {
    margin-top: -205px !important;
  }

  .mx-sm-n41, .mr-sm-n41 {
    margin-right: -205px !important;
  }

  .my-sm-n41, .mb-sm-n41 {
    margin-bottom: -205px !important;
  }

  .mx-sm-n41, .ml-sm-n41 {
    margin-left: -205px !important;
  }

  .py-sm-41, .pt-sm-41 {
    padding-top: 205px !important;
  }

  .px-sm-41, .pr-sm-41 {
    padding-right: 205px !important;
  }

  .py-sm-41, .pb-sm-41 {
    padding-bottom: 205px !important;
  }

  .px-sm-41, .pl-sm-41 {
    padding-left: 205px !important;
  }

  .my-sm-42, .mt-sm-42 {
    margin-top: 210px !important;
  }

  .mx-sm-42, .mr-sm-42 {
    margin-right: 210px !important;
  }

  .my-sm-42, .mb-sm-42 {
    margin-bottom: 210px !important;
  }

  .mx-sm-42, .ml-sm-42 {
    margin-left: 210px !important;
  }

  .my-sm-n42, .mt-sm-n42 {
    margin-top: -210px !important;
  }

  .mx-sm-n42, .mr-sm-n42 {
    margin-right: -210px !important;
  }

  .my-sm-n42, .mb-sm-n42 {
    margin-bottom: -210px !important;
  }

  .mx-sm-n42, .ml-sm-n42 {
    margin-left: -210px !important;
  }

  .py-sm-42, .pt-sm-42 {
    padding-top: 210px !important;
  }

  .px-sm-42, .pr-sm-42 {
    padding-right: 210px !important;
  }

  .py-sm-42, .pb-sm-42 {
    padding-bottom: 210px !important;
  }

  .px-sm-42, .pl-sm-42 {
    padding-left: 210px !important;
  }

  .my-sm-43, .mt-sm-43 {
    margin-top: 215px !important;
  }

  .mx-sm-43, .mr-sm-43 {
    margin-right: 215px !important;
  }

  .my-sm-43, .mb-sm-43 {
    margin-bottom: 215px !important;
  }

  .mx-sm-43, .ml-sm-43 {
    margin-left: 215px !important;
  }

  .my-sm-n43, .mt-sm-n43 {
    margin-top: -215px !important;
  }

  .mx-sm-n43, .mr-sm-n43 {
    margin-right: -215px !important;
  }

  .my-sm-n43, .mb-sm-n43 {
    margin-bottom: -215px !important;
  }

  .mx-sm-n43, .ml-sm-n43 {
    margin-left: -215px !important;
  }

  .py-sm-43, .pt-sm-43 {
    padding-top: 215px !important;
  }

  .px-sm-43, .pr-sm-43 {
    padding-right: 215px !important;
  }

  .py-sm-43, .pb-sm-43 {
    padding-bottom: 215px !important;
  }

  .px-sm-43, .pl-sm-43 {
    padding-left: 215px !important;
  }

  .my-sm-44, .mt-sm-44 {
    margin-top: 220px !important;
  }

  .mx-sm-44, .mr-sm-44 {
    margin-right: 220px !important;
  }

  .my-sm-44, .mb-sm-44 {
    margin-bottom: 220px !important;
  }

  .mx-sm-44, .ml-sm-44 {
    margin-left: 220px !important;
  }

  .my-sm-n44, .mt-sm-n44 {
    margin-top: -220px !important;
  }

  .mx-sm-n44, .mr-sm-n44 {
    margin-right: -220px !important;
  }

  .my-sm-n44, .mb-sm-n44 {
    margin-bottom: -220px !important;
  }

  .mx-sm-n44, .ml-sm-n44 {
    margin-left: -220px !important;
  }

  .py-sm-44, .pt-sm-44 {
    padding-top: 220px !important;
  }

  .px-sm-44, .pr-sm-44 {
    padding-right: 220px !important;
  }

  .py-sm-44, .pb-sm-44 {
    padding-bottom: 220px !important;
  }

  .px-sm-44, .pl-sm-44 {
    padding-left: 220px !important;
  }

  .my-sm-45, .mt-sm-45 {
    margin-top: 225px !important;
  }

  .mx-sm-45, .mr-sm-45 {
    margin-right: 225px !important;
  }

  .my-sm-45, .mb-sm-45 {
    margin-bottom: 225px !important;
  }

  .mx-sm-45, .ml-sm-45 {
    margin-left: 225px !important;
  }

  .my-sm-n45, .mt-sm-n45 {
    margin-top: -225px !important;
  }

  .mx-sm-n45, .mr-sm-n45 {
    margin-right: -225px !important;
  }

  .my-sm-n45, .mb-sm-n45 {
    margin-bottom: -225px !important;
  }

  .mx-sm-n45, .ml-sm-n45 {
    margin-left: -225px !important;
  }

  .py-sm-45, .pt-sm-45 {
    padding-top: 225px !important;
  }

  .px-sm-45, .pr-sm-45 {
    padding-right: 225px !important;
  }

  .py-sm-45, .pb-sm-45 {
    padding-bottom: 225px !important;
  }

  .px-sm-45, .pl-sm-45 {
    padding-left: 225px !important;
  }

  .my-sm-46, .mt-sm-46 {
    margin-top: 230px !important;
  }

  .mx-sm-46, .mr-sm-46 {
    margin-right: 230px !important;
  }

  .my-sm-46, .mb-sm-46 {
    margin-bottom: 230px !important;
  }

  .mx-sm-46, .ml-sm-46 {
    margin-left: 230px !important;
  }

  .my-sm-n46, .mt-sm-n46 {
    margin-top: -230px !important;
  }

  .mx-sm-n46, .mr-sm-n46 {
    margin-right: -230px !important;
  }

  .my-sm-n46, .mb-sm-n46 {
    margin-bottom: -230px !important;
  }

  .mx-sm-n46, .ml-sm-n46 {
    margin-left: -230px !important;
  }

  .py-sm-46, .pt-sm-46 {
    padding-top: 230px !important;
  }

  .px-sm-46, .pr-sm-46 {
    padding-right: 230px !important;
  }

  .py-sm-46, .pb-sm-46 {
    padding-bottom: 230px !important;
  }

  .px-sm-46, .pl-sm-46 {
    padding-left: 230px !important;
  }

  .my-sm-47, .mt-sm-47 {
    margin-top: 235px !important;
  }

  .mx-sm-47, .mr-sm-47 {
    margin-right: 235px !important;
  }

  .my-sm-47, .mb-sm-47 {
    margin-bottom: 235px !important;
  }

  .mx-sm-47, .ml-sm-47 {
    margin-left: 235px !important;
  }

  .my-sm-n47, .mt-sm-n47 {
    margin-top: -235px !important;
  }

  .mx-sm-n47, .mr-sm-n47 {
    margin-right: -235px !important;
  }

  .my-sm-n47, .mb-sm-n47 {
    margin-bottom: -235px !important;
  }

  .mx-sm-n47, .ml-sm-n47 {
    margin-left: -235px !important;
  }

  .py-sm-47, .pt-sm-47 {
    padding-top: 235px !important;
  }

  .px-sm-47, .pr-sm-47 {
    padding-right: 235px !important;
  }

  .py-sm-47, .pb-sm-47 {
    padding-bottom: 235px !important;
  }

  .px-sm-47, .pl-sm-47 {
    padding-left: 235px !important;
  }

  .my-sm-48, .mt-sm-48 {
    margin-top: 240px !important;
  }

  .mx-sm-48, .mr-sm-48 {
    margin-right: 240px !important;
  }

  .my-sm-48, .mb-sm-48 {
    margin-bottom: 240px !important;
  }

  .mx-sm-48, .ml-sm-48 {
    margin-left: 240px !important;
  }

  .my-sm-n48, .mt-sm-n48 {
    margin-top: -240px !important;
  }

  .mx-sm-n48, .mr-sm-n48 {
    margin-right: -240px !important;
  }

  .my-sm-n48, .mb-sm-n48 {
    margin-bottom: -240px !important;
  }

  .mx-sm-n48, .ml-sm-n48 {
    margin-left: -240px !important;
  }

  .py-sm-48, .pt-sm-48 {
    padding-top: 240px !important;
  }

  .px-sm-48, .pr-sm-48 {
    padding-right: 240px !important;
  }

  .py-sm-48, .pb-sm-48 {
    padding-bottom: 240px !important;
  }

  .px-sm-48, .pl-sm-48 {
    padding-left: 240px !important;
  }

  .my-sm-49, .mt-sm-49 {
    margin-top: 245px !important;
  }

  .mx-sm-49, .mr-sm-49 {
    margin-right: 245px !important;
  }

  .my-sm-49, .mb-sm-49 {
    margin-bottom: 245px !important;
  }

  .mx-sm-49, .ml-sm-49 {
    margin-left: 245px !important;
  }

  .my-sm-n49, .mt-sm-n49 {
    margin-top: -245px !important;
  }

  .mx-sm-n49, .mr-sm-n49 {
    margin-right: -245px !important;
  }

  .my-sm-n49, .mb-sm-n49 {
    margin-bottom: -245px !important;
  }

  .mx-sm-n49, .ml-sm-n49 {
    margin-left: -245px !important;
  }

  .py-sm-49, .pt-sm-49 {
    padding-top: 245px !important;
  }

  .px-sm-49, .pr-sm-49 {
    padding-right: 245px !important;
  }

  .py-sm-49, .pb-sm-49 {
    padding-bottom: 245px !important;
  }

  .px-sm-49, .pl-sm-49 {
    padding-left: 245px !important;
  }

  .my-sm-50, .mt-sm-50 {
    margin-top: 250px !important;
  }

  .mx-sm-50, .mr-sm-50 {
    margin-right: 250px !important;
  }

  .my-sm-50, .mb-sm-50 {
    margin-bottom: 250px !important;
  }

  .mx-sm-50, .ml-sm-50 {
    margin-left: 250px !important;
  }

  .my-sm-n50, .mt-sm-n50 {
    margin-top: -250px !important;
  }

  .mx-sm-n50, .mr-sm-n50 {
    margin-right: -250px !important;
  }

  .my-sm-n50, .mb-sm-n50 {
    margin-bottom: -250px !important;
  }

  .mx-sm-n50, .ml-sm-n50 {
    margin-left: -250px !important;
  }

  .py-sm-50, .pt-sm-50 {
    padding-top: 250px !important;
  }

  .px-sm-50, .pr-sm-50 {
    padding-right: 250px !important;
  }

  .py-sm-50, .pb-sm-50 {
    padding-bottom: 250px !important;
  }

  .px-sm-50, .pl-sm-50 {
    padding-left: 250px !important;
  }

  .my-sm-spaceless, .mt-sm-spaceless {
    margin-top: 0px !important;
  }

  .mx-sm-spaceless, .mr-sm-spaceless {
    margin-right: 0px !important;
  }

  .my-sm-spaceless, .mb-sm-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-sm-spaceless, .ml-sm-spaceless {
    margin-left: 0px !important;
  }

  .my-sm-n-spaceless, .mt-sm-n-spaceless {
    margin-top: 0px !important;
  }

  .mx-sm-n-spaceless, .mr-sm-n-spaceless {
    margin-right: 0px !important;
  }

  .my-sm-n-spaceless, .mb-sm-n-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-sm-n-spaceless, .ml-sm-n-spaceless {
    margin-left: 0px !important;
  }

  .py-sm-spaceless, .pt-sm-spaceless {
    padding-top: 0px !important;
  }

  .px-sm-spaceless, .pr-sm-spaceless {
    padding-right: 0px !important;
  }

  .py-sm-spaceless, .pb-sm-spaceless {
    padding-bottom: 0px !important;
  }

  .px-sm-spaceless, .pl-sm-spaceless {
    padding-left: 0px !important;
  }

  .my-sm-condensed, .mt-sm-condensed {
    margin-top: 5px !important;
  }

  .mx-sm-condensed, .mr-sm-condensed {
    margin-right: 5px !important;
  }

  .my-sm-condensed, .mb-sm-condensed {
    margin-bottom: 5px !important;
  }

  .mx-sm-condensed, .ml-sm-condensed {
    margin-left: 5px !important;
  }

  .my-sm-n-condensed, .mt-sm-n-condensed {
    margin-top: -5px !important;
  }

  .mx-sm-n-condensed, .mr-sm-n-condensed {
    margin-right: -5px !important;
  }

  .my-sm-n-condensed, .mb-sm-n-condensed {
    margin-bottom: -5px !important;
  }

  .mx-sm-n-condensed, .ml-sm-n-condensed {
    margin-left: -5px !important;
  }

  .py-sm-condensed, .pt-sm-condensed {
    padding-top: 5px !important;
  }

  .px-sm-condensed, .pr-sm-condensed {
    padding-right: 5px !important;
  }

  .py-sm-condensed, .pb-sm-condensed {
    padding-bottom: 5px !important;
  }

  .px-sm-condensed, .pl-sm-condensed {
    padding-left: 5px !important;
  }

  .my-sm-spaced, .mt-sm-spaced {
    margin-top: 10px !important;
  }

  .mx-sm-spaced, .mr-sm-spaced {
    margin-right: 10px !important;
  }

  .my-sm-spaced, .mb-sm-spaced {
    margin-bottom: 10px !important;
  }

  .mx-sm-spaced, .ml-sm-spaced {
    margin-left: 10px !important;
  }

  .my-sm-n-spaced, .mt-sm-n-spaced {
    margin-top: -10px !important;
  }

  .mx-sm-n-spaced, .mr-sm-n-spaced {
    margin-right: -10px !important;
  }

  .my-sm-n-spaced, .mb-sm-n-spaced {
    margin-bottom: -10px !important;
  }

  .mx-sm-n-spaced, .ml-sm-n-spaced {
    margin-left: -10px !important;
  }

  .py-sm-spaced, .pt-sm-spaced {
    padding-top: 10px !important;
  }

  .px-sm-spaced, .pr-sm-spaced {
    padding-right: 10px !important;
  }

  .py-sm-spaced, .pb-sm-spaced {
    padding-bottom: 10px !important;
  }

  .px-sm-spaced, .pl-sm-spaced {
    padding-left: 10px !important;
  }

  .my-sm-normal, .mt-sm-normal {
    margin-top: 15px !important;
  }

  .mx-sm-normal, .mr-sm-normal {
    margin-right: 15px !important;
  }

  .my-sm-normal, .mb-sm-normal {
    margin-bottom: 15px !important;
  }

  .mx-sm-normal, .ml-sm-normal {
    margin-left: 15px !important;
  }

  .my-sm-n-normal, .mt-sm-n-normal {
    margin-top: -15px !important;
  }

  .mx-sm-n-normal, .mr-sm-n-normal {
    margin-right: -15px !important;
  }

  .my-sm-n-normal, .mb-sm-n-normal {
    margin-bottom: -15px !important;
  }

  .mx-sm-n-normal, .ml-sm-n-normal {
    margin-left: -15px !important;
  }

  .py-sm-normal, .pt-sm-normal {
    padding-top: 15px !important;
  }

  .px-sm-normal, .pr-sm-normal {
    padding-right: 15px !important;
  }

  .py-sm-normal, .pb-sm-normal {
    padding-bottom: 15px !important;
  }

  .px-sm-normal, .pl-sm-normal {
    padding-left: 15px !important;
  }

  .my-sm, .mt-sm {
    margin-top: 15px !important;
  }

  .mx-sm, .mr-sm {
    margin-right: 15px !important;
  }

  .my-sm, .mb-sm {
    margin-bottom: 15px !important;
  }

  .mx-sm, .ml-sm {
    margin-left: 15px !important;
  }

  .my-sm-n, .mt-sm-n {
    margin-top: -15px !important;
  }

  .mx-sm-n, .mr-sm-n {
    margin-right: -15px !important;
  }

  .my-sm-n, .mb-sm-n {
    margin-bottom: -15px !important;
  }

  .mx-sm-n, .ml-sm-n {
    margin-left: -15px !important;
  }

  .py-sm, .pt-sm {
    padding-top: 15px !important;
  }

  .px-sm, .pr-sm {
    padding-right: 15px !important;
  }

  .py-sm, .pb-sm {
    padding-bottom: 15px !important;
  }

  .px-sm, .pl-sm {
    padding-left: 15px !important;
  }

  .my-sm-semi-wide, .mt-sm-semi-wide {
    margin-top: 20px !important;
  }

  .mx-sm-semi-wide, .mr-sm-semi-wide {
    margin-right: 20px !important;
  }

  .my-sm-semi-wide, .mb-sm-semi-wide {
    margin-bottom: 20px !important;
  }

  .mx-sm-semi-wide, .ml-sm-semi-wide {
    margin-left: 20px !important;
  }

  .my-sm-n-semi-wide, .mt-sm-n-semi-wide {
    margin-top: -20px !important;
  }

  .mx-sm-n-semi-wide, .mr-sm-n-semi-wide {
    margin-right: -20px !important;
  }

  .my-sm-n-semi-wide, .mb-sm-n-semi-wide {
    margin-bottom: -20px !important;
  }

  .mx-sm-n-semi-wide, .ml-sm-n-semi-wide {
    margin-left: -20px !important;
  }

  .py-sm-semi-wide, .pt-sm-semi-wide {
    padding-top: 20px !important;
  }

  .px-sm-semi-wide, .pr-sm-semi-wide {
    padding-right: 20px !important;
  }

  .py-sm-semi-wide, .pb-sm-semi-wide {
    padding-bottom: 20px !important;
  }

  .px-sm-semi-wide, .pl-sm-semi-wide {
    padding-left: 20px !important;
  }

  .my-sm-wide, .mt-sm-wide {
    margin-top: 30px !important;
  }

  .mx-sm-wide, .mr-sm-wide {
    margin-right: 30px !important;
  }

  .my-sm-wide, .mb-sm-wide {
    margin-bottom: 30px !important;
  }

  .mx-sm-wide, .ml-sm-wide {
    margin-left: 30px !important;
  }

  .my-sm-n-wide, .mt-sm-n-wide {
    margin-top: -30px !important;
  }

  .mx-sm-n-wide, .mr-sm-n-wide {
    margin-right: -30px !important;
  }

  .my-sm-n-wide, .mb-sm-n-wide {
    margin-bottom: -30px !important;
  }

  .mx-sm-n-wide, .ml-sm-n-wide {
    margin-left: -30px !important;
  }

  .py-sm-wide, .pt-sm-wide {
    padding-top: 30px !important;
  }

  .px-sm-wide, .pr-sm-wide {
    padding-right: 30px !important;
  }

  .py-sm-wide, .pb-sm-wide {
    padding-bottom: 30px !important;
  }

  .px-sm-wide, .pl-sm-wide {
    padding-left: 30px !important;
  }

  .my-sm-large, .mt-sm-large {
    margin-top: 60px !important;
  }

  .mx-sm-large, .mr-sm-large {
    margin-right: 60px !important;
  }

  .my-sm-large, .mb-sm-large {
    margin-bottom: 60px !important;
  }

  .mx-sm-large, .ml-sm-large {
    margin-left: 60px !important;
  }

  .my-sm-n-large, .mt-sm-n-large {
    margin-top: -60px !important;
  }

  .mx-sm-n-large, .mr-sm-n-large {
    margin-right: -60px !important;
  }

  .my-sm-n-large, .mb-sm-n-large {
    margin-bottom: -60px !important;
  }

  .mx-sm-n-large, .ml-sm-n-large {
    margin-left: -60px !important;
  }

  .py-sm-large, .pt-sm-large {
    padding-top: 60px !important;
  }

  .px-sm-large, .pr-sm-large {
    padding-right: 60px !important;
  }

  .py-sm-large, .pb-sm-large {
    padding-bottom: 60px !important;
  }

  .px-sm-large, .pl-sm-large {
    padding-left: 60px !important;
  }

  .my-sm-huge, .mt-sm-huge {
    margin-top: 90px !important;
  }

  .mx-sm-huge, .mr-sm-huge {
    margin-right: 90px !important;
  }

  .my-sm-huge, .mb-sm-huge {
    margin-bottom: 90px !important;
  }

  .mx-sm-huge, .ml-sm-huge {
    margin-left: 90px !important;
  }

  .my-sm-n-huge, .mt-sm-n-huge {
    margin-top: -90px !important;
  }

  .mx-sm-n-huge, .mr-sm-n-huge {
    margin-right: -90px !important;
  }

  .my-sm-n-huge, .mb-sm-n-huge {
    margin-bottom: -90px !important;
  }

  .mx-sm-n-huge, .ml-sm-n-huge {
    margin-left: -90px !important;
  }

  .py-sm-huge, .pt-sm-huge {
    padding-top: 90px !important;
  }

  .px-sm-huge, .pr-sm-huge {
    padding-right: 90px !important;
  }

  .py-sm-huge, .pb-sm-huge {
    padding-bottom: 90px !important;
  }

  .px-sm-huge, .pl-sm-huge {
    padding-left: 90px !important;
  }

  .my-sm-ncondensed, .mt-sm-ncondensed {
    margin-top: -5px !important;
  }

  .mx-sm-ncondensed, .mr-sm-ncondensed {
    margin-right: -5px !important;
  }

  .my-sm-ncondensed, .mb-sm-ncondensed {
    margin-bottom: -5px !important;
  }

  .mx-sm-ncondensed, .ml-sm-ncondensed {
    margin-left: -5px !important;
  }

  .my-sm-n-ncondensed, .mt-sm-n-ncondensed {
    margin-top: --5px !important;
  }

  .mx-sm-n-ncondensed, .mr-sm-n-ncondensed {
    margin-right: --5px !important;
  }

  .my-sm-n-ncondensed, .mb-sm-n-ncondensed {
    margin-bottom: --5px !important;
  }

  .mx-sm-n-ncondensed, .ml-sm-n-ncondensed {
    margin-left: --5px !important;
  }

  .py-sm-ncondensed, .pt-sm-ncondensed {
    padding-top: -5px !important;
  }

  .px-sm-ncondensed, .pr-sm-ncondensed {
    padding-right: -5px !important;
  }

  .py-sm-ncondensed, .pb-sm-ncondensed {
    padding-bottom: -5px !important;
  }

  .px-sm-ncondensed, .pl-sm-ncondensed {
    padding-left: -5px !important;
  }

  .my-sm-nspaced, .mt-sm-nspaced {
    margin-top: -10px !important;
  }

  .mx-sm-nspaced, .mr-sm-nspaced {
    margin-right: -10px !important;
  }

  .my-sm-nspaced, .mb-sm-nspaced {
    margin-bottom: -10px !important;
  }

  .mx-sm-nspaced, .ml-sm-nspaced {
    margin-left: -10px !important;
  }

  .my-sm-n-nspaced, .mt-sm-n-nspaced {
    margin-top: --10px !important;
  }

  .mx-sm-n-nspaced, .mr-sm-n-nspaced {
    margin-right: --10px !important;
  }

  .my-sm-n-nspaced, .mb-sm-n-nspaced {
    margin-bottom: --10px !important;
  }

  .mx-sm-n-nspaced, .ml-sm-n-nspaced {
    margin-left: --10px !important;
  }

  .py-sm-nspaced, .pt-sm-nspaced {
    padding-top: -10px !important;
  }

  .px-sm-nspaced, .pr-sm-nspaced {
    padding-right: -10px !important;
  }

  .py-sm-nspaced, .pb-sm-nspaced {
    padding-bottom: -10px !important;
  }

  .px-sm-nspaced, .pl-sm-nspaced {
    padding-left: -10px !important;
  }

  .my-sm-nnormal, .mt-sm-nnormal {
    margin-top: -15px !important;
  }

  .mx-sm-nnormal, .mr-sm-nnormal {
    margin-right: -15px !important;
  }

  .my-sm-nnormal, .mb-sm-nnormal {
    margin-bottom: -15px !important;
  }

  .mx-sm-nnormal, .ml-sm-nnormal {
    margin-left: -15px !important;
  }

  .my-sm-n-nnormal, .mt-sm-n-nnormal {
    margin-top: --15px !important;
  }

  .mx-sm-n-nnormal, .mr-sm-n-nnormal {
    margin-right: --15px !important;
  }

  .my-sm-n-nnormal, .mb-sm-n-nnormal {
    margin-bottom: --15px !important;
  }

  .mx-sm-n-nnormal, .ml-sm-n-nnormal {
    margin-left: --15px !important;
  }

  .py-sm-nnormal, .pt-sm-nnormal {
    padding-top: -15px !important;
  }

  .px-sm-nnormal, .pr-sm-nnormal {
    padding-right: -15px !important;
  }

  .py-sm-nnormal, .pb-sm-nnormal {
    padding-bottom: -15px !important;
  }

  .px-sm-nnormal, .pl-sm-nnormal {
    padding-left: -15px !important;
  }

  .my-sm-nsemi-wide, .mt-sm-nsemi-wide {
    margin-top: -20px !important;
  }

  .mx-sm-nsemi-wide, .mr-sm-nsemi-wide {
    margin-right: -20px !important;
  }

  .my-sm-nsemi-wide, .mb-sm-nsemi-wide {
    margin-bottom: -20px !important;
  }

  .mx-sm-nsemi-wide, .ml-sm-nsemi-wide {
    margin-left: -20px !important;
  }

  .my-sm-n-nsemi-wide, .mt-sm-n-nsemi-wide {
    margin-top: --20px !important;
  }

  .mx-sm-n-nsemi-wide, .mr-sm-n-nsemi-wide {
    margin-right: --20px !important;
  }

  .my-sm-n-nsemi-wide, .mb-sm-n-nsemi-wide {
    margin-bottom: --20px !important;
  }

  .mx-sm-n-nsemi-wide, .ml-sm-n-nsemi-wide {
    margin-left: --20px !important;
  }

  .py-sm-nsemi-wide, .pt-sm-nsemi-wide {
    padding-top: -20px !important;
  }

  .px-sm-nsemi-wide, .pr-sm-nsemi-wide {
    padding-right: -20px !important;
  }

  .py-sm-nsemi-wide, .pb-sm-nsemi-wide {
    padding-bottom: -20px !important;
  }

  .px-sm-nsemi-wide, .pl-sm-nsemi-wide {
    padding-left: -20px !important;
  }

  .my-sm-nwide, .mt-sm-nwide {
    margin-top: -30px !important;
  }

  .mx-sm-nwide, .mr-sm-nwide {
    margin-right: -30px !important;
  }

  .my-sm-nwide, .mb-sm-nwide {
    margin-bottom: -30px !important;
  }

  .mx-sm-nwide, .ml-sm-nwide {
    margin-left: -30px !important;
  }

  .my-sm-n-nwide, .mt-sm-n-nwide {
    margin-top: --30px !important;
  }

  .mx-sm-n-nwide, .mr-sm-n-nwide {
    margin-right: --30px !important;
  }

  .my-sm-n-nwide, .mb-sm-n-nwide {
    margin-bottom: --30px !important;
  }

  .mx-sm-n-nwide, .ml-sm-n-nwide {
    margin-left: --30px !important;
  }

  .py-sm-nwide, .pt-sm-nwide {
    padding-top: -30px !important;
  }

  .px-sm-nwide, .pr-sm-nwide {
    padding-right: -30px !important;
  }

  .py-sm-nwide, .pb-sm-nwide {
    padding-bottom: -30px !important;
  }

  .px-sm-nwide, .pl-sm-nwide {
    padding-left: -30px !important;
  }

  .my-sm-nlarge, .mt-sm-nlarge {
    margin-top: -60px !important;
  }

  .mx-sm-nlarge, .mr-sm-nlarge {
    margin-right: -60px !important;
  }

  .my-sm-nlarge, .mb-sm-nlarge {
    margin-bottom: -60px !important;
  }

  .mx-sm-nlarge, .ml-sm-nlarge {
    margin-left: -60px !important;
  }

  .my-sm-n-nlarge, .mt-sm-n-nlarge {
    margin-top: --60px !important;
  }

  .mx-sm-n-nlarge, .mr-sm-n-nlarge {
    margin-right: --60px !important;
  }

  .my-sm-n-nlarge, .mb-sm-n-nlarge {
    margin-bottom: --60px !important;
  }

  .mx-sm-n-nlarge, .ml-sm-n-nlarge {
    margin-left: --60px !important;
  }

  .py-sm-nlarge, .pt-sm-nlarge {
    padding-top: -60px !important;
  }

  .px-sm-nlarge, .pr-sm-nlarge {
    padding-right: -60px !important;
  }

  .py-sm-nlarge, .pb-sm-nlarge {
    padding-bottom: -60px !important;
  }

  .px-sm-nlarge, .pl-sm-nlarge {
    padding-left: -60px !important;
  }

  .my-sm-nhuge, .mt-sm-nhuge {
    margin-top: -90px !important;
  }

  .mx-sm-nhuge, .mr-sm-nhuge {
    margin-right: -90px !important;
  }

  .my-sm-nhuge, .mb-sm-nhuge {
    margin-bottom: -90px !important;
  }

  .mx-sm-nhuge, .ml-sm-nhuge {
    margin-left: -90px !important;
  }

  .my-sm-n-nhuge, .mt-sm-n-nhuge {
    margin-top: --90px !important;
  }

  .mx-sm-n-nhuge, .mr-sm-n-nhuge {
    margin-right: --90px !important;
  }

  .my-sm-n-nhuge, .mb-sm-n-nhuge {
    margin-bottom: --90px !important;
  }

  .mx-sm-n-nhuge, .ml-sm-n-nhuge {
    margin-left: --90px !important;
  }

  .py-sm-nhuge, .pt-sm-nhuge {
    padding-top: -90px !important;
  }

  .px-sm-nhuge, .pr-sm-nhuge {
    padding-right: -90px !important;
  }

  .py-sm-nhuge, .pb-sm-nhuge {
    padding-bottom: -90px !important;
  }

  .px-sm-nhuge, .pl-sm-nhuge {
    padding-left: -90px !important;
  }

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

  .my-sm-auto, .mt-sm-auto {
    margin-top: auto !important;
  }

  .mx-sm-auto, .mr-sm-auto {
    margin-right: auto !important;
  }

  .my-sm-auto, .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .mx-sm-auto, .ml-sm-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

  .d-sm-initial {
    display: initial !important;
  }
}
@media (min-width: 768px) {
  .my-md-0, .mt-md-0 {
    margin-top: 0px !important;
  }

  .mx-md-0, .mr-md-0 {
    margin-right: 0px !important;
  }

  .my-md-0, .mb-md-0 {
    margin-bottom: 0px !important;
  }

  .mx-md-0, .ml-md-0 {
    margin-left: 0px !important;
  }

  .my-md-n0, .mt-md-n0 {
    margin-top: 0px !important;
  }

  .mx-md-n0, .mr-md-n0 {
    margin-right: 0px !important;
  }

  .my-md-n0, .mb-md-n0 {
    margin-bottom: 0px !important;
  }

  .mx-md-n0, .ml-md-n0 {
    margin-left: 0px !important;
  }

  .py-md-0, .pt-md-0 {
    padding-top: 0px !important;
  }

  .px-md-0, .pr-md-0 {
    padding-right: 0px !important;
  }

  .py-md-0, .pb-md-0 {
    padding-bottom: 0px !important;
  }

  .px-md-0, .pl-md-0 {
    padding-left: 0px !important;
  }

  .my-md-1, .mt-md-1 {
    margin-top: 5px !important;
  }

  .mx-md-1, .mr-md-1 {
    margin-right: 5px !important;
  }

  .my-md-1, .mb-md-1 {
    margin-bottom: 5px !important;
  }

  .mx-md-1, .ml-md-1 {
    margin-left: 5px !important;
  }

  .my-md-n1, .mt-md-n1 {
    margin-top: -5px !important;
  }

  .mx-md-n1, .mr-md-n1 {
    margin-right: -5px !important;
  }

  .my-md-n1, .mb-md-n1 {
    margin-bottom: -5px !important;
  }

  .mx-md-n1, .ml-md-n1 {
    margin-left: -5px !important;
  }

  .py-md-1, .pt-md-1 {
    padding-top: 5px !important;
  }

  .px-md-1, .pr-md-1 {
    padding-right: 5px !important;
  }

  .py-md-1, .pb-md-1 {
    padding-bottom: 5px !important;
  }

  .px-md-1, .pl-md-1 {
    padding-left: 5px !important;
  }

  .my-md-2, .mt-md-2 {
    margin-top: 10px !important;
  }

  .mx-md-2, .mr-md-2 {
    margin-right: 10px !important;
  }

  .my-md-2, .mb-md-2 {
    margin-bottom: 10px !important;
  }

  .mx-md-2, .ml-md-2 {
    margin-left: 10px !important;
  }

  .my-md-n2, .mt-md-n2 {
    margin-top: -10px !important;
  }

  .mx-md-n2, .mr-md-n2 {
    margin-right: -10px !important;
  }

  .my-md-n2, .mb-md-n2 {
    margin-bottom: -10px !important;
  }

  .mx-md-n2, .ml-md-n2 {
    margin-left: -10px !important;
  }

  .py-md-2, .pt-md-2 {
    padding-top: 10px !important;
  }

  .px-md-2, .pr-md-2 {
    padding-right: 10px !important;
  }

  .py-md-2, .pb-md-2 {
    padding-bottom: 10px !important;
  }

  .px-md-2, .pl-md-2 {
    padding-left: 10px !important;
  }

  .my-md-3, .mt-md-3 {
    margin-top: 15px !important;
  }

  .mx-md-3, .mr-md-3 {
    margin-right: 15px !important;
  }

  .my-md-3, .mb-md-3 {
    margin-bottom: 15px !important;
  }

  .mx-md-3, .ml-md-3 {
    margin-left: 15px !important;
  }

  .my-md-n3, .mt-md-n3 {
    margin-top: -15px !important;
  }

  .mx-md-n3, .mr-md-n3 {
    margin-right: -15px !important;
  }

  .my-md-n3, .mb-md-n3 {
    margin-bottom: -15px !important;
  }

  .mx-md-n3, .ml-md-n3 {
    margin-left: -15px !important;
  }

  .py-md-3, .pt-md-3 {
    padding-top: 15px !important;
  }

  .px-md-3, .pr-md-3 {
    padding-right: 15px !important;
  }

  .py-md-3, .pb-md-3 {
    padding-bottom: 15px !important;
  }

  .px-md-3, .pl-md-3 {
    padding-left: 15px !important;
  }

  .my-md-4, .mt-md-4 {
    margin-top: 20px !important;
  }

  .mx-md-4, .mr-md-4 {
    margin-right: 20px !important;
  }

  .my-md-4, .mb-md-4 {
    margin-bottom: 20px !important;
  }

  .mx-md-4, .ml-md-4 {
    margin-left: 20px !important;
  }

  .my-md-n4, .mt-md-n4 {
    margin-top: -20px !important;
  }

  .mx-md-n4, .mr-md-n4 {
    margin-right: -20px !important;
  }

  .my-md-n4, .mb-md-n4 {
    margin-bottom: -20px !important;
  }

  .mx-md-n4, .ml-md-n4 {
    margin-left: -20px !important;
  }

  .py-md-4, .pt-md-4 {
    padding-top: 20px !important;
  }

  .px-md-4, .pr-md-4 {
    padding-right: 20px !important;
  }

  .py-md-4, .pb-md-4 {
    padding-bottom: 20px !important;
  }

  .px-md-4, .pl-md-4 {
    padding-left: 20px !important;
  }

  .my-md-5, .mt-md-5 {
    margin-top: 25px !important;
  }

  .mx-md-5, .mr-md-5 {
    margin-right: 25px !important;
  }

  .my-md-5, .mb-md-5 {
    margin-bottom: 25px !important;
  }

  .mx-md-5, .ml-md-5 {
    margin-left: 25px !important;
  }

  .my-md-n5, .mt-md-n5 {
    margin-top: -25px !important;
  }

  .mx-md-n5, .mr-md-n5 {
    margin-right: -25px !important;
  }

  .my-md-n5, .mb-md-n5 {
    margin-bottom: -25px !important;
  }

  .mx-md-n5, .ml-md-n5 {
    margin-left: -25px !important;
  }

  .py-md-5, .pt-md-5 {
    padding-top: 25px !important;
  }

  .px-md-5, .pr-md-5 {
    padding-right: 25px !important;
  }

  .py-md-5, .pb-md-5 {
    padding-bottom: 25px !important;
  }

  .px-md-5, .pl-md-5 {
    padding-left: 25px !important;
  }

  .my-md-6, .mt-md-6 {
    margin-top: 30px !important;
  }

  .mx-md-6, .mr-md-6 {
    margin-right: 30px !important;
  }

  .my-md-6, .mb-md-6 {
    margin-bottom: 30px !important;
  }

  .mx-md-6, .ml-md-6 {
    margin-left: 30px !important;
  }

  .my-md-n6, .mt-md-n6 {
    margin-top: -30px !important;
  }

  .mx-md-n6, .mr-md-n6 {
    margin-right: -30px !important;
  }

  .my-md-n6, .mb-md-n6 {
    margin-bottom: -30px !important;
  }

  .mx-md-n6, .ml-md-n6 {
    margin-left: -30px !important;
  }

  .py-md-6, .pt-md-6 {
    padding-top: 30px !important;
  }

  .px-md-6, .pr-md-6 {
    padding-right: 30px !important;
  }

  .py-md-6, .pb-md-6 {
    padding-bottom: 30px !important;
  }

  .px-md-6, .pl-md-6 {
    padding-left: 30px !important;
  }

  .my-md-7, .mt-md-7 {
    margin-top: 35px !important;
  }

  .mx-md-7, .mr-md-7 {
    margin-right: 35px !important;
  }

  .my-md-7, .mb-md-7 {
    margin-bottom: 35px !important;
  }

  .mx-md-7, .ml-md-7 {
    margin-left: 35px !important;
  }

  .my-md-n7, .mt-md-n7 {
    margin-top: -35px !important;
  }

  .mx-md-n7, .mr-md-n7 {
    margin-right: -35px !important;
  }

  .my-md-n7, .mb-md-n7 {
    margin-bottom: -35px !important;
  }

  .mx-md-n7, .ml-md-n7 {
    margin-left: -35px !important;
  }

  .py-md-7, .pt-md-7 {
    padding-top: 35px !important;
  }

  .px-md-7, .pr-md-7 {
    padding-right: 35px !important;
  }

  .py-md-7, .pb-md-7 {
    padding-bottom: 35px !important;
  }

  .px-md-7, .pl-md-7 {
    padding-left: 35px !important;
  }

  .my-md-8, .mt-md-8 {
    margin-top: 40px !important;
  }

  .mx-md-8, .mr-md-8 {
    margin-right: 40px !important;
  }

  .my-md-8, .mb-md-8 {
    margin-bottom: 40px !important;
  }

  .mx-md-8, .ml-md-8 {
    margin-left: 40px !important;
  }

  .my-md-n8, .mt-md-n8 {
    margin-top: -40px !important;
  }

  .mx-md-n8, .mr-md-n8 {
    margin-right: -40px !important;
  }

  .my-md-n8, .mb-md-n8 {
    margin-bottom: -40px !important;
  }

  .mx-md-n8, .ml-md-n8 {
    margin-left: -40px !important;
  }

  .py-md-8, .pt-md-8 {
    padding-top: 40px !important;
  }

  .px-md-8, .pr-md-8 {
    padding-right: 40px !important;
  }

  .py-md-8, .pb-md-8 {
    padding-bottom: 40px !important;
  }

  .px-md-8, .pl-md-8 {
    padding-left: 40px !important;
  }

  .my-md-9, .mt-md-9 {
    margin-top: 45px !important;
  }

  .mx-md-9, .mr-md-9 {
    margin-right: 45px !important;
  }

  .my-md-9, .mb-md-9 {
    margin-bottom: 45px !important;
  }

  .mx-md-9, .ml-md-9 {
    margin-left: 45px !important;
  }

  .my-md-n9, .mt-md-n9 {
    margin-top: -45px !important;
  }

  .mx-md-n9, .mr-md-n9 {
    margin-right: -45px !important;
  }

  .my-md-n9, .mb-md-n9 {
    margin-bottom: -45px !important;
  }

  .mx-md-n9, .ml-md-n9 {
    margin-left: -45px !important;
  }

  .py-md-9, .pt-md-9 {
    padding-top: 45px !important;
  }

  .px-md-9, .pr-md-9 {
    padding-right: 45px !important;
  }

  .py-md-9, .pb-md-9 {
    padding-bottom: 45px !important;
  }

  .px-md-9, .pl-md-9 {
    padding-left: 45px !important;
  }

  .my-md-10, .mt-md-10 {
    margin-top: 50px !important;
  }

  .mx-md-10, .mr-md-10 {
    margin-right: 50px !important;
  }

  .my-md-10, .mb-md-10 {
    margin-bottom: 50px !important;
  }

  .mx-md-10, .ml-md-10 {
    margin-left: 50px !important;
  }

  .my-md-n10, .mt-md-n10 {
    margin-top: -50px !important;
  }

  .mx-md-n10, .mr-md-n10 {
    margin-right: -50px !important;
  }

  .my-md-n10, .mb-md-n10 {
    margin-bottom: -50px !important;
  }

  .mx-md-n10, .ml-md-n10 {
    margin-left: -50px !important;
  }

  .py-md-10, .pt-md-10 {
    padding-top: 50px !important;
  }

  .px-md-10, .pr-md-10 {
    padding-right: 50px !important;
  }

  .py-md-10, .pb-md-10 {
    padding-bottom: 50px !important;
  }

  .px-md-10, .pl-md-10 {
    padding-left: 50px !important;
  }

  .my-md-11, .mt-md-11 {
    margin-top: 55px !important;
  }

  .mx-md-11, .mr-md-11 {
    margin-right: 55px !important;
  }

  .my-md-11, .mb-md-11 {
    margin-bottom: 55px !important;
  }

  .mx-md-11, .ml-md-11 {
    margin-left: 55px !important;
  }

  .my-md-n11, .mt-md-n11 {
    margin-top: -55px !important;
  }

  .mx-md-n11, .mr-md-n11 {
    margin-right: -55px !important;
  }

  .my-md-n11, .mb-md-n11 {
    margin-bottom: -55px !important;
  }

  .mx-md-n11, .ml-md-n11 {
    margin-left: -55px !important;
  }

  .py-md-11, .pt-md-11 {
    padding-top: 55px !important;
  }

  .px-md-11, .pr-md-11 {
    padding-right: 55px !important;
  }

  .py-md-11, .pb-md-11 {
    padding-bottom: 55px !important;
  }

  .px-md-11, .pl-md-11 {
    padding-left: 55px !important;
  }

  .my-md-12, .mt-md-12 {
    margin-top: 60px !important;
  }

  .mx-md-12, .mr-md-12 {
    margin-right: 60px !important;
  }

  .my-md-12, .mb-md-12 {
    margin-bottom: 60px !important;
  }

  .mx-md-12, .ml-md-12 {
    margin-left: 60px !important;
  }

  .my-md-n12, .mt-md-n12 {
    margin-top: -60px !important;
  }

  .mx-md-n12, .mr-md-n12 {
    margin-right: -60px !important;
  }

  .my-md-n12, .mb-md-n12 {
    margin-bottom: -60px !important;
  }

  .mx-md-n12, .ml-md-n12 {
    margin-left: -60px !important;
  }

  .py-md-12, .pt-md-12 {
    padding-top: 60px !important;
  }

  .px-md-12, .pr-md-12 {
    padding-right: 60px !important;
  }

  .py-md-12, .pb-md-12 {
    padding-bottom: 60px !important;
  }

  .px-md-12, .pl-md-12 {
    padding-left: 60px !important;
  }

  .my-md-13, .mt-md-13 {
    margin-top: 65px !important;
  }

  .mx-md-13, .mr-md-13 {
    margin-right: 65px !important;
  }

  .my-md-13, .mb-md-13 {
    margin-bottom: 65px !important;
  }

  .mx-md-13, .ml-md-13 {
    margin-left: 65px !important;
  }

  .my-md-n13, .mt-md-n13 {
    margin-top: -65px !important;
  }

  .mx-md-n13, .mr-md-n13 {
    margin-right: -65px !important;
  }

  .my-md-n13, .mb-md-n13 {
    margin-bottom: -65px !important;
  }

  .mx-md-n13, .ml-md-n13 {
    margin-left: -65px !important;
  }

  .py-md-13, .pt-md-13 {
    padding-top: 65px !important;
  }

  .px-md-13, .pr-md-13 {
    padding-right: 65px !important;
  }

  .py-md-13, .pb-md-13 {
    padding-bottom: 65px !important;
  }

  .px-md-13, .pl-md-13 {
    padding-left: 65px !important;
  }

  .my-md-14, .mt-md-14 {
    margin-top: 70px !important;
  }

  .mx-md-14, .mr-md-14 {
    margin-right: 70px !important;
  }

  .my-md-14, .mb-md-14 {
    margin-bottom: 70px !important;
  }

  .mx-md-14, .ml-md-14 {
    margin-left: 70px !important;
  }

  .my-md-n14, .mt-md-n14 {
    margin-top: -70px !important;
  }

  .mx-md-n14, .mr-md-n14 {
    margin-right: -70px !important;
  }

  .my-md-n14, .mb-md-n14 {
    margin-bottom: -70px !important;
  }

  .mx-md-n14, .ml-md-n14 {
    margin-left: -70px !important;
  }

  .py-md-14, .pt-md-14 {
    padding-top: 70px !important;
  }

  .px-md-14, .pr-md-14 {
    padding-right: 70px !important;
  }

  .py-md-14, .pb-md-14 {
    padding-bottom: 70px !important;
  }

  .px-md-14, .pl-md-14 {
    padding-left: 70px !important;
  }

  .my-md-15, .mt-md-15 {
    margin-top: 75px !important;
  }

  .mx-md-15, .mr-md-15 {
    margin-right: 75px !important;
  }

  .my-md-15, .mb-md-15 {
    margin-bottom: 75px !important;
  }

  .mx-md-15, .ml-md-15 {
    margin-left: 75px !important;
  }

  .my-md-n15, .mt-md-n15 {
    margin-top: -75px !important;
  }

  .mx-md-n15, .mr-md-n15 {
    margin-right: -75px !important;
  }

  .my-md-n15, .mb-md-n15 {
    margin-bottom: -75px !important;
  }

  .mx-md-n15, .ml-md-n15 {
    margin-left: -75px !important;
  }

  .py-md-15, .pt-md-15 {
    padding-top: 75px !important;
  }

  .px-md-15, .pr-md-15 {
    padding-right: 75px !important;
  }

  .py-md-15, .pb-md-15 {
    padding-bottom: 75px !important;
  }

  .px-md-15, .pl-md-15 {
    padding-left: 75px !important;
  }

  .my-md-16, .mt-md-16 {
    margin-top: 80px !important;
  }

  .mx-md-16, .mr-md-16 {
    margin-right: 80px !important;
  }

  .my-md-16, .mb-md-16 {
    margin-bottom: 80px !important;
  }

  .mx-md-16, .ml-md-16 {
    margin-left: 80px !important;
  }

  .my-md-n16, .mt-md-n16 {
    margin-top: -80px !important;
  }

  .mx-md-n16, .mr-md-n16 {
    margin-right: -80px !important;
  }

  .my-md-n16, .mb-md-n16 {
    margin-bottom: -80px !important;
  }

  .mx-md-n16, .ml-md-n16 {
    margin-left: -80px !important;
  }

  .py-md-16, .pt-md-16 {
    padding-top: 80px !important;
  }

  .px-md-16, .pr-md-16 {
    padding-right: 80px !important;
  }

  .py-md-16, .pb-md-16 {
    padding-bottom: 80px !important;
  }

  .px-md-16, .pl-md-16 {
    padding-left: 80px !important;
  }

  .my-md-17, .mt-md-17 {
    margin-top: 85px !important;
  }

  .mx-md-17, .mr-md-17 {
    margin-right: 85px !important;
  }

  .my-md-17, .mb-md-17 {
    margin-bottom: 85px !important;
  }

  .mx-md-17, .ml-md-17 {
    margin-left: 85px !important;
  }

  .my-md-n17, .mt-md-n17 {
    margin-top: -85px !important;
  }

  .mx-md-n17, .mr-md-n17 {
    margin-right: -85px !important;
  }

  .my-md-n17, .mb-md-n17 {
    margin-bottom: -85px !important;
  }

  .mx-md-n17, .ml-md-n17 {
    margin-left: -85px !important;
  }

  .py-md-17, .pt-md-17 {
    padding-top: 85px !important;
  }

  .px-md-17, .pr-md-17 {
    padding-right: 85px !important;
  }

  .py-md-17, .pb-md-17 {
    padding-bottom: 85px !important;
  }

  .px-md-17, .pl-md-17 {
    padding-left: 85px !important;
  }

  .my-md-18, .mt-md-18 {
    margin-top: 90px !important;
  }

  .mx-md-18, .mr-md-18 {
    margin-right: 90px !important;
  }

  .my-md-18, .mb-md-18 {
    margin-bottom: 90px !important;
  }

  .mx-md-18, .ml-md-18 {
    margin-left: 90px !important;
  }

  .my-md-n18, .mt-md-n18 {
    margin-top: -90px !important;
  }

  .mx-md-n18, .mr-md-n18 {
    margin-right: -90px !important;
  }

  .my-md-n18, .mb-md-n18 {
    margin-bottom: -90px !important;
  }

  .mx-md-n18, .ml-md-n18 {
    margin-left: -90px !important;
  }

  .py-md-18, .pt-md-18 {
    padding-top: 90px !important;
  }

  .px-md-18, .pr-md-18 {
    padding-right: 90px !important;
  }

  .py-md-18, .pb-md-18 {
    padding-bottom: 90px !important;
  }

  .px-md-18, .pl-md-18 {
    padding-left: 90px !important;
  }

  .my-md-19, .mt-md-19 {
    margin-top: 95px !important;
  }

  .mx-md-19, .mr-md-19 {
    margin-right: 95px !important;
  }

  .my-md-19, .mb-md-19 {
    margin-bottom: 95px !important;
  }

  .mx-md-19, .ml-md-19 {
    margin-left: 95px !important;
  }

  .my-md-n19, .mt-md-n19 {
    margin-top: -95px !important;
  }

  .mx-md-n19, .mr-md-n19 {
    margin-right: -95px !important;
  }

  .my-md-n19, .mb-md-n19 {
    margin-bottom: -95px !important;
  }

  .mx-md-n19, .ml-md-n19 {
    margin-left: -95px !important;
  }

  .py-md-19, .pt-md-19 {
    padding-top: 95px !important;
  }

  .px-md-19, .pr-md-19 {
    padding-right: 95px !important;
  }

  .py-md-19, .pb-md-19 {
    padding-bottom: 95px !important;
  }

  .px-md-19, .pl-md-19 {
    padding-left: 95px !important;
  }

  .my-md-20, .mt-md-20 {
    margin-top: 100px !important;
  }

  .mx-md-20, .mr-md-20 {
    margin-right: 100px !important;
  }

  .my-md-20, .mb-md-20 {
    margin-bottom: 100px !important;
  }

  .mx-md-20, .ml-md-20 {
    margin-left: 100px !important;
  }

  .my-md-n20, .mt-md-n20 {
    margin-top: -100px !important;
  }

  .mx-md-n20, .mr-md-n20 {
    margin-right: -100px !important;
  }

  .my-md-n20, .mb-md-n20 {
    margin-bottom: -100px !important;
  }

  .mx-md-n20, .ml-md-n20 {
    margin-left: -100px !important;
  }

  .py-md-20, .pt-md-20 {
    padding-top: 100px !important;
  }

  .px-md-20, .pr-md-20 {
    padding-right: 100px !important;
  }

  .py-md-20, .pb-md-20 {
    padding-bottom: 100px !important;
  }

  .px-md-20, .pl-md-20 {
    padding-left: 100px !important;
  }

  .my-md-21, .mt-md-21 {
    margin-top: 105px !important;
  }

  .mx-md-21, .mr-md-21 {
    margin-right: 105px !important;
  }

  .my-md-21, .mb-md-21 {
    margin-bottom: 105px !important;
  }

  .mx-md-21, .ml-md-21 {
    margin-left: 105px !important;
  }

  .my-md-n21, .mt-md-n21 {
    margin-top: -105px !important;
  }

  .mx-md-n21, .mr-md-n21 {
    margin-right: -105px !important;
  }

  .my-md-n21, .mb-md-n21 {
    margin-bottom: -105px !important;
  }

  .mx-md-n21, .ml-md-n21 {
    margin-left: -105px !important;
  }

  .py-md-21, .pt-md-21 {
    padding-top: 105px !important;
  }

  .px-md-21, .pr-md-21 {
    padding-right: 105px !important;
  }

  .py-md-21, .pb-md-21 {
    padding-bottom: 105px !important;
  }

  .px-md-21, .pl-md-21 {
    padding-left: 105px !important;
  }

  .my-md-22, .mt-md-22 {
    margin-top: 110px !important;
  }

  .mx-md-22, .mr-md-22 {
    margin-right: 110px !important;
  }

  .my-md-22, .mb-md-22 {
    margin-bottom: 110px !important;
  }

  .mx-md-22, .ml-md-22 {
    margin-left: 110px !important;
  }

  .my-md-n22, .mt-md-n22 {
    margin-top: -110px !important;
  }

  .mx-md-n22, .mr-md-n22 {
    margin-right: -110px !important;
  }

  .my-md-n22, .mb-md-n22 {
    margin-bottom: -110px !important;
  }

  .mx-md-n22, .ml-md-n22 {
    margin-left: -110px !important;
  }

  .py-md-22, .pt-md-22 {
    padding-top: 110px !important;
  }

  .px-md-22, .pr-md-22 {
    padding-right: 110px !important;
  }

  .py-md-22, .pb-md-22 {
    padding-bottom: 110px !important;
  }

  .px-md-22, .pl-md-22 {
    padding-left: 110px !important;
  }

  .my-md-23, .mt-md-23 {
    margin-top: 115px !important;
  }

  .mx-md-23, .mr-md-23 {
    margin-right: 115px !important;
  }

  .my-md-23, .mb-md-23 {
    margin-bottom: 115px !important;
  }

  .mx-md-23, .ml-md-23 {
    margin-left: 115px !important;
  }

  .my-md-n23, .mt-md-n23 {
    margin-top: -115px !important;
  }

  .mx-md-n23, .mr-md-n23 {
    margin-right: -115px !important;
  }

  .my-md-n23, .mb-md-n23 {
    margin-bottom: -115px !important;
  }

  .mx-md-n23, .ml-md-n23 {
    margin-left: -115px !important;
  }

  .py-md-23, .pt-md-23 {
    padding-top: 115px !important;
  }

  .px-md-23, .pr-md-23 {
    padding-right: 115px !important;
  }

  .py-md-23, .pb-md-23 {
    padding-bottom: 115px !important;
  }

  .px-md-23, .pl-md-23 {
    padding-left: 115px !important;
  }

  .my-md-24, .mt-md-24 {
    margin-top: 120px !important;
  }

  .mx-md-24, .mr-md-24 {
    margin-right: 120px !important;
  }

  .my-md-24, .mb-md-24 {
    margin-bottom: 120px !important;
  }

  .mx-md-24, .ml-md-24 {
    margin-left: 120px !important;
  }

  .my-md-n24, .mt-md-n24 {
    margin-top: -120px !important;
  }

  .mx-md-n24, .mr-md-n24 {
    margin-right: -120px !important;
  }

  .my-md-n24, .mb-md-n24 {
    margin-bottom: -120px !important;
  }

  .mx-md-n24, .ml-md-n24 {
    margin-left: -120px !important;
  }

  .py-md-24, .pt-md-24 {
    padding-top: 120px !important;
  }

  .px-md-24, .pr-md-24 {
    padding-right: 120px !important;
  }

  .py-md-24, .pb-md-24 {
    padding-bottom: 120px !important;
  }

  .px-md-24, .pl-md-24 {
    padding-left: 120px !important;
  }

  .my-md-25, .mt-md-25 {
    margin-top: 125px !important;
  }

  .mx-md-25, .mr-md-25 {
    margin-right: 125px !important;
  }

  .my-md-25, .mb-md-25 {
    margin-bottom: 125px !important;
  }

  .mx-md-25, .ml-md-25 {
    margin-left: 125px !important;
  }

  .my-md-n25, .mt-md-n25 {
    margin-top: -125px !important;
  }

  .mx-md-n25, .mr-md-n25 {
    margin-right: -125px !important;
  }

  .my-md-n25, .mb-md-n25 {
    margin-bottom: -125px !important;
  }

  .mx-md-n25, .ml-md-n25 {
    margin-left: -125px !important;
  }

  .py-md-25, .pt-md-25 {
    padding-top: 125px !important;
  }

  .px-md-25, .pr-md-25 {
    padding-right: 125px !important;
  }

  .py-md-25, .pb-md-25 {
    padding-bottom: 125px !important;
  }

  .px-md-25, .pl-md-25 {
    padding-left: 125px !important;
  }

  .my-md-26, .mt-md-26 {
    margin-top: 130px !important;
  }

  .mx-md-26, .mr-md-26 {
    margin-right: 130px !important;
  }

  .my-md-26, .mb-md-26 {
    margin-bottom: 130px !important;
  }

  .mx-md-26, .ml-md-26 {
    margin-left: 130px !important;
  }

  .my-md-n26, .mt-md-n26 {
    margin-top: -130px !important;
  }

  .mx-md-n26, .mr-md-n26 {
    margin-right: -130px !important;
  }

  .my-md-n26, .mb-md-n26 {
    margin-bottom: -130px !important;
  }

  .mx-md-n26, .ml-md-n26 {
    margin-left: -130px !important;
  }

  .py-md-26, .pt-md-26 {
    padding-top: 130px !important;
  }

  .px-md-26, .pr-md-26 {
    padding-right: 130px !important;
  }

  .py-md-26, .pb-md-26 {
    padding-bottom: 130px !important;
  }

  .px-md-26, .pl-md-26 {
    padding-left: 130px !important;
  }

  .my-md-27, .mt-md-27 {
    margin-top: 135px !important;
  }

  .mx-md-27, .mr-md-27 {
    margin-right: 135px !important;
  }

  .my-md-27, .mb-md-27 {
    margin-bottom: 135px !important;
  }

  .mx-md-27, .ml-md-27 {
    margin-left: 135px !important;
  }

  .my-md-n27, .mt-md-n27 {
    margin-top: -135px !important;
  }

  .mx-md-n27, .mr-md-n27 {
    margin-right: -135px !important;
  }

  .my-md-n27, .mb-md-n27 {
    margin-bottom: -135px !important;
  }

  .mx-md-n27, .ml-md-n27 {
    margin-left: -135px !important;
  }

  .py-md-27, .pt-md-27 {
    padding-top: 135px !important;
  }

  .px-md-27, .pr-md-27 {
    padding-right: 135px !important;
  }

  .py-md-27, .pb-md-27 {
    padding-bottom: 135px !important;
  }

  .px-md-27, .pl-md-27 {
    padding-left: 135px !important;
  }

  .my-md-28, .mt-md-28 {
    margin-top: 140px !important;
  }

  .mx-md-28, .mr-md-28 {
    margin-right: 140px !important;
  }

  .my-md-28, .mb-md-28 {
    margin-bottom: 140px !important;
  }

  .mx-md-28, .ml-md-28 {
    margin-left: 140px !important;
  }

  .my-md-n28, .mt-md-n28 {
    margin-top: -140px !important;
  }

  .mx-md-n28, .mr-md-n28 {
    margin-right: -140px !important;
  }

  .my-md-n28, .mb-md-n28 {
    margin-bottom: -140px !important;
  }

  .mx-md-n28, .ml-md-n28 {
    margin-left: -140px !important;
  }

  .py-md-28, .pt-md-28 {
    padding-top: 140px !important;
  }

  .px-md-28, .pr-md-28 {
    padding-right: 140px !important;
  }

  .py-md-28, .pb-md-28 {
    padding-bottom: 140px !important;
  }

  .px-md-28, .pl-md-28 {
    padding-left: 140px !important;
  }

  .my-md-29, .mt-md-29 {
    margin-top: 145px !important;
  }

  .mx-md-29, .mr-md-29 {
    margin-right: 145px !important;
  }

  .my-md-29, .mb-md-29 {
    margin-bottom: 145px !important;
  }

  .mx-md-29, .ml-md-29 {
    margin-left: 145px !important;
  }

  .my-md-n29, .mt-md-n29 {
    margin-top: -145px !important;
  }

  .mx-md-n29, .mr-md-n29 {
    margin-right: -145px !important;
  }

  .my-md-n29, .mb-md-n29 {
    margin-bottom: -145px !important;
  }

  .mx-md-n29, .ml-md-n29 {
    margin-left: -145px !important;
  }

  .py-md-29, .pt-md-29 {
    padding-top: 145px !important;
  }

  .px-md-29, .pr-md-29 {
    padding-right: 145px !important;
  }

  .py-md-29, .pb-md-29 {
    padding-bottom: 145px !important;
  }

  .px-md-29, .pl-md-29 {
    padding-left: 145px !important;
  }

  .my-md-30, .mt-md-30 {
    margin-top: 150px !important;
  }

  .mx-md-30, .mr-md-30 {
    margin-right: 150px !important;
  }

  .my-md-30, .mb-md-30 {
    margin-bottom: 150px !important;
  }

  .mx-md-30, .ml-md-30 {
    margin-left: 150px !important;
  }

  .my-md-n30, .mt-md-n30 {
    margin-top: -150px !important;
  }

  .mx-md-n30, .mr-md-n30 {
    margin-right: -150px !important;
  }

  .my-md-n30, .mb-md-n30 {
    margin-bottom: -150px !important;
  }

  .mx-md-n30, .ml-md-n30 {
    margin-left: -150px !important;
  }

  .py-md-30, .pt-md-30 {
    padding-top: 150px !important;
  }

  .px-md-30, .pr-md-30 {
    padding-right: 150px !important;
  }

  .py-md-30, .pb-md-30 {
    padding-bottom: 150px !important;
  }

  .px-md-30, .pl-md-30 {
    padding-left: 150px !important;
  }

  .my-md-31, .mt-md-31 {
    margin-top: 155px !important;
  }

  .mx-md-31, .mr-md-31 {
    margin-right: 155px !important;
  }

  .my-md-31, .mb-md-31 {
    margin-bottom: 155px !important;
  }

  .mx-md-31, .ml-md-31 {
    margin-left: 155px !important;
  }

  .my-md-n31, .mt-md-n31 {
    margin-top: -155px !important;
  }

  .mx-md-n31, .mr-md-n31 {
    margin-right: -155px !important;
  }

  .my-md-n31, .mb-md-n31 {
    margin-bottom: -155px !important;
  }

  .mx-md-n31, .ml-md-n31 {
    margin-left: -155px !important;
  }

  .py-md-31, .pt-md-31 {
    padding-top: 155px !important;
  }

  .px-md-31, .pr-md-31 {
    padding-right: 155px !important;
  }

  .py-md-31, .pb-md-31 {
    padding-bottom: 155px !important;
  }

  .px-md-31, .pl-md-31 {
    padding-left: 155px !important;
  }

  .my-md-32, .mt-md-32 {
    margin-top: 160px !important;
  }

  .mx-md-32, .mr-md-32 {
    margin-right: 160px !important;
  }

  .my-md-32, .mb-md-32 {
    margin-bottom: 160px !important;
  }

  .mx-md-32, .ml-md-32 {
    margin-left: 160px !important;
  }

  .my-md-n32, .mt-md-n32 {
    margin-top: -160px !important;
  }

  .mx-md-n32, .mr-md-n32 {
    margin-right: -160px !important;
  }

  .my-md-n32, .mb-md-n32 {
    margin-bottom: -160px !important;
  }

  .mx-md-n32, .ml-md-n32 {
    margin-left: -160px !important;
  }

  .py-md-32, .pt-md-32 {
    padding-top: 160px !important;
  }

  .px-md-32, .pr-md-32 {
    padding-right: 160px !important;
  }

  .py-md-32, .pb-md-32 {
    padding-bottom: 160px !important;
  }

  .px-md-32, .pl-md-32 {
    padding-left: 160px !important;
  }

  .my-md-33, .mt-md-33 {
    margin-top: 165px !important;
  }

  .mx-md-33, .mr-md-33 {
    margin-right: 165px !important;
  }

  .my-md-33, .mb-md-33 {
    margin-bottom: 165px !important;
  }

  .mx-md-33, .ml-md-33 {
    margin-left: 165px !important;
  }

  .my-md-n33, .mt-md-n33 {
    margin-top: -165px !important;
  }

  .mx-md-n33, .mr-md-n33 {
    margin-right: -165px !important;
  }

  .my-md-n33, .mb-md-n33 {
    margin-bottom: -165px !important;
  }

  .mx-md-n33, .ml-md-n33 {
    margin-left: -165px !important;
  }

  .py-md-33, .pt-md-33 {
    padding-top: 165px !important;
  }

  .px-md-33, .pr-md-33 {
    padding-right: 165px !important;
  }

  .py-md-33, .pb-md-33 {
    padding-bottom: 165px !important;
  }

  .px-md-33, .pl-md-33 {
    padding-left: 165px !important;
  }

  .my-md-34, .mt-md-34 {
    margin-top: 170px !important;
  }

  .mx-md-34, .mr-md-34 {
    margin-right: 170px !important;
  }

  .my-md-34, .mb-md-34 {
    margin-bottom: 170px !important;
  }

  .mx-md-34, .ml-md-34 {
    margin-left: 170px !important;
  }

  .my-md-n34, .mt-md-n34 {
    margin-top: -170px !important;
  }

  .mx-md-n34, .mr-md-n34 {
    margin-right: -170px !important;
  }

  .my-md-n34, .mb-md-n34 {
    margin-bottom: -170px !important;
  }

  .mx-md-n34, .ml-md-n34 {
    margin-left: -170px !important;
  }

  .py-md-34, .pt-md-34 {
    padding-top: 170px !important;
  }

  .px-md-34, .pr-md-34 {
    padding-right: 170px !important;
  }

  .py-md-34, .pb-md-34 {
    padding-bottom: 170px !important;
  }

  .px-md-34, .pl-md-34 {
    padding-left: 170px !important;
  }

  .my-md-35, .mt-md-35 {
    margin-top: 175px !important;
  }

  .mx-md-35, .mr-md-35 {
    margin-right: 175px !important;
  }

  .my-md-35, .mb-md-35 {
    margin-bottom: 175px !important;
  }

  .mx-md-35, .ml-md-35 {
    margin-left: 175px !important;
  }

  .my-md-n35, .mt-md-n35 {
    margin-top: -175px !important;
  }

  .mx-md-n35, .mr-md-n35 {
    margin-right: -175px !important;
  }

  .my-md-n35, .mb-md-n35 {
    margin-bottom: -175px !important;
  }

  .mx-md-n35, .ml-md-n35 {
    margin-left: -175px !important;
  }

  .py-md-35, .pt-md-35 {
    padding-top: 175px !important;
  }

  .px-md-35, .pr-md-35 {
    padding-right: 175px !important;
  }

  .py-md-35, .pb-md-35 {
    padding-bottom: 175px !important;
  }

  .px-md-35, .pl-md-35 {
    padding-left: 175px !important;
  }

  .my-md-36, .mt-md-36 {
    margin-top: 180px !important;
  }

  .mx-md-36, .mr-md-36 {
    margin-right: 180px !important;
  }

  .my-md-36, .mb-md-36 {
    margin-bottom: 180px !important;
  }

  .mx-md-36, .ml-md-36 {
    margin-left: 180px !important;
  }

  .my-md-n36, .mt-md-n36 {
    margin-top: -180px !important;
  }

  .mx-md-n36, .mr-md-n36 {
    margin-right: -180px !important;
  }

  .my-md-n36, .mb-md-n36 {
    margin-bottom: -180px !important;
  }

  .mx-md-n36, .ml-md-n36 {
    margin-left: -180px !important;
  }

  .py-md-36, .pt-md-36 {
    padding-top: 180px !important;
  }

  .px-md-36, .pr-md-36 {
    padding-right: 180px !important;
  }

  .py-md-36, .pb-md-36 {
    padding-bottom: 180px !important;
  }

  .px-md-36, .pl-md-36 {
    padding-left: 180px !important;
  }

  .my-md-37, .mt-md-37 {
    margin-top: 185px !important;
  }

  .mx-md-37, .mr-md-37 {
    margin-right: 185px !important;
  }

  .my-md-37, .mb-md-37 {
    margin-bottom: 185px !important;
  }

  .mx-md-37, .ml-md-37 {
    margin-left: 185px !important;
  }

  .my-md-n37, .mt-md-n37 {
    margin-top: -185px !important;
  }

  .mx-md-n37, .mr-md-n37 {
    margin-right: -185px !important;
  }

  .my-md-n37, .mb-md-n37 {
    margin-bottom: -185px !important;
  }

  .mx-md-n37, .ml-md-n37 {
    margin-left: -185px !important;
  }

  .py-md-37, .pt-md-37 {
    padding-top: 185px !important;
  }

  .px-md-37, .pr-md-37 {
    padding-right: 185px !important;
  }

  .py-md-37, .pb-md-37 {
    padding-bottom: 185px !important;
  }

  .px-md-37, .pl-md-37 {
    padding-left: 185px !important;
  }

  .my-md-38, .mt-md-38 {
    margin-top: 190px !important;
  }

  .mx-md-38, .mr-md-38 {
    margin-right: 190px !important;
  }

  .my-md-38, .mb-md-38 {
    margin-bottom: 190px !important;
  }

  .mx-md-38, .ml-md-38 {
    margin-left: 190px !important;
  }

  .my-md-n38, .mt-md-n38 {
    margin-top: -190px !important;
  }

  .mx-md-n38, .mr-md-n38 {
    margin-right: -190px !important;
  }

  .my-md-n38, .mb-md-n38 {
    margin-bottom: -190px !important;
  }

  .mx-md-n38, .ml-md-n38 {
    margin-left: -190px !important;
  }

  .py-md-38, .pt-md-38 {
    padding-top: 190px !important;
  }

  .px-md-38, .pr-md-38 {
    padding-right: 190px !important;
  }

  .py-md-38, .pb-md-38 {
    padding-bottom: 190px !important;
  }

  .px-md-38, .pl-md-38 {
    padding-left: 190px !important;
  }

  .my-md-39, .mt-md-39 {
    margin-top: 195px !important;
  }

  .mx-md-39, .mr-md-39 {
    margin-right: 195px !important;
  }

  .my-md-39, .mb-md-39 {
    margin-bottom: 195px !important;
  }

  .mx-md-39, .ml-md-39 {
    margin-left: 195px !important;
  }

  .my-md-n39, .mt-md-n39 {
    margin-top: -195px !important;
  }

  .mx-md-n39, .mr-md-n39 {
    margin-right: -195px !important;
  }

  .my-md-n39, .mb-md-n39 {
    margin-bottom: -195px !important;
  }

  .mx-md-n39, .ml-md-n39 {
    margin-left: -195px !important;
  }

  .py-md-39, .pt-md-39 {
    padding-top: 195px !important;
  }

  .px-md-39, .pr-md-39 {
    padding-right: 195px !important;
  }

  .py-md-39, .pb-md-39 {
    padding-bottom: 195px !important;
  }

  .px-md-39, .pl-md-39 {
    padding-left: 195px !important;
  }

  .my-md-40, .mt-md-40 {
    margin-top: 200px !important;
  }

  .mx-md-40, .mr-md-40 {
    margin-right: 200px !important;
  }

  .my-md-40, .mb-md-40 {
    margin-bottom: 200px !important;
  }

  .mx-md-40, .ml-md-40 {
    margin-left: 200px !important;
  }

  .my-md-n40, .mt-md-n40 {
    margin-top: -200px !important;
  }

  .mx-md-n40, .mr-md-n40 {
    margin-right: -200px !important;
  }

  .my-md-n40, .mb-md-n40 {
    margin-bottom: -200px !important;
  }

  .mx-md-n40, .ml-md-n40 {
    margin-left: -200px !important;
  }

  .py-md-40, .pt-md-40 {
    padding-top: 200px !important;
  }

  .px-md-40, .pr-md-40 {
    padding-right: 200px !important;
  }

  .py-md-40, .pb-md-40 {
    padding-bottom: 200px !important;
  }

  .px-md-40, .pl-md-40 {
    padding-left: 200px !important;
  }

  .my-md-41, .mt-md-41 {
    margin-top: 205px !important;
  }

  .mx-md-41, .mr-md-41 {
    margin-right: 205px !important;
  }

  .my-md-41, .mb-md-41 {
    margin-bottom: 205px !important;
  }

  .mx-md-41, .ml-md-41 {
    margin-left: 205px !important;
  }

  .my-md-n41, .mt-md-n41 {
    margin-top: -205px !important;
  }

  .mx-md-n41, .mr-md-n41 {
    margin-right: -205px !important;
  }

  .my-md-n41, .mb-md-n41 {
    margin-bottom: -205px !important;
  }

  .mx-md-n41, .ml-md-n41 {
    margin-left: -205px !important;
  }

  .py-md-41, .pt-md-41 {
    padding-top: 205px !important;
  }

  .px-md-41, .pr-md-41 {
    padding-right: 205px !important;
  }

  .py-md-41, .pb-md-41 {
    padding-bottom: 205px !important;
  }

  .px-md-41, .pl-md-41 {
    padding-left: 205px !important;
  }

  .my-md-42, .mt-md-42 {
    margin-top: 210px !important;
  }

  .mx-md-42, .mr-md-42 {
    margin-right: 210px !important;
  }

  .my-md-42, .mb-md-42 {
    margin-bottom: 210px !important;
  }

  .mx-md-42, .ml-md-42 {
    margin-left: 210px !important;
  }

  .my-md-n42, .mt-md-n42 {
    margin-top: -210px !important;
  }

  .mx-md-n42, .mr-md-n42 {
    margin-right: -210px !important;
  }

  .my-md-n42, .mb-md-n42 {
    margin-bottom: -210px !important;
  }

  .mx-md-n42, .ml-md-n42 {
    margin-left: -210px !important;
  }

  .py-md-42, .pt-md-42 {
    padding-top: 210px !important;
  }

  .px-md-42, .pr-md-42 {
    padding-right: 210px !important;
  }

  .py-md-42, .pb-md-42 {
    padding-bottom: 210px !important;
  }

  .px-md-42, .pl-md-42 {
    padding-left: 210px !important;
  }

  .my-md-43, .mt-md-43 {
    margin-top: 215px !important;
  }

  .mx-md-43, .mr-md-43 {
    margin-right: 215px !important;
  }

  .my-md-43, .mb-md-43 {
    margin-bottom: 215px !important;
  }

  .mx-md-43, .ml-md-43 {
    margin-left: 215px !important;
  }

  .my-md-n43, .mt-md-n43 {
    margin-top: -215px !important;
  }

  .mx-md-n43, .mr-md-n43 {
    margin-right: -215px !important;
  }

  .my-md-n43, .mb-md-n43 {
    margin-bottom: -215px !important;
  }

  .mx-md-n43, .ml-md-n43 {
    margin-left: -215px !important;
  }

  .py-md-43, .pt-md-43 {
    padding-top: 215px !important;
  }

  .px-md-43, .pr-md-43 {
    padding-right: 215px !important;
  }

  .py-md-43, .pb-md-43 {
    padding-bottom: 215px !important;
  }

  .px-md-43, .pl-md-43 {
    padding-left: 215px !important;
  }

  .my-md-44, .mt-md-44 {
    margin-top: 220px !important;
  }

  .mx-md-44, .mr-md-44 {
    margin-right: 220px !important;
  }

  .my-md-44, .mb-md-44 {
    margin-bottom: 220px !important;
  }

  .mx-md-44, .ml-md-44 {
    margin-left: 220px !important;
  }

  .my-md-n44, .mt-md-n44 {
    margin-top: -220px !important;
  }

  .mx-md-n44, .mr-md-n44 {
    margin-right: -220px !important;
  }

  .my-md-n44, .mb-md-n44 {
    margin-bottom: -220px !important;
  }

  .mx-md-n44, .ml-md-n44 {
    margin-left: -220px !important;
  }

  .py-md-44, .pt-md-44 {
    padding-top: 220px !important;
  }

  .px-md-44, .pr-md-44 {
    padding-right: 220px !important;
  }

  .py-md-44, .pb-md-44 {
    padding-bottom: 220px !important;
  }

  .px-md-44, .pl-md-44 {
    padding-left: 220px !important;
  }

  .my-md-45, .mt-md-45 {
    margin-top: 225px !important;
  }

  .mx-md-45, .mr-md-45 {
    margin-right: 225px !important;
  }

  .my-md-45, .mb-md-45 {
    margin-bottom: 225px !important;
  }

  .mx-md-45, .ml-md-45 {
    margin-left: 225px !important;
  }

  .my-md-n45, .mt-md-n45 {
    margin-top: -225px !important;
  }

  .mx-md-n45, .mr-md-n45 {
    margin-right: -225px !important;
  }

  .my-md-n45, .mb-md-n45 {
    margin-bottom: -225px !important;
  }

  .mx-md-n45, .ml-md-n45 {
    margin-left: -225px !important;
  }

  .py-md-45, .pt-md-45 {
    padding-top: 225px !important;
  }

  .px-md-45, .pr-md-45 {
    padding-right: 225px !important;
  }

  .py-md-45, .pb-md-45 {
    padding-bottom: 225px !important;
  }

  .px-md-45, .pl-md-45 {
    padding-left: 225px !important;
  }

  .my-md-46, .mt-md-46 {
    margin-top: 230px !important;
  }

  .mx-md-46, .mr-md-46 {
    margin-right: 230px !important;
  }

  .my-md-46, .mb-md-46 {
    margin-bottom: 230px !important;
  }

  .mx-md-46, .ml-md-46 {
    margin-left: 230px !important;
  }

  .my-md-n46, .mt-md-n46 {
    margin-top: -230px !important;
  }

  .mx-md-n46, .mr-md-n46 {
    margin-right: -230px !important;
  }

  .my-md-n46, .mb-md-n46 {
    margin-bottom: -230px !important;
  }

  .mx-md-n46, .ml-md-n46 {
    margin-left: -230px !important;
  }

  .py-md-46, .pt-md-46 {
    padding-top: 230px !important;
  }

  .px-md-46, .pr-md-46 {
    padding-right: 230px !important;
  }

  .py-md-46, .pb-md-46 {
    padding-bottom: 230px !important;
  }

  .px-md-46, .pl-md-46 {
    padding-left: 230px !important;
  }

  .my-md-47, .mt-md-47 {
    margin-top: 235px !important;
  }

  .mx-md-47, .mr-md-47 {
    margin-right: 235px !important;
  }

  .my-md-47, .mb-md-47 {
    margin-bottom: 235px !important;
  }

  .mx-md-47, .ml-md-47 {
    margin-left: 235px !important;
  }

  .my-md-n47, .mt-md-n47 {
    margin-top: -235px !important;
  }

  .mx-md-n47, .mr-md-n47 {
    margin-right: -235px !important;
  }

  .my-md-n47, .mb-md-n47 {
    margin-bottom: -235px !important;
  }

  .mx-md-n47, .ml-md-n47 {
    margin-left: -235px !important;
  }

  .py-md-47, .pt-md-47 {
    padding-top: 235px !important;
  }

  .px-md-47, .pr-md-47 {
    padding-right: 235px !important;
  }

  .py-md-47, .pb-md-47 {
    padding-bottom: 235px !important;
  }

  .px-md-47, .pl-md-47 {
    padding-left: 235px !important;
  }

  .my-md-48, .mt-md-48 {
    margin-top: 240px !important;
  }

  .mx-md-48, .mr-md-48 {
    margin-right: 240px !important;
  }

  .my-md-48, .mb-md-48 {
    margin-bottom: 240px !important;
  }

  .mx-md-48, .ml-md-48 {
    margin-left: 240px !important;
  }

  .my-md-n48, .mt-md-n48 {
    margin-top: -240px !important;
  }

  .mx-md-n48, .mr-md-n48 {
    margin-right: -240px !important;
  }

  .my-md-n48, .mb-md-n48 {
    margin-bottom: -240px !important;
  }

  .mx-md-n48, .ml-md-n48 {
    margin-left: -240px !important;
  }

  .py-md-48, .pt-md-48 {
    padding-top: 240px !important;
  }

  .px-md-48, .pr-md-48 {
    padding-right: 240px !important;
  }

  .py-md-48, .pb-md-48 {
    padding-bottom: 240px !important;
  }

  .px-md-48, .pl-md-48 {
    padding-left: 240px !important;
  }

  .my-md-49, .mt-md-49 {
    margin-top: 245px !important;
  }

  .mx-md-49, .mr-md-49 {
    margin-right: 245px !important;
  }

  .my-md-49, .mb-md-49 {
    margin-bottom: 245px !important;
  }

  .mx-md-49, .ml-md-49 {
    margin-left: 245px !important;
  }

  .my-md-n49, .mt-md-n49 {
    margin-top: -245px !important;
  }

  .mx-md-n49, .mr-md-n49 {
    margin-right: -245px !important;
  }

  .my-md-n49, .mb-md-n49 {
    margin-bottom: -245px !important;
  }

  .mx-md-n49, .ml-md-n49 {
    margin-left: -245px !important;
  }

  .py-md-49, .pt-md-49 {
    padding-top: 245px !important;
  }

  .px-md-49, .pr-md-49 {
    padding-right: 245px !important;
  }

  .py-md-49, .pb-md-49 {
    padding-bottom: 245px !important;
  }

  .px-md-49, .pl-md-49 {
    padding-left: 245px !important;
  }

  .my-md-50, .mt-md-50 {
    margin-top: 250px !important;
  }

  .mx-md-50, .mr-md-50 {
    margin-right: 250px !important;
  }

  .my-md-50, .mb-md-50 {
    margin-bottom: 250px !important;
  }

  .mx-md-50, .ml-md-50 {
    margin-left: 250px !important;
  }

  .my-md-n50, .mt-md-n50 {
    margin-top: -250px !important;
  }

  .mx-md-n50, .mr-md-n50 {
    margin-right: -250px !important;
  }

  .my-md-n50, .mb-md-n50 {
    margin-bottom: -250px !important;
  }

  .mx-md-n50, .ml-md-n50 {
    margin-left: -250px !important;
  }

  .py-md-50, .pt-md-50 {
    padding-top: 250px !important;
  }

  .px-md-50, .pr-md-50 {
    padding-right: 250px !important;
  }

  .py-md-50, .pb-md-50 {
    padding-bottom: 250px !important;
  }

  .px-md-50, .pl-md-50 {
    padding-left: 250px !important;
  }

  .my-md-spaceless, .mt-md-spaceless {
    margin-top: 0px !important;
  }

  .mx-md-spaceless, .mr-md-spaceless {
    margin-right: 0px !important;
  }

  .my-md-spaceless, .mb-md-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-md-spaceless, .ml-md-spaceless {
    margin-left: 0px !important;
  }

  .my-md-n-spaceless, .mt-md-n-spaceless {
    margin-top: 0px !important;
  }

  .mx-md-n-spaceless, .mr-md-n-spaceless {
    margin-right: 0px !important;
  }

  .my-md-n-spaceless, .mb-md-n-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-md-n-spaceless, .ml-md-n-spaceless {
    margin-left: 0px !important;
  }

  .py-md-spaceless, .pt-md-spaceless {
    padding-top: 0px !important;
  }

  .px-md-spaceless, .pr-md-spaceless {
    padding-right: 0px !important;
  }

  .py-md-spaceless, .pb-md-spaceless {
    padding-bottom: 0px !important;
  }

  .px-md-spaceless, .pl-md-spaceless {
    padding-left: 0px !important;
  }

  .my-md-condensed, .mt-md-condensed {
    margin-top: 5px !important;
  }

  .mx-md-condensed, .mr-md-condensed {
    margin-right: 5px !important;
  }

  .my-md-condensed, .mb-md-condensed {
    margin-bottom: 5px !important;
  }

  .mx-md-condensed, .ml-md-condensed {
    margin-left: 5px !important;
  }

  .my-md-n-condensed, .mt-md-n-condensed {
    margin-top: -5px !important;
  }

  .mx-md-n-condensed, .mr-md-n-condensed {
    margin-right: -5px !important;
  }

  .my-md-n-condensed, .mb-md-n-condensed {
    margin-bottom: -5px !important;
  }

  .mx-md-n-condensed, .ml-md-n-condensed {
    margin-left: -5px !important;
  }

  .py-md-condensed, .pt-md-condensed {
    padding-top: 5px !important;
  }

  .px-md-condensed, .pr-md-condensed {
    padding-right: 5px !important;
  }

  .py-md-condensed, .pb-md-condensed {
    padding-bottom: 5px !important;
  }

  .px-md-condensed, .pl-md-condensed {
    padding-left: 5px !important;
  }

  .my-md-spaced, .mt-md-spaced {
    margin-top: 10px !important;
  }

  .mx-md-spaced, .mr-md-spaced {
    margin-right: 10px !important;
  }

  .my-md-spaced, .mb-md-spaced {
    margin-bottom: 10px !important;
  }

  .mx-md-spaced, .ml-md-spaced {
    margin-left: 10px !important;
  }

  .my-md-n-spaced, .mt-md-n-spaced {
    margin-top: -10px !important;
  }

  .mx-md-n-spaced, .mr-md-n-spaced {
    margin-right: -10px !important;
  }

  .my-md-n-spaced, .mb-md-n-spaced {
    margin-bottom: -10px !important;
  }

  .mx-md-n-spaced, .ml-md-n-spaced {
    margin-left: -10px !important;
  }

  .py-md-spaced, .pt-md-spaced {
    padding-top: 10px !important;
  }

  .px-md-spaced, .pr-md-spaced {
    padding-right: 10px !important;
  }

  .py-md-spaced, .pb-md-spaced {
    padding-bottom: 10px !important;
  }

  .px-md-spaced, .pl-md-spaced {
    padding-left: 10px !important;
  }

  .my-md-normal, .mt-md-normal {
    margin-top: 15px !important;
  }

  .mx-md-normal, .mr-md-normal {
    margin-right: 15px !important;
  }

  .my-md-normal, .mb-md-normal {
    margin-bottom: 15px !important;
  }

  .mx-md-normal, .ml-md-normal {
    margin-left: 15px !important;
  }

  .my-md-n-normal, .mt-md-n-normal {
    margin-top: -15px !important;
  }

  .mx-md-n-normal, .mr-md-n-normal {
    margin-right: -15px !important;
  }

  .my-md-n-normal, .mb-md-n-normal {
    margin-bottom: -15px !important;
  }

  .mx-md-n-normal, .ml-md-n-normal {
    margin-left: -15px !important;
  }

  .py-md-normal, .pt-md-normal {
    padding-top: 15px !important;
  }

  .px-md-normal, .pr-md-normal {
    padding-right: 15px !important;
  }

  .py-md-normal, .pb-md-normal {
    padding-bottom: 15px !important;
  }

  .px-md-normal, .pl-md-normal {
    padding-left: 15px !important;
  }

  .my-md, .mt-md {
    margin-top: 15px !important;
  }

  .mx-md, .mr-md {
    margin-right: 15px !important;
  }

  .my-md, .mb-md {
    margin-bottom: 15px !important;
  }

  .mx-md, .ml-md {
    margin-left: 15px !important;
  }

  .my-md-n, .mt-md-n {
    margin-top: -15px !important;
  }

  .mx-md-n, .mr-md-n {
    margin-right: -15px !important;
  }

  .my-md-n, .mb-md-n {
    margin-bottom: -15px !important;
  }

  .mx-md-n, .ml-md-n {
    margin-left: -15px !important;
  }

  .py-md, .pt-md {
    padding-top: 15px !important;
  }

  .px-md, .pr-md {
    padding-right: 15px !important;
  }

  .py-md, .pb-md {
    padding-bottom: 15px !important;
  }

  .px-md, .pl-md {
    padding-left: 15px !important;
  }

  .my-md-semi-wide, .mt-md-semi-wide {
    margin-top: 20px !important;
  }

  .mx-md-semi-wide, .mr-md-semi-wide {
    margin-right: 20px !important;
  }

  .my-md-semi-wide, .mb-md-semi-wide {
    margin-bottom: 20px !important;
  }

  .mx-md-semi-wide, .ml-md-semi-wide {
    margin-left: 20px !important;
  }

  .my-md-n-semi-wide, .mt-md-n-semi-wide {
    margin-top: -20px !important;
  }

  .mx-md-n-semi-wide, .mr-md-n-semi-wide {
    margin-right: -20px !important;
  }

  .my-md-n-semi-wide, .mb-md-n-semi-wide {
    margin-bottom: -20px !important;
  }

  .mx-md-n-semi-wide, .ml-md-n-semi-wide {
    margin-left: -20px !important;
  }

  .py-md-semi-wide, .pt-md-semi-wide {
    padding-top: 20px !important;
  }

  .px-md-semi-wide, .pr-md-semi-wide {
    padding-right: 20px !important;
  }

  .py-md-semi-wide, .pb-md-semi-wide {
    padding-bottom: 20px !important;
  }

  .px-md-semi-wide, .pl-md-semi-wide {
    padding-left: 20px !important;
  }

  .my-md-wide, .mt-md-wide {
    margin-top: 30px !important;
  }

  .mx-md-wide, .mr-md-wide {
    margin-right: 30px !important;
  }

  .my-md-wide, .mb-md-wide {
    margin-bottom: 30px !important;
  }

  .mx-md-wide, .ml-md-wide {
    margin-left: 30px !important;
  }

  .my-md-n-wide, .mt-md-n-wide {
    margin-top: -30px !important;
  }

  .mx-md-n-wide, .mr-md-n-wide {
    margin-right: -30px !important;
  }

  .my-md-n-wide, .mb-md-n-wide {
    margin-bottom: -30px !important;
  }

  .mx-md-n-wide, .ml-md-n-wide {
    margin-left: -30px !important;
  }

  .py-md-wide, .pt-md-wide {
    padding-top: 30px !important;
  }

  .px-md-wide, .pr-md-wide {
    padding-right: 30px !important;
  }

  .py-md-wide, .pb-md-wide {
    padding-bottom: 30px !important;
  }

  .px-md-wide, .pl-md-wide {
    padding-left: 30px !important;
  }

  .my-md-large, .mt-md-large {
    margin-top: 60px !important;
  }

  .mx-md-large, .mr-md-large {
    margin-right: 60px !important;
  }

  .my-md-large, .mb-md-large {
    margin-bottom: 60px !important;
  }

  .mx-md-large, .ml-md-large {
    margin-left: 60px !important;
  }

  .my-md-n-large, .mt-md-n-large {
    margin-top: -60px !important;
  }

  .mx-md-n-large, .mr-md-n-large {
    margin-right: -60px !important;
  }

  .my-md-n-large, .mb-md-n-large {
    margin-bottom: -60px !important;
  }

  .mx-md-n-large, .ml-md-n-large {
    margin-left: -60px !important;
  }

  .py-md-large, .pt-md-large {
    padding-top: 60px !important;
  }

  .px-md-large, .pr-md-large {
    padding-right: 60px !important;
  }

  .py-md-large, .pb-md-large {
    padding-bottom: 60px !important;
  }

  .px-md-large, .pl-md-large {
    padding-left: 60px !important;
  }

  .my-md-huge, .mt-md-huge {
    margin-top: 90px !important;
  }

  .mx-md-huge, .mr-md-huge {
    margin-right: 90px !important;
  }

  .my-md-huge, .mb-md-huge {
    margin-bottom: 90px !important;
  }

  .mx-md-huge, .ml-md-huge {
    margin-left: 90px !important;
  }

  .my-md-n-huge, .mt-md-n-huge {
    margin-top: -90px !important;
  }

  .mx-md-n-huge, .mr-md-n-huge {
    margin-right: -90px !important;
  }

  .my-md-n-huge, .mb-md-n-huge {
    margin-bottom: -90px !important;
  }

  .mx-md-n-huge, .ml-md-n-huge {
    margin-left: -90px !important;
  }

  .py-md-huge, .pt-md-huge {
    padding-top: 90px !important;
  }

  .px-md-huge, .pr-md-huge {
    padding-right: 90px !important;
  }

  .py-md-huge, .pb-md-huge {
    padding-bottom: 90px !important;
  }

  .px-md-huge, .pl-md-huge {
    padding-left: 90px !important;
  }

  .my-md-ncondensed, .mt-md-ncondensed {
    margin-top: -5px !important;
  }

  .mx-md-ncondensed, .mr-md-ncondensed {
    margin-right: -5px !important;
  }

  .my-md-ncondensed, .mb-md-ncondensed {
    margin-bottom: -5px !important;
  }

  .mx-md-ncondensed, .ml-md-ncondensed {
    margin-left: -5px !important;
  }

  .my-md-n-ncondensed, .mt-md-n-ncondensed {
    margin-top: --5px !important;
  }

  .mx-md-n-ncondensed, .mr-md-n-ncondensed {
    margin-right: --5px !important;
  }

  .my-md-n-ncondensed, .mb-md-n-ncondensed {
    margin-bottom: --5px !important;
  }

  .mx-md-n-ncondensed, .ml-md-n-ncondensed {
    margin-left: --5px !important;
  }

  .py-md-ncondensed, .pt-md-ncondensed {
    padding-top: -5px !important;
  }

  .px-md-ncondensed, .pr-md-ncondensed {
    padding-right: -5px !important;
  }

  .py-md-ncondensed, .pb-md-ncondensed {
    padding-bottom: -5px !important;
  }

  .px-md-ncondensed, .pl-md-ncondensed {
    padding-left: -5px !important;
  }

  .my-md-nspaced, .mt-md-nspaced {
    margin-top: -10px !important;
  }

  .mx-md-nspaced, .mr-md-nspaced {
    margin-right: -10px !important;
  }

  .my-md-nspaced, .mb-md-nspaced {
    margin-bottom: -10px !important;
  }

  .mx-md-nspaced, .ml-md-nspaced {
    margin-left: -10px !important;
  }

  .my-md-n-nspaced, .mt-md-n-nspaced {
    margin-top: --10px !important;
  }

  .mx-md-n-nspaced, .mr-md-n-nspaced {
    margin-right: --10px !important;
  }

  .my-md-n-nspaced, .mb-md-n-nspaced {
    margin-bottom: --10px !important;
  }

  .mx-md-n-nspaced, .ml-md-n-nspaced {
    margin-left: --10px !important;
  }

  .py-md-nspaced, .pt-md-nspaced {
    padding-top: -10px !important;
  }

  .px-md-nspaced, .pr-md-nspaced {
    padding-right: -10px !important;
  }

  .py-md-nspaced, .pb-md-nspaced {
    padding-bottom: -10px !important;
  }

  .px-md-nspaced, .pl-md-nspaced {
    padding-left: -10px !important;
  }

  .my-md-nnormal, .mt-md-nnormal {
    margin-top: -15px !important;
  }

  .mx-md-nnormal, .mr-md-nnormal {
    margin-right: -15px !important;
  }

  .my-md-nnormal, .mb-md-nnormal {
    margin-bottom: -15px !important;
  }

  .mx-md-nnormal, .ml-md-nnormal {
    margin-left: -15px !important;
  }

  .my-md-n-nnormal, .mt-md-n-nnormal {
    margin-top: --15px !important;
  }

  .mx-md-n-nnormal, .mr-md-n-nnormal {
    margin-right: --15px !important;
  }

  .my-md-n-nnormal, .mb-md-n-nnormal {
    margin-bottom: --15px !important;
  }

  .mx-md-n-nnormal, .ml-md-n-nnormal {
    margin-left: --15px !important;
  }

  .py-md-nnormal, .pt-md-nnormal {
    padding-top: -15px !important;
  }

  .px-md-nnormal, .pr-md-nnormal {
    padding-right: -15px !important;
  }

  .py-md-nnormal, .pb-md-nnormal {
    padding-bottom: -15px !important;
  }

  .px-md-nnormal, .pl-md-nnormal {
    padding-left: -15px !important;
  }

  .my-md-nsemi-wide, .mt-md-nsemi-wide {
    margin-top: -20px !important;
  }

  .mx-md-nsemi-wide, .mr-md-nsemi-wide {
    margin-right: -20px !important;
  }

  .my-md-nsemi-wide, .mb-md-nsemi-wide {
    margin-bottom: -20px !important;
  }

  .mx-md-nsemi-wide, .ml-md-nsemi-wide {
    margin-left: -20px !important;
  }

  .my-md-n-nsemi-wide, .mt-md-n-nsemi-wide {
    margin-top: --20px !important;
  }

  .mx-md-n-nsemi-wide, .mr-md-n-nsemi-wide {
    margin-right: --20px !important;
  }

  .my-md-n-nsemi-wide, .mb-md-n-nsemi-wide {
    margin-bottom: --20px !important;
  }

  .mx-md-n-nsemi-wide, .ml-md-n-nsemi-wide {
    margin-left: --20px !important;
  }

  .py-md-nsemi-wide, .pt-md-nsemi-wide {
    padding-top: -20px !important;
  }

  .px-md-nsemi-wide, .pr-md-nsemi-wide {
    padding-right: -20px !important;
  }

  .py-md-nsemi-wide, .pb-md-nsemi-wide {
    padding-bottom: -20px !important;
  }

  .px-md-nsemi-wide, .pl-md-nsemi-wide {
    padding-left: -20px !important;
  }

  .my-md-nwide, .mt-md-nwide {
    margin-top: -30px !important;
  }

  .mx-md-nwide, .mr-md-nwide {
    margin-right: -30px !important;
  }

  .my-md-nwide, .mb-md-nwide {
    margin-bottom: -30px !important;
  }

  .mx-md-nwide, .ml-md-nwide {
    margin-left: -30px !important;
  }

  .my-md-n-nwide, .mt-md-n-nwide {
    margin-top: --30px !important;
  }

  .mx-md-n-nwide, .mr-md-n-nwide {
    margin-right: --30px !important;
  }

  .my-md-n-nwide, .mb-md-n-nwide {
    margin-bottom: --30px !important;
  }

  .mx-md-n-nwide, .ml-md-n-nwide {
    margin-left: --30px !important;
  }

  .py-md-nwide, .pt-md-nwide {
    padding-top: -30px !important;
  }

  .px-md-nwide, .pr-md-nwide {
    padding-right: -30px !important;
  }

  .py-md-nwide, .pb-md-nwide {
    padding-bottom: -30px !important;
  }

  .px-md-nwide, .pl-md-nwide {
    padding-left: -30px !important;
  }

  .my-md-nlarge, .mt-md-nlarge {
    margin-top: -60px !important;
  }

  .mx-md-nlarge, .mr-md-nlarge {
    margin-right: -60px !important;
  }

  .my-md-nlarge, .mb-md-nlarge {
    margin-bottom: -60px !important;
  }

  .mx-md-nlarge, .ml-md-nlarge {
    margin-left: -60px !important;
  }

  .my-md-n-nlarge, .mt-md-n-nlarge {
    margin-top: --60px !important;
  }

  .mx-md-n-nlarge, .mr-md-n-nlarge {
    margin-right: --60px !important;
  }

  .my-md-n-nlarge, .mb-md-n-nlarge {
    margin-bottom: --60px !important;
  }

  .mx-md-n-nlarge, .ml-md-n-nlarge {
    margin-left: --60px !important;
  }

  .py-md-nlarge, .pt-md-nlarge {
    padding-top: -60px !important;
  }

  .px-md-nlarge, .pr-md-nlarge {
    padding-right: -60px !important;
  }

  .py-md-nlarge, .pb-md-nlarge {
    padding-bottom: -60px !important;
  }

  .px-md-nlarge, .pl-md-nlarge {
    padding-left: -60px !important;
  }

  .my-md-nhuge, .mt-md-nhuge {
    margin-top: -90px !important;
  }

  .mx-md-nhuge, .mr-md-nhuge {
    margin-right: -90px !important;
  }

  .my-md-nhuge, .mb-md-nhuge {
    margin-bottom: -90px !important;
  }

  .mx-md-nhuge, .ml-md-nhuge {
    margin-left: -90px !important;
  }

  .my-md-n-nhuge, .mt-md-n-nhuge {
    margin-top: --90px !important;
  }

  .mx-md-n-nhuge, .mr-md-n-nhuge {
    margin-right: --90px !important;
  }

  .my-md-n-nhuge, .mb-md-n-nhuge {
    margin-bottom: --90px !important;
  }

  .mx-md-n-nhuge, .ml-md-n-nhuge {
    margin-left: --90px !important;
  }

  .py-md-nhuge, .pt-md-nhuge {
    padding-top: -90px !important;
  }

  .px-md-nhuge, .pr-md-nhuge {
    padding-right: -90px !important;
  }

  .py-md-nhuge, .pb-md-nhuge {
    padding-bottom: -90px !important;
  }

  .px-md-nhuge, .pl-md-nhuge {
    padding-left: -90px !important;
  }

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

  .my-md-auto, .mt-md-auto {
    margin-top: auto !important;
  }

  .mx-md-auto, .mr-md-auto {
    margin-right: auto !important;
  }

  .my-md-auto, .mb-md-auto {
    margin-bottom: auto !important;
  }

  .mx-md-auto, .ml-md-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

  .d-md-initial {
    display: initial !important;
  }
}
@media (min-width: 992px) {
  .my-lg-0, .mt-lg-0 {
    margin-top: 0px !important;
  }

  .mx-lg-0, .mr-lg-0 {
    margin-right: 0px !important;
  }

  .my-lg-0, .mb-lg-0 {
    margin-bottom: 0px !important;
  }

  .mx-lg-0, .ml-lg-0 {
    margin-left: 0px !important;
  }

  .my-lg-n0, .mt-lg-n0 {
    margin-top: 0px !important;
  }

  .mx-lg-n0, .mr-lg-n0 {
    margin-right: 0px !important;
  }

  .my-lg-n0, .mb-lg-n0 {
    margin-bottom: 0px !important;
  }

  .mx-lg-n0, .ml-lg-n0 {
    margin-left: 0px !important;
  }

  .py-lg-0, .pt-lg-0 {
    padding-top: 0px !important;
  }

  .px-lg-0, .pr-lg-0 {
    padding-right: 0px !important;
  }

  .py-lg-0, .pb-lg-0 {
    padding-bottom: 0px !important;
  }

  .px-lg-0, .pl-lg-0 {
    padding-left: 0px !important;
  }

  .my-lg-1, .mt-lg-1 {
    margin-top: 5px !important;
  }

  .mx-lg-1, .mr-lg-1 {
    margin-right: 5px !important;
  }

  .my-lg-1, .mb-lg-1 {
    margin-bottom: 5px !important;
  }

  .mx-lg-1, .ml-lg-1 {
    margin-left: 5px !important;
  }

  .my-lg-n1, .mt-lg-n1 {
    margin-top: -5px !important;
  }

  .mx-lg-n1, .mr-lg-n1 {
    margin-right: -5px !important;
  }

  .my-lg-n1, .mb-lg-n1 {
    margin-bottom: -5px !important;
  }

  .mx-lg-n1, .ml-lg-n1 {
    margin-left: -5px !important;
  }

  .py-lg-1, .pt-lg-1 {
    padding-top: 5px !important;
  }

  .px-lg-1, .pr-lg-1 {
    padding-right: 5px !important;
  }

  .py-lg-1, .pb-lg-1 {
    padding-bottom: 5px !important;
  }

  .px-lg-1, .pl-lg-1 {
    padding-left: 5px !important;
  }

  .my-lg-2, .mt-lg-2 {
    margin-top: 10px !important;
  }

  .mx-lg-2, .mr-lg-2 {
    margin-right: 10px !important;
  }

  .my-lg-2, .mb-lg-2 {
    margin-bottom: 10px !important;
  }

  .mx-lg-2, .ml-lg-2 {
    margin-left: 10px !important;
  }

  .my-lg-n2, .mt-lg-n2 {
    margin-top: -10px !important;
  }

  .mx-lg-n2, .mr-lg-n2 {
    margin-right: -10px !important;
  }

  .my-lg-n2, .mb-lg-n2 {
    margin-bottom: -10px !important;
  }

  .mx-lg-n2, .ml-lg-n2 {
    margin-left: -10px !important;
  }

  .py-lg-2, .pt-lg-2 {
    padding-top: 10px !important;
  }

  .px-lg-2, .pr-lg-2 {
    padding-right: 10px !important;
  }

  .py-lg-2, .pb-lg-2 {
    padding-bottom: 10px !important;
  }

  .px-lg-2, .pl-lg-2 {
    padding-left: 10px !important;
  }

  .my-lg-3, .mt-lg-3 {
    margin-top: 15px !important;
  }

  .mx-lg-3, .mr-lg-3 {
    margin-right: 15px !important;
  }

  .my-lg-3, .mb-lg-3 {
    margin-bottom: 15px !important;
  }

  .mx-lg-3, .ml-lg-3 {
    margin-left: 15px !important;
  }

  .my-lg-n3, .mt-lg-n3 {
    margin-top: -15px !important;
  }

  .mx-lg-n3, .mr-lg-n3 {
    margin-right: -15px !important;
  }

  .my-lg-n3, .mb-lg-n3 {
    margin-bottom: -15px !important;
  }

  .mx-lg-n3, .ml-lg-n3 {
    margin-left: -15px !important;
  }

  .py-lg-3, .pt-lg-3 {
    padding-top: 15px !important;
  }

  .px-lg-3, .pr-lg-3 {
    padding-right: 15px !important;
  }

  .py-lg-3, .pb-lg-3 {
    padding-bottom: 15px !important;
  }

  .px-lg-3, .pl-lg-3 {
    padding-left: 15px !important;
  }

  .my-lg-4, .mt-lg-4 {
    margin-top: 20px !important;
  }

  .mx-lg-4, .mr-lg-4 {
    margin-right: 20px !important;
  }

  .my-lg-4, .mb-lg-4 {
    margin-bottom: 20px !important;
  }

  .mx-lg-4, .ml-lg-4 {
    margin-left: 20px !important;
  }

  .my-lg-n4, .mt-lg-n4 {
    margin-top: -20px !important;
  }

  .mx-lg-n4, .mr-lg-n4 {
    margin-right: -20px !important;
  }

  .my-lg-n4, .mb-lg-n4 {
    margin-bottom: -20px !important;
  }

  .mx-lg-n4, .ml-lg-n4 {
    margin-left: -20px !important;
  }

  .py-lg-4, .pt-lg-4 {
    padding-top: 20px !important;
  }

  .px-lg-4, .pr-lg-4 {
    padding-right: 20px !important;
  }

  .py-lg-4, .pb-lg-4 {
    padding-bottom: 20px !important;
  }

  .px-lg-4, .pl-lg-4 {
    padding-left: 20px !important;
  }

  .my-lg-5, .mt-lg-5 {
    margin-top: 25px !important;
  }

  .mx-lg-5, .mr-lg-5 {
    margin-right: 25px !important;
  }

  .my-lg-5, .mb-lg-5 {
    margin-bottom: 25px !important;
  }

  .mx-lg-5, .ml-lg-5 {
    margin-left: 25px !important;
  }

  .my-lg-n5, .mt-lg-n5 {
    margin-top: -25px !important;
  }

  .mx-lg-n5, .mr-lg-n5 {
    margin-right: -25px !important;
  }

  .my-lg-n5, .mb-lg-n5 {
    margin-bottom: -25px !important;
  }

  .mx-lg-n5, .ml-lg-n5 {
    margin-left: -25px !important;
  }

  .py-lg-5, .pt-lg-5 {
    padding-top: 25px !important;
  }

  .px-lg-5, .pr-lg-5 {
    padding-right: 25px !important;
  }

  .py-lg-5, .pb-lg-5 {
    padding-bottom: 25px !important;
  }

  .px-lg-5, .pl-lg-5 {
    padding-left: 25px !important;
  }

  .my-lg-6, .mt-lg-6 {
    margin-top: 30px !important;
  }

  .mx-lg-6, .mr-lg-6 {
    margin-right: 30px !important;
  }

  .my-lg-6, .mb-lg-6 {
    margin-bottom: 30px !important;
  }

  .mx-lg-6, .ml-lg-6 {
    margin-left: 30px !important;
  }

  .my-lg-n6, .mt-lg-n6 {
    margin-top: -30px !important;
  }

  .mx-lg-n6, .mr-lg-n6 {
    margin-right: -30px !important;
  }

  .my-lg-n6, .mb-lg-n6 {
    margin-bottom: -30px !important;
  }

  .mx-lg-n6, .ml-lg-n6 {
    margin-left: -30px !important;
  }

  .py-lg-6, .pt-lg-6 {
    padding-top: 30px !important;
  }

  .px-lg-6, .pr-lg-6 {
    padding-right: 30px !important;
  }

  .py-lg-6, .pb-lg-6 {
    padding-bottom: 30px !important;
  }

  .px-lg-6, .pl-lg-6 {
    padding-left: 30px !important;
  }

  .my-lg-7, .mt-lg-7 {
    margin-top: 35px !important;
  }

  .mx-lg-7, .mr-lg-7 {
    margin-right: 35px !important;
  }

  .my-lg-7, .mb-lg-7 {
    margin-bottom: 35px !important;
  }

  .mx-lg-7, .ml-lg-7 {
    margin-left: 35px !important;
  }

  .my-lg-n7, .mt-lg-n7 {
    margin-top: -35px !important;
  }

  .mx-lg-n7, .mr-lg-n7 {
    margin-right: -35px !important;
  }

  .my-lg-n7, .mb-lg-n7 {
    margin-bottom: -35px !important;
  }

  .mx-lg-n7, .ml-lg-n7 {
    margin-left: -35px !important;
  }

  .py-lg-7, .pt-lg-7 {
    padding-top: 35px !important;
  }

  .px-lg-7, .pr-lg-7 {
    padding-right: 35px !important;
  }

  .py-lg-7, .pb-lg-7 {
    padding-bottom: 35px !important;
  }

  .px-lg-7, .pl-lg-7 {
    padding-left: 35px !important;
  }

  .my-lg-8, .mt-lg-8 {
    margin-top: 40px !important;
  }

  .mx-lg-8, .mr-lg-8 {
    margin-right: 40px !important;
  }

  .my-lg-8, .mb-lg-8 {
    margin-bottom: 40px !important;
  }

  .mx-lg-8, .ml-lg-8 {
    margin-left: 40px !important;
  }

  .my-lg-n8, .mt-lg-n8 {
    margin-top: -40px !important;
  }

  .mx-lg-n8, .mr-lg-n8 {
    margin-right: -40px !important;
  }

  .my-lg-n8, .mb-lg-n8 {
    margin-bottom: -40px !important;
  }

  .mx-lg-n8, .ml-lg-n8 {
    margin-left: -40px !important;
  }

  .py-lg-8, .pt-lg-8 {
    padding-top: 40px !important;
  }

  .px-lg-8, .pr-lg-8 {
    padding-right: 40px !important;
  }

  .py-lg-8, .pb-lg-8 {
    padding-bottom: 40px !important;
  }

  .px-lg-8, .pl-lg-8 {
    padding-left: 40px !important;
  }

  .my-lg-9, .mt-lg-9 {
    margin-top: 45px !important;
  }

  .mx-lg-9, .mr-lg-9 {
    margin-right: 45px !important;
  }

  .my-lg-9, .mb-lg-9 {
    margin-bottom: 45px !important;
  }

  .mx-lg-9, .ml-lg-9 {
    margin-left: 45px !important;
  }

  .my-lg-n9, .mt-lg-n9 {
    margin-top: -45px !important;
  }

  .mx-lg-n9, .mr-lg-n9 {
    margin-right: -45px !important;
  }

  .my-lg-n9, .mb-lg-n9 {
    margin-bottom: -45px !important;
  }

  .mx-lg-n9, .ml-lg-n9 {
    margin-left: -45px !important;
  }

  .py-lg-9, .pt-lg-9 {
    padding-top: 45px !important;
  }

  .px-lg-9, .pr-lg-9 {
    padding-right: 45px !important;
  }

  .py-lg-9, .pb-lg-9 {
    padding-bottom: 45px !important;
  }

  .px-lg-9, .pl-lg-9 {
    padding-left: 45px !important;
  }

  .my-lg-10, .mt-lg-10 {
    margin-top: 50px !important;
  }

  .mx-lg-10, .mr-lg-10 {
    margin-right: 50px !important;
  }

  .my-lg-10, .mb-lg-10 {
    margin-bottom: 50px !important;
  }

  .mx-lg-10, .ml-lg-10 {
    margin-left: 50px !important;
  }

  .my-lg-n10, .mt-lg-n10 {
    margin-top: -50px !important;
  }

  .mx-lg-n10, .mr-lg-n10 {
    margin-right: -50px !important;
  }

  .my-lg-n10, .mb-lg-n10 {
    margin-bottom: -50px !important;
  }

  .mx-lg-n10, .ml-lg-n10 {
    margin-left: -50px !important;
  }

  .py-lg-10, .pt-lg-10 {
    padding-top: 50px !important;
  }

  .px-lg-10, .pr-lg-10 {
    padding-right: 50px !important;
  }

  .py-lg-10, .pb-lg-10 {
    padding-bottom: 50px !important;
  }

  .px-lg-10, .pl-lg-10 {
    padding-left: 50px !important;
  }

  .my-lg-11, .mt-lg-11 {
    margin-top: 55px !important;
  }

  .mx-lg-11, .mr-lg-11 {
    margin-right: 55px !important;
  }

  .my-lg-11, .mb-lg-11 {
    margin-bottom: 55px !important;
  }

  .mx-lg-11, .ml-lg-11 {
    margin-left: 55px !important;
  }

  .my-lg-n11, .mt-lg-n11 {
    margin-top: -55px !important;
  }

  .mx-lg-n11, .mr-lg-n11 {
    margin-right: -55px !important;
  }

  .my-lg-n11, .mb-lg-n11 {
    margin-bottom: -55px !important;
  }

  .mx-lg-n11, .ml-lg-n11 {
    margin-left: -55px !important;
  }

  .py-lg-11, .pt-lg-11 {
    padding-top: 55px !important;
  }

  .px-lg-11, .pr-lg-11 {
    padding-right: 55px !important;
  }

  .py-lg-11, .pb-lg-11 {
    padding-bottom: 55px !important;
  }

  .px-lg-11, .pl-lg-11 {
    padding-left: 55px !important;
  }

  .my-lg-12, .mt-lg-12 {
    margin-top: 60px !important;
  }

  .mx-lg-12, .mr-lg-12 {
    margin-right: 60px !important;
  }

  .my-lg-12, .mb-lg-12 {
    margin-bottom: 60px !important;
  }

  .mx-lg-12, .ml-lg-12 {
    margin-left: 60px !important;
  }

  .my-lg-n12, .mt-lg-n12 {
    margin-top: -60px !important;
  }

  .mx-lg-n12, .mr-lg-n12 {
    margin-right: -60px !important;
  }

  .my-lg-n12, .mb-lg-n12 {
    margin-bottom: -60px !important;
  }

  .mx-lg-n12, .ml-lg-n12 {
    margin-left: -60px !important;
  }

  .py-lg-12, .pt-lg-12 {
    padding-top: 60px !important;
  }

  .px-lg-12, .pr-lg-12 {
    padding-right: 60px !important;
  }

  .py-lg-12, .pb-lg-12 {
    padding-bottom: 60px !important;
  }

  .px-lg-12, .pl-lg-12 {
    padding-left: 60px !important;
  }

  .my-lg-13, .mt-lg-13 {
    margin-top: 65px !important;
  }

  .mx-lg-13, .mr-lg-13 {
    margin-right: 65px !important;
  }

  .my-lg-13, .mb-lg-13 {
    margin-bottom: 65px !important;
  }

  .mx-lg-13, .ml-lg-13 {
    margin-left: 65px !important;
  }

  .my-lg-n13, .mt-lg-n13 {
    margin-top: -65px !important;
  }

  .mx-lg-n13, .mr-lg-n13 {
    margin-right: -65px !important;
  }

  .my-lg-n13, .mb-lg-n13 {
    margin-bottom: -65px !important;
  }

  .mx-lg-n13, .ml-lg-n13 {
    margin-left: -65px !important;
  }

  .py-lg-13, .pt-lg-13 {
    padding-top: 65px !important;
  }

  .px-lg-13, .pr-lg-13 {
    padding-right: 65px !important;
  }

  .py-lg-13, .pb-lg-13 {
    padding-bottom: 65px !important;
  }

  .px-lg-13, .pl-lg-13 {
    padding-left: 65px !important;
  }

  .my-lg-14, .mt-lg-14 {
    margin-top: 70px !important;
  }

  .mx-lg-14, .mr-lg-14 {
    margin-right: 70px !important;
  }

  .my-lg-14, .mb-lg-14 {
    margin-bottom: 70px !important;
  }

  .mx-lg-14, .ml-lg-14 {
    margin-left: 70px !important;
  }

  .my-lg-n14, .mt-lg-n14 {
    margin-top: -70px !important;
  }

  .mx-lg-n14, .mr-lg-n14 {
    margin-right: -70px !important;
  }

  .my-lg-n14, .mb-lg-n14 {
    margin-bottom: -70px !important;
  }

  .mx-lg-n14, .ml-lg-n14 {
    margin-left: -70px !important;
  }

  .py-lg-14, .pt-lg-14 {
    padding-top: 70px !important;
  }

  .px-lg-14, .pr-lg-14 {
    padding-right: 70px !important;
  }

  .py-lg-14, .pb-lg-14 {
    padding-bottom: 70px !important;
  }

  .px-lg-14, .pl-lg-14 {
    padding-left: 70px !important;
  }

  .my-lg-15, .mt-lg-15 {
    margin-top: 75px !important;
  }

  .mx-lg-15, .mr-lg-15 {
    margin-right: 75px !important;
  }

  .my-lg-15, .mb-lg-15 {
    margin-bottom: 75px !important;
  }

  .mx-lg-15, .ml-lg-15 {
    margin-left: 75px !important;
  }

  .my-lg-n15, .mt-lg-n15 {
    margin-top: -75px !important;
  }

  .mx-lg-n15, .mr-lg-n15 {
    margin-right: -75px !important;
  }

  .my-lg-n15, .mb-lg-n15 {
    margin-bottom: -75px !important;
  }

  .mx-lg-n15, .ml-lg-n15 {
    margin-left: -75px !important;
  }

  .py-lg-15, .pt-lg-15 {
    padding-top: 75px !important;
  }

  .px-lg-15, .pr-lg-15 {
    padding-right: 75px !important;
  }

  .py-lg-15, .pb-lg-15 {
    padding-bottom: 75px !important;
  }

  .px-lg-15, .pl-lg-15 {
    padding-left: 75px !important;
  }

  .my-lg-16, .mt-lg-16 {
    margin-top: 80px !important;
  }

  .mx-lg-16, .mr-lg-16 {
    margin-right: 80px !important;
  }

  .my-lg-16, .mb-lg-16 {
    margin-bottom: 80px !important;
  }

  .mx-lg-16, .ml-lg-16 {
    margin-left: 80px !important;
  }

  .my-lg-n16, .mt-lg-n16 {
    margin-top: -80px !important;
  }

  .mx-lg-n16, .mr-lg-n16 {
    margin-right: -80px !important;
  }

  .my-lg-n16, .mb-lg-n16 {
    margin-bottom: -80px !important;
  }

  .mx-lg-n16, .ml-lg-n16 {
    margin-left: -80px !important;
  }

  .py-lg-16, .pt-lg-16 {
    padding-top: 80px !important;
  }

  .px-lg-16, .pr-lg-16 {
    padding-right: 80px !important;
  }

  .py-lg-16, .pb-lg-16 {
    padding-bottom: 80px !important;
  }

  .px-lg-16, .pl-lg-16 {
    padding-left: 80px !important;
  }

  .my-lg-17, .mt-lg-17 {
    margin-top: 85px !important;
  }

  .mx-lg-17, .mr-lg-17 {
    margin-right: 85px !important;
  }

  .my-lg-17, .mb-lg-17 {
    margin-bottom: 85px !important;
  }

  .mx-lg-17, .ml-lg-17 {
    margin-left: 85px !important;
  }

  .my-lg-n17, .mt-lg-n17 {
    margin-top: -85px !important;
  }

  .mx-lg-n17, .mr-lg-n17 {
    margin-right: -85px !important;
  }

  .my-lg-n17, .mb-lg-n17 {
    margin-bottom: -85px !important;
  }

  .mx-lg-n17, .ml-lg-n17 {
    margin-left: -85px !important;
  }

  .py-lg-17, .pt-lg-17 {
    padding-top: 85px !important;
  }

  .px-lg-17, .pr-lg-17 {
    padding-right: 85px !important;
  }

  .py-lg-17, .pb-lg-17 {
    padding-bottom: 85px !important;
  }

  .px-lg-17, .pl-lg-17 {
    padding-left: 85px !important;
  }

  .my-lg-18, .mt-lg-18 {
    margin-top: 90px !important;
  }

  .mx-lg-18, .mr-lg-18 {
    margin-right: 90px !important;
  }

  .my-lg-18, .mb-lg-18 {
    margin-bottom: 90px !important;
  }

  .mx-lg-18, .ml-lg-18 {
    margin-left: 90px !important;
  }

  .my-lg-n18, .mt-lg-n18 {
    margin-top: -90px !important;
  }

  .mx-lg-n18, .mr-lg-n18 {
    margin-right: -90px !important;
  }

  .my-lg-n18, .mb-lg-n18 {
    margin-bottom: -90px !important;
  }

  .mx-lg-n18, .ml-lg-n18 {
    margin-left: -90px !important;
  }

  .py-lg-18, .pt-lg-18 {
    padding-top: 90px !important;
  }

  .px-lg-18, .pr-lg-18 {
    padding-right: 90px !important;
  }

  .py-lg-18, .pb-lg-18 {
    padding-bottom: 90px !important;
  }

  .px-lg-18, .pl-lg-18 {
    padding-left: 90px !important;
  }

  .my-lg-19, .mt-lg-19 {
    margin-top: 95px !important;
  }

  .mx-lg-19, .mr-lg-19 {
    margin-right: 95px !important;
  }

  .my-lg-19, .mb-lg-19 {
    margin-bottom: 95px !important;
  }

  .mx-lg-19, .ml-lg-19 {
    margin-left: 95px !important;
  }

  .my-lg-n19, .mt-lg-n19 {
    margin-top: -95px !important;
  }

  .mx-lg-n19, .mr-lg-n19 {
    margin-right: -95px !important;
  }

  .my-lg-n19, .mb-lg-n19 {
    margin-bottom: -95px !important;
  }

  .mx-lg-n19, .ml-lg-n19 {
    margin-left: -95px !important;
  }

  .py-lg-19, .pt-lg-19 {
    padding-top: 95px !important;
  }

  .px-lg-19, .pr-lg-19 {
    padding-right: 95px !important;
  }

  .py-lg-19, .pb-lg-19 {
    padding-bottom: 95px !important;
  }

  .px-lg-19, .pl-lg-19 {
    padding-left: 95px !important;
  }

  .my-lg-20, .mt-lg-20 {
    margin-top: 100px !important;
  }

  .mx-lg-20, .mr-lg-20 {
    margin-right: 100px !important;
  }

  .my-lg-20, .mb-lg-20 {
    margin-bottom: 100px !important;
  }

  .mx-lg-20, .ml-lg-20 {
    margin-left: 100px !important;
  }

  .my-lg-n20, .mt-lg-n20 {
    margin-top: -100px !important;
  }

  .mx-lg-n20, .mr-lg-n20 {
    margin-right: -100px !important;
  }

  .my-lg-n20, .mb-lg-n20 {
    margin-bottom: -100px !important;
  }

  .mx-lg-n20, .ml-lg-n20 {
    margin-left: -100px !important;
  }

  .py-lg-20, .pt-lg-20 {
    padding-top: 100px !important;
  }

  .px-lg-20, .pr-lg-20 {
    padding-right: 100px !important;
  }

  .py-lg-20, .pb-lg-20 {
    padding-bottom: 100px !important;
  }

  .px-lg-20, .pl-lg-20 {
    padding-left: 100px !important;
  }

  .my-lg-21, .mt-lg-21 {
    margin-top: 105px !important;
  }

  .mx-lg-21, .mr-lg-21 {
    margin-right: 105px !important;
  }

  .my-lg-21, .mb-lg-21 {
    margin-bottom: 105px !important;
  }

  .mx-lg-21, .ml-lg-21 {
    margin-left: 105px !important;
  }

  .my-lg-n21, .mt-lg-n21 {
    margin-top: -105px !important;
  }

  .mx-lg-n21, .mr-lg-n21 {
    margin-right: -105px !important;
  }

  .my-lg-n21, .mb-lg-n21 {
    margin-bottom: -105px !important;
  }

  .mx-lg-n21, .ml-lg-n21 {
    margin-left: -105px !important;
  }

  .py-lg-21, .pt-lg-21 {
    padding-top: 105px !important;
  }

  .px-lg-21, .pr-lg-21 {
    padding-right: 105px !important;
  }

  .py-lg-21, .pb-lg-21 {
    padding-bottom: 105px !important;
  }

  .px-lg-21, .pl-lg-21 {
    padding-left: 105px !important;
  }

  .my-lg-22, .mt-lg-22 {
    margin-top: 110px !important;
  }

  .mx-lg-22, .mr-lg-22 {
    margin-right: 110px !important;
  }

  .my-lg-22, .mb-lg-22 {
    margin-bottom: 110px !important;
  }

  .mx-lg-22, .ml-lg-22 {
    margin-left: 110px !important;
  }

  .my-lg-n22, .mt-lg-n22 {
    margin-top: -110px !important;
  }

  .mx-lg-n22, .mr-lg-n22 {
    margin-right: -110px !important;
  }

  .my-lg-n22, .mb-lg-n22 {
    margin-bottom: -110px !important;
  }

  .mx-lg-n22, .ml-lg-n22 {
    margin-left: -110px !important;
  }

  .py-lg-22, .pt-lg-22 {
    padding-top: 110px !important;
  }

  .px-lg-22, .pr-lg-22 {
    padding-right: 110px !important;
  }

  .py-lg-22, .pb-lg-22 {
    padding-bottom: 110px !important;
  }

  .px-lg-22, .pl-lg-22 {
    padding-left: 110px !important;
  }

  .my-lg-23, .mt-lg-23 {
    margin-top: 115px !important;
  }

  .mx-lg-23, .mr-lg-23 {
    margin-right: 115px !important;
  }

  .my-lg-23, .mb-lg-23 {
    margin-bottom: 115px !important;
  }

  .mx-lg-23, .ml-lg-23 {
    margin-left: 115px !important;
  }

  .my-lg-n23, .mt-lg-n23 {
    margin-top: -115px !important;
  }

  .mx-lg-n23, .mr-lg-n23 {
    margin-right: -115px !important;
  }

  .my-lg-n23, .mb-lg-n23 {
    margin-bottom: -115px !important;
  }

  .mx-lg-n23, .ml-lg-n23 {
    margin-left: -115px !important;
  }

  .py-lg-23, .pt-lg-23 {
    padding-top: 115px !important;
  }

  .px-lg-23, .pr-lg-23 {
    padding-right: 115px !important;
  }

  .py-lg-23, .pb-lg-23 {
    padding-bottom: 115px !important;
  }

  .px-lg-23, .pl-lg-23 {
    padding-left: 115px !important;
  }

  .my-lg-24, .mt-lg-24 {
    margin-top: 120px !important;
  }

  .mx-lg-24, .mr-lg-24 {
    margin-right: 120px !important;
  }

  .my-lg-24, .mb-lg-24 {
    margin-bottom: 120px !important;
  }

  .mx-lg-24, .ml-lg-24 {
    margin-left: 120px !important;
  }

  .my-lg-n24, .mt-lg-n24 {
    margin-top: -120px !important;
  }

  .mx-lg-n24, .mr-lg-n24 {
    margin-right: -120px !important;
  }

  .my-lg-n24, .mb-lg-n24 {
    margin-bottom: -120px !important;
  }

  .mx-lg-n24, .ml-lg-n24 {
    margin-left: -120px !important;
  }

  .py-lg-24, .pt-lg-24 {
    padding-top: 120px !important;
  }

  .px-lg-24, .pr-lg-24 {
    padding-right: 120px !important;
  }

  .py-lg-24, .pb-lg-24 {
    padding-bottom: 120px !important;
  }

  .px-lg-24, .pl-lg-24 {
    padding-left: 120px !important;
  }

  .my-lg-25, .mt-lg-25 {
    margin-top: 125px !important;
  }

  .mx-lg-25, .mr-lg-25 {
    margin-right: 125px !important;
  }

  .my-lg-25, .mb-lg-25 {
    margin-bottom: 125px !important;
  }

  .mx-lg-25, .ml-lg-25 {
    margin-left: 125px !important;
  }

  .my-lg-n25, .mt-lg-n25 {
    margin-top: -125px !important;
  }

  .mx-lg-n25, .mr-lg-n25 {
    margin-right: -125px !important;
  }

  .my-lg-n25, .mb-lg-n25 {
    margin-bottom: -125px !important;
  }

  .mx-lg-n25, .ml-lg-n25 {
    margin-left: -125px !important;
  }

  .py-lg-25, .pt-lg-25 {
    padding-top: 125px !important;
  }

  .px-lg-25, .pr-lg-25 {
    padding-right: 125px !important;
  }

  .py-lg-25, .pb-lg-25 {
    padding-bottom: 125px !important;
  }

  .px-lg-25, .pl-lg-25 {
    padding-left: 125px !important;
  }

  .my-lg-26, .mt-lg-26 {
    margin-top: 130px !important;
  }

  .mx-lg-26, .mr-lg-26 {
    margin-right: 130px !important;
  }

  .my-lg-26, .mb-lg-26 {
    margin-bottom: 130px !important;
  }

  .mx-lg-26, .ml-lg-26 {
    margin-left: 130px !important;
  }

  .my-lg-n26, .mt-lg-n26 {
    margin-top: -130px !important;
  }

  .mx-lg-n26, .mr-lg-n26 {
    margin-right: -130px !important;
  }

  .my-lg-n26, .mb-lg-n26 {
    margin-bottom: -130px !important;
  }

  .mx-lg-n26, .ml-lg-n26 {
    margin-left: -130px !important;
  }

  .py-lg-26, .pt-lg-26 {
    padding-top: 130px !important;
  }

  .px-lg-26, .pr-lg-26 {
    padding-right: 130px !important;
  }

  .py-lg-26, .pb-lg-26 {
    padding-bottom: 130px !important;
  }

  .px-lg-26, .pl-lg-26 {
    padding-left: 130px !important;
  }

  .my-lg-27, .mt-lg-27 {
    margin-top: 135px !important;
  }

  .mx-lg-27, .mr-lg-27 {
    margin-right: 135px !important;
  }

  .my-lg-27, .mb-lg-27 {
    margin-bottom: 135px !important;
  }

  .mx-lg-27, .ml-lg-27 {
    margin-left: 135px !important;
  }

  .my-lg-n27, .mt-lg-n27 {
    margin-top: -135px !important;
  }

  .mx-lg-n27, .mr-lg-n27 {
    margin-right: -135px !important;
  }

  .my-lg-n27, .mb-lg-n27 {
    margin-bottom: -135px !important;
  }

  .mx-lg-n27, .ml-lg-n27 {
    margin-left: -135px !important;
  }

  .py-lg-27, .pt-lg-27 {
    padding-top: 135px !important;
  }

  .px-lg-27, .pr-lg-27 {
    padding-right: 135px !important;
  }

  .py-lg-27, .pb-lg-27 {
    padding-bottom: 135px !important;
  }

  .px-lg-27, .pl-lg-27 {
    padding-left: 135px !important;
  }

  .my-lg-28, .mt-lg-28 {
    margin-top: 140px !important;
  }

  .mx-lg-28, .mr-lg-28 {
    margin-right: 140px !important;
  }

  .my-lg-28, .mb-lg-28 {
    margin-bottom: 140px !important;
  }

  .mx-lg-28, .ml-lg-28 {
    margin-left: 140px !important;
  }

  .my-lg-n28, .mt-lg-n28 {
    margin-top: -140px !important;
  }

  .mx-lg-n28, .mr-lg-n28 {
    margin-right: -140px !important;
  }

  .my-lg-n28, .mb-lg-n28 {
    margin-bottom: -140px !important;
  }

  .mx-lg-n28, .ml-lg-n28 {
    margin-left: -140px !important;
  }

  .py-lg-28, .pt-lg-28 {
    padding-top: 140px !important;
  }

  .px-lg-28, .pr-lg-28 {
    padding-right: 140px !important;
  }

  .py-lg-28, .pb-lg-28 {
    padding-bottom: 140px !important;
  }

  .px-lg-28, .pl-lg-28 {
    padding-left: 140px !important;
  }

  .my-lg-29, .mt-lg-29 {
    margin-top: 145px !important;
  }

  .mx-lg-29, .mr-lg-29 {
    margin-right: 145px !important;
  }

  .my-lg-29, .mb-lg-29 {
    margin-bottom: 145px !important;
  }

  .mx-lg-29, .ml-lg-29 {
    margin-left: 145px !important;
  }

  .my-lg-n29, .mt-lg-n29 {
    margin-top: -145px !important;
  }

  .mx-lg-n29, .mr-lg-n29 {
    margin-right: -145px !important;
  }

  .my-lg-n29, .mb-lg-n29 {
    margin-bottom: -145px !important;
  }

  .mx-lg-n29, .ml-lg-n29 {
    margin-left: -145px !important;
  }

  .py-lg-29, .pt-lg-29 {
    padding-top: 145px !important;
  }

  .px-lg-29, .pr-lg-29 {
    padding-right: 145px !important;
  }

  .py-lg-29, .pb-lg-29 {
    padding-bottom: 145px !important;
  }

  .px-lg-29, .pl-lg-29 {
    padding-left: 145px !important;
  }

  .my-lg-30, .mt-lg-30 {
    margin-top: 150px !important;
  }

  .mx-lg-30, .mr-lg-30 {
    margin-right: 150px !important;
  }

  .my-lg-30, .mb-lg-30 {
    margin-bottom: 150px !important;
  }

  .mx-lg-30, .ml-lg-30 {
    margin-left: 150px !important;
  }

  .my-lg-n30, .mt-lg-n30 {
    margin-top: -150px !important;
  }

  .mx-lg-n30, .mr-lg-n30 {
    margin-right: -150px !important;
  }

  .my-lg-n30, .mb-lg-n30 {
    margin-bottom: -150px !important;
  }

  .mx-lg-n30, .ml-lg-n30 {
    margin-left: -150px !important;
  }

  .py-lg-30, .pt-lg-30 {
    padding-top: 150px !important;
  }

  .px-lg-30, .pr-lg-30 {
    padding-right: 150px !important;
  }

  .py-lg-30, .pb-lg-30 {
    padding-bottom: 150px !important;
  }

  .px-lg-30, .pl-lg-30 {
    padding-left: 150px !important;
  }

  .my-lg-31, .mt-lg-31 {
    margin-top: 155px !important;
  }

  .mx-lg-31, .mr-lg-31 {
    margin-right: 155px !important;
  }

  .my-lg-31, .mb-lg-31 {
    margin-bottom: 155px !important;
  }

  .mx-lg-31, .ml-lg-31 {
    margin-left: 155px !important;
  }

  .my-lg-n31, .mt-lg-n31 {
    margin-top: -155px !important;
  }

  .mx-lg-n31, .mr-lg-n31 {
    margin-right: -155px !important;
  }

  .my-lg-n31, .mb-lg-n31 {
    margin-bottom: -155px !important;
  }

  .mx-lg-n31, .ml-lg-n31 {
    margin-left: -155px !important;
  }

  .py-lg-31, .pt-lg-31 {
    padding-top: 155px !important;
  }

  .px-lg-31, .pr-lg-31 {
    padding-right: 155px !important;
  }

  .py-lg-31, .pb-lg-31 {
    padding-bottom: 155px !important;
  }

  .px-lg-31, .pl-lg-31 {
    padding-left: 155px !important;
  }

  .my-lg-32, .mt-lg-32 {
    margin-top: 160px !important;
  }

  .mx-lg-32, .mr-lg-32 {
    margin-right: 160px !important;
  }

  .my-lg-32, .mb-lg-32 {
    margin-bottom: 160px !important;
  }

  .mx-lg-32, .ml-lg-32 {
    margin-left: 160px !important;
  }

  .my-lg-n32, .mt-lg-n32 {
    margin-top: -160px !important;
  }

  .mx-lg-n32, .mr-lg-n32 {
    margin-right: -160px !important;
  }

  .my-lg-n32, .mb-lg-n32 {
    margin-bottom: -160px !important;
  }

  .mx-lg-n32, .ml-lg-n32 {
    margin-left: -160px !important;
  }

  .py-lg-32, .pt-lg-32 {
    padding-top: 160px !important;
  }

  .px-lg-32, .pr-lg-32 {
    padding-right: 160px !important;
  }

  .py-lg-32, .pb-lg-32 {
    padding-bottom: 160px !important;
  }

  .px-lg-32, .pl-lg-32 {
    padding-left: 160px !important;
  }

  .my-lg-33, .mt-lg-33 {
    margin-top: 165px !important;
  }

  .mx-lg-33, .mr-lg-33 {
    margin-right: 165px !important;
  }

  .my-lg-33, .mb-lg-33 {
    margin-bottom: 165px !important;
  }

  .mx-lg-33, .ml-lg-33 {
    margin-left: 165px !important;
  }

  .my-lg-n33, .mt-lg-n33 {
    margin-top: -165px !important;
  }

  .mx-lg-n33, .mr-lg-n33 {
    margin-right: -165px !important;
  }

  .my-lg-n33, .mb-lg-n33 {
    margin-bottom: -165px !important;
  }

  .mx-lg-n33, .ml-lg-n33 {
    margin-left: -165px !important;
  }

  .py-lg-33, .pt-lg-33 {
    padding-top: 165px !important;
  }

  .px-lg-33, .pr-lg-33 {
    padding-right: 165px !important;
  }

  .py-lg-33, .pb-lg-33 {
    padding-bottom: 165px !important;
  }

  .px-lg-33, .pl-lg-33 {
    padding-left: 165px !important;
  }

  .my-lg-34, .mt-lg-34 {
    margin-top: 170px !important;
  }

  .mx-lg-34, .mr-lg-34 {
    margin-right: 170px !important;
  }

  .my-lg-34, .mb-lg-34 {
    margin-bottom: 170px !important;
  }

  .mx-lg-34, .ml-lg-34 {
    margin-left: 170px !important;
  }

  .my-lg-n34, .mt-lg-n34 {
    margin-top: -170px !important;
  }

  .mx-lg-n34, .mr-lg-n34 {
    margin-right: -170px !important;
  }

  .my-lg-n34, .mb-lg-n34 {
    margin-bottom: -170px !important;
  }

  .mx-lg-n34, .ml-lg-n34 {
    margin-left: -170px !important;
  }

  .py-lg-34, .pt-lg-34 {
    padding-top: 170px !important;
  }

  .px-lg-34, .pr-lg-34 {
    padding-right: 170px !important;
  }

  .py-lg-34, .pb-lg-34 {
    padding-bottom: 170px !important;
  }

  .px-lg-34, .pl-lg-34 {
    padding-left: 170px !important;
  }

  .my-lg-35, .mt-lg-35 {
    margin-top: 175px !important;
  }

  .mx-lg-35, .mr-lg-35 {
    margin-right: 175px !important;
  }

  .my-lg-35, .mb-lg-35 {
    margin-bottom: 175px !important;
  }

  .mx-lg-35, .ml-lg-35 {
    margin-left: 175px !important;
  }

  .my-lg-n35, .mt-lg-n35 {
    margin-top: -175px !important;
  }

  .mx-lg-n35, .mr-lg-n35 {
    margin-right: -175px !important;
  }

  .my-lg-n35, .mb-lg-n35 {
    margin-bottom: -175px !important;
  }

  .mx-lg-n35, .ml-lg-n35 {
    margin-left: -175px !important;
  }

  .py-lg-35, .pt-lg-35 {
    padding-top: 175px !important;
  }

  .px-lg-35, .pr-lg-35 {
    padding-right: 175px !important;
  }

  .py-lg-35, .pb-lg-35 {
    padding-bottom: 175px !important;
  }

  .px-lg-35, .pl-lg-35 {
    padding-left: 175px !important;
  }

  .my-lg-36, .mt-lg-36 {
    margin-top: 180px !important;
  }

  .mx-lg-36, .mr-lg-36 {
    margin-right: 180px !important;
  }

  .my-lg-36, .mb-lg-36 {
    margin-bottom: 180px !important;
  }

  .mx-lg-36, .ml-lg-36 {
    margin-left: 180px !important;
  }

  .my-lg-n36, .mt-lg-n36 {
    margin-top: -180px !important;
  }

  .mx-lg-n36, .mr-lg-n36 {
    margin-right: -180px !important;
  }

  .my-lg-n36, .mb-lg-n36 {
    margin-bottom: -180px !important;
  }

  .mx-lg-n36, .ml-lg-n36 {
    margin-left: -180px !important;
  }

  .py-lg-36, .pt-lg-36 {
    padding-top: 180px !important;
  }

  .px-lg-36, .pr-lg-36 {
    padding-right: 180px !important;
  }

  .py-lg-36, .pb-lg-36 {
    padding-bottom: 180px !important;
  }

  .px-lg-36, .pl-lg-36 {
    padding-left: 180px !important;
  }

  .my-lg-37, .mt-lg-37 {
    margin-top: 185px !important;
  }

  .mx-lg-37, .mr-lg-37 {
    margin-right: 185px !important;
  }

  .my-lg-37, .mb-lg-37 {
    margin-bottom: 185px !important;
  }

  .mx-lg-37, .ml-lg-37 {
    margin-left: 185px !important;
  }

  .my-lg-n37, .mt-lg-n37 {
    margin-top: -185px !important;
  }

  .mx-lg-n37, .mr-lg-n37 {
    margin-right: -185px !important;
  }

  .my-lg-n37, .mb-lg-n37 {
    margin-bottom: -185px !important;
  }

  .mx-lg-n37, .ml-lg-n37 {
    margin-left: -185px !important;
  }

  .py-lg-37, .pt-lg-37 {
    padding-top: 185px !important;
  }

  .px-lg-37, .pr-lg-37 {
    padding-right: 185px !important;
  }

  .py-lg-37, .pb-lg-37 {
    padding-bottom: 185px !important;
  }

  .px-lg-37, .pl-lg-37 {
    padding-left: 185px !important;
  }

  .my-lg-38, .mt-lg-38 {
    margin-top: 190px !important;
  }

  .mx-lg-38, .mr-lg-38 {
    margin-right: 190px !important;
  }

  .my-lg-38, .mb-lg-38 {
    margin-bottom: 190px !important;
  }

  .mx-lg-38, .ml-lg-38 {
    margin-left: 190px !important;
  }

  .my-lg-n38, .mt-lg-n38 {
    margin-top: -190px !important;
  }

  .mx-lg-n38, .mr-lg-n38 {
    margin-right: -190px !important;
  }

  .my-lg-n38, .mb-lg-n38 {
    margin-bottom: -190px !important;
  }

  .mx-lg-n38, .ml-lg-n38 {
    margin-left: -190px !important;
  }

  .py-lg-38, .pt-lg-38 {
    padding-top: 190px !important;
  }

  .px-lg-38, .pr-lg-38 {
    padding-right: 190px !important;
  }

  .py-lg-38, .pb-lg-38 {
    padding-bottom: 190px !important;
  }

  .px-lg-38, .pl-lg-38 {
    padding-left: 190px !important;
  }

  .my-lg-39, .mt-lg-39 {
    margin-top: 195px !important;
  }

  .mx-lg-39, .mr-lg-39 {
    margin-right: 195px !important;
  }

  .my-lg-39, .mb-lg-39 {
    margin-bottom: 195px !important;
  }

  .mx-lg-39, .ml-lg-39 {
    margin-left: 195px !important;
  }

  .my-lg-n39, .mt-lg-n39 {
    margin-top: -195px !important;
  }

  .mx-lg-n39, .mr-lg-n39 {
    margin-right: -195px !important;
  }

  .my-lg-n39, .mb-lg-n39 {
    margin-bottom: -195px !important;
  }

  .mx-lg-n39, .ml-lg-n39 {
    margin-left: -195px !important;
  }

  .py-lg-39, .pt-lg-39 {
    padding-top: 195px !important;
  }

  .px-lg-39, .pr-lg-39 {
    padding-right: 195px !important;
  }

  .py-lg-39, .pb-lg-39 {
    padding-bottom: 195px !important;
  }

  .px-lg-39, .pl-lg-39 {
    padding-left: 195px !important;
  }

  .my-lg-40, .mt-lg-40 {
    margin-top: 200px !important;
  }

  .mx-lg-40, .mr-lg-40 {
    margin-right: 200px !important;
  }

  .my-lg-40, .mb-lg-40 {
    margin-bottom: 200px !important;
  }

  .mx-lg-40, .ml-lg-40 {
    margin-left: 200px !important;
  }

  .my-lg-n40, .mt-lg-n40 {
    margin-top: -200px !important;
  }

  .mx-lg-n40, .mr-lg-n40 {
    margin-right: -200px !important;
  }

  .my-lg-n40, .mb-lg-n40 {
    margin-bottom: -200px !important;
  }

  .mx-lg-n40, .ml-lg-n40 {
    margin-left: -200px !important;
  }

  .py-lg-40, .pt-lg-40 {
    padding-top: 200px !important;
  }

  .px-lg-40, .pr-lg-40 {
    padding-right: 200px !important;
  }

  .py-lg-40, .pb-lg-40 {
    padding-bottom: 200px !important;
  }

  .px-lg-40, .pl-lg-40 {
    padding-left: 200px !important;
  }

  .my-lg-41, .mt-lg-41 {
    margin-top: 205px !important;
  }

  .mx-lg-41, .mr-lg-41 {
    margin-right: 205px !important;
  }

  .my-lg-41, .mb-lg-41 {
    margin-bottom: 205px !important;
  }

  .mx-lg-41, .ml-lg-41 {
    margin-left: 205px !important;
  }

  .my-lg-n41, .mt-lg-n41 {
    margin-top: -205px !important;
  }

  .mx-lg-n41, .mr-lg-n41 {
    margin-right: -205px !important;
  }

  .my-lg-n41, .mb-lg-n41 {
    margin-bottom: -205px !important;
  }

  .mx-lg-n41, .ml-lg-n41 {
    margin-left: -205px !important;
  }

  .py-lg-41, .pt-lg-41 {
    padding-top: 205px !important;
  }

  .px-lg-41, .pr-lg-41 {
    padding-right: 205px !important;
  }

  .py-lg-41, .pb-lg-41 {
    padding-bottom: 205px !important;
  }

  .px-lg-41, .pl-lg-41 {
    padding-left: 205px !important;
  }

  .my-lg-42, .mt-lg-42 {
    margin-top: 210px !important;
  }

  .mx-lg-42, .mr-lg-42 {
    margin-right: 210px !important;
  }

  .my-lg-42, .mb-lg-42 {
    margin-bottom: 210px !important;
  }

  .mx-lg-42, .ml-lg-42 {
    margin-left: 210px !important;
  }

  .my-lg-n42, .mt-lg-n42 {
    margin-top: -210px !important;
  }

  .mx-lg-n42, .mr-lg-n42 {
    margin-right: -210px !important;
  }

  .my-lg-n42, .mb-lg-n42 {
    margin-bottom: -210px !important;
  }

  .mx-lg-n42, .ml-lg-n42 {
    margin-left: -210px !important;
  }

  .py-lg-42, .pt-lg-42 {
    padding-top: 210px !important;
  }

  .px-lg-42, .pr-lg-42 {
    padding-right: 210px !important;
  }

  .py-lg-42, .pb-lg-42 {
    padding-bottom: 210px !important;
  }

  .px-lg-42, .pl-lg-42 {
    padding-left: 210px !important;
  }

  .my-lg-43, .mt-lg-43 {
    margin-top: 215px !important;
  }

  .mx-lg-43, .mr-lg-43 {
    margin-right: 215px !important;
  }

  .my-lg-43, .mb-lg-43 {
    margin-bottom: 215px !important;
  }

  .mx-lg-43, .ml-lg-43 {
    margin-left: 215px !important;
  }

  .my-lg-n43, .mt-lg-n43 {
    margin-top: -215px !important;
  }

  .mx-lg-n43, .mr-lg-n43 {
    margin-right: -215px !important;
  }

  .my-lg-n43, .mb-lg-n43 {
    margin-bottom: -215px !important;
  }

  .mx-lg-n43, .ml-lg-n43 {
    margin-left: -215px !important;
  }

  .py-lg-43, .pt-lg-43 {
    padding-top: 215px !important;
  }

  .px-lg-43, .pr-lg-43 {
    padding-right: 215px !important;
  }

  .py-lg-43, .pb-lg-43 {
    padding-bottom: 215px !important;
  }

  .px-lg-43, .pl-lg-43 {
    padding-left: 215px !important;
  }

  .my-lg-44, .mt-lg-44 {
    margin-top: 220px !important;
  }

  .mx-lg-44, .mr-lg-44 {
    margin-right: 220px !important;
  }

  .my-lg-44, .mb-lg-44 {
    margin-bottom: 220px !important;
  }

  .mx-lg-44, .ml-lg-44 {
    margin-left: 220px !important;
  }

  .my-lg-n44, .mt-lg-n44 {
    margin-top: -220px !important;
  }

  .mx-lg-n44, .mr-lg-n44 {
    margin-right: -220px !important;
  }

  .my-lg-n44, .mb-lg-n44 {
    margin-bottom: -220px !important;
  }

  .mx-lg-n44, .ml-lg-n44 {
    margin-left: -220px !important;
  }

  .py-lg-44, .pt-lg-44 {
    padding-top: 220px !important;
  }

  .px-lg-44, .pr-lg-44 {
    padding-right: 220px !important;
  }

  .py-lg-44, .pb-lg-44 {
    padding-bottom: 220px !important;
  }

  .px-lg-44, .pl-lg-44 {
    padding-left: 220px !important;
  }

  .my-lg-45, .mt-lg-45 {
    margin-top: 225px !important;
  }

  .mx-lg-45, .mr-lg-45 {
    margin-right: 225px !important;
  }

  .my-lg-45, .mb-lg-45 {
    margin-bottom: 225px !important;
  }

  .mx-lg-45, .ml-lg-45 {
    margin-left: 225px !important;
  }

  .my-lg-n45, .mt-lg-n45 {
    margin-top: -225px !important;
  }

  .mx-lg-n45, .mr-lg-n45 {
    margin-right: -225px !important;
  }

  .my-lg-n45, .mb-lg-n45 {
    margin-bottom: -225px !important;
  }

  .mx-lg-n45, .ml-lg-n45 {
    margin-left: -225px !important;
  }

  .py-lg-45, .pt-lg-45 {
    padding-top: 225px !important;
  }

  .px-lg-45, .pr-lg-45 {
    padding-right: 225px !important;
  }

  .py-lg-45, .pb-lg-45 {
    padding-bottom: 225px !important;
  }

  .px-lg-45, .pl-lg-45 {
    padding-left: 225px !important;
  }

  .my-lg-46, .mt-lg-46 {
    margin-top: 230px !important;
  }

  .mx-lg-46, .mr-lg-46 {
    margin-right: 230px !important;
  }

  .my-lg-46, .mb-lg-46 {
    margin-bottom: 230px !important;
  }

  .mx-lg-46, .ml-lg-46 {
    margin-left: 230px !important;
  }

  .my-lg-n46, .mt-lg-n46 {
    margin-top: -230px !important;
  }

  .mx-lg-n46, .mr-lg-n46 {
    margin-right: -230px !important;
  }

  .my-lg-n46, .mb-lg-n46 {
    margin-bottom: -230px !important;
  }

  .mx-lg-n46, .ml-lg-n46 {
    margin-left: -230px !important;
  }

  .py-lg-46, .pt-lg-46 {
    padding-top: 230px !important;
  }

  .px-lg-46, .pr-lg-46 {
    padding-right: 230px !important;
  }

  .py-lg-46, .pb-lg-46 {
    padding-bottom: 230px !important;
  }

  .px-lg-46, .pl-lg-46 {
    padding-left: 230px !important;
  }

  .my-lg-47, .mt-lg-47 {
    margin-top: 235px !important;
  }

  .mx-lg-47, .mr-lg-47 {
    margin-right: 235px !important;
  }

  .my-lg-47, .mb-lg-47 {
    margin-bottom: 235px !important;
  }

  .mx-lg-47, .ml-lg-47 {
    margin-left: 235px !important;
  }

  .my-lg-n47, .mt-lg-n47 {
    margin-top: -235px !important;
  }

  .mx-lg-n47, .mr-lg-n47 {
    margin-right: -235px !important;
  }

  .my-lg-n47, .mb-lg-n47 {
    margin-bottom: -235px !important;
  }

  .mx-lg-n47, .ml-lg-n47 {
    margin-left: -235px !important;
  }

  .py-lg-47, .pt-lg-47 {
    padding-top: 235px !important;
  }

  .px-lg-47, .pr-lg-47 {
    padding-right: 235px !important;
  }

  .py-lg-47, .pb-lg-47 {
    padding-bottom: 235px !important;
  }

  .px-lg-47, .pl-lg-47 {
    padding-left: 235px !important;
  }

  .my-lg-48, .mt-lg-48 {
    margin-top: 240px !important;
  }

  .mx-lg-48, .mr-lg-48 {
    margin-right: 240px !important;
  }

  .my-lg-48, .mb-lg-48 {
    margin-bottom: 240px !important;
  }

  .mx-lg-48, .ml-lg-48 {
    margin-left: 240px !important;
  }

  .my-lg-n48, .mt-lg-n48 {
    margin-top: -240px !important;
  }

  .mx-lg-n48, .mr-lg-n48 {
    margin-right: -240px !important;
  }

  .my-lg-n48, .mb-lg-n48 {
    margin-bottom: -240px !important;
  }

  .mx-lg-n48, .ml-lg-n48 {
    margin-left: -240px !important;
  }

  .py-lg-48, .pt-lg-48 {
    padding-top: 240px !important;
  }

  .px-lg-48, .pr-lg-48 {
    padding-right: 240px !important;
  }

  .py-lg-48, .pb-lg-48 {
    padding-bottom: 240px !important;
  }

  .px-lg-48, .pl-lg-48 {
    padding-left: 240px !important;
  }

  .my-lg-49, .mt-lg-49 {
    margin-top: 245px !important;
  }

  .mx-lg-49, .mr-lg-49 {
    margin-right: 245px !important;
  }

  .my-lg-49, .mb-lg-49 {
    margin-bottom: 245px !important;
  }

  .mx-lg-49, .ml-lg-49 {
    margin-left: 245px !important;
  }

  .my-lg-n49, .mt-lg-n49 {
    margin-top: -245px !important;
  }

  .mx-lg-n49, .mr-lg-n49 {
    margin-right: -245px !important;
  }

  .my-lg-n49, .mb-lg-n49 {
    margin-bottom: -245px !important;
  }

  .mx-lg-n49, .ml-lg-n49 {
    margin-left: -245px !important;
  }

  .py-lg-49, .pt-lg-49 {
    padding-top: 245px !important;
  }

  .px-lg-49, .pr-lg-49 {
    padding-right: 245px !important;
  }

  .py-lg-49, .pb-lg-49 {
    padding-bottom: 245px !important;
  }

  .px-lg-49, .pl-lg-49 {
    padding-left: 245px !important;
  }

  .my-lg-50, .mt-lg-50 {
    margin-top: 250px !important;
  }

  .mx-lg-50, .mr-lg-50 {
    margin-right: 250px !important;
  }

  .my-lg-50, .mb-lg-50 {
    margin-bottom: 250px !important;
  }

  .mx-lg-50, .ml-lg-50 {
    margin-left: 250px !important;
  }

  .my-lg-n50, .mt-lg-n50 {
    margin-top: -250px !important;
  }

  .mx-lg-n50, .mr-lg-n50 {
    margin-right: -250px !important;
  }

  .my-lg-n50, .mb-lg-n50 {
    margin-bottom: -250px !important;
  }

  .mx-lg-n50, .ml-lg-n50 {
    margin-left: -250px !important;
  }

  .py-lg-50, .pt-lg-50 {
    padding-top: 250px !important;
  }

  .px-lg-50, .pr-lg-50 {
    padding-right: 250px !important;
  }

  .py-lg-50, .pb-lg-50 {
    padding-bottom: 250px !important;
  }

  .px-lg-50, .pl-lg-50 {
    padding-left: 250px !important;
  }

  .my-lg-spaceless, .mt-lg-spaceless {
    margin-top: 0px !important;
  }

  .mx-lg-spaceless, .mr-lg-spaceless {
    margin-right: 0px !important;
  }

  .my-lg-spaceless, .mb-lg-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-lg-spaceless, .ml-lg-spaceless {
    margin-left: 0px !important;
  }

  .my-lg-n-spaceless, .mt-lg-n-spaceless {
    margin-top: 0px !important;
  }

  .mx-lg-n-spaceless, .mr-lg-n-spaceless {
    margin-right: 0px !important;
  }

  .my-lg-n-spaceless, .mb-lg-n-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-lg-n-spaceless, .ml-lg-n-spaceless {
    margin-left: 0px !important;
  }

  .py-lg-spaceless, .pt-lg-spaceless {
    padding-top: 0px !important;
  }

  .px-lg-spaceless, .pr-lg-spaceless {
    padding-right: 0px !important;
  }

  .py-lg-spaceless, .pb-lg-spaceless {
    padding-bottom: 0px !important;
  }

  .px-lg-spaceless, .pl-lg-spaceless {
    padding-left: 0px !important;
  }

  .my-lg-condensed, .mt-lg-condensed {
    margin-top: 5px !important;
  }

  .mx-lg-condensed, .mr-lg-condensed {
    margin-right: 5px !important;
  }

  .my-lg-condensed, .mb-lg-condensed {
    margin-bottom: 5px !important;
  }

  .mx-lg-condensed, .ml-lg-condensed {
    margin-left: 5px !important;
  }

  .my-lg-n-condensed, .mt-lg-n-condensed {
    margin-top: -5px !important;
  }

  .mx-lg-n-condensed, .mr-lg-n-condensed {
    margin-right: -5px !important;
  }

  .my-lg-n-condensed, .mb-lg-n-condensed {
    margin-bottom: -5px !important;
  }

  .mx-lg-n-condensed, .ml-lg-n-condensed {
    margin-left: -5px !important;
  }

  .py-lg-condensed, .pt-lg-condensed {
    padding-top: 5px !important;
  }

  .px-lg-condensed, .pr-lg-condensed {
    padding-right: 5px !important;
  }

  .py-lg-condensed, .pb-lg-condensed {
    padding-bottom: 5px !important;
  }

  .px-lg-condensed, .pl-lg-condensed {
    padding-left: 5px !important;
  }

  .my-lg-spaced, .mt-lg-spaced {
    margin-top: 10px !important;
  }

  .mx-lg-spaced, .mr-lg-spaced {
    margin-right: 10px !important;
  }

  .my-lg-spaced, .mb-lg-spaced {
    margin-bottom: 10px !important;
  }

  .mx-lg-spaced, .ml-lg-spaced {
    margin-left: 10px !important;
  }

  .my-lg-n-spaced, .mt-lg-n-spaced {
    margin-top: -10px !important;
  }

  .mx-lg-n-spaced, .mr-lg-n-spaced {
    margin-right: -10px !important;
  }

  .my-lg-n-spaced, .mb-lg-n-spaced {
    margin-bottom: -10px !important;
  }

  .mx-lg-n-spaced, .ml-lg-n-spaced {
    margin-left: -10px !important;
  }

  .py-lg-spaced, .pt-lg-spaced {
    padding-top: 10px !important;
  }

  .px-lg-spaced, .pr-lg-spaced {
    padding-right: 10px !important;
  }

  .py-lg-spaced, .pb-lg-spaced {
    padding-bottom: 10px !important;
  }

  .px-lg-spaced, .pl-lg-spaced {
    padding-left: 10px !important;
  }

  .my-lg-normal, .mt-lg-normal {
    margin-top: 15px !important;
  }

  .mx-lg-normal, .mr-lg-normal {
    margin-right: 15px !important;
  }

  .my-lg-normal, .mb-lg-normal {
    margin-bottom: 15px !important;
  }

  .mx-lg-normal, .ml-lg-normal {
    margin-left: 15px !important;
  }

  .my-lg-n-normal, .mt-lg-n-normal {
    margin-top: -15px !important;
  }

  .mx-lg-n-normal, .mr-lg-n-normal {
    margin-right: -15px !important;
  }

  .my-lg-n-normal, .mb-lg-n-normal {
    margin-bottom: -15px !important;
  }

  .mx-lg-n-normal, .ml-lg-n-normal {
    margin-left: -15px !important;
  }

  .py-lg-normal, .pt-lg-normal {
    padding-top: 15px !important;
  }

  .px-lg-normal, .pr-lg-normal {
    padding-right: 15px !important;
  }

  .py-lg-normal, .pb-lg-normal {
    padding-bottom: 15px !important;
  }

  .px-lg-normal, .pl-lg-normal {
    padding-left: 15px !important;
  }

  .my-lg, .mt-lg {
    margin-top: 15px !important;
  }

  .mx-lg, .mr-lg {
    margin-right: 15px !important;
  }

  .my-lg, .mb-lg {
    margin-bottom: 15px !important;
  }

  .mx-lg, .ml-lg {
    margin-left: 15px !important;
  }

  .my-lg-n, .mt-lg-n {
    margin-top: -15px !important;
  }

  .mx-lg-n, .mr-lg-n {
    margin-right: -15px !important;
  }

  .my-lg-n, .mb-lg-n {
    margin-bottom: -15px !important;
  }

  .mx-lg-n, .ml-lg-n {
    margin-left: -15px !important;
  }

  .py-lg, .pt-lg {
    padding-top: 15px !important;
  }

  .px-lg, .pr-lg {
    padding-right: 15px !important;
  }

  .py-lg, .pb-lg {
    padding-bottom: 15px !important;
  }

  .px-lg, .pl-lg {
    padding-left: 15px !important;
  }

  .my-lg-semi-wide, .mt-lg-semi-wide {
    margin-top: 20px !important;
  }

  .mx-lg-semi-wide, .mr-lg-semi-wide {
    margin-right: 20px !important;
  }

  .my-lg-semi-wide, .mb-lg-semi-wide {
    margin-bottom: 20px !important;
  }

  .mx-lg-semi-wide, .ml-lg-semi-wide {
    margin-left: 20px !important;
  }

  .my-lg-n-semi-wide, .mt-lg-n-semi-wide {
    margin-top: -20px !important;
  }

  .mx-lg-n-semi-wide, .mr-lg-n-semi-wide {
    margin-right: -20px !important;
  }

  .my-lg-n-semi-wide, .mb-lg-n-semi-wide {
    margin-bottom: -20px !important;
  }

  .mx-lg-n-semi-wide, .ml-lg-n-semi-wide {
    margin-left: -20px !important;
  }

  .py-lg-semi-wide, .pt-lg-semi-wide {
    padding-top: 20px !important;
  }

  .px-lg-semi-wide, .pr-lg-semi-wide {
    padding-right: 20px !important;
  }

  .py-lg-semi-wide, .pb-lg-semi-wide {
    padding-bottom: 20px !important;
  }

  .px-lg-semi-wide, .pl-lg-semi-wide {
    padding-left: 20px !important;
  }

  .my-lg-wide, .mt-lg-wide {
    margin-top: 30px !important;
  }

  .mx-lg-wide, .mr-lg-wide {
    margin-right: 30px !important;
  }

  .my-lg-wide, .mb-lg-wide {
    margin-bottom: 30px !important;
  }

  .mx-lg-wide, .ml-lg-wide {
    margin-left: 30px !important;
  }

  .my-lg-n-wide, .mt-lg-n-wide {
    margin-top: -30px !important;
  }

  .mx-lg-n-wide, .mr-lg-n-wide {
    margin-right: -30px !important;
  }

  .my-lg-n-wide, .mb-lg-n-wide {
    margin-bottom: -30px !important;
  }

  .mx-lg-n-wide, .ml-lg-n-wide {
    margin-left: -30px !important;
  }

  .py-lg-wide, .pt-lg-wide {
    padding-top: 30px !important;
  }

  .px-lg-wide, .pr-lg-wide {
    padding-right: 30px !important;
  }

  .py-lg-wide, .pb-lg-wide {
    padding-bottom: 30px !important;
  }

  .px-lg-wide, .pl-lg-wide {
    padding-left: 30px !important;
  }

  .my-lg-large, .mt-lg-large {
    margin-top: 60px !important;
  }

  .mx-lg-large, .mr-lg-large {
    margin-right: 60px !important;
  }

  .my-lg-large, .mb-lg-large {
    margin-bottom: 60px !important;
  }

  .mx-lg-large, .ml-lg-large {
    margin-left: 60px !important;
  }

  .my-lg-n-large, .mt-lg-n-large {
    margin-top: -60px !important;
  }

  .mx-lg-n-large, .mr-lg-n-large {
    margin-right: -60px !important;
  }

  .my-lg-n-large, .mb-lg-n-large {
    margin-bottom: -60px !important;
  }

  .mx-lg-n-large, .ml-lg-n-large {
    margin-left: -60px !important;
  }

  .py-lg-large, .pt-lg-large {
    padding-top: 60px !important;
  }

  .px-lg-large, .pr-lg-large {
    padding-right: 60px !important;
  }

  .py-lg-large, .pb-lg-large {
    padding-bottom: 60px !important;
  }

  .px-lg-large, .pl-lg-large {
    padding-left: 60px !important;
  }

  .my-lg-huge, .mt-lg-huge {
    margin-top: 90px !important;
  }

  .mx-lg-huge, .mr-lg-huge {
    margin-right: 90px !important;
  }

  .my-lg-huge, .mb-lg-huge {
    margin-bottom: 90px !important;
  }

  .mx-lg-huge, .ml-lg-huge {
    margin-left: 90px !important;
  }

  .my-lg-n-huge, .mt-lg-n-huge {
    margin-top: -90px !important;
  }

  .mx-lg-n-huge, .mr-lg-n-huge {
    margin-right: -90px !important;
  }

  .my-lg-n-huge, .mb-lg-n-huge {
    margin-bottom: -90px !important;
  }

  .mx-lg-n-huge, .ml-lg-n-huge {
    margin-left: -90px !important;
  }

  .py-lg-huge, .pt-lg-huge {
    padding-top: 90px !important;
  }

  .px-lg-huge, .pr-lg-huge {
    padding-right: 90px !important;
  }

  .py-lg-huge, .pb-lg-huge {
    padding-bottom: 90px !important;
  }

  .px-lg-huge, .pl-lg-huge {
    padding-left: 90px !important;
  }

  .my-lg-ncondensed, .mt-lg-ncondensed {
    margin-top: -5px !important;
  }

  .mx-lg-ncondensed, .mr-lg-ncondensed {
    margin-right: -5px !important;
  }

  .my-lg-ncondensed, .mb-lg-ncondensed {
    margin-bottom: -5px !important;
  }

  .mx-lg-ncondensed, .ml-lg-ncondensed {
    margin-left: -5px !important;
  }

  .my-lg-n-ncondensed, .mt-lg-n-ncondensed {
    margin-top: --5px !important;
  }

  .mx-lg-n-ncondensed, .mr-lg-n-ncondensed {
    margin-right: --5px !important;
  }

  .my-lg-n-ncondensed, .mb-lg-n-ncondensed {
    margin-bottom: --5px !important;
  }

  .mx-lg-n-ncondensed, .ml-lg-n-ncondensed {
    margin-left: --5px !important;
  }

  .py-lg-ncondensed, .pt-lg-ncondensed {
    padding-top: -5px !important;
  }

  .px-lg-ncondensed, .pr-lg-ncondensed {
    padding-right: -5px !important;
  }

  .py-lg-ncondensed, .pb-lg-ncondensed {
    padding-bottom: -5px !important;
  }

  .px-lg-ncondensed, .pl-lg-ncondensed {
    padding-left: -5px !important;
  }

  .my-lg-nspaced, .mt-lg-nspaced {
    margin-top: -10px !important;
  }

  .mx-lg-nspaced, .mr-lg-nspaced {
    margin-right: -10px !important;
  }

  .my-lg-nspaced, .mb-lg-nspaced {
    margin-bottom: -10px !important;
  }

  .mx-lg-nspaced, .ml-lg-nspaced {
    margin-left: -10px !important;
  }

  .my-lg-n-nspaced, .mt-lg-n-nspaced {
    margin-top: --10px !important;
  }

  .mx-lg-n-nspaced, .mr-lg-n-nspaced {
    margin-right: --10px !important;
  }

  .my-lg-n-nspaced, .mb-lg-n-nspaced {
    margin-bottom: --10px !important;
  }

  .mx-lg-n-nspaced, .ml-lg-n-nspaced {
    margin-left: --10px !important;
  }

  .py-lg-nspaced, .pt-lg-nspaced {
    padding-top: -10px !important;
  }

  .px-lg-nspaced, .pr-lg-nspaced {
    padding-right: -10px !important;
  }

  .py-lg-nspaced, .pb-lg-nspaced {
    padding-bottom: -10px !important;
  }

  .px-lg-nspaced, .pl-lg-nspaced {
    padding-left: -10px !important;
  }

  .my-lg-nnormal, .mt-lg-nnormal {
    margin-top: -15px !important;
  }

  .mx-lg-nnormal, .mr-lg-nnormal {
    margin-right: -15px !important;
  }

  .my-lg-nnormal, .mb-lg-nnormal {
    margin-bottom: -15px !important;
  }

  .mx-lg-nnormal, .ml-lg-nnormal {
    margin-left: -15px !important;
  }

  .my-lg-n-nnormal, .mt-lg-n-nnormal {
    margin-top: --15px !important;
  }

  .mx-lg-n-nnormal, .mr-lg-n-nnormal {
    margin-right: --15px !important;
  }

  .my-lg-n-nnormal, .mb-lg-n-nnormal {
    margin-bottom: --15px !important;
  }

  .mx-lg-n-nnormal, .ml-lg-n-nnormal {
    margin-left: --15px !important;
  }

  .py-lg-nnormal, .pt-lg-nnormal {
    padding-top: -15px !important;
  }

  .px-lg-nnormal, .pr-lg-nnormal {
    padding-right: -15px !important;
  }

  .py-lg-nnormal, .pb-lg-nnormal {
    padding-bottom: -15px !important;
  }

  .px-lg-nnormal, .pl-lg-nnormal {
    padding-left: -15px !important;
  }

  .my-lg-nsemi-wide, .mt-lg-nsemi-wide {
    margin-top: -20px !important;
  }

  .mx-lg-nsemi-wide, .mr-lg-nsemi-wide {
    margin-right: -20px !important;
  }

  .my-lg-nsemi-wide, .mb-lg-nsemi-wide {
    margin-bottom: -20px !important;
  }

  .mx-lg-nsemi-wide, .ml-lg-nsemi-wide {
    margin-left: -20px !important;
  }

  .my-lg-n-nsemi-wide, .mt-lg-n-nsemi-wide {
    margin-top: --20px !important;
  }

  .mx-lg-n-nsemi-wide, .mr-lg-n-nsemi-wide {
    margin-right: --20px !important;
  }

  .my-lg-n-nsemi-wide, .mb-lg-n-nsemi-wide {
    margin-bottom: --20px !important;
  }

  .mx-lg-n-nsemi-wide, .ml-lg-n-nsemi-wide {
    margin-left: --20px !important;
  }

  .py-lg-nsemi-wide, .pt-lg-nsemi-wide {
    padding-top: -20px !important;
  }

  .px-lg-nsemi-wide, .pr-lg-nsemi-wide {
    padding-right: -20px !important;
  }

  .py-lg-nsemi-wide, .pb-lg-nsemi-wide {
    padding-bottom: -20px !important;
  }

  .px-lg-nsemi-wide, .pl-lg-nsemi-wide {
    padding-left: -20px !important;
  }

  .my-lg-nwide, .mt-lg-nwide {
    margin-top: -30px !important;
  }

  .mx-lg-nwide, .mr-lg-nwide {
    margin-right: -30px !important;
  }

  .my-lg-nwide, .mb-lg-nwide {
    margin-bottom: -30px !important;
  }

  .mx-lg-nwide, .ml-lg-nwide {
    margin-left: -30px !important;
  }

  .my-lg-n-nwide, .mt-lg-n-nwide {
    margin-top: --30px !important;
  }

  .mx-lg-n-nwide, .mr-lg-n-nwide {
    margin-right: --30px !important;
  }

  .my-lg-n-nwide, .mb-lg-n-nwide {
    margin-bottom: --30px !important;
  }

  .mx-lg-n-nwide, .ml-lg-n-nwide {
    margin-left: --30px !important;
  }

  .py-lg-nwide, .pt-lg-nwide {
    padding-top: -30px !important;
  }

  .px-lg-nwide, .pr-lg-nwide {
    padding-right: -30px !important;
  }

  .py-lg-nwide, .pb-lg-nwide {
    padding-bottom: -30px !important;
  }

  .px-lg-nwide, .pl-lg-nwide {
    padding-left: -30px !important;
  }

  .my-lg-nlarge, .mt-lg-nlarge {
    margin-top: -60px !important;
  }

  .mx-lg-nlarge, .mr-lg-nlarge {
    margin-right: -60px !important;
  }

  .my-lg-nlarge, .mb-lg-nlarge {
    margin-bottom: -60px !important;
  }

  .mx-lg-nlarge, .ml-lg-nlarge {
    margin-left: -60px !important;
  }

  .my-lg-n-nlarge, .mt-lg-n-nlarge {
    margin-top: --60px !important;
  }

  .mx-lg-n-nlarge, .mr-lg-n-nlarge {
    margin-right: --60px !important;
  }

  .my-lg-n-nlarge, .mb-lg-n-nlarge {
    margin-bottom: --60px !important;
  }

  .mx-lg-n-nlarge, .ml-lg-n-nlarge {
    margin-left: --60px !important;
  }

  .py-lg-nlarge, .pt-lg-nlarge {
    padding-top: -60px !important;
  }

  .px-lg-nlarge, .pr-lg-nlarge {
    padding-right: -60px !important;
  }

  .py-lg-nlarge, .pb-lg-nlarge {
    padding-bottom: -60px !important;
  }

  .px-lg-nlarge, .pl-lg-nlarge {
    padding-left: -60px !important;
  }

  .my-lg-nhuge, .mt-lg-nhuge {
    margin-top: -90px !important;
  }

  .mx-lg-nhuge, .mr-lg-nhuge {
    margin-right: -90px !important;
  }

  .my-lg-nhuge, .mb-lg-nhuge {
    margin-bottom: -90px !important;
  }

  .mx-lg-nhuge, .ml-lg-nhuge {
    margin-left: -90px !important;
  }

  .my-lg-n-nhuge, .mt-lg-n-nhuge {
    margin-top: --90px !important;
  }

  .mx-lg-n-nhuge, .mr-lg-n-nhuge {
    margin-right: --90px !important;
  }

  .my-lg-n-nhuge, .mb-lg-n-nhuge {
    margin-bottom: --90px !important;
  }

  .mx-lg-n-nhuge, .ml-lg-n-nhuge {
    margin-left: --90px !important;
  }

  .py-lg-nhuge, .pt-lg-nhuge {
    padding-top: -90px !important;
  }

  .px-lg-nhuge, .pr-lg-nhuge {
    padding-right: -90px !important;
  }

  .py-lg-nhuge, .pb-lg-nhuge {
    padding-bottom: -90px !important;
  }

  .px-lg-nhuge, .pl-lg-nhuge {
    padding-left: -90px !important;
  }

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

  .my-lg-auto, .mt-lg-auto {
    margin-top: auto !important;
  }

  .mx-lg-auto, .mr-lg-auto {
    margin-right: auto !important;
  }

  .my-lg-auto, .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .mx-lg-auto, .ml-lg-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

  .d-lg-initial {
    display: initial !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-0, .mt-xl-0 {
    margin-top: 0px !important;
  }

  .mx-xl-0, .mr-xl-0 {
    margin-right: 0px !important;
  }

  .my-xl-0, .mb-xl-0 {
    margin-bottom: 0px !important;
  }

  .mx-xl-0, .ml-xl-0 {
    margin-left: 0px !important;
  }

  .my-xl-n0, .mt-xl-n0 {
    margin-top: 0px !important;
  }

  .mx-xl-n0, .mr-xl-n0 {
    margin-right: 0px !important;
  }

  .my-xl-n0, .mb-xl-n0 {
    margin-bottom: 0px !important;
  }

  .mx-xl-n0, .ml-xl-n0 {
    margin-left: 0px !important;
  }

  .py-xl-0, .pt-xl-0 {
    padding-top: 0px !important;
  }

  .px-xl-0, .pr-xl-0 {
    padding-right: 0px !important;
  }

  .py-xl-0, .pb-xl-0 {
    padding-bottom: 0px !important;
  }

  .px-xl-0, .pl-xl-0 {
    padding-left: 0px !important;
  }

  .my-xl-1, .mt-xl-1 {
    margin-top: 5px !important;
  }

  .mx-xl-1, .mr-xl-1 {
    margin-right: 5px !important;
  }

  .my-xl-1, .mb-xl-1 {
    margin-bottom: 5px !important;
  }

  .mx-xl-1, .ml-xl-1 {
    margin-left: 5px !important;
  }

  .my-xl-n1, .mt-xl-n1 {
    margin-top: -5px !important;
  }

  .mx-xl-n1, .mr-xl-n1 {
    margin-right: -5px !important;
  }

  .my-xl-n1, .mb-xl-n1 {
    margin-bottom: -5px !important;
  }

  .mx-xl-n1, .ml-xl-n1 {
    margin-left: -5px !important;
  }

  .py-xl-1, .pt-xl-1 {
    padding-top: 5px !important;
  }

  .px-xl-1, .pr-xl-1 {
    padding-right: 5px !important;
  }

  .py-xl-1, .pb-xl-1 {
    padding-bottom: 5px !important;
  }

  .px-xl-1, .pl-xl-1 {
    padding-left: 5px !important;
  }

  .my-xl-2, .mt-xl-2 {
    margin-top: 10px !important;
  }

  .mx-xl-2, .mr-xl-2 {
    margin-right: 10px !important;
  }

  .my-xl-2, .mb-xl-2 {
    margin-bottom: 10px !important;
  }

  .mx-xl-2, .ml-xl-2 {
    margin-left: 10px !important;
  }

  .my-xl-n2, .mt-xl-n2 {
    margin-top: -10px !important;
  }

  .mx-xl-n2, .mr-xl-n2 {
    margin-right: -10px !important;
  }

  .my-xl-n2, .mb-xl-n2 {
    margin-bottom: -10px !important;
  }

  .mx-xl-n2, .ml-xl-n2 {
    margin-left: -10px !important;
  }

  .py-xl-2, .pt-xl-2 {
    padding-top: 10px !important;
  }

  .px-xl-2, .pr-xl-2 {
    padding-right: 10px !important;
  }

  .py-xl-2, .pb-xl-2 {
    padding-bottom: 10px !important;
  }

  .px-xl-2, .pl-xl-2 {
    padding-left: 10px !important;
  }

  .my-xl-3, .mt-xl-3 {
    margin-top: 15px !important;
  }

  .mx-xl-3, .mr-xl-3 {
    margin-right: 15px !important;
  }

  .my-xl-3, .mb-xl-3 {
    margin-bottom: 15px !important;
  }

  .mx-xl-3, .ml-xl-3 {
    margin-left: 15px !important;
  }

  .my-xl-n3, .mt-xl-n3 {
    margin-top: -15px !important;
  }

  .mx-xl-n3, .mr-xl-n3 {
    margin-right: -15px !important;
  }

  .my-xl-n3, .mb-xl-n3 {
    margin-bottom: -15px !important;
  }

  .mx-xl-n3, .ml-xl-n3 {
    margin-left: -15px !important;
  }

  .py-xl-3, .pt-xl-3 {
    padding-top: 15px !important;
  }

  .px-xl-3, .pr-xl-3 {
    padding-right: 15px !important;
  }

  .py-xl-3, .pb-xl-3 {
    padding-bottom: 15px !important;
  }

  .px-xl-3, .pl-xl-3 {
    padding-left: 15px !important;
  }

  .my-xl-4, .mt-xl-4 {
    margin-top: 20px !important;
  }

  .mx-xl-4, .mr-xl-4 {
    margin-right: 20px !important;
  }

  .my-xl-4, .mb-xl-4 {
    margin-bottom: 20px !important;
  }

  .mx-xl-4, .ml-xl-4 {
    margin-left: 20px !important;
  }

  .my-xl-n4, .mt-xl-n4 {
    margin-top: -20px !important;
  }

  .mx-xl-n4, .mr-xl-n4 {
    margin-right: -20px !important;
  }

  .my-xl-n4, .mb-xl-n4 {
    margin-bottom: -20px !important;
  }

  .mx-xl-n4, .ml-xl-n4 {
    margin-left: -20px !important;
  }

  .py-xl-4, .pt-xl-4 {
    padding-top: 20px !important;
  }

  .px-xl-4, .pr-xl-4 {
    padding-right: 20px !important;
  }

  .py-xl-4, .pb-xl-4 {
    padding-bottom: 20px !important;
  }

  .px-xl-4, .pl-xl-4 {
    padding-left: 20px !important;
  }

  .my-xl-5, .mt-xl-5 {
    margin-top: 25px !important;
  }

  .mx-xl-5, .mr-xl-5 {
    margin-right: 25px !important;
  }

  .my-xl-5, .mb-xl-5 {
    margin-bottom: 25px !important;
  }

  .mx-xl-5, .ml-xl-5 {
    margin-left: 25px !important;
  }

  .my-xl-n5, .mt-xl-n5 {
    margin-top: -25px !important;
  }

  .mx-xl-n5, .mr-xl-n5 {
    margin-right: -25px !important;
  }

  .my-xl-n5, .mb-xl-n5 {
    margin-bottom: -25px !important;
  }

  .mx-xl-n5, .ml-xl-n5 {
    margin-left: -25px !important;
  }

  .py-xl-5, .pt-xl-5 {
    padding-top: 25px !important;
  }

  .px-xl-5, .pr-xl-5 {
    padding-right: 25px !important;
  }

  .py-xl-5, .pb-xl-5 {
    padding-bottom: 25px !important;
  }

  .px-xl-5, .pl-xl-5 {
    padding-left: 25px !important;
  }

  .my-xl-6, .mt-xl-6 {
    margin-top: 30px !important;
  }

  .mx-xl-6, .mr-xl-6 {
    margin-right: 30px !important;
  }

  .my-xl-6, .mb-xl-6 {
    margin-bottom: 30px !important;
  }

  .mx-xl-6, .ml-xl-6 {
    margin-left: 30px !important;
  }

  .my-xl-n6, .mt-xl-n6 {
    margin-top: -30px !important;
  }

  .mx-xl-n6, .mr-xl-n6 {
    margin-right: -30px !important;
  }

  .my-xl-n6, .mb-xl-n6 {
    margin-bottom: -30px !important;
  }

  .mx-xl-n6, .ml-xl-n6 {
    margin-left: -30px !important;
  }

  .py-xl-6, .pt-xl-6 {
    padding-top: 30px !important;
  }

  .px-xl-6, .pr-xl-6 {
    padding-right: 30px !important;
  }

  .py-xl-6, .pb-xl-6 {
    padding-bottom: 30px !important;
  }

  .px-xl-6, .pl-xl-6 {
    padding-left: 30px !important;
  }

  .my-xl-7, .mt-xl-7 {
    margin-top: 35px !important;
  }

  .mx-xl-7, .mr-xl-7 {
    margin-right: 35px !important;
  }

  .my-xl-7, .mb-xl-7 {
    margin-bottom: 35px !important;
  }

  .mx-xl-7, .ml-xl-7 {
    margin-left: 35px !important;
  }

  .my-xl-n7, .mt-xl-n7 {
    margin-top: -35px !important;
  }

  .mx-xl-n7, .mr-xl-n7 {
    margin-right: -35px !important;
  }

  .my-xl-n7, .mb-xl-n7 {
    margin-bottom: -35px !important;
  }

  .mx-xl-n7, .ml-xl-n7 {
    margin-left: -35px !important;
  }

  .py-xl-7, .pt-xl-7 {
    padding-top: 35px !important;
  }

  .px-xl-7, .pr-xl-7 {
    padding-right: 35px !important;
  }

  .py-xl-7, .pb-xl-7 {
    padding-bottom: 35px !important;
  }

  .px-xl-7, .pl-xl-7 {
    padding-left: 35px !important;
  }

  .my-xl-8, .mt-xl-8 {
    margin-top: 40px !important;
  }

  .mx-xl-8, .mr-xl-8 {
    margin-right: 40px !important;
  }

  .my-xl-8, .mb-xl-8 {
    margin-bottom: 40px !important;
  }

  .mx-xl-8, .ml-xl-8 {
    margin-left: 40px !important;
  }

  .my-xl-n8, .mt-xl-n8 {
    margin-top: -40px !important;
  }

  .mx-xl-n8, .mr-xl-n8 {
    margin-right: -40px !important;
  }

  .my-xl-n8, .mb-xl-n8 {
    margin-bottom: -40px !important;
  }

  .mx-xl-n8, .ml-xl-n8 {
    margin-left: -40px !important;
  }

  .py-xl-8, .pt-xl-8 {
    padding-top: 40px !important;
  }

  .px-xl-8, .pr-xl-8 {
    padding-right: 40px !important;
  }

  .py-xl-8, .pb-xl-8 {
    padding-bottom: 40px !important;
  }

  .px-xl-8, .pl-xl-8 {
    padding-left: 40px !important;
  }

  .my-xl-9, .mt-xl-9 {
    margin-top: 45px !important;
  }

  .mx-xl-9, .mr-xl-9 {
    margin-right: 45px !important;
  }

  .my-xl-9, .mb-xl-9 {
    margin-bottom: 45px !important;
  }

  .mx-xl-9, .ml-xl-9 {
    margin-left: 45px !important;
  }

  .my-xl-n9, .mt-xl-n9 {
    margin-top: -45px !important;
  }

  .mx-xl-n9, .mr-xl-n9 {
    margin-right: -45px !important;
  }

  .my-xl-n9, .mb-xl-n9 {
    margin-bottom: -45px !important;
  }

  .mx-xl-n9, .ml-xl-n9 {
    margin-left: -45px !important;
  }

  .py-xl-9, .pt-xl-9 {
    padding-top: 45px !important;
  }

  .px-xl-9, .pr-xl-9 {
    padding-right: 45px !important;
  }

  .py-xl-9, .pb-xl-9 {
    padding-bottom: 45px !important;
  }

  .px-xl-9, .pl-xl-9 {
    padding-left: 45px !important;
  }

  .my-xl-10, .mt-xl-10 {
    margin-top: 50px !important;
  }

  .mx-xl-10, .mr-xl-10 {
    margin-right: 50px !important;
  }

  .my-xl-10, .mb-xl-10 {
    margin-bottom: 50px !important;
  }

  .mx-xl-10, .ml-xl-10 {
    margin-left: 50px !important;
  }

  .my-xl-n10, .mt-xl-n10 {
    margin-top: -50px !important;
  }

  .mx-xl-n10, .mr-xl-n10 {
    margin-right: -50px !important;
  }

  .my-xl-n10, .mb-xl-n10 {
    margin-bottom: -50px !important;
  }

  .mx-xl-n10, .ml-xl-n10 {
    margin-left: -50px !important;
  }

  .py-xl-10, .pt-xl-10 {
    padding-top: 50px !important;
  }

  .px-xl-10, .pr-xl-10 {
    padding-right: 50px !important;
  }

  .py-xl-10, .pb-xl-10 {
    padding-bottom: 50px !important;
  }

  .px-xl-10, .pl-xl-10 {
    padding-left: 50px !important;
  }

  .my-xl-11, .mt-xl-11 {
    margin-top: 55px !important;
  }

  .mx-xl-11, .mr-xl-11 {
    margin-right: 55px !important;
  }

  .my-xl-11, .mb-xl-11 {
    margin-bottom: 55px !important;
  }

  .mx-xl-11, .ml-xl-11 {
    margin-left: 55px !important;
  }

  .my-xl-n11, .mt-xl-n11 {
    margin-top: -55px !important;
  }

  .mx-xl-n11, .mr-xl-n11 {
    margin-right: -55px !important;
  }

  .my-xl-n11, .mb-xl-n11 {
    margin-bottom: -55px !important;
  }

  .mx-xl-n11, .ml-xl-n11 {
    margin-left: -55px !important;
  }

  .py-xl-11, .pt-xl-11 {
    padding-top: 55px !important;
  }

  .px-xl-11, .pr-xl-11 {
    padding-right: 55px !important;
  }

  .py-xl-11, .pb-xl-11 {
    padding-bottom: 55px !important;
  }

  .px-xl-11, .pl-xl-11 {
    padding-left: 55px !important;
  }

  .my-xl-12, .mt-xl-12 {
    margin-top: 60px !important;
  }

  .mx-xl-12, .mr-xl-12 {
    margin-right: 60px !important;
  }

  .my-xl-12, .mb-xl-12 {
    margin-bottom: 60px !important;
  }

  .mx-xl-12, .ml-xl-12 {
    margin-left: 60px !important;
  }

  .my-xl-n12, .mt-xl-n12 {
    margin-top: -60px !important;
  }

  .mx-xl-n12, .mr-xl-n12 {
    margin-right: -60px !important;
  }

  .my-xl-n12, .mb-xl-n12 {
    margin-bottom: -60px !important;
  }

  .mx-xl-n12, .ml-xl-n12 {
    margin-left: -60px !important;
  }

  .py-xl-12, .pt-xl-12 {
    padding-top: 60px !important;
  }

  .px-xl-12, .pr-xl-12 {
    padding-right: 60px !important;
  }

  .py-xl-12, .pb-xl-12 {
    padding-bottom: 60px !important;
  }

  .px-xl-12, .pl-xl-12 {
    padding-left: 60px !important;
  }

  .my-xl-13, .mt-xl-13 {
    margin-top: 65px !important;
  }

  .mx-xl-13, .mr-xl-13 {
    margin-right: 65px !important;
  }

  .my-xl-13, .mb-xl-13 {
    margin-bottom: 65px !important;
  }

  .mx-xl-13, .ml-xl-13 {
    margin-left: 65px !important;
  }

  .my-xl-n13, .mt-xl-n13 {
    margin-top: -65px !important;
  }

  .mx-xl-n13, .mr-xl-n13 {
    margin-right: -65px !important;
  }

  .my-xl-n13, .mb-xl-n13 {
    margin-bottom: -65px !important;
  }

  .mx-xl-n13, .ml-xl-n13 {
    margin-left: -65px !important;
  }

  .py-xl-13, .pt-xl-13 {
    padding-top: 65px !important;
  }

  .px-xl-13, .pr-xl-13 {
    padding-right: 65px !important;
  }

  .py-xl-13, .pb-xl-13 {
    padding-bottom: 65px !important;
  }

  .px-xl-13, .pl-xl-13 {
    padding-left: 65px !important;
  }

  .my-xl-14, .mt-xl-14 {
    margin-top: 70px !important;
  }

  .mx-xl-14, .mr-xl-14 {
    margin-right: 70px !important;
  }

  .my-xl-14, .mb-xl-14 {
    margin-bottom: 70px !important;
  }

  .mx-xl-14, .ml-xl-14 {
    margin-left: 70px !important;
  }

  .my-xl-n14, .mt-xl-n14 {
    margin-top: -70px !important;
  }

  .mx-xl-n14, .mr-xl-n14 {
    margin-right: -70px !important;
  }

  .my-xl-n14, .mb-xl-n14 {
    margin-bottom: -70px !important;
  }

  .mx-xl-n14, .ml-xl-n14 {
    margin-left: -70px !important;
  }

  .py-xl-14, .pt-xl-14 {
    padding-top: 70px !important;
  }

  .px-xl-14, .pr-xl-14 {
    padding-right: 70px !important;
  }

  .py-xl-14, .pb-xl-14 {
    padding-bottom: 70px !important;
  }

  .px-xl-14, .pl-xl-14 {
    padding-left: 70px !important;
  }

  .my-xl-15, .mt-xl-15 {
    margin-top: 75px !important;
  }

  .mx-xl-15, .mr-xl-15 {
    margin-right: 75px !important;
  }

  .my-xl-15, .mb-xl-15 {
    margin-bottom: 75px !important;
  }

  .mx-xl-15, .ml-xl-15 {
    margin-left: 75px !important;
  }

  .my-xl-n15, .mt-xl-n15 {
    margin-top: -75px !important;
  }

  .mx-xl-n15, .mr-xl-n15 {
    margin-right: -75px !important;
  }

  .my-xl-n15, .mb-xl-n15 {
    margin-bottom: -75px !important;
  }

  .mx-xl-n15, .ml-xl-n15 {
    margin-left: -75px !important;
  }

  .py-xl-15, .pt-xl-15 {
    padding-top: 75px !important;
  }

  .px-xl-15, .pr-xl-15 {
    padding-right: 75px !important;
  }

  .py-xl-15, .pb-xl-15 {
    padding-bottom: 75px !important;
  }

  .px-xl-15, .pl-xl-15 {
    padding-left: 75px !important;
  }

  .my-xl-16, .mt-xl-16 {
    margin-top: 80px !important;
  }

  .mx-xl-16, .mr-xl-16 {
    margin-right: 80px !important;
  }

  .my-xl-16, .mb-xl-16 {
    margin-bottom: 80px !important;
  }

  .mx-xl-16, .ml-xl-16 {
    margin-left: 80px !important;
  }

  .my-xl-n16, .mt-xl-n16 {
    margin-top: -80px !important;
  }

  .mx-xl-n16, .mr-xl-n16 {
    margin-right: -80px !important;
  }

  .my-xl-n16, .mb-xl-n16 {
    margin-bottom: -80px !important;
  }

  .mx-xl-n16, .ml-xl-n16 {
    margin-left: -80px !important;
  }

  .py-xl-16, .pt-xl-16 {
    padding-top: 80px !important;
  }

  .px-xl-16, .pr-xl-16 {
    padding-right: 80px !important;
  }

  .py-xl-16, .pb-xl-16 {
    padding-bottom: 80px !important;
  }

  .px-xl-16, .pl-xl-16 {
    padding-left: 80px !important;
  }

  .my-xl-17, .mt-xl-17 {
    margin-top: 85px !important;
  }

  .mx-xl-17, .mr-xl-17 {
    margin-right: 85px !important;
  }

  .my-xl-17, .mb-xl-17 {
    margin-bottom: 85px !important;
  }

  .mx-xl-17, .ml-xl-17 {
    margin-left: 85px !important;
  }

  .my-xl-n17, .mt-xl-n17 {
    margin-top: -85px !important;
  }

  .mx-xl-n17, .mr-xl-n17 {
    margin-right: -85px !important;
  }

  .my-xl-n17, .mb-xl-n17 {
    margin-bottom: -85px !important;
  }

  .mx-xl-n17, .ml-xl-n17 {
    margin-left: -85px !important;
  }

  .py-xl-17, .pt-xl-17 {
    padding-top: 85px !important;
  }

  .px-xl-17, .pr-xl-17 {
    padding-right: 85px !important;
  }

  .py-xl-17, .pb-xl-17 {
    padding-bottom: 85px !important;
  }

  .px-xl-17, .pl-xl-17 {
    padding-left: 85px !important;
  }

  .my-xl-18, .mt-xl-18 {
    margin-top: 90px !important;
  }

  .mx-xl-18, .mr-xl-18 {
    margin-right: 90px !important;
  }

  .my-xl-18, .mb-xl-18 {
    margin-bottom: 90px !important;
  }

  .mx-xl-18, .ml-xl-18 {
    margin-left: 90px !important;
  }

  .my-xl-n18, .mt-xl-n18 {
    margin-top: -90px !important;
  }

  .mx-xl-n18, .mr-xl-n18 {
    margin-right: -90px !important;
  }

  .my-xl-n18, .mb-xl-n18 {
    margin-bottom: -90px !important;
  }

  .mx-xl-n18, .ml-xl-n18 {
    margin-left: -90px !important;
  }

  .py-xl-18, .pt-xl-18 {
    padding-top: 90px !important;
  }

  .px-xl-18, .pr-xl-18 {
    padding-right: 90px !important;
  }

  .py-xl-18, .pb-xl-18 {
    padding-bottom: 90px !important;
  }

  .px-xl-18, .pl-xl-18 {
    padding-left: 90px !important;
  }

  .my-xl-19, .mt-xl-19 {
    margin-top: 95px !important;
  }

  .mx-xl-19, .mr-xl-19 {
    margin-right: 95px !important;
  }

  .my-xl-19, .mb-xl-19 {
    margin-bottom: 95px !important;
  }

  .mx-xl-19, .ml-xl-19 {
    margin-left: 95px !important;
  }

  .my-xl-n19, .mt-xl-n19 {
    margin-top: -95px !important;
  }

  .mx-xl-n19, .mr-xl-n19 {
    margin-right: -95px !important;
  }

  .my-xl-n19, .mb-xl-n19 {
    margin-bottom: -95px !important;
  }

  .mx-xl-n19, .ml-xl-n19 {
    margin-left: -95px !important;
  }

  .py-xl-19, .pt-xl-19 {
    padding-top: 95px !important;
  }

  .px-xl-19, .pr-xl-19 {
    padding-right: 95px !important;
  }

  .py-xl-19, .pb-xl-19 {
    padding-bottom: 95px !important;
  }

  .px-xl-19, .pl-xl-19 {
    padding-left: 95px !important;
  }

  .my-xl-20, .mt-xl-20 {
    margin-top: 100px !important;
  }

  .mx-xl-20, .mr-xl-20 {
    margin-right: 100px !important;
  }

  .my-xl-20, .mb-xl-20 {
    margin-bottom: 100px !important;
  }

  .mx-xl-20, .ml-xl-20 {
    margin-left: 100px !important;
  }

  .my-xl-n20, .mt-xl-n20 {
    margin-top: -100px !important;
  }

  .mx-xl-n20, .mr-xl-n20 {
    margin-right: -100px !important;
  }

  .my-xl-n20, .mb-xl-n20 {
    margin-bottom: -100px !important;
  }

  .mx-xl-n20, .ml-xl-n20 {
    margin-left: -100px !important;
  }

  .py-xl-20, .pt-xl-20 {
    padding-top: 100px !important;
  }

  .px-xl-20, .pr-xl-20 {
    padding-right: 100px !important;
  }

  .py-xl-20, .pb-xl-20 {
    padding-bottom: 100px !important;
  }

  .px-xl-20, .pl-xl-20 {
    padding-left: 100px !important;
  }

  .my-xl-21, .mt-xl-21 {
    margin-top: 105px !important;
  }

  .mx-xl-21, .mr-xl-21 {
    margin-right: 105px !important;
  }

  .my-xl-21, .mb-xl-21 {
    margin-bottom: 105px !important;
  }

  .mx-xl-21, .ml-xl-21 {
    margin-left: 105px !important;
  }

  .my-xl-n21, .mt-xl-n21 {
    margin-top: -105px !important;
  }

  .mx-xl-n21, .mr-xl-n21 {
    margin-right: -105px !important;
  }

  .my-xl-n21, .mb-xl-n21 {
    margin-bottom: -105px !important;
  }

  .mx-xl-n21, .ml-xl-n21 {
    margin-left: -105px !important;
  }

  .py-xl-21, .pt-xl-21 {
    padding-top: 105px !important;
  }

  .px-xl-21, .pr-xl-21 {
    padding-right: 105px !important;
  }

  .py-xl-21, .pb-xl-21 {
    padding-bottom: 105px !important;
  }

  .px-xl-21, .pl-xl-21 {
    padding-left: 105px !important;
  }

  .my-xl-22, .mt-xl-22 {
    margin-top: 110px !important;
  }

  .mx-xl-22, .mr-xl-22 {
    margin-right: 110px !important;
  }

  .my-xl-22, .mb-xl-22 {
    margin-bottom: 110px !important;
  }

  .mx-xl-22, .ml-xl-22 {
    margin-left: 110px !important;
  }

  .my-xl-n22, .mt-xl-n22 {
    margin-top: -110px !important;
  }

  .mx-xl-n22, .mr-xl-n22 {
    margin-right: -110px !important;
  }

  .my-xl-n22, .mb-xl-n22 {
    margin-bottom: -110px !important;
  }

  .mx-xl-n22, .ml-xl-n22 {
    margin-left: -110px !important;
  }

  .py-xl-22, .pt-xl-22 {
    padding-top: 110px !important;
  }

  .px-xl-22, .pr-xl-22 {
    padding-right: 110px !important;
  }

  .py-xl-22, .pb-xl-22 {
    padding-bottom: 110px !important;
  }

  .px-xl-22, .pl-xl-22 {
    padding-left: 110px !important;
  }

  .my-xl-23, .mt-xl-23 {
    margin-top: 115px !important;
  }

  .mx-xl-23, .mr-xl-23 {
    margin-right: 115px !important;
  }

  .my-xl-23, .mb-xl-23 {
    margin-bottom: 115px !important;
  }

  .mx-xl-23, .ml-xl-23 {
    margin-left: 115px !important;
  }

  .my-xl-n23, .mt-xl-n23 {
    margin-top: -115px !important;
  }

  .mx-xl-n23, .mr-xl-n23 {
    margin-right: -115px !important;
  }

  .my-xl-n23, .mb-xl-n23 {
    margin-bottom: -115px !important;
  }

  .mx-xl-n23, .ml-xl-n23 {
    margin-left: -115px !important;
  }

  .py-xl-23, .pt-xl-23 {
    padding-top: 115px !important;
  }

  .px-xl-23, .pr-xl-23 {
    padding-right: 115px !important;
  }

  .py-xl-23, .pb-xl-23 {
    padding-bottom: 115px !important;
  }

  .px-xl-23, .pl-xl-23 {
    padding-left: 115px !important;
  }

  .my-xl-24, .mt-xl-24 {
    margin-top: 120px !important;
  }

  .mx-xl-24, .mr-xl-24 {
    margin-right: 120px !important;
  }

  .my-xl-24, .mb-xl-24 {
    margin-bottom: 120px !important;
  }

  .mx-xl-24, .ml-xl-24 {
    margin-left: 120px !important;
  }

  .my-xl-n24, .mt-xl-n24 {
    margin-top: -120px !important;
  }

  .mx-xl-n24, .mr-xl-n24 {
    margin-right: -120px !important;
  }

  .my-xl-n24, .mb-xl-n24 {
    margin-bottom: -120px !important;
  }

  .mx-xl-n24, .ml-xl-n24 {
    margin-left: -120px !important;
  }

  .py-xl-24, .pt-xl-24 {
    padding-top: 120px !important;
  }

  .px-xl-24, .pr-xl-24 {
    padding-right: 120px !important;
  }

  .py-xl-24, .pb-xl-24 {
    padding-bottom: 120px !important;
  }

  .px-xl-24, .pl-xl-24 {
    padding-left: 120px !important;
  }

  .my-xl-25, .mt-xl-25 {
    margin-top: 125px !important;
  }

  .mx-xl-25, .mr-xl-25 {
    margin-right: 125px !important;
  }

  .my-xl-25, .mb-xl-25 {
    margin-bottom: 125px !important;
  }

  .mx-xl-25, .ml-xl-25 {
    margin-left: 125px !important;
  }

  .my-xl-n25, .mt-xl-n25 {
    margin-top: -125px !important;
  }

  .mx-xl-n25, .mr-xl-n25 {
    margin-right: -125px !important;
  }

  .my-xl-n25, .mb-xl-n25 {
    margin-bottom: -125px !important;
  }

  .mx-xl-n25, .ml-xl-n25 {
    margin-left: -125px !important;
  }

  .py-xl-25, .pt-xl-25 {
    padding-top: 125px !important;
  }

  .px-xl-25, .pr-xl-25 {
    padding-right: 125px !important;
  }

  .py-xl-25, .pb-xl-25 {
    padding-bottom: 125px !important;
  }

  .px-xl-25, .pl-xl-25 {
    padding-left: 125px !important;
  }

  .my-xl-26, .mt-xl-26 {
    margin-top: 130px !important;
  }

  .mx-xl-26, .mr-xl-26 {
    margin-right: 130px !important;
  }

  .my-xl-26, .mb-xl-26 {
    margin-bottom: 130px !important;
  }

  .mx-xl-26, .ml-xl-26 {
    margin-left: 130px !important;
  }

  .my-xl-n26, .mt-xl-n26 {
    margin-top: -130px !important;
  }

  .mx-xl-n26, .mr-xl-n26 {
    margin-right: -130px !important;
  }

  .my-xl-n26, .mb-xl-n26 {
    margin-bottom: -130px !important;
  }

  .mx-xl-n26, .ml-xl-n26 {
    margin-left: -130px !important;
  }

  .py-xl-26, .pt-xl-26 {
    padding-top: 130px !important;
  }

  .px-xl-26, .pr-xl-26 {
    padding-right: 130px !important;
  }

  .py-xl-26, .pb-xl-26 {
    padding-bottom: 130px !important;
  }

  .px-xl-26, .pl-xl-26 {
    padding-left: 130px !important;
  }

  .my-xl-27, .mt-xl-27 {
    margin-top: 135px !important;
  }

  .mx-xl-27, .mr-xl-27 {
    margin-right: 135px !important;
  }

  .my-xl-27, .mb-xl-27 {
    margin-bottom: 135px !important;
  }

  .mx-xl-27, .ml-xl-27 {
    margin-left: 135px !important;
  }

  .my-xl-n27, .mt-xl-n27 {
    margin-top: -135px !important;
  }

  .mx-xl-n27, .mr-xl-n27 {
    margin-right: -135px !important;
  }

  .my-xl-n27, .mb-xl-n27 {
    margin-bottom: -135px !important;
  }

  .mx-xl-n27, .ml-xl-n27 {
    margin-left: -135px !important;
  }

  .py-xl-27, .pt-xl-27 {
    padding-top: 135px !important;
  }

  .px-xl-27, .pr-xl-27 {
    padding-right: 135px !important;
  }

  .py-xl-27, .pb-xl-27 {
    padding-bottom: 135px !important;
  }

  .px-xl-27, .pl-xl-27 {
    padding-left: 135px !important;
  }

  .my-xl-28, .mt-xl-28 {
    margin-top: 140px !important;
  }

  .mx-xl-28, .mr-xl-28 {
    margin-right: 140px !important;
  }

  .my-xl-28, .mb-xl-28 {
    margin-bottom: 140px !important;
  }

  .mx-xl-28, .ml-xl-28 {
    margin-left: 140px !important;
  }

  .my-xl-n28, .mt-xl-n28 {
    margin-top: -140px !important;
  }

  .mx-xl-n28, .mr-xl-n28 {
    margin-right: -140px !important;
  }

  .my-xl-n28, .mb-xl-n28 {
    margin-bottom: -140px !important;
  }

  .mx-xl-n28, .ml-xl-n28 {
    margin-left: -140px !important;
  }

  .py-xl-28, .pt-xl-28 {
    padding-top: 140px !important;
  }

  .px-xl-28, .pr-xl-28 {
    padding-right: 140px !important;
  }

  .py-xl-28, .pb-xl-28 {
    padding-bottom: 140px !important;
  }

  .px-xl-28, .pl-xl-28 {
    padding-left: 140px !important;
  }

  .my-xl-29, .mt-xl-29 {
    margin-top: 145px !important;
  }

  .mx-xl-29, .mr-xl-29 {
    margin-right: 145px !important;
  }

  .my-xl-29, .mb-xl-29 {
    margin-bottom: 145px !important;
  }

  .mx-xl-29, .ml-xl-29 {
    margin-left: 145px !important;
  }

  .my-xl-n29, .mt-xl-n29 {
    margin-top: -145px !important;
  }

  .mx-xl-n29, .mr-xl-n29 {
    margin-right: -145px !important;
  }

  .my-xl-n29, .mb-xl-n29 {
    margin-bottom: -145px !important;
  }

  .mx-xl-n29, .ml-xl-n29 {
    margin-left: -145px !important;
  }

  .py-xl-29, .pt-xl-29 {
    padding-top: 145px !important;
  }

  .px-xl-29, .pr-xl-29 {
    padding-right: 145px !important;
  }

  .py-xl-29, .pb-xl-29 {
    padding-bottom: 145px !important;
  }

  .px-xl-29, .pl-xl-29 {
    padding-left: 145px !important;
  }

  .my-xl-30, .mt-xl-30 {
    margin-top: 150px !important;
  }

  .mx-xl-30, .mr-xl-30 {
    margin-right: 150px !important;
  }

  .my-xl-30, .mb-xl-30 {
    margin-bottom: 150px !important;
  }

  .mx-xl-30, .ml-xl-30 {
    margin-left: 150px !important;
  }

  .my-xl-n30, .mt-xl-n30 {
    margin-top: -150px !important;
  }

  .mx-xl-n30, .mr-xl-n30 {
    margin-right: -150px !important;
  }

  .my-xl-n30, .mb-xl-n30 {
    margin-bottom: -150px !important;
  }

  .mx-xl-n30, .ml-xl-n30 {
    margin-left: -150px !important;
  }

  .py-xl-30, .pt-xl-30 {
    padding-top: 150px !important;
  }

  .px-xl-30, .pr-xl-30 {
    padding-right: 150px !important;
  }

  .py-xl-30, .pb-xl-30 {
    padding-bottom: 150px !important;
  }

  .px-xl-30, .pl-xl-30 {
    padding-left: 150px !important;
  }

  .my-xl-31, .mt-xl-31 {
    margin-top: 155px !important;
  }

  .mx-xl-31, .mr-xl-31 {
    margin-right: 155px !important;
  }

  .my-xl-31, .mb-xl-31 {
    margin-bottom: 155px !important;
  }

  .mx-xl-31, .ml-xl-31 {
    margin-left: 155px !important;
  }

  .my-xl-n31, .mt-xl-n31 {
    margin-top: -155px !important;
  }

  .mx-xl-n31, .mr-xl-n31 {
    margin-right: -155px !important;
  }

  .my-xl-n31, .mb-xl-n31 {
    margin-bottom: -155px !important;
  }

  .mx-xl-n31, .ml-xl-n31 {
    margin-left: -155px !important;
  }

  .py-xl-31, .pt-xl-31 {
    padding-top: 155px !important;
  }

  .px-xl-31, .pr-xl-31 {
    padding-right: 155px !important;
  }

  .py-xl-31, .pb-xl-31 {
    padding-bottom: 155px !important;
  }

  .px-xl-31, .pl-xl-31 {
    padding-left: 155px !important;
  }

  .my-xl-32, .mt-xl-32 {
    margin-top: 160px !important;
  }

  .mx-xl-32, .mr-xl-32 {
    margin-right: 160px !important;
  }

  .my-xl-32, .mb-xl-32 {
    margin-bottom: 160px !important;
  }

  .mx-xl-32, .ml-xl-32 {
    margin-left: 160px !important;
  }

  .my-xl-n32, .mt-xl-n32 {
    margin-top: -160px !important;
  }

  .mx-xl-n32, .mr-xl-n32 {
    margin-right: -160px !important;
  }

  .my-xl-n32, .mb-xl-n32 {
    margin-bottom: -160px !important;
  }

  .mx-xl-n32, .ml-xl-n32 {
    margin-left: -160px !important;
  }

  .py-xl-32, .pt-xl-32 {
    padding-top: 160px !important;
  }

  .px-xl-32, .pr-xl-32 {
    padding-right: 160px !important;
  }

  .py-xl-32, .pb-xl-32 {
    padding-bottom: 160px !important;
  }

  .px-xl-32, .pl-xl-32 {
    padding-left: 160px !important;
  }

  .my-xl-33, .mt-xl-33 {
    margin-top: 165px !important;
  }

  .mx-xl-33, .mr-xl-33 {
    margin-right: 165px !important;
  }

  .my-xl-33, .mb-xl-33 {
    margin-bottom: 165px !important;
  }

  .mx-xl-33, .ml-xl-33 {
    margin-left: 165px !important;
  }

  .my-xl-n33, .mt-xl-n33 {
    margin-top: -165px !important;
  }

  .mx-xl-n33, .mr-xl-n33 {
    margin-right: -165px !important;
  }

  .my-xl-n33, .mb-xl-n33 {
    margin-bottom: -165px !important;
  }

  .mx-xl-n33, .ml-xl-n33 {
    margin-left: -165px !important;
  }

  .py-xl-33, .pt-xl-33 {
    padding-top: 165px !important;
  }

  .px-xl-33, .pr-xl-33 {
    padding-right: 165px !important;
  }

  .py-xl-33, .pb-xl-33 {
    padding-bottom: 165px !important;
  }

  .px-xl-33, .pl-xl-33 {
    padding-left: 165px !important;
  }

  .my-xl-34, .mt-xl-34 {
    margin-top: 170px !important;
  }

  .mx-xl-34, .mr-xl-34 {
    margin-right: 170px !important;
  }

  .my-xl-34, .mb-xl-34 {
    margin-bottom: 170px !important;
  }

  .mx-xl-34, .ml-xl-34 {
    margin-left: 170px !important;
  }

  .my-xl-n34, .mt-xl-n34 {
    margin-top: -170px !important;
  }

  .mx-xl-n34, .mr-xl-n34 {
    margin-right: -170px !important;
  }

  .my-xl-n34, .mb-xl-n34 {
    margin-bottom: -170px !important;
  }

  .mx-xl-n34, .ml-xl-n34 {
    margin-left: -170px !important;
  }

  .py-xl-34, .pt-xl-34 {
    padding-top: 170px !important;
  }

  .px-xl-34, .pr-xl-34 {
    padding-right: 170px !important;
  }

  .py-xl-34, .pb-xl-34 {
    padding-bottom: 170px !important;
  }

  .px-xl-34, .pl-xl-34 {
    padding-left: 170px !important;
  }

  .my-xl-35, .mt-xl-35 {
    margin-top: 175px !important;
  }

  .mx-xl-35, .mr-xl-35 {
    margin-right: 175px !important;
  }

  .my-xl-35, .mb-xl-35 {
    margin-bottom: 175px !important;
  }

  .mx-xl-35, .ml-xl-35 {
    margin-left: 175px !important;
  }

  .my-xl-n35, .mt-xl-n35 {
    margin-top: -175px !important;
  }

  .mx-xl-n35, .mr-xl-n35 {
    margin-right: -175px !important;
  }

  .my-xl-n35, .mb-xl-n35 {
    margin-bottom: -175px !important;
  }

  .mx-xl-n35, .ml-xl-n35 {
    margin-left: -175px !important;
  }

  .py-xl-35, .pt-xl-35 {
    padding-top: 175px !important;
  }

  .px-xl-35, .pr-xl-35 {
    padding-right: 175px !important;
  }

  .py-xl-35, .pb-xl-35 {
    padding-bottom: 175px !important;
  }

  .px-xl-35, .pl-xl-35 {
    padding-left: 175px !important;
  }

  .my-xl-36, .mt-xl-36 {
    margin-top: 180px !important;
  }

  .mx-xl-36, .mr-xl-36 {
    margin-right: 180px !important;
  }

  .my-xl-36, .mb-xl-36 {
    margin-bottom: 180px !important;
  }

  .mx-xl-36, .ml-xl-36 {
    margin-left: 180px !important;
  }

  .my-xl-n36, .mt-xl-n36 {
    margin-top: -180px !important;
  }

  .mx-xl-n36, .mr-xl-n36 {
    margin-right: -180px !important;
  }

  .my-xl-n36, .mb-xl-n36 {
    margin-bottom: -180px !important;
  }

  .mx-xl-n36, .ml-xl-n36 {
    margin-left: -180px !important;
  }

  .py-xl-36, .pt-xl-36 {
    padding-top: 180px !important;
  }

  .px-xl-36, .pr-xl-36 {
    padding-right: 180px !important;
  }

  .py-xl-36, .pb-xl-36 {
    padding-bottom: 180px !important;
  }

  .px-xl-36, .pl-xl-36 {
    padding-left: 180px !important;
  }

  .my-xl-37, .mt-xl-37 {
    margin-top: 185px !important;
  }

  .mx-xl-37, .mr-xl-37 {
    margin-right: 185px !important;
  }

  .my-xl-37, .mb-xl-37 {
    margin-bottom: 185px !important;
  }

  .mx-xl-37, .ml-xl-37 {
    margin-left: 185px !important;
  }

  .my-xl-n37, .mt-xl-n37 {
    margin-top: -185px !important;
  }

  .mx-xl-n37, .mr-xl-n37 {
    margin-right: -185px !important;
  }

  .my-xl-n37, .mb-xl-n37 {
    margin-bottom: -185px !important;
  }

  .mx-xl-n37, .ml-xl-n37 {
    margin-left: -185px !important;
  }

  .py-xl-37, .pt-xl-37 {
    padding-top: 185px !important;
  }

  .px-xl-37, .pr-xl-37 {
    padding-right: 185px !important;
  }

  .py-xl-37, .pb-xl-37 {
    padding-bottom: 185px !important;
  }

  .px-xl-37, .pl-xl-37 {
    padding-left: 185px !important;
  }

  .my-xl-38, .mt-xl-38 {
    margin-top: 190px !important;
  }

  .mx-xl-38, .mr-xl-38 {
    margin-right: 190px !important;
  }

  .my-xl-38, .mb-xl-38 {
    margin-bottom: 190px !important;
  }

  .mx-xl-38, .ml-xl-38 {
    margin-left: 190px !important;
  }

  .my-xl-n38, .mt-xl-n38 {
    margin-top: -190px !important;
  }

  .mx-xl-n38, .mr-xl-n38 {
    margin-right: -190px !important;
  }

  .my-xl-n38, .mb-xl-n38 {
    margin-bottom: -190px !important;
  }

  .mx-xl-n38, .ml-xl-n38 {
    margin-left: -190px !important;
  }

  .py-xl-38, .pt-xl-38 {
    padding-top: 190px !important;
  }

  .px-xl-38, .pr-xl-38 {
    padding-right: 190px !important;
  }

  .py-xl-38, .pb-xl-38 {
    padding-bottom: 190px !important;
  }

  .px-xl-38, .pl-xl-38 {
    padding-left: 190px !important;
  }

  .my-xl-39, .mt-xl-39 {
    margin-top: 195px !important;
  }

  .mx-xl-39, .mr-xl-39 {
    margin-right: 195px !important;
  }

  .my-xl-39, .mb-xl-39 {
    margin-bottom: 195px !important;
  }

  .mx-xl-39, .ml-xl-39 {
    margin-left: 195px !important;
  }

  .my-xl-n39, .mt-xl-n39 {
    margin-top: -195px !important;
  }

  .mx-xl-n39, .mr-xl-n39 {
    margin-right: -195px !important;
  }

  .my-xl-n39, .mb-xl-n39 {
    margin-bottom: -195px !important;
  }

  .mx-xl-n39, .ml-xl-n39 {
    margin-left: -195px !important;
  }

  .py-xl-39, .pt-xl-39 {
    padding-top: 195px !important;
  }

  .px-xl-39, .pr-xl-39 {
    padding-right: 195px !important;
  }

  .py-xl-39, .pb-xl-39 {
    padding-bottom: 195px !important;
  }

  .px-xl-39, .pl-xl-39 {
    padding-left: 195px !important;
  }

  .my-xl-40, .mt-xl-40 {
    margin-top: 200px !important;
  }

  .mx-xl-40, .mr-xl-40 {
    margin-right: 200px !important;
  }

  .my-xl-40, .mb-xl-40 {
    margin-bottom: 200px !important;
  }

  .mx-xl-40, .ml-xl-40 {
    margin-left: 200px !important;
  }

  .my-xl-n40, .mt-xl-n40 {
    margin-top: -200px !important;
  }

  .mx-xl-n40, .mr-xl-n40 {
    margin-right: -200px !important;
  }

  .my-xl-n40, .mb-xl-n40 {
    margin-bottom: -200px !important;
  }

  .mx-xl-n40, .ml-xl-n40 {
    margin-left: -200px !important;
  }

  .py-xl-40, .pt-xl-40 {
    padding-top: 200px !important;
  }

  .px-xl-40, .pr-xl-40 {
    padding-right: 200px !important;
  }

  .py-xl-40, .pb-xl-40 {
    padding-bottom: 200px !important;
  }

  .px-xl-40, .pl-xl-40 {
    padding-left: 200px !important;
  }

  .my-xl-41, .mt-xl-41 {
    margin-top: 205px !important;
  }

  .mx-xl-41, .mr-xl-41 {
    margin-right: 205px !important;
  }

  .my-xl-41, .mb-xl-41 {
    margin-bottom: 205px !important;
  }

  .mx-xl-41, .ml-xl-41 {
    margin-left: 205px !important;
  }

  .my-xl-n41, .mt-xl-n41 {
    margin-top: -205px !important;
  }

  .mx-xl-n41, .mr-xl-n41 {
    margin-right: -205px !important;
  }

  .my-xl-n41, .mb-xl-n41 {
    margin-bottom: -205px !important;
  }

  .mx-xl-n41, .ml-xl-n41 {
    margin-left: -205px !important;
  }

  .py-xl-41, .pt-xl-41 {
    padding-top: 205px !important;
  }

  .px-xl-41, .pr-xl-41 {
    padding-right: 205px !important;
  }

  .py-xl-41, .pb-xl-41 {
    padding-bottom: 205px !important;
  }

  .px-xl-41, .pl-xl-41 {
    padding-left: 205px !important;
  }

  .my-xl-42, .mt-xl-42 {
    margin-top: 210px !important;
  }

  .mx-xl-42, .mr-xl-42 {
    margin-right: 210px !important;
  }

  .my-xl-42, .mb-xl-42 {
    margin-bottom: 210px !important;
  }

  .mx-xl-42, .ml-xl-42 {
    margin-left: 210px !important;
  }

  .my-xl-n42, .mt-xl-n42 {
    margin-top: -210px !important;
  }

  .mx-xl-n42, .mr-xl-n42 {
    margin-right: -210px !important;
  }

  .my-xl-n42, .mb-xl-n42 {
    margin-bottom: -210px !important;
  }

  .mx-xl-n42, .ml-xl-n42 {
    margin-left: -210px !important;
  }

  .py-xl-42, .pt-xl-42 {
    padding-top: 210px !important;
  }

  .px-xl-42, .pr-xl-42 {
    padding-right: 210px !important;
  }

  .py-xl-42, .pb-xl-42 {
    padding-bottom: 210px !important;
  }

  .px-xl-42, .pl-xl-42 {
    padding-left: 210px !important;
  }

  .my-xl-43, .mt-xl-43 {
    margin-top: 215px !important;
  }

  .mx-xl-43, .mr-xl-43 {
    margin-right: 215px !important;
  }

  .my-xl-43, .mb-xl-43 {
    margin-bottom: 215px !important;
  }

  .mx-xl-43, .ml-xl-43 {
    margin-left: 215px !important;
  }

  .my-xl-n43, .mt-xl-n43 {
    margin-top: -215px !important;
  }

  .mx-xl-n43, .mr-xl-n43 {
    margin-right: -215px !important;
  }

  .my-xl-n43, .mb-xl-n43 {
    margin-bottom: -215px !important;
  }

  .mx-xl-n43, .ml-xl-n43 {
    margin-left: -215px !important;
  }

  .py-xl-43, .pt-xl-43 {
    padding-top: 215px !important;
  }

  .px-xl-43, .pr-xl-43 {
    padding-right: 215px !important;
  }

  .py-xl-43, .pb-xl-43 {
    padding-bottom: 215px !important;
  }

  .px-xl-43, .pl-xl-43 {
    padding-left: 215px !important;
  }

  .my-xl-44, .mt-xl-44 {
    margin-top: 220px !important;
  }

  .mx-xl-44, .mr-xl-44 {
    margin-right: 220px !important;
  }

  .my-xl-44, .mb-xl-44 {
    margin-bottom: 220px !important;
  }

  .mx-xl-44, .ml-xl-44 {
    margin-left: 220px !important;
  }

  .my-xl-n44, .mt-xl-n44 {
    margin-top: -220px !important;
  }

  .mx-xl-n44, .mr-xl-n44 {
    margin-right: -220px !important;
  }

  .my-xl-n44, .mb-xl-n44 {
    margin-bottom: -220px !important;
  }

  .mx-xl-n44, .ml-xl-n44 {
    margin-left: -220px !important;
  }

  .py-xl-44, .pt-xl-44 {
    padding-top: 220px !important;
  }

  .px-xl-44, .pr-xl-44 {
    padding-right: 220px !important;
  }

  .py-xl-44, .pb-xl-44 {
    padding-bottom: 220px !important;
  }

  .px-xl-44, .pl-xl-44 {
    padding-left: 220px !important;
  }

  .my-xl-45, .mt-xl-45 {
    margin-top: 225px !important;
  }

  .mx-xl-45, .mr-xl-45 {
    margin-right: 225px !important;
  }

  .my-xl-45, .mb-xl-45 {
    margin-bottom: 225px !important;
  }

  .mx-xl-45, .ml-xl-45 {
    margin-left: 225px !important;
  }

  .my-xl-n45, .mt-xl-n45 {
    margin-top: -225px !important;
  }

  .mx-xl-n45, .mr-xl-n45 {
    margin-right: -225px !important;
  }

  .my-xl-n45, .mb-xl-n45 {
    margin-bottom: -225px !important;
  }

  .mx-xl-n45, .ml-xl-n45 {
    margin-left: -225px !important;
  }

  .py-xl-45, .pt-xl-45 {
    padding-top: 225px !important;
  }

  .px-xl-45, .pr-xl-45 {
    padding-right: 225px !important;
  }

  .py-xl-45, .pb-xl-45 {
    padding-bottom: 225px !important;
  }

  .px-xl-45, .pl-xl-45 {
    padding-left: 225px !important;
  }

  .my-xl-46, .mt-xl-46 {
    margin-top: 230px !important;
  }

  .mx-xl-46, .mr-xl-46 {
    margin-right: 230px !important;
  }

  .my-xl-46, .mb-xl-46 {
    margin-bottom: 230px !important;
  }

  .mx-xl-46, .ml-xl-46 {
    margin-left: 230px !important;
  }

  .my-xl-n46, .mt-xl-n46 {
    margin-top: -230px !important;
  }

  .mx-xl-n46, .mr-xl-n46 {
    margin-right: -230px !important;
  }

  .my-xl-n46, .mb-xl-n46 {
    margin-bottom: -230px !important;
  }

  .mx-xl-n46, .ml-xl-n46 {
    margin-left: -230px !important;
  }

  .py-xl-46, .pt-xl-46 {
    padding-top: 230px !important;
  }

  .px-xl-46, .pr-xl-46 {
    padding-right: 230px !important;
  }

  .py-xl-46, .pb-xl-46 {
    padding-bottom: 230px !important;
  }

  .px-xl-46, .pl-xl-46 {
    padding-left: 230px !important;
  }

  .my-xl-47, .mt-xl-47 {
    margin-top: 235px !important;
  }

  .mx-xl-47, .mr-xl-47 {
    margin-right: 235px !important;
  }

  .my-xl-47, .mb-xl-47 {
    margin-bottom: 235px !important;
  }

  .mx-xl-47, .ml-xl-47 {
    margin-left: 235px !important;
  }

  .my-xl-n47, .mt-xl-n47 {
    margin-top: -235px !important;
  }

  .mx-xl-n47, .mr-xl-n47 {
    margin-right: -235px !important;
  }

  .my-xl-n47, .mb-xl-n47 {
    margin-bottom: -235px !important;
  }

  .mx-xl-n47, .ml-xl-n47 {
    margin-left: -235px !important;
  }

  .py-xl-47, .pt-xl-47 {
    padding-top: 235px !important;
  }

  .px-xl-47, .pr-xl-47 {
    padding-right: 235px !important;
  }

  .py-xl-47, .pb-xl-47 {
    padding-bottom: 235px !important;
  }

  .px-xl-47, .pl-xl-47 {
    padding-left: 235px !important;
  }

  .my-xl-48, .mt-xl-48 {
    margin-top: 240px !important;
  }

  .mx-xl-48, .mr-xl-48 {
    margin-right: 240px !important;
  }

  .my-xl-48, .mb-xl-48 {
    margin-bottom: 240px !important;
  }

  .mx-xl-48, .ml-xl-48 {
    margin-left: 240px !important;
  }

  .my-xl-n48, .mt-xl-n48 {
    margin-top: -240px !important;
  }

  .mx-xl-n48, .mr-xl-n48 {
    margin-right: -240px !important;
  }

  .my-xl-n48, .mb-xl-n48 {
    margin-bottom: -240px !important;
  }

  .mx-xl-n48, .ml-xl-n48 {
    margin-left: -240px !important;
  }

  .py-xl-48, .pt-xl-48 {
    padding-top: 240px !important;
  }

  .px-xl-48, .pr-xl-48 {
    padding-right: 240px !important;
  }

  .py-xl-48, .pb-xl-48 {
    padding-bottom: 240px !important;
  }

  .px-xl-48, .pl-xl-48 {
    padding-left: 240px !important;
  }

  .my-xl-49, .mt-xl-49 {
    margin-top: 245px !important;
  }

  .mx-xl-49, .mr-xl-49 {
    margin-right: 245px !important;
  }

  .my-xl-49, .mb-xl-49 {
    margin-bottom: 245px !important;
  }

  .mx-xl-49, .ml-xl-49 {
    margin-left: 245px !important;
  }

  .my-xl-n49, .mt-xl-n49 {
    margin-top: -245px !important;
  }

  .mx-xl-n49, .mr-xl-n49 {
    margin-right: -245px !important;
  }

  .my-xl-n49, .mb-xl-n49 {
    margin-bottom: -245px !important;
  }

  .mx-xl-n49, .ml-xl-n49 {
    margin-left: -245px !important;
  }

  .py-xl-49, .pt-xl-49 {
    padding-top: 245px !important;
  }

  .px-xl-49, .pr-xl-49 {
    padding-right: 245px !important;
  }

  .py-xl-49, .pb-xl-49 {
    padding-bottom: 245px !important;
  }

  .px-xl-49, .pl-xl-49 {
    padding-left: 245px !important;
  }

  .my-xl-50, .mt-xl-50 {
    margin-top: 250px !important;
  }

  .mx-xl-50, .mr-xl-50 {
    margin-right: 250px !important;
  }

  .my-xl-50, .mb-xl-50 {
    margin-bottom: 250px !important;
  }

  .mx-xl-50, .ml-xl-50 {
    margin-left: 250px !important;
  }

  .my-xl-n50, .mt-xl-n50 {
    margin-top: -250px !important;
  }

  .mx-xl-n50, .mr-xl-n50 {
    margin-right: -250px !important;
  }

  .my-xl-n50, .mb-xl-n50 {
    margin-bottom: -250px !important;
  }

  .mx-xl-n50, .ml-xl-n50 {
    margin-left: -250px !important;
  }

  .py-xl-50, .pt-xl-50 {
    padding-top: 250px !important;
  }

  .px-xl-50, .pr-xl-50 {
    padding-right: 250px !important;
  }

  .py-xl-50, .pb-xl-50 {
    padding-bottom: 250px !important;
  }

  .px-xl-50, .pl-xl-50 {
    padding-left: 250px !important;
  }

  .my-xl-spaceless, .mt-xl-spaceless {
    margin-top: 0px !important;
  }

  .mx-xl-spaceless, .mr-xl-spaceless {
    margin-right: 0px !important;
  }

  .my-xl-spaceless, .mb-xl-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-xl-spaceless, .ml-xl-spaceless {
    margin-left: 0px !important;
  }

  .my-xl-n-spaceless, .mt-xl-n-spaceless {
    margin-top: 0px !important;
  }

  .mx-xl-n-spaceless, .mr-xl-n-spaceless {
    margin-right: 0px !important;
  }

  .my-xl-n-spaceless, .mb-xl-n-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-xl-n-spaceless, .ml-xl-n-spaceless {
    margin-left: 0px !important;
  }

  .py-xl-spaceless, .pt-xl-spaceless {
    padding-top: 0px !important;
  }

  .px-xl-spaceless, .pr-xl-spaceless {
    padding-right: 0px !important;
  }

  .py-xl-spaceless, .pb-xl-spaceless {
    padding-bottom: 0px !important;
  }

  .px-xl-spaceless, .pl-xl-spaceless {
    padding-left: 0px !important;
  }

  .my-xl-condensed, .mt-xl-condensed {
    margin-top: 5px !important;
  }

  .mx-xl-condensed, .mr-xl-condensed {
    margin-right: 5px !important;
  }

  .my-xl-condensed, .mb-xl-condensed {
    margin-bottom: 5px !important;
  }

  .mx-xl-condensed, .ml-xl-condensed {
    margin-left: 5px !important;
  }

  .my-xl-n-condensed, .mt-xl-n-condensed {
    margin-top: -5px !important;
  }

  .mx-xl-n-condensed, .mr-xl-n-condensed {
    margin-right: -5px !important;
  }

  .my-xl-n-condensed, .mb-xl-n-condensed {
    margin-bottom: -5px !important;
  }

  .mx-xl-n-condensed, .ml-xl-n-condensed {
    margin-left: -5px !important;
  }

  .py-xl-condensed, .pt-xl-condensed {
    padding-top: 5px !important;
  }

  .px-xl-condensed, .pr-xl-condensed {
    padding-right: 5px !important;
  }

  .py-xl-condensed, .pb-xl-condensed {
    padding-bottom: 5px !important;
  }

  .px-xl-condensed, .pl-xl-condensed {
    padding-left: 5px !important;
  }

  .my-xl-spaced, .mt-xl-spaced {
    margin-top: 10px !important;
  }

  .mx-xl-spaced, .mr-xl-spaced {
    margin-right: 10px !important;
  }

  .my-xl-spaced, .mb-xl-spaced {
    margin-bottom: 10px !important;
  }

  .mx-xl-spaced, .ml-xl-spaced {
    margin-left: 10px !important;
  }

  .my-xl-n-spaced, .mt-xl-n-spaced {
    margin-top: -10px !important;
  }

  .mx-xl-n-spaced, .mr-xl-n-spaced {
    margin-right: -10px !important;
  }

  .my-xl-n-spaced, .mb-xl-n-spaced {
    margin-bottom: -10px !important;
  }

  .mx-xl-n-spaced, .ml-xl-n-spaced {
    margin-left: -10px !important;
  }

  .py-xl-spaced, .pt-xl-spaced {
    padding-top: 10px !important;
  }

  .px-xl-spaced, .pr-xl-spaced {
    padding-right: 10px !important;
  }

  .py-xl-spaced, .pb-xl-spaced {
    padding-bottom: 10px !important;
  }

  .px-xl-spaced, .pl-xl-spaced {
    padding-left: 10px !important;
  }

  .my-xl-normal, .mt-xl-normal {
    margin-top: 15px !important;
  }

  .mx-xl-normal, .mr-xl-normal {
    margin-right: 15px !important;
  }

  .my-xl-normal, .mb-xl-normal {
    margin-bottom: 15px !important;
  }

  .mx-xl-normal, .ml-xl-normal {
    margin-left: 15px !important;
  }

  .my-xl-n-normal, .mt-xl-n-normal {
    margin-top: -15px !important;
  }

  .mx-xl-n-normal, .mr-xl-n-normal {
    margin-right: -15px !important;
  }

  .my-xl-n-normal, .mb-xl-n-normal {
    margin-bottom: -15px !important;
  }

  .mx-xl-n-normal, .ml-xl-n-normal {
    margin-left: -15px !important;
  }

  .py-xl-normal, .pt-xl-normal {
    padding-top: 15px !important;
  }

  .px-xl-normal, .pr-xl-normal {
    padding-right: 15px !important;
  }

  .py-xl-normal, .pb-xl-normal {
    padding-bottom: 15px !important;
  }

  .px-xl-normal, .pl-xl-normal {
    padding-left: 15px !important;
  }

  .my-xl, .mt-xl {
    margin-top: 15px !important;
  }

  .mx-xl, .mr-xl {
    margin-right: 15px !important;
  }

  .my-xl, .mb-xl {
    margin-bottom: 15px !important;
  }

  .mx-xl, .ml-xl {
    margin-left: 15px !important;
  }

  .my-xl-n, .mt-xl-n {
    margin-top: -15px !important;
  }

  .mx-xl-n, .mr-xl-n {
    margin-right: -15px !important;
  }

  .my-xl-n, .mb-xl-n {
    margin-bottom: -15px !important;
  }

  .mx-xl-n, .ml-xl-n {
    margin-left: -15px !important;
  }

  .py-xl, .pt-xl {
    padding-top: 15px !important;
  }

  .px-xl, .pr-xl {
    padding-right: 15px !important;
  }

  .py-xl, .pb-xl {
    padding-bottom: 15px !important;
  }

  .px-xl, .pl-xl {
    padding-left: 15px !important;
  }

  .my-xl-semi-wide, .mt-xl-semi-wide {
    margin-top: 20px !important;
  }

  .mx-xl-semi-wide, .mr-xl-semi-wide {
    margin-right: 20px !important;
  }

  .my-xl-semi-wide, .mb-xl-semi-wide {
    margin-bottom: 20px !important;
  }

  .mx-xl-semi-wide, .ml-xl-semi-wide {
    margin-left: 20px !important;
  }

  .my-xl-n-semi-wide, .mt-xl-n-semi-wide {
    margin-top: -20px !important;
  }

  .mx-xl-n-semi-wide, .mr-xl-n-semi-wide {
    margin-right: -20px !important;
  }

  .my-xl-n-semi-wide, .mb-xl-n-semi-wide {
    margin-bottom: -20px !important;
  }

  .mx-xl-n-semi-wide, .ml-xl-n-semi-wide {
    margin-left: -20px !important;
  }

  .py-xl-semi-wide, .pt-xl-semi-wide {
    padding-top: 20px !important;
  }

  .px-xl-semi-wide, .pr-xl-semi-wide {
    padding-right: 20px !important;
  }

  .py-xl-semi-wide, .pb-xl-semi-wide {
    padding-bottom: 20px !important;
  }

  .px-xl-semi-wide, .pl-xl-semi-wide {
    padding-left: 20px !important;
  }

  .my-xl-wide, .mt-xl-wide {
    margin-top: 30px !important;
  }

  .mx-xl-wide, .mr-xl-wide {
    margin-right: 30px !important;
  }

  .my-xl-wide, .mb-xl-wide {
    margin-bottom: 30px !important;
  }

  .mx-xl-wide, .ml-xl-wide {
    margin-left: 30px !important;
  }

  .my-xl-n-wide, .mt-xl-n-wide {
    margin-top: -30px !important;
  }

  .mx-xl-n-wide, .mr-xl-n-wide {
    margin-right: -30px !important;
  }

  .my-xl-n-wide, .mb-xl-n-wide {
    margin-bottom: -30px !important;
  }

  .mx-xl-n-wide, .ml-xl-n-wide {
    margin-left: -30px !important;
  }

  .py-xl-wide, .pt-xl-wide {
    padding-top: 30px !important;
  }

  .px-xl-wide, .pr-xl-wide {
    padding-right: 30px !important;
  }

  .py-xl-wide, .pb-xl-wide {
    padding-bottom: 30px !important;
  }

  .px-xl-wide, .pl-xl-wide {
    padding-left: 30px !important;
  }

  .my-xl-large, .mt-xl-large {
    margin-top: 60px !important;
  }

  .mx-xl-large, .mr-xl-large {
    margin-right: 60px !important;
  }

  .my-xl-large, .mb-xl-large {
    margin-bottom: 60px !important;
  }

  .mx-xl-large, .ml-xl-large {
    margin-left: 60px !important;
  }

  .my-xl-n-large, .mt-xl-n-large {
    margin-top: -60px !important;
  }

  .mx-xl-n-large, .mr-xl-n-large {
    margin-right: -60px !important;
  }

  .my-xl-n-large, .mb-xl-n-large {
    margin-bottom: -60px !important;
  }

  .mx-xl-n-large, .ml-xl-n-large {
    margin-left: -60px !important;
  }

  .py-xl-large, .pt-xl-large {
    padding-top: 60px !important;
  }

  .px-xl-large, .pr-xl-large {
    padding-right: 60px !important;
  }

  .py-xl-large, .pb-xl-large {
    padding-bottom: 60px !important;
  }

  .px-xl-large, .pl-xl-large {
    padding-left: 60px !important;
  }

  .my-xl-huge, .mt-xl-huge {
    margin-top: 90px !important;
  }

  .mx-xl-huge, .mr-xl-huge {
    margin-right: 90px !important;
  }

  .my-xl-huge, .mb-xl-huge {
    margin-bottom: 90px !important;
  }

  .mx-xl-huge, .ml-xl-huge {
    margin-left: 90px !important;
  }

  .my-xl-n-huge, .mt-xl-n-huge {
    margin-top: -90px !important;
  }

  .mx-xl-n-huge, .mr-xl-n-huge {
    margin-right: -90px !important;
  }

  .my-xl-n-huge, .mb-xl-n-huge {
    margin-bottom: -90px !important;
  }

  .mx-xl-n-huge, .ml-xl-n-huge {
    margin-left: -90px !important;
  }

  .py-xl-huge, .pt-xl-huge {
    padding-top: 90px !important;
  }

  .px-xl-huge, .pr-xl-huge {
    padding-right: 90px !important;
  }

  .py-xl-huge, .pb-xl-huge {
    padding-bottom: 90px !important;
  }

  .px-xl-huge, .pl-xl-huge {
    padding-left: 90px !important;
  }

  .my-xl-ncondensed, .mt-xl-ncondensed {
    margin-top: -5px !important;
  }

  .mx-xl-ncondensed, .mr-xl-ncondensed {
    margin-right: -5px !important;
  }

  .my-xl-ncondensed, .mb-xl-ncondensed {
    margin-bottom: -5px !important;
  }

  .mx-xl-ncondensed, .ml-xl-ncondensed {
    margin-left: -5px !important;
  }

  .my-xl-n-ncondensed, .mt-xl-n-ncondensed {
    margin-top: --5px !important;
  }

  .mx-xl-n-ncondensed, .mr-xl-n-ncondensed {
    margin-right: --5px !important;
  }

  .my-xl-n-ncondensed, .mb-xl-n-ncondensed {
    margin-bottom: --5px !important;
  }

  .mx-xl-n-ncondensed, .ml-xl-n-ncondensed {
    margin-left: --5px !important;
  }

  .py-xl-ncondensed, .pt-xl-ncondensed {
    padding-top: -5px !important;
  }

  .px-xl-ncondensed, .pr-xl-ncondensed {
    padding-right: -5px !important;
  }

  .py-xl-ncondensed, .pb-xl-ncondensed {
    padding-bottom: -5px !important;
  }

  .px-xl-ncondensed, .pl-xl-ncondensed {
    padding-left: -5px !important;
  }

  .my-xl-nspaced, .mt-xl-nspaced {
    margin-top: -10px !important;
  }

  .mx-xl-nspaced, .mr-xl-nspaced {
    margin-right: -10px !important;
  }

  .my-xl-nspaced, .mb-xl-nspaced {
    margin-bottom: -10px !important;
  }

  .mx-xl-nspaced, .ml-xl-nspaced {
    margin-left: -10px !important;
  }

  .my-xl-n-nspaced, .mt-xl-n-nspaced {
    margin-top: --10px !important;
  }

  .mx-xl-n-nspaced, .mr-xl-n-nspaced {
    margin-right: --10px !important;
  }

  .my-xl-n-nspaced, .mb-xl-n-nspaced {
    margin-bottom: --10px !important;
  }

  .mx-xl-n-nspaced, .ml-xl-n-nspaced {
    margin-left: --10px !important;
  }

  .py-xl-nspaced, .pt-xl-nspaced {
    padding-top: -10px !important;
  }

  .px-xl-nspaced, .pr-xl-nspaced {
    padding-right: -10px !important;
  }

  .py-xl-nspaced, .pb-xl-nspaced {
    padding-bottom: -10px !important;
  }

  .px-xl-nspaced, .pl-xl-nspaced {
    padding-left: -10px !important;
  }

  .my-xl-nnormal, .mt-xl-nnormal {
    margin-top: -15px !important;
  }

  .mx-xl-nnormal, .mr-xl-nnormal {
    margin-right: -15px !important;
  }

  .my-xl-nnormal, .mb-xl-nnormal {
    margin-bottom: -15px !important;
  }

  .mx-xl-nnormal, .ml-xl-nnormal {
    margin-left: -15px !important;
  }

  .my-xl-n-nnormal, .mt-xl-n-nnormal {
    margin-top: --15px !important;
  }

  .mx-xl-n-nnormal, .mr-xl-n-nnormal {
    margin-right: --15px !important;
  }

  .my-xl-n-nnormal, .mb-xl-n-nnormal {
    margin-bottom: --15px !important;
  }

  .mx-xl-n-nnormal, .ml-xl-n-nnormal {
    margin-left: --15px !important;
  }

  .py-xl-nnormal, .pt-xl-nnormal {
    padding-top: -15px !important;
  }

  .px-xl-nnormal, .pr-xl-nnormal {
    padding-right: -15px !important;
  }

  .py-xl-nnormal, .pb-xl-nnormal {
    padding-bottom: -15px !important;
  }

  .px-xl-nnormal, .pl-xl-nnormal {
    padding-left: -15px !important;
  }

  .my-xl-nsemi-wide, .mt-xl-nsemi-wide {
    margin-top: -20px !important;
  }

  .mx-xl-nsemi-wide, .mr-xl-nsemi-wide {
    margin-right: -20px !important;
  }

  .my-xl-nsemi-wide, .mb-xl-nsemi-wide {
    margin-bottom: -20px !important;
  }

  .mx-xl-nsemi-wide, .ml-xl-nsemi-wide {
    margin-left: -20px !important;
  }

  .my-xl-n-nsemi-wide, .mt-xl-n-nsemi-wide {
    margin-top: --20px !important;
  }

  .mx-xl-n-nsemi-wide, .mr-xl-n-nsemi-wide {
    margin-right: --20px !important;
  }

  .my-xl-n-nsemi-wide, .mb-xl-n-nsemi-wide {
    margin-bottom: --20px !important;
  }

  .mx-xl-n-nsemi-wide, .ml-xl-n-nsemi-wide {
    margin-left: --20px !important;
  }

  .py-xl-nsemi-wide, .pt-xl-nsemi-wide {
    padding-top: -20px !important;
  }

  .px-xl-nsemi-wide, .pr-xl-nsemi-wide {
    padding-right: -20px !important;
  }

  .py-xl-nsemi-wide, .pb-xl-nsemi-wide {
    padding-bottom: -20px !important;
  }

  .px-xl-nsemi-wide, .pl-xl-nsemi-wide {
    padding-left: -20px !important;
  }

  .my-xl-nwide, .mt-xl-nwide {
    margin-top: -30px !important;
  }

  .mx-xl-nwide, .mr-xl-nwide {
    margin-right: -30px !important;
  }

  .my-xl-nwide, .mb-xl-nwide {
    margin-bottom: -30px !important;
  }

  .mx-xl-nwide, .ml-xl-nwide {
    margin-left: -30px !important;
  }

  .my-xl-n-nwide, .mt-xl-n-nwide {
    margin-top: --30px !important;
  }

  .mx-xl-n-nwide, .mr-xl-n-nwide {
    margin-right: --30px !important;
  }

  .my-xl-n-nwide, .mb-xl-n-nwide {
    margin-bottom: --30px !important;
  }

  .mx-xl-n-nwide, .ml-xl-n-nwide {
    margin-left: --30px !important;
  }

  .py-xl-nwide, .pt-xl-nwide {
    padding-top: -30px !important;
  }

  .px-xl-nwide, .pr-xl-nwide {
    padding-right: -30px !important;
  }

  .py-xl-nwide, .pb-xl-nwide {
    padding-bottom: -30px !important;
  }

  .px-xl-nwide, .pl-xl-nwide {
    padding-left: -30px !important;
  }

  .my-xl-nlarge, .mt-xl-nlarge {
    margin-top: -60px !important;
  }

  .mx-xl-nlarge, .mr-xl-nlarge {
    margin-right: -60px !important;
  }

  .my-xl-nlarge, .mb-xl-nlarge {
    margin-bottom: -60px !important;
  }

  .mx-xl-nlarge, .ml-xl-nlarge {
    margin-left: -60px !important;
  }

  .my-xl-n-nlarge, .mt-xl-n-nlarge {
    margin-top: --60px !important;
  }

  .mx-xl-n-nlarge, .mr-xl-n-nlarge {
    margin-right: --60px !important;
  }

  .my-xl-n-nlarge, .mb-xl-n-nlarge {
    margin-bottom: --60px !important;
  }

  .mx-xl-n-nlarge, .ml-xl-n-nlarge {
    margin-left: --60px !important;
  }

  .py-xl-nlarge, .pt-xl-nlarge {
    padding-top: -60px !important;
  }

  .px-xl-nlarge, .pr-xl-nlarge {
    padding-right: -60px !important;
  }

  .py-xl-nlarge, .pb-xl-nlarge {
    padding-bottom: -60px !important;
  }

  .px-xl-nlarge, .pl-xl-nlarge {
    padding-left: -60px !important;
  }

  .my-xl-nhuge, .mt-xl-nhuge {
    margin-top: -90px !important;
  }

  .mx-xl-nhuge, .mr-xl-nhuge {
    margin-right: -90px !important;
  }

  .my-xl-nhuge, .mb-xl-nhuge {
    margin-bottom: -90px !important;
  }

  .mx-xl-nhuge, .ml-xl-nhuge {
    margin-left: -90px !important;
  }

  .my-xl-n-nhuge, .mt-xl-n-nhuge {
    margin-top: --90px !important;
  }

  .mx-xl-n-nhuge, .mr-xl-n-nhuge {
    margin-right: --90px !important;
  }

  .my-xl-n-nhuge, .mb-xl-n-nhuge {
    margin-bottom: --90px !important;
  }

  .mx-xl-n-nhuge, .ml-xl-n-nhuge {
    margin-left: --90px !important;
  }

  .py-xl-nhuge, .pt-xl-nhuge {
    padding-top: -90px !important;
  }

  .px-xl-nhuge, .pr-xl-nhuge {
    padding-right: -90px !important;
  }

  .py-xl-nhuge, .pb-xl-nhuge {
    padding-bottom: -90px !important;
  }

  .px-xl-nhuge, .pl-xl-nhuge {
    padding-left: -90px !important;
  }

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

  .my-xl-auto, .mt-xl-auto {
    margin-top: auto !important;
  }

  .mx-xl-auto, .mr-xl-auto {
    margin-right: auto !important;
  }

  .my-xl-auto, .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .mx-xl-auto, .ml-xl-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

  .d-xl-initial {
    display: initial !important;
  }
}
@media (min-width: 1600px) {
  .my-xxl-0, .mt-xxl-0 {
    margin-top: 0px !important;
  }

  .mx-xxl-0, .mr-xxl-0 {
    margin-right: 0px !important;
  }

  .my-xxl-0, .mb-xxl-0 {
    margin-bottom: 0px !important;
  }

  .mx-xxl-0, .ml-xxl-0 {
    margin-left: 0px !important;
  }

  .my-xxl-n0, .mt-xxl-n0 {
    margin-top: 0px !important;
  }

  .mx-xxl-n0, .mr-xxl-n0 {
    margin-right: 0px !important;
  }

  .my-xxl-n0, .mb-xxl-n0 {
    margin-bottom: 0px !important;
  }

  .mx-xxl-n0, .ml-xxl-n0 {
    margin-left: 0px !important;
  }

  .py-xxl-0, .pt-xxl-0 {
    padding-top: 0px !important;
  }

  .px-xxl-0, .pr-xxl-0 {
    padding-right: 0px !important;
  }

  .py-xxl-0, .pb-xxl-0 {
    padding-bottom: 0px !important;
  }

  .px-xxl-0, .pl-xxl-0 {
    padding-left: 0px !important;
  }

  .my-xxl-1, .mt-xxl-1 {
    margin-top: 5px !important;
  }

  .mx-xxl-1, .mr-xxl-1 {
    margin-right: 5px !important;
  }

  .my-xxl-1, .mb-xxl-1 {
    margin-bottom: 5px !important;
  }

  .mx-xxl-1, .ml-xxl-1 {
    margin-left: 5px !important;
  }

  .my-xxl-n1, .mt-xxl-n1 {
    margin-top: -5px !important;
  }

  .mx-xxl-n1, .mr-xxl-n1 {
    margin-right: -5px !important;
  }

  .my-xxl-n1, .mb-xxl-n1 {
    margin-bottom: -5px !important;
  }

  .mx-xxl-n1, .ml-xxl-n1 {
    margin-left: -5px !important;
  }

  .py-xxl-1, .pt-xxl-1 {
    padding-top: 5px !important;
  }

  .px-xxl-1, .pr-xxl-1 {
    padding-right: 5px !important;
  }

  .py-xxl-1, .pb-xxl-1 {
    padding-bottom: 5px !important;
  }

  .px-xxl-1, .pl-xxl-1 {
    padding-left: 5px !important;
  }

  .my-xxl-2, .mt-xxl-2 {
    margin-top: 10px !important;
  }

  .mx-xxl-2, .mr-xxl-2 {
    margin-right: 10px !important;
  }

  .my-xxl-2, .mb-xxl-2 {
    margin-bottom: 10px !important;
  }

  .mx-xxl-2, .ml-xxl-2 {
    margin-left: 10px !important;
  }

  .my-xxl-n2, .mt-xxl-n2 {
    margin-top: -10px !important;
  }

  .mx-xxl-n2, .mr-xxl-n2 {
    margin-right: -10px !important;
  }

  .my-xxl-n2, .mb-xxl-n2 {
    margin-bottom: -10px !important;
  }

  .mx-xxl-n2, .ml-xxl-n2 {
    margin-left: -10px !important;
  }

  .py-xxl-2, .pt-xxl-2 {
    padding-top: 10px !important;
  }

  .px-xxl-2, .pr-xxl-2 {
    padding-right: 10px !important;
  }

  .py-xxl-2, .pb-xxl-2 {
    padding-bottom: 10px !important;
  }

  .px-xxl-2, .pl-xxl-2 {
    padding-left: 10px !important;
  }

  .my-xxl-3, .mt-xxl-3 {
    margin-top: 15px !important;
  }

  .mx-xxl-3, .mr-xxl-3 {
    margin-right: 15px !important;
  }

  .my-xxl-3, .mb-xxl-3 {
    margin-bottom: 15px !important;
  }

  .mx-xxl-3, .ml-xxl-3 {
    margin-left: 15px !important;
  }

  .my-xxl-n3, .mt-xxl-n3 {
    margin-top: -15px !important;
  }

  .mx-xxl-n3, .mr-xxl-n3 {
    margin-right: -15px !important;
  }

  .my-xxl-n3, .mb-xxl-n3 {
    margin-bottom: -15px !important;
  }

  .mx-xxl-n3, .ml-xxl-n3 {
    margin-left: -15px !important;
  }

  .py-xxl-3, .pt-xxl-3 {
    padding-top: 15px !important;
  }

  .px-xxl-3, .pr-xxl-3 {
    padding-right: 15px !important;
  }

  .py-xxl-3, .pb-xxl-3 {
    padding-bottom: 15px !important;
  }

  .px-xxl-3, .pl-xxl-3 {
    padding-left: 15px !important;
  }

  .my-xxl-4, .mt-xxl-4 {
    margin-top: 20px !important;
  }

  .mx-xxl-4, .mr-xxl-4 {
    margin-right: 20px !important;
  }

  .my-xxl-4, .mb-xxl-4 {
    margin-bottom: 20px !important;
  }

  .mx-xxl-4, .ml-xxl-4 {
    margin-left: 20px !important;
  }

  .my-xxl-n4, .mt-xxl-n4 {
    margin-top: -20px !important;
  }

  .mx-xxl-n4, .mr-xxl-n4 {
    margin-right: -20px !important;
  }

  .my-xxl-n4, .mb-xxl-n4 {
    margin-bottom: -20px !important;
  }

  .mx-xxl-n4, .ml-xxl-n4 {
    margin-left: -20px !important;
  }

  .py-xxl-4, .pt-xxl-4 {
    padding-top: 20px !important;
  }

  .px-xxl-4, .pr-xxl-4 {
    padding-right: 20px !important;
  }

  .py-xxl-4, .pb-xxl-4 {
    padding-bottom: 20px !important;
  }

  .px-xxl-4, .pl-xxl-4 {
    padding-left: 20px !important;
  }

  .my-xxl-5, .mt-xxl-5 {
    margin-top: 25px !important;
  }

  .mx-xxl-5, .mr-xxl-5 {
    margin-right: 25px !important;
  }

  .my-xxl-5, .mb-xxl-5 {
    margin-bottom: 25px !important;
  }

  .mx-xxl-5, .ml-xxl-5 {
    margin-left: 25px !important;
  }

  .my-xxl-n5, .mt-xxl-n5 {
    margin-top: -25px !important;
  }

  .mx-xxl-n5, .mr-xxl-n5 {
    margin-right: -25px !important;
  }

  .my-xxl-n5, .mb-xxl-n5 {
    margin-bottom: -25px !important;
  }

  .mx-xxl-n5, .ml-xxl-n5 {
    margin-left: -25px !important;
  }

  .py-xxl-5, .pt-xxl-5 {
    padding-top: 25px !important;
  }

  .px-xxl-5, .pr-xxl-5 {
    padding-right: 25px !important;
  }

  .py-xxl-5, .pb-xxl-5 {
    padding-bottom: 25px !important;
  }

  .px-xxl-5, .pl-xxl-5 {
    padding-left: 25px !important;
  }

  .my-xxl-6, .mt-xxl-6 {
    margin-top: 30px !important;
  }

  .mx-xxl-6, .mr-xxl-6 {
    margin-right: 30px !important;
  }

  .my-xxl-6, .mb-xxl-6 {
    margin-bottom: 30px !important;
  }

  .mx-xxl-6, .ml-xxl-6 {
    margin-left: 30px !important;
  }

  .my-xxl-n6, .mt-xxl-n6 {
    margin-top: -30px !important;
  }

  .mx-xxl-n6, .mr-xxl-n6 {
    margin-right: -30px !important;
  }

  .my-xxl-n6, .mb-xxl-n6 {
    margin-bottom: -30px !important;
  }

  .mx-xxl-n6, .ml-xxl-n6 {
    margin-left: -30px !important;
  }

  .py-xxl-6, .pt-xxl-6 {
    padding-top: 30px !important;
  }

  .px-xxl-6, .pr-xxl-6 {
    padding-right: 30px !important;
  }

  .py-xxl-6, .pb-xxl-6 {
    padding-bottom: 30px !important;
  }

  .px-xxl-6, .pl-xxl-6 {
    padding-left: 30px !important;
  }

  .my-xxl-7, .mt-xxl-7 {
    margin-top: 35px !important;
  }

  .mx-xxl-7, .mr-xxl-7 {
    margin-right: 35px !important;
  }

  .my-xxl-7, .mb-xxl-7 {
    margin-bottom: 35px !important;
  }

  .mx-xxl-7, .ml-xxl-7 {
    margin-left: 35px !important;
  }

  .my-xxl-n7, .mt-xxl-n7 {
    margin-top: -35px !important;
  }

  .mx-xxl-n7, .mr-xxl-n7 {
    margin-right: -35px !important;
  }

  .my-xxl-n7, .mb-xxl-n7 {
    margin-bottom: -35px !important;
  }

  .mx-xxl-n7, .ml-xxl-n7 {
    margin-left: -35px !important;
  }

  .py-xxl-7, .pt-xxl-7 {
    padding-top: 35px !important;
  }

  .px-xxl-7, .pr-xxl-7 {
    padding-right: 35px !important;
  }

  .py-xxl-7, .pb-xxl-7 {
    padding-bottom: 35px !important;
  }

  .px-xxl-7, .pl-xxl-7 {
    padding-left: 35px !important;
  }

  .my-xxl-8, .mt-xxl-8 {
    margin-top: 40px !important;
  }

  .mx-xxl-8, .mr-xxl-8 {
    margin-right: 40px !important;
  }

  .my-xxl-8, .mb-xxl-8 {
    margin-bottom: 40px !important;
  }

  .mx-xxl-8, .ml-xxl-8 {
    margin-left: 40px !important;
  }

  .my-xxl-n8, .mt-xxl-n8 {
    margin-top: -40px !important;
  }

  .mx-xxl-n8, .mr-xxl-n8 {
    margin-right: -40px !important;
  }

  .my-xxl-n8, .mb-xxl-n8 {
    margin-bottom: -40px !important;
  }

  .mx-xxl-n8, .ml-xxl-n8 {
    margin-left: -40px !important;
  }

  .py-xxl-8, .pt-xxl-8 {
    padding-top: 40px !important;
  }

  .px-xxl-8, .pr-xxl-8 {
    padding-right: 40px !important;
  }

  .py-xxl-8, .pb-xxl-8 {
    padding-bottom: 40px !important;
  }

  .px-xxl-8, .pl-xxl-8 {
    padding-left: 40px !important;
  }

  .my-xxl-9, .mt-xxl-9 {
    margin-top: 45px !important;
  }

  .mx-xxl-9, .mr-xxl-9 {
    margin-right: 45px !important;
  }

  .my-xxl-9, .mb-xxl-9 {
    margin-bottom: 45px !important;
  }

  .mx-xxl-9, .ml-xxl-9 {
    margin-left: 45px !important;
  }

  .my-xxl-n9, .mt-xxl-n9 {
    margin-top: -45px !important;
  }

  .mx-xxl-n9, .mr-xxl-n9 {
    margin-right: -45px !important;
  }

  .my-xxl-n9, .mb-xxl-n9 {
    margin-bottom: -45px !important;
  }

  .mx-xxl-n9, .ml-xxl-n9 {
    margin-left: -45px !important;
  }

  .py-xxl-9, .pt-xxl-9 {
    padding-top: 45px !important;
  }

  .px-xxl-9, .pr-xxl-9 {
    padding-right: 45px !important;
  }

  .py-xxl-9, .pb-xxl-9 {
    padding-bottom: 45px !important;
  }

  .px-xxl-9, .pl-xxl-9 {
    padding-left: 45px !important;
  }

  .my-xxl-10, .mt-xxl-10 {
    margin-top: 50px !important;
  }

  .mx-xxl-10, .mr-xxl-10 {
    margin-right: 50px !important;
  }

  .my-xxl-10, .mb-xxl-10 {
    margin-bottom: 50px !important;
  }

  .mx-xxl-10, .ml-xxl-10 {
    margin-left: 50px !important;
  }

  .my-xxl-n10, .mt-xxl-n10 {
    margin-top: -50px !important;
  }

  .mx-xxl-n10, .mr-xxl-n10 {
    margin-right: -50px !important;
  }

  .my-xxl-n10, .mb-xxl-n10 {
    margin-bottom: -50px !important;
  }

  .mx-xxl-n10, .ml-xxl-n10 {
    margin-left: -50px !important;
  }

  .py-xxl-10, .pt-xxl-10 {
    padding-top: 50px !important;
  }

  .px-xxl-10, .pr-xxl-10 {
    padding-right: 50px !important;
  }

  .py-xxl-10, .pb-xxl-10 {
    padding-bottom: 50px !important;
  }

  .px-xxl-10, .pl-xxl-10 {
    padding-left: 50px !important;
  }

  .my-xxl-11, .mt-xxl-11 {
    margin-top: 55px !important;
  }

  .mx-xxl-11, .mr-xxl-11 {
    margin-right: 55px !important;
  }

  .my-xxl-11, .mb-xxl-11 {
    margin-bottom: 55px !important;
  }

  .mx-xxl-11, .ml-xxl-11 {
    margin-left: 55px !important;
  }

  .my-xxl-n11, .mt-xxl-n11 {
    margin-top: -55px !important;
  }

  .mx-xxl-n11, .mr-xxl-n11 {
    margin-right: -55px !important;
  }

  .my-xxl-n11, .mb-xxl-n11 {
    margin-bottom: -55px !important;
  }

  .mx-xxl-n11, .ml-xxl-n11 {
    margin-left: -55px !important;
  }

  .py-xxl-11, .pt-xxl-11 {
    padding-top: 55px !important;
  }

  .px-xxl-11, .pr-xxl-11 {
    padding-right: 55px !important;
  }

  .py-xxl-11, .pb-xxl-11 {
    padding-bottom: 55px !important;
  }

  .px-xxl-11, .pl-xxl-11 {
    padding-left: 55px !important;
  }

  .my-xxl-12, .mt-xxl-12 {
    margin-top: 60px !important;
  }

  .mx-xxl-12, .mr-xxl-12 {
    margin-right: 60px !important;
  }

  .my-xxl-12, .mb-xxl-12 {
    margin-bottom: 60px !important;
  }

  .mx-xxl-12, .ml-xxl-12 {
    margin-left: 60px !important;
  }

  .my-xxl-n12, .mt-xxl-n12 {
    margin-top: -60px !important;
  }

  .mx-xxl-n12, .mr-xxl-n12 {
    margin-right: -60px !important;
  }

  .my-xxl-n12, .mb-xxl-n12 {
    margin-bottom: -60px !important;
  }

  .mx-xxl-n12, .ml-xxl-n12 {
    margin-left: -60px !important;
  }

  .py-xxl-12, .pt-xxl-12 {
    padding-top: 60px !important;
  }

  .px-xxl-12, .pr-xxl-12 {
    padding-right: 60px !important;
  }

  .py-xxl-12, .pb-xxl-12 {
    padding-bottom: 60px !important;
  }

  .px-xxl-12, .pl-xxl-12 {
    padding-left: 60px !important;
  }

  .my-xxl-13, .mt-xxl-13 {
    margin-top: 65px !important;
  }

  .mx-xxl-13, .mr-xxl-13 {
    margin-right: 65px !important;
  }

  .my-xxl-13, .mb-xxl-13 {
    margin-bottom: 65px !important;
  }

  .mx-xxl-13, .ml-xxl-13 {
    margin-left: 65px !important;
  }

  .my-xxl-n13, .mt-xxl-n13 {
    margin-top: -65px !important;
  }

  .mx-xxl-n13, .mr-xxl-n13 {
    margin-right: -65px !important;
  }

  .my-xxl-n13, .mb-xxl-n13 {
    margin-bottom: -65px !important;
  }

  .mx-xxl-n13, .ml-xxl-n13 {
    margin-left: -65px !important;
  }

  .py-xxl-13, .pt-xxl-13 {
    padding-top: 65px !important;
  }

  .px-xxl-13, .pr-xxl-13 {
    padding-right: 65px !important;
  }

  .py-xxl-13, .pb-xxl-13 {
    padding-bottom: 65px !important;
  }

  .px-xxl-13, .pl-xxl-13 {
    padding-left: 65px !important;
  }

  .my-xxl-14, .mt-xxl-14 {
    margin-top: 70px !important;
  }

  .mx-xxl-14, .mr-xxl-14 {
    margin-right: 70px !important;
  }

  .my-xxl-14, .mb-xxl-14 {
    margin-bottom: 70px !important;
  }

  .mx-xxl-14, .ml-xxl-14 {
    margin-left: 70px !important;
  }

  .my-xxl-n14, .mt-xxl-n14 {
    margin-top: -70px !important;
  }

  .mx-xxl-n14, .mr-xxl-n14 {
    margin-right: -70px !important;
  }

  .my-xxl-n14, .mb-xxl-n14 {
    margin-bottom: -70px !important;
  }

  .mx-xxl-n14, .ml-xxl-n14 {
    margin-left: -70px !important;
  }

  .py-xxl-14, .pt-xxl-14 {
    padding-top: 70px !important;
  }

  .px-xxl-14, .pr-xxl-14 {
    padding-right: 70px !important;
  }

  .py-xxl-14, .pb-xxl-14 {
    padding-bottom: 70px !important;
  }

  .px-xxl-14, .pl-xxl-14 {
    padding-left: 70px !important;
  }

  .my-xxl-15, .mt-xxl-15 {
    margin-top: 75px !important;
  }

  .mx-xxl-15, .mr-xxl-15 {
    margin-right: 75px !important;
  }

  .my-xxl-15, .mb-xxl-15 {
    margin-bottom: 75px !important;
  }

  .mx-xxl-15, .ml-xxl-15 {
    margin-left: 75px !important;
  }

  .my-xxl-n15, .mt-xxl-n15 {
    margin-top: -75px !important;
  }

  .mx-xxl-n15, .mr-xxl-n15 {
    margin-right: -75px !important;
  }

  .my-xxl-n15, .mb-xxl-n15 {
    margin-bottom: -75px !important;
  }

  .mx-xxl-n15, .ml-xxl-n15 {
    margin-left: -75px !important;
  }

  .py-xxl-15, .pt-xxl-15 {
    padding-top: 75px !important;
  }

  .px-xxl-15, .pr-xxl-15 {
    padding-right: 75px !important;
  }

  .py-xxl-15, .pb-xxl-15 {
    padding-bottom: 75px !important;
  }

  .px-xxl-15, .pl-xxl-15 {
    padding-left: 75px !important;
  }

  .my-xxl-16, .mt-xxl-16 {
    margin-top: 80px !important;
  }

  .mx-xxl-16, .mr-xxl-16 {
    margin-right: 80px !important;
  }

  .my-xxl-16, .mb-xxl-16 {
    margin-bottom: 80px !important;
  }

  .mx-xxl-16, .ml-xxl-16 {
    margin-left: 80px !important;
  }

  .my-xxl-n16, .mt-xxl-n16 {
    margin-top: -80px !important;
  }

  .mx-xxl-n16, .mr-xxl-n16 {
    margin-right: -80px !important;
  }

  .my-xxl-n16, .mb-xxl-n16 {
    margin-bottom: -80px !important;
  }

  .mx-xxl-n16, .ml-xxl-n16 {
    margin-left: -80px !important;
  }

  .py-xxl-16, .pt-xxl-16 {
    padding-top: 80px !important;
  }

  .px-xxl-16, .pr-xxl-16 {
    padding-right: 80px !important;
  }

  .py-xxl-16, .pb-xxl-16 {
    padding-bottom: 80px !important;
  }

  .px-xxl-16, .pl-xxl-16 {
    padding-left: 80px !important;
  }

  .my-xxl-17, .mt-xxl-17 {
    margin-top: 85px !important;
  }

  .mx-xxl-17, .mr-xxl-17 {
    margin-right: 85px !important;
  }

  .my-xxl-17, .mb-xxl-17 {
    margin-bottom: 85px !important;
  }

  .mx-xxl-17, .ml-xxl-17 {
    margin-left: 85px !important;
  }

  .my-xxl-n17, .mt-xxl-n17 {
    margin-top: -85px !important;
  }

  .mx-xxl-n17, .mr-xxl-n17 {
    margin-right: -85px !important;
  }

  .my-xxl-n17, .mb-xxl-n17 {
    margin-bottom: -85px !important;
  }

  .mx-xxl-n17, .ml-xxl-n17 {
    margin-left: -85px !important;
  }

  .py-xxl-17, .pt-xxl-17 {
    padding-top: 85px !important;
  }

  .px-xxl-17, .pr-xxl-17 {
    padding-right: 85px !important;
  }

  .py-xxl-17, .pb-xxl-17 {
    padding-bottom: 85px !important;
  }

  .px-xxl-17, .pl-xxl-17 {
    padding-left: 85px !important;
  }

  .my-xxl-18, .mt-xxl-18 {
    margin-top: 90px !important;
  }

  .mx-xxl-18, .mr-xxl-18 {
    margin-right: 90px !important;
  }

  .my-xxl-18, .mb-xxl-18 {
    margin-bottom: 90px !important;
  }

  .mx-xxl-18, .ml-xxl-18 {
    margin-left: 90px !important;
  }

  .my-xxl-n18, .mt-xxl-n18 {
    margin-top: -90px !important;
  }

  .mx-xxl-n18, .mr-xxl-n18 {
    margin-right: -90px !important;
  }

  .my-xxl-n18, .mb-xxl-n18 {
    margin-bottom: -90px !important;
  }

  .mx-xxl-n18, .ml-xxl-n18 {
    margin-left: -90px !important;
  }

  .py-xxl-18, .pt-xxl-18 {
    padding-top: 90px !important;
  }

  .px-xxl-18, .pr-xxl-18 {
    padding-right: 90px !important;
  }

  .py-xxl-18, .pb-xxl-18 {
    padding-bottom: 90px !important;
  }

  .px-xxl-18, .pl-xxl-18 {
    padding-left: 90px !important;
  }

  .my-xxl-19, .mt-xxl-19 {
    margin-top: 95px !important;
  }

  .mx-xxl-19, .mr-xxl-19 {
    margin-right: 95px !important;
  }

  .my-xxl-19, .mb-xxl-19 {
    margin-bottom: 95px !important;
  }

  .mx-xxl-19, .ml-xxl-19 {
    margin-left: 95px !important;
  }

  .my-xxl-n19, .mt-xxl-n19 {
    margin-top: -95px !important;
  }

  .mx-xxl-n19, .mr-xxl-n19 {
    margin-right: -95px !important;
  }

  .my-xxl-n19, .mb-xxl-n19 {
    margin-bottom: -95px !important;
  }

  .mx-xxl-n19, .ml-xxl-n19 {
    margin-left: -95px !important;
  }

  .py-xxl-19, .pt-xxl-19 {
    padding-top: 95px !important;
  }

  .px-xxl-19, .pr-xxl-19 {
    padding-right: 95px !important;
  }

  .py-xxl-19, .pb-xxl-19 {
    padding-bottom: 95px !important;
  }

  .px-xxl-19, .pl-xxl-19 {
    padding-left: 95px !important;
  }

  .my-xxl-20, .mt-xxl-20 {
    margin-top: 100px !important;
  }

  .mx-xxl-20, .mr-xxl-20 {
    margin-right: 100px !important;
  }

  .my-xxl-20, .mb-xxl-20 {
    margin-bottom: 100px !important;
  }

  .mx-xxl-20, .ml-xxl-20 {
    margin-left: 100px !important;
  }

  .my-xxl-n20, .mt-xxl-n20 {
    margin-top: -100px !important;
  }

  .mx-xxl-n20, .mr-xxl-n20 {
    margin-right: -100px !important;
  }

  .my-xxl-n20, .mb-xxl-n20 {
    margin-bottom: -100px !important;
  }

  .mx-xxl-n20, .ml-xxl-n20 {
    margin-left: -100px !important;
  }

  .py-xxl-20, .pt-xxl-20 {
    padding-top: 100px !important;
  }

  .px-xxl-20, .pr-xxl-20 {
    padding-right: 100px !important;
  }

  .py-xxl-20, .pb-xxl-20 {
    padding-bottom: 100px !important;
  }

  .px-xxl-20, .pl-xxl-20 {
    padding-left: 100px !important;
  }

  .my-xxl-21, .mt-xxl-21 {
    margin-top: 105px !important;
  }

  .mx-xxl-21, .mr-xxl-21 {
    margin-right: 105px !important;
  }

  .my-xxl-21, .mb-xxl-21 {
    margin-bottom: 105px !important;
  }

  .mx-xxl-21, .ml-xxl-21 {
    margin-left: 105px !important;
  }

  .my-xxl-n21, .mt-xxl-n21 {
    margin-top: -105px !important;
  }

  .mx-xxl-n21, .mr-xxl-n21 {
    margin-right: -105px !important;
  }

  .my-xxl-n21, .mb-xxl-n21 {
    margin-bottom: -105px !important;
  }

  .mx-xxl-n21, .ml-xxl-n21 {
    margin-left: -105px !important;
  }

  .py-xxl-21, .pt-xxl-21 {
    padding-top: 105px !important;
  }

  .px-xxl-21, .pr-xxl-21 {
    padding-right: 105px !important;
  }

  .py-xxl-21, .pb-xxl-21 {
    padding-bottom: 105px !important;
  }

  .px-xxl-21, .pl-xxl-21 {
    padding-left: 105px !important;
  }

  .my-xxl-22, .mt-xxl-22 {
    margin-top: 110px !important;
  }

  .mx-xxl-22, .mr-xxl-22 {
    margin-right: 110px !important;
  }

  .my-xxl-22, .mb-xxl-22 {
    margin-bottom: 110px !important;
  }

  .mx-xxl-22, .ml-xxl-22 {
    margin-left: 110px !important;
  }

  .my-xxl-n22, .mt-xxl-n22 {
    margin-top: -110px !important;
  }

  .mx-xxl-n22, .mr-xxl-n22 {
    margin-right: -110px !important;
  }

  .my-xxl-n22, .mb-xxl-n22 {
    margin-bottom: -110px !important;
  }

  .mx-xxl-n22, .ml-xxl-n22 {
    margin-left: -110px !important;
  }

  .py-xxl-22, .pt-xxl-22 {
    padding-top: 110px !important;
  }

  .px-xxl-22, .pr-xxl-22 {
    padding-right: 110px !important;
  }

  .py-xxl-22, .pb-xxl-22 {
    padding-bottom: 110px !important;
  }

  .px-xxl-22, .pl-xxl-22 {
    padding-left: 110px !important;
  }

  .my-xxl-23, .mt-xxl-23 {
    margin-top: 115px !important;
  }

  .mx-xxl-23, .mr-xxl-23 {
    margin-right: 115px !important;
  }

  .my-xxl-23, .mb-xxl-23 {
    margin-bottom: 115px !important;
  }

  .mx-xxl-23, .ml-xxl-23 {
    margin-left: 115px !important;
  }

  .my-xxl-n23, .mt-xxl-n23 {
    margin-top: -115px !important;
  }

  .mx-xxl-n23, .mr-xxl-n23 {
    margin-right: -115px !important;
  }

  .my-xxl-n23, .mb-xxl-n23 {
    margin-bottom: -115px !important;
  }

  .mx-xxl-n23, .ml-xxl-n23 {
    margin-left: -115px !important;
  }

  .py-xxl-23, .pt-xxl-23 {
    padding-top: 115px !important;
  }

  .px-xxl-23, .pr-xxl-23 {
    padding-right: 115px !important;
  }

  .py-xxl-23, .pb-xxl-23 {
    padding-bottom: 115px !important;
  }

  .px-xxl-23, .pl-xxl-23 {
    padding-left: 115px !important;
  }

  .my-xxl-24, .mt-xxl-24 {
    margin-top: 120px !important;
  }

  .mx-xxl-24, .mr-xxl-24 {
    margin-right: 120px !important;
  }

  .my-xxl-24, .mb-xxl-24 {
    margin-bottom: 120px !important;
  }

  .mx-xxl-24, .ml-xxl-24 {
    margin-left: 120px !important;
  }

  .my-xxl-n24, .mt-xxl-n24 {
    margin-top: -120px !important;
  }

  .mx-xxl-n24, .mr-xxl-n24 {
    margin-right: -120px !important;
  }

  .my-xxl-n24, .mb-xxl-n24 {
    margin-bottom: -120px !important;
  }

  .mx-xxl-n24, .ml-xxl-n24 {
    margin-left: -120px !important;
  }

  .py-xxl-24, .pt-xxl-24 {
    padding-top: 120px !important;
  }

  .px-xxl-24, .pr-xxl-24 {
    padding-right: 120px !important;
  }

  .py-xxl-24, .pb-xxl-24 {
    padding-bottom: 120px !important;
  }

  .px-xxl-24, .pl-xxl-24 {
    padding-left: 120px !important;
  }

  .my-xxl-25, .mt-xxl-25 {
    margin-top: 125px !important;
  }

  .mx-xxl-25, .mr-xxl-25 {
    margin-right: 125px !important;
  }

  .my-xxl-25, .mb-xxl-25 {
    margin-bottom: 125px !important;
  }

  .mx-xxl-25, .ml-xxl-25 {
    margin-left: 125px !important;
  }

  .my-xxl-n25, .mt-xxl-n25 {
    margin-top: -125px !important;
  }

  .mx-xxl-n25, .mr-xxl-n25 {
    margin-right: -125px !important;
  }

  .my-xxl-n25, .mb-xxl-n25 {
    margin-bottom: -125px !important;
  }

  .mx-xxl-n25, .ml-xxl-n25 {
    margin-left: -125px !important;
  }

  .py-xxl-25, .pt-xxl-25 {
    padding-top: 125px !important;
  }

  .px-xxl-25, .pr-xxl-25 {
    padding-right: 125px !important;
  }

  .py-xxl-25, .pb-xxl-25 {
    padding-bottom: 125px !important;
  }

  .px-xxl-25, .pl-xxl-25 {
    padding-left: 125px !important;
  }

  .my-xxl-26, .mt-xxl-26 {
    margin-top: 130px !important;
  }

  .mx-xxl-26, .mr-xxl-26 {
    margin-right: 130px !important;
  }

  .my-xxl-26, .mb-xxl-26 {
    margin-bottom: 130px !important;
  }

  .mx-xxl-26, .ml-xxl-26 {
    margin-left: 130px !important;
  }

  .my-xxl-n26, .mt-xxl-n26 {
    margin-top: -130px !important;
  }

  .mx-xxl-n26, .mr-xxl-n26 {
    margin-right: -130px !important;
  }

  .my-xxl-n26, .mb-xxl-n26 {
    margin-bottom: -130px !important;
  }

  .mx-xxl-n26, .ml-xxl-n26 {
    margin-left: -130px !important;
  }

  .py-xxl-26, .pt-xxl-26 {
    padding-top: 130px !important;
  }

  .px-xxl-26, .pr-xxl-26 {
    padding-right: 130px !important;
  }

  .py-xxl-26, .pb-xxl-26 {
    padding-bottom: 130px !important;
  }

  .px-xxl-26, .pl-xxl-26 {
    padding-left: 130px !important;
  }

  .my-xxl-27, .mt-xxl-27 {
    margin-top: 135px !important;
  }

  .mx-xxl-27, .mr-xxl-27 {
    margin-right: 135px !important;
  }

  .my-xxl-27, .mb-xxl-27 {
    margin-bottom: 135px !important;
  }

  .mx-xxl-27, .ml-xxl-27 {
    margin-left: 135px !important;
  }

  .my-xxl-n27, .mt-xxl-n27 {
    margin-top: -135px !important;
  }

  .mx-xxl-n27, .mr-xxl-n27 {
    margin-right: -135px !important;
  }

  .my-xxl-n27, .mb-xxl-n27 {
    margin-bottom: -135px !important;
  }

  .mx-xxl-n27, .ml-xxl-n27 {
    margin-left: -135px !important;
  }

  .py-xxl-27, .pt-xxl-27 {
    padding-top: 135px !important;
  }

  .px-xxl-27, .pr-xxl-27 {
    padding-right: 135px !important;
  }

  .py-xxl-27, .pb-xxl-27 {
    padding-bottom: 135px !important;
  }

  .px-xxl-27, .pl-xxl-27 {
    padding-left: 135px !important;
  }

  .my-xxl-28, .mt-xxl-28 {
    margin-top: 140px !important;
  }

  .mx-xxl-28, .mr-xxl-28 {
    margin-right: 140px !important;
  }

  .my-xxl-28, .mb-xxl-28 {
    margin-bottom: 140px !important;
  }

  .mx-xxl-28, .ml-xxl-28 {
    margin-left: 140px !important;
  }

  .my-xxl-n28, .mt-xxl-n28 {
    margin-top: -140px !important;
  }

  .mx-xxl-n28, .mr-xxl-n28 {
    margin-right: -140px !important;
  }

  .my-xxl-n28, .mb-xxl-n28 {
    margin-bottom: -140px !important;
  }

  .mx-xxl-n28, .ml-xxl-n28 {
    margin-left: -140px !important;
  }

  .py-xxl-28, .pt-xxl-28 {
    padding-top: 140px !important;
  }

  .px-xxl-28, .pr-xxl-28 {
    padding-right: 140px !important;
  }

  .py-xxl-28, .pb-xxl-28 {
    padding-bottom: 140px !important;
  }

  .px-xxl-28, .pl-xxl-28 {
    padding-left: 140px !important;
  }

  .my-xxl-29, .mt-xxl-29 {
    margin-top: 145px !important;
  }

  .mx-xxl-29, .mr-xxl-29 {
    margin-right: 145px !important;
  }

  .my-xxl-29, .mb-xxl-29 {
    margin-bottom: 145px !important;
  }

  .mx-xxl-29, .ml-xxl-29 {
    margin-left: 145px !important;
  }

  .my-xxl-n29, .mt-xxl-n29 {
    margin-top: -145px !important;
  }

  .mx-xxl-n29, .mr-xxl-n29 {
    margin-right: -145px !important;
  }

  .my-xxl-n29, .mb-xxl-n29 {
    margin-bottom: -145px !important;
  }

  .mx-xxl-n29, .ml-xxl-n29 {
    margin-left: -145px !important;
  }

  .py-xxl-29, .pt-xxl-29 {
    padding-top: 145px !important;
  }

  .px-xxl-29, .pr-xxl-29 {
    padding-right: 145px !important;
  }

  .py-xxl-29, .pb-xxl-29 {
    padding-bottom: 145px !important;
  }

  .px-xxl-29, .pl-xxl-29 {
    padding-left: 145px !important;
  }

  .my-xxl-30, .mt-xxl-30 {
    margin-top: 150px !important;
  }

  .mx-xxl-30, .mr-xxl-30 {
    margin-right: 150px !important;
  }

  .my-xxl-30, .mb-xxl-30 {
    margin-bottom: 150px !important;
  }

  .mx-xxl-30, .ml-xxl-30 {
    margin-left: 150px !important;
  }

  .my-xxl-n30, .mt-xxl-n30 {
    margin-top: -150px !important;
  }

  .mx-xxl-n30, .mr-xxl-n30 {
    margin-right: -150px !important;
  }

  .my-xxl-n30, .mb-xxl-n30 {
    margin-bottom: -150px !important;
  }

  .mx-xxl-n30, .ml-xxl-n30 {
    margin-left: -150px !important;
  }

  .py-xxl-30, .pt-xxl-30 {
    padding-top: 150px !important;
  }

  .px-xxl-30, .pr-xxl-30 {
    padding-right: 150px !important;
  }

  .py-xxl-30, .pb-xxl-30 {
    padding-bottom: 150px !important;
  }

  .px-xxl-30, .pl-xxl-30 {
    padding-left: 150px !important;
  }

  .my-xxl-31, .mt-xxl-31 {
    margin-top: 155px !important;
  }

  .mx-xxl-31, .mr-xxl-31 {
    margin-right: 155px !important;
  }

  .my-xxl-31, .mb-xxl-31 {
    margin-bottom: 155px !important;
  }

  .mx-xxl-31, .ml-xxl-31 {
    margin-left: 155px !important;
  }

  .my-xxl-n31, .mt-xxl-n31 {
    margin-top: -155px !important;
  }

  .mx-xxl-n31, .mr-xxl-n31 {
    margin-right: -155px !important;
  }

  .my-xxl-n31, .mb-xxl-n31 {
    margin-bottom: -155px !important;
  }

  .mx-xxl-n31, .ml-xxl-n31 {
    margin-left: -155px !important;
  }

  .py-xxl-31, .pt-xxl-31 {
    padding-top: 155px !important;
  }

  .px-xxl-31, .pr-xxl-31 {
    padding-right: 155px !important;
  }

  .py-xxl-31, .pb-xxl-31 {
    padding-bottom: 155px !important;
  }

  .px-xxl-31, .pl-xxl-31 {
    padding-left: 155px !important;
  }

  .my-xxl-32, .mt-xxl-32 {
    margin-top: 160px !important;
  }

  .mx-xxl-32, .mr-xxl-32 {
    margin-right: 160px !important;
  }

  .my-xxl-32, .mb-xxl-32 {
    margin-bottom: 160px !important;
  }

  .mx-xxl-32, .ml-xxl-32 {
    margin-left: 160px !important;
  }

  .my-xxl-n32, .mt-xxl-n32 {
    margin-top: -160px !important;
  }

  .mx-xxl-n32, .mr-xxl-n32 {
    margin-right: -160px !important;
  }

  .my-xxl-n32, .mb-xxl-n32 {
    margin-bottom: -160px !important;
  }

  .mx-xxl-n32, .ml-xxl-n32 {
    margin-left: -160px !important;
  }

  .py-xxl-32, .pt-xxl-32 {
    padding-top: 160px !important;
  }

  .px-xxl-32, .pr-xxl-32 {
    padding-right: 160px !important;
  }

  .py-xxl-32, .pb-xxl-32 {
    padding-bottom: 160px !important;
  }

  .px-xxl-32, .pl-xxl-32 {
    padding-left: 160px !important;
  }

  .my-xxl-33, .mt-xxl-33 {
    margin-top: 165px !important;
  }

  .mx-xxl-33, .mr-xxl-33 {
    margin-right: 165px !important;
  }

  .my-xxl-33, .mb-xxl-33 {
    margin-bottom: 165px !important;
  }

  .mx-xxl-33, .ml-xxl-33 {
    margin-left: 165px !important;
  }

  .my-xxl-n33, .mt-xxl-n33 {
    margin-top: -165px !important;
  }

  .mx-xxl-n33, .mr-xxl-n33 {
    margin-right: -165px !important;
  }

  .my-xxl-n33, .mb-xxl-n33 {
    margin-bottom: -165px !important;
  }

  .mx-xxl-n33, .ml-xxl-n33 {
    margin-left: -165px !important;
  }

  .py-xxl-33, .pt-xxl-33 {
    padding-top: 165px !important;
  }

  .px-xxl-33, .pr-xxl-33 {
    padding-right: 165px !important;
  }

  .py-xxl-33, .pb-xxl-33 {
    padding-bottom: 165px !important;
  }

  .px-xxl-33, .pl-xxl-33 {
    padding-left: 165px !important;
  }

  .my-xxl-34, .mt-xxl-34 {
    margin-top: 170px !important;
  }

  .mx-xxl-34, .mr-xxl-34 {
    margin-right: 170px !important;
  }

  .my-xxl-34, .mb-xxl-34 {
    margin-bottom: 170px !important;
  }

  .mx-xxl-34, .ml-xxl-34 {
    margin-left: 170px !important;
  }

  .my-xxl-n34, .mt-xxl-n34 {
    margin-top: -170px !important;
  }

  .mx-xxl-n34, .mr-xxl-n34 {
    margin-right: -170px !important;
  }

  .my-xxl-n34, .mb-xxl-n34 {
    margin-bottom: -170px !important;
  }

  .mx-xxl-n34, .ml-xxl-n34 {
    margin-left: -170px !important;
  }

  .py-xxl-34, .pt-xxl-34 {
    padding-top: 170px !important;
  }

  .px-xxl-34, .pr-xxl-34 {
    padding-right: 170px !important;
  }

  .py-xxl-34, .pb-xxl-34 {
    padding-bottom: 170px !important;
  }

  .px-xxl-34, .pl-xxl-34 {
    padding-left: 170px !important;
  }

  .my-xxl-35, .mt-xxl-35 {
    margin-top: 175px !important;
  }

  .mx-xxl-35, .mr-xxl-35 {
    margin-right: 175px !important;
  }

  .my-xxl-35, .mb-xxl-35 {
    margin-bottom: 175px !important;
  }

  .mx-xxl-35, .ml-xxl-35 {
    margin-left: 175px !important;
  }

  .my-xxl-n35, .mt-xxl-n35 {
    margin-top: -175px !important;
  }

  .mx-xxl-n35, .mr-xxl-n35 {
    margin-right: -175px !important;
  }

  .my-xxl-n35, .mb-xxl-n35 {
    margin-bottom: -175px !important;
  }

  .mx-xxl-n35, .ml-xxl-n35 {
    margin-left: -175px !important;
  }

  .py-xxl-35, .pt-xxl-35 {
    padding-top: 175px !important;
  }

  .px-xxl-35, .pr-xxl-35 {
    padding-right: 175px !important;
  }

  .py-xxl-35, .pb-xxl-35 {
    padding-bottom: 175px !important;
  }

  .px-xxl-35, .pl-xxl-35 {
    padding-left: 175px !important;
  }

  .my-xxl-36, .mt-xxl-36 {
    margin-top: 180px !important;
  }

  .mx-xxl-36, .mr-xxl-36 {
    margin-right: 180px !important;
  }

  .my-xxl-36, .mb-xxl-36 {
    margin-bottom: 180px !important;
  }

  .mx-xxl-36, .ml-xxl-36 {
    margin-left: 180px !important;
  }

  .my-xxl-n36, .mt-xxl-n36 {
    margin-top: -180px !important;
  }

  .mx-xxl-n36, .mr-xxl-n36 {
    margin-right: -180px !important;
  }

  .my-xxl-n36, .mb-xxl-n36 {
    margin-bottom: -180px !important;
  }

  .mx-xxl-n36, .ml-xxl-n36 {
    margin-left: -180px !important;
  }

  .py-xxl-36, .pt-xxl-36 {
    padding-top: 180px !important;
  }

  .px-xxl-36, .pr-xxl-36 {
    padding-right: 180px !important;
  }

  .py-xxl-36, .pb-xxl-36 {
    padding-bottom: 180px !important;
  }

  .px-xxl-36, .pl-xxl-36 {
    padding-left: 180px !important;
  }

  .my-xxl-37, .mt-xxl-37 {
    margin-top: 185px !important;
  }

  .mx-xxl-37, .mr-xxl-37 {
    margin-right: 185px !important;
  }

  .my-xxl-37, .mb-xxl-37 {
    margin-bottom: 185px !important;
  }

  .mx-xxl-37, .ml-xxl-37 {
    margin-left: 185px !important;
  }

  .my-xxl-n37, .mt-xxl-n37 {
    margin-top: -185px !important;
  }

  .mx-xxl-n37, .mr-xxl-n37 {
    margin-right: -185px !important;
  }

  .my-xxl-n37, .mb-xxl-n37 {
    margin-bottom: -185px !important;
  }

  .mx-xxl-n37, .ml-xxl-n37 {
    margin-left: -185px !important;
  }

  .py-xxl-37, .pt-xxl-37 {
    padding-top: 185px !important;
  }

  .px-xxl-37, .pr-xxl-37 {
    padding-right: 185px !important;
  }

  .py-xxl-37, .pb-xxl-37 {
    padding-bottom: 185px !important;
  }

  .px-xxl-37, .pl-xxl-37 {
    padding-left: 185px !important;
  }

  .my-xxl-38, .mt-xxl-38 {
    margin-top: 190px !important;
  }

  .mx-xxl-38, .mr-xxl-38 {
    margin-right: 190px !important;
  }

  .my-xxl-38, .mb-xxl-38 {
    margin-bottom: 190px !important;
  }

  .mx-xxl-38, .ml-xxl-38 {
    margin-left: 190px !important;
  }

  .my-xxl-n38, .mt-xxl-n38 {
    margin-top: -190px !important;
  }

  .mx-xxl-n38, .mr-xxl-n38 {
    margin-right: -190px !important;
  }

  .my-xxl-n38, .mb-xxl-n38 {
    margin-bottom: -190px !important;
  }

  .mx-xxl-n38, .ml-xxl-n38 {
    margin-left: -190px !important;
  }

  .py-xxl-38, .pt-xxl-38 {
    padding-top: 190px !important;
  }

  .px-xxl-38, .pr-xxl-38 {
    padding-right: 190px !important;
  }

  .py-xxl-38, .pb-xxl-38 {
    padding-bottom: 190px !important;
  }

  .px-xxl-38, .pl-xxl-38 {
    padding-left: 190px !important;
  }

  .my-xxl-39, .mt-xxl-39 {
    margin-top: 195px !important;
  }

  .mx-xxl-39, .mr-xxl-39 {
    margin-right: 195px !important;
  }

  .my-xxl-39, .mb-xxl-39 {
    margin-bottom: 195px !important;
  }

  .mx-xxl-39, .ml-xxl-39 {
    margin-left: 195px !important;
  }

  .my-xxl-n39, .mt-xxl-n39 {
    margin-top: -195px !important;
  }

  .mx-xxl-n39, .mr-xxl-n39 {
    margin-right: -195px !important;
  }

  .my-xxl-n39, .mb-xxl-n39 {
    margin-bottom: -195px !important;
  }

  .mx-xxl-n39, .ml-xxl-n39 {
    margin-left: -195px !important;
  }

  .py-xxl-39, .pt-xxl-39 {
    padding-top: 195px !important;
  }

  .px-xxl-39, .pr-xxl-39 {
    padding-right: 195px !important;
  }

  .py-xxl-39, .pb-xxl-39 {
    padding-bottom: 195px !important;
  }

  .px-xxl-39, .pl-xxl-39 {
    padding-left: 195px !important;
  }

  .my-xxl-40, .mt-xxl-40 {
    margin-top: 200px !important;
  }

  .mx-xxl-40, .mr-xxl-40 {
    margin-right: 200px !important;
  }

  .my-xxl-40, .mb-xxl-40 {
    margin-bottom: 200px !important;
  }

  .mx-xxl-40, .ml-xxl-40 {
    margin-left: 200px !important;
  }

  .my-xxl-n40, .mt-xxl-n40 {
    margin-top: -200px !important;
  }

  .mx-xxl-n40, .mr-xxl-n40 {
    margin-right: -200px !important;
  }

  .my-xxl-n40, .mb-xxl-n40 {
    margin-bottom: -200px !important;
  }

  .mx-xxl-n40, .ml-xxl-n40 {
    margin-left: -200px !important;
  }

  .py-xxl-40, .pt-xxl-40 {
    padding-top: 200px !important;
  }

  .px-xxl-40, .pr-xxl-40 {
    padding-right: 200px !important;
  }

  .py-xxl-40, .pb-xxl-40 {
    padding-bottom: 200px !important;
  }

  .px-xxl-40, .pl-xxl-40 {
    padding-left: 200px !important;
  }

  .my-xxl-41, .mt-xxl-41 {
    margin-top: 205px !important;
  }

  .mx-xxl-41, .mr-xxl-41 {
    margin-right: 205px !important;
  }

  .my-xxl-41, .mb-xxl-41 {
    margin-bottom: 205px !important;
  }

  .mx-xxl-41, .ml-xxl-41 {
    margin-left: 205px !important;
  }

  .my-xxl-n41, .mt-xxl-n41 {
    margin-top: -205px !important;
  }

  .mx-xxl-n41, .mr-xxl-n41 {
    margin-right: -205px !important;
  }

  .my-xxl-n41, .mb-xxl-n41 {
    margin-bottom: -205px !important;
  }

  .mx-xxl-n41, .ml-xxl-n41 {
    margin-left: -205px !important;
  }

  .py-xxl-41, .pt-xxl-41 {
    padding-top: 205px !important;
  }

  .px-xxl-41, .pr-xxl-41 {
    padding-right: 205px !important;
  }

  .py-xxl-41, .pb-xxl-41 {
    padding-bottom: 205px !important;
  }

  .px-xxl-41, .pl-xxl-41 {
    padding-left: 205px !important;
  }

  .my-xxl-42, .mt-xxl-42 {
    margin-top: 210px !important;
  }

  .mx-xxl-42, .mr-xxl-42 {
    margin-right: 210px !important;
  }

  .my-xxl-42, .mb-xxl-42 {
    margin-bottom: 210px !important;
  }

  .mx-xxl-42, .ml-xxl-42 {
    margin-left: 210px !important;
  }

  .my-xxl-n42, .mt-xxl-n42 {
    margin-top: -210px !important;
  }

  .mx-xxl-n42, .mr-xxl-n42 {
    margin-right: -210px !important;
  }

  .my-xxl-n42, .mb-xxl-n42 {
    margin-bottom: -210px !important;
  }

  .mx-xxl-n42, .ml-xxl-n42 {
    margin-left: -210px !important;
  }

  .py-xxl-42, .pt-xxl-42 {
    padding-top: 210px !important;
  }

  .px-xxl-42, .pr-xxl-42 {
    padding-right: 210px !important;
  }

  .py-xxl-42, .pb-xxl-42 {
    padding-bottom: 210px !important;
  }

  .px-xxl-42, .pl-xxl-42 {
    padding-left: 210px !important;
  }

  .my-xxl-43, .mt-xxl-43 {
    margin-top: 215px !important;
  }

  .mx-xxl-43, .mr-xxl-43 {
    margin-right: 215px !important;
  }

  .my-xxl-43, .mb-xxl-43 {
    margin-bottom: 215px !important;
  }

  .mx-xxl-43, .ml-xxl-43 {
    margin-left: 215px !important;
  }

  .my-xxl-n43, .mt-xxl-n43 {
    margin-top: -215px !important;
  }

  .mx-xxl-n43, .mr-xxl-n43 {
    margin-right: -215px !important;
  }

  .my-xxl-n43, .mb-xxl-n43 {
    margin-bottom: -215px !important;
  }

  .mx-xxl-n43, .ml-xxl-n43 {
    margin-left: -215px !important;
  }

  .py-xxl-43, .pt-xxl-43 {
    padding-top: 215px !important;
  }

  .px-xxl-43, .pr-xxl-43 {
    padding-right: 215px !important;
  }

  .py-xxl-43, .pb-xxl-43 {
    padding-bottom: 215px !important;
  }

  .px-xxl-43, .pl-xxl-43 {
    padding-left: 215px !important;
  }

  .my-xxl-44, .mt-xxl-44 {
    margin-top: 220px !important;
  }

  .mx-xxl-44, .mr-xxl-44 {
    margin-right: 220px !important;
  }

  .my-xxl-44, .mb-xxl-44 {
    margin-bottom: 220px !important;
  }

  .mx-xxl-44, .ml-xxl-44 {
    margin-left: 220px !important;
  }

  .my-xxl-n44, .mt-xxl-n44 {
    margin-top: -220px !important;
  }

  .mx-xxl-n44, .mr-xxl-n44 {
    margin-right: -220px !important;
  }

  .my-xxl-n44, .mb-xxl-n44 {
    margin-bottom: -220px !important;
  }

  .mx-xxl-n44, .ml-xxl-n44 {
    margin-left: -220px !important;
  }

  .py-xxl-44, .pt-xxl-44 {
    padding-top: 220px !important;
  }

  .px-xxl-44, .pr-xxl-44 {
    padding-right: 220px !important;
  }

  .py-xxl-44, .pb-xxl-44 {
    padding-bottom: 220px !important;
  }

  .px-xxl-44, .pl-xxl-44 {
    padding-left: 220px !important;
  }

  .my-xxl-45, .mt-xxl-45 {
    margin-top: 225px !important;
  }

  .mx-xxl-45, .mr-xxl-45 {
    margin-right: 225px !important;
  }

  .my-xxl-45, .mb-xxl-45 {
    margin-bottom: 225px !important;
  }

  .mx-xxl-45, .ml-xxl-45 {
    margin-left: 225px !important;
  }

  .my-xxl-n45, .mt-xxl-n45 {
    margin-top: -225px !important;
  }

  .mx-xxl-n45, .mr-xxl-n45 {
    margin-right: -225px !important;
  }

  .my-xxl-n45, .mb-xxl-n45 {
    margin-bottom: -225px !important;
  }

  .mx-xxl-n45, .ml-xxl-n45 {
    margin-left: -225px !important;
  }

  .py-xxl-45, .pt-xxl-45 {
    padding-top: 225px !important;
  }

  .px-xxl-45, .pr-xxl-45 {
    padding-right: 225px !important;
  }

  .py-xxl-45, .pb-xxl-45 {
    padding-bottom: 225px !important;
  }

  .px-xxl-45, .pl-xxl-45 {
    padding-left: 225px !important;
  }

  .my-xxl-46, .mt-xxl-46 {
    margin-top: 230px !important;
  }

  .mx-xxl-46, .mr-xxl-46 {
    margin-right: 230px !important;
  }

  .my-xxl-46, .mb-xxl-46 {
    margin-bottom: 230px !important;
  }

  .mx-xxl-46, .ml-xxl-46 {
    margin-left: 230px !important;
  }

  .my-xxl-n46, .mt-xxl-n46 {
    margin-top: -230px !important;
  }

  .mx-xxl-n46, .mr-xxl-n46 {
    margin-right: -230px !important;
  }

  .my-xxl-n46, .mb-xxl-n46 {
    margin-bottom: -230px !important;
  }

  .mx-xxl-n46, .ml-xxl-n46 {
    margin-left: -230px !important;
  }

  .py-xxl-46, .pt-xxl-46 {
    padding-top: 230px !important;
  }

  .px-xxl-46, .pr-xxl-46 {
    padding-right: 230px !important;
  }

  .py-xxl-46, .pb-xxl-46 {
    padding-bottom: 230px !important;
  }

  .px-xxl-46, .pl-xxl-46 {
    padding-left: 230px !important;
  }

  .my-xxl-47, .mt-xxl-47 {
    margin-top: 235px !important;
  }

  .mx-xxl-47, .mr-xxl-47 {
    margin-right: 235px !important;
  }

  .my-xxl-47, .mb-xxl-47 {
    margin-bottom: 235px !important;
  }

  .mx-xxl-47, .ml-xxl-47 {
    margin-left: 235px !important;
  }

  .my-xxl-n47, .mt-xxl-n47 {
    margin-top: -235px !important;
  }

  .mx-xxl-n47, .mr-xxl-n47 {
    margin-right: -235px !important;
  }

  .my-xxl-n47, .mb-xxl-n47 {
    margin-bottom: -235px !important;
  }

  .mx-xxl-n47, .ml-xxl-n47 {
    margin-left: -235px !important;
  }

  .py-xxl-47, .pt-xxl-47 {
    padding-top: 235px !important;
  }

  .px-xxl-47, .pr-xxl-47 {
    padding-right: 235px !important;
  }

  .py-xxl-47, .pb-xxl-47 {
    padding-bottom: 235px !important;
  }

  .px-xxl-47, .pl-xxl-47 {
    padding-left: 235px !important;
  }

  .my-xxl-48, .mt-xxl-48 {
    margin-top: 240px !important;
  }

  .mx-xxl-48, .mr-xxl-48 {
    margin-right: 240px !important;
  }

  .my-xxl-48, .mb-xxl-48 {
    margin-bottom: 240px !important;
  }

  .mx-xxl-48, .ml-xxl-48 {
    margin-left: 240px !important;
  }

  .my-xxl-n48, .mt-xxl-n48 {
    margin-top: -240px !important;
  }

  .mx-xxl-n48, .mr-xxl-n48 {
    margin-right: -240px !important;
  }

  .my-xxl-n48, .mb-xxl-n48 {
    margin-bottom: -240px !important;
  }

  .mx-xxl-n48, .ml-xxl-n48 {
    margin-left: -240px !important;
  }

  .py-xxl-48, .pt-xxl-48 {
    padding-top: 240px !important;
  }

  .px-xxl-48, .pr-xxl-48 {
    padding-right: 240px !important;
  }

  .py-xxl-48, .pb-xxl-48 {
    padding-bottom: 240px !important;
  }

  .px-xxl-48, .pl-xxl-48 {
    padding-left: 240px !important;
  }

  .my-xxl-49, .mt-xxl-49 {
    margin-top: 245px !important;
  }

  .mx-xxl-49, .mr-xxl-49 {
    margin-right: 245px !important;
  }

  .my-xxl-49, .mb-xxl-49 {
    margin-bottom: 245px !important;
  }

  .mx-xxl-49, .ml-xxl-49 {
    margin-left: 245px !important;
  }

  .my-xxl-n49, .mt-xxl-n49 {
    margin-top: -245px !important;
  }

  .mx-xxl-n49, .mr-xxl-n49 {
    margin-right: -245px !important;
  }

  .my-xxl-n49, .mb-xxl-n49 {
    margin-bottom: -245px !important;
  }

  .mx-xxl-n49, .ml-xxl-n49 {
    margin-left: -245px !important;
  }

  .py-xxl-49, .pt-xxl-49 {
    padding-top: 245px !important;
  }

  .px-xxl-49, .pr-xxl-49 {
    padding-right: 245px !important;
  }

  .py-xxl-49, .pb-xxl-49 {
    padding-bottom: 245px !important;
  }

  .px-xxl-49, .pl-xxl-49 {
    padding-left: 245px !important;
  }

  .my-xxl-50, .mt-xxl-50 {
    margin-top: 250px !important;
  }

  .mx-xxl-50, .mr-xxl-50 {
    margin-right: 250px !important;
  }

  .my-xxl-50, .mb-xxl-50 {
    margin-bottom: 250px !important;
  }

  .mx-xxl-50, .ml-xxl-50 {
    margin-left: 250px !important;
  }

  .my-xxl-n50, .mt-xxl-n50 {
    margin-top: -250px !important;
  }

  .mx-xxl-n50, .mr-xxl-n50 {
    margin-right: -250px !important;
  }

  .my-xxl-n50, .mb-xxl-n50 {
    margin-bottom: -250px !important;
  }

  .mx-xxl-n50, .ml-xxl-n50 {
    margin-left: -250px !important;
  }

  .py-xxl-50, .pt-xxl-50 {
    padding-top: 250px !important;
  }

  .px-xxl-50, .pr-xxl-50 {
    padding-right: 250px !important;
  }

  .py-xxl-50, .pb-xxl-50 {
    padding-bottom: 250px !important;
  }

  .px-xxl-50, .pl-xxl-50 {
    padding-left: 250px !important;
  }

  .my-xxl-spaceless, .mt-xxl-spaceless {
    margin-top: 0px !important;
  }

  .mx-xxl-spaceless, .mr-xxl-spaceless {
    margin-right: 0px !important;
  }

  .my-xxl-spaceless, .mb-xxl-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-xxl-spaceless, .ml-xxl-spaceless {
    margin-left: 0px !important;
  }

  .my-xxl-n-spaceless, .mt-xxl-n-spaceless {
    margin-top: 0px !important;
  }

  .mx-xxl-n-spaceless, .mr-xxl-n-spaceless {
    margin-right: 0px !important;
  }

  .my-xxl-n-spaceless, .mb-xxl-n-spaceless {
    margin-bottom: 0px !important;
  }

  .mx-xxl-n-spaceless, .ml-xxl-n-spaceless {
    margin-left: 0px !important;
  }

  .py-xxl-spaceless, .pt-xxl-spaceless {
    padding-top: 0px !important;
  }

  .px-xxl-spaceless, .pr-xxl-spaceless {
    padding-right: 0px !important;
  }

  .py-xxl-spaceless, .pb-xxl-spaceless {
    padding-bottom: 0px !important;
  }

  .px-xxl-spaceless, .pl-xxl-spaceless {
    padding-left: 0px !important;
  }

  .my-xxl-condensed, .mt-xxl-condensed {
    margin-top: 5px !important;
  }

  .mx-xxl-condensed, .mr-xxl-condensed {
    margin-right: 5px !important;
  }

  .my-xxl-condensed, .mb-xxl-condensed {
    margin-bottom: 5px !important;
  }

  .mx-xxl-condensed, .ml-xxl-condensed {
    margin-left: 5px !important;
  }

  .my-xxl-n-condensed, .mt-xxl-n-condensed {
    margin-top: -5px !important;
  }

  .mx-xxl-n-condensed, .mr-xxl-n-condensed {
    margin-right: -5px !important;
  }

  .my-xxl-n-condensed, .mb-xxl-n-condensed {
    margin-bottom: -5px !important;
  }

  .mx-xxl-n-condensed, .ml-xxl-n-condensed {
    margin-left: -5px !important;
  }

  .py-xxl-condensed, .pt-xxl-condensed {
    padding-top: 5px !important;
  }

  .px-xxl-condensed, .pr-xxl-condensed {
    padding-right: 5px !important;
  }

  .py-xxl-condensed, .pb-xxl-condensed {
    padding-bottom: 5px !important;
  }

  .px-xxl-condensed, .pl-xxl-condensed {
    padding-left: 5px !important;
  }

  .my-xxl-spaced, .mt-xxl-spaced {
    margin-top: 10px !important;
  }

  .mx-xxl-spaced, .mr-xxl-spaced {
    margin-right: 10px !important;
  }

  .my-xxl-spaced, .mb-xxl-spaced {
    margin-bottom: 10px !important;
  }

  .mx-xxl-spaced, .ml-xxl-spaced {
    margin-left: 10px !important;
  }

  .my-xxl-n-spaced, .mt-xxl-n-spaced {
    margin-top: -10px !important;
  }

  .mx-xxl-n-spaced, .mr-xxl-n-spaced {
    margin-right: -10px !important;
  }

  .my-xxl-n-spaced, .mb-xxl-n-spaced {
    margin-bottom: -10px !important;
  }

  .mx-xxl-n-spaced, .ml-xxl-n-spaced {
    margin-left: -10px !important;
  }

  .py-xxl-spaced, .pt-xxl-spaced {
    padding-top: 10px !important;
  }

  .px-xxl-spaced, .pr-xxl-spaced {
    padding-right: 10px !important;
  }

  .py-xxl-spaced, .pb-xxl-spaced {
    padding-bottom: 10px !important;
  }

  .px-xxl-spaced, .pl-xxl-spaced {
    padding-left: 10px !important;
  }

  .my-xxl-normal, .mt-xxl-normal {
    margin-top: 15px !important;
  }

  .mx-xxl-normal, .mr-xxl-normal {
    margin-right: 15px !important;
  }

  .my-xxl-normal, .mb-xxl-normal {
    margin-bottom: 15px !important;
  }

  .mx-xxl-normal, .ml-xxl-normal {
    margin-left: 15px !important;
  }

  .my-xxl-n-normal, .mt-xxl-n-normal {
    margin-top: -15px !important;
  }

  .mx-xxl-n-normal, .mr-xxl-n-normal {
    margin-right: -15px !important;
  }

  .my-xxl-n-normal, .mb-xxl-n-normal {
    margin-bottom: -15px !important;
  }

  .mx-xxl-n-normal, .ml-xxl-n-normal {
    margin-left: -15px !important;
  }

  .py-xxl-normal, .pt-xxl-normal {
    padding-top: 15px !important;
  }

  .px-xxl-normal, .pr-xxl-normal {
    padding-right: 15px !important;
  }

  .py-xxl-normal, .pb-xxl-normal {
    padding-bottom: 15px !important;
  }

  .px-xxl-normal, .pl-xxl-normal {
    padding-left: 15px !important;
  }

  .my-xxl, .mt-xxl {
    margin-top: 15px !important;
  }

  .mx-xxl, .mr-xxl {
    margin-right: 15px !important;
  }

  .my-xxl, .mb-xxl {
    margin-bottom: 15px !important;
  }

  .mx-xxl, .ml-xxl {
    margin-left: 15px !important;
  }

  .my-xxl-n, .mt-xxl-n {
    margin-top: -15px !important;
  }

  .mx-xxl-n, .mr-xxl-n {
    margin-right: -15px !important;
  }

  .my-xxl-n, .mb-xxl-n {
    margin-bottom: -15px !important;
  }

  .mx-xxl-n, .ml-xxl-n {
    margin-left: -15px !important;
  }

  .py-xxl, .pt-xxl {
    padding-top: 15px !important;
  }

  .px-xxl, .pr-xxl {
    padding-right: 15px !important;
  }

  .py-xxl, .pb-xxl {
    padding-bottom: 15px !important;
  }

  .px-xxl, .pl-xxl {
    padding-left: 15px !important;
  }

  .my-xxl-semi-wide, .mt-xxl-semi-wide {
    margin-top: 20px !important;
  }

  .mx-xxl-semi-wide, .mr-xxl-semi-wide {
    margin-right: 20px !important;
  }

  .my-xxl-semi-wide, .mb-xxl-semi-wide {
    margin-bottom: 20px !important;
  }

  .mx-xxl-semi-wide, .ml-xxl-semi-wide {
    margin-left: 20px !important;
  }

  .my-xxl-n-semi-wide, .mt-xxl-n-semi-wide {
    margin-top: -20px !important;
  }

  .mx-xxl-n-semi-wide, .mr-xxl-n-semi-wide {
    margin-right: -20px !important;
  }

  .my-xxl-n-semi-wide, .mb-xxl-n-semi-wide {
    margin-bottom: -20px !important;
  }

  .mx-xxl-n-semi-wide, .ml-xxl-n-semi-wide {
    margin-left: -20px !important;
  }

  .py-xxl-semi-wide, .pt-xxl-semi-wide {
    padding-top: 20px !important;
  }

  .px-xxl-semi-wide, .pr-xxl-semi-wide {
    padding-right: 20px !important;
  }

  .py-xxl-semi-wide, .pb-xxl-semi-wide {
    padding-bottom: 20px !important;
  }

  .px-xxl-semi-wide, .pl-xxl-semi-wide {
    padding-left: 20px !important;
  }

  .my-xxl-wide, .mt-xxl-wide {
    margin-top: 30px !important;
  }

  .mx-xxl-wide, .mr-xxl-wide {
    margin-right: 30px !important;
  }

  .my-xxl-wide, .mb-xxl-wide {
    margin-bottom: 30px !important;
  }

  .mx-xxl-wide, .ml-xxl-wide {
    margin-left: 30px !important;
  }

  .my-xxl-n-wide, .mt-xxl-n-wide {
    margin-top: -30px !important;
  }

  .mx-xxl-n-wide, .mr-xxl-n-wide {
    margin-right: -30px !important;
  }

  .my-xxl-n-wide, .mb-xxl-n-wide {
    margin-bottom: -30px !important;
  }

  .mx-xxl-n-wide, .ml-xxl-n-wide {
    margin-left: -30px !important;
  }

  .py-xxl-wide, .pt-xxl-wide {
    padding-top: 30px !important;
  }

  .px-xxl-wide, .pr-xxl-wide {
    padding-right: 30px !important;
  }

  .py-xxl-wide, .pb-xxl-wide {
    padding-bottom: 30px !important;
  }

  .px-xxl-wide, .pl-xxl-wide {
    padding-left: 30px !important;
  }

  .my-xxl-large, .mt-xxl-large {
    margin-top: 60px !important;
  }

  .mx-xxl-large, .mr-xxl-large {
    margin-right: 60px !important;
  }

  .my-xxl-large, .mb-xxl-large {
    margin-bottom: 60px !important;
  }

  .mx-xxl-large, .ml-xxl-large {
    margin-left: 60px !important;
  }

  .my-xxl-n-large, .mt-xxl-n-large {
    margin-top: -60px !important;
  }

  .mx-xxl-n-large, .mr-xxl-n-large {
    margin-right: -60px !important;
  }

  .my-xxl-n-large, .mb-xxl-n-large {
    margin-bottom: -60px !important;
  }

  .mx-xxl-n-large, .ml-xxl-n-large {
    margin-left: -60px !important;
  }

  .py-xxl-large, .pt-xxl-large {
    padding-top: 60px !important;
  }

  .px-xxl-large, .pr-xxl-large {
    padding-right: 60px !important;
  }

  .py-xxl-large, .pb-xxl-large {
    padding-bottom: 60px !important;
  }

  .px-xxl-large, .pl-xxl-large {
    padding-left: 60px !important;
  }

  .my-xxl-huge, .mt-xxl-huge {
    margin-top: 90px !important;
  }

  .mx-xxl-huge, .mr-xxl-huge {
    margin-right: 90px !important;
  }

  .my-xxl-huge, .mb-xxl-huge {
    margin-bottom: 90px !important;
  }

  .mx-xxl-huge, .ml-xxl-huge {
    margin-left: 90px !important;
  }

  .my-xxl-n-huge, .mt-xxl-n-huge {
    margin-top: -90px !important;
  }

  .mx-xxl-n-huge, .mr-xxl-n-huge {
    margin-right: -90px !important;
  }

  .my-xxl-n-huge, .mb-xxl-n-huge {
    margin-bottom: -90px !important;
  }

  .mx-xxl-n-huge, .ml-xxl-n-huge {
    margin-left: -90px !important;
  }

  .py-xxl-huge, .pt-xxl-huge {
    padding-top: 90px !important;
  }

  .px-xxl-huge, .pr-xxl-huge {
    padding-right: 90px !important;
  }

  .py-xxl-huge, .pb-xxl-huge {
    padding-bottom: 90px !important;
  }

  .px-xxl-huge, .pl-xxl-huge {
    padding-left: 90px !important;
  }

  .my-xxl-ncondensed, .mt-xxl-ncondensed {
    margin-top: -5px !important;
  }

  .mx-xxl-ncondensed, .mr-xxl-ncondensed {
    margin-right: -5px !important;
  }

  .my-xxl-ncondensed, .mb-xxl-ncondensed {
    margin-bottom: -5px !important;
  }

  .mx-xxl-ncondensed, .ml-xxl-ncondensed {
    margin-left: -5px !important;
  }

  .my-xxl-n-ncondensed, .mt-xxl-n-ncondensed {
    margin-top: --5px !important;
  }

  .mx-xxl-n-ncondensed, .mr-xxl-n-ncondensed {
    margin-right: --5px !important;
  }

  .my-xxl-n-ncondensed, .mb-xxl-n-ncondensed {
    margin-bottom: --5px !important;
  }

  .mx-xxl-n-ncondensed, .ml-xxl-n-ncondensed {
    margin-left: --5px !important;
  }

  .py-xxl-ncondensed, .pt-xxl-ncondensed {
    padding-top: -5px !important;
  }

  .px-xxl-ncondensed, .pr-xxl-ncondensed {
    padding-right: -5px !important;
  }

  .py-xxl-ncondensed, .pb-xxl-ncondensed {
    padding-bottom: -5px !important;
  }

  .px-xxl-ncondensed, .pl-xxl-ncondensed {
    padding-left: -5px !important;
  }

  .my-xxl-nspaced, .mt-xxl-nspaced {
    margin-top: -10px !important;
  }

  .mx-xxl-nspaced, .mr-xxl-nspaced {
    margin-right: -10px !important;
  }

  .my-xxl-nspaced, .mb-xxl-nspaced {
    margin-bottom: -10px !important;
  }

  .mx-xxl-nspaced, .ml-xxl-nspaced {
    margin-left: -10px !important;
  }

  .my-xxl-n-nspaced, .mt-xxl-n-nspaced {
    margin-top: --10px !important;
  }

  .mx-xxl-n-nspaced, .mr-xxl-n-nspaced {
    margin-right: --10px !important;
  }

  .my-xxl-n-nspaced, .mb-xxl-n-nspaced {
    margin-bottom: --10px !important;
  }

  .mx-xxl-n-nspaced, .ml-xxl-n-nspaced {
    margin-left: --10px !important;
  }

  .py-xxl-nspaced, .pt-xxl-nspaced {
    padding-top: -10px !important;
  }

  .px-xxl-nspaced, .pr-xxl-nspaced {
    padding-right: -10px !important;
  }

  .py-xxl-nspaced, .pb-xxl-nspaced {
    padding-bottom: -10px !important;
  }

  .px-xxl-nspaced, .pl-xxl-nspaced {
    padding-left: -10px !important;
  }

  .my-xxl-nnormal, .mt-xxl-nnormal {
    margin-top: -15px !important;
  }

  .mx-xxl-nnormal, .mr-xxl-nnormal {
    margin-right: -15px !important;
  }

  .my-xxl-nnormal, .mb-xxl-nnormal {
    margin-bottom: -15px !important;
  }

  .mx-xxl-nnormal, .ml-xxl-nnormal {
    margin-left: -15px !important;
  }

  .my-xxl-n-nnormal, .mt-xxl-n-nnormal {
    margin-top: --15px !important;
  }

  .mx-xxl-n-nnormal, .mr-xxl-n-nnormal {
    margin-right: --15px !important;
  }

  .my-xxl-n-nnormal, .mb-xxl-n-nnormal {
    margin-bottom: --15px !important;
  }

  .mx-xxl-n-nnormal, .ml-xxl-n-nnormal {
    margin-left: --15px !important;
  }

  .py-xxl-nnormal, .pt-xxl-nnormal {
    padding-top: -15px !important;
  }

  .px-xxl-nnormal, .pr-xxl-nnormal {
    padding-right: -15px !important;
  }

  .py-xxl-nnormal, .pb-xxl-nnormal {
    padding-bottom: -15px !important;
  }

  .px-xxl-nnormal, .pl-xxl-nnormal {
    padding-left: -15px !important;
  }

  .my-xxl-nsemi-wide, .mt-xxl-nsemi-wide {
    margin-top: -20px !important;
  }

  .mx-xxl-nsemi-wide, .mr-xxl-nsemi-wide {
    margin-right: -20px !important;
  }

  .my-xxl-nsemi-wide, .mb-xxl-nsemi-wide {
    margin-bottom: -20px !important;
  }

  .mx-xxl-nsemi-wide, .ml-xxl-nsemi-wide {
    margin-left: -20px !important;
  }

  .my-xxl-n-nsemi-wide, .mt-xxl-n-nsemi-wide {
    margin-top: --20px !important;
  }

  .mx-xxl-n-nsemi-wide, .mr-xxl-n-nsemi-wide {
    margin-right: --20px !important;
  }

  .my-xxl-n-nsemi-wide, .mb-xxl-n-nsemi-wide {
    margin-bottom: --20px !important;
  }

  .mx-xxl-n-nsemi-wide, .ml-xxl-n-nsemi-wide {
    margin-left: --20px !important;
  }

  .py-xxl-nsemi-wide, .pt-xxl-nsemi-wide {
    padding-top: -20px !important;
  }

  .px-xxl-nsemi-wide, .pr-xxl-nsemi-wide {
    padding-right: -20px !important;
  }

  .py-xxl-nsemi-wide, .pb-xxl-nsemi-wide {
    padding-bottom: -20px !important;
  }

  .px-xxl-nsemi-wide, .pl-xxl-nsemi-wide {
    padding-left: -20px !important;
  }

  .my-xxl-nwide, .mt-xxl-nwide {
    margin-top: -30px !important;
  }

  .mx-xxl-nwide, .mr-xxl-nwide {
    margin-right: -30px !important;
  }

  .my-xxl-nwide, .mb-xxl-nwide {
    margin-bottom: -30px !important;
  }

  .mx-xxl-nwide, .ml-xxl-nwide {
    margin-left: -30px !important;
  }

  .my-xxl-n-nwide, .mt-xxl-n-nwide {
    margin-top: --30px !important;
  }

  .mx-xxl-n-nwide, .mr-xxl-n-nwide {
    margin-right: --30px !important;
  }

  .my-xxl-n-nwide, .mb-xxl-n-nwide {
    margin-bottom: --30px !important;
  }

  .mx-xxl-n-nwide, .ml-xxl-n-nwide {
    margin-left: --30px !important;
  }

  .py-xxl-nwide, .pt-xxl-nwide {
    padding-top: -30px !important;
  }

  .px-xxl-nwide, .pr-xxl-nwide {
    padding-right: -30px !important;
  }

  .py-xxl-nwide, .pb-xxl-nwide {
    padding-bottom: -30px !important;
  }

  .px-xxl-nwide, .pl-xxl-nwide {
    padding-left: -30px !important;
  }

  .my-xxl-nlarge, .mt-xxl-nlarge {
    margin-top: -60px !important;
  }

  .mx-xxl-nlarge, .mr-xxl-nlarge {
    margin-right: -60px !important;
  }

  .my-xxl-nlarge, .mb-xxl-nlarge {
    margin-bottom: -60px !important;
  }

  .mx-xxl-nlarge, .ml-xxl-nlarge {
    margin-left: -60px !important;
  }

  .my-xxl-n-nlarge, .mt-xxl-n-nlarge {
    margin-top: --60px !important;
  }

  .mx-xxl-n-nlarge, .mr-xxl-n-nlarge {
    margin-right: --60px !important;
  }

  .my-xxl-n-nlarge, .mb-xxl-n-nlarge {
    margin-bottom: --60px !important;
  }

  .mx-xxl-n-nlarge, .ml-xxl-n-nlarge {
    margin-left: --60px !important;
  }

  .py-xxl-nlarge, .pt-xxl-nlarge {
    padding-top: -60px !important;
  }

  .px-xxl-nlarge, .pr-xxl-nlarge {
    padding-right: -60px !important;
  }

  .py-xxl-nlarge, .pb-xxl-nlarge {
    padding-bottom: -60px !important;
  }

  .px-xxl-nlarge, .pl-xxl-nlarge {
    padding-left: -60px !important;
  }

  .my-xxl-nhuge, .mt-xxl-nhuge {
    margin-top: -90px !important;
  }

  .mx-xxl-nhuge, .mr-xxl-nhuge {
    margin-right: -90px !important;
  }

  .my-xxl-nhuge, .mb-xxl-nhuge {
    margin-bottom: -90px !important;
  }

  .mx-xxl-nhuge, .ml-xxl-nhuge {
    margin-left: -90px !important;
  }

  .my-xxl-n-nhuge, .mt-xxl-n-nhuge {
    margin-top: --90px !important;
  }

  .mx-xxl-n-nhuge, .mr-xxl-n-nhuge {
    margin-right: --90px !important;
  }

  .my-xxl-n-nhuge, .mb-xxl-n-nhuge {
    margin-bottom: --90px !important;
  }

  .mx-xxl-n-nhuge, .ml-xxl-n-nhuge {
    margin-left: --90px !important;
  }

  .py-xxl-nhuge, .pt-xxl-nhuge {
    padding-top: -90px !important;
  }

  .px-xxl-nhuge, .pr-xxl-nhuge {
    padding-right: -90px !important;
  }

  .py-xxl-nhuge, .pb-xxl-nhuge {
    padding-bottom: -90px !important;
  }

  .px-xxl-nhuge, .pl-xxl-nhuge {
    padding-left: -90px !important;
  }

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

  .my-xxl-auto, .mt-xxl-auto {
    margin-top: auto !important;
  }

  .mx-xxl-auto, .mr-xxl-auto {
    margin-right: auto !important;
  }

  .my-xxl-auto, .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .mx-xxl-auto, .ml-xxl-auto {
    margin-left: auto !important;
  }

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

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

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

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

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

  .d-xxl-initial {
    display: initial !important;
  }
}
@media print {
  .d-print-inline-block {
    display: inline-block !important;
  }

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

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

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

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

  .col-print-1 {
    -ms-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-print-2 {
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-print-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-print-4 {
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-print-5 {
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-print-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-print-7 {
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-print-8 {
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-print-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-print-10 {
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-print-11 {
    -ms-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-print-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/**
================================================================================================================================================================
  Contains all styles for charts used across the whole site
================================================================================================================================================================
 */
svg {
  shape-rendering: geometricPrecision;
}
svg path, svg line {
  shape-rendering: geometricPrecision;
}
svg text {
  fill: var(--on-white);
}
svg path.domain {
  fill: none;
  stroke: none;
}
svg .tick line {
  stroke: var(--greyscale-dim);
  stroke-opacity: 0.2;
}
svg .tick text {
  font-size: var(--default-font-size);
  fill: var(--font-color);
  font-family: var(--default-font-family);
}
svg .brush .selection {
  fill: none;
  stroke: none;
}
svg .brush circle {
  fill: var(--chart-brush-stroke);
}

.btn-svg-default {
  color: red !important;
}
.btn-svg-default text, .btn-svg-default:hover text {
  fill: var(--primary-dim) !important;
  pointer-events: none;
  text-anchor: middle;
}
.btn-svg-default rect, .btn-svg-default:hover rect {
  cursor: pointer;
  fill: var(--white);
  stroke-width: 1px;
  stroke: var(--primary-dim);
}
.btn-svg-default:hover rect {
  fill: color-mix(in srgb, var(--white), var(--white) 15%);
  stroke: color-mix(in srgb, var(--primary-dim), var(--white) 15%);
}
.btn-svg-default text {
  font-weight: bold;
}

.btn-svg-muted text, .btn-svg-muted:hover text {
  fill: var(--greyscale-mid) !important;
  pointer-events: none;
  text-anchor: middle;
}
.btn-svg-muted rect, .btn-svg-muted:hover rect {
  cursor: pointer;
  fill: var(--white);
  stroke-width: 1px;
  stroke: var(--greyscale-mid);
}
.btn-svg-muted:hover rect {
  fill: color-mix(in srgb, var(--white), var(--white) 15%);
  stroke: color-mix(in srgb, var(--greyscale-mid), var(--white) 15%);
}
.btn-svg-muted text {
  font-weight: bold;
}

.dot-plot-chart svg {
  pointer-events: all;
}
.dot-plot-chart svg .axis.y g.tick .text-background-bounding-box {
  z-index: 10;
  fill: transparent;
}
.dot-plot-chart svg .axis.y g.tick text {
  z-index: 20;
  text-anchor: start;
  cursor: pointer;
  white-space: pre;
}
.dot-plot-chart svg .dot {
  fill: var(--greyscale-mid);
  stroke: var(--white);
  stroke-width: 0.8px;
  transition: transform var(--default-transition-duration);
}
.dot-plot-chart svg .dot:hover {
  stroke: var(--greyscale-dim);
  stroke-width: 1px;
  transform: scale(1.8);
  cursor: pointer;
}

.pie-chart svg {
  min-height: auto;
  font-weight: bold;
}
.pie-chart svg text {
  pointer-events: none;
  font-size: 32px;
  text-anchor: middle;
}
.pie-chart svg .arc {
  stroke-width: 3px;
  stroke: var(--white);
  transition: stroke-width var(--default-transition-duration), stroke var(--default-transition-duration);
}
.pie-chart svg .arc.selectable {
  cursor: pointer;
}
.pie-chart svg .arc.unselected {
  opacity: 0.3;
}
.pie-chart svg .arc:hover {
  stroke-width: 7px;
}
.pie-chart svg .reset {
  fill: color-mix(in srgb, var(--primary-dim), var(--white) 20%);
  cursor: pointer;
  transition: fill var(--default-transition-duration);
}
.pie-chart svg .reset:hover {
  fill: var(--primary-dim);
}

.area-chart .area {
  stroke-opacity: 0.7;
  fill-opacity: 0.5;
}
.area-chart .area.transparent {
  stroke-opacity: 0.3;
  fill-opacity: 0.01;
}
.area-chart .crosshair {
  pointer-events: none;
}

.search-result-history-loading {
  --duration: 4.4s;
  --delay-step: calc(var(--duration) / var(--count) * -2);
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 21px;
  padding-inline: 7px;
}
.search-result-history-loading .bars {
  width: 100%;
  height: 20%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.search-result-history-loading .bars > div {
  will-change: transform;
  flex: 1;
  background: var(--greyscale-bright);
  height: 100%;
  transform-origin: bottom;
  animation: barsWave var(--duration) ease-in-out infinite;
  animation-delay: calc(var(--i) * var(--delay-step));
}
.search-result-history-loading .base {
  height: 2px;
  width: 100%;
  background: var(--greyscale-bright);
  margin-top: 6px;
}

@keyframes barsWave {
  0% {
    transform: scaleY(0.05);
  }
  10% {
    transform: scaleY(0.05);
  }
  50% {
    transform: scaleY(1);
  }
  90% {
    transform: scaleY(0.05);
  }
  100% {
    transform: scaleY(0.05);
  }
}
label {
  margin-bottom: 0;
}

.__form-control {
  display: block;
  width: 100%;
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  box-sizing: border-box;
  box-shadow: none;
  background-clip: padding-box;
  border-radius: var(--default-small-border-radius);
  outline: 0;
  text-decoration: none;
  transition: all var(--default-transition-duration);
  appearance: none;
  outline: none;
  border: none;
  background: none;
  letter-spacing: var(--default-font-letter-spacing);
}
.__form-control:not(textarea) {
  height: var(--default-component-height);
}
.__form-control[disabled]:not(.inline), .__form-control[readonly]:not(.inline) {
  background: var(--greyscale-mid);
  border-color: var(--greyscale-dim);
  color: var(--greyscale-dim);
}
.__form-control:not(.inline) {
  --background-color: var(--form-field-background);
  background: var(--background-color);
  --border-color: var(--greyscale-mid);
  border: 1px solid var(--border-color);
  --text-color: var(--font-color);
  color: var(--text-color);
}
.__form-control.inline {
  height: initial;
  padding: 0;
}
input[type=number].__form-control::-webkit-outer-spin-button,
input[type=number].__form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number].__form-control {
  -moz-appearance: textfield;
}

.__select-input .__select-input-input {
  position: relative;
  padding-right: 30px;
  display: flex;
  align-items: center;
}
.__select-input .__select-input-input .__select-input-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: var(--dropdown-icon-color, var(--text-color, var(--dropdown-icon-color-default)));
}
.__select-input .__select-input-input.inline {
  padding-right: 20px;
  color: var(--dropdown-icon-color, var(--text-color, var(--dropdown-icon-color-default)));
}
.__select-input .__select-input-input.inline .__select-input-icon {
  right: 0;
}
.__select-input .__select-input-input.disabled .__select-input-icon {
  color: var(--greyscale-dim);
}

.__select-input-option-group > .__select-input-option-group-label {
  pointer-events: none;
  font-weight: 600;
}

.__select-input-option.disabled {
  cursor: initial;
}

form .required {
  color: #ff0000;
}

.cloze {
  display: flex;
  flex-grow: 1;
  min-width: 0;
}
.cloze > *:not(input) {
  width: auto !important;
}
.cloze > *:first-child, .cloze > *.px-select:first-child > * {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--default-border-radius) !important;
  border-bottom-left-radius: var(--default-border-radius) !important;
}

.cloze-wrapper {
  display: flex;
  min-width: 0;
}
.cloze-wrapper > *:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--default-border-radius) !important;
  border-bottom-right-radius: var(--default-border-radius) !important;
}
.cloze-wrapper.dropdown.show {
  z-index: 1000;
}
.cloze-wrapper.dropdown.show::before {
  position: absolute;
  background-color: var(--primary-dim);
  content: " ";
  bottom: 0;
  left: 0;
  width: 17px;
  height: 17px;
  z-index: -1;
}
.cloze-wrapper.dropdown.show > .dropdown-menu {
  overflow: hidden;
  margin-top: 0;
  border-radius: 0;
  border-bottom-left-radius: var(--default-border-radius) !important;
  border-bottom-right-radius: var(--default-border-radius) !important;
}

textarea {
  font-weight: var(--font-weight-normal);
}
textarea.no-resize {
  resize: none;
}
textarea.vresize {
  resize: vertical;
}
textarea.hresize {
  resize: horizontal;
}
textarea[rows="1"] {
  overflow-x: hidden;
}

.form-control.inline, .form-control.inplace {
  width: initial;
  display: inline-block;
}
.form-control::placeholder {
  color: var(--text-color, var(--greyscale-mid));
}
.form-control.condensed, .form-control.inplace {
  margin: 0;
  padding: 0;
}
.form-control.inplace {
  height: auto;
}
.form-control.plain {
  height: auto;
}
.form-control.plain, .form-control.plain:focus {
  background: none;
}
.form-control, .form-control:focus {
  background-color: var(--form-field-background);
  color: var(--text-color, var(--font-color));
}
.form-control, .form-control:focus, .form-control:active, .form-control.hover {
  box-shadow: none;
}
.form-control.with-background, .form-control[readonly].with-background {
  background-color: var(--white);
}
.form-control.with-background:not(input, textarea), .form-control[readonly].with-background:not(input, textarea) {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
}

input.form-control-plaintext {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.form.edit .form-control {
  background-color: var(--warning-clear) !important;
}

.form-label {
  color: var(--primary-dim);
  text-align: left;
  white-space: nowrap;
  font-weight: 700;
}

.form-group {
  text-align: left;
  margin-bottom: 8px;
}
.form-group.has-error .form-control {
  box-shadow: none;
}
.form-group.has-error .form-text:not(.ignore-error) {
  color: var(--danger-dim);
}
.form-group .form-text {
  color: var(--greyscale-dim);
  margin-bottom: 10px;
}
.form-group .col-form-label, .form-group label:not(.custom-control-label, .native-checkbox-label) {
  color: var(--primary-dim);
  text-align: left;
  white-space: nowrap;
}
.form-group .col-form-label:not(.onoffswitch-label), .form-group label:not(.custom-control-label, .native-checkbox-label):not(.onoffswitch-label) {
  font-weight: 700;
  padding-top: 10px;
  margin-bottom: 0;
}
.form-group .form-check {
  padding-top: 10px;
}
.form-group .form-check .col-form-label, .form-group .form-check label {
  padding-top: 0;
}
.form-group .form-control, .form-group .form-control[readonly], .form-group .px-select {
  background-color: transparent;
  border-bottom: 1px solid var(--greyscale-dim);
  color: var(--font-color);
}
.form-group .form-control-plaintext {
  border-bottom: 1px solid transparent;
}
.form-group input:not([type=button]), .form-group select, .form-group .form-control-plaintext {
  padding: 9px 0 5px 0;
  height: auto;
}
.form-group input[type=number].form-control::-webkit-outer-spin-button,
.form-group input[type=number].form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-group input[type=number].form-control {
  -moz-appearance: textfield;
}
.form-group select {
  padding-left: 0;
}
.form-group textarea {
  padding: 9px 0 5px 0;
}
.form-group input[type=color] {
  padding: 0;
  height: 1em;
  outline: none;
  background: none;
  border: none;
  border-radius: 100% !important;
  width: 1em;
}

select {
  background-color: var(--white);
  border: 1px solid var(--greyscale-bright);
}
select:not([multiple]) option {
  background-color: var(--white);
}

.form-control-with-icon {
  display: flex;
  align-items: center;
}
.form-control-with-icon > *:first-child {
  flex-grow: 0;
  font-size: 18px;
  margin-right: 5px;
}
.form-control-with-icon > *:last-child {
  flex-grow: 1;
  width: 100%;
}

.px-checkbox {
  display: flex;
  align-items: center;
}
.px-checkbox > label {
  margin-right: 10px;
}
.px-checkbox > label, .px-checkbox .onoffswitch-label {
  padding-top: 0 !important;
}

.input-group-overlay {
  position: relative;
}
.input-group-overlay:not(.right) > input {
  padding-left: 30px;
}
.input-group-overlay.right > .input-group-addon.overlay {
  right: 0;
  left: initial;
}

.input-group-addon {
  color: var(--font-color);
  background: none;
  height: 34px;
  z-index: 4;
}
.input-group-addon.overlay {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 6px;
  width: auto;
  line-height: 34px;
}
.input-group-addon.overlay:not(.button) {
  pointer-events: none;
}
.input-group-addon.overlay.right {
  right: 0;
  left: initial;
}
.input-group-addon.button {
  cursor: pointer;
}
.input-group-addon.button:not(.overlay) {
  background-color: transparent;
  border-bottom: 1px solid var(--greyscale-dim);
  font-size: 1em;
  padding: 9px 0 5px 0;
  height: auto;
}

.form-control, .input-group-addon, .form-control-plaintext {
  border-radius: 1px;
  border: none;
  letter-spacing: initial;
}
.form-control.disabled, .form-control[readonly], .input-group-addon.disabled, .input-group-addon[readonly], .form-control-plaintext.disabled, .form-control-plaintext[readonly] {
  background-color: var(--greyscale-clear);
}

.checkbox-list > .checkbox label {
  font-weight: initial !important;
}

.custom-range::-ms-thumb {
  background-color: var(--primary-dim);
}
.custom-range::-ms-track {
  background-color: var(--greyscale-bright);
}
.custom-range:focus::-ms-thumb {
  box-shadow: none;
}
.custom-range::-webkit-slider-thumb {
  background-color: var(--primary-dim) !important;
}
.custom-range::-webkit-slider-runnable-track {
  background-color: var(--greyscale-bright);
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: none;
}
.custom-range::-moz-range-thumb {
  background-color: var(--primary-dim) !important;
}
.custom-range::-moz-range-track {
  background-color: var(--greyscale-mid);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: none;
}
.custom-range.js-fill {
  height: 0.3rem;
  border-radius: 0.2rem !important;
}
.custom-range.js-fill::-ms-thumb {
  height: 10px;
  width: 10px;
  background-color: var(--primary-dim);
}
.custom-range.js-fill::-webkit-slider-thumb {
  height: 10px;
  width: 10px;
  background-color: var(--primary-dim) !important;
  margin-top: -1.5px;
}
.custom-range.js-fill::-moz-range-thumb {
  height: 10px;
  width: 10px;
  background-color: var(--primary-dim) !important;
}
.custom-range.js-fill::-ms-track {
  background-color: transparent;
}
.custom-range.js-fill::-webkit-slider-runnable-track {
  background-color: transparent;
}
.custom-range.js-fill::-moz-range-track {
  background-color: transparent;
}
.custom-range.toggle::-ms-thumb {
  height: 18px;
  width: 18px;
  background-color: var(--primary-dim);
}
.custom-range.toggle::-webkit-slider-thumb {
  height: 18px;
  width: 18px;
  background-color: var(--primary-dim) !important;
  margin-top: -7.5px;
}
.custom-range.toggle::-moz-range-thumb {
  height: 18px;
  width: 18px;
  background-color: var(--primary-dim) !important;
}
.custom-range.toggle::-ms-track {
  background-color: var(--primary-dim);
  height: 2px;
}
.custom-range.toggle::-webkit-slider-runnable-track {
  background-color: var(--primary-dim);
  height: 2px;
}
.custom-range.toggle::-moz-range-track {
  background-color: var(--primary-dim);
  height: 2px;
}

.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--essential-mid);
  border-color: var(--essential-mid);
  box-shadow: none !important;
}

.custom-color-input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: var(--default-small-border-radius);
  --selected-color: white;
  background-color: var(--selected-color);
  border: 1px solid var(--selected-color);
  height: 1em;
  width: 2.5em;
}
.custom-color-input.round {
  height: 1.5em;
  width: 1.5em;
  border-radius: 100%;
}
.custom-color-input.bright {
  border-color: var(--greyscale-mid);
}
.custom-color-input input[type=color] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.custom-file-field {
  position: relative;
  padding: 40px;
  border: 2px solid var(--greyscale-clear);
  border-radius: 3px;
  display: flex;
  flex-flow: nowrap;
  align-items: center;
  justify-content: center;
}
.custom-file-field .file-type {
  font-size: 2.3em;
  margin-right: 20px;
  opacity: 0.35;
}
.custom-file-field:hover, .custom-file-field.droptarget {
  background: var(--essential-clear);
  border-color: var(--essential-bright);
}
.custom-file-field:hover .file-type, .custom-file-field.droptarget .file-type {
  color: var(--essential-bright);
  opacity: 1;
}
.custom-file-field input[type=file] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

.px-table {
  width: 100%;
  margin-bottom: 0;
}
.px-table.condensed thead > tr:first-child, .px-table.condensed thead > tr:first-child > th {
  border-bottom: 1px solid var(--divider-color);
}
.px-table.condensed tr {
  border-bottom: none;
}
.px-table.condensed tr th, .px-table.condensed tr td {
  padding: 4px;
  border: none;
}
.px-table.condensed tr th:first-child:not(.column-fit-center), .px-table.condensed tr td:first-child:not(.column-fit-center) {
  padding-left: 0;
}
.px-table.condensed tr th:last-child, .px-table.condensed tr td:last-child {
  padding-right: 0;
}
.px-table.compact tr th, .px-table.compact tr td {
  padding: 5px;
}
.px-table.spaceless:not(.borderless) thead > tr:first-child, .px-table.spaceless:not(.borderless) thead > tr:first-child > th {
  border-bottom: 1px solid var(--divider-color);
}
.px-table.spaceless tr {
  border-bottom: none;
}
.px-table.spaceless tr th, .px-table.spaceless tr td {
  padding: 0;
  border: none;
}
.px-table.borderless tr {
  border-bottom: none;
}
.px-table.borderless tr th, .px-table.borderless tr td {
  border: none;
}
.px-table.spaceless-x > tr > th:first-child, .px-table.spaceless-x > tr > td:first-child, .px-table.spaceless-x > thead > tr > th:first-child, .px-table.spaceless-x > thead > tr > td:first-child, .px-table.spaceless-x > tbody > tr > th:first-child, .px-table.spaceless-x > tbody > tr > td:first-child {
  padding-left: 0;
}
.px-table.spaceless-x > tr > th:last-child, .px-table.spaceless-x > tr > td:last-child, .px-table.spaceless-x > thead > tr > th:last-child, .px-table.spaceless-x > thead > tr > td:last-child, .px-table.spaceless-x > tbody > tr > th:last-child, .px-table.spaceless-x > tbody > tr > td:last-child {
  padding-right: 0;
}
.px-table.spaceless-y > tr > th, .px-table.spaceless-y > tr > td, .px-table.spaceless-y > thead > tr > th, .px-table.spaceless-y > thead > tr > td, .px-table.spaceless-y > tbody > tr > th, .px-table.spaceless-y > tbody > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}
.px-table.invert-border > tr, .px-table.invert-border > thead > tr, .px-table.invert-border > tbody > tr {
  border-bottom: 1px solid var(--white);
}
.px-table > tr, .px-table > thead > tr, .px-table > tbody > tr {
  border-bottom: 1px solid var(--divider-color);
}
.px-table > tr.success, .px-table > thead > tr.success, .px-table > tbody > tr.success {
  background-color: color-mix(in srgb, var(--success-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr.warning, .px-table > thead > tr.warning, .px-table > tbody > tr.warning {
  background-color: color-mix(in srgb, var(--warning-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr.danger, .px-table > thead > tr.danger, .px-table > tbody > tr.danger {
  background-color: color-mix(in srgb, var(--danger-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr.info, .px-table > thead > tr.info, .px-table > tbody > tr.info {
  background-color: color-mix(in srgb, var(--primary-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr.loading, .px-table > thead > tr.loading, .px-table > tbody > tr.loading {
  background-color: color-mix(in srgb, var(--greyscale-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr.muted, .px-table > thead > tr.muted, .px-table > tbody > tr.muted {
  background-color: color-mix(in srgb, var(--greyscale-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr > th, .px-table > tr > td, .px-table > thead > tr > th, .px-table > thead > tr > td, .px-table > tbody > tr > th, .px-table > tbody > tr > td {
  padding: 5px;
}
.px-table > tr > th.condensed, .px-table > tr > td.condensed, .px-table > thead > tr > th.condensed, .px-table > thead > tr > td.condensed, .px-table > tbody > tr > th.condensed, .px-table > tbody > tr > td.condensed {
  margin: 0;
  padding: 0;
}
.px-table > tr > th.highlight, .px-table > tr > td.highlight, .px-table > thead > tr > th.highlight, .px-table > thead > tr > td.highlight, .px-table > tbody > tr > th.highlight, .px-table > tbody > tr > td.highlight {
  background-color: var(--essential-background);
}
.px-table > tr > th.column-fit-center, .px-table > tr > td.column-fit-center, .px-table > thead > tr > th.column-fit-center, .px-table > thead > tr > td.column-fit-center, .px-table > tbody > tr > th.column-fit-center, .px-table > tbody > tr > td.column-fit-center {
  width: 1%;
  text-align: center;
  white-space: nowrap;
}
.px-table > tr > th.column-fit-right, .px-table > tr > td.column-fit-right, .px-table > thead > tr > th.column-fit-right, .px-table > thead > tr > td.column-fit-right, .px-table > tbody > tr > th.column-fit-right, .px-table > tbody > tr > td.column-fit-right {
  width: 1%;
  text-align: right;
  white-space: nowrap;
}
.px-table > tr > th.column-fit, .px-table > tr > td.column-fit, .px-table > thead > tr > th.column-fit, .px-table > thead > tr > td.column-fit, .px-table > tbody > tr > th.column-fit, .px-table > tbody > tr > td.column-fit {
  width: 1%;
  white-space: nowrap;
}
.px-table > tr > th:first-child:not(.column-fit-center), .px-table > tr > td:first-child:not(.column-fit-center), .px-table > thead > tr > th:first-child:not(.column-fit-center), .px-table > thead > tr > td:first-child:not(.column-fit-center), .px-table > tbody > tr > th:first-child:not(.column-fit-center), .px-table > tbody > tr > td:first-child:not(.column-fit-center) {
  padding-left: 0;
}
.px-table > tr > th:last-child, .px-table > tr > td:last-child, .px-table > thead > tr > th:last-child, .px-table > thead > tr > td:last-child, .px-table > tbody > tr > th:last-child, .px-table > tbody > tr > td:last-child {
  padding-right: 0;
}
.px-table > tr > th, .px-table > thead > tr > th, .px-table > tbody > tr > th {
  font-weight: bold;
  height: 0;
  white-space: nowrap;
  line-height: var(--default-component-height);
  color: var(--text-color, var(--font-color));
  border-color: var(--divider-color);
  border-top: none;
}
.px-table > tr > th .column_titel, .px-table > thead > tr > th .column_titel, .px-table > tbody > tr > th .column_titel {
  width: 300px;
}
.px-table > tr > td, .px-table > thead > tr > td, .px-table > tbody > tr > td {
  vertical-align: middle;
  border-top: none;
  border-color: var(--divider-color);
}
@media print {
  .px-table > tr > td, .px-table > thead > tr > td, .px-table > tbody > tr > td {
    background: none !important;
  }
}
.px-table > tr > td.success, .px-table > thead > tr > td.success, .px-table > tbody > tr > td.success {
  border-left: 2px solid var(--success-mid);
  background-color: color-mix(in srgb, var(--success-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr > td.warning, .px-table > thead > tr > td.warning, .px-table > tbody > tr > td.warning {
  border-left: 2px solid var(--warning-mid);
  background-color: color-mix(in srgb, var(--warning-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr > td.danger, .px-table > thead > tr > td.danger, .px-table > tbody > tr > td.danger {
  border-left: 2px solid var(--danger-mid);
  background-color: color-mix(in srgb, var(--danger-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr > td.info, .px-table > thead > tr > td.info, .px-table > tbody > tr > td.info {
  border-left: 2px solid var(--primary-mid);
  background-color: color-mix(in srgb, var(--primary-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr > td.loading, .px-table > thead > tr > td.loading, .px-table > tbody > tr > td.loading {
  border-left: 2px solid var(--greyscale-mid);
  background-color: color-mix(in srgb, var(--greyscale-mid) var(--default-color-mix-ratio), transparent) !important;
}
.px-table > tr > td.muted, .px-table > thead > tr > td.muted, .px-table > tbody > tr > td.muted {
  border-left: 2px solid var(--greyscale-mid);
  background-color: color-mix(in srgb, var(--greyscale-mid) var(--default-color-mix-ratio), transparent) !important;
}

table.table.table-hover tbody tr:hover {
  color: var(--text-color, var(--font-color));
  background-color: var(--lighten);
}

table.excel-table {
  border-collapse: collapse;
  display: block;
  overflow-x: auto;
  padding-left: 1px;
}
table.excel-table tr.fixed {
  background-color: var(--greyscale-bright);
  text-align: center;
}
table.excel-table tr.fixed td {
  border: 1px solid var(--divider-color);
}
table.excel-table tr.virtual td {
  padding: 0;
  border: none;
  min-width: 0;
}
table.excel-table tr td {
  min-width: 80px;
  text-align: center;
  padding: 0 3px;
  border: 1px solid var(--divider-color);
}
table.excel-table tr td.virtual {
  padding: 0;
  border: none;
  min-width: 0;
}
table.excel-table tr td.fixed {
  min-width: 26px;
  background-color: var(--greyscale-bright);
  border: 1px solid var(--divider-color);
}
table.excel-table tr td .form-control {
  min-width: 100%;
  width: initial;
}

.tree .tree-node-content {
  padding-left: calc(var(--default-component-height) / 2);
}
.tree .tree-node-list {
  position: relative;
  list-style: none;
  margin-left: calc(var(--default-component-height) / 2);
}
.tree .tree-node-list.has-dropzone {
  z-index: 3;
}
.tree > .tree-node-list {
  padding-left: 0;
  margin-left: 0;
}
.tree > .tree-node-list:not(.has-grandchildren) > .tree-node:not(.has-children) > .tree-node-item {
  padding-left: 0;
}
.tree .tree-node {
  position: relative;
  font-weight: normal;
}
.tree .tree-node.selected > .item {
  border-radius: 1px;
  background-color: var(--greyscale-clear);
}
.tree .tree-node:not(.collapsed).has-children > .tree-node-item {
  font-weight: bold;
}
.tree .tree-node.matched > .tree-node-item {
  background-color: var(--essential-clear);
  padding-right: 10px;
  margin-right: -10px;
}
.tree .tree-node > .dropzone {
  position: absolute;
  display: block;
  z-index: 2;
  height: calc(var(--default-component-height) / 4);
}
.tree .tree-node > .dropzone.before {
  top: 0;
}
.tree .tree-node > .dropzone.after {
  bottom: 0;
}
.tree .tree-node .tree-node-item {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-height: var(--default-component-height);
}
.tree .tree-node .tree-node-item.droptarget {
  background-color: var(--essential-clear);
}
.tree .tree-node .tree-node-item.left-right {
  display: flex;
  justify-content: space-between;
}
.tree .tree-node .tree-node-item.left-right .left, .tree .tree-node .tree-node-item.left-right .right {
  display: flex;
}
.tree .tree-node .tree-node-item.left-right .left {
  flex: 1 1;
  overflow: hidden;
  align-items: center;
}
.tree .tree-node .tree-node-item .caption {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  flex: 0 1 auto;
}
.tree .tree-node .tree-node-item .caption-suffix {
  padding-left: 0.25em;
  flex: 0 0 auto;
}
.tree .tree-action {
  text-align: right;
}

.dynamic-dashboard .vue-grid-item {
  user-select: none;
}
.dynamic-dashboard .vue-grid-item.vue-grid-placeholder {
  background: black !important;
  opacity: 0.05 !important;
}
.dynamic-dashboard .vue-grid-item > .vue-resizable-handle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iVW50aXRsZWQtUGFnZSUyMDEiIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiPjxnIG9wYWNpdHk9IjEiPjxwYXRoIGQ9Ik0gNiA2IEwgMCA2IEwgMCA0LjIgTCA0IDQuMiBMIDQuMiA0LjIgTCA0LjIgMCBMIDYgMCBMIDYgNiBMIDYgNiBaIiBmaWxsPSIjMDMyYzQ1Ii8+PC9nPjwvc3ZnPg==");
}
.dropdown-divider, .form-control-v2, .btn, .navbar, .pill, .tile, .tile-section, .dropdown,
.breadcrumbs, .form-control, .dialog, .form-group, .horizontal-list, .vertical-list,
.border {
  background-color: rgba(255, 0, 0, 0.5) !important;
  border: 1px dashed red !important;
  animation: deprecated 0.5s infinite ease-in-out;
  animation-fill-mode: both;
}
.dropdown-divider:is(span), .form-control-v2:is(span), .btn:is(span), .navbar:is(span), .pill:is(span), .tile:is(span), .tile-section:is(span), .dropdown:is(span),
.breadcrumbs:is(span), .form-control:is(span), .dialog:is(span), .form-group:is(span), .horizontal-list:is(span), .vertical-list:is(span),
.border:is(span) {
  display: inline-block;
}

@keyframes deprecated {
  0% {
    background-color: transparent !important;
    transform: scale(100%);
  }
  50% {
    background-color: red !important;
    transform: scale(120%);
  }
  100% {
    background-color: transparent !important;
    transform: scale(100%);
  }
}
.document-detail .related-politicians .gradient {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}
.document-detail .related-politicians .gradient.left {
  top: 0;
  left: 0;
  background: radial-gradient(farthest-side at left center, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.document-detail .related-politicians .gradient.right {
  top: 0;
  right: 0;
  background: radial-gradient(farthest-side at right center, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.document-detail .related-politicians .gradient.show {
  opacity: 1;
}

.document-responsive .info {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.document-responsive .info > div:first-child {
  flex: 1 1;
  overflow: hidden;
}
.document-responsive .info .source {
  font-size: 0.9em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.document-responsive .info .headline {
  font-size: 1.3em;
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 300;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.document-responsive .info .source-icon {
  flex: 0 0;
  justify-content: right;
  margin-left: 10px;
  max-width: 60px;
  max-height: 100px;
}
.document-responsive .meta-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-top: 8px;
  padding: 6px 0;
  border-bottom: 1px solid var(--divider-color);
  border-top: 1px solid var(--divider-color);
  font-size: 1em;
  font-weight: 600;
}
.document-responsive .meta-info .text {
  flex: 1 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.document-responsive .meta-info .number {
  flex: 0 0;
  margin-left: 10px;
  white-space: nowrap;
}
.document-responsive .title {
  margin-top: 12px;
  font-size: 1em;
  font-weight: 600;
  word-break: break-all;
}
.document-responsive .fulltext {
  margin-top: 0.75em;
  color: var(--greyscale-dim);
  word-break: break-all;
}

.document-tile {
  position: relative;
  padding: 30px;
}
.document-tile.spaceless {
  padding: 0;
}
.document-tile .bookmark-flag {
  position: absolute;
  top: 0;
  right: 304px;
  font-size: 2em;
}
.document-tile .seen-tag {
  position: absolute;
  right: 30px;
  bottom: 15px;
  color: var(--essential-dim);
}
.document-tile.seen .source-icon {
  filter: grayscale(100%);
}
.document-tile.seen .headline, .document-tile.seen .source-icon, .document-tile.seen .title, .document-tile.seen .text, .document-tile.seen .source, .document-tile.seen .hit_env {
  opacity: 0.65;
}

.document-content {
  position: relative;
}
.document-content > .source-icon {
  float: left;
  height: 60px;
  margin-bottom: 5px;
}
.document-content > img.source-icon {
  margin-right: 15px;
}
.document-content > .source {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  padding-right: 50px;
}
.document-content > .source:not(.horizontal-list) {
  max-width: 600px;
  direction: rtl;
  text-align: left;
}
.document-content > .source .source-item:hover {
  color: color-mix(in srgb, var(--link-color), var(--white) 5%);
}
.document-content > .created {
  color: var(--greyscale-mid);
}
.document-content > .headline {
  clear: both;
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
}
.document-content > .headline, .document-content > .headline > a {
  color: var(--font-color);
}
.document-content > .document-meta-info {
  margin-top: 10px;
  padding: 8px 0;
  border-bottom: 2px solid var(--greyscale-bright);
  border-top: 2px solid var(--greyscale-bright);
}
.document-content > .title {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.33;
}
.document-content > .fulltext {
  margin-top: 10px;
  color: var(--greyscale-mid);
}
.document-content .bookmark-buttons {
  position: absolute;
  top: 0;
  right: 0;
}

.document-analysis {
  border-top: 2px solid var(--greyscale-bright);
  padding-top: 20px;
  margin-top: 20px;
}
.document-analysis .analysis-data {
  border-top: 2px solid var(--greyscale-bright);
  padding-top: 10px;
}
.document-analysis .keyword-data {
  line-height: 1.6;
}
.document-analysis .keyword-data.error {
  color: var(--greyscale-mid);
}
.document-analysis .keyword-data .keyword {
  margin-right: 20px;
  display: inline-block;
}

.drive-document-list .drive-document-item {
  position: relative;
}
@media (hover: hover) {
  .drive-document-list .drive-document-item .subtitle .__btn .add-text {
    width: 0;
    transition: width 400ms ease;
  }
}
.drive-document-list .drive-document-item .subtitle .__btn:hover .add-text {
  width: 180px;
}
@media (min-width: 768px) {
  .drive-document-list .drive-document-item .drive-document-item-header {
    grid-template-columns: 35px auto 150px;
  }
}
@media (min-width: 768px) {
  .drive-document-list .drive-document-item .drive-document-item-header .bookmark-list-document-item {
    grid-template-columns: 50px 1fr 1fr 1fr;
  }
}

.bottom-banner .banner-item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.bottom-banner .banner-item .btn {
  min-width: 128px;
  padding: 2px 16px 3px 15px;
  margin-left: 40px;
}

.cookie-banner {
  background-color: var(--greyscale-clear);
}
.cookie-banner .btn {
  margin-top: 6px;
}

@media (min-width: 768px) {
  .genios-agb iframe {
    width: 760px !important;
    left: 50% !important;
    margin-left: -390px !important;
  }
}

.genios-document-widget-wrapper .preview-image {
  position: relative;
}
.genios-document-widget-wrapper .preview-image .watermark {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 17px;
  padding-right: 30px;
  text-align: right;
}
.genios-document-widget-wrapper .preview-image .watermark > img {
  height: 17px;
  vertical-align: initial;
}

.splitscreen-layout {
  --possible-height: calc(100vh - var(--navbar-height) - 65px - var(--footer-height));
  height: calc(100vh - var(--navbar-height) - var(--footer-height));
  grid-template-rows: 65px 1fr;
}
@media (max-width: 991.98px) {
  .splitscreen-layout {
    height: calc(100vh - var(--navbar-height));
    --possible-height: calc(100vh - var(--navbar-height) - 65px);
    overflow-x: hidden;
  }
  .splitscreen-layout .grid-col-2, .splitscreen-layout .grid-col-1 {
    max-height: var(--possible-height);
    overflow-y: auto;
  }
}
@media (min-width: 992px) {
  .splitscreen-layout {
    height: initial;
    grid-template-rows: 1fr;
  }
}
.splitscreen-layout .splitscreen-layout-content {
  width: 200%;
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 992px) {
  .splitscreen-layout .splitscreen-layout-content {
    justify-self: center;
    width: 100%;
    max-width: 1500px;
    padding-inline: 20px;
    --possible-height: calc(100vh - var(--navbar-height));
  }
}
@media (max-width: 991.98px) {
  .splitscreen-layout .splitscreen-layout-content {
    position: relative;
    left: -100%;
    transition: var(--default-long-transition-duration) ease-in-out left;
  }
  .splitscreen-layout .splitscreen-layout-content.left {
    left: 0;
  }
}

.responsive-layout main {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: var(--default-long-transition-duration) padding ease;
  will-change: padding;
  padding-block: var(--shadow-margin);
  padding-inline: var(--shadow-margin);
}
@media (min-width: 992px) {
  .responsive-layout main.has-right, .responsive-layout main.has-left {
    padding-inline: var(--sidebar-button-space);
  }
}
@media (min-width: 1600px) {
  .responsive-layout main.left {
    padding-left: calc(var(--sidebar-width) + var(--sidebar-button-space));
  }
  .responsive-layout main.right {
    padding-right: calc(var(--sidebar-width) + var(--sidebar-button-space));
  }
}
.responsive-layout main > div {
  max-width: 1040px;
  width: 100%;
}
.responsive-layout.fullwidth > main > div {
  max-width: initial;
}
.responsive-layout.fullscreen > main {
  padding-top: 0;
  padding-bottom: 0;
  padding-inline: 0;
}
.responsive-layout.fullscreen > main > div {
  max-width: initial;
}
.responsive-layout.narrow > main > div {
  max-width: 700px;
}
.responsive-layout.medium > main > div {
  max-width: 1400px;
}

.responsive-sidebar {
  position: fixed;
  top: calc(var(--navbar-height) + var(--shadow-margin));
  height: calc(100vh - var(--navbar-height) - 5px);
  min-width: var(--page-min-width);
  width: 100%;
  max-width: var(--sidebar-width);
  z-index: var(--z-index-sidebar);
}
.responsive-sidebar.right {
  right: 0;
  transform: translateX(105%);
  transition: var(--default-long-transition-duration) transform ease;
  will-change: transform;
}
.responsive-sidebar.right.open {
  transform: translateX(0);
}
.responsive-sidebar.left {
  left: 0;
  transform: translateX(-105%);
  transition: var(--default-long-transition-duration) transform ease;
  will-change: transform;
}
.responsive-sidebar.left.open {
  transform: translateX(0);
}

.responsive-overlay {
  position: fixed;
  top: calc(var(--navbar-height) + 33px);
  bottom: calc(var(--footer-height) + 30px);
  left: 20px;
  right: 20px;
  min-width: calc(var(--page-min-width) - 40px);
  z-index: var(--z-index-overlay);
  pointer-events: none;
  will-change: left, right;
  transition: var(--default-long-transition-duration) left ease, var(--default-long-transition-duration) right ease;
}
.responsive-overlay > * {
  pointer-events: initial;
}
@media (min-width: 1200px) {
  .responsive-overlay {
    bottom: 30px;
  }
  .responsive-overlay.has-left {
    left: var(--sidebar-button-space);
  }
  .responsive-overlay.left-open {
    left: calc(var(--sidebar-width) + 20px);
  }
  .responsive-overlay.has-right {
    right: var(--sidebar-button-space);
  }
  .responsive-overlay.right-open {
    right: calc(var(--sidebar-width) + 20px);
  }
}

.responsive-fullscreen {
  max-width: 1920px;
}
.responsive-fullscreen.has-secondary-navbar > .sidebar {
  top: var(--navbar-height);
  max-height: calc(100vh - var(--navbar-height));
}
@media (min-width: 1200px) {
  .responsive-fullscreen.has-secondary-navbar > .sidebar {
    top: var(--navbar-height);
  }
}
@media (min-width: 1600px) {
  .responsive-fullscreen.has-secondary-navbar > .sidebar {
    max-height: calc(100vh - var(--navbar-height) - 10px);
  }
}
.responsive-fullscreen > .sidebar {
  position: fixed;
  top: var(--navbar-height);
  z-index: 100;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: calc(100vh - var(--navbar-height));
}
@media (min-width: 1600px) {
  .responsive-fullscreen > .sidebar:not(.minified) {
    width: 480px;
  }
}
.responsive-fullscreen > .sidebar.open {
  width: 480px;
  height: calc(100vh - var(--navbar-height));
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section {
  overflow: hidden;
  min-height: 60px;
  display: flex;
  align-items: stretch;
}
@media (min-width: 1600px) {
  .responsive-fullscreen > .sidebar .responsive-sidebar-section {
    margin-top: 10px;
  }
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section.open {
  flex-grow: 1;
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section.open .section-icon > span {
  background: var(--primary-dim);
  border-radius: 100%;
  color: var(--font-color-inverse);
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section > .icon-column {
  width: 60px;
  min-width: 60px;
}
@media (min-width: 1600px) {
  .responsive-fullscreen > .sidebar .responsive-sidebar-section > .icon-column {
    margin-right: 10px;
  }
}
@media (max-width: 991.98px) {
  .responsive-fullscreen > .sidebar .responsive-sidebar-section > .icon-column {
    display: none;
  }
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section > .icon-column .section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section > .icon-column .section-icon > span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section > .content-column {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0 15px;
  min-width: 0;
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section > .content-column .header {
  display: flex;
  align-items: center;
  min-height: 60px;
}
.responsive-fullscreen > .sidebar .responsive-sidebar-section > .content-column .content {
  margin: 0 -15px;
  padding: 0 15px 15px 15px;
  overflow-y: auto;
}
@media (max-width: 1599.98px) {
  .responsive-fullscreen > .sidebar {
    width: 60px;
  }
  .responsive-fullscreen > .sidebar > .responsive-sidebar-section > .content-column {
    display: none;
  }
  .responsive-fullscreen > .sidebar.open {
    width: 480px;
  }
}
@media (max-width: 1599.98px) and (min-width: 992px) {
  .responsive-fullscreen > .sidebar.open {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
  }
}
@media (max-width: 1599.98px) {
  .responsive-fullscreen > .sidebar.open > .responsive-sidebar-section > .content-column {
    display: flex;
  }
}
@media (max-width: 991.98px) {
  .responsive-fullscreen > .sidebar {
    display: none;
  }
  .responsive-fullscreen > .sidebar.open {
    display: flex;
    width: 100%;
  }
  .responsive-fullscreen > .sidebar > .responsive-sidebar-section {
    display: none;
  }
  .responsive-fullscreen > .sidebar > .responsive-sidebar-section.open {
    display: flex;
  }
}
.responsive-fullscreen > .sidebar.minified:not(.open) .responsive-sidebar-section .content-column {
  display: none;
}
.responsive-fullscreen > .content-wrapper {
  transition: padding var(--default-long-transition-duration) ease;
  width: 100%;
}
.responsive-fullscreen > .content-wrapper > .content {
  max-width: 1152px;
}
.responsive-fullscreen.fullscreen {
  max-width: initial;
}
.responsive-fullscreen.fullscreen > .content-wrapper > .content {
  max-width: 1800px;
  padding-left: 60px;
  padding-right: 60px;
}
.responsive-fullscreen:not(.fullscreen) {
  width: 100%;
  max-width: initial;
}
@media (min-width: 992px) {
  .responsive-fullscreen:not(.fullscreen) > .content-wrapper {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (min-width: 1600px) {
  .responsive-fullscreen:not(.fullscreen) > .content-wrapper {
    padding-left: 480px;
    padding-right: 60px;
  }
}
.responsive-fullscreen:not(.fullscreen) > .content-wrapper > .content {
  padding: 10px;
}
.responsive-fullscreen:not(.fullscreen).no-sidebar > .content-wrapper {
  padding-left: 60px;
  padding-right: 60px;
}

.paginated-content.is_loading {
  position: relative;
  min-height: 200px;
}
.paginated-content.is_loading .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -50px;
}
.paginated-content.is_loading .loader .px-spinner {
  margin: 0;
}
.paginated-content.is_loading .content {
  opacity: 0.3;
}

.btn-icon-list {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0;
  white-space: nowrap;
}

.d3-new-tip, .popover.px-popover {
  width: inherit;
  max-width: 400px;
  font-size: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  transition: opacity var(--default-transition-duration);
}
.d3-new-tip .header, .d3-new-tip .content, .d3-new-tip .popover-header, .popover.px-popover .header, .popover.px-popover .content, .popover.px-popover .popover-header {
  padding: 10px;
  border-radius: 0;
  border: none;
  margin: 0;
}
.d3-new-tip .popover-header, .popover.px-popover .popover-header {
  padding: 0;
  background-color: transparent;
  color: var(--popover-header-color);
  font-weight: bold;
  overflow-wrap: normal;
}
.d3-new-tip .header, .popover.px-popover .header {
  position: relative;
  background-color: var(--popover-header-background);
  color: var(--popover-header-color);
  font-weight: bold;
}
.d3-new-tip .header:before, .d3-new-tip .header:after, .popover.px-popover .header:before, .popover.px-popover .header:after {
  width: 10px;
  height: 50%;
  position: absolute;
  right: 100%;
  content: "";
}
.d3-new-tip .header:before, .popover.px-popover .header:before {
  top: 0;
  background: linear-gradient(to left top, var(--popover-header-background) 50%, transparent 50%);
}
.d3-new-tip .header:after, .popover.px-popover .header:after {
  top: 50%;
  background: linear-gradient(to left bottom, var(--popover-header-background) 50%, transparent 50%);
}
.d3-new-tip .content, .popover.px-popover .content {
  background: var(--popover-content-background);
}
.d3-new-tip.left .header:before, .d3-new-tip.left .header:after, .popover.px-popover.left .header:before, .popover.px-popover.left .header:after {
  right: initial;
  left: 100%;
}
.d3-new-tip.left .header:before, .popover.px-popover.left .header:before {
  top: 0;
  background: linear-gradient(to right top, var(--popover-header-background) 50%, transparent 50%);
}
.d3-new-tip.left .header:after, .popover.px-popover.left .header:after {
  top: 50%;
  background: linear-gradient(to right bottom, var(--popover-header-background) 50%, transparent 50%);
}

.popover.px-popover {
  min-width: 300px;
}

.bookmark-buttons {
  text-align: right;
}
.bookmark-buttons.disabled {
  opacity: 0.65 !important;
}
.bookmark-buttons.disabled, .bookmark-buttons.disabled .clickable {
  cursor: not-allowed;
}

.bookmark-modal h2 {
  margin: 0;
  padding: 0;
}
.bookmark-modal .caption {
  text-align: left;
}

.label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--primary-dim);
  padding: 2px 6px 2px 4px;
  font-weight: 600;
  color: var(--font-color-inverse);
}
.label .icon {
  transform: scale(1.2);
}
.label .px-select {
  flex-grow: 1;
  margin-top: -1px;
}
.label .px-select > select {
  font-weight: 600;
  text-align: right;
  color: var(--font-color-inverse);
}
.label .px-select:after {
  color: var(--font-color-inverse) !important;
}
.label:not(.collapsed) {
  align-items: start;
}
.label:not(.collapsed) .icon {
  margin-top: 5px;
}
.label:not(.collapsed) > div > div:first-child {
  text-transform: uppercase;
  font-weight: 400;
  text-align: right;
  font-size: 0.9em;
}
.label:not(.collapsed) > div > div:last-child {
  font-size: 1.25em;
  font-weight: 700;
  text-align: right;
}

.leads-list {
  justify-items: center;
}

.lead-item, .lead-detail-dialog {
  transition: 1s filter ease;
}
.lead-item.is-reported, .lead-item .is-reported, .lead-detail-dialog.is-reported, .lead-detail-dialog .is-reported {
  filter: grayscale(100%);
}
.lead-item.is-reported > *, .lead-item .is-reported > *, .lead-detail-dialog.is-reported > *, .lead-detail-dialog .is-reported > * {
  opacity: 0.5;
}

.container-inline-size {
  container-type: inline-size;
}

.lead-item {
  min-height: 445px;
  max-width: 510px;
}

.lead-item-header .lead-header-icon-container {
  width: 70px;
  height: 60px;
}
.lead-item-header .lead-header-icon-container .lead-header-icon {
  width: 60px;
  aspect-ratio: 1;
  border-radius: 100%;
}
.lead-item-header .lead-header-icon-container .lead-header-icon img {
  inset: 10px;
  width: calc(100% - 20px);
  aspect-ratio: 1;
}
.lead-item-header .lead-header-icon-container .lead-header-icon div.__tile {
  font-size: var(--font-size-medium);
  min-width: 30px;
  height: 30px;
  margin-right: calc(-1 * var(--spaced));
  padding-inline: 10px;
}
@container (min-width: 470px) {
  .lead-item-header .lead-header-icon-container {
    width: 110px;
    height: 110px;
  }
  .lead-item-header .lead-header-icon-container .lead-header-icon {
    margin-right: 100px;
    width: 100%;
    aspect-ratio: 1;
  }
  .lead-item-header .lead-header-icon-container .lead-header-icon div.__tile {
    font-size: var(--font-size-large);
    min-width: 36px;
    height: 36px;
    margin-right: 0;
  }
  .lead-item-header .lead-header-icon-container .lead-header-icon img {
    inset: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
  }
}

.lead-item-price {
  container-type: inline-size;
  margin-bottom: 40px;
}
@container (min-width: 430px) {
  .lead-item-price {
    margin-bottom: 20px;
  }
  .lead-item-price .text-large {
    font-size: var(--font-size-xlarge) !important;
  }
  .lead-item-price .text-xlarge {
    font-size: var(--font-size-2xlarge) !important;
  }
}

.lead-item-placeholder {
  background-color: var(--form-field-background);
}
.lead-item-placeholder .bg-animated {
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0;
}
.lead-item-placeholder .bg-animated::after {
  content: "";
  animation: ssc-loading 1.3s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg, transparent, rgba(219, 219, 219, 0.2666666667), transparent);
}

.lead-header-placeholder .bg-animated {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.lead-header-placeholder .bg-animated::after {
  content: "";
  animation: ssc-loading 1.3s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg, transparent, rgba(219, 219, 219, 0.2666666667), transparent);
}

@keyframes ssc-loading {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.keyword {
  color: var(--primary-dim);
  white-space: nowrap;
}
.keyword.with-hashtag {
  display: inline-flex !important;
  white-space: inherit;
}
.keyword.with-hashtag::before {
  content: "#";
  margin-right: 2px;
}
.keyword.important {
  font-weight: bold;
}

.error-page {
  position: relative;
  background: var(--primary-dim);
}
.error-page .error-content {
  font-size: 1.3rem;
  color: var(--font-color-inverse);
  font-weight: 300;
}
.error-page .error-content .error {
  margin-top: 80px;
  font-size: 5em;
  margin-bottom: 0.5em;
  color: var(--font-color-inverse);
  font-weight: 300;
}
.error-page .error-content .error-description {
  font-size: 1.6em;
}
.error-page .error-content .error-description p {
  color: var(--font-color-inverse);
  font-weight: 300;
}
.error-page .error-content .error-description .outro {
  margin-top: 1em;
}
.error-page .guru-meditation {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: var(--font-color-inverse);
  opacity: 0.3;
}

.page-effect-desaturated {
  filter: saturate(0);
}

.image-preload {
  display: none !important;
}

.politx-partner-logos .partner-logo {
  position: relative;
  width: 100%;
  padding-bottom: 38%;
  margin: 40px 0;
}
@media (max-width: 991.98px) {
  .politx-partner-logos .partner-logo {
    margin: 20px 0;
  }
}
.politx-partner-logos .partner-logo.partner-logo-kuerschner img {
  opacity: 0.8;
}
.politx-partner-logos .partner-logo.partner-logo-kovar img {
  opacity: 0.7;
}
.politx-partner-logos .partner-logo.partner-logo-smc-germany img {
  opacity: 1;
}
.politx-partner-logos .partner-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  object-position: center;
  filter: grayscale(100%);
  opacity: 0.6;
}
.politx-partner-logos .partner-logo img:hover {
  filter: none;
  opacity: 1 !important;
}

.social-media-share-buttons {
  font-size: 1.1em;
}
.social-media-share-buttons .fab {
  margin-right: 0.5em;
}
.social-media-share-buttons a {
  color: var(--primary-dim) !important;
}
.social-media-share-buttons a:hover {
  color: var(--essential-dim) !important;
}
.social-media-share-buttons .clipboard-share-button {
  cursor: pointer;
  margin-left: 0.6em;
  font-size: 1.1em;
}

.discover-newsletter-widget .confirm-email {
  display: none;
}

.newsletter-widget {
  background-color: var(--crucial-mid);
  letter-spacing: normal;
  line-height: 1.2;
  color: var(--on-crucial-mid) !important;
}
.newsletter-widget .newsletter_button_close_container {
  text-align: right;
}
.newsletter-widget .newsletter_button_close_container .newsletter_button_close {
  background-color: var(--white);
  font-size: 1.5em;
  display: inline-block;
  padding-left: 0.25em;
  padding-right: 0.25em;
  margin-bottom: 0.75em;
}
.newsletter-widget .newsletter_button_close_container .newsletter_button_close.hidden {
  visibility: hidden;
}
.newsletter-widget .newsletter-form-container {
  padding-left: 3em;
  padding-right: 2em;
  padding-bottom: 3em;
}
.newsletter-widget .newsletter-form-container .newsletter_prompts {
  position: relative;
  top: 2px;
}
.newsletter-widget .newsletter-form-container .newsletter_prompts .prompt {
  font-size: 1.43em;
  font-weight: lighter;
}
.newsletter-widget .newsletter-form-container .newsletter_prompts .prompt_2 {
  font-size: 1.55em;
  font-weight: bold;
}
@media (max-width: 1199.98px) {
  .newsletter-widget .newsletter-form-container .newsletter_prompts .prompt_2 {
    margin-bottom: 1em;
  }
}
.newsletter-widget .newsletter-form-container .form-group {
  margin-bottom: 6px;
}
.newsletter-widget .newsletter-form-container .form-group .form-control {
  color: var(--primary-dim) !important;
}
.newsletter-widget .newsletter-form-container .confirm-email {
  display: none;
}
.newsletter-widget .newsletter-form-container input {
  font-size: 1em;
}
@media (max-width: 991.98px) {
  .newsletter-widget .newsletter-form-container input {
    font-size: 0.9em;
  }
}
.newsletter-widget .newsletter-form-container input[type=text], .newsletter-widget .newsletter-form-container input[type=email] {
  border: 1px solid var(--primary-dim);
  padding: 0.5em;
}
.newsletter-widget .newsletter-form-container .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--primary-dim);
}
.newsletter-widget .newsletter-form-container .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-size: contain;
  background-position-x: 2px;
  background-position-y: -1px;
}
.newsletter-widget .newsletter-form-container .px_newsletter_confirmation_checkbox_label {
  font-size: 0.85em;
  user-select: none;
  padding-left: 0.5em;
}
.newsletter-widget .newsletter-form-container .px_newsletter_confirmation_checkbox_label::before {
  border-radius: 0rem;
  width: 1.5em;
  height: 1.5em;
  background-color: var(--crucial-mid);
  color: var(--on-crucial-mid);
  border: 1px solid var(--on-crucial-mid);
  top: 0;
}
.newsletter-widget .newsletter-form-container .px_newsletter_confirmation_checkbox_label::after {
  position: absolute;
}
.newsletter-widget .newsletter-form-container button[type=submit] {
  height: 100%;
  width: 100%;
  margin-left: 0;
}
.newsletter-widget .newsletter-form-container .form-control::placeholder {
  color: var(--primary-dim);
  opacity: 1;
}

.bottom-banner {
  pointer-events: none;
}
.bottom-banner .banner-item {
  pointer-events: auto;
}
.bottom-banner .banner-item.newsletter-banner {
  pointer-events: none;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767.98px) {
  .bottom-banner .banner-item.newsletter-banner {
    justify-content: center;
  }
}
.bottom-banner .banner-item.newsletter-banner .newsletter-widget {
  pointer-events: auto;
  flex: 1 1;
  max-width: 320px;
  margin-right: 2em;
}
@media (max-width: 767.98px) {
  .bottom-banner .banner-item.newsletter-banner .newsletter-widget {
    margin-right: 0;
  }
}
.bottom-banner .banner-item.newsletter-banner .newsletter-widget .newsletter-form-container {
  padding-bottom: 1em;
}
.bottom-banner .banner-item.newsletter-banner .newsletter-widget .newsletter-form-container .prompt_2 {
  margin-top: 0.5em;
  margin-bottom: 0.75em;
}

.compability-placeholder {
  padding: 30px;
}
.compability-placeholder:not(.small) {
  border: 1px solid var(--danger-dim);
}
.compability-placeholder:not(.small) .caption {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3em;
  letter-spacing: 1.5px;
}
.compability-placeholder:not(.small) .message {
  line-height: 2;
}
.compability-placeholder .caption {
  color: var(--danger-dim);
  margin-bottom: 24px;
  text-align: center;
}
.compability-placeholder.small {
  padding: 0 15px;
}
.compability-placeholder.small .caption {
  margin-bottom: 10px;
}

.external-documents-terms-and-conditions .external-documents-terms-and-conditions-text {
  height: calc(100vh - var(--navbar-height) - 440px);
  overflow-y: scroll;
}

/** For summernote */
.note-editor.note-airframe .note-recent-color {
  background-color: initial !important;
}
.note-editor.note-airframe .dropdown-toggle::after {
  display: initial;
  font-family: "px_icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 1px;
  text-align: center;
  margin: 0;
  margin-top: -0.5em;
  content: "\e902";
  pointer-events: none;
  border: none;
}
.note-editor.note-airframe > .note-editing-area {
  background-color: var(--greyscale-clear);
  padding: 5px;
}

.process-progress-chart-graph svg.as_bookmark .btn-svg-muted rect {
  fill: white !important;
  stroke: white !important;
}
.process-progress-chart-graph svg.as_bookmark .btn-svg-muted text {
  fill: white !important;
  stroke: white !important;
}
.process-progress-chart-graph svg.as_bookmark .btn-svg-default rect {
  fill: white !important;
  stroke: white !important;
}
.process-progress-chart-graph svg.as_bookmark .btn-svg-default text {
  fill: white !important;
  stroke: white !important;
}

.no-background .note-editor.note-airframe .note-editing-area {
  background-color: initial;
  padding: 0;
}

@media (max-width: 991.98px) {
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translateY(100%) !important;
  }

  .modal.show .modal-dialog {
    transform: none !important;
  }
}
.modal-backdrop {
  background-color: var(--greyscale-dark);
}

.__dialog {
  padding-right: 0 !important;
}
.__dialog .__dialog_body_wrapper {
  display: flex;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 992px) {
  .__dialog .__dialog_body_wrapper {
    align-items: center;
  }
}
.__dialog .__dialog_body {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 40px 20px;
  max-width: 100%;
  margin: 0;
  max-height: calc(100% - var(--default-navbar-height) - 5px);
  pointer-events: all;
  box-shadow: var(--default-shadow);
}
@media (max-width: 991.98px) {
  .__dialog .__dialog_body {
    width: 100%;
    gap: 40px 20px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
}
@media (min-width: 768px) {
  .__dialog .__dialog_body {
    padding: 40px;
  }
}
@media (min-width: 992px) {
  .__dialog .__dialog_body {
    width: 700px;
    padding: 60px 80px;
    max-height: calc(100% - 130px);
    gap: 40px;
  }
  .__dialog .__dialog_body.dialog-small {
    width: 500px;
  }
  .__dialog .__dialog_body.dialog-large {
    width: 1040px;
  }
}
.__dialog .__dialog_body.dialog-spaceless {
  padding: 0;
}
.__dialog .__dialog_body .__dialog_content {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 120px;
  flex-grow: 1;
}
.__dialog .__dialog_body:not(.dialog-splitscreen, .dialog-fullscreen, .spaceless) .__dialog_content {
  margin-right: -20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .__dialog .__dialog_body:not(.dialog-splitscreen, .dialog-fullscreen, .spaceless) .__dialog_content {
    margin-right: -40px;
    padding-right: 40px;
  }
}
@media (min-width: 992px) {
  .__dialog .__dialog_body:not(.dialog-splitscreen, .dialog-fullscreen, .spaceless) .__dialog_content {
    margin-right: -80px;
    padding-right: 80px;
  }
}
.__dialog .__dialog_body.dialog-splitscreen {
  width: 100%;
  max-width: 1400px;
  height: calc(100% - 130px);
  padding: 0;
}
@media (max-width: 1400px) {
  .__dialog .__dialog_body.dialog-splitscreen {
    height: 100%;
  }
}
.__dialog .__dialog_body.dialog-splitscreen .__dialog_content {
  width: 200%;
}
@media (min-width: 991.98px) {
  .__dialog .__dialog_body.dialog-splitscreen .__dialog_content {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .__dialog .__dialog_body.dialog-splitscreen .__dialog_content {
    position: relative;
    left: 0;
    transition: var(--default-long-transition-duration) ease-in-out left;
  }
  .__dialog .__dialog_body.dialog-splitscreen .__dialog_content.show-right {
    left: -100%;
  }
}
.__dialog .__dialog_body.dialog-fullscreen {
  width: 100%;
  height: calc(100% - 20px);
  margin: 0 10px;
  max-height: initial;
  padding: 30px;
}
.__dialog[data-backdrop=false] {
  pointer-events: none;
  z-index: initial !important;
}

body:not(.static-page) .__navbar .navbar-container:not(:has(+ .secondary-navbar)) {
  box-shadow: var(--default-shadow);
}

.__navbar .navbar-container {
  position: fixed;
  z-index: var(--z-index-navbar);
  right: 0;
  left: 0;
  top: 0;
  min-width: var(--page-min-width);
  background: var(--navbar-background);
  color: var(--navbar-color);
  height: var(--default-navbar-height);
}
.__navbar .btn-sidebar {
  position: fixed;
  top: calc(var(--navbar-height) + var(--wide));
  z-index: calc(var(--z-index-sidebar) - 1);
}
.__navbar .btn-sidebar.left {
  left: 0;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}
.__navbar .btn-sidebar.right {
  right: 0;
  border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
}
.__navbar .btn-sidebar > .__btn {
  width: calc(var(--default-component-height) + 17px);
  height: calc(var(--default-component-height) + 7px);
}
.__navbar .navbar-logo {
  max-height: var(--default-navbar-height);
}
.__navbar .dropdown-menu {
  top: calc(100% - 20px);
}
.__navbar .nav-item .__btn .btn-icon {
  font-size: var(--font-size-medium);
}
.__navbar .nav-item .__btn .btn-label::after {
  height: 2px;
  bottom: -15px;
  top: unset;
}
.__navbar.has-secondary .navbar-container:not(.secondary-navbar) .nav-item .__btn.btn-text:not(.disabled).has-text:not(.disabled).down .btn-label::after {
  display: none;
}
.__navbar .secondary-navbar {
  top: var(--default-navbar-height);
  z-index: var(--z-index-secondary-navbar);
}
.__navbar .secondary-navbar > div {
  display: flex;
  justify-content: center;
}
@media (max-width: 1199.98px) {
  .__navbar .secondary-navbar {
    position: fixed !important;
    left: 0;
    right: 0;
    top: initial;
    bottom: 0;
    background: var(--primary-dim);
    height: var(--default-secondary-navbar-phone-height);
    padding-bottom: 10px;
  }
  .__navbar .secondary-navbar > div {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .__navbar .secondary-navbar > div .nav-item {
    display: flex;
    justify-content: center;
  }
  .__navbar .secondary-navbar > div .nav-item .__btn.btn-text:not(.disabled).has-text:not(.disabled).down .btn-label::after {
    display: none;
  }
}

.navbar-number-container {
  position: relative;
}
.navbar-number-container .navbar-number {
  font-weight: bold;
}
.navbar-number-container .navbar-number:not(.inline) {
  position: absolute;
  top: -19px;
  left: calc(100% - 14px);
}
@media (min-width: 1600px) {
  .navbar-number-container .navbar-number:not(.inline) {
    top: -13px;
    left: calc(100% - 6px);
  }
}
.navbar-number-container .navbar-number .number {
  background-color: var(--navbar-number-background);
  color: var(--font-color-inverse);
  min-width: 20px;
  height: 20px;
  padding: 0px 5px;
  border-radius: 1000px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

body.unsupported-browser .info-unsupported {
  display: inherit !important;
}

.info-masked, .info-noscript, .info-unsupported {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: var(--z-index-global-info);
  padding: 5px 15px;
  border-bottom-left-radius: var(--default-small-border-radius);
  border-bottom-right-radius: var(--default-small-border-radius);
  border-top: none !important;
}

.info-masked {
  background: repeating-linear-gradient(45deg, #fff800, #fff700 10px, #f6ed05 10px, #f6ed05 20px);
  border: 1px solid rgba(34, 34, 34, 0.2);
}

.info-noscript, .info-unsupported {
  background: repeating-linear-gradient(45deg, #be0050, #be0050 10px, #b4004c 10px, #b4004c 20px);
  color: #ffffff;
  border: 1px solid rgba(34, 34, 34, 0.2);
}

.static-page-tile-list.blog .static-page-tile-item.draft {
  border: 3px dashed var(--warning-mid);
  padding: 12px;
}
@media (min-width: 768px) {
  .static-page-tile-list.blog .static-page-tile-item.draft {
    padding: 22px;
  }
}
@media (min-width: 768px) {
  .static-page-tile-list.blog .static-page-tile-item.blog {
    height: 310px;
    padding-bottom: 0;
  }
  .static-page-tile-list.blog .static-page-tile-item.blog .image {
    text-align: left;
  }
  .static-page-tile-list.blog .static-page-tile-item.blog .image img {
    display: inline-block;
    width: 100%;
  }
  .static-page-tile-list.blog .static-page-tile-item.blog .top-info {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .static-page-tile-list.blog .static-page-tile-item.blog .top-info {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .static-page-tile-list.blog .static-page-tile-item.blog .action {
    position: static;
  }
}
@media (min-width: 768px) {
  .static-page-tile-list.blog .static-page-tile-item.blog {
    height: 388px;
  }
  .static-page-tile-list.blog .static-page-tile-item.blog .image img {
    max-height: 340px;
  }
}

.mail-merge-preview .container {
  background-color: var(--greyscale-clear);
}

:root {
  --spaceless: 0px;
  --condensed: 5px;
  --spaced: 10px;
  --normal: 15px;
  --semi-wide: 20px;
  --wide: 30px;
  --large: 60px;
  --huge: 90px;
  --font-size-small: 10px;
  --font-size-normal: 14px;
  --font-size-medium: 18px;
  --font-size-large: 24px;
  --font-size-xlarge: 32px;
  --font-size-2xlarge: 48px;
  --font-size-3xlarge: 64px;
  --font-size-4xlarge: 72px;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-normal: 375;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --font-weight-extra-black: 950;
  --default-font-size: 14px;
  --default-font-weight: var(--font-weight-normal);
  --default-font-letter-spacing: 0.4px;
  --default-font-family: 'Source Sans 3', Helvetica, Arial, sans-serif;
  --default-border-radius: 20px;
  --default-component-height: 35px;
  --default-button-icon-size: 16px;
  --default-line-height: 1.4;
  --default-small-border-radius: calc(var(--default-border-radius) * 0.35);
  --default-large-border-radius: calc(var(--default-border-radius) * 2);
  --default-transition-duration: 0.2s;
  --default-long-transition-duration: 0.3s;
  --default-very-long-transition-duration: 0.5s;
  --default-transition-elastic-function: cubic-bezier(0, 2, 1, 1);
  --default-color-mix-ratio: 15%;
  --default-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
  --shadow-margin: 10px;
  --floating-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.15);
  --font-color: #000000;
  --font-color-inverse: #FFFFFF;
  --transparent: transparent;
  --on-transparent: var(--font-color);
  --primary-dark: #032C45;
  --on-primary-dark: var(--font-color-inverse);
  --primary-dim: #0B43A3;
  --on-primary-dim: var(--font-color-inverse);
  --primary-mid: #3769DC;
  --on-primary-mid: var(--font-color-inverse);
  --primary-bright: #96B3F7;
  --on-primary-bright: var(--font-color);
  --primary-clear: #D5E1FF;
  --on-primary-clear: var(--font-color);
  --primary-background: #EFF2F9;
  --on-primary-background: var(--font-color);
  --secondary-dark: #00715C;
  --on-secondary-dark: var(--font-color-inverse);
  --secondary-dim: #008F78;
  --on-secondary-dim: var(--font-color-inverse);
  --secondary-mid: #6BB599;
  --on-secondary-mid: var(--font-color-inverse);
  --secondary-bright: #9ED5BB;
  --on-secondary-bright: var(--font-color);
  --secondary-clear: #D9EBE2;
  --on-secondary-clear: var(--font-color);
  --secondary-background: #EFF8F8;
  --on-secondary-background: var(--font-color);
  --essential-dark: var(--primary-dark);
  --on-essential-dark: var(--font-color-inverse);
  --essential-dim: var(--primary-dim);
  --on-essential-dim: var(--font-color-inverse);
  --essential-mid: var(--primary-mid);
  --on-essential-mid: var(--font-color-inverse);
  --essential-bright: var(--primary-bright);
  --on-essential-bright: var(--font-color);
  --essential-clear: var(--primary-clear);
  --on-essential-clear: var(--font-color);
  --essential-background: var(--primary-background);
  --on-essential-background: var(--font-color);
  --crucial-dark: #8AAA00;
  --on-crucial-dark: var(--font-color-inverse);
  --crucial-dim: #BCDC00;
  --on-crucial-dim: var(--font-color);
  --crucial-mid: #EAFF00;
  --on-crucial-mid: var(--font-color);
  --crucial-bright: #ECF689;
  --on-crucial-bright: var(--font-color);
  --crucial-clear: #F6FAC1;
  --on-crucial-clear: var(--font-color);
  --crucial-background: #F9FAF3;
  --on-crucial-background: var(--font-color);
  --special-dark: #00738B;
  --on-special-dark: var(--font-color-inverse);
  --special-dim: #2F959A;
  --on-special-dim: var(--font-color-inverse);
  --special-mid: #6DBDBF;
  --on-special-mid: var(--font-color-inverse);
  --special-bright: #A5D4CE;
  --on-special-bright: var(--font-color);
  --special-clear: #D7ECEA;
  --on-special-clear: var(--font-color);
  --special-background: #F7F9F8;
  --on-special-background: var(--font-color);
  --artificial-dark: #412291;
  --on-artificial-dark: var(--font-color-inverse);
  --artificial-dim: #3E3DDB;
  --on-artificial-dim: var(--font-color-inverse);
  --artificial-mid: #7A6DF6;
  --on-artificial-mid: var(--font-color-inverse);
  --artificial-bright: #B1B5F8;
  --on-artificial-bright: var(--font-color);
  --artificial-clear: #E5E7FF;
  --on-artificial-clear: var(--font-color);
  --artificial-background: #F5F5F7;
  --on-artificial-background: var(--font-color);
  --success-dark: var(--secondary-dark);
  --on-success-dark: var(--font-color-inverse);
  --success-dim: var(--secondary-dim);
  --on-success-dim: var(--font-color-inverse);
  --success-mid: var(--secondary-mid);
  --on-success-mid: var(--font-color-inverse);
  --success-bright: var(--secondary-bright);
  --on-success-bright: var(--font-color);
  --success-clear: var(--secondary-clear);
  --on-success-clear: var(--font-color);
  --success-background: var(--secondary-background);
  --on-success-background: var(--font-color);
  --warning-dark: #860007;
  --on-warning-dark: var(--font-color-inverse);
  --warning-dim: #CD472B;
  --on-warning-dim: var(--font-color-inverse);
  --warning-mid: #FF6700;
  --on-warning-mid: var(--font-color);
  --warning-bright: #FE9B6A;
  --on-warning-bright: var(--font-color);
  --warning-clear: #FFDBC9;
  --on-warning-clear: var(--font-color);
  --warning-background: #F6F4F3;
  --on-warning-background: var(--font-color);
  --danger-dark: #73004C;
  --on-danger-dark: var(--font-color-inverse);
  --danger-dim: #A61259;
  --on-danger-dim: var(--font-color-inverse);
  --danger-mid: #F6006F;
  --on-danger-mid: var(--font-color-inverse);
  --danger-bright: #F8CAD6;
  --on-danger-bright: var(--font-color);
  --danger-clear: #F3E7EC;
  --on-danger-clear: var(--font-color);
  --danger-background: #F9F6F8;
  --on-danger-background: var(--font-color);
  --greyscale-dark: #1B1B1B;
  --on-greyscale-dark: var(--font-color-inverse);
  --greyscale-dim: #4D4D4D;
  --on-greyscale-dim: var(--font-color-inverse);
  --greyscale-mid: #B1B1B1;
  --on-greyscale-mid: var(--font-color);
  --greyscale-bright: #D5D5D5;
  --on-greyscale-bright: var(--font-color);
  --greyscale-clear: #F2F2F2;
  --on-greyscale-clear: var(--font-color);
  --greyscale-background: #FAFAFA;
  --on-greyscale-background: var(--font-color);
  --white: #FFFFFF;
  --on-white: var(--font-color);
  --black: #000000;
  --on-black: var(--font-color-inverse);
  --lighten: color-mix(in srgb, var(--white) 15%, transparent);
  --on-lighten: undefined;
  --darken: color-mix(in srgb, var(--black) 15%, transparent);
  --on-darken: undefined;
  --light: color-mix(in srgb, var(--white) 50%, transparent);
  --on-light: var(--font-color);
  --dark: color-mix(in srgb, var(--black) 50%, transparent);
  --on-dark: var(--font-color-inverse);
  --dpa: #3A67E5;
  --on-dpa: var(--font-color-inverse);
  --kuerschner-mid: #E62F11;
  --on-kuerschner-mid: var(--font-color-inverse);
  --kuerschner-background: #FFF5F5;
  --on-kuerschner-background: var(--font-color-inverse);
  --z-index-global-info: 10000;
  --z-index-contextmenu: 1100;
  --z-index-fullscreen-overlay: 1080;
  --z-index-z-boost: 1075;
  --z-index-messages: 1060;
  --z-index-dialog: 1050;
  --z-index-dropdown: 1000;
  --z-index-navbar: 940;
  --z-index-sidebar: 930;
  --z-index-secondary-navbar: 925;
  --z-index-overlay: 920;
  --z-index-submenu: 915;
  --z-index-fixed-page: 910;
  --z-index-footer: 905;
  --page-min-width: 320px;
  --sidebar-width: 440px;
  --sidebar-button-space: 72px;
  --default-navbar-height: 50px;
  --default-secondary-navbar-phone-height: 70px;
  --navbar-height: var(--default-navbar-height);
  --footer-height: var(--default-navbar-height);
}

.komm-x {
  --primary-dark: #430460;
  --primary-dim: #572384;
  --primary-mid: #7542BC;
  --primary-bright: #9C79C6;
  --primary-clear: #E2D8EA;
  --primary-background: #F1F1F4;
  --secondary-dark: #860007;
  --secondary-dim: #CD472B;
  --secondary-mid: #FF6700;
  --secondary-bright: #FE9B6A;
  --secondary-clear: #FFDBC9;
  --secondary-background: #F6F4F3;
  --essential-dark: #175B57;
  --essential-dim: #238170;
  --essential-mid: #00B08B;
  --essential-bright: #6FC9B0;
  --essential-clear: #CEEDDF;
  --essential-background: #F4F7F5;
  --crucial-dark: #600442;
  --crucial-dim: #90234F;
  --on-crucial-dim: var(--font-color-inverse);
  --crucial-mid: #E11B65;
  --on-crucial-mid: var(--font-color-inverse);
  --crucial-bright: #EB7E9B;
  --crucial-clear: #F2DEE7;
  --crucial-background: #FAF6F8;
  --special-dark: #731A73;
  --special-dim: #963B96;
  --special-mid: #BE58BD;
  --special-bright: #D381D3;
  --special-clear: #EFE3EF;
  --special-background: #F6F4F6;
  --artificial-dark: #362182;
  --artificial-dim: #3636D0;
  --artificial-mid: #6D63EF;
  --artificial-bright: #A8ACF3;
  --artificial-clear: #E1E3FD;
  --artificial-background: #F3F3F6;
  --success-dark: var(--essential-dark);
  --success-dim: var(--essential-dim);
  --success-mid: var(--essential-mid);
  --success-bright: var(--essential-bright);
  --success-clear: var(--essential-clear);
  --success-background: var(--essential-background);
  --danger-dark: #600442;
  --danger-dim: #90234F;
  --on-danger-dim: var(--font-color-inverse);
  --danger-mid: #E11B65;
  --on-danger-mid: var(--font-color-inverse);
  --danger-bright: #EB7E9B;
  --danger-clear: #F2DEE7;
  --danger-background: #FAF6F8;
}

.polit-x {
  --transparent: transparent;
  --on-transparent: var(--font-color);
  --primary-dark: #032C45;
  --on-primary-dark: var(--font-color-inverse);
  --primary-dim: #0B43A3;
  --on-primary-dim: var(--font-color-inverse);
  --primary-mid: #3769DC;
  --on-primary-mid: var(--font-color-inverse);
  --primary-bright: #96B3F7;
  --on-primary-bright: var(--font-color);
  --primary-clear: #D5E1FF;
  --on-primary-clear: var(--font-color);
  --primary-background: #EFF2F9;
  --on-primary-background: var(--font-color);
  --secondary-dark: #00715C;
  --on-secondary-dark: var(--font-color-inverse);
  --secondary-dim: #008F78;
  --on-secondary-dim: var(--font-color-inverse);
  --secondary-mid: #6BB599;
  --on-secondary-mid: var(--font-color-inverse);
  --secondary-bright: #9ED5BB;
  --on-secondary-bright: var(--font-color);
  --secondary-clear: #D9EBE2;
  --on-secondary-clear: var(--font-color);
  --secondary-background: #EFF8F8;
  --on-secondary-background: var(--font-color);
  --essential-dark: var(--primary-dark);
  --on-essential-dark: var(--font-color-inverse);
  --essential-dim: var(--primary-dim);
  --on-essential-dim: var(--font-color-inverse);
  --essential-mid: var(--primary-mid);
  --on-essential-mid: var(--font-color-inverse);
  --essential-bright: var(--primary-bright);
  --on-essential-bright: var(--font-color);
  --essential-clear: var(--primary-clear);
  --on-essential-clear: var(--font-color);
  --essential-background: var(--primary-background);
  --on-essential-background: var(--font-color);
  --crucial-dark: #8AAA00;
  --on-crucial-dark: var(--font-color-inverse);
  --crucial-dim: #BCDC00;
  --on-crucial-dim: var(--font-color);
  --crucial-mid: #EAFF00;
  --on-crucial-mid: var(--font-color);
  --crucial-bright: #ECF689;
  --on-crucial-bright: var(--font-color);
  --crucial-clear: #F6FAC1;
  --on-crucial-clear: var(--font-color);
  --crucial-background: #F9FAF3;
  --on-crucial-background: var(--font-color);
  --special-dark: #00738B;
  --on-special-dark: var(--font-color-inverse);
  --special-dim: #2F959A;
  --on-special-dim: var(--font-color-inverse);
  --special-mid: #6DBDBF;
  --on-special-mid: var(--font-color-inverse);
  --special-bright: #A5D4CE;
  --on-special-bright: var(--font-color);
  --special-clear: #D7ECEA;
  --on-special-clear: var(--font-color);
  --special-background: #F7F9F8;
  --on-special-background: var(--font-color);
  --artificial-dark: #412291;
  --on-artificial-dark: var(--font-color-inverse);
  --artificial-dim: #3E3DDB;
  --on-artificial-dim: var(--font-color-inverse);
  --artificial-mid: #7A6DF6;
  --on-artificial-mid: var(--font-color-inverse);
  --artificial-bright: #B1B5F8;
  --on-artificial-bright: var(--font-color);
  --artificial-clear: #E5E7FF;
  --on-artificial-clear: var(--font-color);
  --artificial-background: #F5F5F7;
  --on-artificial-background: var(--font-color);
  --success-dark: var(--secondary-dark);
  --on-success-dark: var(--font-color-inverse);
  --success-dim: var(--secondary-dim);
  --on-success-dim: var(--font-color-inverse);
  --success-mid: var(--secondary-mid);
  --on-success-mid: var(--font-color-inverse);
  --success-bright: var(--secondary-bright);
  --on-success-bright: var(--font-color);
  --success-clear: var(--secondary-clear);
  --on-success-clear: var(--font-color);
  --success-background: var(--secondary-background);
  --on-success-background: var(--font-color);
  --warning-dark: #860007;
  --on-warning-dark: var(--font-color-inverse);
  --warning-dim: #CD472B;
  --on-warning-dim: var(--font-color-inverse);
  --warning-mid: #FF6700;
  --on-warning-mid: var(--font-color);
  --warning-bright: #FE9B6A;
  --on-warning-bright: var(--font-color);
  --warning-clear: #FFDBC9;
  --on-warning-clear: var(--font-color);
  --warning-background: #F6F4F3;
  --on-warning-background: var(--font-color);
  --danger-dark: #73004C;
  --on-danger-dark: var(--font-color-inverse);
  --danger-dim: #A61259;
  --on-danger-dim: var(--font-color-inverse);
  --danger-mid: #F6006F;
  --on-danger-mid: var(--font-color-inverse);
  --danger-bright: #F8CAD6;
  --on-danger-bright: var(--font-color);
  --danger-clear: #F3E7EC;
  --on-danger-clear: var(--font-color);
  --danger-background: #F9F6F8;
  --on-danger-background: var(--font-color);
  --greyscale-dark: #1B1B1B;
  --on-greyscale-dark: var(--font-color-inverse);
  --greyscale-dim: #4D4D4D;
  --on-greyscale-dim: var(--font-color-inverse);
  --greyscale-mid: #B1B1B1;
  --on-greyscale-mid: var(--font-color);
  --greyscale-bright: #D5D5D5;
  --on-greyscale-bright: var(--font-color);
  --greyscale-clear: #F2F2F2;
  --on-greyscale-clear: var(--font-color);
  --greyscale-background: #FAFAFA;
  --on-greyscale-background: var(--font-color);
  --white: #FFFFFF;
  --on-white: var(--font-color);
  --black: #000000;
  --on-black: var(--font-color-inverse);
  --lighten: color-mix(in srgb, var(--white) 15%, transparent);
  --on-lighten: undefined;
  --darken: color-mix(in srgb, var(--black) 15%, transparent);
  --on-darken: undefined;
  --light: color-mix(in srgb, var(--white) 50%, transparent);
  --on-light: var(--font-color);
  --dark: color-mix(in srgb, var(--black) 50%, transparent);
  --on-dark: var(--font-color-inverse);
  --dpa: #3A67E5;
  --on-dpa: var(--font-color-inverse);
  --kuerschner-mid: #E62F11;
  --on-kuerschner-mid: var(--font-color-inverse);
  --kuerschner-background: #FFF5F5;
  --on-kuerschner-background: var(--font-color-inverse);
}

body {
  accent-color: var(--essential-mid);
  --link-color: var(--black);
  --divider-tranparency: 15%;
  --divider-color: color-mix(in srgb, var(--black) var(--divider-tranparency), transparent);
  --button-default-background: var(--essential-mid);
  --button-default-color: var(--on-essential-mid);
  --calendar-hover-background: var(--essential-clear);
  --calendar-selection-background: var(--essential-clear);
  --calendar-selection-background-hover: color-mix(in srgb, var(--essential-clear), #000 10%);
  --calendar-selection-color: var(--on-essential-clear);
  --calendar-selection-ends-background: var(--essential-mid);
  --calendar-selection-ends-background-hover: color-mix(in srgb, var(--essential-mid), #000 10%);
  --calendar-selection-ends-color: var(--on-essential-mid);
  --calendar-today-color: var(--essential-dim);
  --calendar-today-selected-color: var(--on-essential-dim);
  --chart-brush-stroke: var(--primary-dark);
  --dropdown-icon-color-default: var(--essential-mid);
  --form-field-background: var(--white);
  --lead-status-archived: var(--crucial-mid);
  --lead-status-search_result: var(--black);
  --lead-status-lead: var(--secondary-mid);
  --lead-status-review: var(--primary-mid);
  --lead-status-published: var(--essential-mid);
  --mail-header-background: var(--primary-dark);
  --mail-header-color: var(--on-primary-dark);
  --mail-footer-background: var(--essential-clear);
  --mail-footer-color: var(--on-essential-clear);
  --navbar-background: var(--white);
  --navbar-color: var(--on-white);
  --navbar-number-background: var(--danger-mid);
  --onoffswitch-handle-color: var(--white);
  --onoffswitch-handle-disabled-color: var(--greyscale-clear);
  --onoffswitch-background-color: var(--essential-mid);
  --onoffswitch-background-border-color: var(--essential-mid);
  --onoffswitch-disabled-background-color: var(--greyscale-clear);
  --onoffswitch-disabled-background-border-color: var(--greyscale-clear);
  --onoffswitch-off-background-color: var(--greyscale-mid);
  --onoffswitch-off-background-border-color: var(--greyscale-mid);
  --pill-action-color-default: var(--black);
  --pdf-viewer-background: var(--greyscale-dim);
  --pdf-viewer-color: var(--font-color-inverse);
  --popover-header-background: var(--primary-dim);
  --popover-header-color: var(--on-primary-dim);
  --popover-content-background: var(--white);
  --search-highlight: var(--essential-clear);
  --tab-selection-color-default: var(--font-color);
  --tree-action-color: var(--essential-mid);
  --tree-collapse-color: var(--font-color);
  --tooltip-background: var(--black);
}

html, body {
  min-width: var(--page-min-width);
  margin: 0;
  padding: 0;
  color: var(--font-color) !important;
  font-size: var(--default-font-size);
}

html, body, .tooltip, .popover {
  letter-spacing: var(--default-font-letter-spacing);
  font-family: var(--default-font-family);
  font-weight: var(--default-font-weight);
  line-height: var(--default-line-height);
}

html {
  position: relative;
  scroll-behavior: smooth;
}
html :target {
  scroll-margin-top: var(--navbar-height);
}

body {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}
body:not(.pdf, .static-page) {
  background: var(--primary-background);
}
body.no-navbar .vue-app {
  padding-top: 0;
}
body.modal-open .message-bar.fixed-top {
  top: 0;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--greyscale-mid) transparent;
}

.vue-app {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  display: none;
  min-height: 100vh;
}
.vue-app.initialized {
  display: grid;
}
.vue-app .page-content {
  min-width: 0;
  grid-column: 1;
  grid-row: 1;
}
.vue-app .app {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  min-height: 100%;
  padding-bottom: var(--huge);
}
.vue-app .app .vue-loader, .vue-app .app .vue-content {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  padding-top: var(--navbar-height);
}
@media (max-width: 1199.98px) {
  .vue-app .app.has-secondary-navbar .vue-content {
    padding-bottom: var(--navbar-height);
  }
}
@media (min-width: 1200px) {
  .vue-app .app.has-secondary-navbar {
    --navbar-height: calc(2 * var(--default-navbar-height));
  }
}
.vue-app .bottom-banner {
  grid-column: 1;
  grid-row: 2;
}
.vue-app footer {
  grid-column: 1;
  grid-row: 3;
  z-index: var(--z-index-footer);
}

.position-sticky-top {
  position: sticky;
  top: var(--navbar-height);
  z-index: 100;
}

.position-sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 100;
}

.fixed-anchor {
  padding-top: calc(var(--navbar-height) + 10px);
  margin-top: calc(10px - (var(--navbar-height) + 10px));
}

.message-bar {
  z-index: var(--z-index-messages);
}
.message-bar.fixed-top {
  top: var(--navbar-height);
}
.message-bar.fixed-bottom {
  bottom: 0;
}
@media (max-width: 1199.98px) {
  .message-bar.fixed-bottom {
    z-index: var(--z-index-fixed-page);
    bottom: var(--default-secondary-navbar-phone-height);
  }
}

.message-bar-content {
  min-height: var(--default-navbar-height);
}

.politician-img-fluid {
  aspect-ratio: 0.7224080268;
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
}

.cooperation-copyright {
  position: absolute;
  left: 5px;
  color: var(--kuerschner-mid);
  display: none;
}

.cooperation-copyright-wrapper {
  position: relative;
}
.cooperation-copyright-wrapper .cooperation-copyright {
  bottom: 2px;
}
.cooperation-copyright-wrapper:hover .cooperation-copyright {
  display: inline;
}

.politician-img {
  position: relative;
}
.politician-img .cooperation-copyright {
  bottom: 6%;
}
.politician-img .cooperation-copyright.always-visible {
  display: inline;
}
.politician-img:hover .cooperation-copyright {
  display: inline;
}
.politician-img::after {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6%;
  background: repeating-linear-gradient(45deg, var(--kuerschner-mid), var(--kuerschner-mid) 22%, white 22%, white 44%);
}

.politician-wrapper {
  position: relative;
  height: auto;
  width: auto;
  padding: 0;
}
.politician-wrapper:after {
  content: " ";
  padding-top: 100%;
  display: block;
}
.politician-wrapper .politician-content {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
}
.politician-wrapper .politician-content .politician {
  position: relative;
  height: 100%;
  padding: 12px;
  color: var(--font-color);
  background-color: var(--white);
  border-radius: var(--default-small-border-radius);
}
.politician-wrapper .politician-content .politician.selected {
  background-color: var(--essential-clear);
}
.politician-wrapper .politician-content .politician.selected ~ .bookmark-flag {
  color: var(--on-essential-clear);
}
.politician-wrapper .politician-content .politician ~ .bookmark-buttons {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  left: 0;
  padding: 2px 5px;
}
.politician-wrapper .politician-content .politician ~ .bookmark-buttons > * {
  margin-left: 0;
}
.politician-wrapper .politician-content .politician ~ .bookmark-flag {
  position: absolute;
  top: 0;
  right: 2.8em;
}
.politician-wrapper .politician-content .politician .head {
  height: 69%;
  width: 49.8461538462%;
  margin-top: -12px;
  margin-bottom: 10px;
}
.politician-wrapper .politician-content .politician .head img {
  height: 100%;
  aspect-ratio: 0.7224080268;
  object-fit: cover;
  filter: grayscale(1);
}
.politician-wrapper .politician-content .politician .faction {
  position: absolute;
  right: 10px;
  top: 25px;
  width: 35%;
}
.politician-wrapper .politician-content .politician .faction img {
  width: 100%;
  height: auto;
}
.politician-wrapper .politician-content .politician .name {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 1.3em;
  font-weight: bold;
  position: relative;
  top: -2px;
}
.politician-wrapper .politician-content .politician .parliament {
  font-size: 0.8em;
  font-style: italic;
  position: relative;
  top: -3px;
}
.politician-wrapper .politician-content .politician .position {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  font-size: 0.8em;
  padding-right: 1em;
  color: #777;
  position: relative;
  top: -3px;
}
.politician-wrapper .politician-content .politician.with-cooperation {
  background: repeating-linear-gradient(45deg, var(--kuerschner-background), var(--kuerschner-background) 25px, var(--white) 25px, var(--white) 50px);
  padding-bottom: 15px;
}
.politician-wrapper .politician-content .politician .cooperation {
  position: absolute;
  bottom: 10px;
  right: 10px;
  text-align: right;
  line-height: 35px;
}
.politician-wrapper .politician-content .politician .cooperation img {
  height: 35px;
  vertical-align: bottom;
  display: inline-block;
  margin-left: 2px;
}
.politician-wrapper .politician-content .politician .cooperation span {
  vertical-align: bottom;
  font-size: 0.6em;
  line-height: 1em;
}
.politician-wrapper .btn-meta, .politician-wrapper .btn-bookmark {
  position: absolute;
}
.politician-wrapper .btn-meta {
  right: 0;
  bottom: 0;
  text-align: right;
  padding: 2px 5px;
  color: var(--primary-dim);
}
.politician-wrapper .meta-info {
  padding: 15px;
  background: var(--white);
}
.politician-wrapper .meta-info .caption {
  font-weight: bold;
  margin-top: 0.5em;
  color: var(--primary-dim);
}
.politician-wrapper .meta-info .caption:first-child {
  margin-top: 0;
}
.politician-wrapper .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 7px;
}

body.hijacked .politician-column-container {
  position: sticky;
  top: var(--navbar-height)30px10px;
}

.politician-column-container {
  position: sticky;
  top: var(--navbar-height)10px;
}
.politician-column-container .politician-column {
  margin-left: -10px;
  margin-right: -10px;
  height: 100vh;
}
.politician-column-container .politician-column .politician-wrapper .politician .cooperation {
  bottom: 15px;
}
.politician-column-container .politician-column .politician-wrapper .politician .head {
  margin-bottom: 7%;
}

.politician-page .left-politician-monitor-column {
  min-width: 250px;
}
.politician-page .filter-column .tile.logo {
  line-height: 1.5;
  padding-left: 0;
  padding-right: 0;
}
.politician-page .filter-column .tile.logo .title {
  margin-top: 0.5em;
  font-size: 2em;
  color: var(--essential-dim);
  font-weight: 700;
  margin-bottom: 0.25em;
}
.politician-page .filter-column .tile.logo .kurschner-line-2 {
  font-weight: bold;
}
.politician-page .filter-column .tile.logo .kurschner-tooltip {
  color: var(--kuerschner-mid);
}
.politician-page .filter-column .tile.logo .kurschner-stripes {
  height: 16px;
  width: 100%;
  background: repeating-linear-gradient(45deg, white, white 16px, var(--kuerschner-mid) 16px, var(--kuerschner-mid) 32px);
  position: absolute;
  bottom: 0;
}
.politician-page .categories-empty {
  min-height: 400px;
  line-height: 150px;
  vertical-align: middle;
}
.politician-page .categories-empty .message {
  display: inline;
  text-align: center;
  line-height: var(--default-line-height);
  color: var(--primary-dark);
  font-size: 1.5em;
  padding: 0 10%;
  font-weight: 300;
}
.politician-page .categories-empty .message .info {
  margin-bottom: 1em;
  color: var(--link-color);
}
.politician-page .categories-empty .message .stats b, .politician-page .categories-empty .message .stats strong {
  font-weight: 600;
}
.politician-page .categories {
  list-style: none;
  padding-left: 0;
}
.politician-page .categories .category-item .header {
  color: var(--font-color-inverse);
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 10px;
}
.politician-page .categories .category-item .header .caption {
  background-color: var(--primary-dim);
  margin-right: 82px;
  padding: 2px 0.5em;
  line-height: 1.53em;
}
.politician-page .categories .category-item .header .select-all {
  font-size: 0.6em;
  vertical-align: middle;
}
.politician-page .categories .category-item .header .select-all input {
  margin-top: -2px;
  vertical-align: middle;
}
.politician-page .categories .category-item .header .select-all, .politician-page .categories .category-item .header .btn-header {
  float: right;
}
.politician-page .categories .category-item .header .btn-header {
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 0.9em;
  vertical-align: middle;
  line-height: 34px;
  margin-left: 5px;
  padding: 0;
}
.politician-page .categories .category-item .header .name {
  display: inline-block;
  max-width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.politician-page .categories .category-item .politicians {
  margin-right: 10px;
  margin-left: 10px;
}
.politician-page .categories .category-item .politicians .politician-search-empty {
  text-align: center;
  line-height: 198px;
  vertical-align: middle;
  margin-bottom: 10px;
}
.politician-page .categories .category-item .politicians .politician-tile {
  margin-bottom: 10px;
}
.politician-page .categories .category-item .politicians .politician-tile .politician-wrapper {
  margin-left: -10px;
  margin-right: -10px;
}
.politician-page .categories .category-item .politicians .politician-tile .politician-wrapper .politician {
  user-select: none;
  transition: transform 0.01s;
}
.politician-page .categories .category-item .politicians .politician-tile .politician-wrapper .politician:hover {
  transform: scale(1.02);
}
.politician-page .categories .category-item .politicians .politician-tile .politician-wrapper .politician:hover:active {
  transform: scale(1.01);
}
.politician-page .categories .category-item .politicians .politician-tile .politician-wrapper .politician img {
  pointer-events: none;
}
.politician-page .politician-documents {
  min-height: 600px;
}
.politician-page .politician-documents .loader {
  line-height: 505px;
  min-height: 505px;
  text-align: center;
}
.politician-page .politician-documents .loader .px-spinner {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.politician-details-modal .name {
  font-size: 1.5em;
  font-weight: 800;
}
.politician-details-modal .parliament {
  font-style: italic;
}
.politician-details-modal .header {
  margin-bottom: 25px;
}
@media (min-width: 1200px) {
  .politician-details-modal .header .header-left-half {
    border-right: 1px solid var(--divider-color);
  }
}
.politician-details-modal .header .header-left-half .faction img {
  max-width: 100px;
  left: -12px;
  position: relative;
}
.politician-details-modal .header .header-right-half {
  display: inline-block;
  margin-top: 2em;
}
@media (min-width: 1200px) {
  .politician-details-modal .header .header-right-half {
    margin-top: 0;
    padding-left: 50px;
  }
}
.politician-details-modal .header .header-right-half .title {
  padding-left: 1px;
  font-weight: bold;
  color: var(--greyscale-mid) !important;
}
.politician-details-modal .header .header-right-half .politician-contact-data-table {
  line-height: 200%;
}
.politician-details-modal .header .header-right-half .politician-contact-data-table a {
  color: var(--primary-dim) !important;
}
.politician-details-modal .header .header-right-half .politician-contact-data-table tr > td:nth-of-type(2) {
  padding-left: 1em;
  font-size: 1.1em;
}
.politician-details-modal .subheader {
  border-top: 1px solid var(--divider-color);
  border-bottom: 1px solid var(--divider-color);
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 2em;
  display: flex;
}
.politician-details-modal .subheader .title {
  font-weight: bold;
  color: var(--greyscale-mid) !important;
}
.politician-details-modal .subheader .country-tile, .politician-details-modal .subheader .profession-tile, .politician-details-modal .subheader .party-tile {
  width: 100%;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .politician-details-modal .subheader .country-tile, .politician-details-modal .subheader .profession-tile, .politician-details-modal .subheader .party-tile {
    width: auto;
    max-width: 400px;
    padding-right: 3em;
  }
}
.politician-details-modal .subheader .birthplace-tile {
  width: 100%;
  margin-top: 1em;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .politician-details-modal .subheader .birthplace-tile {
    margin-top: 0;
    width: auto;
    max-width: 400px;
    padding-left: 3em;
    padding-right: 3em;
    border-left: 1px solid var(--divider-color);
    border-right: 1px solid var(--divider-color);
  }
}
.politician-details-modal .subheader .birthday-tile {
  width: 100%;
  margin-top: 1em;
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .politician-details-modal .subheader .birthday-tile {
    margin-top: 0;
    width: auto;
    max-width: 400px;
    padding-left: 3em;
  }
}
.politician-details-modal .section-title {
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.3em;
  padding-left: 1em;
  margin-bottom: 0.75em;
}
.politician-details-modal .cooperation-tag-1 {
  position: absolute;
  right: 0;
  top: -58px;
}
.politician-details-modal .cooperation-tag {
  display: flex;
  justify-content: right;
  align-items: center;
}
.politician-details-modal .cooperation-tag img {
  margin-left: 7px;
}

.politician-tile-content {
  background-color: var(--white);
  padding: 1em 0.5em;
}
.politician-tile-content:not(:last-child) {
  border-bottom: 1px solid var(--background-color);
}
.politician-tile-content .left-column {
  display: inline-block;
  font-weight: normal;
  width: 30%;
}
@media (max-width: 991.98px) {
  .politician-tile-content .left-column {
    width: 100%;
  }
}
.politician-tile-content .right-column {
  display: inline-block;
  font-weight: 700;
  width: 68.9%;
}
@media (max-width: 991.98px) {
  .politician-tile-content .right-column {
    width: 100%;
  }
}

.profile .breadcrumb {
  background-color: var(--white);
  margin-bottom: 40px;
}

.header-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 2em;
  line-height: 2.5em;
  text-align: center;
  border-radius: 1px 0 0 1px;
  background-color: var(--primary-dim);
  color: var(--font-color-inverse);
  padding: 0;
  cursor: default;
}
.header-icon * {
  vertical-align: middle;
}

.clippings, .reports, .executed-clippings {
  list-style: none;
  margin: 0;
  padding: 0;
}
.clippings > li, .reports > li, .executed-clippings > li {
  margin: 15px 0 15px 0;
}
.clippings .wrapper, .reports .wrapper, .executed-clippings .wrapper {
  padding: 0;
}
.clippings .wrapper .header-icon, .reports .wrapper .header-icon, .executed-clippings .wrapper .header-icon {
  font-size: 1.2em;
}
.clippings .wrapper .header, .reports .wrapper .header, .executed-clippings .wrapper .header {
  background-color: var(--greyscale-clear);
  position: relative;
  padding-left: 2.5em;
}
.clippings .wrapper .header .header-item, .reports .wrapper .header .header-item, .executed-clippings .wrapper .header .header-item {
  display: inline-block;
  font-size: 1.1em;
  padding: 10px;
  cursor: default;
  border-right: 5px solid var(--white);
  vertical-align: middle;
  min-width: 160px;
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
}
.clippings .wrapper .header .header-item:hover, .reports .wrapper .header .header-item:hover, .executed-clippings .wrapper .header .header-item:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.clippings .wrapper .header .header-item span.fa, .reports .wrapper .header .header-item span.fa, .executed-clippings .wrapper .header .header-item span.fa {
  margin-right: 5px;
}
.clippings .wrapper .header .header-item.primary, .reports .wrapper .header .header-item.primary, .executed-clippings .wrapper .header .header-item.primary {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  min-width: 200px;
  max-width: 400px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.clippings .wrapper .header .action, .reports .wrapper .header .action, .executed-clippings .wrapper .header .action {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 5px;
}
.clippings .wrapper .header .action .btn-square, .reports .wrapper .header .action .btn-square, .executed-clippings .wrapper .header .action .btn-square {
  padding: 0;
  font-size: 1.4em;
  line-height: 1.6em;
  width: 1.64em;
  height: 100%;
}
.clippings .wrapper .body, .reports .wrapper .body, .executed-clippings .wrapper .body {
  padding: 10px 10px 10px 45px;
}
.clippings .wrapper .body ul, .reports .wrapper .body ul, .executed-clippings .wrapper .body ul {
  margin-left: 0;
}
.clippings .wrapper .body .date, .reports .wrapper .body .date, .executed-clippings .wrapper .body .date {
  font-weight: 700;
}

.executed-clipping-filter {
  float: right;
}
.executed-clipping-filter select {
  max-width: 600px;
}

.profile-dashboard .tile .graph {
  position: relative;
  height: 250px;
}
.profile-dashboard .tile svg {
  position: absolute;
  height: 250px;
}
@media (max-width: 1199px) {
  .profile-dashboard .tile .graph {
    height: 255px;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.profile-dashboard .dashboard-tile {
  height: 335px;
  padding: 15px;
}
.profile-dashboard .alert-history svg .alert-graph {
  stroke: var(--essential-bright);
}
.profile-dashboard .alert-history svg .alert-graph-fill {
  fill: var(--essential-bright);
}
.profile-dashboard .alert-history svg .legend g:hover rect, .profile-dashboard .alert-history svg .legend g.selected rect {
  fill: var(--essential-mid);
}
.profile-dashboard .alert-history svg .legend g:hover rect:hover, .profile-dashboard .alert-history svg .legend g.selected rect:hover {
  fill: color-mix(in srgb, var(--essential-mid), var(--white) 20%);
}
.profile-dashboard .alert-history svg .legend g:hover text, .profile-dashboard .alert-history svg .legend g.selected text {
  fill: var(--font-color-inverse);
}
.profile-dashboard .alert-history svg .legend rect {
  stroke: var(--greyscale-mid);
  fill: transparent;
}
.profile-dashboard .alert-history svg .legend text {
  pointer-events: none;
  font-weight: bold;
  font-size: 0.9em;
}
.profile-dashboard .twitter-list {
  position: relative;
  height: 200px;
  color: var(--on-primary-dim);
  font-weight: 300;
  background-color: var(--primary-dim);
  padding: 10px;
  padding-left: 60px;
  border-radius: var(--default-border-radius);
}
.profile-dashboard .twitter-list .px-spinner-wrapper {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 50%;
}
.profile-dashboard .twitter-list .px-spinner-wrapper .px-spinner {
  margin-top: 80px;
  margin-bottom: 80px;
}
.profile-dashboard .twitter-list .px-spinner-wrapper .px-spinner .px-line {
  background-color: var(--font-color-inverse);
}
.profile-dashboard .twitter-list .list-wrapper {
  overflow: hidden;
  height: 100%;
}
.profile-dashboard .twitter-list ul {
  height: 100%;
  padding-left: 0;
  margin-right: -20px;
  list-style: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.profile-dashboard .twitter-list ul li > a {
  display: block;
  padding: 5px;
  border-bottom: 1px solid color-mix(in srgb, var(--white) 20%, transparent);
}
.profile-dashboard .twitter-list ul li > a:hover {
  background-color: color-mix(in srgb, var(--white) 5%, transparent);
}
.profile-dashboard .twitter-list .icon {
  font-size: 1.5em;
  position: absolute;
  left: 0;
  width: 60px;
  top: 0;
  height: 100%;
  line-height: 200px;
  text-align: center;
  vertical-align: middle;
}
.profile-dashboard .twitter-list .icon:hover {
  background-color: color-mix(in srgb, var(--white) 5%, transparent);
}
.profile-dashboard .twitter-ticker {
  position: relative;
  color: var(--on-primary-dim);
  font-weight: 300;
  overflow: hidden;
  background-color: var(--primary-dim);
  border-radius: var(--default-border-radius);
}
.profile-dashboard .twitter-ticker .px-spinner-wrapper {
  position: absolute;
  z-index: 100;
  top: 4px;
  left: 50%;
  width: 15px;
  height: 15px;
}
.profile-dashboard .twitter-ticker .px-spinner-wrapper .px-line {
  background-color: var(--font-color-inverse);
}
.profile-dashboard .twitter-ticker:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  box-shadow: -10px 0 5px 5px var(--primary-dim) inset;
  pointer-events: none;
}
.profile-dashboard .twitter-ticker .divider {
  margin: 0 20px;
}
.profile-dashboard .twitter-ticker .divider span {
  margin: 0 2px;
}
.profile-dashboard .twitter-ticker .caption {
  position: absolute;
  background-color: var(--primary-dim);
  color: var(--on-primary-dim);
  z-index: 1;
  top: 0;
  height: 28px;
  left: 0;
  line-height: 28px;
  Padding: 0 10px 0 10px;
  box-shadow: 10px 0 5px 5px var(--primary-dim);
  vertical-align: middle;
  font-weight: bold;
}
.profile-dashboard .twitter-ticker .caption:hover:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  background-color: color-mix(in srgb, var(--white) 10%, transparent);
}
.profile-dashboard .twitter-ticker .marquee {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  Padding: 4px;
  padding-left: 8em;
}
.profile-dashboard .twitter-ticker .marquee .marquee-slider {
  display: inline-block;
  animation: marquee 3200s linear infinite;
}
.profile-dashboard .twitter-ticker .marquee .marquee-slider:hover {
  animation-play-state: paused;
}
@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
.profile-dashboard .ministry-news .ministries {
  position: relative;
  list-style: none;
  padding: 0 0 1em 0;
}
.profile-dashboard .ministry-news .ministry {
  position: relative;
  padding-left: 62px;
  padding-top: 5px;
  line-height: 1.2em;
}
.profile-dashboard .ministry-news .ministry:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.profile-dashboard .ministry-news .ministry .source-icon {
  position: absolute;
  left: 0;
  width: 54px;
}
.profile-dashboard .ministry-news .ministry .content {
  min-height: 65px;
}
.profile-dashboard .ministry-news .ministry .caption {
  font-size: 1.1em;
}
.profile-dashboard .ministry-news .ministry .text {
  font-weight: 300;
  font-size: 0.85em;
  margin-top: 2px;
}
.profile-dashboard .parliament-count .graph .arc.oesterreich {
  fill: var(--primary-dim);
}
.profile-dashboard .parliament-count .graph .legend rect.oesterreich {
  fill: var(--primary-dim);
}
.profile-dashboard .states-count .state:hover {
  opacity: 0.8 !important;
}
.profile-dashboard .states-count .graph .empty {
  fill: var(--greyscale-bright);
}
.profile-dashboard .states-count .graph .u25 {
  fill: var(--primary-bright);
}
.profile-dashboard .states-count .graph .u50 {
  fill: var(--primary-mid);
}
.profile-dashboard .states-count .graph .o50 {
  fill: var(--primary-dim);
}
.profile-dashboard .states-count .graph .o25 {
  fill: var(--primary-dark);
}
.profile-dashboard .graph {
  font-weight: 300;
}
.profile-dashboard .graph .bund, .profile-dashboard .graph .landkreise {
  fill: var(--primary-dim);
}
.profile-dashboard .graph .bundeslaender, .profile-dashboard .graph .kreisfreie {
  fill: var(--primary-mid);
}
.profile-dashboard .graph .europa, .profile-dashboard .graph .kommunen {
  fill: var(--primary-bright);
}
.profile-dashboard .graph .axis text {
  font-size: 1.3em;
}

.alert-trend thead, .trend_analysis thead {
  word-break: keep-all;
  white-space: nowrap;
}
.alert-trend .topic, .trend_analysis .topic {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
  max-width: 95px;
}
.alert-trend tr.current_search, .trend_analysis tr.current_search {
  background-color: #00E0C0;
  color: var(--font-color-inverse);
}
.alert-trend th, .alert-trend td, .trend_analysis th, .trend_analysis td {
  border-color: #eee;
  line-height: 1.48;
}
.alert-trend .trend_icon .icon, .trend_analysis .trend_icon .icon {
  --fa-primary-color: var(--white);
  --fa-secondary-opacity: 1.0;
}
.alert-trend .trend_icon .icon.up, .trend_analysis .trend_icon .icon.up {
  --fa-secondary-color: var(--success-mid);
}
.alert-trend .trend_icon .icon.steady, .trend_analysis .trend_icon .icon.steady {
  --fa-secondary-color: var(--greyscale-mid);
}
.alert-trend .trend_icon .icon.down, .trend_analysis .trend_icon .icon.down {
  --fa-secondary-color: var(--danger-mid);
}
.alert-trend .MACD, .alert-trend .trend_icon, .trend_analysis .MACD, .trend_analysis .trend_icon {
  background-color: var(--primary-dim);
  color: var(--font-color-inverse);
}
.alert-trend .MACD:not(:last-child), .trend_analysis .MACD:not(:last-child) {
  border-right: none;
}
.alert-trend .trend_icon, .trend_analysis .trend_icon {
  border-left: none;
}
.alert-trend .long_range, .alert-trend .short_range, .alert-trend .MACD, .trend_analysis .long_range, .trend_analysis .short_range, .trend_analysis .MACD {
  text-align: center;
}
.alert-trend td.MACD, .trend_analysis td.MACD {
  text-align: right;
  padding-right: 0;
}

.profile-map-tip {
  background-color: var(--white);
  padding: 3px;
  pointer-events: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.document_slice {
  margin: 0 auto;
  max-width: 1000px;
  color: #313131;
  --link-color: var(--essential-mid);
}
@media (min-width: 768px) {
  .document_slice {
    min-width: 600px;
    Padding: 20px 50px 0 50px;
  }
}
.document_slice .header-wrapper {
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}
.document_slice .header-wrapper .header {
  background-color: var(--white);
}
.document_slice .header-wrapper .header .brand {
  padding: 15px 30px;
}
.document_slice .header-wrapper .header .description {
  height: 172px;
  padding: 40px 25px;
  line-height: 132px;
  background-color: var(--mail-header-background);
  color: var(--mail-header-color);
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.document_slice .header-wrapper .header .description .btn-resend {
  position: absolute;
  line-height: 14px;
  top: 15px;
  right: 15px;
  color: var(--mail-header-color);
}
.document_slice .header-wrapper .header .description .description-content {
  display: inline-block;
  line-height: 14px;
  text-align: center;
}
.document_slice .header-wrapper .header .description .description-content .type {
  font-size: 16px;
  line-height: 2em;
  text-transform: uppercase;
}
.document_slice .header-wrapper .header .description .description-content .title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1em;
  Padding: 4px;
  color: var(--mail-header-color);
}
.document_slice .header-wrapper .header .description .description-content .created {
  font-size: 14px;
  line-height: 1.67em;
  color: var(--mail-header-color);
  padding-top: 2px;
}
.document_slice .header-wrapper .header .overview {
  padding: 30px;
  font-size: 14px;
  line-height: 100%;
}
.document_slice .header-wrapper .header .overview .salutation {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-dim) !important;
  line-height: 122%;
  padding-bottom: 14px;
}
.document_slice .header-wrapper .header .overview .message {
  line-height: 122%;
}
.document_slice .header-wrapper .header .overview .action {
  margin-top: 18px;
}
.document_slice .documents-wrapper .document-group {
  background-color: var(--greyscale-bright);
  margin: 0 -10px;
  padding: 10px 10px 15px 10px;
}
.document_slice .documents-wrapper .document-group .group-caption {
  font-size: 18px;
  padding: 5px 20px 5px 20px;
  text-align: center;
}
.document_slice .documents-wrapper .document-group .group-caption strong {
  font-weight: 400;
}
.document_slice .documents-wrapper .document-group .documents .document {
  position: relative;
  padding: 20px 30px 30px 30px;
  margin-top: 10px;
  background-color: var(--white);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.document_slice .documents-wrapper .document-group .documents .document .seen-tag {
  position: absolute;
  right: 30px;
  bottom: 25px;
  color: var(--essential-dim);
}
.document_slice .documents-wrapper .document-group .documents .document.seen .source-icon {
  filter: grayscale(100%);
}
.document_slice .documents-wrapper .document-group .documents .document.seen .headline, .document_slice .documents-wrapper .document-group .documents .document.seen .source-icon, .document_slice .documents-wrapper .document-group .documents .document.seen .title, .document_slice .documents-wrapper .document-group .documents .document.seen .text, .document_slice .documents-wrapper .document-group .documents .document.seen .source, .document_slice .documents-wrapper .document-group .documents .document.seen .hit_env {
  opacity: 0.65;
}
.document_slice .documents-wrapper .document-group .documents .document .info .source-icon {
  float: right;
  height: 70px;
}
.document_slice .documents-wrapper .document-group .documents .document .info .source {
  font-size: 12px;
  line-height: 1.67;
  padding: 10px 0;
  color: #474747;
}
.document_slice .documents-wrapper .document-group .documents .document .info .headline {
  font-size: 24px;
  line-height: 1;
  font-weight: 300;
}
.document_slice .documents-wrapper .document-group .documents .document .info .headline, .document_slice .documents-wrapper .document-group .documents .document .info .headline > a {
  color: #000000;
}
.document_slice .documents-wrapper .document-group .documents .document .meta-info {
  margin-top: 8px;
  padding: 6px 0;
  border-bottom: 2px solid var(--greyscale-bright);
  border-top: 2px solid var(--greyscale-bright);
  color: #474747;
}
.document_slice .documents-wrapper .document-group .documents .document .title {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.33;
}
.document_slice .documents-wrapper .document-group .documents .document .title, .document_slice .documents-wrapper .document-group .documents .document .title > a {
  color: #000000;
}
.document_slice .documents-wrapper .document-group .documents .document .hit_env {
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.57;
}
.document_slice .documents-wrapper .document-group .documents .document .hit_env em {
  font-style: inherit;
  background-color: var(--search-highlight);
  padding: 2px 5px;
}
.document_slice .documents-wrapper .document-group .documents .document .link {
  margin-top: 20px;
}
.document_slice .documents-wrapper .action {
  padding: 15px 0;
  text-align: center;
}
.document_slice .pxnews, .document_slice .news {
  height: 245px;
}
.document_slice .pxnews, .document_slice .news, .document_slice .support {
  margin-bottom: 20px;
}
.document_slice .pxnews, .document_slice .support {
  padding: 30px 40px;
  text-align: center;
  background: var(--primary-dim);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-x: center;
  color: var(--on-primary-dim);
}
.document_slice .pxnews .headline, .document_slice .support .headline {
  font-size: 22px;
  font-weight: 600;
}
.document_slice .pxnews .text, .document_slice .support .text {
  margin-top: 10px;
  font-size: 16px;
}
.document_slice .pxnews .action, .document_slice .support .action {
  margin-top: 34px;
}
.document_slice .pxnews .action .btn, .document_slice .support .action .btn {
  width: 168px;
  white-space: normal;
  height: 34px;
  overflow: hidden;
  padding-left: 4px;
  padding-right: 4px;
}
.document_slice .news {
  background: var(--white);
}
.document_slice .news .image {
  float: left;
  margin-right: 20px;
}
.document_slice .news .info {
  position: relative;
  height: 100%;
  padding: 20px;
}
.document_slice .news .info .top-info {
  font-size: 12px;
}
.document_slice .news .info .title {
  font-size: 18px;
  line-height: 24px;
  margin-top: 8px;
}
.document_slice .news .info .action {
  margin-top: 18px;
}
.document_slice .pxnews {
  background-image: url("../images/email/pxnews_background.png");
  padding-top: 44px;
}
.document_slice .pxnews.at {
  background-image: url("../images/email/pxnews_background_at.png");
}
.document_slice .pxnews.no-image {
  background-color: var(--primary-dim);
  background-image: none;
}
.document_slice .support {
  background-color: var(--mail-footer-background);
  color: var(--mail-footer-color);
}
.document_slice .support .cta {
  font-size: 20px;
  font-weight: 600;
}
.document_slice .support .phone, .document_slice .support .mail {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25em;
}
.document_slice .support .phone, .document_slice .support .phone > a, .document_slice .support .mail, .document_slice .support .mail > a {
  color: var(--mail-footer-color);
  letter-spacing: 0.8px;
}
.document_slice .outro {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: var(--white);
  padding: 20px 0;
  line-height: 150%;
  text-align: center;
}
.document_slice .deregister {
  text-align: center;
  padding: 0 50px 20px 50px;
  color: #999999;
  font-size: 13px;
}
.document_slice .deregister > a {
  text-decoration: underline;
  color: #999999;
}

.mail-pxnews {
  background-image: url("../images/email/pxnews_background.png");
  padding: 44px 40px 30px 40px;
}

/**
================================================================================================================================================================
  Contains all styles for common research
================================================================================================================================================================
 */
.research-page .politician-column-container .politician-wrapper.is_not_a_member_of_a_parliament .politician .name {
  color: var(--greyscale-dim);
}
.research-page .politician-column-container .politician-wrapper.is_not_a_member_of_a_parliament .faction {
  filter: grayscale(1);
}
.research-page .politician-column-container .politician-wrapper.is_not_a_member_of_a_parliament .meta-info {
  color: var(--greyscale-dim);
}
.research-page .politician-column-container .politician-wrapper.is_not_a_member_of_a_parliament .meta-info .caption {
  color: inherit;
}
.research-page .politician-list-item .bookmark {
  display: none;
  position: absolute;
  width: 200px;
  z-index: 9999;
}
.research-page .politician-list-item .bookmark .bookmark-button-container {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  top: -100px;
}
.research-page .politician-list-item .bookmark .bookmark-button-container .bookmark-button-container-inside-the-padding {
  display: inline-block;
  position: relative;
  top: -12px;
  margin-left: 9px;
  background-color: var(--white);
  padding: 3px 6px;
}
.research-page .politician-list-item .bookmark .bookmark-button-container .bookmark-button-container-inside-the-padding .bookmark-buttons > *:first-child {
  margin-left: 0;
}
@media (max-width: 1800px) {
  .research-page .politician-list-item .bookmark .bookmark-button-container .bookmark-button-container-inside-the-padding {
    box-shadow: 3px 2px 6px 3px rgba(var(--primary-dim), 0.2);
  }
}
.research-page .politician-list-item:hover .bookmark {
  display: inline-block;
}
.research-page .research-tile-table tr {
  cursor: pointer;
}
.research-page .research-tile-table tr:hover td:nth-child(2) {
  font-weight: 600;
}
.research-page .trend-analysis .trend-icon {
  text-align: center;
}
.research-page .trend-analysis .trend-icon .icon {
  --fa-secondary-color: var(--greyscale-mid);
  --fa-primary-color: var(--white);
}
.research-page .trend-analysis .trend-icon .icon.success {
  --fa-secondary-color: var(--success-mid);
}
.research-page .trend-analysis .trend-icon .icon.danger {
  --fa-secondary-color: var(--danger-mid);
}
.research-page .politician-cloud .dot-plot-chart svg .axis.y g.tick text .caption.deprecated, .research-page .politician-cloud .dot-plot-chart svg .axis.y g.tick text .caption-count.deprecated {
  fill: var(--greyscale-dim);
}
.research-page .politician-cloud .dot-plot-chart svg .axis.y g.tick text .bookmark-button {
  font-size: 0.9em;
  display: none;
  fill: none;
}
.research-page .politician-cloud .dot-plot-chart svg .axis.y g.tick:hover .bookmark-button {
  display: inline;
  fill: var(--font-color);
}

.research-europe .europe-banner {
  height: 120px;
  background-image: url("../images/europa/banner_analysis_page.png");
  background-position-x: center;
  max-width: 2880px;
  margin: -10px auto 0;
}
.research-europe .europe-banner.en {
  background-image: url("../images/europa/banner_analysis_page_en.png");
}

.d3-new-tip.document-tip {
  width: 400px;
}
.d3-new-tip.document-tip .header {
  padding: 7px 10px;
}
.d3-new-tip.document-tip .popover-header {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.d3-new-tip.document-tip .content .source-icon {
  width: 60px;
  float: left;
  margin: 0 10px 10px 0;
}
.d3-new-tip.document-tip .content .source-name {
  margin-top: 0.4em;
  text-transform: uppercase;
}
.d3-new-tip.document-tip .content .created {
  color: #777;
}
.d3-new-tip.document-tip .content .headline, .d3-new-tip.document-tip .content .text {
  color: var(--primary-dim);
}
.d3-new-tip.document-tip .content .headline {
  font-size: 1.3em;
  margin-top: 10px;
  clear: left;
}
.d3-new-tip.document-tip .content .text, .d3-new-tip.document-tip .content .title {
  font-size: 1em;
  line-height: 1.3em;
  font-weight: bold;
}
.d3-new-tip.document-tip .content .text {
  font-weight: normal;
}
.d3-new-tip.document-tip .content .title {
  margin-top: 14px;
  margin-bottom: 8px;
}
.d3-new-tip.document-tip .content .other_documents {
  margin-top: 1em;
  text-align: center;
  font-size: 1.1em;
  color: var(--link-color);
}
.d3-new-tip.document-tip .content .link {
  text-align: center;
  font-size: 1em;
  color: var(--link-color);
}
.d3-new-tip.document-tip.supports-multiple-popup-effect .multiple_popups_effect_container .header, .d3-new-tip.document-tip.supports-multiple-popup-effect .multiple_popups_effect_container .content {
  position: relative;
  padding: 0px;
}
.d3-new-tip.document-tip.supports-multiple-popup-effect .multiple_popups_effect_container .header .multiple_popups_effect_div, .d3-new-tip.document-tip.supports-multiple-popup-effect .multiple_popups_effect_container .content .multiple_popups_effect_div {
  z-index: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.d3-new-tip.document-tip.supports-multiple-popup-effect .multiple_popups_effect_container .header .multiple_popup_effect_visible_content, .d3-new-tip.document-tip.supports-multiple-popup-effect .multiple_popups_effect_container .content .multiple_popup_effect_visible_content {
  z-index: 1000;
  position: relative;
  height: 100%;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background-color: inherit;
}
.d3-new-tip.document-tip.supports-multiple-popup-effect .multiple_popups_effect_container .header .multiple_popup_effect_visible_content {
  padding: 7px 10px;
}
.d3-new-tip.document-tip.supports-multiple-popup-effect .multiple_popups_effect_container .content .multiple_popup_effect_visible_content {
  padding: 10px;
}

.d3-tip {
  line-height: 1.4em;
  font-size: 0.9em;
  padding: 5px 10px;
  background: var(--white);
  border: 1px solid var(--greyscale-mid);
  border-radius: var(--default-small-border-radius);
  pointer-events: none;
  transition: opacity var(--default-transition-duration);
}
.d3-tip .wrapper-small {
  max-width: 300px;
}

/* Creates a small triangle extender for the tooltip */
.d3-tip:not(.no-arrow):after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  pointer-events: none;
}

/* Northward tooltips */
.d3-tip:not(.no-arrow).n:after {
  content: "▼";
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
}

/* Eastward tooltips */
.d3-tip:not(.no-arrow).e:after {
  content: "◀";
  margin: -4px 0 0 0;
  top: 50%;
  left: -8px;
}

/* Southward tooltips */
.d3-tip:not(.no-arrow).s:after {
  content: "▲";
  margin: 0 0 1px 0;
  top: -8px;
  left: 0;
  text-align: center;
}

/* Westward tooltips */
.d3-tip:not(.no-arrow).w:after {
  content: "▶";
  margin: -4px 0 0 -1px;
  top: 50%;
  left: 100%;
}

.search-result-media-item .image-gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, transparent 0%, var(--primary-dark) 100%);
  opacity: 60%;
}
.search-result-media-item .image-gradient::before {
  content: "";
  background: linear-gradient(180deg, transparent 70%, var(--black) 100%);
  height: 100%;
  width: 100%;
  display: block;
}
.search-result-media-item .image-container .grid-layout {
  top: 0;
  left: 0;
  grid-template-rows: auto auto 1fr;
  grid-template-columns: 60px auto auto 1fr;
}
@media (min-width: 1200px) {
  .search-result-media-item .image-container .grid-layout {
    grid-template-columns: auto auto 1fr;
    grid-template-rows: auto 1fr auto;
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .search-result-media-item .content-container {
    grid-template-columns: 60px 1fr;
    grid-template-rows: min-content 1fr;
  }
}

@media (min-width: 768px) {
  .search-result-item {
    display: grid;
    grid-template-columns: 1fr 220px;
  }
}
.search-result-item > div:first-child {
  grid-template-columns: 60px min-content 1fr;
}
@media (min-width: 768px) {
  .search-result-item > div:first-child {
    grid-template-columns: 60px repeat(8, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .search-result-item > div:first-child {
    grid-template-columns: 60px repeat(14, minmax(0, 1fr));
  }
}
.search-result-item .preview-image:not(.disabled) {
  outline: 0 solid transparent;
  transition: outline 0.2s ease-in-out;
}
.search-result-item .preview-image:not(.disabled):hover {
  outline: 1px solid var(--essential-mid);
}

.search-info-text img {
  border: 1px solid var(--primary-dim);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  display: block;
}

.search-syntax-info pre {
  display: inline;
  margin: 0;
  padding: 2px 5px 2px 5px;
}
.search-syntax-info ul {
  line-height: 2em;
}
.search-syntax-info ul.example pre {
  background-color: color-mix(in srgb, var(--success-mid) 50%, transparent);
}
.search-syntax-info ul.example pre.wrong {
  background-color: color-mix(in srgb, var(--danger-mid) 50%, transparent);
}

.popover-source-info {
  padding: 0 10px;
}
.popover-source-info > *:last-child {
  margin-bottom: 10px;
}
.popover-source-info > div {
  margin-top: 1em;
}
.popover-source-info .title {
  font-weight: bold;
}
.popover-source-info .description {
  font-style: italic;
}
.popover-source-info .remarks {
  color: var(--danger-dim);
}

.solr-editor > .token.field {
  color: seagreen;
  text-transform: lowercase;
}
.solr-editor > .token.braces, .solr-editor > .token.operator {
  font-weight: 700;
}
.solr-editor > .token.operator {
  color: darkorange;
}
.solr-editor > .token.braces {
  color: forestgreen;
}
.solr-editor > .token.braces.brace-hover {
  outline: 1px solid forestgreen;
}
.solr-editor > .token.keyword-or, .solr-editor > .token.keyword-and, .solr-editor > .token.keyword-oder, .solr-editor > .token.keyword-und {
  font-weight: 600;
  text-transform: uppercase;
}
.solr-editor > .token.keyword-or, .solr-editor > .token.keyword-oder {
  color: dodgerblue;
}
.solr-editor > .token.keyword-and, .solr-editor > .token.keyword-und {
  color: rebeccapurple;
}

.bg-animated {
  position: relative;
  overflow: hidden;
  background-color: #F0F0F0;
}
.bg-animated::after {
  content: "";
  animation: ssc-loading 1.3s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg, transparent, rgba(219, 219, 219, 0.2666666667), transparent);
}

.bg-animated-primary {
  position: relative;
  overflow: hidden;
  background-color: var(--primary-clear);
}
.bg-animated-primary::after {
  content: "";
  animation: ssc-loading 1.3s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg, transparent, var(--primary-mid), transparent);
  opacity: 0.2;
}

.source-map-page {
  position: relative;
}
.source-map-page .source-map {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100vh - var(--navbar-height) - var(--footer-height));
  z-index: var(--z-index-fixed-page);
}
@media (min-width: 1200px) {
  .source-map-page .source-map {
    height: calc(100vh - var(--navbar-height));
  }
}
.source-map-page .source-map > .map-wrapper {
  position: relative;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  touch-action: manipulation;
}
.source-map-page .source-map > .map-wrapper * {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.source-map-page .source-map > .map-wrapper > .map {
  height: 100%;
  touch-action: none;
}
.source-map-page .source-map > .map-wrapper > .map.tiles-hidden {
  background-color: white;
}
.source-map-page .source-map > .map-wrapper > .map.tiles-hidden .leaflet-pane.leaflet-tile-pane, .source-map-page .source-map > .map-wrapper > .map.tiles-hidden .leaflet-control-attribution {
  visibility: hidden;
}
.source-map-page .source-map .leaflet-tile-pane {
  filter: grayscale(100%);
}
.source-map-page .map-legend {
  position: absolute;
  bottom: 0;
  z-index: var(--z-index-overlay);
}
.source-map-page .map-legend:not(.right) {
  left: 0;
  max-width: 230px;
}
.source-map-page .map-legend:not(.right) .item .text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: bottom;
}
.source-map-page .map-legend.right {
  right: 65px;
}
.source-map-page .map-legend.right .item .text {
  white-space: nowrap;
}
.source-map-page .map-legend .item {
  height: 28px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.source-map-page .map-legend .item .color-indicator {
  flex: 0 0 auto;
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  border-radius: 100%;
  margin-right: 10px;
}
.source-map-page .map-legend .item .color-indicator.bright {
  border: 1px solid var(--greyscale-mid);
}
.source-map-page .source-map {
  --default-path-fill: var(--primary-bright);
  --default-path-opacity: 0.7;
}
.source-map-page .source-map.export-mode .state:not(.selected):not(:hover), .source-map-page .source-map.export-mode .state.locked:not(:hover),
.source-map-page .source-map.export-mode .district:not(.selected):not(:hover), .source-map-page .source-map.export-mode .district.locked:not(:hover),
.source-map-page .source-map.export-mode .commune:not(.selected):not(:hover), .source-map-page .source-map.export-mode .commune.locked:not(:hover),
.source-map-page .source-map.export-mode .commune_association:not(.selected):not(:hover), .source-map-page .source-map.export-mode .commune_association.locked:not(:hover) {
  opacity: 0;
}
.source-map-page .source-map .state, .source-map-page .source-map .district, .source-map-page .source-map .commune, .source-map-page .source-map .commune_association {
  fill-opacity: 0;
  stroke: var(--black);
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
  stroke-width: 0.8px;
  stroke-dasharray: 4px;
}
.source-map-page .source-map .state:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .district:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .commune:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .commune_association:not(.locked):not(.statistic-color):not(.striped) {
  fill: none;
}
.source-map-page .source-map .state:not(.locked):not(.statistic-color):not(.striped):not(.no-statistic-color), .source-map-page .source-map .district:not(.locked):not(.statistic-color):not(.striped):not(.no-statistic-color), .source-map-page .source-map .commune:not(.locked):not(.statistic-color):not(.striped):not(.no-statistic-color), .source-map-page .source-map .commune_association:not(.locked):not(.statistic-color):not(.striped):not(.no-statistic-color) {
  fill: var(--greyscale-bright);
}
.source-map-page .source-map .state:not(.locked):not(.statistic-color):not(.striped):hover, .source-map-page .source-map .district:not(.locked):not(.statistic-color):not(.striped):hover, .source-map-page .source-map .commune:not(.locked):not(.statistic-color):not(.striped):hover, .source-map-page .source-map .commune_association:not(.locked):not(.statistic-color):not(.striped):hover {
  filter: brightness(1.1);
}
.source-map-page .source-map .state.locked, .source-map-page .source-map .district.locked, .source-map-page .source-map .commune.locked, .source-map-page .source-map .commune_association.locked {
  pointer-events: none !important;
}
.source-map-page .source-map .state.selected, .source-map-page .source-map .district.selected, .source-map-page .source-map .commune.selected, .source-map-page .source-map .commune_association.selected {
  stroke-dasharray: none;
}
.source-map-page .source-map .state.out-of-scope, .source-map-page .source-map .district.out-of-scope, .source-map-page .source-map .commune.out-of-scope, .source-map-page .source-map .commune_association.out-of-scope {
  display: none;
}
.source-map-page .source-map .state.shown, .source-map-page .source-map .district.shown, .source-map-page .source-map .commune.shown, .source-map-page .source-map .commune_association.shown {
  fill-opacity: var(--default-path-opacity);
  pointer-events: all;
}
.source-map-page .source-map .state.shown.statistic-color, .source-map-page .source-map .district.shown.statistic-color, .source-map-page .source-map .commune.shown.statistic-color, .source-map-page .source-map .commune_association.shown.statistic-color {
  fill-opacity: 1;
}
.source-map-page .source-map .state.shown.selected:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .district.shown.selected:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .commune.shown.selected:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .commune_association.shown.selected:not(.locked):not(.statistic-color):not(.striped) {
  fill: var(--default-path-fill);
}
.source-map-page .source-map .state.shown.selected:hover, .source-map-page .source-map .district.shown.selected:hover, .source-map-page .source-map .commune.shown.selected:hover, .source-map-page .source-map .commune_association.shown.selected:hover {
  fill-opacity: calc(var(--default-path-opacity) * 0.8);
}
.source-map-page .source-map .state.shown.matched:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .district.shown.matched:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .commune.shown.matched:not(.locked):not(.statistic-color):not(.striped), .source-map-page .source-map .commune_association.shown.matched:not(.locked):not(.statistic-color):not(.striped) {
  fill: var(--essential-bright);
}
.source-map-page .source-map .state {
  stroke-width: 1.1px;
}
.source-map-page .source-map .district {
  stroke-width: 0.8px;
}
.source-map-page .source-map .commune, .source-map-page .source-map .commune_association {
  stroke-width: 0.6px;
}
.source-map-page .source-map .landmark {
  stroke-width: 1.2px;
  stroke-opacity: 0.5;
  fill-opacity: 0.8;
}
.source-map-page .zoom-hint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  pointer-events: none;
}
.source-map-page .zoom-hint .hint {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -1em;
  text-align: center;
  color: var(--font-color-inverse);
  font-size: 2em;
  pointer-events: none;
}
.source-map-page .metadata-short .source-icon {
  width: 64px;
  float: right;
  margin-left: 10px;
}
.source-map-page .selected-source-list .selected-source-list-item .actions {
  float: right;
  display: none;
}
.source-map-page .selected-source-list .selected-source-list-item .actions span {
  cursor: pointer;
}
.source-map-page .selected-source-list .selected-source-list-item:hover .actions {
  display: inline-block;
}

.map-pin {
  color: var(--essential-mid);
  text-align: center;
  position: relative;
}
.map-pin > span {
  position: absolute;
  top: -40px;
  left: -20px;
  width: 40px;
  height: 40px;
  font-size: 40px;
}

.map-tooltip {
  position: absolute;
  width: 280px;
  background-color: var(--white);
  box-shadow: 3px 3px 15px 5px rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
  padding: 10px;
  z-index: 100000;
  pointer-events: none;
}
.map-tooltip.interactive {
  pointer-events: initial;
}
.map-tooltip .wrapper {
  position: relative;
}
.map-tooltip .wrapper .arrow {
  position: absolute;
  content: " ";
  top: 5px;
  left: -19px;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background-color: var(--white);
  border: 2px solid transparent;
}
.map-tooltip .wrapper .arrow::after {
  position: absolute;
  content: " ";
  top: -4px;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: var(--white);
  border: 2px solid var(--white);
}
.map-tooltip .wrapper .logo {
  text-align: right;
  margin: 0 0 20px 0;
}
.map-tooltip .wrapper .logo img {
  height: 30px;
}
.map-tooltip .wrapper .content {
  font-size: 0.9em;
}
.map-tooltip .wrapper .content p {
  margin-bottom: 0;
}

.static-page .static-page-content h1 {
  line-height: 1.1;
  margin-top: 40px;
  margin-bottom: 15px;
  font-size: var(--font-size-xlarge);
  font-weight: 400;
  text-transform: initial;
}
@media (min-width: 576px) {
  .static-page .static-page-content h1 {
    font-size: var(--font-size-2xlarge);
    font-weight: 400;
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .static-page .static-page-content h1 {
    font-size: var(--font-size-4xlarge);
    font-weight: 400;
    margin-bottom: 25px;
  }
}
.static-page .static-page-content h1.spaceless {
  margin-top: 0;
  margin-bottom: 0;
}
.static-page .static-page-content h2 {
  line-height: 1.1;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: var(--font-size-large);
  font-weight: 650;
  text-transform: initial;
}
@media (min-width: 576px) {
  .static-page .static-page-content h2 {
    font-size: var(--font-size-xlarge);
    font-weight: 650;
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .static-page .static-page-content h2 {
    font-size: var(--font-size-2xlarge);
    font-weight: 400;
    margin-bottom: 60px;
  }
}
.static-page .static-page-content h2.spaceless {
  margin-top: 0;
  margin-bottom: 0;
}
.static-page .static-page-content h3 {
  line-height: 1.1;
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: var(--font-size-large);
  font-weight: 400;
  text-transform: initial;
}
@media (min-width: 576px) {
  .static-page .static-page-content h3 {
    font-size: var(--font-size-xlarge);
    font-weight: 400;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .static-page .static-page-content h3 {
    font-size: var(--font-size-xlarge);
    font-weight: 400;
    margin-bottom: 30px;
  }
}
.static-page .static-page-content h3.spaceless {
  margin-top: 0;
  margin-bottom: 0;
}
.static-page .static-page-content h4 {
  line-height: 1.1;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: var(--font-size-medium);
  font-weight: 400;
  text-transform: initial;
}
@media (min-width: 576px) {
  .static-page .static-page-content h4 {
    font-size: var(--font-size-large);
    font-weight: 650;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .static-page .static-page-content h4 {
    font-size: var(--font-size-large);
    font-weight: 650;
    margin-bottom: 10px;
  }
}
.static-page .static-page-content h4.spaceless {
  margin-top: 0;
  margin-bottom: 0;
}
.static-page .static-page-content h5 {
  line-height: 1.1;
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: var(--font-size-normal);
  font-weight: 650;
  text-transform: initial;
}
@media (min-width: 576px) {
  .static-page .static-page-content h5 {
    font-size: var(--font-size-normal);
    font-weight: 400;
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  .static-page .static-page-content h5 {
    font-size: var(--font-size-normal);
    font-weight: 400;
    margin-bottom: 5px;
  }
}
.static-page .static-page-content h5.spaceless {
  margin-top: 0;
  margin-bottom: 0;
}
.static-page .static-page-content h6 {
  margin-top: 400;
  margin-bottom: 5px;
  font-size: var(--font-size-small);
  font-weight: 400;
  text-transform: 1.1;
}
@media (min-width: 576px) {
  .static-page .static-page-content h6 {
    font-size: var(--font-size-small);
    font-weight: 650;
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  .static-page .static-page-content h6 {
    font-size: var(--font-size-5px);
    font-weight: uppercase;
    margin-bottom: 20px;
  }
}
.static-page .static-page-content h6.spaceless {
  margin-top: 0;
  margin-bottom: 0;
}
.static-page .static-page-content p, .static-page .static-page-content address {
  line-height: 1.1;
  font-size: var(--font-size-normal);
}
@media (min-width: 576px) {
  .static-page .static-page-content p, .static-page .static-page-content address {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .static-page .static-page-content p, .static-page .static-page-content address {
    font-size: var(--font-size-large);
    line-height: 1.3;
  }
}
.static-page.news article .introduction {
  font-size: var(--font-size-medium);
}
@media (min-width: 768px) {
  .static-page.news article .introduction {
    font-size: var(--font-size-large);
  }
}
.static-page.news article p:not(.introduction), .static-page.news article li {
  font-size: var(--font-size-medium);
  margin-bottom: 20px;
}
.static-page.news article img {
  max-width: 100%;
}
.static-page.news article p, .static-page.news article ul {
  max-width: 75ch;
}
.static-page.news article a[href] {
  text-decoration: underline;
  color: var(--secondary-mid);
  font-weight: 600;
}
.static-page.news article a[href]:hover {
  color: var(--secondary-dim);
}
.static-page.news article a[href]:visited {
  color: var(--secondary-dim);
}
.static-page.news article dl {
  margin-bottom: var(--semi-wide);
  padding: var(--semi-wide);
  background-color: var(--greyscale-bright);
  font-size: var(--font-size-medium);
  max-width: 75ch;
}
.static-page.news article dl dt {
  font-style: italic;
  margin-bottom: var(--condensed);
}
body.technology .politx-numbers > div {
  --max-width: 70%;
}
body.technology .politx-numbers > div:first-child {
  --max-width: 60%;
}
body.technology .politx-numbers > div .__tile {
  height: 100px;
}
@media (min-width: 768px) {
  body.technology .politx-numbers > div .__tile {
    height: 200px;
    max-width: var(--max-width);
  }
}

.action-title > .__tile.background-image {
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
}
.action-title > .__tile.background-image > .__tile {
  border-bottom-right-radius: var(--default-border-radius) !important;
  min-height: calc(var(--default-border-radius) * 2);
}
@media (min-width: 768px) {
  .action-title > .__tile.background-image > .__tile::before {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-2 * var(--default-border-radius));
    width: calc(var(--default-border-radius) * 2);
    height: var(--default-border-radius);
    background: transparent;
    border-top-left-radius: var(--default-border-radius);
    box-shadow: calc(var(--default-border-radius) * -1) 0 0 0 var(--background-color);
  }
}
@media (min-width: 768px) {
  .action-title .text-container {
    margin-top: -150px !important;
    width: fit-content;
    border-radius: 0 30px 0 0;
  }
}

.flipping-tile {
  background-color: transparent;
  perspective: 800px;
  aspect-ratio: 4/3;
}
@media (min-width: 768px) {
  .flipping-tile {
    aspect-ratio: 1/1;
  }
}

.flipping-tile > div {
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.flipping-tile.flipped > div {
  transform: rotateY(180deg);
}
.flipping-tile .flipping-tile-front, .flipping-tile .flipping-tile-back {
  display: grid;
  backface-visibility: hidden;
}
.flipping-tile .flipping-tile-back {
  transform: rotateY(180deg);
}

.arrow-tile {
  grid-template-columns: 1fr 100px 100px 1fr;
  grid-template-rows: 0 1fr 100px;
}
@media (max-width: 991.98px) {
  .arrow-tile {
    grid-template-rows: 0 1fr 50px;
    gap: 20px 60px;
  }
}
.arrow-tile .arrow {
  display: flex;
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 100px), 50% 100%, 0% calc(100% - 100px));
}

@keyframes comet-fade-out {
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes circle-to-end {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(400%);
  }
}
@keyframes circle-to-start {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(100%);
  }
}
@keyframes rect-to-end {
  0% {
    transform: translateX(50%) scaleX(0%);
  }
  50% {
    transform: translateX(120%) scaleX(130%);
  }
  100% {
    transform: translateX(350%) scaleX(100%);
  }
}
@keyframes rect-to-start {
  0% {
    transform: translateX(50%) scale(0%);
  }
  100% {
    transform: translateX(50%) scaleX(0%);
  }
}
.main-page-tile-animation {
  display: grid;
  gap: 70px;
  grid-template-columns: repeat(3, 60px);
  grid-template-rows: repeat(3, 60px);
}
@media (min-width: 768px) {
  .main-page-tile-animation {
    gap: 150px;
    grid-template-columns: repeat(3, 100px);
    grid-template-rows: repeat(3, 100px);
  }
}
.main-page-tile-animation .comet {
  position: relative;
  transform: rotate(calc(var(--rotation) * 1deg));
}
.main-page-tile-animation .comet .circle {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.main-page-tile-animation .comet .rect {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(59, 145, 207, 0) 0%, #3B91CF 40%, #50A099 100%);
  transform-origin: left center;
  transform: translateX(50%) scaleX(0%);
}
.main-page-tile-animation .comet.animate-out {
  animation: comet-fade-out 1s forwards linear;
}
.main-page-tile-animation .comet.animate-out .circle {
  animation: circle-to-end 1s forwards linear;
}
.main-page-tile-animation .comet.animate-out .rect {
  animation: rect-to-end 1s forwards linear;
}
.main-page-tile-animation .comet.animate-in .circle {
  animation: circle-to-start 300ms forwards linear;
}
.main-page-tile-animation .comet.animate-in .rect {
  animation: rect-to-start 300ms forwards linear;
}

.technology-pattern {
  background-color: var(--primary-dark);
  --background-size: 1000px;
  --background-speed: 15s;
}
@media (min-width: 768px) {
  .technology-pattern {
    --background-size: 2000px;
    --background-speed: 20s;
  }
}
.technology-pattern div {
  transform: rotate(45deg);
  background-image: url("../images/technique/technique_pattern.svg");
  background-size: var(--background-size);
  aspect-ratio: 1;
  transform-origin: 50% 0;
  background-repeat: repeat;
  animation: technology-pattern-animation var(--background-speed) linear infinite;
  width: 200vmax;
}
@keyframes technology-pattern-animation {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 calc(-1 * var(--background-size));
    /* Hintergrund nach oben verschieben */
  }
}

.link-tile:hover h4 {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--essential-mid);
}

.use-case-customer-tile {
  transition: border-color 100ms ease, transform 100ms ease;
}
.use-case-customer-tile .img-container {
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  aspect-ratio: 450/350;
}
.use-case-customer-tile .img-container img {
  width: 100%;
  transition: scale 600ms ease;
}
.use-case-customer-tile:hover {
  border-color: var(--primary-dark);
  transform: translate(0, -5px);
}
.use-case-customer-tile:hover img {
  scale: 1.1;
}

.news-tile {
  transition: border-color 100ms ease, transform 100ms ease;
}
.news-tile .img-container {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  aspect-ratio: 500/300;
}
.news-tile .img-container img {
  width: 100%;
  transition: scale 600ms ease;
}
.news-tile .img-container svg text {
  fill: #14FFCE !important;
}
.news-tile:hover {
  border-color: var(--primary-dark);
  transform: translate(0, -5px);
}
.news-tile:hover img {
  scale: 1.1;
}

.use_case_title_animation .pacman {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--essential-mid);
  position: relative;
  clip-path: polygon(0 0, 50% 0, 50% 50%, 100% 50%, 100% 100%, 0 100%);
  transition: rotate 2s linear;
}
.use_case_title_animation .pacman > div {
  position: absolute;
  width: 12%;
  height: 12%;
  border-radius: 50%;
  top: 28%;
  left: 23%;
  background: var(--white);
}

.product_title_animation {
  aspect-ratio: 80/45;
  display: flex;
  flex-direction: row-reverse;
}
.product_title_animation svg {
  height: 100%;
  aspect-ratio: 80/40;
}
.product_title_animation svg path {
  animation-delay: -1.5s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.product_title_animation svg path.first-beam {
  animation-name: first-beam-animation;
}
.product_title_animation svg path.second-beam {
  animation-name: second-beam-animation;
}
.product_title_animation svg path.first-spot {
  animation-name: first-spot-animation;
  fill: white;
}
.product_title_animation svg path.second-spot {
  animation-name: second-spot-animation;
  fill: white;
}
.product_title_animation.stop path {
  animation-play-state: paused;
  animation-delay: -2.3s;
}
@keyframes first-beam-animation {
  0% {
    d: path("M20,0.5 L0,16 L10,16 Z");
    filter: contrast(100%);
  }
  50% {
    d: path("M20,0.5 L15,20.5 L25,20.5 Z");
    filter: contrast(100%) brightness(120%);
  }
  100% {
    d: path("M20,0.5 L30,16 L40,16 Z");
    filter: contrast(100%);
  }
}
@keyframes second-beam-animation {
  0% {
    d: path("M20,0.5 L30,16 L40,16 Z");
    filter: contrast(100%);
  }
  50% {
    d: path("M20,0.5 L15,11 L25,11 Z");
    filter: contrast(200%) brightness(70%);
  }
  100% {
    d: path("M20,0.5 L0,16 L10,16 Z");
    filter: contrast(100%);
  }
}
@keyframes first-spot-animation {
  0% {
    d: path("M 4.5, 15 a 5,1 0 1,0 1,0");
  }
  50% {
    d: path("M 19.5, 19.5 a 5,1 0 1,0 1,0");
  }
  100% {
    d: path("M 34.5, 15 a 5,1 0 1,0 1,0");
  }
}
@keyframes second-spot-animation {
  0% {
    d: path("M 34.5, 15 a 5,1 0 1,0 1,0");
  }
  50% {
    d: path("M 19.5, 10 a 5,1 0 1,0 1,0");
  }
  100% {
    d: path("M 4.5, 15 a 5,1 0 1,0 1,0");
  }
}

.dot-line {
  height: var(--line-height);
  width: var(--line-width);
  display: block;
  position: relative;
  overflow: hidden;
}

.dot-line:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  top: calc((100% - 1px) / 2);
  display: block;
  background: grey;
}

.dot {
  position: absolute;
  border-radius: 50%;
  height: calc(100% - 1px);
  top: 0;
  aspect-ratio: 1;
  animation-name: dot-line-animation;
  animation-duration: var(--duration);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: calc(var(--nth) * var(--duration) / -4);
}

@keyframes dot-line-animation {
  0% {
    transform: translateX(calc(var(--line-height) * -1));
  }
  100% {
    transform: translateX(calc(var(--line-width) + var(--line-height)));
  }
}
body.team .milestone-list > div {
  display: flex;
}
body.team .milestone-list > div:before {
  content: "";
  display: block;
  width: 1px;
  border-left: 2px solid var(--secondary-mid);
}
body.team .milestone-list > div .timeline {
  transition: 1s ease transform;
}
body.team .milestone-list > div .timeline div {
  position: relative;
}
body.team .milestone-list > div .timeline div:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-color: var(--primary-mid);
  border-radius: 5px;
  position: absolute;
  left: -6px;
  top: 12px;
}
body.team .milestone-list > div h3 {
  display: flex;
  align-items: center;
}

.scale-on-hover {
  transition: 100ms transform ease;
}
.scale-on-hover:has(a:hover) {
  transform: scale(107%);
  z-index: 1;
}

.scale-on-hover-small {
  transition: 100ms transform ease;
}
.scale-on-hover-small:has(a:hover) {
  transform: scale(102%);
  z-index: 1;
}

.newsletter-modal .politx-newsletter-iframe {
  width: 100%;
  height: calc(100% - 10px);
  border: none;
  overflow: hidden;
}

.map-germany-animation {
  width: 100%;
  aspect-ratio: 19/26;
}
.map-germany-animation.parallax-map-germany-animation {
  margin-top: 200px;
  --mouse-range: 0.5;
}
@media (min-width: 576px) {
  .map-germany-animation.parallax-map-germany-animation {
    margin-top: 400px;
  }
}
.map-germany-animation > div {
  display: grid;
  width: 100%;
  height: 100%;
}
.map-germany-animation > div > div div {
  will-change: transform, background-color, border-radius;
  --scale: clamp(0, calc((var(--dist) / var(--mouse-range, 1) - 5) / 10), 0.85);
  --scale-color: clamp(0, calc((var(--dist) / var(--mouse-range, 1) - 10) / 10), 1);
  --color: color-mix(in srgb, var(--secondary-mid) calc(var(--scale-color) * 100%), var(--primary-dim));
  background-color: var(--color);
  transition: all 0.1s linear;
  --rotation: calc(100 * sin(var(--scale, 0) * 2));
  --translate: calc((1 - var(--scale, 0)) * 20px);
  transform: scale(var(--scale)) rotate(calc(1deg * var(--rotation))) translate(var(--translate)) rotate(calc(-1deg * var(--rotation)));
}

ul.line-list li {
  position: relative;
  padding-block: 2rem;
}
ul.line-list li::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: var(--divider-color);
}
ul.line-list li:last-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--divider-color);
}
ul.line-list.no-outer-lines li:first-child::before {
  content: none;
}
ul.line-list.no-outer-lines li:last-child::after {
  content: none;
}

@media (min-width: 992px) {
  .static-page .partner-list {
    display: flex !important;
  }
}

.static-page.job-offer article ul {
  margin-bottom: var(--wide);
}
.static-page.job-offer article ul li {
  font-size: var(--font-size-large);
}
.static-page.job-offer article a {
  color: var(--essential-mid);
  text-wrap: nowrap;
}
.static-page.job-offer article a:hover {
  text-decoration: underline;
  color: var(--essential-bright);
}

.static-page.job-offers .static-page-content a {
  color: var(--essential-mid);
  text-wrap: nowrap;
}
.static-page.job-offers .static-page-content a:hover {
  text-decoration: underline;
  color: var(--essential-bright);
}

.snow-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  overflow: hidden;
  z-index: 9999;
}
.snow-layer.bg {
  filter: blur(3px);
  mix-blend-mode: darken;
}

.snowflake {
  position: absolute;
  left: 0;
  top: 0;
  width: 14px;
  height: 14px;
  pointer-events: none;
  will-change: transform;
}

@keyframes growMap {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
@keyframes growMapMarker {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.christmas-map svg {
  transform-origin: center;
  transform: scale(0.8);
  animation: growMap 0.5s forwards;
}
.christmas-map svg .marker {
  transform: scale(0);
  transform-origin: center center;
  opacity: 0;
  animation: growMapMarker 0.5s forwards;
  animation-delay: calc(var(--i) * 0.2s);
}

.vue-carousel .carousel .carousel-indicators {
  margin-top: 1em;
  z-index: 15;
  position: static;
}
.vue-carousel .carousel .carousel-indicators.carousel-indicators-numeric {
  margin: 0px 0px 0px 0px;
  width: 100%;
  list-style-type: none;
  list-style-image: none;
}
@media (max-width: 991.98px) {
  .vue-carousel .carousel .carousel-indicators.carousel-indicators-numeric {
    margin-top: 1em;
  }
}
.vue-carousel .carousel .carousel-indicators.carousel-indicators-numeric .carousel-numeric-position {
  cursor: auto;
  display: none;
  text-indent: 0px;
  width: 100%;
  text-align: center;
}
.vue-carousel .carousel .carousel-indicators.carousel-indicators-numeric .carousel-numeric-position.active {
  display: inline-block;
  background-color: transparent;
}
.vue-carousel .carousel .carousel-inner {
  z-index: 20;
}
.vue-carousel .carousel .carousel-caption {
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-shadow: none;
  text-align: left;
  color: var(--font-color);
  background-color: var(--white);
}
.vue-carousel .carousel .carousel-control {
  width: 25%;
  opacity: 1;
  bottom: 50px;
  z-index: 100;
  color: var(--primary-dim);
}
.vue-carousel .carousel .carousel-control .icon {
  visibility: hidden;
}
.vue-carousel .carousel .carousel-control .btn-prev {
  left: 25%;
}
.vue-carousel .carousel .carousel-control .btn-next {
  right: 25%;
}
.vue-carousel .carousel .carousel-control:hover.carousel-control-prev {
  background-image: linear-gradient(to left, transparent, var(--white) 100%);
}
.vue-carousel .carousel .carousel-control:hover.carousel-control-next {
  background-image: linear-gradient(to right, transparent, var(--white) 100%);
}
.vue-carousel .carousel .carousel-control:hover .icon {
  visibility: visible;
}

.carousel-component .transition-active {
  transition: transform ease var(--transition-duration, 0.8s);
}

.vue-progress-bar {
  width: 100%;
  transition: visibility 1s ease-in-out;
  margin-top: 0;
}
.vue-progress-bar .alert {
  position: relative;
  margin: 6px 0 0;
}
.vue-progress-bar .alert .btn {
  position: absolute;
  right: 4px;
  top: 4px;
}
.vue-progress-bar .vue-progress-bar-progress {
  background-color: var(--primary-dim);
  height: 3px;
  width: 0;
  transition: width 1s ease-in-out;
}

/*# sourceMappingURL=styles.css.map */