/* Bootstrap overrides */

/* OBS! Dette er LESS-genereret! */

/* Brug .less-filen, hvis compiling er muligt i din editor. */

/* Ellers brug .css-filen og slet (eller omdøb) .less-filen og .map-filen, så .less-filen ikke overskriver ændringer lavet direkte i .css-filen */

/* Responsive border */

.border {
  border: 1px solid var(--light);
}

.border-top {
  border-top: 1px solid var(--light);
}

.border-right {
  border-right: 1px solid var(--light);
}

.border-bottom {
  border-bottom: 1px solid var(--light);
}

.border-left {
  border-left: 1px solid var(--light);
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

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

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

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

.border-info {
  border-color: var(--info) !important;
}

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

.border-danger {
  border-color: var(--danger) !important;
}

.border-light {
  border-color: var(--light) !important;
}

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

.border-white {
  border-color: #fff !important;
}

.bg-img-size-cover {
  background-size: cover !important;
}

.bg-img-size-contain {
  background-size: contain !important;
}

.bg-img-size-auto {
  background-size: auto !important;
}

.bg-img-repeat-no-repeat {
  background-repeat: no-repeat !important;
}

.bg-img-repeat-repeat {
  background-repeat: repeat !important;
}

.bg-img-posy-top {
  background-position-y: top !important;
}

.bg-img-posy-center {
  background-position-y: center !important;
}

.bg-img-posy-bottom {
  background-position-y: bottom !important;
}

.bg-img-posx-left {
  background-position-x: left !important;
}

.bg-img-posx-center {
  background-position-x: center !important;
}

.bg-img-posx-right {
  background-position-x: right !important;
}

.bg-img-att-scroll {
  background-attachment: scroll !important;
}

.bg-img-att-fixed {
  background-attachment: fixed !important;
}

.bg-img-blend-0 {
  position: relative;
}

.bg-img-blend-0::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0;
}

.bg-img-blend-90 {
  position: relative;
}

.bg-img-blend-10::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.1;
}

.bg-img-blend-80 {
  position: relative;
}

.bg-img-blend-20::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.2;
}

.bg-img-blend-70 {
  position: relative;
}

.bg-img-blend-30::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.3;
}

.bg-img-blend-60 {
  position: relative;
}

.bg-img-blend-40::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.4;
}

.bg-img-blend-50 {
  position: relative;
}

.bg-img-blend-50::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.5;
}

.bg-img-blend-40 {
  position: relative;
}

.bg-img-blend-60::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.6;
}

.bg-img-blend-30 {
  position: relative;
}

.bg-img-blend-70::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.7;
}

.bg-img-blend-20 {
  position: relative;
}

.bg-img-blend-80::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.8;
}

.bg-img-blend-10 {
  position: relative;
}

.bg-img-blend-90::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 0.9;
}

.bg-img-blend-100 {
  position: relative;
}

.bg-img-blend-100::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: inherit;
  opacity: 1;
}

/* COLUMNZ COLORS */

.columnz-bgcolor-primary {
  background-color: var(--primary);
}

.columnz-bgcolor-primary_light {
  background-color: var(--primary-light);
}

.columnz-bgcolor-primary_dark {
  background-color: var(--primary-dark);
}

.columnz-bgcolor-primary-90 {
  background-color: color-mix(in srgb, var(--primary) 90%, transparent);
}

.columnz-bgcolor-primary-80 {
  background-color: color-mix(in srgb, var(--primary) 80%, transparent);
}

.columnz-bgcolor-primary-70 {
  background-color: color-mix(in srgb, var(--primary) 70%, transparent);
}

.columnz-bgcolor-primary-60 {
  background-color: color-mix(in srgb, var(--primary) 60%, transparent);
}

.columnz-bgcolor-primary-50 {
  background-color: color-mix(in srgb, var(--primary) 50%, transparent);
}

.columnz-bgcolor-primary-40 {
  background-color: color-mix(in srgb, var(--primary) 40%, transparent);
}

