/* stylelint-disable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-enable */
:root,
[data-bs-theme=light] {
  --color-kh-primary: #e76113;
  --color-kh-primary-translucent: rgba(231, 97, 19, var(--bg-opacity-val));
  --color-kh-primary-bg: rgba(231, 97, 19, 0.125);
  --color-kh-primary-tint: #f3b089;
  --color-kh-primary-tint-translucent: rgba(243, 176, 137, var(--bg-opacity-val));
  --color-kh-primary-tint-bg: rgba(243, 176, 137, 0.125);
  --color-kh-secondary: #068ba6;
  --color-kh-secondary-translucent: rgba(6, 139, 166, var(--bg-opacity-val));
  --color-kh-secondary-bg: rgba(6, 139, 166, 0.125);
  --color-kh-secondary-tint: rgb(130.5, 197, 210.5);
  --color-kh-secondary-tint-translucent: rgba(130.5, 197, 210.5, var(--bg-opacity-val));
  --color-kh-secondary-tint-bg: rgba(130.5, 197, 210.5, 0.125);
  --color-kh-tertiary: #ffb444;
  --color-kh-tertiary-translucent: rgba(255, 180, 68, var(--bg-opacity-val));
  --color-kh-tertiary-bg: rgba(255, 180, 68, 0.125);
  --color-kh-tertiary-tint: rgb(255, 217.5, 161.5);
  --color-kh-tertiary-tint-translucent: rgba(255, 217.5, 161.5, var(--bg-opacity-val));
  --color-kh-tertiary-tint-bg: rgba(255, 217.5, 161.5, 0.125);
  --color-kh-success: #32cd32;
  --color-kh-success-translucent: rgba(50, 205, 50, var(--bg-opacity-val));
  --color-kh-success-bg: rgba(50, 205, 50, 0.125);
  --color-kh-success-tint: rgb(152.5, 230, 152.5);
  --color-kh-success-tint-translucent: rgba(152.5, 230, 152.5, var(--bg-opacity-val));
  --color-kh-success-tint-bg: rgba(152.5, 230, 152.5, 0.125);
  --color-kh-info: #40bbec;
  --color-kh-info-translucent: rgba(64, 187, 236, var(--bg-opacity-val));
  --color-kh-info-bg: rgba(64, 187, 236, 0.125);
  --color-kh-info-tint: rgb(159.5, 221, 245.5);
  --color-kh-info-tint-translucent: rgba(159.5, 221, 245.5, var(--bg-opacity-val));
  --color-kh-info-tint-bg: rgba(159.5, 221, 245.5, 0.125);
  --color-kh-warning: #ffa726;
  --color-kh-warning-translucent: rgba(255, 167, 38, var(--bg-opacity-val));
  --color-kh-warning-bg: rgba(255, 167, 38, 0.125);
  --color-kh-warning-tint: rgb(255, 211, 146.5);
  --color-kh-warning-tint-translucent: rgba(255, 211, 146.5, var(--bg-opacity-val));
  --color-kh-warning-tint-bg: rgba(255, 211, 146.5, 0.125);
  --color-kh-danger: #FF3800;
  --color-kh-danger-translucent: rgba(255, 56, 0, var(--bg-opacity-val));
  --color-kh-danger-bg: rgba(255, 56, 0, 0.125);
  --color-kh-danger-tint: rgb(255, 155.5, 127.5);
  --color-kh-danger-tint-translucent: rgba(255, 155.5, 127.5, var(--bg-opacity-val));
  --color-kh-danger-tint-bg: rgba(255, 155.5, 127.5, 0.125);
  --color-kh-light: #ffefd5;
  --color-kh-light-translucent: rgba(255, 239, 213, var(--bg-opacity-val));
  --color-kh-light-bg: rgba(255, 239, 213, 0.125);
  --color-kh-light-tint: #fff7ea;
  --color-kh-light-tint-translucent: rgba(255, 247, 234, var(--bg-opacity-val));
  --color-kh-light-tint-bg: rgba(255, 247, 234, 0.125);
  --color-kh-dark: #36454f;
  --color-kh-dark-translucent: rgba(54, 69, 79, var(--bg-opacity-val));
  --color-kh-dark-bg: rgba(54, 69, 79, 0.125);
  --color-kh-dark-tint: rgb(154.5, 162, 167);
  --color-kh-dark-tint-translucent: rgba(154.5, 162, 167, var(--bg-opacity-val));
  --color-kh-dark-tint-bg: rgba(154.5, 162, 167, 0.125);
  --color-kh-gray: #bebfc5;
  --color-kh-gray-translucent: rgba(190, 191, 197, var(--bg-opacity-val));
  --color-kh-gray-bg: rgba(190, 191, 197, 0.125);
  --color-kh-gray-tint: rgb(222.5, 223, 226);
  --color-kh-gray-tint-translucent: rgba(222.5, 223, 226, var(--bg-opacity-val));
  --color-kh-gray-tint-bg: rgba(222.5, 223, 226, 0.125);
  --color-kh-theme1: #ff4dd2;
  --color-kh-theme1-translucent: rgba(255, 77, 210, var(--bg-opacity-val));
  --color-kh-theme1-bg: rgba(255, 77, 210, 0.125);
  --color-kh-theme1-tint: rgb(255, 166, 232.5);
  --color-kh-theme1-tint-translucent: rgba(255, 166, 232.5, var(--bg-opacity-val));
  --color-kh-theme1-tint-bg: rgba(255, 166, 232.5, 0.125);
  --color-kh-theme2: #b87333;
  --color-kh-theme2-translucent: rgba(184, 115, 51, var(--bg-opacity-val));
  --color-kh-theme2-bg: rgba(184, 115, 51, 0.125);
  --color-kh-theme2-tint: rgb(219.5, 185, 153);
  --color-kh-theme2-tint-translucent: rgba(219.5, 185, 153, var(--bg-opacity-val));
  --color-kh-theme2-tint-bg: rgba(219.5, 185, 153, 0.125);
  --color-kh-theme3: #9641e5;
  --color-kh-theme3-translucent: rgba(150, 65, 229, var(--bg-opacity-val));
  --color-kh-theme3-bg: rgba(150, 65, 229, 0.125);
  --color-kh-theme3-tint: rgb(202.5, 160, 242);
  --color-kh-theme3-tint-translucent: rgba(202.5, 160, 242, var(--bg-opacity-val));
  --color-kh-theme3-tint-bg: rgba(202.5, 160, 242, 0.125);
  --color-kh-theme4: #0070ff;
  --color-kh-theme4-translucent: rgba(0, 112, 255, var(--bg-opacity-val));
  --color-kh-theme4-bg: rgba(0, 112, 255, 0.125);
  --color-kh-theme4-tint: rgb(127.5, 183.5, 255);
  --color-kh-theme4-tint-translucent: rgba(127.5, 183.5, 255, var(--bg-opacity-val));
  --color-kh-theme4-tint-bg: rgba(127.5, 183.5, 255, 0.125);
  --color-kh-theme5: #8db600;
  --color-kh-theme5-translucent: rgba(141, 182, 0, var(--bg-opacity-val));
  --color-kh-theme5-bg: rgba(141, 182, 0, 0.125);
  --color-kh-theme5-tint: rgb(198, 218.5, 127.5);
  --color-kh-theme5-tint-translucent: rgba(198, 218.5, 127.5, var(--bg-opacity-val));
  --color-kh-theme5-tint-bg: rgba(198, 218.5, 127.5, 0.125);
  --color-kh-white: #fff;
  --color-kh-white-translucent: rgba(255, 255, 255, var(--bg-opacity-val));
  --color-kh-white-bg: rgba(255, 255, 255, 0.125);
  --color-kh-white-tint: white;
  --color-kh-white-tint-translucent: rgba(255, 255, 255, var(--bg-opacity-val));
  --color-kh-white-tint-bg: rgba(255, 255, 255, 0.125);
  --color-kh-black: #000;
  --color-kh-black-translucent: rgba(0, 0, 0, var(--bg-opacity-val));
  --color-kh-black-bg: rgba(0, 0, 0, 0.125);
  --color-kh-black-tint: rgb(127.5, 127.5, 127.5);
  --color-kh-black-tint-translucent: rgba(127.5, 127.5, 127.5, var(--bg-opacity-val));
  --color-kh-black-tint-bg: rgba(127.5, 127.5, 127.5, 0.125);
  --color-kh-body: #e9ecef;
  --color-kh-body-translucent: rgba(233, 236, 239, var(--bg-opacity-val));
  --color-kh-body-bg: rgba(233, 236, 239, 0.125);
  --color-kh-body-tint: rgb(244, 245.5, 247);
  --color-kh-body-tint-translucent: rgba(244, 245.5, 247, var(--bg-opacity-val));
  --color-kh-body-tint-bg: rgba(244, 245.5, 247, 0.125);
  --bg-opacity-val: 0.9;
}