.columnz-bgcolor-primary-30 {
  background-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

.columnz-bgcolor-primary-20 {
  background-color: color-mix(in srgb, var(--primary) 20%, transparent);
}

.columnz-bgcolor-primary-10 {
  background-color: color-mix(in srgb, var(--primary) 10%, transparent);
}

.columnz-bgcolor-primary_light-90 {
  background-color: color-mix(in srgb, var(--primary-light) 90%, transparent);
}

.columnz-bgcolor-primary_light-80 {
  background-color: color-mix(in srgb, var(--primary-light) 80%, transparent);
}

.columnz-bgcolor-primary_light-70 {
  background-color: color-mix(in srgb, var(--primary-light) 70%, transparent);
}

.columnz-bgcolor-primary_light-60 {
  background-color: color-mix(in srgb, var(--primary-light) 60%, transparent);
}

.columnz-bgcolor-primary_light-50 {
  background-color: color-mix(in srgb, var(--primary-light) 50%, transparent);
}

.columnz-bgcolor-primary_light-40 {
  background-color: color-mix(in srgb, var(--primary-light) 40%, transparent);
}

.columnz-bgcolor-primary_light-30 {
  background-color: color-mix(in srgb, var(--primary-light) 30%, transparent);
}

.columnz-bgcolor-primary_light-20 {
  background-color: color-mix(in srgb, var(--primary-light) 20%, transparent);
}

.columnz-bgcolor-primary_light-10 {
  background-color: color-mix(in srgb, var(--primary-light) 10%, transparent);
}

.columnz-bgcolor-primary_dark-90 {
  background-color: color-mix(in srgb, var(--primary-dark) 90%, transparent);
}

.columnz-bgcolor-primary_dark-80 {
  background-color: color-mix(in srgb, var(--primary-dark) 80%, transparent);
}

.columnz-bgcolor-primary_dark-70 {
  background-color: color-mix(in srgb, var(--primary-dark) 70%, transparent);
}

.columnz-bgcolor-primary_dark-60 {
  background-color: color-mix(in srgb, var(--primary-dark) 60%, transparent);
}

.columnz-bgcolor-primary_dark-50 {
  background-color: color-mix(in srgb, var(--primary-dark) 50%, transparent);
}

.columnz-bgcolor-primary_dark-40 {
  background-color: color-mix(in srgb, var(--primary-dark) 40%, transparent);
}

.columnz-bgcolor-primary_dark-30 {
  background-color: color-mix(in srgb, var(--primary-dark) 30%, transparent);
}

.columnz-bgcolor-primary_dark-20 {
  background-color: color-mix(in srgb, var(--primary-dark) 20%, transparent);
}

.columnz-bgcolor-primary_dark-10 {
  background-color: color-mix(in srgb, var(--primary-dark) 10%, transparent);
}

.columnz-bgcolor-secondary {
  background-color: var(--secondary);
}

.columnz-bgcolor-secondary_light {
  background-color: var(--secondary-light);
}

.columnz-bgcolor-secondary_dark {
  background-color: var(--secondary-dark);
}

.columnz-bgcolor-secondary-90 {
  background-color: color-mix(in srgb, var(--secondary) 90%, transparent);
}

.columnz-bgcolor-secondary-80 {
  background-color: color-mix(in srgb, var(--secondary) 80%, transparent);
}

.columnz-bgcolor-secondary-70 {
  background-color: color-mix(in srgb, var(--secondary) 70%, transparent);
}

.columnz-bgcolor-secondary-60 {
  background-color: color-mix(in srgb, var(--secondary) 60%, transparent);
}

.columnz-bgcolor-secondary-50 {
  background-color: color-mix(in srgb, var(--secondary) 50%, transparent);
}

.columnz-bgcolor-secondary-40 {
  background-color: color-mix(in srgb, var(--secondary) 40%, transparent);
}

.columnz-bgcolor-secondary-30 {
  background-color: color-mix(in srgb, var(--secondary) 30%, transparent);
}

.columnz-bgcolor-secondary-20 {
  background-color: color-mix(in srgb, var(--secondary) 20%, transparent);
}

.columnz-bgcolor-secondary-10 {
  background-color: color-mix(in srgb, var(--secondary) 10%, transparent);
}

.columnz-bgcolor-secondary_light-90 {
  background-color: color-mix(in srgb, var(--secondary-light) 90%, transparent);
}

.columnz-bgcolor-secondary_light-80 {
  background-color: color-mix(in srgb, var(--secondary-light) 80%, transparent);
}

.columnz-bgcolor-secondary_light-70 {
  background-color: color-mix(in srgb, var(--secondary-light) 70%, transparent);
}

.columnz-bgcolor-secondary_light-60 {
  background-color: color-mix(in srgb, var(--secondary-light) 60%, transparent);
}

.columnz-bgcolor-secondary_light-50 {
  background-color: color-mix(in srgb, var(--secondary-light) 50%, transparent);
}

.columnz-bgcolor-secondary_light-40 {
  background-color: color-mix(in srgb, var(--secondary-light) 40%, transparent);
}

.columnz-bgcolor-secondary_light-30 {
  background-color: color-mix(in srgb, var(--secondary-light) 30%, transparent);
}

.columnz-bgcolor-secondary_light-20 {
  background-color: color-mix(in srgb, var(--secondary-light) 20%, transparent);
}

.columnz-bgcolor-secondary_light-10 {
  background-color: color-mix(in srgb, var(--secondary-light) 10%, transparent);
}

.columnz-bgcolor-secondary_dark-90 {
  background-color: color-mix(in srgb, var(--secondary-dark) 90%, transparent);
}

.columnz-bgcolor-secondary_dark-80 {
  background-color: color-mix(in srgb, var(--secondary-dark) 80%, transparent);
}

.columnz-bgcolor-secondary_dark-70 {
  background-color: color-mix(in srgb, var(--secondary-dark) 70%, transparent);
}

.columnz-bgcolor-secondary_dark-60 {
  background-color: color-mix(in srgb, var(--secondary-dark) 60%, transparent);
}

.columnz-bgcolor-secondary_dark-50 {
  background-color: color-mix(in srgb, var(--secondary-dark) 50%, transparent);
}

.columnz-bgcolor-secondary_dark-40 {
  background-color: color-mix(in srgb, var(--secondary-dark) 40%, transparent);
}

.columnz-bgcolor-secondary_dark-30 {
  background-color: color-mix(in srgb, var(--secondary-dark) 30%, transparent);
}

.columnz-bgcolor-secondary_dark-20 {
  background-color: color-mix(in srgb, var(--secondary-dark) 20%, transparent);
}

.columnz-bgcolor-secondary_dark-10 {
  background-color: color-mix(in srgb, var(--secondary-dark) 10%, transparent);
}

.columnz-bgcolor-info {
  background-color: var(--info);
}

.columnz-bgcolor-info_light {
  background-color: var(--info-light);
}

.columnz-bgcolor-info_dark {
  background-color: var(--info-dark);
}

.columnz-bgcolor-info-90 {
  background-color: color-mix(in srgb, var(--info) 90%, transparent);
}

.columnz-bgcolor-info-80 {
  background-color: color-mix(in srgb, var(--info) 80%, transparent);
}

.columnz-bgcolor-info-70 {
  background-color: color-mix(in srgb, var(--info) 70%, transparent);
}

.columnz-bgcolor-info-60 {
  background-color: color-mix(in srgb, var(--info) 60%, transparent);
}

.columnz-bgcolor-info-50 {
  background-color: color-mix(in srgb, var(--info) 50%, transparent);
}

.columnz-bgcolor-info-40 {
  background-color: color-mix(in srgb, var(--info) 40%, transparent);
}

.columnz-bgcolor-info-30 {
  background-color: color-mix(in srgb, var(--info) 30%, transparent);
}

.columnz-bgcolor-info-20 {
  background-color: color-mix(in srgb, var(--info) 20%, transparent);
}

.columnz-bgcolor-info-10 {
  background-color: color-mix(in srgb, var(--info) 10%, transparent);
}

.columnz-bgcolor-info_light-90 {
  background-color: color-mix(in srgb, var(--info-light) 90%, transparent);
}

.columnz-bgcolor-info_light-80 {
  background-color: color-mix(in srgb, var(--info-light) 80%, transparent);
}

.columnz-bgcolor-info_light-70 {
  background-color: color-mix(in srgb, var(--info-light) 70%, transparent);
}

.columnz-bgcolor-info_light-60 {
  background-color: color-mix(in srgb, var(--info-light) 60%, transparent);
}

.columnz-bgcolor-info_light-50 {
  background-color: color-mix(in srgb, var(--info-light) 50%, transparent);
}

.columnz-bgcolor-info_light-40 {
  background-color: color-mix(in srgb, var(--info-light) 40%, transparent);
}

.columnz-bgcolor-info_light-30 {
  background-color: color-mix(in srgb, var(--info-light) 30%, transparent);
}

.columnz-bgcolor-info_light-20 {
  background-color: color-mix(in srgb, var(--info-light) 20%, transparent);
}

.columnz-bgcolor-info_light-10 {
  background-color: color-mix(in srgb, var(--info-light) 10%, transparent);
}

.columnz-bgcolor-info_dark-90 {
  background-color: color-mix(in srgb, var(--info-dark) 90%, transparent);
}

.columnz-bgcolor-info_dark-80 {
  background-color: color-mix(in srgb, var(--info-dark) 80%, transparent);
}

.columnz-bgcolor-info_dark-70 {
  background-color: color-mix(in srgb, var(--info-dark) 70%, transparent);
}

.columnz-bgcolor-info_dark-60 {
  background-color: color-mix(in srgb, var(--info-dark) 60%, transparent);
}

.columnz-bgcolor-info_dark-50 {
  background-color: color-mix(in srgb, var(--info-dark) 50%, transparent);
}

.columnz-bgcolor-info_dark-40 {
  background-color: color-mix(in srgb, var(--info-dark) 40%, transparent);
}

.columnz-bgcolor-info_dark-30 {
  background-color: color-mix(in srgb, var(--info-dark) 30%, transparent);
}

.columnz-bgcolor-info_dark-20 {
  background-color: color-mix(in srgb, var(--info-dark) 20%, transparent);
}

.columnz-bgcolor-info_dark-10 {
  background-color: color-mix(in srgb, var(--info-dark) 10%, transparent);
}

.columnz-bgcolor-success {
  background-color: var(--success);
}

.columnz-bgcolor-success_light {
  background-color: var(--success-light);
}

.columnz-bgcolor-success_dark {
  background-color: var(--success-dark);
}

.columnz-bgcolor-success-90 {
  background-color: color-mix(in srgb, var(--success) 90%, transparent);
}

.columnz-bgcolor-success-80 {
  background-color: color-mix(in srgb, var(--success) 80%, transparent);
}

.columnz-bgcolor-success-70 {
  background-color: color-mix(in srgb, var(--success) 70%, transparent);
}

.columnz-bgcolor-success-60 {
  background-color: color-mix(in srgb, var(--success) 60%, transparent);
}

.columnz-bgcolor-success-50 {
  background-color: color-mix(in srgb, var(--success) 50%, transparent);
}

.columnz-bgcolor-success-40 {
  background-color: color-mix(in srgb, var(--success) 40%, transparent);
}

.columnz-bgcolor-success-30 {
  background-color: color-mix(in srgb, var(--success) 30%, transparent);
}

.columnz-bgcolor-success-20 {
  background-color: color-mix(in srgb, var(--success) 20%, transparent);
}

.columnz-bgcolor-success-10 {
  background-color: color-mix(in srgb, var(--success) 10%, transparent);
}

.columnz-bgcolor-success_light-90 {
  background-color: color-mix(in srgb, var(--success-light) 90%, transparent);
}

.columnz-bgcolor-success_light-80 {
  background-color: color-mix(in srgb, var(--success-light) 80%, transparent);
}

.columnz-bgcolor-success_light-70 {
  background-color: color-mix(in srgb, var(--success-light) 70%, transparent);
}

.columnz-bgcolor-success_light-60 {
  background-color: color-mix(in srgb, var(--success-light) 60%, transparent);
}

.columnz-bgcolor-success_light-50 {
  background-color: color-mix(in srgb, var(--success-light) 50%, transparent);
}

.columnz-bgcolor-success_light-40 {
  background-color: color-mix(in srgb, var(--success-light) 40%, transparent);
}

.columnz-bgcolor-success_light-30 {
  background-color: color-mix(in srgb, var(--success-light) 30%, transparent);
}

.columnz-bgcolor-success_light-20 {
  background-color: color-mix(in srgb, var(--success-light) 20%, transparent);
}

.columnz-bgcolor-success_light-10 {
  background-color: color-mix(in srgb, var(--success-light) 10%, transparent);
}

.columnz-bgcolor-success_dark-90 {
  background-color: color-mix(in srgb, var(--success-dark) 90%, transparent);
}

.columnz-bgcolor-success_dark-80 {
  background-color: color-mix(in srgb, var(--success-dark) 80%, transparent);
}

.columnz-bgcolor-success_dark-70 {
  background-color: color-mix(in srgb, var(--success-dark) 70%, transparent);
}

.columnz-bgcolor-success_dark-60 {
  background-color: color-mix(in srgb, var(--success-dark) 60%, transparent);
}

.columnz-bgcolor-success_dark-50 {
  background-color: color-mix(in srgb, var(--success-dark) 50%, transparent);
}

.columnz-bgcolor-success_dark-40 {
  background-color: color-mix(in srgb, var(--success-dark) 40%, transparent);
}

.columnz-bgcolor-success_dark-30 {
  background-color: color-mix(in srgb, var(--success-dark) 30%, transparent);
}

.columnz-bgcolor-success_dark-20 {
  background-color: color-mix(in srgb, var(--success-dark) 20%, transparent);
}

.columnz-bgcolor-success_dark-10 {
  background-color: color-mix(in srgb, var(--success-dark) 10%, transparent);
}

.columnz-bgcolor-warning {
  background-color: var(--warning);
}

.columnz-bgcolor-warning_light {
  background-color: var(--warning-light);
}

.columnz-bgcolor-warning_dark {
  background-color: var(--warning-dark);
}

.columnz-bgcolor-warning-90 {
  background-color: color-mix(in srgb, var(--warning) 90%, transparent);
}

.columnz-bgcolor-warning-80 {
  background-color: color-mix(in srgb, var(--warning) 80%, transparent);
}

.columnz-bgcolor-warning-70 {
  background-color: color-mix(in srgb, var(--warning) 70%, transparent);
}

.columnz-bgcolor-warning-60 {
  background-color: color-mix(in srgb, var(--warning) 60%, transparent);
}

.columnz-bgcolor-warning-50 {
  background-color: color-mix(in srgb, var(--warning) 50%, transparent);
}

.columnz-bgcolor-warning-40 {
  background-color: color-mix(in srgb, var(--warning) 40%, transparent);
}

.columnz-bgcolor-warning-30 {
  background-color: color-mix(in srgb, var(--warning) 30%, transparent);
}

.columnz-bgcolor-warning-20 {
  background-color: color-mix(in srgb, var(--warning) 20%, transparent);
}

.columnz-bgcolor-warning-10 {
  background-color: color-mix(in srgb, var(--warning) 10%, transparent);
}

.columnz-bgcolor-warning_light-90 {
  background-color: color-mix(in srgb, var(--warning-light) 90%, transparent);
}

.columnz-bgcolor-warning_light-80 {
  background-color: color-mix(in srgb, var(--warning-light) 80%, transparent);
}

.columnz-bgcolor-warning_light-70 {
  background-color: color-mix(in srgb, var(--warning-light) 70%, transparent);
}

.columnz-bgcolor-warning_light-60 {
  background-color: color-mix(in srgb, var(--warning-light) 60%, transparent);
}

.columnz-bgcolor-warning_light-50 {
  background-color: color-mix(in srgb, var(--warning-light) 50%, transparent);
}

.columnz-bgcolor-warning_light-40 {
  background-color: color-mix(in srgb, var(--warning-light) 40%, transparent);
}

.columnz-bgcolor-warning_light-30 {
  background-color: color-mix(in srgb, var(--warning-light) 30%, transparent);
}

.columnz-bgcolor-warning_light-20 {
  background-color: color-mix(in srgb, var(--warning-light) 20%, transparent);
}

.columnz-bgcolor-warning_light-10 {
  background-color: color-mix(in srgb, var(--warning-light) 10%, transparent);
}

.columnz-bgcolor-warning_dark-90 {
  background-color: color-mix(in srgb, var(--warning-dark) 90%, transparent);
}

.columnz-bgcolor-warning_dark-80 {
  background-color: color-mix(in srgb, var(--warning-dark) 80%, transparent);
}

.columnz-bgcolor-warning_dark-70 {
  background-color: color-mix(in srgb, var(--warning-dark) 70%, transparent);
}

.columnz-bgcolor-warning_dark-60 {
  background-color: color-mix(in srgb, var(--warning-dark) 60%, transparent);
}

.columnz-bgcolor-warning_dark-50 {
  background-color: color-mix(in srgb, var(--warning-dark) 50%, transparent);
}

.columnz-bgcolor-warning_dark-40 {
  background-color: color-mix(in srgb, var(--warning-dark) 40%, transparent);
}

.columnz-bgcolor-warning_dark-30 {
  background-color: color-mix(in srgb, var(--warning-dark) 30%, transparent);
}

.columnz-bgcolor-warning_dark-20 {
  background-color: color-mix(in srgb, var(--warning-dark) 20%, transparent);
}

.columnz-bgcolor-warning_dark-10 {
  background-color: color-mix(in srgb, var(--warning-dark) 10%, transparent);
}

.columnz-bgcolor-danger {
  background-color: var(--danger);
}

.columnz-bgcolor-danger_light {
  background-color: var(--danger-light);
}

.columnz-bgcolor-danger_dark {
  background-color: var(--danger-dark);
}

.columnz-bgcolor-danger-90 {
  background-color: color-mix(in srgb, var(--danger) 90%, transparent);
}

.columnz-bgcolor-danger-80 {
  background-color: color-mix(in srgb, var(--danger) 80%, transparent);
}

.columnz-bgcolor-danger-70 {
  background-color: color-mix(in srgb, var(--danger) 70%, transparent);
}

.columnz-bgcolor-danger-60 {
  background-color: color-mix(in srgb, var(--danger) 60%, transparent);
}

.columnz-bgcolor-danger-50 {
  background-color: color-mix(in srgb, var(--danger) 50%, transparent);
}

.columnz-bgcolor-danger-40 {
  background-color: color-mix(in srgb, var(--danger) 40%, transparent);
}

.columnz-bgcolor-danger-30 {
  background-color: color-mix(in srgb, var(--danger) 30%, transparent);
}

.columnz-bgcolor-danger-20 {
  background-color: color-mix(in srgb, var(--danger) 20%, transparent);
}

.columnz-bgcolor-danger-10 {
  background-color: color-mix(in srgb, var(--danger) 10%, transparent);
}

.columnz-bgcolor-danger_light-90 {
  background-color: color-mix(in srgb, var(--danger-light) 90%, transparent);
}

.columnz-bgcolor-danger_light-80 {
  background-color: color-mix(in srgb, var(--danger-light) 80%, transparent);
}

.columnz-bgcolor-danger_light-70 {
  background-color: color-mix(in srgb, var(--danger-light) 70%, transparent);
}

.columnz-bgcolor-danger_light-60 {
  background-color: color-mix(in srgb, var(--danger-light) 60%, transparent);
}

.columnz-bgcolor-danger_light-50 {
  background-color: color-mix(in srgb, var(--danger-light) 50%, transparent);
}

.columnz-bgcolor-danger_light-40 {
  background-color: color-mix(in srgb, var(--danger-light) 40%, transparent);
}

.columnz-bgcolor-danger_light-30 {
  background-color: color-mix(in srgb, var(--danger-light) 30%, transparent);
}

.columnz-bgcolor-danger_light-20 {
  background-color: color-mix(in srgb, var(--danger-light) 20%, transparent);
}

.columnz-bgcolor-danger_light-10 {
  background-color: color-mix(in srgb, var(--danger-light) 10%, transparent);
}

.columnz-bgcolor-danger_dark-90 {
  background-color: color-mix(in srgb, var(--danger-dark) 90%, transparent);
}

.columnz-bgcolor-danger_dark-80 {
  background-color: color-mix(in srgb, var(--danger-dark) 80%, transparent);
}

.columnz-bgcolor-danger_dark-70 {
  background-color: color-mix(in srgb, var(--danger-dark) 70%, transparent);
}

.columnz-bgcolor-danger_dark-60 {
  background-color: color-mix(in srgb, var(--danger-dark) 60%, transparent);
}

.columnz-bgcolor-danger_dark-50 {
  background-color: color-mix(in srgb, var(--danger-dark) 50%, transparent);
}

.columnz-bgcolor-danger_dark-40 {
  background-color: color-mix(in srgb, var(--danger-dark) 40%, transparent);
}

.columnz-bgcolor-danger_dark-30 {
  background-color: color-mix(in srgb, var(--danger-dark) 30%, transparent);
}

.columnz-bgcolor-danger_dark-20 {
  background-color: color-mix(in srgb, var(--danger-dark) 20%, transparent);
}

.columnz-bgcolor-danger_dark-10 {
  background-color: color-mix(in srgb, var(--danger-dark) 10%, transparent);
}

.columnz-bgcolor-dark {
  background-color: var(--dark);
}

.columnz-bgcolor-dark_light {
  background-color: var(--dark-light);
}

.columnz-bgcolor-dark_dark {
  background-color: var(--dark-dark);
}

.columnz-bgcolor-dark-90 {
  background-color: color-mix(in srgb, var(--dark) 90%, transparent);
}

.columnz-bgcolor-dark-80 {
  background-color: color-mix(in srgb, var(--dark) 80%, transparent);
}

.columnz-bgcolor-dark-70 {
  background-color: color-mix(in srgb, var(--dark) 70%, transparent);
}

.columnz-bgcolor-dark-60 {
  background-color: color-mix(in srgb, var(--dark) 60%, transparent);
}

.columnz-bgcolor-dark-50 {
  background-color: color-mix(in srgb, var(--dark) 50%, transparent);
}

.columnz-bgcolor-dark-40 {
  background-color: color-mix(in srgb, var(--dark) 40%, transparent);
}

.columnz-bgcolor-dark-30 {
  background-color: color-mix(in srgb, var(--dark) 30%, transparent);
}

.columnz-bgcolor-dark-20 {
  background-color: color-mix(in srgb, var(--dark) 20%, transparent);
}

.columnz-bgcolor-dark-10 {
  background-color: color-mix(in srgb, var(--dark) 10%, transparent);
}

.columnz-bgcolor-dark_light-90 {
  background-color: color-mix(in srgb, var(--dark-light) 90%, transparent);
}

.columnz-bgcolor-dark_light-80 {
  background-color: color-mix(in srgb, var(--dark-light) 80%, transparent);
}

.columnz-bgcolor-dark_light-70 {
  background-color: color-mix(in srgb, var(--dark-light) 70%, transparent);
}

.columnz-bgcolor-dark_light-60 {
  background-color: color-mix(in srgb, var(--dark-light) 60%, transparent);
}

.columnz-bgcolor-dark_light-50 {
  background-color: color-mix(in srgb, var(--dark-light) 50%, transparent);
}

.columnz-bgcolor-dark_light-40 {
  background-color: color-mix(in srgb, var(--dark-light) 40%, transparent);
}

.columnz-bgcolor-dark_light-30 {
  background-color: color-mix(in srgb, var(--dark-light) 30%, transparent);
}

.columnz-bgcolor-dark_light-20 {
  background-color: color-mix(in srgb, var(--dark-light) 20%, transparent);
}

.columnz-bgcolor-dark_light-10 {
  background-color: color-mix(in srgb, var(--dark-light) 10%, transparent);
}

.columnz-bgcolor-dark_dark-90 {
  background-color: color-mix(in srgb, var(--dark-dark) 90%, transparent);
}

.columnz-bgcolor-dark_dark-80 {
  background-color: color-mix(in srgb, var(--dark-dark) 80%, transparent);
}

.columnz-bgcolor-dark_dark-70 {
  background-color: color-mix(in srgb, var(--dark-dark) 70%, transparent);
}

.columnz-bgcolor-dark_dark-60 {
  background-color: color-mix(in srgb, var(--dark-dark) 60%, transparent);
}

.columnz-bgcolor-dark_dark-50 {
  background-color: color-mix(in srgb, var(--dark-dark) 50%, transparent);
}

.columnz-bgcolor-dark_dark-40 {
  background-color: color-mix(in srgb, var(--dark-dark) 40%, transparent);
}

.columnz-bgcolor-dark_dark-30 {
  background-color: color-mix(in srgb, var(--dark-dark) 30%, transparent);
}

.columnz-bgcolor-dark_dark-20 {
  background-color: color-mix(in srgb, var(--dark-dark) 20%, transparent);
}

.columnz-bgcolor-dark_dark-10 {
  background-color: color-mix(in srgb, var(--dark-dark) 10%, transparent);
}

.columnz-bgcolor-light {
  background-color: var(--light);
}

.columnz-bgcolor-light_light {
  background-color: var(--light-light);
}

.columnz-bgcolor-light_dark {
  background-color: var(--light-dark);
}

.columnz-bgcolor-light-90 {
  background-color: color-mix(in srgb, var(--light) 90%, transparent);
}

.columnz-bgcolor-light-80 {
  background-color: color-mix(in srgb, var(--light) 80%, transparent);
}

.columnz-bgcolor-light-70 {
  background-color: color-mix(in srgb, var(--light) 70%, transparent);
}

.columnz-bgcolor-light-60 {
  background-color: color-mix(in srgb, var(--light) 60%, transparent);
}

.columnz-bgcolor-light-50 {
  background-color: color-mix(in srgb, var(--light) 50%, transparent);
}

.columnz-bgcolor-light-40 {
  background-color: color-mix(in srgb, var(--light) 40%, transparent);
}

.columnz-bgcolor-light-30 {
  background-color: color-mix(in srgb, var(--light) 30%, transparent);
}

.columnz-bgcolor-light-20 {
  background-color: color-mix(in srgb, var(--light) 20%, transparent);
}

.columnz-bgcolor-light-10 {
  background-color: color-mix(in srgb, var(--light) 10%, transparent);
}

.columnz-bgcolor-light_light-90 {
  background-color: color-mix(in srgb, var(--light-light) 90%, transparent);
}

.columnz-bgcolor-light_light-80 {
  background-color: color-mix(in srgb, var(--light-light) 80%, transparent);
}

.columnz-bgcolor-light_light-70 {
  background-color: color-mix(in srgb, var(--light-light) 70%, transparent);
}

.columnz-bgcolor-light_light-60 {
  background-color: color-mix(in srgb, var(--light-light) 60%, transparent);
}

.columnz-bgcolor-light_light-50 {
  background-color: color-mix(in srgb, var(--light-light) 50%, transparent);
}

.columnz-bgcolor-light_light-40 {
  background-color: color-mix(in srgb, var(--light-light) 40%, transparent);
}

.columnz-bgcolor-light_light-30 {
  background-color: color-mix(in srgb, var(--light-light) 30%, transparent);
}

.columnz-bgcolor-light_light-20 {
  background-color: color-mix(in srgb, var(--light-light) 20%, transparent);
}

.columnz-bgcolor-light_light-10 {
  background-color: color-mix(in srgb, var(--light-light) 10%, transparent);
}

.columnz-bgcolor-light_dark-90 {
  background-color: color-mix(in srgb, var(--light-dark) 90%, transparent);
}

.columnz-bgcolor-light_dark-80 {
  background-color: color-mix(in srgb, var(--light-dark) 80%, transparent);
}

.columnz-bgcolor-light_dark-70 {
  background-color: color-mix(in srgb, var(--light-dark) 70%, transparent);
}

.columnz-bgcolor-light_dark-60 {
  background-color: color-mix(in srgb, var(--light-dark) 60%, transparent);
}

.columnz-bgcolor-light_dark-50 {
  background-color: color-mix(in srgb, var(--light-dark) 50%, transparent);
}

.columnz-bgcolor-light_dark-40 {
  background-color: color-mix(in srgb, var(--light-dark) 40%, transparent);
}

.columnz-bgcolor-light_dark-30 {
  background-color: color-mix(in srgb, var(--light-dark) 30%, transparent);
}

.columnz-bgcolor-light_dark-20 {
  background-color: color-mix(in srgb, var(--light-dark) 20%, transparent);
}

.columnz-bgcolor-light_dark-10 {
  background-color: color-mix(in srgb, var(--light-dark) 10%, transparent);
}

.columnz-bgcolor-text {
  background-color: var(--text);
}

.columnz-bgcolor-text_negative {
  background-color: var(--text-negative);
}

.columnz-bgcolor-text-90 {
  background-color: color-mix(in srgb, var(--text) 90%, transparent);
}

.columnz-bgcolor-text-80 {
  background-color: color-mix(in srgb, var(--text) 80%, transparent);
}

.columnz-bgcolor-text-70 {
  background-color: color-mix(in srgb, var(--text) 70%, transparent);
}

.columnz-bgcolor-text-60 {
  background-color: color-mix(in srgb, var(--text) 60%, transparent);
}

.columnz-bgcolor-text-50 {
  background-color: color-mix(in srgb, var(--text) 50%, transparent);
}

.columnz-bgcolor-text-40 {
  background-color: color-mix(in srgb, var(--text) 40%, transparent);
}

.columnz-bgcolor-text-30 {
  background-color: color-mix(in srgb, var(--text) 30%, transparent);
}

.columnz-bgcolor-text-20 {
  background-color: color-mix(in srgb, var(--text) 20%, transparent);
}

.columnz-bgcolor-text-10 {
  background-color: color-mix(in srgb, var(--text) 10%, transparent);
}

.columnz-bgcolor-text_negative-90 {
  background-color: color-mix(in srgb, var(--text-negative) 90%, transparent);
}

.columnz-bgcolor-text_negative-80 {
  background-color: color-mix(in srgb, var(--text-negative) 80%, transparent);
}

.columnz-bgcolor-text_negative-70 {
  background-color: color-mix(in srgb, var(--text-negative) 70%, transparent);
}

.columnz-bgcolor-text_negative-60 {
  background-color: color-mix(in srgb, var(--text-negative) 60%, transparent);
}

.columnz-bgcolor-text_negative-50 {
  background-color: color-mix(in srgb, var(--text-negative) 50%, transparent);
}

.columnz-bgcolor-text_negative-40 {
  background-color: color-mix(in srgb, var(--text-negative) 40%, transparent);
}

.columnz-bgcolor-text_negative-30 {
  background-color: color-mix(in srgb, var(--text-negative) 30%, transparent);
}

.columnz-bgcolor-text_negative-20 {
  background-color: color-mix(in srgb, var(--text-negative) 20%, transparent);
}

.columnz-bgcolor-text_negative-10 {
  background-color: color-mix(in srgb, var(--text-negative) 10%, transparent);
}

.columnz-color-primary {
  color: var(--primary);
  fill: var(--primary);
}

.columnz-color-primary *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light {
  color: var(--primary-light);
  fill: var(--primary-light);
}

.columnz-color-primary_light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark {
  color: var(--primary-dark);
  fill: var(--primary-dark);
}

.columnz-color-primary_dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-90 {
  color: color-mix(in srgb, var(--primary) 90%, transparent);
  fill: color-mix(in srgb, var(--primary) 90%, transparent);
}

.columnz-color-primary-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-80 {
  color: color-mix(in srgb, var(--primary) 80%, transparent);
  fill: color-mix(in srgb, var(--primary) 80%, transparent);
}

.columnz-color-primary-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-70 {
  color: color-mix(in srgb, var(--primary) 70%, transparent);
  fill: color-mix(in srgb, var(--primary) 70%, transparent);
}

.columnz-color-primary-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-60 {
  color: color-mix(in srgb, var(--primary) 60%, transparent);
  fill: color-mix(in srgb, var(--primary) 60%, transparent);
}

.columnz-color-primary-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-50 {
  color: color-mix(in srgb, var(--primary) 50%, transparent);
  fill: color-mix(in srgb, var(--primary) 50%, transparent);
}

.columnz-color-primary-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-40 {
  color: color-mix(in srgb, var(--primary) 40%, transparent);
  fill: color-mix(in srgb, var(--primary) 40%, transparent);
}

.columnz-color-primary-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-30 {
  color: color-mix(in srgb, var(--primary) 30%, transparent);
  fill: color-mix(in srgb, var(--primary) 30%, transparent);
}

.columnz-color-primary-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-20 {
  color: color-mix(in srgb, var(--primary) 20%, transparent);
  fill: color-mix(in srgb, var(--primary) 20%, transparent);
}

.columnz-color-primary-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary-10 {
  color: color-mix(in srgb, var(--primary) 10%, transparent);
  fill: color-mix(in srgb, var(--primary) 10%, transparent);
}

.columnz-color-primary-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-90 {
  color: color-mix(in srgb, var(--primary-dark) 90%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 90%, transparent);
}

.columnz-color-primary_dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-80 {
  color: color-mix(in srgb, var(--primary-dark) 80%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 80%, transparent);
}

.columnz-color-primary_dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-70 {
  color: color-mix(in srgb, var(--primary-dark) 70%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 70%, transparent);
}

.columnz-color-primary_dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-60 {
  color: color-mix(in srgb, var(--primary-dark) 60%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 60%, transparent);
}

.columnz-color-primary_dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-50 {
  color: color-mix(in srgb, var(--primary-dark) 50%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 50%, transparent);
}

.columnz-color-primary_dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-40 {
  color: color-mix(in srgb, var(--primary-dark) 40%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 40%, transparent);
}

.columnz-color-primary_dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-30 {
  color: color-mix(in srgb, var(--primary-dark) 30%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 30%, transparent);
}

.columnz-color-primary_dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-20 {
  color: color-mix(in srgb, var(--primary-dark) 20%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 20%, transparent);
}

.columnz-color-primary_dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_dark-10 {
  color: color-mix(in srgb, var(--primary-dark) 10%, transparent);
  fill: color-mix(in srgb, var(--primary-dark) 10%, transparent);
}

.columnz-color-primary_dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-90 {
  color: color-mix(in srgb, var(--primary-light) 90%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 90%, transparent);
}

.columnz-color-primary_light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-80 {
  color: color-mix(in srgb, var(--primary-light) 80%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 80%, transparent);
}

.columnz-color-primary_light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-70 {
  color: color-mix(in srgb, var(--primary-light) 70%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 70%, transparent);
}

.columnz-color-primary_light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-60 {
  color: color-mix(in srgb, var(--primary-light) 60%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 60%, transparent);
}

.columnz-color-primary_light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-50 {
  color: color-mix(in srgb, var(--primary-light) 50%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 50%, transparent);
}

.columnz-color-primary_light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-40 {
  color: color-mix(in srgb, var(--primary-light) 40%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 40%, transparent);
}

.columnz-color-primary_light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-30 {
  color: color-mix(in srgb, var(--primary-light) 30%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 30%, transparent);
}

.columnz-color-primary_light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-20 {
  color: color-mix(in srgb, var(--primary-light) 20%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 20%, transparent);
}

.columnz-color-primary_light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-primary_light-10 {
  color: color-mix(in srgb, var(--primary-light) 10%, transparent);
  fill: color-mix(in srgb, var(--primary-light) 10%, transparent);
}

.columnz-color-primary_light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary {
  color: var(--secondary);
  fill: var(--secondary);
}

.columnz-color-secondary *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light {
  color: var(--secondary-light);
  fill: var(--secondary-light);
}

.columnz-color-secondary_light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark {
  color: var(--secondary-dark);
  fill: var(--secondary-dark);
}

.columnz-color-secondary_dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-90 {
  color: color-mix(in srgb, var(--secondary) 90%, transparent);
  fill: color-mix(in srgb, var(--secondary) 90%, transparent);
}

.columnz-color-secondary-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-80 {
  color: color-mix(in srgb, var(--secondary) 80%, transparent);
  fill: color-mix(in srgb, var(--secondary) 80%, transparent);
}

.columnz-color-secondary-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-70 {
  color: color-mix(in srgb, var(--secondary) 70%, transparent);
  fill: color-mix(in srgb, var(--secondary) 70%, transparent);
}

.columnz-color-secondary-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-60 {
  color: color-mix(in srgb, var(--secondary) 60%, transparent);
  fill: color-mix(in srgb, var(--secondary) 60%, transparent);
}

.columnz-color-secondary-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-50 {
  color: color-mix(in srgb, var(--secondary) 50%, transparent);
  fill: color-mix(in srgb, var(--secondary) 50%, transparent);
}

.columnz-color-secondary-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-40 {
  color: color-mix(in srgb, var(--secondary) 40%, transparent);
  fill: color-mix(in srgb, var(--secondary) 40%, transparent);
}

.columnz-color-secondary-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-30 {
  color: color-mix(in srgb, var(--secondary) 30%, transparent);
  fill: color-mix(in srgb, var(--secondary) 30%, transparent);
}

.columnz-color-secondary-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-20 {
  color: color-mix(in srgb, var(--secondary) 20%, transparent);
  fill: color-mix(in srgb, var(--secondary) 20%, transparent);
}

.columnz-color-secondary-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary-10 {
  color: color-mix(in srgb, var(--secondary) 10%, transparent);
  fill: color-mix(in srgb, var(--secondary) 10%, transparent);
}

.columnz-color-secondary-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-90 {
  color: color-mix(in srgb, var(--secondary-dark) 90%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 90%, transparent);
}

.columnz-color-secondary_dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-80 {
  color: color-mix(in srgb, var(--secondary-dark) 80%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 80%, transparent);
}

.columnz-color-secondary_dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-70 {
  color: color-mix(in srgb, var(--secondary-dark) 70%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 70%, transparent);
}

.columnz-color-secondary_dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-60 {
  color: color-mix(in srgb, var(--secondary-dark) 60%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 60%, transparent);
}

.columnz-color-secondary_dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-50 {
  color: color-mix(in srgb, var(--secondary-dark) 50%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 50%, transparent);
}

.columnz-color-secondary_dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-40 {
  color: color-mix(in srgb, var(--secondary-dark) 40%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 40%, transparent);
}

.columnz-color-secondary_dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-30 {
  color: color-mix(in srgb, var(--secondary-dark) 30%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 30%, transparent);
}

.columnz-color-secondary_dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-20 {
  color: color-mix(in srgb, var(--secondary-dark) 20%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 20%, transparent);
}

.columnz-color-secondary_dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_dark-10 {
  color: color-mix(in srgb, var(--secondary-dark) 10%, transparent);
  fill: color-mix(in srgb, var(--secondary-dark) 10%, transparent);
}

.columnz-color-secondary_dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-90 {
  color: color-mix(in srgb, var(--secondary-light) 90%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 90%, transparent);
}

.columnz-color-secondary_light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-80 {
  color: color-mix(in srgb, var(--secondary-light) 80%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 80%, transparent);
}

.columnz-color-secondary_light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-70 {
  color: color-mix(in srgb, var(--secondary-light) 70%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 70%, transparent);
}

.columnz-color-secondary_light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-60 {
  color: color-mix(in srgb, var(--secondary-light) 60%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 60%, transparent);
}

.columnz-color-secondary_light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-50 {
  color: color-mix(in srgb, var(--secondary-light) 50%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 50%, transparent);
}

.columnz-color-secondary_light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-40 {
  color: color-mix(in srgb, var(--secondary-light) 40%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 40%, transparent);
}

.columnz-color-secondary_light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-30 {
  color: color-mix(in srgb, var(--secondary-light) 30%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 30%, transparent);
}

.columnz-color-secondary_light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-20 {
  color: color-mix(in srgb, var(--secondary-light) 20%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 20%, transparent);
}

.columnz-color-secondary_light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-secondary_light-10 {
  color: color-mix(in srgb, var(--secondary-light) 10%, transparent);
  fill: color-mix(in srgb, var(--secondary-light) 10%, transparent);
}

.columnz-color-secondary_light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info {
  color: var(--info);
  fill: var(--info);
}

.columnz-color-info *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light {
  color: var(--info-light);
  fill: var(--info-light);
}

.columnz-color-info_light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark {
  color: var(--info-dark);
  fill: var(--info-dark);
}

.columnz-color-info_dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-90 {
  color: color-mix(in srgb, var(--info) 90%, transparent);
  fill: color-mix(in srgb, var(--info) 90%, transparent);
}

.columnz-color-info-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-80 {
  color: color-mix(in srgb, var(--info) 80%, transparent);
  fill: color-mix(in srgb, var(--info) 80%, transparent);
}

.columnz-color-info-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-70 {
  color: color-mix(in srgb, var(--info) 70%, transparent);
  fill: color-mix(in srgb, var(--info) 70%, transparent);
}

.columnz-color-info-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-60 {
  color: color-mix(in srgb, var(--info) 60%, transparent);
  fill: color-mix(in srgb, var(--info) 60%, transparent);
}

.columnz-color-info-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-50 {
  color: color-mix(in srgb, var(--info) 50%, transparent);
  fill: color-mix(in srgb, var(--info) 50%, transparent);
}

.columnz-color-info-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-40 {
  color: color-mix(in srgb, var(--info) 40%, transparent);
  fill: color-mix(in srgb, var(--info) 40%, transparent);
}

.columnz-color-info-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-30 {
  color: color-mix(in srgb, var(--info) 30%, transparent);
  fill: color-mix(in srgb, var(--info) 30%, transparent);
}

.columnz-color-info-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-20 {
  color: color-mix(in srgb, var(--info) 20%, transparent);
  fill: color-mix(in srgb, var(--info) 20%, transparent);
}

.columnz-color-info-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info-10 {
  color: color-mix(in srgb, var(--info) 10%, transparent);
  fill: color-mix(in srgb, var(--info) 10%, transparent);
}

.columnz-color-info-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-90 {
  color: color-mix(in srgb, var(--info-dark) 90%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 90%, transparent);
}

.columnz-color-info_dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-80 {
  color: color-mix(in srgb, var(--info-dark) 80%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 80%, transparent);
}

.columnz-color-info_dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-70 {
  color: color-mix(in srgb, var(--info-dark) 70%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 70%, transparent);
}

.columnz-color-info_dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-60 {
  color: color-mix(in srgb, var(--info-dark) 60%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 60%, transparent);
}

.columnz-color-info_dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-50 {
  color: color-mix(in srgb, var(--info-dark) 50%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 50%, transparent);
}

.columnz-color-info_dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-40 {
  color: color-mix(in srgb, var(--info-dark) 40%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 40%, transparent);
}

.columnz-color-info_dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-30 {
  color: color-mix(in srgb, var(--info-dark) 30%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 30%, transparent);
}

.columnz-color-info_dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-20 {
  color: color-mix(in srgb, var(--info-dark) 20%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 20%, transparent);
}

.columnz-color-info_dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_dark-10 {
  color: color-mix(in srgb, var(--info-dark) 10%, transparent);
  fill: color-mix(in srgb, var(--info-dark) 10%, transparent);
}

.columnz-color-info_dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-90 {
  color: color-mix(in srgb, var(--info-light) 90%, transparent);
  fill: color-mix(in srgb, var(--info-light) 90%, transparent);
}

.columnz-color-info_light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-80 {
  color: color-mix(in srgb, var(--info-light) 80%, transparent);
  fill: color-mix(in srgb, var(--info-light) 80%, transparent);
}

.columnz-color-info_light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-70 {
  color: color-mix(in srgb, var(--info-light) 70%, transparent);
  fill: color-mix(in srgb, var(--info-light) 70%, transparent);
}

.columnz-color-info_light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-60 {
  color: color-mix(in srgb, var(--info-light) 60%, transparent);
  fill: color-mix(in srgb, var(--info-light) 60%, transparent);
}

.columnz-color-info_light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-50 {
  color: color-mix(in srgb, var(--info-light) 50%, transparent);
  fill: color-mix(in srgb, var(--info-light) 50%, transparent);
}

.columnz-color-info_light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-40 {
  color: color-mix(in srgb, var(--info-light) 40%, transparent);
  fill: color-mix(in srgb, var(--info-light) 40%, transparent);
}

.columnz-color-info_light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-30 {
  color: color-mix(in srgb, var(--info-light) 30%, transparent);
  fill: color-mix(in srgb, var(--info-light) 30%, transparent);
}

.columnz-color-info_light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-20 {
  color: color-mix(in srgb, var(--info-light) 20%, transparent);
  fill: color-mix(in srgb, var(--info-light) 20%, transparent);
}

.columnz-color-info_light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-info_light-10 {
  color: color-mix(in srgb, var(--info-light) 10%, transparent);
  fill: color-mix(in srgb, var(--info-light) 10%, transparent);
}

.columnz-color-info_light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success {
  color: var(--success);
  fill: var(--success);
}

.columnz-color-success *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light {
  color: var(--success-light);
  fill: var(--success-light);
}

.columnz-color-success_light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark {
  color: var(--success-dark);
  fill: var(--success-dark);
}

.columnz-color-success_dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-90 {
  color: color-mix(in srgb, var(--success) 90%, transparent);
  fill: color-mix(in srgb, var(--success) 90%, transparent);
}

.columnz-color-success-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-80 {
  color: color-mix(in srgb, var(--success) 80%, transparent);
  fill: color-mix(in srgb, var(--success) 80%, transparent);
}

.columnz-color-success-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-70 {
  color: color-mix(in srgb, var(--success) 70%, transparent);
  fill: color-mix(in srgb, var(--success) 70%, transparent);
}

.columnz-color-success-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-60 {
  color: color-mix(in srgb, var(--success) 60%, transparent);
  fill: color-mix(in srgb, var(--success) 60%, transparent);
}

.columnz-color-success-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-50 {
  color: color-mix(in srgb, var(--success) 50%, transparent);
  fill: color-mix(in srgb, var(--success) 50%, transparent);
}

.columnz-color-success-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-40 {
  color: color-mix(in srgb, var(--success) 40%, transparent);
  fill: color-mix(in srgb, var(--success) 40%, transparent);
}

.columnz-color-success-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-30 {
  color: color-mix(in srgb, var(--success) 30%, transparent);
  fill: color-mix(in srgb, var(--success) 30%, transparent);
}

.columnz-color-success-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-20 {
  color: color-mix(in srgb, var(--success) 20%, transparent);
  fill: color-mix(in srgb, var(--success) 20%, transparent);
}

.columnz-color-success-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success-10 {
  color: color-mix(in srgb, var(--success) 10%, transparent);
  fill: color-mix(in srgb, var(--success) 10%, transparent);
}

.columnz-color-success-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-90 {
  color: color-mix(in srgb, var(--success-dark) 90%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 90%, transparent);
}

.columnz-color-success_dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-80 {
  color: color-mix(in srgb, var(--success-dark) 80%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 80%, transparent);
}

.columnz-color-success_dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-70 {
  color: color-mix(in srgb, var(--success-dark) 70%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 70%, transparent);
}

.columnz-color-success_dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-60 {
  color: color-mix(in srgb, var(--success-dark) 60%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 60%, transparent);
}

.columnz-color-success_dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-50 {
  color: color-mix(in srgb, var(--success-dark) 50%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 50%, transparent);
}

.columnz-color-success_dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-40 {
  color: color-mix(in srgb, var(--success-dark) 40%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 40%, transparent);
}

.columnz-color-success_dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-30 {
  color: color-mix(in srgb, var(--success-dark) 30%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 30%, transparent);
}

.columnz-color-success_dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-20 {
  color: color-mix(in srgb, var(--success-dark) 20%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 20%, transparent);
}

.columnz-color-success_dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_dark-10 {
  color: color-mix(in srgb, var(--success-dark) 10%, transparent);
  fill: color-mix(in srgb, var(--success-dark) 10%, transparent);
}

.columnz-color-success_dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-90 {
  color: color-mix(in srgb, var(--success-light) 90%, transparent);
  fill: color-mix(in srgb, var(--success-light) 90%, transparent);
}

.columnz-color-success_light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-80 {
  color: color-mix(in srgb, var(--success-light) 80%, transparent);
  fill: color-mix(in srgb, var(--success-light) 80%, transparent);
}

.columnz-color-success_light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-70 {
  color: color-mix(in srgb, var(--success-light) 70%, transparent);
  fill: color-mix(in srgb, var(--success-light) 70%, transparent);
}

.columnz-color-success_light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-60 {
  color: color-mix(in srgb, var(--success-light) 60%, transparent);
  fill: color-mix(in srgb, var(--success-light) 60%, transparent);
}

.columnz-color-success_light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-50 {
  color: color-mix(in srgb, var(--success-light) 50%, transparent);
  fill: color-mix(in srgb, var(--success-light) 50%, transparent);
}

.columnz-color-success_light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-40 {
  color: color-mix(in srgb, var(--success-light) 40%, transparent);
  fill: color-mix(in srgb, var(--success-light) 40%, transparent);
}

.columnz-color-success_light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-30 {
  color: color-mix(in srgb, var(--success-light) 30%, transparent);
  fill: color-mix(in srgb, var(--success-light) 30%, transparent);
}

.columnz-color-success_light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-20 {
  color: color-mix(in srgb, var(--success-light) 20%, transparent);
  fill: color-mix(in srgb, var(--success-light) 20%, transparent);
}

.columnz-color-success_light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-success_light-10 {
  color: color-mix(in srgb, var(--success-light) 10%, transparent);
  fill: color-mix(in srgb, var(--success-light) 10%, transparent);
}

.columnz-color-success_light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning {
  color: var(--warning);
  fill: var(--warning);
}

.columnz-color-warning *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light {
  color: var(--warning-light);
  fill: var(--warning-light);
}

.columnz-color-warning_light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark {
  color: var(--warning-dark);
  fill: var(--warning-dark);
}

.columnz-color-warning_dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-90 {
  color: color-mix(in srgb, var(--warning) 90%, transparent);
  fill: color-mix(in srgb, var(--warning) 90%, transparent);
}

.columnz-color-warning-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-80 {
  color: color-mix(in srgb, var(--warning) 80%, transparent);
  fill: color-mix(in srgb, var(--warning) 80%, transparent);
}

.columnz-color-warning-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-70 {
  color: color-mix(in srgb, var(--warning) 70%, transparent);
  fill: color-mix(in srgb, var(--warning) 70%, transparent);
}

.columnz-color-warning-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-60 {
  color: color-mix(in srgb, var(--warning) 60%, transparent);
  fill: color-mix(in srgb, var(--warning) 60%, transparent);
}

.columnz-color-warning-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-50 {
  color: color-mix(in srgb, var(--warning) 50%, transparent);
  fill: color-mix(in srgb, var(--warning) 50%, transparent);
}

.columnz-color-warning-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-40 {
  color: color-mix(in srgb, var(--warning) 40%, transparent);
  fill: color-mix(in srgb, var(--warning) 40%, transparent);
}

.columnz-color-warning-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-30 {
  color: color-mix(in srgb, var(--warning) 30%, transparent);
  fill: color-mix(in srgb, var(--warning) 30%, transparent);
}

.columnz-color-warning-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-20 {
  color: color-mix(in srgb, var(--warning) 20%, transparent);
  fill: color-mix(in srgb, var(--warning) 20%, transparent);
}

.columnz-color-warning-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning-10 {
  color: color-mix(in srgb, var(--warning) 10%, transparent);
  fill: color-mix(in srgb, var(--warning) 10%, transparent);
}

.columnz-color-warning-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-90 {
  color: color-mix(in srgb, var(--warning-dark) 90%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 90%, transparent);
}

.columnz-color-warning_dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-80 {
  color: color-mix(in srgb, var(--warning-dark) 80%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 80%, transparent);
}

.columnz-color-warning_dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-70 {
  color: color-mix(in srgb, var(--warning-dark) 70%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 70%, transparent);
}

.columnz-color-warning_dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-60 {
  color: color-mix(in srgb, var(--warning-dark) 60%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 60%, transparent);
}

.columnz-color-warning_dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-50 {
  color: color-mix(in srgb, var(--warning-dark) 50%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 50%, transparent);
}

.columnz-color-warning_dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-40 {
  color: color-mix(in srgb, var(--warning-dark) 40%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 40%, transparent);
}

.columnz-color-warning_dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-30 {
  color: color-mix(in srgb, var(--warning-dark) 30%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 30%, transparent);
}

.columnz-color-warning_dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-20 {
  color: color-mix(in srgb, var(--warning-dark) 20%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 20%, transparent);
}

.columnz-color-warning_dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_dark-10 {
  color: color-mix(in srgb, var(--warning-dark) 10%, transparent);
  fill: color-mix(in srgb, var(--warning-dark) 10%, transparent);
}

.columnz-color-warning_dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-90 {
  color: color-mix(in srgb, var(--warning-light) 90%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 90%, transparent);
}

.columnz-color-warning_light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-80 {
  color: color-mix(in srgb, var(--warning-light) 80%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 80%, transparent);
}

.columnz-color-warning_light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-70 {
  color: color-mix(in srgb, var(--warning-light) 70%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 70%, transparent);
}

.columnz-color-warning_light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-60 {
  color: color-mix(in srgb, var(--warning-light) 60%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 60%, transparent);
}

.columnz-color-warning_light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-50 {
  color: color-mix(in srgb, var(--warning-light) 50%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 50%, transparent);
}

.columnz-color-warning_light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-40 {
  color: color-mix(in srgb, var(--warning-light) 40%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 40%, transparent);
}

.columnz-color-warning_light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-30 {
  color: color-mix(in srgb, var(--warning-light) 30%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 30%, transparent);
}

.columnz-color-warning_light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-20 {
  color: color-mix(in srgb, var(--warning-light) 20%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 20%, transparent);
}

.columnz-color-warning_light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-warning_light-10 {
  color: color-mix(in srgb, var(--warning-light) 10%, transparent);
  fill: color-mix(in srgb, var(--warning-light) 10%, transparent);
}

.columnz-color-warning_light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger {
  color: var(--danger);
  fill: var(--danger);
}

.columnz-color-danger *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light {
  color: var(--danger-light);
  fill: var(--danger-light);
}

.columnz-color-danger_light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark {
  color: var(--danger-dark);
  fill: var(--danger-dark);
}

.columnz-color-danger_dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-90 {
  color: color-mix(in srgb, var(--danger) 90%, transparent);
  fill: color-mix(in srgb, var(--danger) 90%, transparent);
}

.columnz-color-danger-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-80 {
  color: color-mix(in srgb, var(--danger) 80%, transparent);
  fill: color-mix(in srgb, var(--danger) 80%, transparent);
}

.columnz-color-danger-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-70 {
  color: color-mix(in srgb, var(--danger) 70%, transparent);
  fill: color-mix(in srgb, var(--danger) 70%, transparent);
}

.columnz-color-danger-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-60 {
  color: color-mix(in srgb, var(--danger) 60%, transparent);
  fill: color-mix(in srgb, var(--danger) 60%, transparent);
}

.columnz-color-danger-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-50 {
  color: color-mix(in srgb, var(--danger) 50%, transparent);
  fill: color-mix(in srgb, var(--danger) 50%, transparent);
}

.columnz-color-danger-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-40 {
  color: color-mix(in srgb, var(--danger) 40%, transparent);
  fill: color-mix(in srgb, var(--danger) 40%, transparent);
}

.columnz-color-danger-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-30 {
  color: color-mix(in srgb, var(--danger) 30%, transparent);
  fill: color-mix(in srgb, var(--danger) 30%, transparent);
}

.columnz-color-danger-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-20 {
  color: color-mix(in srgb, var(--danger) 20%, transparent);
  fill: color-mix(in srgb, var(--danger) 20%, transparent);
}

.columnz-color-danger-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger-10 {
  color: color-mix(in srgb, var(--danger) 10%, transparent);
  fill: color-mix(in srgb, var(--danger) 10%, transparent);
}

.columnz-color-danger-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-90 {
  color: color-mix(in srgb, var(--danger-dark) 90%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 90%, transparent);
}

.columnz-color-danger_dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-80 {
  color: color-mix(in srgb, var(--danger-dark) 80%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 80%, transparent);
}

.columnz-color-danger_dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-70 {
  color: color-mix(in srgb, var(--danger-dark) 70%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 70%, transparent);
}

.columnz-color-danger_dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-60 {
  color: color-mix(in srgb, var(--danger-dark) 60%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 60%, transparent);
}

.columnz-color-danger_dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-50 {
  color: color-mix(in srgb, var(--danger-dark) 50%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 50%, transparent);
}

.columnz-color-danger_dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-40 {
  color: color-mix(in srgb, var(--danger-dark) 40%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 40%, transparent);
}

.columnz-color-danger_dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-30 {
  color: color-mix(in srgb, var(--danger-dark) 30%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 30%, transparent);
}

.columnz-color-danger_dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-20 {
  color: color-mix(in srgb, var(--danger-dark) 20%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 20%, transparent);
}

.columnz-color-danger_dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_dark-10 {
  color: color-mix(in srgb, var(--danger-dark) 10%, transparent);
  fill: color-mix(in srgb, var(--danger-dark) 10%, transparent);
}

.columnz-color-danger_dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-90 {
  color: color-mix(in srgb, var(--danger-light) 90%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 90%, transparent);
}

.columnz-color-danger_light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-80 {
  color: color-mix(in srgb, var(--danger-light) 80%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 80%, transparent);
}

.columnz-color-danger_light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-70 {
  color: color-mix(in srgb, var(--danger-light) 70%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 70%, transparent);
}

.columnz-color-danger_light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-60 {
  color: color-mix(in srgb, var(--danger-light) 60%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 60%, transparent);
}

.columnz-color-danger_light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-50 {
  color: color-mix(in srgb, var(--danger-light) 50%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 50%, transparent);
}

.columnz-color-danger_light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-40 {
  color: color-mix(in srgb, var(--danger-light) 40%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 40%, transparent);
}

.columnz-color-danger_light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-30 {
  color: color-mix(in srgb, var(--danger-light) 30%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 30%, transparent);
}

.columnz-color-danger_light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-20 {
  color: color-mix(in srgb, var(--danger-light) 20%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 20%, transparent);
}

.columnz-color-danger_light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-danger_light-10 {
  color: color-mix(in srgb, var(--danger-light) 10%, transparent);
  fill: color-mix(in srgb, var(--danger-light) 10%, transparent);
}

.columnz-color-danger_light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark {
  color: var(--dark);
  fill: var(--dark);
}

.columnz-color-dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light {
  color: var(--dark-light);
  fill: var(--dark-light);
}

.columnz-color-dark_light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark {
  color: var(--dark-dark);
  fill: var(--dark-dark);
}

.columnz-color-dark_dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-90 {
  color: color-mix(in srgb, var(--dark) 90%, transparent);
  fill: color-mix(in srgb, var(--dark) 90%, transparent);
}

.columnz-color-dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-80 {
  color: color-mix(in srgb, var(--dark) 80%, transparent);
  fill: color-mix(in srgb, var(--dark) 80%, transparent);
}

.columnz-color-dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-70 {
  color: color-mix(in srgb, var(--dark) 70%, transparent);
  fill: color-mix(in srgb, var(--dark) 70%, transparent);
}

.columnz-color-dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-60 {
  color: color-mix(in srgb, var(--dark) 60%, transparent);
  fill: color-mix(in srgb, var(--dark) 60%, transparent);
}

.columnz-color-dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-50 {
  color: color-mix(in srgb, var(--dark) 50%, transparent);
  fill: color-mix(in srgb, var(--dark) 50%, transparent);
}

.columnz-color-dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-40 {
  color: color-mix(in srgb, var(--dark) 40%, transparent);
  fill: color-mix(in srgb, var(--dark) 40%, transparent);
}

.columnz-color-dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-30 {
  color: color-mix(in srgb, var(--dark) 30%, transparent);
  fill: color-mix(in srgb, var(--dark) 30%, transparent);
}

.columnz-color-dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-20 {
  color: color-mix(in srgb, var(--dark) 20%, transparent);
  fill: color-mix(in srgb, var(--dark) 20%, transparent);
}

.columnz-color-dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark-10 {
  color: color-mix(in srgb, var(--dark) 10%, transparent);
  fill: color-mix(in srgb, var(--dark) 10%, transparent);
}

.columnz-color-dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-90 {
  color: color-mix(in srgb, var(--dark-dark) 90%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 90%, transparent);
}

.columnz-color-dark_dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-80 {
  color: color-mix(in srgb, var(--dark-dark) 80%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 80%, transparent);
}

.columnz-color-dark_dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-70 {
  color: color-mix(in srgb, var(--dark-dark) 70%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 70%, transparent);
}

.columnz-color-dark_dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-60 {
  color: color-mix(in srgb, var(--dark-dark) 60%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 60%, transparent);
}

.columnz-color-dark_dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-50 {
  color: color-mix(in srgb, var(--dark-dark) 50%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 50%, transparent);
}

.columnz-color-dark_dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-40 {
  color: color-mix(in srgb, var(--dark-dark) 40%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 40%, transparent);
}

.columnz-color-dark_dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-30 {
  color: color-mix(in srgb, var(--dark-dark) 30%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 30%, transparent);
}

.columnz-color-dark_dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-20 {
  color: color-mix(in srgb, var(--dark-dark) 20%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 20%, transparent);
}

.columnz-color-dark_dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_dark-10 {
  color: color-mix(in srgb, var(--dark-dark) 10%, transparent);
  fill: color-mix(in srgb, var(--dark-dark) 10%, transparent);
}

.columnz-color-dark_dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-90 {
  color: color-mix(in srgb, var(--dark-light) 90%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 90%, transparent);
}

.columnz-color-dark_light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-80 {
  color: color-mix(in srgb, var(--dark-light) 80%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 80%, transparent);
}

.columnz-color-dark_light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-70 {
  color: color-mix(in srgb, var(--dark-light) 70%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 70%, transparent);
}

.columnz-color-dark_light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-60 {
  color: color-mix(in srgb, var(--dark-light) 60%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 60%, transparent);
}

.columnz-color-dark_light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-50 {
  color: color-mix(in srgb, var(--dark-light) 50%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 50%, transparent);
}

.columnz-color-dark_light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-40 {
  color: color-mix(in srgb, var(--dark-light) 40%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 40%, transparent);
}

.columnz-color-dark_light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-30 {
  color: color-mix(in srgb, var(--dark-light) 30%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 30%, transparent);
}

.columnz-color-dark_light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-20 {
  color: color-mix(in srgb, var(--dark-light) 20%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 20%, transparent);
}

.columnz-color-dark_light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-dark_light-10 {
  color: color-mix(in srgb, var(--dark-light) 10%, transparent);
  fill: color-mix(in srgb, var(--dark-light) 10%, transparent);
}

.columnz-color-dark_light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light {
  color: var(--light);
  fill: var(--light);
}

.columnz-color-light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light {
  color: var(--light-light);
  fill: var(--light-light);
}

.columnz-color-light_light *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark {
  color: var(--light-dark);
  fill: var(--light-dark);
}

.columnz-color-light_dark *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-90 {
  color: color-mix(in srgb, var(--light) 90%, transparent);
  fill: color-mix(in srgb, var(--light) 90%, transparent);
}

.columnz-color-light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-80 {
  color: color-mix(in srgb, var(--light) 80%, transparent);
  fill: color-mix(in srgb, var(--light) 80%, transparent);
}

.columnz-color-light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-70 {
  color: color-mix(in srgb, var(--light) 70%, transparent);
  fill: color-mix(in srgb, var(--light) 70%, transparent);
}

.columnz-color-light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-60 {
  color: color-mix(in srgb, var(--light) 60%, transparent);
  fill: color-mix(in srgb, var(--light) 60%, transparent);
}

.columnz-color-light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-50 {
  color: color-mix(in srgb, var(--light) 50%, transparent);
  fill: color-mix(in srgb, var(--light) 50%, transparent);
}

.columnz-color-light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-40 {
  color: color-mix(in srgb, var(--light) 40%, transparent);
  fill: color-mix(in srgb, var(--light) 40%, transparent);
}

.columnz-color-light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-30 {
  color: color-mix(in srgb, var(--light) 30%, transparent);
  fill: color-mix(in srgb, var(--light) 30%, transparent);
}

.columnz-color-light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-20 {
  color: color-mix(in srgb, var(--light) 20%, transparent);
  fill: color-mix(in srgb, var(--light) 20%, transparent);
}

.columnz-color-light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light-10 {
  color: color-mix(in srgb, var(--light) 10%, transparent);
  fill: color-mix(in srgb, var(--light) 10%, transparent);
}

.columnz-color-light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-90 {
  color: color-mix(in srgb, var(--light-dark) 90%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 90%, transparent);
}

.columnz-color-light_dark-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-80 {
  color: color-mix(in srgb, var(--light-dark) 80%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 80%, transparent);
}

.columnz-color-light_dark-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-70 {
  color: color-mix(in srgb, var(--light-dark) 70%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 70%, transparent);
}

.columnz-color-light_dark-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-60 {
  color: color-mix(in srgb, var(--light-dark) 60%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 60%, transparent);
}

.columnz-color-light_dark-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-50 {
  color: color-mix(in srgb, var(--light-dark) 50%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 50%, transparent);
}

.columnz-color-light_dark-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-40 {
  color: color-mix(in srgb, var(--light-dark) 40%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 40%, transparent);
}

.columnz-color-light_dark-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-30 {
  color: color-mix(in srgb, var(--light-dark) 30%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 30%, transparent);
}

.columnz-color-light_dark-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-20 {
  color: color-mix(in srgb, var(--light-dark) 20%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 20%, transparent);
}

.columnz-color-light_dark-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_dark-10 {
  color: color-mix(in srgb, var(--light-dark) 10%, transparent);
  fill: color-mix(in srgb, var(--light-dark) 10%, transparent);
}

.columnz-color-light_dark-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-90 {
  color: color-mix(in srgb, var(--light-light) 90%, transparent);
  fill: color-mix(in srgb, var(--light-light) 90%, transparent);
}

.columnz-color-light_light-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-80 {
  color: color-mix(in srgb, var(--light-light) 80%, transparent);
  fill: color-mix(in srgb, var(--light-light) 80%, transparent);
}

.columnz-color-light_light-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-70 {
  color: color-mix(in srgb, var(--light-light) 70%, transparent);
  fill: color-mix(in srgb, var(--light-light) 70%, transparent);
}

.columnz-color-light_light-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-60 {
  color: color-mix(in srgb, var(--light-light) 60%, transparent);
  fill: color-mix(in srgb, var(--light-light) 60%, transparent);
}

.columnz-color-light_light-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-50 {
  color: color-mix(in srgb, var(--light-light) 50%, transparent);
  fill: color-mix(in srgb, var(--light-light) 50%, transparent);
}

.columnz-color-light_light-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-40 {
  color: color-mix(in srgb, var(--light-light) 40%, transparent);
  fill: color-mix(in srgb, var(--light-light) 40%, transparent);
}

.columnz-color-light_light-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-30 {
  color: color-mix(in srgb, var(--light-light) 30%, transparent);
  fill: color-mix(in srgb, var(--light-light) 30%, transparent);
}

.columnz-color-light_light-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-20 {
  color: color-mix(in srgb, var(--light-light) 20%, transparent);
  fill: color-mix(in srgb, var(--light-light) 20%, transparent);
}

.columnz-color-light_light-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-light_light-10 {
  color: color-mix(in srgb, var(--light-light) 10%, transparent);
  fill: color-mix(in srgb, var(--light-light) 10%, transparent);
}

.columnz-color-light_light-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text {
  color: var(--text);
  fill: var(--text);
}

.columnz-color-text *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative {
  color: var(--text-negative);
  fill: var(--text-negative);
}

.columnz-color-text_negative *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-90 {
  color: color-mix(in srgb, var(--text) 90%, transparent);
  fill: color-mix(in srgb, var(--text) 90%, transparent);
}

.columnz-color-text-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-80 {
  color: color-mix(in srgb, var(--text) 80%, transparent);
  fill: color-mix(in srgb, var(--text) 80%, transparent);
}

.columnz-color-text-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-70 {
  color: color-mix(in srgb, var(--text) 70%, transparent);
  fill: color-mix(in srgb, var(--text) 70%, transparent);
}

.columnz-color-text-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-60 {
  color: color-mix(in srgb, var(--text) 60%, transparent);
  fill: color-mix(in srgb, var(--text) 60%, transparent);
}

.columnz-color-text-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-50 {
  color: color-mix(in srgb, var(--text) 50%, transparent);
  fill: color-mix(in srgb, var(--text) 50%, transparent);
}

.columnz-color-text-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-40 {
  color: color-mix(in srgb, var(--text) 40%, transparent);
  fill: color-mix(in srgb, var(--text) 40%, transparent);
}

.columnz-color-text-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-30 {
  color: color-mix(in srgb, var(--text) 30%, transparent);
  fill: color-mix(in srgb, var(--text) 30%, transparent);
}

.columnz-color-text-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-20 {
  color: color-mix(in srgb, var(--text) 20%, transparent);
  fill: color-mix(in srgb, var(--text) 20%, transparent);
}

.columnz-color-text-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text-10 {
  color: color-mix(in srgb, var(--text) 10%, transparent);
  fill: color-mix(in srgb, var(--text) 10%, transparent);
}

.columnz-color-text-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-90 {
  color: color-mix(in srgb, var(--text-negative) 90%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 90%, transparent);
}

.columnz-color-text_negative-90 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-80 {
  color: color-mix(in srgb, var(--text-negative) 80%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 80%, transparent);
}

.columnz-color-text_negative-80 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-70 {
  color: color-mix(in srgb, var(--text-negative) 70%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 70%, transparent);
}

.columnz-color-text_negative-70 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-60 {
  color: color-mix(in srgb, var(--text-negative) 60%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 60%, transparent);
}

.columnz-color-text_negative-60 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-50 {
  color: color-mix(in srgb, var(--text-negative) 50%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 50%, transparent);
}

.columnz-color-text_negative-50 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-40 {
  color: color-mix(in srgb, var(--text-negative) 40%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 40%, transparent);
}

.columnz-color-text_negative-40 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-30 {
  color: color-mix(in srgb, var(--text-negative) 30%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 30%, transparent);
}

.columnz-color-text_negative-30 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-20 {
  color: color-mix(in srgb, var(--text-negative) 20%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 20%, transparent);
}

.columnz-color-text_negative-20 *:not([class*="columnz-color"]) {
  color: inherit;
}

.columnz-color-text_negative-10 {
  color: color-mix(in srgb, var(--text-negative) 10%, transparent);
  fill: color-mix(in srgb, var(--text-negative) 10%, transparent);
}

.columnz-color-text_negative-10 *:not([class*="columnz-color"]) {
  color: inherit;
}

/* Responsive height, width, vheight, vwidth */

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

@media (min-width: 576px) {
  .border-sm {
    border: 1px solid var(--light);
  }

  .border-sm-top {
    border-top: 1px solid var(--light);
  }

  .border-sm-right {
    border-right: 1px solid var(--light);
  }

  .border-sm-bottom {
    border-bottom: 1px solid var(--light);
  }

  .border-sm-left {
    border-left: 1px solid var(--light);
  }

  .border-sm-0 {
    border: 0 !important;
  }

  .border-sm-top-0 {
    border-top: 0 !important;
  }

  .border-sm-right-0 {
    border-right: 0 !important;
  }

  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-sm-left-0 {
    border-left: 0 !important;
  }

  .bg-img-size-sm-cover {
    background-size: cover !important;
  }

  .bg-img-size-sm-contain {
    background-size: contain !important;
  }

  .bg-img-size-sm-auto {
    background-size: auto !important;
  }

  .bg-img-repeat-sm-no-repeat {
    background-repeat: no-repeat !important;
  }

  .bg-img-repeat-sm-repeat {
    background-repeat: repeat !important;
  }

  .bg-img-posy-sm-top {
    background-position-y: top !important;
  }

  .bg-img-posy-sm-center {
    background-position-y: center !important;
  }

  .bg-img-posy-sm-bottom {
    background-position-y: bottom !important;
  }

  .bg-img-posx-sm-left {
    background-position-x: left !important;
  }

  .bg-img-posx-sm-center {
    background-position-x: center !important;
  }

  .bg-img-posx-sm-right {
    background-position-x: right !important;
  }

  .bg-img-att-sm-scroll {
    background-attachment: scroll !important;
  }

  .bg-img-att-sm-fixed {
    background-attachment: fixed !important;
  }

  .bg-img-blend-sm-0 {
    position: relative;
  }

  .bg-img-blend-sm-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }

  .bg-img-blend-sm-90 {
    position: relative;
  }

  .bg-img-blend-sm-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }

  .bg-img-blend-sm-80 {
    position: relative;
  }

  .bg-img-blend-sm-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }

  .bg-img-blend-sm-70 {
    position: relative;
  }

  .bg-img-blend-sm-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }

  .bg-img-blend-sm-60 {
    position: relative;
  }

  .bg-img-blend-sm-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }

  .bg-img-blend-sm-50 {
    position: relative;
  }

  .bg-img-blend-sm-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }

  .bg-img-blend-sm-40 {
    position: relative;
  }

  .bg-img-blend-sm-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }

  .bg-img-blend-sm-30 {
    position: relative;
  }

  .bg-img-blend-sm-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }

  .bg-img-blend-sm-20 {
    position: relative;
  }

  .bg-img-blend-sm-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }

  .bg-img-blend-sm-10 {
    position: relative;
  }

  .bg-img-blend-sm-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }

  .bg-img-blend-sm-100 {
    position: relative;
  }

  .bg-img-blend-sm-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }

  .h-sm-25 {
    height: 25% !important;
  }

  .h-sm-50 {
    height: 50% !important;
  }

  .h-sm-75 {
    height: 75% !important;
  }

  .h-sm-100 {
    height: 100% !important;
  }

  .h-sm-auto {
    height: auto !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-auto {
    width: auto !important;
  }
}

@media (min-width: 768px) {
  .border-md {
    border: 1px solid var(--light);
  }

  .border-md-top {
    border-top: 1px solid var(--light);
  }

  .border-md-right {
    border-right: 1px solid var(--light);
  }

  .border-md-bottom {
    border-bottom: 1px solid var(--light);
  }

  .border-md-left {
    border-left: 1px solid var(--light);
  }

  .border-md-0 {
    border: 0 !important;
  }

  .border-md-top-0 {
    border-top: 0 !important;
  }

  .border-md-right-0 {
    border-right: 0 !important;
  }

  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-md-left-0 {
    border-left: 0 !important;
  }

  .bg-img-size-md-cover {
    background-size: cover !important;
  }

  .bg-img-size-md-contain {
    background-size: contain !important;
  }

  .bg-img-size-md-auto {
    background-size: auto !important;
  }

  .bg-img-repeat-md-no-repeat {
    background-repeat: no-repeat !important;
  }

  .bg-img-repeat-md-repeat {
    background-repeat: repeat !important;
  }

  .bg-img-posy-md-top {
    background-position-y: top !important;
  }

  .bg-img-posy-md-center {
    background-position-y: center !important;
  }

  .bg-img-posy-md-bottom {
    background-position-y: bottom !important;
  }

  .bg-img-posx-md-left {
    background-position-x: left !important;
  }

  .bg-img-posx-md-center {
    background-position-x: center !important;
  }

  .bg-img-posx-md-right {
    background-position-x: right !important;
  }

  .bg-img-att-md-scroll {
    background-attachment: scroll !important;
  }

  .bg-img-att-md-fixed {
    background-attachment: fixed !important;
  }

  .bg-img-blend-md-0 {
    position: relative;
  }

  .bg-img-blend-md-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }

  .bg-img-blend-md-90 {
    position: relative;
  }

  .bg-img-blend-md-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }

  .bg-img-blend-md-80 {
    position: relative;
  }

  .bg-img-blend-md-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }

  .bg-img-blend-md-70 {
    position: relative;
  }

  .bg-img-blend-md-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }

  .bg-img-blend-md-60 {
    position: relative;
  }

  .bg-img-blend-md-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }

  .bg-img-blend-md-50 {
    position: relative;
  }

  .bg-img-blend-md-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }

  .bg-img-blend-md-40 {
    position: relative;
  }

  .bg-img-blend-md-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }

  .bg-img-blend-md-30 {
    position: relative;
  }

  .bg-img-blend-md-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }

  .bg-img-blend-md-20 {
    position: relative;
  }

  .bg-img-blend-md-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }

  .bg-img-blend-md-10 {
    position: relative;
  }

  .bg-img-blend-md-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }

  .bg-img-blend-md-100 {
    position: relative;
  }

  .bg-img-blend-md-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }

  .h-md-25 {
    height: 25% !important;
  }

  .h-md-50 {
    height: 50% !important;
  }

  .h-md-75 {
    height: 75% !important;
  }

  .h-md-100 {
    height: 100% !important;
  }

  .h-md-auto {
    height: auto !important;
  }

  .w-md-25 {
    width: 25% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-100 {
    width: 100% !important;
  }

  .w-md-auto {
    width: auto !important;
  }
}