[data-bs-theme=dark] {
  --color-kh-primary: #e76113;
  --color-kh-primary-translucent: rgba(231, 97, 19, var(--bg-opacity-val));
  --color-kh-primary-bg: rgba(231, 97, 19, 0.125);
  --color-kh-primary-tint: rgb(115.5, 48.5, 9.5);
  --color-kh-primary-tint-translucent: rgba(115.5, 48.5, 9.5, var(--bg-opacity-val));
  --color-kh-primary-tint-bg: rgba(115.5, 48.5, 9.5, 0.125);
  --color-kh-secondary: #068ba6;
  --color-kh-secondary-translucent: rgba(6, 139, 166, var(--bg-opacity-val));
  --color-kh-secondary-bg: rgba(6, 139, 166, 0.125);
  --color-kh-secondary-tint: rgb(3, 69.5, 83);
  --color-kh-secondary-tint-translucent: rgba(3, 69.5, 83, var(--bg-opacity-val));
  --color-kh-secondary-tint-bg: rgba(3, 69.5, 83, 0.125);
  --color-kh-tertiary: #ffb444;
  --color-kh-tertiary-translucent: rgba(255, 180, 68, var(--bg-opacity-val));
  --color-kh-tertiary-bg: rgba(255, 180, 68, 0.125);
  --color-kh-tertiary-tint: rgb(127.5, 90, 34);
  --color-kh-tertiary-tint-translucent: rgba(127.5, 90, 34, var(--bg-opacity-val));
  --color-kh-tertiary-tint-bg: rgba(127.5, 90, 34, 0.125);
  --color-kh-success: #32cd32;
  --color-kh-success-translucent: rgba(50, 205, 50, var(--bg-opacity-val));
  --color-kh-success-bg: rgba(50, 205, 50, 0.125);
  --color-kh-success-tint: rgb(25, 102.5, 25);
  --color-kh-success-tint-translucent: rgba(25, 102.5, 25, var(--bg-opacity-val));
  --color-kh-success-tint-bg: rgba(25, 102.5, 25, 0.125);
  --color-kh-info: #40bbec;
  --color-kh-info-translucent: rgba(64, 187, 236, var(--bg-opacity-val));
  --color-kh-info-bg: rgba(64, 187, 236, 0.125);
  --color-kh-info-tint: rgb(32, 93.5, 118);
  --color-kh-info-tint-translucent: rgba(32, 93.5, 118, var(--bg-opacity-val));
  --color-kh-info-tint-bg: rgba(32, 93.5, 118, 0.125);
  --color-kh-warning: #ffa726;
  --color-kh-warning-translucent: rgba(255, 167, 38, var(--bg-opacity-val));
  --color-kh-warning-bg: rgba(255, 167, 38, 0.125);
  --color-kh-warning-tint: rgb(127.5, 83.5, 19);
  --color-kh-warning-tint-translucent: rgba(127.5, 83.5, 19, var(--bg-opacity-val));
  --color-kh-warning-tint-bg: rgba(127.5, 83.5, 19, 0.125);
  --color-kh-danger: #FF3800;
  --color-kh-danger-translucent: rgba(255, 56, 0, var(--bg-opacity-val));
  --color-kh-danger-bg: rgba(255, 56, 0, 0.125);
  --color-kh-danger-tint: rgb(127.5, 28, 0);
  --color-kh-danger-tint-translucent: rgba(127.5, 28, 0, var(--bg-opacity-val));
  --color-kh-danger-tint-bg: rgba(127.5, 28, 0, 0.125);
  --color-kh-light: #ffefd5;
  --color-kh-light-translucent: rgba(255, 239, 213, var(--bg-opacity-val));
  --color-kh-light-bg: rgba(255, 239, 213, 0.125);
  --color-kh-light-tint: rgb(127.5, 119.5, 106.5);
  --color-kh-light-tint-translucent: rgba(127.5, 119.5, 106.5, var(--bg-opacity-val));
  --color-kh-light-tint-bg: rgba(127.5, 119.5, 106.5, 0.125);
  --color-kh-dark: #36454f;
  --color-kh-dark-translucent: rgba(54, 69, 79, var(--bg-opacity-val));
  --color-kh-dark-bg: rgba(54, 69, 79, 0.125);
  --color-kh-dark-tint: rgb(27, 34.5, 39.5);
  --color-kh-dark-tint-translucent: rgba(27, 34.5, 39.5, var(--bg-opacity-val));
  --color-kh-dark-tint-bg: rgba(27, 34.5, 39.5, 0.125);
  --color-kh-gray: #bebfc5;
  --color-kh-gray-translucent: rgba(190, 191, 197, var(--bg-opacity-val));
  --color-kh-gray-bg: rgba(190, 191, 197, 0.125);
  --color-kh-gray-tint: rgb(95, 95.5, 98.5);
  --color-kh-gray-tint-translucent: rgba(95, 95.5, 98.5, var(--bg-opacity-val));
  --color-kh-gray-tint-bg: rgba(95, 95.5, 98.5, 0.125);
  --color-kh-theme1: #ff4dd2;
  --color-kh-theme1-translucent: rgba(255, 77, 210, var(--bg-opacity-val));
  --color-kh-theme1-bg: rgba(255, 77, 210, 0.125);
  --color-kh-theme1-tint: rgb(127.5, 38.5, 105);
  --color-kh-theme1-tint-translucent: rgba(127.5, 38.5, 105, var(--bg-opacity-val));
  --color-kh-theme1-tint-bg: rgba(127.5, 38.5, 105, 0.125);
  --color-kh-theme2: #b87333;
  --color-kh-theme2-translucent: rgba(184, 115, 51, var(--bg-opacity-val));
  --color-kh-theme2-bg: rgba(184, 115, 51, 0.125);
  --color-kh-theme2-tint: rgb(92, 57.5, 25.5);
  --color-kh-theme2-tint-translucent: rgba(92, 57.5, 25.5, var(--bg-opacity-val));
  --color-kh-theme2-tint-bg: rgba(92, 57.5, 25.5, 0.125);
  --color-kh-theme3: #9641e5;
  --color-kh-theme3-translucent: rgba(150, 65, 229, var(--bg-opacity-val));
  --color-kh-theme3-bg: rgba(150, 65, 229, 0.125);
  --color-kh-theme3-tint: rgb(75, 32.5, 114.5);
  --color-kh-theme3-tint-translucent: rgba(75, 32.5, 114.5, var(--bg-opacity-val));
  --color-kh-theme3-tint-bg: rgba(75, 32.5, 114.5, 0.125);
  --color-kh-theme4: #0070ff;
  --color-kh-theme4-translucent: rgba(0, 112, 255, var(--bg-opacity-val));
  --color-kh-theme4-bg: rgba(0, 112, 255, 0.125);
  --color-kh-theme4-tint: rgb(0, 56, 127.5);
  --color-kh-theme4-tint-translucent: rgba(0, 56, 127.5, var(--bg-opacity-val));
  --color-kh-theme4-tint-bg: rgba(0, 56, 127.5, 0.125);
  --color-kh-theme5: #8db600;
  --color-kh-theme5-translucent: rgba(141, 182, 0, var(--bg-opacity-val));
  --color-kh-theme5-bg: rgba(141, 182, 0, 0.125);
  --color-kh-theme5-tint: rgb(70.5, 91, 0);
  --color-kh-theme5-tint-translucent: rgba(70.5, 91, 0, var(--bg-opacity-val));
  --color-kh-theme5-tint-bg: rgba(70.5, 91, 0, 0.125);
  --color-kh-white: #000;
  --color-kh-white-translucent: rgba(0, 0, 0, var(--bg-opacity-val));
  --color-kh-white-bg: rgba(0, 0, 0, 0.125);
  --color-kh-white-tint: black;
  --color-kh-white-tint-translucent: rgba(0, 0, 0, var(--bg-opacity-val));
  --color-kh-white-tint-bg: rgba(0, 0, 0, 0.125);
  --color-kh-black: #fff;
  --color-kh-black-translucent: rgba(255, 255, 255, var(--bg-opacity-val));
  --color-kh-black-bg: rgba(255, 255, 255, 0.125);
  --color-kh-black-tint: rgb(127.5, 127.5, 127.5);
  --color-kh-black-tint-translucent: rgba(127.5, 127.5, 127.5, var(--bg-opacity-val));
  --color-kh-black-tint-bg: rgba(127.5, 127.5, 127.5, 0.125);
  --color-kh-body: #212529;
  --color-kh-body-translucent: rgba(33, 37, 41, var(--bg-opacity-val));
  --color-kh-body-bg: rgba(33, 37, 41, 0.125);
  --color-kh-body-tint: rgb(16.5, 18.5, 20.5);
  --color-kh-body-tint-translucent: rgba(16.5, 18.5, 20.5, var(--bg-opacity-val));
  --color-kh-body-tint-bg: rgba(16.5, 18.5, 20.5, 0.125);
  --bg-opacity-val: 0.8;
}

/* stylelint-disable */
/* stylelint-enable */
html,
body {
  scroll-behavior: smooth;
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.max-wrap {
  margin: 0 auto;
  max-width: 90rem;
  width: 100%;
}

.max-wrap-mid {
  margin: 0 auto;
  max-width: 120rem;
  width: 100%;
}

.max-wrap-lg {
  margin: 0 auto;
  max-width: 240rem;
  width: 100%;
}

.max-wrap-half {
  display: inline-block;
  max-width: 40.5rem;
  width: 100%;
}

svg {
  height: 100%;
  width: 100%;
}

.btn {
  align-items: center;
  display: inline-flex;
}
.btn .icon-gm:first-child,
.btn .bi:first-child {
  margin-left: 0;
  margin-right: 0.5em;
}
.btn .icon-gm:last-child,
.btn .bi:last-child {
  margin-left: 0.5em;
  margin-right: 0;
}

textarea {
  resize: none;
}

.collapse-toggle span:last-child {
  transition: transform 0.2s ease-in-out;
  transform: rotate(0deg);
}
.collapse-toggle.collapsed span:last-child {
  transform: rotate(-180deg); /* closed = arrow points up */
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-enable */
body {
  font-size: clamp(1rem, 0.5vw + 0.8025rem, 1.25rem);
}

.display-1 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2rem, 2.5vw + 1.0125rem, 3.25rem);
}

.display-2 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.875rem, 2.25vw + 0.98625rem, 3rem);
}

.display-3 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.75rem, 2vw + 0.96rem, 2.75rem);
}

.display-4 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.625rem, 1.75vw + 0.93375rem, 2.5rem);
}

.display-3 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.5rem, 1.5vw + 0.9075rem, 2.25rem);
}

.display-4 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.375rem, 1.25vw + 0.88125rem, 2rem);
}

h1,
.h1 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.75rem, 2.5vw + 0.7625rem, 3rem);
}

h2,
.h2 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.625rem, 1.75vw + 0.93375rem, 2.5rem);
}

h3,
.h3 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.5rem, 1.5vw + 0.9075rem, 2.25rem);
}

h4,
.h4 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.375rem, 1.25vw + 0.88125rem, 2rem);
}

h5,
.h5 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 1vw + 0.855rem, 1.75rem);
}

h6,
.h6 {
  font-family: "Zalando Sans Expanded", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.125rem, 0.75vw + 0.82875rem, 1.5rem);
}

.btn,
.form-control {
  font-size: clamp(1rem, 0.5vw + 0.8025rem, 1.25rem);
}

.btn-lg,
.form-control-lg {
  font-size: clamp(1.25rem, 1vw + 0.855rem, 1.75rem);
}

.btn-sm,
.form-control-sm {
  font-size: clamp(0.875rem, 0.25vw + 0.77625rem, 1rem);
}

.lead {
  font-size: clamp(1.25rem, 1vw + 0.855rem, 1.75rem);
}

small,
.small {
  font-size: clamp(0.875rem, 0.25vw + 0.77625rem, 1rem);
}

.dashed-top::before {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: -0.5rem;
}

.dashed-bottom::after {
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: -0.5rem;
}

.bg-c-primary {
  background-color: var(--color-kh-primary);
}

.bg-c-primary-bg {
  background-color: var(--color-kh-primary-bg);
}

.bg-c-primary-translucent {
  background-color: var(--color-kh-primary-translucent);
}

.bg-c-primary-translucent-bg {
  background-color: var(--color-kh-primary-translucent-bg);
}

.bg-c-primary-tint {
  background-color: var(--color-kh-primary-tint);
}

.bg-c-primary-tint-bg {
  background-color: var(--color-kh-primary-tint-bg);
}

.bg-c-primary-tint-translucent {
  background-color: var(--color-kh-primary-tint-translucent);
}

.bg-c-primary-tint-translucent-bg {
  background-color: var(--color-kh-primary-tint-translucent-bg);
}

.dashed-top-primary::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary);
  height: 0.5rem;
}