@media (min-width: 992px) {
  .border-lg {
    border: 1px solid var(--light);
  }

  .border-lg-top {
    border-top: 1px solid var(--light);
  }

  .border-lg-right {
    border-right: 1px solid var(--light);
  }

  .border-lg-bottom {
    border-bottom: 1px solid var(--light);
  }

  .border-lg-left {
    border-left: 1px solid var(--light);
  }

  .border-lg-0 {
    border: 0 !important;
  }

  .border-lg-top-0 {
    border-top: 0 !important;
  }

  .border-lg-right-0 {
    border-right: 0 !important;
  }

  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-lg-left-0 {
    border-left: 0 !important;
  }

  .bg-img-size-lg-cover {
    background-size: cover !important;
  }

  .bg-img-size-lg-contain {
    background-size: contain !important;
  }

  .bg-img-size-lg-auto {
    background-size: auto !important;
  }

  .bg-img-repeat-lg-no-repeat {
    background-repeat: no-repeat !important;
  }

  .bg-img-repeat-lg-repeat {
    background-repeat: repeat !important;
  }

  .bg-img-posy-lg-top {
    background-position-y: top !important;
  }

  .bg-img-posy-lg-center {
    background-position-y: center !important;
  }

  .bg-img-posy-lg-bottom {
    background-position-y: bottom !important;
  }

  .bg-img-posx-lg-left {
    background-position-x: left !important;
  }

  .bg-img-posx-lg-center {
    background-position-x: center !important;
  }

  .bg-img-posx-lg-right {
    background-position-x: right !important;
  }

  .bg-img-att-lg-scroll {
    background-attachment: scroll !important;
  }

  .bg-img-att-lg-fixed {
    background-attachment: fixed !important;
  }

  .bg-img-blend-lg-0 {
    position: relative;
  }

  .bg-img-blend-lg-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }

  .bg-img-blend-lg-90 {
    position: relative;
  }

  .bg-img-blend-lg-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }

  .bg-img-blend-lg-80 {
    position: relative;
  }

  .bg-img-blend-lg-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }

  .bg-img-blend-lg-70 {
    position: relative;
  }

  .bg-img-blend-lg-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }

  .bg-img-blend-lg-60 {
    position: relative;
  }

  .bg-img-blend-lg-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }

  .bg-img-blend-lg-50 {
    position: relative;
  }

  .bg-img-blend-lg-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }

  .bg-img-blend-lg-40 {
    position: relative;
  }

  .bg-img-blend-lg-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }

  .bg-img-blend-lg-30 {
    position: relative;
  }

  .bg-img-blend-lg-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }

  .bg-img-blend-lg-20 {
    position: relative;
  }

  .bg-img-blend-lg-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }

  .bg-img-blend-lg-10 {
    position: relative;
  }

  .bg-img-blend-lg-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }

  .bg-img-blend-lg-100 {
    position: relative;
  }

  .bg-img-blend-lg-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }

  .h-lg-25 {
    height: 25% !important;
  }

  .h-lg-50 {
    height: 50% !important;
  }

  .h-lg-75 {
    height: 75% !important;
  }

  .h-lg-100 {
    height: 100% !important;
  }

  .h-lg-auto {
    height: auto !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-auto {
    width: auto !important;
  }
}