.dashed-top-primary-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary);
  height: 1rem;
}

.dashed-bottom-primary::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-primary-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary);
  height: 1rem;
}

.dashed-top-primary-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-tint);
  height: 0.5rem;
}

.dashed-top-primary-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-tint);
  height: 1rem;
}

.dashed-bottom-primary-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-primary-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-tint);
  height: 1rem;
}

.dashed-top-primary-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-translucent);
  height: 0.5rem;
}

.dashed-top-primary-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-translucent);
  height: 1rem;
}

.dashed-bottom-primary-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-primary-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-translucent);
  height: 1rem;
}

.dashed-top-primary-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-tint-translucent);
  height: 0.5rem;
}

.dashed-top-primary-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-tint-translucent);
  height: 1rem;
}

.dashed-bottom-primary-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-primary-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-primary-tint-translucent);
  height: 1rem;
}

.bg-c-secondary {
  background-color: var(--color-kh-secondary);
}

.bg-c-secondary-bg {
  background-color: var(--color-kh-secondary-bg);
}

.bg-c-secondary-translucent {
  background-color: var(--color-kh-secondary-translucent);
}

.bg-c-secondary-translucent-bg {
  background-color: var(--color-kh-secondary-translucent-bg);
}

.bg-c-secondary-tint {
  background-color: var(--color-kh-secondary-tint);
}

.bg-c-secondary-tint-bg {
  background-color: var(--color-kh-secondary-tint-bg);
}

.bg-c-secondary-tint-translucent {
  background-color: var(--color-kh-secondary-tint-translucent);
}

.bg-c-secondary-tint-translucent-bg {
  background-color: var(--color-kh-secondary-tint-translucent-bg);
}

.dashed-top-secondary::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary);
  height: 0.5rem;
}

.dashed-top-secondary-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary);
  height: 1rem;
}

.dashed-bottom-secondary::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-secondary-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary);
  height: 1rem;
}

.dashed-top-secondary-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-tint);
  height: 0.5rem;
}

.dashed-top-secondary-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-tint);
  height: 1rem;
}

.dashed-bottom-secondary-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-secondary-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-tint);
  height: 1rem;
}

.dashed-top-secondary-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-translucent);
  height: 0.5rem;
}

.dashed-top-secondary-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-translucent);
  height: 1rem;
}

.dashed-bottom-secondary-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-secondary-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-translucent);
  height: 1rem;
}

.dashed-top-secondary-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-tint-translucent);
  height: 0.5rem;
}

.dashed-top-secondary-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-tint-translucent);
  height: 1rem;
}

.dashed-bottom-secondary-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-secondary-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-secondary-tint-translucent);
  height: 1rem;
}

.bg-c-tertiary {
  background-color: var(--color-kh-tertiary);
}

.bg-c-tertiary-bg {
  background-color: var(--color-kh-tertiary-bg);
}

.bg-c-tertiary-translucent {
  background-color: var(--color-kh-tertiary-translucent);
}

.bg-c-tertiary-translucent-bg {
  background-color: var(--color-kh-tertiary-translucent-bg);
}

.bg-c-tertiary-tint {
  background-color: var(--color-kh-tertiary-tint);
}

.bg-c-tertiary-tint-bg {
  background-color: var(--color-kh-tertiary-tint-bg);
}

.bg-c-tertiary-tint-translucent {
  background-color: var(--color-kh-tertiary-tint-translucent);
}

.bg-c-tertiary-tint-translucent-bg {
  background-color: var(--color-kh-tertiary-tint-translucent-bg);
}

.dashed-top-tertiary::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary);
  height: 0.5rem;
}

.dashed-top-tertiary-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary);
  height: 1rem;
}

.dashed-bottom-tertiary::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-tertiary-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary);
  height: 1rem;
}

.dashed-top-tertiary-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-tint);
  height: 0.5rem;
}

.dashed-top-tertiary-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-tint);
  height: 1rem;
}

.dashed-bottom-tertiary-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-tertiary-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-tint);
  height: 1rem;
}

.dashed-top-tertiary-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-translucent);
  height: 0.5rem;
}

.dashed-top-tertiary-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-translucent);
  height: 1rem;
}

.dashed-bottom-tertiary-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-tertiary-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-translucent);
  height: 1rem;
}

.dashed-top-tertiary-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-tint-translucent);
  height: 0.5rem;
}

.dashed-top-tertiary-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-tint-translucent);
  height: 1rem;
}

.dashed-bottom-tertiary-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-tertiary-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-tertiary-tint-translucent);
  height: 1rem;
}

.bg-c-success {
  background-color: var(--color-kh-success);
}

.bg-c-success-bg {
  background-color: var(--color-kh-success-bg);
}

.bg-c-success-translucent {
  background-color: var(--color-kh-success-translucent);
}

.bg-c-success-translucent-bg {
  background-color: var(--color-kh-success-translucent-bg);
}

.bg-c-success-tint {
  background-color: var(--color-kh-success-tint);
}

.bg-c-success-tint-bg {
  background-color: var(--color-kh-success-tint-bg);
}

.bg-c-success-tint-translucent {
  background-color: var(--color-kh-success-tint-translucent);
}

.bg-c-success-tint-translucent-bg {
  background-color: var(--color-kh-success-tint-translucent-bg);
}

.dashed-top-success::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success);
  height: 0.5rem;
}

.dashed-top-success-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success);
  height: 1rem;
}

.dashed-bottom-success::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-success-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success);
  height: 1rem;
}

.dashed-top-success-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-tint);
  height: 0.5rem;
}

.dashed-top-success-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-tint);
  height: 1rem;
}

.dashed-bottom-success-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-success-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-tint);
  height: 1rem;
}

.dashed-top-success-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-translucent);
  height: 0.5rem;
}

.dashed-top-success-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-translucent);
  height: 1rem;
}

.dashed-bottom-success-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-success-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-translucent);
  height: 1rem;
}

.dashed-top-success-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-tint-translucent);
  height: 0.5rem;
}

.dashed-top-success-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-tint-translucent);
  height: 1rem;
}

.dashed-bottom-success-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-success-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-success-tint-translucent);
  height: 1rem;
}

.bg-c-info {
  background-color: var(--color-kh-info);
}

.bg-c-info-bg {
  background-color: var(--color-kh-info-bg);
}

.bg-c-info-translucent {
  background-color: var(--color-kh-info-translucent);
}

.bg-c-info-translucent-bg {
  background-color: var(--color-kh-info-translucent-bg);
}

.bg-c-info-tint {
  background-color: var(--color-kh-info-tint);
}

.bg-c-info-tint-bg {
  background-color: var(--color-kh-info-tint-bg);
}

.bg-c-info-tint-translucent {
  background-color: var(--color-kh-info-tint-translucent);
}

.bg-c-info-tint-translucent-bg {
  background-color: var(--color-kh-info-tint-translucent-bg);
}

.dashed-top-info::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info);
  height: 0.5rem;
}

.dashed-top-info-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info);
  height: 1rem;
}

.dashed-bottom-info::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-info-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info);
  height: 1rem;
}

.dashed-top-info-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-tint);
  height: 0.5rem;
}

.dashed-top-info-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-tint);
  height: 1rem;
}

.dashed-bottom-info-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-info-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-tint);
  height: 1rem;
}

.dashed-top-info-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-translucent);
  height: 0.5rem;
}

.dashed-top-info-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-translucent);
  height: 1rem;
}

.dashed-bottom-info-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-info-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-translucent);
  height: 1rem;
}

.dashed-top-info-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-tint-translucent);
  height: 0.5rem;
}

.dashed-top-info-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-tint-translucent);
  height: 1rem;
}

.dashed-bottom-info-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-info-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-info-tint-translucent);
  height: 1rem;
}

.bg-c-warning {
  background-color: var(--color-kh-warning);
}

.bg-c-warning-bg {
  background-color: var(--color-kh-warning-bg);
}

.bg-c-warning-translucent {
  background-color: var(--color-kh-warning-translucent);
}

.bg-c-warning-translucent-bg {
  background-color: var(--color-kh-warning-translucent-bg);
}

.bg-c-warning-tint {
  background-color: var(--color-kh-warning-tint);
}

.bg-c-warning-tint-bg {
  background-color: var(--color-kh-warning-tint-bg);
}

.bg-c-warning-tint-translucent {
  background-color: var(--color-kh-warning-tint-translucent);
}

.bg-c-warning-tint-translucent-bg {
  background-color: var(--color-kh-warning-tint-translucent-bg);
}

.dashed-top-warning::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning);
  height: 0.5rem;
}

.dashed-top-warning-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning);
  height: 1rem;
}

.dashed-bottom-warning::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-warning-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning);
  height: 1rem;
}

.dashed-top-warning-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-tint);
  height: 0.5rem;
}

.dashed-top-warning-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-tint);
  height: 1rem;
}

.dashed-bottom-warning-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-warning-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-tint);
  height: 1rem;
}

.dashed-top-warning-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-translucent);
  height: 0.5rem;
}

.dashed-top-warning-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-translucent);
  height: 1rem;
}

.dashed-bottom-warning-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-warning-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-translucent);
  height: 1rem;
}

.dashed-top-warning-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-tint-translucent);
  height: 0.5rem;
}

.dashed-top-warning-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-tint-translucent);
  height: 1rem;
}

.dashed-bottom-warning-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-warning-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-warning-tint-translucent);
  height: 1rem;
}

.bg-c-danger {
  background-color: var(--color-kh-danger);
}

.bg-c-danger-bg {
  background-color: var(--color-kh-danger-bg);
}

.bg-c-danger-translucent {
  background-color: var(--color-kh-danger-translucent);
}

.bg-c-danger-translucent-bg {
  background-color: var(--color-kh-danger-translucent-bg);
}

.bg-c-danger-tint {
  background-color: var(--color-kh-danger-tint);
}

.bg-c-danger-tint-bg {
  background-color: var(--color-kh-danger-tint-bg);
}

.bg-c-danger-tint-translucent {
  background-color: var(--color-kh-danger-tint-translucent);
}

.bg-c-danger-tint-translucent-bg {
  background-color: var(--color-kh-danger-tint-translucent-bg);
}

.dashed-top-danger::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger);
  height: 0.5rem;
}

.dashed-top-danger-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger);
  height: 1rem;
}

.dashed-bottom-danger::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-danger-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger);
  height: 1rem;
}

.dashed-top-danger-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-tint);
  height: 0.5rem;
}

.dashed-top-danger-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-tint);
  height: 1rem;
}

.dashed-bottom-danger-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-danger-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-tint);
  height: 1rem;
}

.dashed-top-danger-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-translucent);
  height: 0.5rem;
}

.dashed-top-danger-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-translucent);
  height: 1rem;
}

.dashed-bottom-danger-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-danger-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-translucent);
  height: 1rem;
}

.dashed-top-danger-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-tint-translucent);
  height: 0.5rem;
}

.dashed-top-danger-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-tint-translucent);
  height: 1rem;
}

.dashed-bottom-danger-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-danger-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-danger-tint-translucent);
  height: 1rem;
}

.bg-c-light {
  background-color: var(--color-kh-light);
}

.bg-c-light-bg {
  background-color: var(--color-kh-light-bg);
}

.bg-c-light-translucent {
  background-color: var(--color-kh-light-translucent);
}

.bg-c-light-translucent-bg {
  background-color: var(--color-kh-light-translucent-bg);
}

.bg-c-light-tint {
  background-color: var(--color-kh-light-tint);
}

.bg-c-light-tint-bg {
  background-color: var(--color-kh-light-tint-bg);
}

.bg-c-light-tint-translucent {
  background-color: var(--color-kh-light-tint-translucent);
}

.bg-c-light-tint-translucent-bg {
  background-color: var(--color-kh-light-tint-translucent-bg);
}

.dashed-top-light::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light);
  height: 0.5rem;
}

.dashed-top-light-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light);
  height: 1rem;
}

.dashed-bottom-light::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-light-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light);
  height: 1rem;
}

.dashed-top-light-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-tint);
  height: 0.5rem;
}

.dashed-top-light-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-tint);
  height: 1rem;
}

.dashed-bottom-light-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-light-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-tint);
  height: 1rem;
}

.dashed-top-light-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-translucent);
  height: 0.5rem;
}

.dashed-top-light-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-translucent);
  height: 1rem;
}

.dashed-bottom-light-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-light-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-translucent);
  height: 1rem;
}

.dashed-top-light-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-tint-translucent);
  height: 0.5rem;
}

.dashed-top-light-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-tint-translucent);
  height: 1rem;
}

.dashed-bottom-light-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-light-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-light-tint-translucent);
  height: 1rem;
}

.bg-c-dark {
  background-color: var(--color-kh-dark);
}

.bg-c-dark-bg {
  background-color: var(--color-kh-dark-bg);
}

.bg-c-dark-translucent {
  background-color: var(--color-kh-dark-translucent);
}

.bg-c-dark-translucent-bg {
  background-color: var(--color-kh-dark-translucent-bg);
}

.bg-c-dark-tint {
  background-color: var(--color-kh-dark-tint);
}

.bg-c-dark-tint-bg {
  background-color: var(--color-kh-dark-tint-bg);
}

.bg-c-dark-tint-translucent {
  background-color: var(--color-kh-dark-tint-translucent);
}

.bg-c-dark-tint-translucent-bg {
  background-color: var(--color-kh-dark-tint-translucent-bg);
}

.dashed-top-dark::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark);
  height: 0.5rem;
}

.dashed-top-dark-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark);
  height: 1rem;
}

.dashed-bottom-dark::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-dark-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark);
  height: 1rem;
}

.dashed-top-dark-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-tint);
  height: 0.5rem;
}

.dashed-top-dark-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-tint);
  height: 1rem;
}

.dashed-bottom-dark-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-dark-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-tint);
  height: 1rem;
}

.dashed-top-dark-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-translucent);
  height: 0.5rem;
}

.dashed-top-dark-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-translucent);
  height: 1rem;
}

.dashed-bottom-dark-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-dark-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-translucent);
  height: 1rem;
}

.dashed-top-dark-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-tint-translucent);
  height: 0.5rem;
}

.dashed-top-dark-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-tint-translucent);
  height: 1rem;
}

.dashed-bottom-dark-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-dark-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-dark-tint-translucent);
  height: 1rem;
}

.bg-c-gray {
  background-color: var(--color-kh-gray);
}