@media (min-width: 1200px) {
  .border-xl {
    border: 1px solid var(--light);
  }

  .border-xl-top {
    border-top: 1px solid var(--light);
  }

  .border-xl-right {
    border-right: 1px solid var(--light);
  }

  .border-xl-bottom {
    border-bottom: 1px solid var(--light);
  }

  .border-xl-left {
    border-left: 1px solid var(--light);
  }

  .border-xl-0 {
    border: 0 !important;
  }

  .border-xl-top-0 {
    border-top: 0 !important;
  }

  .border-xl-right-0 {
    border-right: 0 !important;
  }

  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-xl-left-0 {
    border-left: 0 !important;
  }

  .bg-img-size-xl-cover {
    background-size: cover !important;
  }

  .bg-img-size-xl-contain {
    background-size: contain !important;
  }

  .bg-img-size-xl-auto {
    background-size: auto !important;
  }

  .bg-img-repeat-xl-no-repeat {
    background-repeat: no-repeat !important;
  }

  .bg-img-repeat-xl-repeat {
    background-repeat: repeat !important;
  }

  .bg-img-posy-xl-top {
    background-position-y: top !important;
  }

  .bg-img-posy-xl-center {
    background-position-y: center !important;
  }

  .bg-img-posy-xl-bottom {
    background-position-y: bottom !important;
  }

  .bg-img-posx-xl-left {
    background-position-x: left !important;
  }

  .bg-img-posx-xl-center {
    background-position-x: center !important;
  }

  .bg-img-posx-xl-right {
    background-position-x: right !important;
  }

  .bg-img-att-xl-scroll {
    background-attachment: scroll !important;
  }

  .bg-img-att-xl-fixed {
    background-attachment: fixed !important;
  }

  .bg-img-blend-xl-0 {
    position: relative;
  }

  .bg-img-blend-xl-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }

  .bg-img-blend-xl-90 {
    position: relative;
  }

  .bg-img-blend-xl-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }

  .bg-img-blend-xl-80 {
    position: relative;
  }

  .bg-img-blend-xl-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }

  .bg-img-blend-xl-70 {
    position: relative;
  }

  .bg-img-blend-xl-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }

  .bg-img-blend-xl-60 {
    position: relative;
  }

  .bg-img-blend-xl-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }

  .bg-img-blend-xl-50 {
    position: relative;
  }

  .bg-img-blend-xl-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }

  .bg-img-blend-xl-40 {
    position: relative;
  }

  .bg-img-blend-xl-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }

  .bg-img-blend-xl-30 {
    position: relative;
  }

  .bg-img-blend-xl-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }

  .bg-img-blend-xl-20 {
    position: relative;
  }

  .bg-img-blend-xl-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }

  .bg-img-blend-xl-10 {
    position: relative;
  }

  .bg-img-blend-xl-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }

  .bg-img-blend-xl-100 {
    position: relative;
  }

  .bg-img-blend-xl-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }

  .h-xxl-25 {
    height: 25% !important;
  }

  .h-xxl-50 {
    height: 50% !important;
  }

  .h-xxl-75 {
    height: 75% !important;
  }

  .h-xxl-100 {
    height: 100% !important;
  }

  .h-xxl-auto {
    height: auto !important;
  }

  .w-xxl-25 {
    width: 25% !important;
  }

  .w-xxl-50 {
    width: 50% !important;
  }

  .w-xxl-75 {
    width: 75% !important;
  }

  .w-xxl-100 {
    width: 100% !important;
  }

  .w-xxl-auto {
    width: auto !important;
  }

  .h-xl-25 {
    height: 25% !important;
  }

  .h-xl-50 {
    height: 50% !important;
  }

  .h-xl-75 {
    height: 75% !important;
  }

  .h-xl-100 {
    height: 100% !important;
  }

  .h-xl-auto {
    height: auto !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-100 {
    width: 100% !important;
  }

  .w-xl-auto {
    width: auto !important;
  }
}