.bg-c-gray-bg {
  background-color: var(--color-kh-gray-bg);
}

.bg-c-gray-translucent {
  background-color: var(--color-kh-gray-translucent);
}

.bg-c-gray-translucent-bg {
  background-color: var(--color-kh-gray-translucent-bg);
}

.bg-c-gray-tint {
  background-color: var(--color-kh-gray-tint);
}

.bg-c-gray-tint-bg {
  background-color: var(--color-kh-gray-tint-bg);
}

.bg-c-gray-tint-translucent {
  background-color: var(--color-kh-gray-tint-translucent);
}

.bg-c-gray-tint-translucent-bg {
  background-color: var(--color-kh-gray-tint-translucent-bg);
}

.dashed-top-gray::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray);
  height: 0.5rem;
}

.dashed-top-gray-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray);
  height: 1rem;
}

.dashed-bottom-gray::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-gray-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray);
  height: 1rem;
}

.dashed-top-gray-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-tint);
  height: 0.5rem;
}

.dashed-top-gray-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-tint);
  height: 1rem;
}

.dashed-bottom-gray-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-gray-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-tint);
  height: 1rem;
}

.dashed-top-gray-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-translucent);
  height: 0.5rem;
}

.dashed-top-gray-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-translucent);
  height: 1rem;
}

.dashed-bottom-gray-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-gray-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-translucent);
  height: 1rem;
}

.dashed-top-gray-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-tint-translucent);
  height: 0.5rem;
}

.dashed-top-gray-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-tint-translucent);
  height: 1rem;
}

.dashed-bottom-gray-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-gray-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-gray-tint-translucent);
  height: 1rem;
}

.bg-c-theme1 {
  background-color: var(--color-kh-theme1);
}

.bg-c-theme1-bg {
  background-color: var(--color-kh-theme1-bg);
}

.bg-c-theme1-translucent {
  background-color: var(--color-kh-theme1-translucent);
}

.bg-c-theme1-translucent-bg {
  background-color: var(--color-kh-theme1-translucent-bg);
}

.bg-c-theme1-tint {
  background-color: var(--color-kh-theme1-tint);
}

.bg-c-theme1-tint-bg {
  background-color: var(--color-kh-theme1-tint-bg);
}

.bg-c-theme1-tint-translucent {
  background-color: var(--color-kh-theme1-tint-translucent);
}

.bg-c-theme1-tint-translucent-bg {
  background-color: var(--color-kh-theme1-tint-translucent-bg);
}

.dashed-top-theme1::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1);
  height: 0.5rem;
}

.dashed-top-theme1-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1);
  height: 1rem;
}

.dashed-bottom-theme1::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme1-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1);
  height: 1rem;
}

.dashed-top-theme1-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-tint);
  height: 0.5rem;
}

.dashed-top-theme1-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-tint);
  height: 1rem;
}

.dashed-bottom-theme1-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme1-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-tint);
  height: 1rem;
}

.dashed-top-theme1-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-translucent);
  height: 0.5rem;
}

.dashed-top-theme1-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-translucent);
  height: 1rem;
}

.dashed-bottom-theme1-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme1-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-translucent);
  height: 1rem;
}

.dashed-top-theme1-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-tint-translucent);
  height: 0.5rem;
}

.dashed-top-theme1-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-tint-translucent);
  height: 1rem;
}

.dashed-bottom-theme1-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme1-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme1-tint-translucent);
  height: 1rem;
}

.bg-c-theme2 {
  background-color: var(--color-kh-theme2);
}

.bg-c-theme2-bg {
  background-color: var(--color-kh-theme2-bg);
}

.bg-c-theme2-translucent {
  background-color: var(--color-kh-theme2-translucent);
}

.bg-c-theme2-translucent-bg {
  background-color: var(--color-kh-theme2-translucent-bg);
}

.bg-c-theme2-tint {
  background-color: var(--color-kh-theme2-tint);
}

.bg-c-theme2-tint-bg {
  background-color: var(--color-kh-theme2-tint-bg);
}

.bg-c-theme2-tint-translucent {
  background-color: var(--color-kh-theme2-tint-translucent);
}

.bg-c-theme2-tint-translucent-bg {
  background-color: var(--color-kh-theme2-tint-translucent-bg);
}

.dashed-top-theme2::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2);
  height: 0.5rem;
}

.dashed-top-theme2-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2);
  height: 1rem;
}

.dashed-bottom-theme2::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme2-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2);
  height: 1rem;
}

.dashed-top-theme2-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-tint);
  height: 0.5rem;
}

.dashed-top-theme2-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-tint);
  height: 1rem;
}

.dashed-bottom-theme2-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme2-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-tint);
  height: 1rem;
}

.dashed-top-theme2-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-translucent);
  height: 0.5rem;
}

.dashed-top-theme2-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-translucent);
  height: 1rem;
}

.dashed-bottom-theme2-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme2-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-translucent);
  height: 1rem;
}

.dashed-top-theme2-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-tint-translucent);
  height: 0.5rem;
}

.dashed-top-theme2-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-tint-translucent);
  height: 1rem;
}

.dashed-bottom-theme2-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme2-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme2-tint-translucent);
  height: 1rem;
}

.bg-c-theme3 {
  background-color: var(--color-kh-theme3);
}

.bg-c-theme3-bg {
  background-color: var(--color-kh-theme3-bg);
}

.bg-c-theme3-translucent {
  background-color: var(--color-kh-theme3-translucent);
}

.bg-c-theme3-translucent-bg {
  background-color: var(--color-kh-theme3-translucent-bg);
}

.bg-c-theme3-tint {
  background-color: var(--color-kh-theme3-tint);
}

.bg-c-theme3-tint-bg {
  background-color: var(--color-kh-theme3-tint-bg);
}

.bg-c-theme3-tint-translucent {
  background-color: var(--color-kh-theme3-tint-translucent);
}

.bg-c-theme3-tint-translucent-bg {
  background-color: var(--color-kh-theme3-tint-translucent-bg);
}

.dashed-top-theme3::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3);
  height: 0.5rem;
}

.dashed-top-theme3-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3);
  height: 1rem;
}

.dashed-bottom-theme3::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme3-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3);
  height: 1rem;
}

.dashed-top-theme3-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-tint);
  height: 0.5rem;
}

.dashed-top-theme3-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-tint);
  height: 1rem;
}

.dashed-bottom-theme3-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme3-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-tint);
  height: 1rem;
}

.dashed-top-theme3-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-translucent);
  height: 0.5rem;
}

.dashed-top-theme3-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-translucent);
  height: 1rem;
}

.dashed-bottom-theme3-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme3-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-translucent);
  height: 1rem;
}

.dashed-top-theme3-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-tint-translucent);
  height: 0.5rem;
}

.dashed-top-theme3-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-tint-translucent);
  height: 1rem;
}

.dashed-bottom-theme3-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme3-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme3-tint-translucent);
  height: 1rem;
}

.bg-c-theme4 {
  background-color: var(--color-kh-theme4);
}

.bg-c-theme4-bg {
  background-color: var(--color-kh-theme4-bg);
}

.bg-c-theme4-translucent {
  background-color: var(--color-kh-theme4-translucent);
}

.bg-c-theme4-translucent-bg {
  background-color: var(--color-kh-theme4-translucent-bg);
}

.bg-c-theme4-tint {
  background-color: var(--color-kh-theme4-tint);
}

.bg-c-theme4-tint-bg {
  background-color: var(--color-kh-theme4-tint-bg);
}

.bg-c-theme4-tint-translucent {
  background-color: var(--color-kh-theme4-tint-translucent);
}

.bg-c-theme4-tint-translucent-bg {
  background-color: var(--color-kh-theme4-tint-translucent-bg);
}

.dashed-top-theme4::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4);
  height: 0.5rem;
}

.dashed-top-theme4-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4);
  height: 1rem;
}

.dashed-bottom-theme4::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme4-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4);
  height: 1rem;
}

.dashed-top-theme4-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-tint);
  height: 0.5rem;
}

.dashed-top-theme4-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-tint);
  height: 1rem;
}

.dashed-bottom-theme4-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme4-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-tint);
  height: 1rem;
}

.dashed-top-theme4-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-translucent);
  height: 0.5rem;
}

.dashed-top-theme4-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-translucent);
  height: 1rem;
}

.dashed-bottom-theme4-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme4-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-translucent);
  height: 1rem;
}

.dashed-top-theme4-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-tint-translucent);
  height: 0.5rem;
}

.dashed-top-theme4-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-tint-translucent);
  height: 1rem;
}

.dashed-bottom-theme4-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme4-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme4-tint-translucent);
  height: 1rem;
}

.bg-c-theme5 {
  background-color: var(--color-kh-theme5);
}

.bg-c-theme5-bg {
  background-color: var(--color-kh-theme5-bg);
}

.bg-c-theme5-translucent {
  background-color: var(--color-kh-theme5-translucent);
}

.bg-c-theme5-translucent-bg {
  background-color: var(--color-kh-theme5-translucent-bg);
}

.bg-c-theme5-tint {
  background-color: var(--color-kh-theme5-tint);
}

.bg-c-theme5-tint-bg {
  background-color: var(--color-kh-theme5-tint-bg);
}

.bg-c-theme5-tint-translucent {
  background-color: var(--color-kh-theme5-tint-translucent);
}

.bg-c-theme5-tint-translucent-bg {
  background-color: var(--color-kh-theme5-tint-translucent-bg);
}

.dashed-top-theme5::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5);
  height: 0.5rem;
}

.dashed-top-theme5-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5);
  height: 1rem;
}

.dashed-bottom-theme5::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme5-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5);
  height: 1rem;
}

.dashed-top-theme5-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-tint);
  height: 0.5rem;
}

.dashed-top-theme5-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-tint);
  height: 1rem;
}

.dashed-bottom-theme5-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme5-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-tint);
  height: 1rem;
}

.dashed-top-theme5-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-translucent);
  height: 0.5rem;
}

.dashed-top-theme5-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-translucent);
  height: 1rem;
}

.dashed-bottom-theme5-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme5-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-translucent);
  height: 1rem;
}

.dashed-top-theme5-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-tint-translucent);
  height: 0.5rem;
}

.dashed-top-theme5-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-tint-translucent);
  height: 1rem;
}

.dashed-bottom-theme5-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-theme5-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-theme5-tint-translucent);
  height: 1rem;
}

.bg-c-white {
  background-color: var(--color-kh-white);
}

.bg-c-white-bg {
  background-color: var(--color-kh-white-bg);
}

.bg-c-white-translucent {
  background-color: var(--color-kh-white-translucent);
}

.bg-c-white-translucent-bg {
  background-color: var(--color-kh-white-translucent-bg);
}

.bg-c-white-tint {
  background-color: var(--color-kh-white-tint);
}

.bg-c-white-tint-bg {
  background-color: var(--color-kh-white-tint-bg);
}

.bg-c-white-tint-translucent {
  background-color: var(--color-kh-white-tint-translucent);
}

.bg-c-white-tint-translucent-bg {
  background-color: var(--color-kh-white-tint-translucent-bg);
}

.dashed-top-white::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white);
  height: 0.5rem;
}

.dashed-top-white-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white);
  height: 1rem;
}

.dashed-bottom-white::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-white-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white);
  height: 1rem;
}

.dashed-top-white-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-tint);
  height: 0.5rem;
}

.dashed-top-white-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-tint);
  height: 1rem;
}

.dashed-bottom-white-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-white-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-tint);
  height: 1rem;
}

.dashed-top-white-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-translucent);
  height: 0.5rem;
}

.dashed-top-white-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-translucent);
  height: 1rem;
}

.dashed-bottom-white-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-white-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-translucent);
  height: 1rem;
}

.dashed-top-white-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-tint-translucent);
  height: 0.5rem;
}

.dashed-top-white-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-tint-translucent);
  height: 1rem;
}

.dashed-bottom-white-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-white-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-white-tint-translucent);
  height: 1rem;
}

.bg-c-black {
  background-color: var(--color-kh-black);
}

.bg-c-black-bg {
  background-color: var(--color-kh-black-bg);
}

.bg-c-black-translucent {
  background-color: var(--color-kh-black-translucent);
}

.bg-c-black-translucent-bg {
  background-color: var(--color-kh-black-translucent-bg);
}

.bg-c-black-tint {
  background-color: var(--color-kh-black-tint);
}

.bg-c-black-tint-bg {
  background-color: var(--color-kh-black-tint-bg);
}

.bg-c-black-tint-translucent {
  background-color: var(--color-kh-black-tint-translucent);
}

.bg-c-black-tint-translucent-bg {
  background-color: var(--color-kh-black-tint-translucent-bg);
}

.dashed-top-black::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black);
  height: 0.5rem;
}

.dashed-top-black-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black);
  height: 1rem;
}

.dashed-bottom-black::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-black-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black);
  height: 1rem;
}

.dashed-top-black-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-tint);
  height: 0.5rem;
}

.dashed-top-black-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-tint);
  height: 1rem;
}

.dashed-bottom-black-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-black-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-tint);
  height: 1rem;
}

.dashed-top-black-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-translucent);
  height: 0.5rem;
}

.dashed-top-black-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-translucent);
  height: 1rem;
}

.dashed-bottom-black-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-black-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-translucent);
  height: 1rem;
}

.dashed-top-black-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-tint-translucent);
  height: 0.5rem;
}

.dashed-top-black-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-tint-translucent);
  height: 1rem;
}

.dashed-bottom-black-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-black-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-black-tint-translucent);
  height: 1rem;
}

.bg-c-body {
  background-color: var(--color-kh-body);
}

.bg-c-body-bg {
  background-color: var(--color-kh-body-bg);
}

.bg-c-body-translucent {
  background-color: var(--color-kh-body-translucent);
}

.bg-c-body-translucent-bg {
  background-color: var(--color-kh-body-translucent-bg);
}

.bg-c-body-tint {
  background-color: var(--color-kh-body-tint);
}

.bg-c-body-tint-bg {
  background-color: var(--color-kh-body-tint-bg);
}

.bg-c-body-tint-translucent {
  background-color: var(--color-kh-body-tint-translucent);
}

.bg-c-body-tint-translucent-bg {
  background-color: var(--color-kh-body-tint-translucent-bg);
}

.dashed-top-body::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body);
  height: 0.5rem;
}

.dashed-top-body-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body);
  height: 1rem;
}