@media (min-width: 1500px) {
  .border-xxl {
    border: 1px solid var(--light);
  }

  .border-xxl-top {
    border-top: 1px solid var(--light);
  }

  .border-xxl-right {
    border-right: 1px solid var(--light);
  }

  .border-xxl-bottom {
    border-bottom: 1px solid var(--light);
  }

  .border-xxl-left {
    border-left: 1px solid var(--light);
  }

  .border-xxl-0 {
    border: 0 !important;
  }

  .border-xxl-top-0 {
    border-top: 0 !important;
  }

  .border-xxl-right-0 {
    border-right: 0 !important;
  }

  .border-xxl-bottom-0 {
    border-bottom: 0 !important;
  }

  .border-xxl-left-0 {
    border-left: 0 !important;
  }

  .bg-img-size-xxl-cover {
    background-size: cover !important;
  }

  .bg-img-size-xxl-contain {
    background-size: contain !important;
  }

  .bg-img-size-xxl-auto {
    background-size: auto !important;
  }

  .bg-img-repeat-xxl-no-repeat {
    background-repeat: no-repeat !important;
  }

  .bg-img-repeat-xxl-repeat {
    background-repeat: repeat !important;
  }

  .bg-img-posy-xxl-top {
    background-position-y: top !important;
  }

  .bg-img-posy-xxl-center {
    background-position-y: center !important;
  }

  .bg-img-posy-xxl-bottom {
    background-position-y: bottom !important;
  }

  .bg-img-posx-xxl-left {
    background-position-x: left !important;
  }

  .bg-img-posx-xxl-center {
    background-position-x: center !important;
  }

  .bg-img-posx-xxl-right {
    background-position-x: right !important;
  }

  .bg-img-att-xxl-scroll {
    background-attachment: scroll !important;
  }

  .bg-img-att-xxl-fixed {
    background-attachment: fixed !important;
  }

  .bg-img-blend-xxl-0 {
    position: relative;
  }

  .bg-img-blend-xxl-0::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0;
  }

  .bg-img-blend-xxl-90 {
    position: relative;
  }

  .bg-img-blend-xxl-10::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.1;
  }

  .bg-img-blend-xxl-80 {
    position: relative;
  }

  .bg-img-blend-xxl-20::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.2;
  }

  .bg-img-blend-xxl-70 {
    position: relative;
  }

  .bg-img-blend-xxl-30::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.3;
  }

  .bg-img-blend-xxl-60 {
    position: relative;
  }

  .bg-img-blend-xxl-40::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.4;
  }

  .bg-img-blend-xxl-50 {
    position: relative;
  }

  .bg-img-blend-xxl-50::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.5;
  }

  .bg-img-blend-xxl-40 {
    position: relative;
  }

  .bg-img-blend-xxl-60::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.6;
  }

  .bg-img-blend-xxl-30 {
    position: relative;
  }

  .bg-img-blend-xxl-70::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.7;
  }

  .bg-img-blend-xxl-20 {
    position: relative;
  }

  .bg-img-blend-xxl-80::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.8;
  }

  .bg-img-blend-xxl-10 {
    position: relative;
  }

  .bg-img-blend-xxl-90::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 0.9;
  }

  .bg-img-blend-xxl-100 {
    position: relative;
  }

  .bg-img-blend-xxl-100::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: inherit;
    opacity: 1;
  }
}/*# sourceMappingURL=bootstrap_elements.css.map */