.dashed-bottom-body::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-body-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body);
  height: 1rem;
}

.dashed-top-body-tint::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-tint);
  height: 0.5rem;
}

.dashed-top-body-tint-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-tint);
  height: 1rem;
}

.dashed-bottom-body-tint::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-tint);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-body-tint-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-tint);
  height: 1rem;
}

.dashed-top-body-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-translucent);
  height: 0.5rem;
}

.dashed-top-body-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-translucent);
  height: 1rem;
}

.dashed-bottom-body-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-body-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-translucent);
  height: 1rem;
}

.dashed-top-body-tint-translucent::before {
  mask-image: url("../assets/dashed-box-border-top.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-tint-translucent);
  height: 0.5rem;
}

.dashed-top-body-tint-translucent-box:before {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-tint-translucent);
  height: 1rem;
}

.dashed-bottom-body-tint-translucent::after {
  mask-image: url("../assets/dashed-box-border-bottom.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-tint-translucent);
  bottom: -0.5rem;
  height: 0.5rem;
}

.dashed-bottom-body-tint-translucent-box:after {
  mask-image: url("../assets/dashed-box-full.svg");
  mask-repeat: repeat-x;
  mask-size: auto;
  mask-position: center;
  background-color: var(--color-kh-body-tint-translucent);
  height: 1rem;
}

.main-skip {
  height: 4rem;
  aspect-ratio: 3/1;
}

.siteheader-mask,
.siteheader header {
  height: 4rem;
}
.siteheader-logo-light {
  display: block;
}
.siteheader-logo-dark {
  display: none;
}
.siteheader-logo {
  aspect-ratio: 3/1;
  width: 12rem;
}
.siteheader-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[data-bs-theme=dark] .siteheader-logo-light {
  display: none;
}
[data-bs-theme=dark] .siteheader-logo-dark {
  display: block;
}

@media (min-width: 47.5em) {
  .main-skip {
    height: 4.5rem;
  }
  .siteheader-mask,
  .siteheader header {
    height: 4.5rem;
  }
  .siteheader-logo {
    width: 13.5rem;
  }
  .siteheader-navlink {
    height: 4.5rem;
  }
}
@media (min-width: 79.5em) {
  .siteheader-subnav {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
  }
  .siteheader-subnav.subnav-active {
    visibility: visible;
    opacity: 1;
  }
  .siteheader-mask,
  .siteheader header {
    height: 4.5rem;
  }
  .siteheader-logo {
    width: 13.5rem;
  }
  .siteheader .navlink-active > h2 > a {
    background-color: var(--bs-body-bg);
  }
  .siteheader-navlink {
    height: 4.5rem;
  }
  .siteheader-right {
    width: 13.5rem;
  }
}
@media (min-width: 89.5em) {
  .main-skip {
    height: 5.25rem;
  }
  .siteheader-mask,
  .siteheader header {
    height: 5.25rem;
  }
  .siteheader-logo {
    width: 15.75rem;
  }
  .siteheader-navlink {
    height: 5.25rem;
  }
  .siteheader-right {
    width: 15.75rem;
  }
}
.hero-swiper {
  width: 100%;
  height: 100svh;
  position: relative;
}
.hero-swiper .swiper-slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  opacity: 0.25;
  transition: opacity 0.6s ease;
}
.hero-swiper .swiper-slide-duplicate {
  opacity: 0.25;
}
.hero-swiper {
  /* Actual image */
}
.hero-swiper .hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}
.hero-swiper {
  /* Hero text */
}
.hero-swiper .hero-content {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.hero-swiper .swiper-slide-active {
  opacity: 1;
}
.hero-swiper .swiper-slide-active .hero-content {
  opacity: 1;
  transform: translateY(0);
}
.hero-swiper .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.5);
}
.hero-swiper .swiper-pagination-bullet-active {
  background: #fff;
}

.hero-banner {
  height: 100dvh;
}

.text-banner {
  mask-image: url("../assets/dashed-box-bg.svg");
  mask-repeat: repeat;
  mask-position: center;
  mask-size: auto;
}

.short-banner-content {
  height: 20rem;
}

@media (min-width: 47.5em) {
  .short-banner-content {
    height: 35rem;
  }
}
@media (min-width: 79.5em) {
  .short-banner-content {
    height: 40rem;
  }
}
@media (min-width: 89.5em) {
  .short-banner-content {
    height: 45rem;
  }
}
.sitefooter-logo-light {
  display: block;
}
.sitefooter-logo-dark {
  display: none;
}
.sitefooter-logo {
  aspect-ratio: 3/1;
  width: 12rem;
}
.sitefooter-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sitefooter a {
  text-decoration: none;
}

[data-bs-theme=dark] .sitefooter-logo-light {
  display: none;
}
[data-bs-theme=dark] .sitefooter-logo-dark {
  display: block;
}

@media (min-width: 47.5em) {
  .sitefooter-logo {
    margin-top: -1rem;
  }
}
@media (min-width: 79.5em) {
  .sitefooter-logo {
    margin-top: -1.5rem;
    width: 13.5rem;
  }
}
@media (min-width: 89.5em) {
  .sitefooter-logo {
    width: 15.75rem;
  }
}
/* stylelint-enable */
.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: 39.5em) {
  .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: 47.5em) {
  .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: 62em) {
  .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: 79.5em) {
  .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: 89.5em) {
  .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;
  }
}
.mask-image-spot-1 {
  mask-image: url("../assets/masks/liquid-spot-1.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-spot-2 {
  mask-image: url("../assets/masks/liquid-spot-2.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-spot-3 {
  mask-image: url("../assets/masks/liquid-spot-3.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-spot-shadow {
  mask-image: url("../assets/masks/ev_shadow_48dp_000000_FILL1_wght400_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-spot-amp {
  mask-image: url("../assets/masks/amp_stories_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-eye {
  mask-image: url("../assets/masks/eye_tracking_48dp_000000_FILL1_wght400_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-brightness-empty {
  mask-image: url("../assets/masks/brightness_empty_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-cases {
  mask-image: url("../assets/masks/cases_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-desktop-mac {
  mask-image: url("../assets/masks/desktop_mac_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-ev-shadow {
  mask-image: url("../assets/masks/ev_shadow_48dp_000000_FILL1_wght400_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-extension {
  mask-image: url("../assets/masks/extension_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-filter-none {
  mask-image: url("../assets/masks/filter_none_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-folder {
  mask-image: url("../assets/masks/folder_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-folder-copy {
  mask-image: url("../assets/masks/folder_copy_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-hexagon {
  mask-image: url("../assets/masks/hexagon_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-other-houses {
  mask-image: url("../assets/masks/other_houses_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-shield {
  mask-image: url("../assets/masks/shield_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-stack-group {
  mask-image: url("../assets/masks/stack_group_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-tv-gen {
  mask-image: url("../assets/masks/tv_gen_64dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-favorite {
  mask-image: url("../assets/masks/favorite_48dp_000000_FILL1_wght400_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-circle {
  mask-image: url("../assets/masks/circle_48dp_000000_FILL1_wght700_GRAD200_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.mask-image-kid-star {
  mask-image: url("../assets/masks/kid_star_48dp_000000_FILL1_wght400_GRAD0_opsz48.svg");
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}
/*# sourceMappingURL=index.css.map */