@charset "UTF-8";
@import url("https://use.typekit.net/tjs8sqp.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,500,1,0");
.body-lg-text {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 140%;
}

.body-text {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 140%;
}

.body-sm-text {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
}

.body-xs-text {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 140%;
}

.red-text {
  color: var(--red) !important;
}

.red-background {
  background-color: var(--red) !important;
}

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

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

.blue-text {
  color: var(--blue) !important;
}

.blue-background {
  background-color: var(--blue) !important;
}

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

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

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

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

.navy-text {
  color: var(--navy) !important;
}

.navy-background {
  background-color: var(--navy) !important;
}

.teal-text {
  color: var(--teal) !important;
}

.teal-background {
  background-color: var(--teal) !important;
}

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

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

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

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

.gray-text {
  color: var(--gray) !important;
}

.gray-background {
  background-color: var(--gray) !important;
}

.lighter-gray-text {
  color: var(--lighter-gray) !important;
}

.lighter-gray-background {
  background-color: var(--lighter-gray) !important;
}

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

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

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

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

.cream-text {
  color: var(--cream) !important;
}

.cream-background {
  background-color: var(--cream) !important;
}

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

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

.tan-text {
  color: var(--tan) !important;
}

.tan-background {
  background-color: var(--tan) !important;
}

.black-text {
  color: var(--black) !important;
}

.black-background {
  background-color: var(--black) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gray-100-text {
  color: var(--gray-100) !important;
}

.gray-100-background {
  background-color: var(--gray-100) !important;
}

.gray-90-text {
  color: var(--gray-90) !important;
}

.gray-90-background {
  background-color: var(--gray-90) !important;
}

.gray-80-text {
  color: var(--gray-80) !important;
}

.gray-80-background {
  background-color: var(--gray-80) !important;
}

.gray-70-text {
  color: var(--gray-70) !important;
}

.gray-70-background {
  background-color: var(--gray-70) !important;
}

.gray-60-text {
  color: var(--gray-60) !important;
}

.gray-60-background {
  background-color: var(--gray-60) !important;
}

.gray-50-text {
  color: var(--gray-50) !important;
}

.gray-50-background {
  background-color: var(--gray-50) !important;
}

.gray-40-text {
  color: var(--gray-40) !important;
}

.gray-40-background {
  background-color: var(--gray-40) !important;
}

.gray-30-text {
  color: var(--gray-30) !important;
}

.gray-30-background {
  background-color: var(--gray-30) !important;
}

.gray-20-text {
  color: var(--gray-20) !important;
}

.gray-20-background {
  background-color: var(--gray-20) !important;
}

.gray-10-text {
  color: var(--gray-10) !important;
}

.gray-10-background {
  background-color: var(--gray-10) !important;
}

.gray-5-text {
  color: var(--gray-5) !important;
}

.gray-5-background {
  background-color: var(--gray-5) !important;
}

.gray-0-text {
  color: var(--gray-0) !important;
}

.gray-0-background {
  background-color: var(--gray-0) !important;
}

.pa-0 {
  padding: 0rem !important;
}

.pl-0, .px-0 {
  padding-left: 0rem !important;
}

.pr-0, .px-0 {
  padding-right: 0rem !important;
}

.pt-0, .py-0 {
  padding-top: 0rem !important;
}

.pb-0, .py-0 {
  padding-bottom: 0rem !important;
}

.ma-0 {
  margin: 0rem !important;
}

.ml-0, .mx-0 {
  margin-left: 0rem !important;
}

.mr-0, .mx-0 {
  margin-right: 0rem !important;
}

.mt-0, .my-0 {
  margin-top: 0rem !important;
}

.mb-0, .my-0 {
  margin-bottom: 0rem !important;
}

.pa-1 {
  padding: 0.25rem !important;
}

.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}

.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}

.pt-1, .py-1 {
  padding-top: 0.25rem !important;
}

.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}

.ma-1 {
  margin: 0.25rem !important;
}

.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}

.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}

.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}

.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}

.pa-2 {
  padding: 0.5rem !important;
}

.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}

.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}

.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}

.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}

.ma-2 {
  margin: 0.5rem !important;
}

.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}

.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}

.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}

.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}

.pa-3 {
  padding: 0.75rem !important;
}

.pl-3, .px-3 {
  padding-left: 0.75rem !important;
}

.pr-3, .px-3 {
  padding-right: 0.75rem !important;
}

.pt-3, .py-3 {
  padding-top: 0.75rem !important;
}

.pb-3, .py-3 {
  padding-bottom: 0.75rem !important;
}

.ma-3 {
  margin: 0.75rem !important;
}

.ml-3, .mx-3 {
  margin-left: 0.75rem !important;
}

.mr-3, .mx-3 {
  margin-right: 0.75rem !important;
}

.mt-3, .my-3 {
  margin-top: 0.75rem !important;
}

.mb-3, .my-3 {
  margin-bottom: 0.75rem !important;
}

.pa-4 {
  padding: 1rem !important;
}

.pl-4, .px-4 {
  padding-left: 1rem !important;
}

.pr-4, .px-4 {
  padding-right: 1rem !important;
}

.pt-4, .py-4 {
  padding-top: 1rem !important;
}

.pb-4, .py-4 {
  padding-bottom: 1rem !important;
}

.ma-4 {
  margin: 1rem !important;
}

.ml-4, .mx-4 {
  margin-left: 1rem !important;
}

.mr-4, .mx-4 {
  margin-right: 1rem !important;
}

.mt-4, .my-4 {
  margin-top: 1rem !important;
}

.mb-4, .my-4 {
  margin-bottom: 1rem !important;
}

.pa-5 {
  padding: 1.25rem !important;
}

.pl-5, .px-5 {
  padding-left: 1.25rem !important;
}

.pr-5, .px-5 {
  padding-right: 1.25rem !important;
}

.pt-5, .py-5 {
  padding-top: 1.25rem !important;
}

.pb-5, .py-5 {
  padding-bottom: 1.25rem !important;
}

.ma-5 {
  margin: 1.25rem !important;
}

.ml-5, .mx-5 {
  margin-left: 1.25rem !important;
}

.mr-5, .mx-5 {
  margin-right: 1.25rem !important;
}

.mt-5, .my-5 {
  margin-top: 1.25rem !important;
}

.mb-5, .my-5 {
  margin-bottom: 1.25rem !important;
}

.pa-6 {
  padding: 1.5rem !important;
}

.pl-6, .px-6 {
  padding-left: 1.5rem !important;
}

.pr-6, .px-6 {
  padding-right: 1.5rem !important;
}

.pt-6, .py-6 {
  padding-top: 1.5rem !important;
}

.pb-6, .py-6 {
  padding-bottom: 1.5rem !important;
}

.ma-6 {
  margin: 1.5rem !important;
}

.ml-6, .mx-6 {
  margin-left: 1.5rem !important;
}

.mr-6, .mx-6 {
  margin-right: 1.5rem !important;
}

.mt-6, .my-6 {
  margin-top: 1.5rem !important;
}

.mb-6, .my-6 {
  margin-bottom: 1.5rem !important;
}

.pa-7 {
  padding: 1.75rem !important;
}

.pl-7, .px-7 {
  padding-left: 1.75rem !important;
}

.pr-7, .px-7 {
  padding-right: 1.75rem !important;
}

.pt-7, .py-7 {
  padding-top: 1.75rem !important;
}

.pb-7, .py-7 {
  padding-bottom: 1.75rem !important;
}

.ma-7 {
  margin: 1.75rem !important;
}

.ml-7, .mx-7 {
  margin-left: 1.75rem !important;
}

.mr-7, .mx-7 {
  margin-right: 1.75rem !important;
}

.mt-7, .my-7 {
  margin-top: 1.75rem !important;
}

.mb-7, .my-7 {
  margin-bottom: 1.75rem !important;
}

.pa-8 {
  padding: 2rem !important;
}

.pl-8, .px-8 {
  padding-left: 2rem !important;
}

.pr-8, .px-8 {
  padding-right: 2rem !important;
}

.pt-8, .py-8 {
  padding-top: 2rem !important;
}

.pb-8, .py-8 {
  padding-bottom: 2rem !important;
}

.ma-8 {
  margin: 2rem !important;
}

.ml-8, .mx-8 {
  margin-left: 2rem !important;
}

.mr-8, .mx-8 {
  margin-right: 2rem !important;
}

.mt-8, .my-8 {
  margin-top: 2rem !important;
}

.mb-8, .my-8 {
  margin-bottom: 2rem !important;
}

.pa-9 {
  padding: 2.25rem !important;
}

.pl-9, .px-9 {
  padding-left: 2.25rem !important;
}

.pr-9, .px-9 {
  padding-right: 2.25rem !important;
}

.pt-9, .py-9 {
  padding-top: 2.25rem !important;
}

.pb-9, .py-9 {
  padding-bottom: 2.25rem !important;
}

.ma-9 {
  margin: 2.25rem !important;
}

.ml-9, .mx-9 {
  margin-left: 2.25rem !important;
}

.mr-9, .mx-9 {
  margin-right: 2.25rem !important;
}

.mt-9, .my-9 {
  margin-top: 2.25rem !important;
}

.mb-9, .my-9 {
  margin-bottom: 2.25rem !important;
}

.pa-10 {
  padding: 2.5rem !important;
}

.pl-10, .px-10 {
  padding-left: 2.5rem !important;
}

.pr-10, .px-10 {
  padding-right: 2.5rem !important;
}

.pt-10, .py-10 {
  padding-top: 2.5rem !important;
}

.pb-10, .py-10 {
  padding-bottom: 2.5rem !important;
}

.ma-10 {
  margin: 2.5rem !important;
}

.ml-10, .mx-10 {
  margin-left: 2.5rem !important;
}

.mr-10, .mx-10 {
  margin-right: 2.5rem !important;
}

.mt-10, .my-10 {
  margin-top: 2.5rem !important;
}

.mb-10, .my-10 {
  margin-bottom: 2.5rem !important;
}

.pa-11 {
  padding: 2.75rem !important;
}

.pl-11, .px-11 {
  padding-left: 2.75rem !important;
}

.pr-11, .px-11 {
  padding-right: 2.75rem !important;
}

.pt-11, .py-11 {
  padding-top: 2.75rem !important;
}

.pb-11, .py-11 {
  padding-bottom: 2.75rem !important;
}

.ma-11 {
  margin: 2.75rem !important;
}

.ml-11, .mx-11 {
  margin-left: 2.75rem !important;
}

.mr-11, .mx-11 {
  margin-right: 2.75rem !important;
}

.mt-11, .my-11 {
  margin-top: 2.75rem !important;
}

.mb-11, .my-11 {
  margin-bottom: 2.75rem !important;
}

.pa-12 {
  padding: 3rem !important;
}

.pl-12, .px-12 {
  padding-left: 3rem !important;
}

.pr-12, .px-12 {
  padding-right: 3rem !important;
}

.pt-12, .py-12 {
  padding-top: 3rem !important;
}

.pb-12, .py-12 {
  padding-bottom: 3rem !important;
}

.ma-12 {
  margin: 3rem !important;
}

.ml-12, .mx-12 {
  margin-left: 3rem !important;
}

.mr-12, .mx-12 {
  margin-right: 3rem !important;
}

.mt-12, .my-12 {
  margin-top: 3rem !important;
}

.mb-12, .my-12 {
  margin-bottom: 3rem !important;
}

.pa-13 {
  padding: 3.25rem !important;
}

.pl-13, .px-13 {
  padding-left: 3.25rem !important;
}

.pr-13, .px-13 {
  padding-right: 3.25rem !important;
}

.pt-13, .py-13 {
  padding-top: 3.25rem !important;
}

.pb-13, .py-13 {
  padding-bottom: 3.25rem !important;
}

.ma-13 {
  margin: 3.25rem !important;
}

.ml-13, .mx-13 {
  margin-left: 3.25rem !important;
}

.mr-13, .mx-13 {
  margin-right: 3.25rem !important;
}

.mt-13, .my-13 {
  margin-top: 3.25rem !important;
}

.mb-13, .my-13 {
  margin-bottom: 3.25rem !important;
}

.pa-14 {
  padding: 3.5rem !important;
}

.pl-14, .px-14 {
  padding-left: 3.5rem !important;
}

.pr-14, .px-14 {
  padding-right: 3.5rem !important;
}

.pt-14, .py-14 {
  padding-top: 3.5rem !important;
}

.pb-14, .py-14 {
  padding-bottom: 3.5rem !important;
}

.ma-14 {
  margin: 3.5rem !important;
}

.ml-14, .mx-14 {
  margin-left: 3.5rem !important;
}

.mr-14, .mx-14 {
  margin-right: 3.5rem !important;
}

.mt-14, .my-14 {
  margin-top: 3.5rem !important;
}

.mb-14, .my-14 {
  margin-bottom: 3.5rem !important;
}

.pa-15 {
  padding: 3.75rem !important;
}

.pl-15, .px-15 {
  padding-left: 3.75rem !important;
}

.pr-15, .px-15 {
  padding-right: 3.75rem !important;
}

.pt-15, .py-15 {
  padding-top: 3.75rem !important;
}

.pb-15, .py-15 {
  padding-bottom: 3.75rem !important;
}

.ma-15 {
  margin: 3.75rem !important;
}

.ml-15, .mx-15 {
  margin-left: 3.75rem !important;
}

.mr-15, .mx-15 {
  margin-right: 3.75rem !important;
}

.mt-15, .my-15 {
  margin-top: 3.75rem !important;
}

.mb-15, .my-15 {
  margin-bottom: 3.75rem !important;
}

.pa-16 {
  padding: 4rem !important;
}

.pl-16, .px-16 {
  padding-left: 4rem !important;
}

.pr-16, .px-16 {
  padding-right: 4rem !important;
}

.pt-16, .py-16 {
  padding-top: 4rem !important;
}

.pb-16, .py-16 {
  padding-bottom: 4rem !important;
}

.ma-16 {
  margin: 4rem !important;
}

.ml-16, .mx-16 {
  margin-left: 4rem !important;
}

.mr-16, .mx-16 {
  margin-right: 4rem !important;
}

.mt-16, .my-16 {
  margin-top: 4rem !important;
}

.mb-16, .my-16 {
  margin-bottom: 4rem !important;
}

.justify-start {
  justify-content: start !important;
}

.align-start {
  align-content: start !important;
}

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

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

.justify-end {
  justify-content: end !important;
}

.align-end {
  align-content: end !important;
}

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

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

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

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

.justify-space-evenly {
  justify-content: space-evenly !important;
}

.align-space-evenly {
  align-content: space-evenly !important;
}

.justify-items-start {
  justify-items: start !important;
}

.justify-items-center {
  justify-items: center !important;
}

.justify-items-end {
  justify-items: end !important;
}

.justify-items-stretch {
  justify-items: stretch !important;
}

.align-items-start {
  align-items: start !important;
}

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

.align-items-end {
  align-items: end !important;
}

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

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

.flex-fit, .kt-video-loading.kt-skeleton,
.kt-video-loading.kt-donut-spinner, .kt-image-loading.kt-skeleton,
.kt-image-loading.kt-donut-spinner {
  flex: 1 1 0% !important;
}

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

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-full {
  flex: 0 1 100% !important;
}

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

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

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

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

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

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

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

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

.e-lowest {
  box-shadow: 0 0.0625rem 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8)) !important;
}

.e-low {
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8)) !important;
}

.e-medium {
  box-shadow: 0 0 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), var(--shadow-a)) !important;
}

.e-high {
  box-shadow: 0 0 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0.5rem 0.5rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8)) !important;
}

.e-none {
  box-shadow: none !important;
}

.vertical-align {
  display: flex !important;
  align-items: center !important;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out-from-flex {
  0% {
    opacity: 1;
    display: flex;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes slide-in-top {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-out-top {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slide-in-top-fixed-0 {
  0% {
    transform: translateY(-0rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-0 {
  0% {
    transform: translateY(0rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-0 {
  0% {
    transform: translateX(-0rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-0 {
  0% {
    transform: translateX(0rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-1 {
  0% {
    transform: translateY(-0.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-1 {
  0% {
    transform: translateY(0.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-1 {
  0% {
    transform: translateX(-0.25rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-1 {
  0% {
    transform: translateX(0.25rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-2 {
  0% {
    transform: translateY(-0.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-2 {
  0% {
    transform: translateY(0.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-2 {
  0% {
    transform: translateX(-0.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-2 {
  0% {
    transform: translateX(0.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-3 {
  0% {
    transform: translateY(-0.75rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-3 {
  0% {
    transform: translateY(0.75rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-3 {
  0% {
    transform: translateX(-0.75rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-3 {
  0% {
    transform: translateX(0.75rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-4 {
  0% {
    transform: translateY(-1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-4 {
  0% {
    transform: translateY(1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-4 {
  0% {
    transform: translateX(-1rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-4 {
  0% {
    transform: translateX(1rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-5 {
  0% {
    transform: translateY(-1.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-5 {
  0% {
    transform: translateY(1.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-5 {
  0% {
    transform: translateX(-1.25rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-5 {
  0% {
    transform: translateX(1.25rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-6 {
  0% {
    transform: translateY(-1.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-6 {
  0% {
    transform: translateY(1.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-6 {
  0% {
    transform: translateX(-1.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-6 {
  0% {
    transform: translateX(1.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-7 {
  0% {
    transform: translateY(-1.75rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-7 {
  0% {
    transform: translateY(1.75rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-7 {
  0% {
    transform: translateX(-1.75rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-7 {
  0% {
    transform: translateX(1.75rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-8 {
  0% {
    transform: translateY(-2rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-8 {
  0% {
    transform: translateY(2rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-8 {
  0% {
    transform: translateX(-2rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-8 {
  0% {
    transform: translateX(2rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-9 {
  0% {
    transform: translateY(-2.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-9 {
  0% {
    transform: translateY(2.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-9 {
  0% {
    transform: translateX(-2.25rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-9 {
  0% {
    transform: translateX(2.25rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-10 {
  0% {
    transform: translateY(-2.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-10 {
  0% {
    transform: translateY(2.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-10 {
  0% {
    transform: translateX(-2.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-10 {
  0% {
    transform: translateX(2.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-11 {
  0% {
    transform: translateY(-2.75rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-11 {
  0% {
    transform: translateY(2.75rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-11 {
  0% {
    transform: translateX(-2.75rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-11 {
  0% {
    transform: translateX(2.75rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-12 {
  0% {
    transform: translateY(-3rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-12 {
  0% {
    transform: translateY(3rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-12 {
  0% {
    transform: translateX(-3rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-12 {
  0% {
    transform: translateX(3rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-13 {
  0% {
    transform: translateY(-3.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-13 {
  0% {
    transform: translateY(3.25rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-13 {
  0% {
    transform: translateX(-3.25rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-13 {
  0% {
    transform: translateX(3.25rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-14 {
  0% {
    transform: translateY(-3.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-14 {
  0% {
    transform: translateY(3.5rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-14 {
  0% {
    transform: translateX(-3.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-14 {
  0% {
    transform: translateX(3.5rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-15 {
  0% {
    transform: translateY(-3.75rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-15 {
  0% {
    transform: translateY(3.75rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-15 {
  0% {
    transform: translateX(-3.75rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-15 {
  0% {
    transform: translateX(3.75rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-top-fixed-16 {
  0% {
    transform: translateY(-4rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-bottom-fixed-16 {
  0% {
    transform: translateY(4rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide-in-left-fixed-16 {
  0% {
    transform: translateX(-4rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slide-in-right-fixed-16 {
  0% {
    transform: translateX(4rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes enable-pointer-events {
  0% {
    pointer-events: none;
  }
  100% {
    pointer-events: auto;
  }
}
@media (max-width: 600px) {
  .xs-pa-0 {
    padding: 0rem !important;
  }
  .xs-pl-0, .xs-px-0 {
    padding-left: 0rem !important;
  }
  .xs-pr-0, .xs-px-0 {
    padding-right: 0rem !important;
  }
  .xs-pt-0, .xs-py-0 {
    padding-top: 0rem !important;
  }
  .xs-pb-0, .xs-py-0 {
    padding-bottom: 0rem !important;
  }
  .xs-ma-0 {
    margin: 0rem !important;
  }
  .xs-ml-0, .xs-mx-0 {
    margin-left: 0rem !important;
  }
  .xs-mr-0, .xs-mx-0 {
    margin-right: 0rem !important;
  }
  .xs-mt-0, .xs-my-0 {
    margin-top: 0rem !important;
  }
  .xs-mb-0, .xs-my-0 {
    margin-bottom: 0rem !important;
  }
  .xs-pa-1 {
    padding: 0.25rem !important;
  }
  .xs-pl-1, .xs-px-1 {
    padding-left: 0.25rem !important;
  }
  .xs-pr-1, .xs-px-1 {
    padding-right: 0.25rem !important;
  }
  .xs-pt-1, .xs-py-1 {
    padding-top: 0.25rem !important;
  }
  .xs-pb-1, .xs-py-1 {
    padding-bottom: 0.25rem !important;
  }
  .xs-ma-1 {
    margin: 0.25rem !important;
  }
  .xs-ml-1, .xs-mx-1 {
    margin-left: 0.25rem !important;
  }
  .xs-mr-1, .xs-mx-1 {
    margin-right: 0.25rem !important;
  }
  .xs-mt-1, .xs-my-1 {
    margin-top: 0.25rem !important;
  }
  .xs-mb-1, .xs-my-1 {
    margin-bottom: 0.25rem !important;
  }
  .xs-pa-2 {
    padding: 0.5rem !important;
  }
  .xs-pl-2, .xs-px-2 {
    padding-left: 0.5rem !important;
  }
  .xs-pr-2, .xs-px-2 {
    padding-right: 0.5rem !important;
  }
  .xs-pt-2, .xs-py-2 {
    padding-top: 0.5rem !important;
  }
  .xs-pb-2, .xs-py-2 {
    padding-bottom: 0.5rem !important;
  }
  .xs-ma-2 {
    margin: 0.5rem !important;
  }
  .xs-ml-2, .xs-mx-2 {
    margin-left: 0.5rem !important;
  }
  .xs-mr-2, .xs-mx-2 {
    margin-right: 0.5rem !important;
  }
  .xs-mt-2, .xs-my-2 {
    margin-top: 0.5rem !important;
  }
  .xs-mb-2, .xs-my-2 {
    margin-bottom: 0.5rem !important;
  }
  .xs-pa-3 {
    padding: 0.75rem !important;
  }
  .xs-pl-3, .xs-px-3 {
    padding-left: 0.75rem !important;
  }
  .xs-pr-3, .xs-px-3 {
    padding-right: 0.75rem !important;
  }
  .xs-pt-3, .xs-py-3 {
    padding-top: 0.75rem !important;
  }
  .xs-pb-3, .xs-py-3 {
    padding-bottom: 0.75rem !important;
  }
  .xs-ma-3 {
    margin: 0.75rem !important;
  }
  .xs-ml-3, .xs-mx-3 {
    margin-left: 0.75rem !important;
  }
  .xs-mr-3, .xs-mx-3 {
    margin-right: 0.75rem !important;
  }
  .xs-mt-3, .xs-my-3 {
    margin-top: 0.75rem !important;
  }
  .xs-mb-3, .xs-my-3 {
    margin-bottom: 0.75rem !important;
  }
  .xs-pa-4 {
    padding: 1rem !important;
  }
  .xs-pl-4, .xs-px-4 {
    padding-left: 1rem !important;
  }
  .xs-pr-4, .xs-px-4 {
    padding-right: 1rem !important;
  }
  .xs-pt-4, .xs-py-4 {
    padding-top: 1rem !important;
  }
  .xs-pb-4, .xs-py-4 {
    padding-bottom: 1rem !important;
  }
  .xs-ma-4 {
    margin: 1rem !important;
  }
  .xs-ml-4, .xs-mx-4 {
    margin-left: 1rem !important;
  }
  .xs-mr-4, .xs-mx-4 {
    margin-right: 1rem !important;
  }
  .xs-mt-4, .xs-my-4 {
    margin-top: 1rem !important;
  }
  .xs-mb-4, .xs-my-4 {
    margin-bottom: 1rem !important;
  }
  .xs-pa-5 {
    padding: 1.25rem !important;
  }
  .xs-pl-5, .xs-px-5 {
    padding-left: 1.25rem !important;
  }
  .xs-pr-5, .xs-px-5 {
    padding-right: 1.25rem !important;
  }
  .xs-pt-5, .xs-py-5 {
    padding-top: 1.25rem !important;
  }
  .xs-pb-5, .xs-py-5 {
    padding-bottom: 1.25rem !important;
  }
  .xs-ma-5 {
    margin: 1.25rem !important;
  }
  .xs-ml-5, .xs-mx-5 {
    margin-left: 1.25rem !important;
  }
  .xs-mr-5, .xs-mx-5 {
    margin-right: 1.25rem !important;
  }
  .xs-mt-5, .xs-my-5 {
    margin-top: 1.25rem !important;
  }
  .xs-mb-5, .xs-my-5 {
    margin-bottom: 1.25rem !important;
  }
  .xs-pa-6 {
    padding: 1.5rem !important;
  }
  .xs-pl-6, .xs-px-6 {
    padding-left: 1.5rem !important;
  }
  .xs-pr-6, .xs-px-6 {
    padding-right: 1.5rem !important;
  }
  .xs-pt-6, .xs-py-6 {
    padding-top: 1.5rem !important;
  }
  .xs-pb-6, .xs-py-6 {
    padding-bottom: 1.5rem !important;
  }
  .xs-ma-6 {
    margin: 1.5rem !important;
  }
  .xs-ml-6, .xs-mx-6 {
    margin-left: 1.5rem !important;
  }
  .xs-mr-6, .xs-mx-6 {
    margin-right: 1.5rem !important;
  }
  .xs-mt-6, .xs-my-6 {
    margin-top: 1.5rem !important;
  }
  .xs-mb-6, .xs-my-6 {
    margin-bottom: 1.5rem !important;
  }
  .xs-pa-7 {
    padding: 1.75rem !important;
  }
  .xs-pl-7, .xs-px-7 {
    padding-left: 1.75rem !important;
  }
  .xs-pr-7, .xs-px-7 {
    padding-right: 1.75rem !important;
  }
  .xs-pt-7, .xs-py-7 {
    padding-top: 1.75rem !important;
  }
  .xs-pb-7, .xs-py-7 {
    padding-bottom: 1.75rem !important;
  }
  .xs-ma-7 {
    margin: 1.75rem !important;
  }
  .xs-ml-7, .xs-mx-7 {
    margin-left: 1.75rem !important;
  }
  .xs-mr-7, .xs-mx-7 {
    margin-right: 1.75rem !important;
  }
  .xs-mt-7, .xs-my-7 {
    margin-top: 1.75rem !important;
  }
  .xs-mb-7, .xs-my-7 {
    margin-bottom: 1.75rem !important;
  }
  .xs-pa-8 {
    padding: 2rem !important;
  }
  .xs-pl-8, .xs-px-8 {
    padding-left: 2rem !important;
  }
  .xs-pr-8, .xs-px-8 {
    padding-right: 2rem !important;
  }
  .xs-pt-8, .xs-py-8 {
    padding-top: 2rem !important;
  }
  .xs-pb-8, .xs-py-8 {
    padding-bottom: 2rem !important;
  }
  .xs-ma-8 {
    margin: 2rem !important;
  }
  .xs-ml-8, .xs-mx-8 {
    margin-left: 2rem !important;
  }
  .xs-mr-8, .xs-mx-8 {
    margin-right: 2rem !important;
  }
  .xs-mt-8, .xs-my-8 {
    margin-top: 2rem !important;
  }
  .xs-mb-8, .xs-my-8 {
    margin-bottom: 2rem !important;
  }
  .xs-pa-9 {
    padding: 2.25rem !important;
  }
  .xs-pl-9, .xs-px-9 {
    padding-left: 2.25rem !important;
  }
  .xs-pr-9, .xs-px-9 {
    padding-right: 2.25rem !important;
  }
  .xs-pt-9, .xs-py-9 {
    padding-top: 2.25rem !important;
  }
  .xs-pb-9, .xs-py-9 {
    padding-bottom: 2.25rem !important;
  }
  .xs-ma-9 {
    margin: 2.25rem !important;
  }
  .xs-ml-9, .xs-mx-9 {
    margin-left: 2.25rem !important;
  }
  .xs-mr-9, .xs-mx-9 {
    margin-right: 2.25rem !important;
  }
  .xs-mt-9, .xs-my-9 {
    margin-top: 2.25rem !important;
  }
  .xs-mb-9, .xs-my-9 {
    margin-bottom: 2.25rem !important;
  }
  .xs-pa-10 {
    padding: 2.5rem !important;
  }
  .xs-pl-10, .xs-px-10 {
    padding-left: 2.5rem !important;
  }
  .xs-pr-10, .xs-px-10 {
    padding-right: 2.5rem !important;
  }
  .xs-pt-10, .xs-py-10 {
    padding-top: 2.5rem !important;
  }
  .xs-pb-10, .xs-py-10 {
    padding-bottom: 2.5rem !important;
  }
  .xs-ma-10 {
    margin: 2.5rem !important;
  }
  .xs-ml-10, .xs-mx-10 {
    margin-left: 2.5rem !important;
  }
  .xs-mr-10, .xs-mx-10 {
    margin-right: 2.5rem !important;
  }
  .xs-mt-10, .xs-my-10 {
    margin-top: 2.5rem !important;
  }
  .xs-mb-10, .xs-my-10 {
    margin-bottom: 2.5rem !important;
  }
  .xs-pa-11 {
    padding: 2.75rem !important;
  }
  .xs-pl-11, .xs-px-11 {
    padding-left: 2.75rem !important;
  }
  .xs-pr-11, .xs-px-11 {
    padding-right: 2.75rem !important;
  }
  .xs-pt-11, .xs-py-11 {
    padding-top: 2.75rem !important;
  }
  .xs-pb-11, .xs-py-11 {
    padding-bottom: 2.75rem !important;
  }
  .xs-ma-11 {
    margin: 2.75rem !important;
  }
  .xs-ml-11, .xs-mx-11 {
    margin-left: 2.75rem !important;
  }
  .xs-mr-11, .xs-mx-11 {
    margin-right: 2.75rem !important;
  }
  .xs-mt-11, .xs-my-11 {
    margin-top: 2.75rem !important;
  }
  .xs-mb-11, .xs-my-11 {
    margin-bottom: 2.75rem !important;
  }
  .xs-pa-12 {
    padding: 3rem !important;
  }
  .xs-pl-12, .xs-px-12 {
    padding-left: 3rem !important;
  }
  .xs-pr-12, .xs-px-12 {
    padding-right: 3rem !important;
  }
  .xs-pt-12, .xs-py-12 {
    padding-top: 3rem !important;
  }
  .xs-pb-12, .xs-py-12 {
    padding-bottom: 3rem !important;
  }
  .xs-ma-12 {
    margin: 3rem !important;
  }
  .xs-ml-12, .xs-mx-12 {
    margin-left: 3rem !important;
  }
  .xs-mr-12, .xs-mx-12 {
    margin-right: 3rem !important;
  }
  .xs-mt-12, .xs-my-12 {
    margin-top: 3rem !important;
  }
  .xs-mb-12, .xs-my-12 {
    margin-bottom: 3rem !important;
  }
  .xs-pa-13 {
    padding: 3.25rem !important;
  }
  .xs-pl-13, .xs-px-13 {
    padding-left: 3.25rem !important;
  }
  .xs-pr-13, .xs-px-13 {
    padding-right: 3.25rem !important;
  }
  .xs-pt-13, .xs-py-13 {
    padding-top: 3.25rem !important;
  }
  .xs-pb-13, .xs-py-13 {
    padding-bottom: 3.25rem !important;
  }
  .xs-ma-13 {
    margin: 3.25rem !important;
  }
  .xs-ml-13, .xs-mx-13 {
    margin-left: 3.25rem !important;
  }
  .xs-mr-13, .xs-mx-13 {
    margin-right: 3.25rem !important;
  }
  .xs-mt-13, .xs-my-13 {
    margin-top: 3.25rem !important;
  }
  .xs-mb-13, .xs-my-13 {
    margin-bottom: 3.25rem !important;
  }
  .xs-pa-14 {
    padding: 3.5rem !important;
  }
  .xs-pl-14, .xs-px-14 {
    padding-left: 3.5rem !important;
  }
  .xs-pr-14, .xs-px-14 {
    padding-right: 3.5rem !important;
  }
  .xs-pt-14, .xs-py-14 {
    padding-top: 3.5rem !important;
  }
  .xs-pb-14, .xs-py-14 {
    padding-bottom: 3.5rem !important;
  }
  .xs-ma-14 {
    margin: 3.5rem !important;
  }
  .xs-ml-14, .xs-mx-14 {
    margin-left: 3.5rem !important;
  }
  .xs-mr-14, .xs-mx-14 {
    margin-right: 3.5rem !important;
  }
  .xs-mt-14, .xs-my-14 {
    margin-top: 3.5rem !important;
  }
  .xs-mb-14, .xs-my-14 {
    margin-bottom: 3.5rem !important;
  }
  .xs-pa-15 {
    padding: 3.75rem !important;
  }
  .xs-pl-15, .xs-px-15 {
    padding-left: 3.75rem !important;
  }
  .xs-pr-15, .xs-px-15 {
    padding-right: 3.75rem !important;
  }
  .xs-pt-15, .xs-py-15 {
    padding-top: 3.75rem !important;
  }
  .xs-pb-15, .xs-py-15 {
    padding-bottom: 3.75rem !important;
  }
  .xs-ma-15 {
    margin: 3.75rem !important;
  }
  .xs-ml-15, .xs-mx-15 {
    margin-left: 3.75rem !important;
  }
  .xs-mr-15, .xs-mx-15 {
    margin-right: 3.75rem !important;
  }
  .xs-mt-15, .xs-my-15 {
    margin-top: 3.75rem !important;
  }
  .xs-mb-15, .xs-my-15 {
    margin-bottom: 3.75rem !important;
  }
  .xs-pa-16 {
    padding: 4rem !important;
  }
  .xs-pl-16, .xs-px-16 {
    padding-left: 4rem !important;
  }
  .xs-pr-16, .xs-px-16 {
    padding-right: 4rem !important;
  }
  .xs-pt-16, .xs-py-16 {
    padding-top: 4rem !important;
  }
  .xs-pb-16, .xs-py-16 {
    padding-bottom: 4rem !important;
  }
  .xs-ma-16 {
    margin: 4rem !important;
  }
  .xs-ml-16, .xs-mx-16 {
    margin-left: 4rem !important;
  }
  .xs-mr-16, .xs-mx-16 {
    margin-right: 4rem !important;
  }
  .xs-mt-16, .xs-my-16 {
    margin-top: 4rem !important;
  }
  .xs-mb-16, .xs-my-16 {
    margin-bottom: 4rem !important;
  }
  .xs-flex-fit {
    flex: 1 1 0% !important;
  }
  .xs-flex-auto {
    flex: 1 1 auto !important;
  }
  .xs-flex-initial {
    flex: 0 1 auto !important;
  }
  .xs-flex-full {
    flex: 0 1 100% !important;
  }
  .xs-d-block {
    display: block !important;
  }
  .xs-d-inline {
    display: inline !important;
  }
  .xs-d-inline-block {
    display: inline-block !important;
  }
  .xs-d-flex {
    display: flex !important;
  }
  .xs-d-inline-flex {
    display: inline-flex !important;
  }
  .xs-d-grid {
    display: grid !important;
  }
  .xs-d-inline-grid {
    display: inline-grid !important;
  }
  .xs-d-none {
    display: none !important;
  }
}
@media (min-width: 601px) and (max-width: 960px) {
  .sm-pa-0 {
    padding: 0rem !important;
  }
  .sm-pl-0, .sm-px-0 {
    padding-left: 0rem !important;
  }
  .sm-pr-0, .sm-px-0 {
    padding-right: 0rem !important;
  }
  .sm-pt-0, .sm-py-0 {
    padding-top: 0rem !important;
  }
  .sm-pb-0, .sm-py-0 {
    padding-bottom: 0rem !important;
  }
  .sm-ma-0 {
    margin: 0rem !important;
  }
  .sm-ml-0, .sm-mx-0 {
    margin-left: 0rem !important;
  }
  .sm-mr-0, .sm-mx-0 {
    margin-right: 0rem !important;
  }
  .sm-mt-0, .sm-my-0 {
    margin-top: 0rem !important;
  }
  .sm-mb-0, .sm-my-0 {
    margin-bottom: 0rem !important;
  }
  .sm-pa-1 {
    padding: 0.25rem !important;
  }
  .sm-pl-1, .sm-px-1 {
    padding-left: 0.25rem !important;
  }
  .sm-pr-1, .sm-px-1 {
    padding-right: 0.25rem !important;
  }
  .sm-pt-1, .sm-py-1 {
    padding-top: 0.25rem !important;
  }
  .sm-pb-1, .sm-py-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm-ma-1 {
    margin: 0.25rem !important;
  }
  .sm-ml-1, .sm-mx-1 {
    margin-left: 0.25rem !important;
  }
  .sm-mr-1, .sm-mx-1 {
    margin-right: 0.25rem !important;
  }
  .sm-mt-1, .sm-my-1 {
    margin-top: 0.25rem !important;
  }
  .sm-mb-1, .sm-my-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm-pa-2 {
    padding: 0.5rem !important;
  }
  .sm-pl-2, .sm-px-2 {
    padding-left: 0.5rem !important;
  }
  .sm-pr-2, .sm-px-2 {
    padding-right: 0.5rem !important;
  }
  .sm-pt-2, .sm-py-2 {
    padding-top: 0.5rem !important;
  }
  .sm-pb-2, .sm-py-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm-ma-2 {
    margin: 0.5rem !important;
  }
  .sm-ml-2, .sm-mx-2 {
    margin-left: 0.5rem !important;
  }
  .sm-mr-2, .sm-mx-2 {
    margin-right: 0.5rem !important;
  }
  .sm-mt-2, .sm-my-2 {
    margin-top: 0.5rem !important;
  }
  .sm-mb-2, .sm-my-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm-pa-3 {
    padding: 0.75rem !important;
  }
  .sm-pl-3, .sm-px-3 {
    padding-left: 0.75rem !important;
  }
  .sm-pr-3, .sm-px-3 {
    padding-right: 0.75rem !important;
  }
  .sm-pt-3, .sm-py-3 {
    padding-top: 0.75rem !important;
  }
  .sm-pb-3, .sm-py-3 {
    padding-bottom: 0.75rem !important;
  }
  .sm-ma-3 {
    margin: 0.75rem !important;
  }
  .sm-ml-3, .sm-mx-3 {
    margin-left: 0.75rem !important;
  }
  .sm-mr-3, .sm-mx-3 {
    margin-right: 0.75rem !important;
  }
  .sm-mt-3, .sm-my-3 {
    margin-top: 0.75rem !important;
  }
  .sm-mb-3, .sm-my-3 {
    margin-bottom: 0.75rem !important;
  }
  .sm-pa-4 {
    padding: 1rem !important;
  }
  .sm-pl-4, .sm-px-4 {
    padding-left: 1rem !important;
  }
  .sm-pr-4, .sm-px-4 {
    padding-right: 1rem !important;
  }
  .sm-pt-4, .sm-py-4 {
    padding-top: 1rem !important;
  }
  .sm-pb-4, .sm-py-4 {
    padding-bottom: 1rem !important;
  }
  .sm-ma-4 {
    margin: 1rem !important;
  }
  .sm-ml-4, .sm-mx-4 {
    margin-left: 1rem !important;
  }
  .sm-mr-4, .sm-mx-4 {
    margin-right: 1rem !important;
  }
  .sm-mt-4, .sm-my-4 {
    margin-top: 1rem !important;
  }
  .sm-mb-4, .sm-my-4 {
    margin-bottom: 1rem !important;
  }
  .sm-pa-5 {
    padding: 1.25rem !important;
  }
  .sm-pl-5, .sm-px-5 {
    padding-left: 1.25rem !important;
  }
  .sm-pr-5, .sm-px-5 {
    padding-right: 1.25rem !important;
  }
  .sm-pt-5, .sm-py-5 {
    padding-top: 1.25rem !important;
  }
  .sm-pb-5, .sm-py-5 {
    padding-bottom: 1.25rem !important;
  }
  .sm-ma-5 {
    margin: 1.25rem !important;
  }
  .sm-ml-5, .sm-mx-5 {
    margin-left: 1.25rem !important;
  }
  .sm-mr-5, .sm-mx-5 {
    margin-right: 1.25rem !important;
  }
  .sm-mt-5, .sm-my-5 {
    margin-top: 1.25rem !important;
  }
  .sm-mb-5, .sm-my-5 {
    margin-bottom: 1.25rem !important;
  }
  .sm-pa-6 {
    padding: 1.5rem !important;
  }
  .sm-pl-6, .sm-px-6 {
    padding-left: 1.5rem !important;
  }
  .sm-pr-6, .sm-px-6 {
    padding-right: 1.5rem !important;
  }
  .sm-pt-6, .sm-py-6 {
    padding-top: 1.5rem !important;
  }
  .sm-pb-6, .sm-py-6 {
    padding-bottom: 1.5rem !important;
  }
  .sm-ma-6 {
    margin: 1.5rem !important;
  }
  .sm-ml-6, .sm-mx-6 {
    margin-left: 1.5rem !important;
  }
  .sm-mr-6, .sm-mx-6 {
    margin-right: 1.5rem !important;
  }
  .sm-mt-6, .sm-my-6 {
    margin-top: 1.5rem !important;
  }
  .sm-mb-6, .sm-my-6 {
    margin-bottom: 1.5rem !important;
  }
  .sm-pa-7 {
    padding: 1.75rem !important;
  }
  .sm-pl-7, .sm-px-7 {
    padding-left: 1.75rem !important;
  }
  .sm-pr-7, .sm-px-7 {
    padding-right: 1.75rem !important;
  }
  .sm-pt-7, .sm-py-7 {
    padding-top: 1.75rem !important;
  }
  .sm-pb-7, .sm-py-7 {
    padding-bottom: 1.75rem !important;
  }
  .sm-ma-7 {
    margin: 1.75rem !important;
  }
  .sm-ml-7, .sm-mx-7 {
    margin-left: 1.75rem !important;
  }
  .sm-mr-7, .sm-mx-7 {
    margin-right: 1.75rem !important;
  }
  .sm-mt-7, .sm-my-7 {
    margin-top: 1.75rem !important;
  }
  .sm-mb-7, .sm-my-7 {
    margin-bottom: 1.75rem !important;
  }
  .sm-pa-8 {
    padding: 2rem !important;
  }
  .sm-pl-8, .sm-px-8 {
    padding-left: 2rem !important;
  }
  .sm-pr-8, .sm-px-8 {
    padding-right: 2rem !important;
  }
  .sm-pt-8, .sm-py-8 {
    padding-top: 2rem !important;
  }
  .sm-pb-8, .sm-py-8 {
    padding-bottom: 2rem !important;
  }
  .sm-ma-8 {
    margin: 2rem !important;
  }
  .sm-ml-8, .sm-mx-8 {
    margin-left: 2rem !important;
  }
  .sm-mr-8, .sm-mx-8 {
    margin-right: 2rem !important;
  }
  .sm-mt-8, .sm-my-8 {
    margin-top: 2rem !important;
  }
  .sm-mb-8, .sm-my-8 {
    margin-bottom: 2rem !important;
  }
  .sm-pa-9 {
    padding: 2.25rem !important;
  }
  .sm-pl-9, .sm-px-9 {
    padding-left: 2.25rem !important;
  }
  .sm-pr-9, .sm-px-9 {
    padding-right: 2.25rem !important;
  }
  .sm-pt-9, .sm-py-9 {
    padding-top: 2.25rem !important;
  }
  .sm-pb-9, .sm-py-9 {
    padding-bottom: 2.25rem !important;
  }
  .sm-ma-9 {
    margin: 2.25rem !important;
  }
  .sm-ml-9, .sm-mx-9 {
    margin-left: 2.25rem !important;
  }
  .sm-mr-9, .sm-mx-9 {
    margin-right: 2.25rem !important;
  }
  .sm-mt-9, .sm-my-9 {
    margin-top: 2.25rem !important;
  }
  .sm-mb-9, .sm-my-9 {
    margin-bottom: 2.25rem !important;
  }
  .sm-pa-10 {
    padding: 2.5rem !important;
  }
  .sm-pl-10, .sm-px-10 {
    padding-left: 2.5rem !important;
  }
  .sm-pr-10, .sm-px-10 {
    padding-right: 2.5rem !important;
  }
  .sm-pt-10, .sm-py-10 {
    padding-top: 2.5rem !important;
  }
  .sm-pb-10, .sm-py-10 {
    padding-bottom: 2.5rem !important;
  }
  .sm-ma-10 {
    margin: 2.5rem !important;
  }
  .sm-ml-10, .sm-mx-10 {
    margin-left: 2.5rem !important;
  }
  .sm-mr-10, .sm-mx-10 {
    margin-right: 2.5rem !important;
  }
  .sm-mt-10, .sm-my-10 {
    margin-top: 2.5rem !important;
  }
  .sm-mb-10, .sm-my-10 {
    margin-bottom: 2.5rem !important;
  }
  .sm-pa-11 {
    padding: 2.75rem !important;
  }
  .sm-pl-11, .sm-px-11 {
    padding-left: 2.75rem !important;
  }
  .sm-pr-11, .sm-px-11 {
    padding-right: 2.75rem !important;
  }
  .sm-pt-11, .sm-py-11 {
    padding-top: 2.75rem !important;
  }
  .sm-pb-11, .sm-py-11 {
    padding-bottom: 2.75rem !important;
  }
  .sm-ma-11 {
    margin: 2.75rem !important;
  }
  .sm-ml-11, .sm-mx-11 {
    margin-left: 2.75rem !important;
  }
  .sm-mr-11, .sm-mx-11 {
    margin-right: 2.75rem !important;
  }
  .sm-mt-11, .sm-my-11 {
    margin-top: 2.75rem !important;
  }
  .sm-mb-11, .sm-my-11 {
    margin-bottom: 2.75rem !important;
  }
  .sm-pa-12 {
    padding: 3rem !important;
  }
  .sm-pl-12, .sm-px-12 {
    padding-left: 3rem !important;
  }
  .sm-pr-12, .sm-px-12 {
    padding-right: 3rem !important;
  }
  .sm-pt-12, .sm-py-12 {
    padding-top: 3rem !important;
  }
  .sm-pb-12, .sm-py-12 {
    padding-bottom: 3rem !important;
  }
  .sm-ma-12 {
    margin: 3rem !important;
  }
  .sm-ml-12, .sm-mx-12 {
    margin-left: 3rem !important;
  }
  .sm-mr-12, .sm-mx-12 {
    margin-right: 3rem !important;
  }
  .sm-mt-12, .sm-my-12 {
    margin-top: 3rem !important;
  }
  .sm-mb-12, .sm-my-12 {
    margin-bottom: 3rem !important;
  }
  .sm-pa-13 {
    padding: 3.25rem !important;
  }
  .sm-pl-13, .sm-px-13 {
    padding-left: 3.25rem !important;
  }
  .sm-pr-13, .sm-px-13 {
    padding-right: 3.25rem !important;
  }
  .sm-pt-13, .sm-py-13 {
    padding-top: 3.25rem !important;
  }
  .sm-pb-13, .sm-py-13 {
    padding-bottom: 3.25rem !important;
  }
  .sm-ma-13 {
    margin: 3.25rem !important;
  }
  .sm-ml-13, .sm-mx-13 {
    margin-left: 3.25rem !important;
  }
  .sm-mr-13, .sm-mx-13 {
    margin-right: 3.25rem !important;
  }
  .sm-mt-13, .sm-my-13 {
    margin-top: 3.25rem !important;
  }
  .sm-mb-13, .sm-my-13 {
    margin-bottom: 3.25rem !important;
  }
  .sm-pa-14 {
    padding: 3.5rem !important;
  }
  .sm-pl-14, .sm-px-14 {
    padding-left: 3.5rem !important;
  }
  .sm-pr-14, .sm-px-14 {
    padding-right: 3.5rem !important;
  }
  .sm-pt-14, .sm-py-14 {
    padding-top: 3.5rem !important;
  }
  .sm-pb-14, .sm-py-14 {
    padding-bottom: 3.5rem !important;
  }
  .sm-ma-14 {
    margin: 3.5rem !important;
  }
  .sm-ml-14, .sm-mx-14 {
    margin-left: 3.5rem !important;
  }
  .sm-mr-14, .sm-mx-14 {
    margin-right: 3.5rem !important;
  }
  .sm-mt-14, .sm-my-14 {
    margin-top: 3.5rem !important;
  }
  .sm-mb-14, .sm-my-14 {
    margin-bottom: 3.5rem !important;
  }
  .sm-pa-15 {
    padding: 3.75rem !important;
  }
  .sm-pl-15, .sm-px-15 {
    padding-left: 3.75rem !important;
  }
  .sm-pr-15, .sm-px-15 {
    padding-right: 3.75rem !important;
  }
  .sm-pt-15, .sm-py-15 {
    padding-top: 3.75rem !important;
  }
  .sm-pb-15, .sm-py-15 {
    padding-bottom: 3.75rem !important;
  }
  .sm-ma-15 {
    margin: 3.75rem !important;
  }
  .sm-ml-15, .sm-mx-15 {
    margin-left: 3.75rem !important;
  }
  .sm-mr-15, .sm-mx-15 {
    margin-right: 3.75rem !important;
  }
  .sm-mt-15, .sm-my-15 {
    margin-top: 3.75rem !important;
  }
  .sm-mb-15, .sm-my-15 {
    margin-bottom: 3.75rem !important;
  }
  .sm-pa-16 {
    padding: 4rem !important;
  }
  .sm-pl-16, .sm-px-16 {
    padding-left: 4rem !important;
  }
  .sm-pr-16, .sm-px-16 {
    padding-right: 4rem !important;
  }
  .sm-pt-16, .sm-py-16 {
    padding-top: 4rem !important;
  }
  .sm-pb-16, .sm-py-16 {
    padding-bottom: 4rem !important;
  }
  .sm-ma-16 {
    margin: 4rem !important;
  }
  .sm-ml-16, .sm-mx-16 {
    margin-left: 4rem !important;
  }
  .sm-mr-16, .sm-mx-16 {
    margin-right: 4rem !important;
  }
  .sm-mt-16, .sm-my-16 {
    margin-top: 4rem !important;
  }
  .sm-mb-16, .sm-my-16 {
    margin-bottom: 4rem !important;
  }
  .sm-flex-fit {
    flex: 1 1 0% !important;
  }
  .sm-flex-auto {
    flex: 1 1 auto !important;
  }
  .sm-flex-initial {
    flex: 0 1 auto !important;
  }
  .sm-flex-full {
    flex: 0 1 100% !important;
  }
  .sm-d-block {
    display: block !important;
  }
  .sm-d-inline {
    display: inline !important;
  }
  .sm-d-inline-block {
    display: inline-block !important;
  }
  .sm-d-flex {
    display: flex !important;
  }
  .sm-d-inline-flex {
    display: inline-flex !important;
  }
  .sm-d-grid {
    display: grid !important;
  }
  .sm-d-inline-grid {
    display: inline-grid !important;
  }
  .sm-d-none {
    display: none !important;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .md-pa-0 {
    padding: 0rem !important;
  }
  .md-pl-0, .md-px-0 {
    padding-left: 0rem !important;
  }
  .md-pr-0, .md-px-0 {
    padding-right: 0rem !important;
  }
  .md-pt-0, .md-py-0 {
    padding-top: 0rem !important;
  }
  .md-pb-0, .md-py-0 {
    padding-bottom: 0rem !important;
  }
  .md-ma-0 {
    margin: 0rem !important;
  }
  .md-ml-0, .md-mx-0 {
    margin-left: 0rem !important;
  }
  .md-mr-0, .md-mx-0 {
    margin-right: 0rem !important;
  }
  .md-mt-0, .md-my-0 {
    margin-top: 0rem !important;
  }
  .md-mb-0, .md-my-0 {
    margin-bottom: 0rem !important;
  }
  .md-pa-1 {
    padding: 0.25rem !important;
  }
  .md-pl-1, .md-px-1 {
    padding-left: 0.25rem !important;
  }
  .md-pr-1, .md-px-1 {
    padding-right: 0.25rem !important;
  }
  .md-pt-1, .md-py-1 {
    padding-top: 0.25rem !important;
  }
  .md-pb-1, .md-py-1 {
    padding-bottom: 0.25rem !important;
  }
  .md-ma-1 {
    margin: 0.25rem !important;
  }
  .md-ml-1, .md-mx-1 {
    margin-left: 0.25rem !important;
  }
  .md-mr-1, .md-mx-1 {
    margin-right: 0.25rem !important;
  }
  .md-mt-1, .md-my-1 {
    margin-top: 0.25rem !important;
  }
  .md-mb-1, .md-my-1 {
    margin-bottom: 0.25rem !important;
  }
  .md-pa-2 {
    padding: 0.5rem !important;
  }
  .md-pl-2, .md-px-2 {
    padding-left: 0.5rem !important;
  }
  .md-pr-2, .md-px-2 {
    padding-right: 0.5rem !important;
  }
  .md-pt-2, .md-py-2 {
    padding-top: 0.5rem !important;
  }
  .md-pb-2, .md-py-2 {
    padding-bottom: 0.5rem !important;
  }
  .md-ma-2 {
    margin: 0.5rem !important;
  }
  .md-ml-2, .md-mx-2 {
    margin-left: 0.5rem !important;
  }
  .md-mr-2, .md-mx-2 {
    margin-right: 0.5rem !important;
  }
  .md-mt-2, .md-my-2 {
    margin-top: 0.5rem !important;
  }
  .md-mb-2, .md-my-2 {
    margin-bottom: 0.5rem !important;
  }
  .md-pa-3 {
    padding: 0.75rem !important;
  }
  .md-pl-3, .md-px-3 {
    padding-left: 0.75rem !important;
  }
  .md-pr-3, .md-px-3 {
    padding-right: 0.75rem !important;
  }
  .md-pt-3, .md-py-3 {
    padding-top: 0.75rem !important;
  }
  .md-pb-3, .md-py-3 {
    padding-bottom: 0.75rem !important;
  }
  .md-ma-3 {
    margin: 0.75rem !important;
  }
  .md-ml-3, .md-mx-3 {
    margin-left: 0.75rem !important;
  }
  .md-mr-3, .md-mx-3 {
    margin-right: 0.75rem !important;
  }
  .md-mt-3, .md-my-3 {
    margin-top: 0.75rem !important;
  }
  .md-mb-3, .md-my-3 {
    margin-bottom: 0.75rem !important;
  }
  .md-pa-4 {
    padding: 1rem !important;
  }
  .md-pl-4, .md-px-4 {
    padding-left: 1rem !important;
  }
  .md-pr-4, .md-px-4 {
    padding-right: 1rem !important;
  }
  .md-pt-4, .md-py-4 {
    padding-top: 1rem !important;
  }
  .md-pb-4, .md-py-4 {
    padding-bottom: 1rem !important;
  }
  .md-ma-4 {
    margin: 1rem !important;
  }
  .md-ml-4, .md-mx-4 {
    margin-left: 1rem !important;
  }
  .md-mr-4, .md-mx-4 {
    margin-right: 1rem !important;
  }
  .md-mt-4, .md-my-4 {
    margin-top: 1rem !important;
  }
  .md-mb-4, .md-my-4 {
    margin-bottom: 1rem !important;
  }
  .md-pa-5 {
    padding: 1.25rem !important;
  }
  .md-pl-5, .md-px-5 {
    padding-left: 1.25rem !important;
  }
  .md-pr-5, .md-px-5 {
    padding-right: 1.25rem !important;
  }
  .md-pt-5, .md-py-5 {
    padding-top: 1.25rem !important;
  }
  .md-pb-5, .md-py-5 {
    padding-bottom: 1.25rem !important;
  }
  .md-ma-5 {
    margin: 1.25rem !important;
  }
  .md-ml-5, .md-mx-5 {
    margin-left: 1.25rem !important;
  }
  .md-mr-5, .md-mx-5 {
    margin-right: 1.25rem !important;
  }
  .md-mt-5, .md-my-5 {
    margin-top: 1.25rem !important;
  }
  .md-mb-5, .md-my-5 {
    margin-bottom: 1.25rem !important;
  }
  .md-pa-6 {
    padding: 1.5rem !important;
  }
  .md-pl-6, .md-px-6 {
    padding-left: 1.5rem !important;
  }
  .md-pr-6, .md-px-6 {
    padding-right: 1.5rem !important;
  }
  .md-pt-6, .md-py-6 {
    padding-top: 1.5rem !important;
  }
  .md-pb-6, .md-py-6 {
    padding-bottom: 1.5rem !important;
  }
  .md-ma-6 {
    margin: 1.5rem !important;
  }
  .md-ml-6, .md-mx-6 {
    margin-left: 1.5rem !important;
  }
  .md-mr-6, .md-mx-6 {
    margin-right: 1.5rem !important;
  }
  .md-mt-6, .md-my-6 {
    margin-top: 1.5rem !important;
  }
  .md-mb-6, .md-my-6 {
    margin-bottom: 1.5rem !important;
  }
  .md-pa-7 {
    padding: 1.75rem !important;
  }
  .md-pl-7, .md-px-7 {
    padding-left: 1.75rem !important;
  }
  .md-pr-7, .md-px-7 {
    padding-right: 1.75rem !important;
  }
  .md-pt-7, .md-py-7 {
    padding-top: 1.75rem !important;
  }
  .md-pb-7, .md-py-7 {
    padding-bottom: 1.75rem !important;
  }
  .md-ma-7 {
    margin: 1.75rem !important;
  }
  .md-ml-7, .md-mx-7 {
    margin-left: 1.75rem !important;
  }
  .md-mr-7, .md-mx-7 {
    margin-right: 1.75rem !important;
  }
  .md-mt-7, .md-my-7 {
    margin-top: 1.75rem !important;
  }
  .md-mb-7, .md-my-7 {
    margin-bottom: 1.75rem !important;
  }
  .md-pa-8 {
    padding: 2rem !important;
  }
  .md-pl-8, .md-px-8 {
    padding-left: 2rem !important;
  }
  .md-pr-8, .md-px-8 {
    padding-right: 2rem !important;
  }
  .md-pt-8, .md-py-8 {
    padding-top: 2rem !important;
  }
  .md-pb-8, .md-py-8 {
    padding-bottom: 2rem !important;
  }
  .md-ma-8 {
    margin: 2rem !important;
  }
  .md-ml-8, .md-mx-8 {
    margin-left: 2rem !important;
  }
  .md-mr-8, .md-mx-8 {
    margin-right: 2rem !important;
  }
  .md-mt-8, .md-my-8 {
    margin-top: 2rem !important;
  }
  .md-mb-8, .md-my-8 {
    margin-bottom: 2rem !important;
  }
  .md-pa-9 {
    padding: 2.25rem !important;
  }
  .md-pl-9, .md-px-9 {
    padding-left: 2.25rem !important;
  }
  .md-pr-9, .md-px-9 {
    padding-right: 2.25rem !important;
  }
  .md-pt-9, .md-py-9 {
    padding-top: 2.25rem !important;
  }
  .md-pb-9, .md-py-9 {
    padding-bottom: 2.25rem !important;
  }
  .md-ma-9 {
    margin: 2.25rem !important;
  }
  .md-ml-9, .md-mx-9 {
    margin-left: 2.25rem !important;
  }
  .md-mr-9, .md-mx-9 {
    margin-right: 2.25rem !important;
  }
  .md-mt-9, .md-my-9 {
    margin-top: 2.25rem !important;
  }
  .md-mb-9, .md-my-9 {
    margin-bottom: 2.25rem !important;
  }
  .md-pa-10 {
    padding: 2.5rem !important;
  }
  .md-pl-10, .md-px-10 {
    padding-left: 2.5rem !important;
  }
  .md-pr-10, .md-px-10 {
    padding-right: 2.5rem !important;
  }
  .md-pt-10, .md-py-10 {
    padding-top: 2.5rem !important;
  }
  .md-pb-10, .md-py-10 {
    padding-bottom: 2.5rem !important;
  }
  .md-ma-10 {
    margin: 2.5rem !important;
  }
  .md-ml-10, .md-mx-10 {
    margin-left: 2.5rem !important;
  }
  .md-mr-10, .md-mx-10 {
    margin-right: 2.5rem !important;
  }
  .md-mt-10, .md-my-10 {
    margin-top: 2.5rem !important;
  }
  .md-mb-10, .md-my-10 {
    margin-bottom: 2.5rem !important;
  }
  .md-pa-11 {
    padding: 2.75rem !important;
  }
  .md-pl-11, .md-px-11 {
    padding-left: 2.75rem !important;
  }
  .md-pr-11, .md-px-11 {
    padding-right: 2.75rem !important;
  }
  .md-pt-11, .md-py-11 {
    padding-top: 2.75rem !important;
  }
  .md-pb-11, .md-py-11 {
    padding-bottom: 2.75rem !important;
  }
  .md-ma-11 {
    margin: 2.75rem !important;
  }
  .md-ml-11, .md-mx-11 {
    margin-left: 2.75rem !important;
  }
  .md-mr-11, .md-mx-11 {
    margin-right: 2.75rem !important;
  }
  .md-mt-11, .md-my-11 {
    margin-top: 2.75rem !important;
  }
  .md-mb-11, .md-my-11 {
    margin-bottom: 2.75rem !important;
  }
  .md-pa-12 {
    padding: 3rem !important;
  }
  .md-pl-12, .md-px-12 {
    padding-left: 3rem !important;
  }
  .md-pr-12, .md-px-12 {
    padding-right: 3rem !important;
  }
  .md-pt-12, .md-py-12 {
    padding-top: 3rem !important;
  }
  .md-pb-12, .md-py-12 {
    padding-bottom: 3rem !important;
  }
  .md-ma-12 {
    margin: 3rem !important;
  }
  .md-ml-12, .md-mx-12 {
    margin-left: 3rem !important;
  }
  .md-mr-12, .md-mx-12 {
    margin-right: 3rem !important;
  }
  .md-mt-12, .md-my-12 {
    margin-top: 3rem !important;
  }
  .md-mb-12, .md-my-12 {
    margin-bottom: 3rem !important;
  }
  .md-pa-13 {
    padding: 3.25rem !important;
  }
  .md-pl-13, .md-px-13 {
    padding-left: 3.25rem !important;
  }
  .md-pr-13, .md-px-13 {
    padding-right: 3.25rem !important;
  }
  .md-pt-13, .md-py-13 {
    padding-top: 3.25rem !important;
  }
  .md-pb-13, .md-py-13 {
    padding-bottom: 3.25rem !important;
  }
  .md-ma-13 {
    margin: 3.25rem !important;
  }
  .md-ml-13, .md-mx-13 {
    margin-left: 3.25rem !important;
  }
  .md-mr-13, .md-mx-13 {
    margin-right: 3.25rem !important;
  }
  .md-mt-13, .md-my-13 {
    margin-top: 3.25rem !important;
  }
  .md-mb-13, .md-my-13 {
    margin-bottom: 3.25rem !important;
  }
  .md-pa-14 {
    padding: 3.5rem !important;
  }
  .md-pl-14, .md-px-14 {
    padding-left: 3.5rem !important;
  }
  .md-pr-14, .md-px-14 {
    padding-right: 3.5rem !important;
  }
  .md-pt-14, .md-py-14 {
    padding-top: 3.5rem !important;
  }
  .md-pb-14, .md-py-14 {
    padding-bottom: 3.5rem !important;
  }
  .md-ma-14 {
    margin: 3.5rem !important;
  }
  .md-ml-14, .md-mx-14 {
    margin-left: 3.5rem !important;
  }
  .md-mr-14, .md-mx-14 {
    margin-right: 3.5rem !important;
  }
  .md-mt-14, .md-my-14 {
    margin-top: 3.5rem !important;
  }
  .md-mb-14, .md-my-14 {
    margin-bottom: 3.5rem !important;
  }
  .md-pa-15 {
    padding: 3.75rem !important;
  }
  .md-pl-15, .md-px-15 {
    padding-left: 3.75rem !important;
  }
  .md-pr-15, .md-px-15 {
    padding-right: 3.75rem !important;
  }
  .md-pt-15, .md-py-15 {
    padding-top: 3.75rem !important;
  }
  .md-pb-15, .md-py-15 {
    padding-bottom: 3.75rem !important;
  }
  .md-ma-15 {
    margin: 3.75rem !important;
  }
  .md-ml-15, .md-mx-15 {
    margin-left: 3.75rem !important;
  }
  .md-mr-15, .md-mx-15 {
    margin-right: 3.75rem !important;
  }
  .md-mt-15, .md-my-15 {
    margin-top: 3.75rem !important;
  }
  .md-mb-15, .md-my-15 {
    margin-bottom: 3.75rem !important;
  }
  .md-pa-16 {
    padding: 4rem !important;
  }
  .md-pl-16, .md-px-16 {
    padding-left: 4rem !important;
  }
  .md-pr-16, .md-px-16 {
    padding-right: 4rem !important;
  }
  .md-pt-16, .md-py-16 {
    padding-top: 4rem !important;
  }
  .md-pb-16, .md-py-16 {
    padding-bottom: 4rem !important;
  }
  .md-ma-16 {
    margin: 4rem !important;
  }
  .md-ml-16, .md-mx-16 {
    margin-left: 4rem !important;
  }
  .md-mr-16, .md-mx-16 {
    margin-right: 4rem !important;
  }
  .md-mt-16, .md-my-16 {
    margin-top: 4rem !important;
  }
  .md-mb-16, .md-my-16 {
    margin-bottom: 4rem !important;
  }
  .md-flex-fit {
    flex: 1 1 0% !important;
  }
  .md-flex-auto {
    flex: 1 1 auto !important;
  }
  .md-flex-initial {
    flex: 0 1 auto !important;
  }
  .md-flex-full {
    flex: 0 1 100% !important;
  }
  .md-d-block {
    display: block !important;
  }
  .md-d-inline {
    display: inline !important;
  }
  .md-d-inline-block {
    display: inline-block !important;
  }
  .md-d-flex {
    display: flex !important;
  }
  .md-d-inline-flex {
    display: inline-flex !important;
  }
  .md-d-grid {
    display: grid !important;
  }
  .md-d-inline-grid {
    display: inline-grid !important;
  }
  .md-d-none {
    display: none !important;
  }
}
@media (min-width: 1281px) and (max-width: 1920px) {
  .lg-pa-0 {
    padding: 0rem !important;
  }
  .lg-pl-0, .lg-px-0 {
    padding-left: 0rem !important;
  }
  .lg-pr-0, .lg-px-0 {
    padding-right: 0rem !important;
  }
  .lg-pt-0, .lg-py-0 {
    padding-top: 0rem !important;
  }
  .lg-pb-0, .lg-py-0 {
    padding-bottom: 0rem !important;
  }
  .lg-ma-0 {
    margin: 0rem !important;
  }
  .lg-ml-0, .lg-mx-0 {
    margin-left: 0rem !important;
  }
  .lg-mr-0, .lg-mx-0 {
    margin-right: 0rem !important;
  }
  .lg-mt-0, .lg-my-0 {
    margin-top: 0rem !important;
  }
  .lg-mb-0, .lg-my-0 {
    margin-bottom: 0rem !important;
  }
  .lg-pa-1 {
    padding: 0.25rem !important;
  }
  .lg-pl-1, .lg-px-1 {
    padding-left: 0.25rem !important;
  }
  .lg-pr-1, .lg-px-1 {
    padding-right: 0.25rem !important;
  }
  .lg-pt-1, .lg-py-1 {
    padding-top: 0.25rem !important;
  }
  .lg-pb-1, .lg-py-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg-ma-1 {
    margin: 0.25rem !important;
  }
  .lg-ml-1, .lg-mx-1 {
    margin-left: 0.25rem !important;
  }
  .lg-mr-1, .lg-mx-1 {
    margin-right: 0.25rem !important;
  }
  .lg-mt-1, .lg-my-1 {
    margin-top: 0.25rem !important;
  }
  .lg-mb-1, .lg-my-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg-pa-2 {
    padding: 0.5rem !important;
  }
  .lg-pl-2, .lg-px-2 {
    padding-left: 0.5rem !important;
  }
  .lg-pr-2, .lg-px-2 {
    padding-right: 0.5rem !important;
  }
  .lg-pt-2, .lg-py-2 {
    padding-top: 0.5rem !important;
  }
  .lg-pb-2, .lg-py-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg-ma-2 {
    margin: 0.5rem !important;
  }
  .lg-ml-2, .lg-mx-2 {
    margin-left: 0.5rem !important;
  }
  .lg-mr-2, .lg-mx-2 {
    margin-right: 0.5rem !important;
  }
  .lg-mt-2, .lg-my-2 {
    margin-top: 0.5rem !important;
  }
  .lg-mb-2, .lg-my-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg-pa-3 {
    padding: 0.75rem !important;
  }
  .lg-pl-3, .lg-px-3 {
    padding-left: 0.75rem !important;
  }
  .lg-pr-3, .lg-px-3 {
    padding-right: 0.75rem !important;
  }
  .lg-pt-3, .lg-py-3 {
    padding-top: 0.75rem !important;
  }
  .lg-pb-3, .lg-py-3 {
    padding-bottom: 0.75rem !important;
  }
  .lg-ma-3 {
    margin: 0.75rem !important;
  }
  .lg-ml-3, .lg-mx-3 {
    margin-left: 0.75rem !important;
  }
  .lg-mr-3, .lg-mx-3 {
    margin-right: 0.75rem !important;
  }
  .lg-mt-3, .lg-my-3 {
    margin-top: 0.75rem !important;
  }
  .lg-mb-3, .lg-my-3 {
    margin-bottom: 0.75rem !important;
  }
  .lg-pa-4 {
    padding: 1rem !important;
  }
  .lg-pl-4, .lg-px-4 {
    padding-left: 1rem !important;
  }
  .lg-pr-4, .lg-px-4 {
    padding-right: 1rem !important;
  }
  .lg-pt-4, .lg-py-4 {
    padding-top: 1rem !important;
  }
  .lg-pb-4, .lg-py-4 {
    padding-bottom: 1rem !important;
  }
  .lg-ma-4 {
    margin: 1rem !important;
  }
  .lg-ml-4, .lg-mx-4 {
    margin-left: 1rem !important;
  }
  .lg-mr-4, .lg-mx-4 {
    margin-right: 1rem !important;
  }
  .lg-mt-4, .lg-my-4 {
    margin-top: 1rem !important;
  }
  .lg-mb-4, .lg-my-4 {
    margin-bottom: 1rem !important;
  }
  .lg-pa-5 {
    padding: 1.25rem !important;
  }
  .lg-pl-5, .lg-px-5 {
    padding-left: 1.25rem !important;
  }
  .lg-pr-5, .lg-px-5 {
    padding-right: 1.25rem !important;
  }
  .lg-pt-5, .lg-py-5 {
    padding-top: 1.25rem !important;
  }
  .lg-pb-5, .lg-py-5 {
    padding-bottom: 1.25rem !important;
  }
  .lg-ma-5 {
    margin: 1.25rem !important;
  }
  .lg-ml-5, .lg-mx-5 {
    margin-left: 1.25rem !important;
  }
  .lg-mr-5, .lg-mx-5 {
    margin-right: 1.25rem !important;
  }
  .lg-mt-5, .lg-my-5 {
    margin-top: 1.25rem !important;
  }
  .lg-mb-5, .lg-my-5 {
    margin-bottom: 1.25rem !important;
  }
  .lg-pa-6 {
    padding: 1.5rem !important;
  }
  .lg-pl-6, .lg-px-6 {
    padding-left: 1.5rem !important;
  }
  .lg-pr-6, .lg-px-6 {
    padding-right: 1.5rem !important;
  }
  .lg-pt-6, .lg-py-6 {
    padding-top: 1.5rem !important;
  }
  .lg-pb-6, .lg-py-6 {
    padding-bottom: 1.5rem !important;
  }
  .lg-ma-6 {
    margin: 1.5rem !important;
  }
  .lg-ml-6, .lg-mx-6 {
    margin-left: 1.5rem !important;
  }
  .lg-mr-6, .lg-mx-6 {
    margin-right: 1.5rem !important;
  }
  .lg-mt-6, .lg-my-6 {
    margin-top: 1.5rem !important;
  }
  .lg-mb-6, .lg-my-6 {
    margin-bottom: 1.5rem !important;
  }
  .lg-pa-7 {
    padding: 1.75rem !important;
  }
  .lg-pl-7, .lg-px-7 {
    padding-left: 1.75rem !important;
  }
  .lg-pr-7, .lg-px-7 {
    padding-right: 1.75rem !important;
  }
  .lg-pt-7, .lg-py-7 {
    padding-top: 1.75rem !important;
  }
  .lg-pb-7, .lg-py-7 {
    padding-bottom: 1.75rem !important;
  }
  .lg-ma-7 {
    margin: 1.75rem !important;
  }
  .lg-ml-7, .lg-mx-7 {
    margin-left: 1.75rem !important;
  }
  .lg-mr-7, .lg-mx-7 {
    margin-right: 1.75rem !important;
  }
  .lg-mt-7, .lg-my-7 {
    margin-top: 1.75rem !important;
  }
  .lg-mb-7, .lg-my-7 {
    margin-bottom: 1.75rem !important;
  }
  .lg-pa-8 {
    padding: 2rem !important;
  }
  .lg-pl-8, .lg-px-8 {
    padding-left: 2rem !important;
  }
  .lg-pr-8, .lg-px-8 {
    padding-right: 2rem !important;
  }
  .lg-pt-8, .lg-py-8 {
    padding-top: 2rem !important;
  }
  .lg-pb-8, .lg-py-8 {
    padding-bottom: 2rem !important;
  }
  .lg-ma-8 {
    margin: 2rem !important;
  }
  .lg-ml-8, .lg-mx-8 {
    margin-left: 2rem !important;
  }
  .lg-mr-8, .lg-mx-8 {
    margin-right: 2rem !important;
  }
  .lg-mt-8, .lg-my-8 {
    margin-top: 2rem !important;
  }
  .lg-mb-8, .lg-my-8 {
    margin-bottom: 2rem !important;
  }
  .lg-pa-9 {
    padding: 2.25rem !important;
  }
  .lg-pl-9, .lg-px-9 {
    padding-left: 2.25rem !important;
  }
  .lg-pr-9, .lg-px-9 {
    padding-right: 2.25rem !important;
  }
  .lg-pt-9, .lg-py-9 {
    padding-top: 2.25rem !important;
  }
  .lg-pb-9, .lg-py-9 {
    padding-bottom: 2.25rem !important;
  }
  .lg-ma-9 {
    margin: 2.25rem !important;
  }
  .lg-ml-9, .lg-mx-9 {
    margin-left: 2.25rem !important;
  }
  .lg-mr-9, .lg-mx-9 {
    margin-right: 2.25rem !important;
  }
  .lg-mt-9, .lg-my-9 {
    margin-top: 2.25rem !important;
  }
  .lg-mb-9, .lg-my-9 {
    margin-bottom: 2.25rem !important;
  }
  .lg-pa-10 {
    padding: 2.5rem !important;
  }
  .lg-pl-10, .lg-px-10 {
    padding-left: 2.5rem !important;
  }
  .lg-pr-10, .lg-px-10 {
    padding-right: 2.5rem !important;
  }
  .lg-pt-10, .lg-py-10 {
    padding-top: 2.5rem !important;
  }
  .lg-pb-10, .lg-py-10 {
    padding-bottom: 2.5rem !important;
  }
  .lg-ma-10 {
    margin: 2.5rem !important;
  }
  .lg-ml-10, .lg-mx-10 {
    margin-left: 2.5rem !important;
  }
  .lg-mr-10, .lg-mx-10 {
    margin-right: 2.5rem !important;
  }
  .lg-mt-10, .lg-my-10 {
    margin-top: 2.5rem !important;
  }
  .lg-mb-10, .lg-my-10 {
    margin-bottom: 2.5rem !important;
  }
  .lg-pa-11 {
    padding: 2.75rem !important;
  }
  .lg-pl-11, .lg-px-11 {
    padding-left: 2.75rem !important;
  }
  .lg-pr-11, .lg-px-11 {
    padding-right: 2.75rem !important;
  }
  .lg-pt-11, .lg-py-11 {
    padding-top: 2.75rem !important;
  }
  .lg-pb-11, .lg-py-11 {
    padding-bottom: 2.75rem !important;
  }
  .lg-ma-11 {
    margin: 2.75rem !important;
  }
  .lg-ml-11, .lg-mx-11 {
    margin-left: 2.75rem !important;
  }
  .lg-mr-11, .lg-mx-11 {
    margin-right: 2.75rem !important;
  }
  .lg-mt-11, .lg-my-11 {
    margin-top: 2.75rem !important;
  }
  .lg-mb-11, .lg-my-11 {
    margin-bottom: 2.75rem !important;
  }
  .lg-pa-12 {
    padding: 3rem !important;
  }
  .lg-pl-12, .lg-px-12 {
    padding-left: 3rem !important;
  }
  .lg-pr-12, .lg-px-12 {
    padding-right: 3rem !important;
  }
  .lg-pt-12, .lg-py-12 {
    padding-top: 3rem !important;
  }
  .lg-pb-12, .lg-py-12 {
    padding-bottom: 3rem !important;
  }
  .lg-ma-12 {
    margin: 3rem !important;
  }
  .lg-ml-12, .lg-mx-12 {
    margin-left: 3rem !important;
  }
  .lg-mr-12, .lg-mx-12 {
    margin-right: 3rem !important;
  }
  .lg-mt-12, .lg-my-12 {
    margin-top: 3rem !important;
  }
  .lg-mb-12, .lg-my-12 {
    margin-bottom: 3rem !important;
  }
  .lg-pa-13 {
    padding: 3.25rem !important;
  }
  .lg-pl-13, .lg-px-13 {
    padding-left: 3.25rem !important;
  }
  .lg-pr-13, .lg-px-13 {
    padding-right: 3.25rem !important;
  }
  .lg-pt-13, .lg-py-13 {
    padding-top: 3.25rem !important;
  }
  .lg-pb-13, .lg-py-13 {
    padding-bottom: 3.25rem !important;
  }
  .lg-ma-13 {
    margin: 3.25rem !important;
  }
  .lg-ml-13, .lg-mx-13 {
    margin-left: 3.25rem !important;
  }
  .lg-mr-13, .lg-mx-13 {
    margin-right: 3.25rem !important;
  }
  .lg-mt-13, .lg-my-13 {
    margin-top: 3.25rem !important;
  }
  .lg-mb-13, .lg-my-13 {
    margin-bottom: 3.25rem !important;
  }
  .lg-pa-14 {
    padding: 3.5rem !important;
  }
  .lg-pl-14, .lg-px-14 {
    padding-left: 3.5rem !important;
  }
  .lg-pr-14, .lg-px-14 {
    padding-right: 3.5rem !important;
  }
  .lg-pt-14, .lg-py-14 {
    padding-top: 3.5rem !important;
  }
  .lg-pb-14, .lg-py-14 {
    padding-bottom: 3.5rem !important;
  }
  .lg-ma-14 {
    margin: 3.5rem !important;
  }
  .lg-ml-14, .lg-mx-14 {
    margin-left: 3.5rem !important;
  }
  .lg-mr-14, .lg-mx-14 {
    margin-right: 3.5rem !important;
  }
  .lg-mt-14, .lg-my-14 {
    margin-top: 3.5rem !important;
  }
  .lg-mb-14, .lg-my-14 {
    margin-bottom: 3.5rem !important;
  }
  .lg-pa-15 {
    padding: 3.75rem !important;
  }
  .lg-pl-15, .lg-px-15 {
    padding-left: 3.75rem !important;
  }
  .lg-pr-15, .lg-px-15 {
    padding-right: 3.75rem !important;
  }
  .lg-pt-15, .lg-py-15 {
    padding-top: 3.75rem !important;
  }
  .lg-pb-15, .lg-py-15 {
    padding-bottom: 3.75rem !important;
  }
  .lg-ma-15 {
    margin: 3.75rem !important;
  }
  .lg-ml-15, .lg-mx-15 {
    margin-left: 3.75rem !important;
  }
  .lg-mr-15, .lg-mx-15 {
    margin-right: 3.75rem !important;
  }
  .lg-mt-15, .lg-my-15 {
    margin-top: 3.75rem !important;
  }
  .lg-mb-15, .lg-my-15 {
    margin-bottom: 3.75rem !important;
  }
  .lg-pa-16 {
    padding: 4rem !important;
  }
  .lg-pl-16, .lg-px-16 {
    padding-left: 4rem !important;
  }
  .lg-pr-16, .lg-px-16 {
    padding-right: 4rem !important;
  }
  .lg-pt-16, .lg-py-16 {
    padding-top: 4rem !important;
  }
  .lg-pb-16, .lg-py-16 {
    padding-bottom: 4rem !important;
  }
  .lg-ma-16 {
    margin: 4rem !important;
  }
  .lg-ml-16, .lg-mx-16 {
    margin-left: 4rem !important;
  }
  .lg-mr-16, .lg-mx-16 {
    margin-right: 4rem !important;
  }
  .lg-mt-16, .lg-my-16 {
    margin-top: 4rem !important;
  }
  .lg-mb-16, .lg-my-16 {
    margin-bottom: 4rem !important;
  }
  .lg-flex-fit {
    flex: 1 1 0% !important;
  }
  .lg-flex-auto {
    flex: 1 1 auto !important;
  }
  .lg-flex-initial {
    flex: 0 1 auto !important;
  }
  .lg-flex-full {
    flex: 0 1 100% !important;
  }
  .lg-d-block {
    display: block !important;
  }
  .lg-d-inline {
    display: inline !important;
  }
  .lg-d-inline-block {
    display: inline-block !important;
  }
  .lg-d-flex {
    display: flex !important;
  }
  .lg-d-inline-flex {
    display: inline-flex !important;
  }
  .lg-d-grid {
    display: grid !important;
  }
  .lg-d-inline-grid {
    display: inline-grid !important;
  }
  .lg-d-none {
    display: none !important;
  }
}
@media (min-width: 1921px) {
  .xl-pa-0 {
    padding: 0rem !important;
  }
  .xl-pl-0, .xl-px-0 {
    padding-left: 0rem !important;
  }
  .xl-pr-0, .xl-px-0 {
    padding-right: 0rem !important;
  }
  .xl-pt-0, .xl-py-0 {
    padding-top: 0rem !important;
  }
  .xl-pb-0, .xl-py-0 {
    padding-bottom: 0rem !important;
  }
  .xl-ma-0 {
    margin: 0rem !important;
  }
  .xl-ml-0, .xl-mx-0 {
    margin-left: 0rem !important;
  }
  .xl-mr-0, .xl-mx-0 {
    margin-right: 0rem !important;
  }
  .xl-mt-0, .xl-my-0 {
    margin-top: 0rem !important;
  }
  .xl-mb-0, .xl-my-0 {
    margin-bottom: 0rem !important;
  }
  .xl-pa-1 {
    padding: 0.25rem !important;
  }
  .xl-pl-1, .xl-px-1 {
    padding-left: 0.25rem !important;
  }
  .xl-pr-1, .xl-px-1 {
    padding-right: 0.25rem !important;
  }
  .xl-pt-1, .xl-py-1 {
    padding-top: 0.25rem !important;
  }
  .xl-pb-1, .xl-py-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl-ma-1 {
    margin: 0.25rem !important;
  }
  .xl-ml-1, .xl-mx-1 {
    margin-left: 0.25rem !important;
  }
  .xl-mr-1, .xl-mx-1 {
    margin-right: 0.25rem !important;
  }
  .xl-mt-1, .xl-my-1 {
    margin-top: 0.25rem !important;
  }
  .xl-mb-1, .xl-my-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl-pa-2 {
    padding: 0.5rem !important;
  }
  .xl-pl-2, .xl-px-2 {
    padding-left: 0.5rem !important;
  }
  .xl-pr-2, .xl-px-2 {
    padding-right: 0.5rem !important;
  }
  .xl-pt-2, .xl-py-2 {
    padding-top: 0.5rem !important;
  }
  .xl-pb-2, .xl-py-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl-ma-2 {
    margin: 0.5rem !important;
  }
  .xl-ml-2, .xl-mx-2 {
    margin-left: 0.5rem !important;
  }
  .xl-mr-2, .xl-mx-2 {
    margin-right: 0.5rem !important;
  }
  .xl-mt-2, .xl-my-2 {
    margin-top: 0.5rem !important;
  }
  .xl-mb-2, .xl-my-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl-pa-3 {
    padding: 0.75rem !important;
  }
  .xl-pl-3, .xl-px-3 {
    padding-left: 0.75rem !important;
  }
  .xl-pr-3, .xl-px-3 {
    padding-right: 0.75rem !important;
  }
  .xl-pt-3, .xl-py-3 {
    padding-top: 0.75rem !important;
  }
  .xl-pb-3, .xl-py-3 {
    padding-bottom: 0.75rem !important;
  }
  .xl-ma-3 {
    margin: 0.75rem !important;
  }
  .xl-ml-3, .xl-mx-3 {
    margin-left: 0.75rem !important;
  }
  .xl-mr-3, .xl-mx-3 {
    margin-right: 0.75rem !important;
  }
  .xl-mt-3, .xl-my-3 {
    margin-top: 0.75rem !important;
  }
  .xl-mb-3, .xl-my-3 {
    margin-bottom: 0.75rem !important;
  }
  .xl-pa-4 {
    padding: 1rem !important;
  }
  .xl-pl-4, .xl-px-4 {
    padding-left: 1rem !important;
  }
  .xl-pr-4, .xl-px-4 {
    padding-right: 1rem !important;
  }
  .xl-pt-4, .xl-py-4 {
    padding-top: 1rem !important;
  }
  .xl-pb-4, .xl-py-4 {
    padding-bottom: 1rem !important;
  }
  .xl-ma-4 {
    margin: 1rem !important;
  }
  .xl-ml-4, .xl-mx-4 {
    margin-left: 1rem !important;
  }
  .xl-mr-4, .xl-mx-4 {
    margin-right: 1rem !important;
  }
  .xl-mt-4, .xl-my-4 {
    margin-top: 1rem !important;
  }
  .xl-mb-4, .xl-my-4 {
    margin-bottom: 1rem !important;
  }
  .xl-pa-5 {
    padding: 1.25rem !important;
  }
  .xl-pl-5, .xl-px-5 {
    padding-left: 1.25rem !important;
  }
  .xl-pr-5, .xl-px-5 {
    padding-right: 1.25rem !important;
  }
  .xl-pt-5, .xl-py-5 {
    padding-top: 1.25rem !important;
  }
  .xl-pb-5, .xl-py-5 {
    padding-bottom: 1.25rem !important;
  }
  .xl-ma-5 {
    margin: 1.25rem !important;
  }
  .xl-ml-5, .xl-mx-5 {
    margin-left: 1.25rem !important;
  }
  .xl-mr-5, .xl-mx-5 {
    margin-right: 1.25rem !important;
  }
  .xl-mt-5, .xl-my-5 {
    margin-top: 1.25rem !important;
  }
  .xl-mb-5, .xl-my-5 {
    margin-bottom: 1.25rem !important;
  }
  .xl-pa-6 {
    padding: 1.5rem !important;
  }
  .xl-pl-6, .xl-px-6 {
    padding-left: 1.5rem !important;
  }
  .xl-pr-6, .xl-px-6 {
    padding-right: 1.5rem !important;
  }
  .xl-pt-6, .xl-py-6 {
    padding-top: 1.5rem !important;
  }
  .xl-pb-6, .xl-py-6 {
    padding-bottom: 1.5rem !important;
  }
  .xl-ma-6 {
    margin: 1.5rem !important;
  }
  .xl-ml-6, .xl-mx-6 {
    margin-left: 1.5rem !important;
  }
  .xl-mr-6, .xl-mx-6 {
    margin-right: 1.5rem !important;
  }
  .xl-mt-6, .xl-my-6 {
    margin-top: 1.5rem !important;
  }
  .xl-mb-6, .xl-my-6 {
    margin-bottom: 1.5rem !important;
  }
  .xl-pa-7 {
    padding: 1.75rem !important;
  }
  .xl-pl-7, .xl-px-7 {
    padding-left: 1.75rem !important;
  }
  .xl-pr-7, .xl-px-7 {
    padding-right: 1.75rem !important;
  }
  .xl-pt-7, .xl-py-7 {
    padding-top: 1.75rem !important;
  }
  .xl-pb-7, .xl-py-7 {
    padding-bottom: 1.75rem !important;
  }
  .xl-ma-7 {
    margin: 1.75rem !important;
  }
  .xl-ml-7, .xl-mx-7 {
    margin-left: 1.75rem !important;
  }
  .xl-mr-7, .xl-mx-7 {
    margin-right: 1.75rem !important;
  }
  .xl-mt-7, .xl-my-7 {
    margin-top: 1.75rem !important;
  }
  .xl-mb-7, .xl-my-7 {
    margin-bottom: 1.75rem !important;
  }
  .xl-pa-8 {
    padding: 2rem !important;
  }
  .xl-pl-8, .xl-px-8 {
    padding-left: 2rem !important;
  }
  .xl-pr-8, .xl-px-8 {
    padding-right: 2rem !important;
  }
  .xl-pt-8, .xl-py-8 {
    padding-top: 2rem !important;
  }
  .xl-pb-8, .xl-py-8 {
    padding-bottom: 2rem !important;
  }
  .xl-ma-8 {
    margin: 2rem !important;
  }
  .xl-ml-8, .xl-mx-8 {
    margin-left: 2rem !important;
  }
  .xl-mr-8, .xl-mx-8 {
    margin-right: 2rem !important;
  }
  .xl-mt-8, .xl-my-8 {
    margin-top: 2rem !important;
  }
  .xl-mb-8, .xl-my-8 {
    margin-bottom: 2rem !important;
  }
  .xl-pa-9 {
    padding: 2.25rem !important;
  }
  .xl-pl-9, .xl-px-9 {
    padding-left: 2.25rem !important;
  }
  .xl-pr-9, .xl-px-9 {
    padding-right: 2.25rem !important;
  }
  .xl-pt-9, .xl-py-9 {
    padding-top: 2.25rem !important;
  }
  .xl-pb-9, .xl-py-9 {
    padding-bottom: 2.25rem !important;
  }
  .xl-ma-9 {
    margin: 2.25rem !important;
  }
  .xl-ml-9, .xl-mx-9 {
    margin-left: 2.25rem !important;
  }
  .xl-mr-9, .xl-mx-9 {
    margin-right: 2.25rem !important;
  }
  .xl-mt-9, .xl-my-9 {
    margin-top: 2.25rem !important;
  }
  .xl-mb-9, .xl-my-9 {
    margin-bottom: 2.25rem !important;
  }
  .xl-pa-10 {
    padding: 2.5rem !important;
  }
  .xl-pl-10, .xl-px-10 {
    padding-left: 2.5rem !important;
  }
  .xl-pr-10, .xl-px-10 {
    padding-right: 2.5rem !important;
  }
  .xl-pt-10, .xl-py-10 {
    padding-top: 2.5rem !important;
  }
  .xl-pb-10, .xl-py-10 {
    padding-bottom: 2.5rem !important;
  }
  .xl-ma-10 {
    margin: 2.5rem !important;
  }
  .xl-ml-10, .xl-mx-10 {
    margin-left: 2.5rem !important;
  }
  .xl-mr-10, .xl-mx-10 {
    margin-right: 2.5rem !important;
  }
  .xl-mt-10, .xl-my-10 {
    margin-top: 2.5rem !important;
  }
  .xl-mb-10, .xl-my-10 {
    margin-bottom: 2.5rem !important;
  }
  .xl-pa-11 {
    padding: 2.75rem !important;
  }
  .xl-pl-11, .xl-px-11 {
    padding-left: 2.75rem !important;
  }
  .xl-pr-11, .xl-px-11 {
    padding-right: 2.75rem !important;
  }
  .xl-pt-11, .xl-py-11 {
    padding-top: 2.75rem !important;
  }
  .xl-pb-11, .xl-py-11 {
    padding-bottom: 2.75rem !important;
  }
  .xl-ma-11 {
    margin: 2.75rem !important;
  }
  .xl-ml-11, .xl-mx-11 {
    margin-left: 2.75rem !important;
  }
  .xl-mr-11, .xl-mx-11 {
    margin-right: 2.75rem !important;
  }
  .xl-mt-11, .xl-my-11 {
    margin-top: 2.75rem !important;
  }
  .xl-mb-11, .xl-my-11 {
    margin-bottom: 2.75rem !important;
  }
  .xl-pa-12 {
    padding: 3rem !important;
  }
  .xl-pl-12, .xl-px-12 {
    padding-left: 3rem !important;
  }
  .xl-pr-12, .xl-px-12 {
    padding-right: 3rem !important;
  }
  .xl-pt-12, .xl-py-12 {
    padding-top: 3rem !important;
  }
  .xl-pb-12, .xl-py-12 {
    padding-bottom: 3rem !important;
  }
  .xl-ma-12 {
    margin: 3rem !important;
  }
  .xl-ml-12, .xl-mx-12 {
    margin-left: 3rem !important;
  }
  .xl-mr-12, .xl-mx-12 {
    margin-right: 3rem !important;
  }
  .xl-mt-12, .xl-my-12 {
    margin-top: 3rem !important;
  }
  .xl-mb-12, .xl-my-12 {
    margin-bottom: 3rem !important;
  }
  .xl-pa-13 {
    padding: 3.25rem !important;
  }
  .xl-pl-13, .xl-px-13 {
    padding-left: 3.25rem !important;
  }
  .xl-pr-13, .xl-px-13 {
    padding-right: 3.25rem !important;
  }
  .xl-pt-13, .xl-py-13 {
    padding-top: 3.25rem !important;
  }
  .xl-pb-13, .xl-py-13 {
    padding-bottom: 3.25rem !important;
  }
  .xl-ma-13 {
    margin: 3.25rem !important;
  }
  .xl-ml-13, .xl-mx-13 {
    margin-left: 3.25rem !important;
  }
  .xl-mr-13, .xl-mx-13 {
    margin-right: 3.25rem !important;
  }
  .xl-mt-13, .xl-my-13 {
    margin-top: 3.25rem !important;
  }
  .xl-mb-13, .xl-my-13 {
    margin-bottom: 3.25rem !important;
  }
  .xl-pa-14 {
    padding: 3.5rem !important;
  }
  .xl-pl-14, .xl-px-14 {
    padding-left: 3.5rem !important;
  }
  .xl-pr-14, .xl-px-14 {
    padding-right: 3.5rem !important;
  }
  .xl-pt-14, .xl-py-14 {
    padding-top: 3.5rem !important;
  }
  .xl-pb-14, .xl-py-14 {
    padding-bottom: 3.5rem !important;
  }
  .xl-ma-14 {
    margin: 3.5rem !important;
  }
  .xl-ml-14, .xl-mx-14 {
    margin-left: 3.5rem !important;
  }
  .xl-mr-14, .xl-mx-14 {
    margin-right: 3.5rem !important;
  }
  .xl-mt-14, .xl-my-14 {
    margin-top: 3.5rem !important;
  }
  .xl-mb-14, .xl-my-14 {
    margin-bottom: 3.5rem !important;
  }
  .xl-pa-15 {
    padding: 3.75rem !important;
  }
  .xl-pl-15, .xl-px-15 {
    padding-left: 3.75rem !important;
  }
  .xl-pr-15, .xl-px-15 {
    padding-right: 3.75rem !important;
  }
  .xl-pt-15, .xl-py-15 {
    padding-top: 3.75rem !important;
  }
  .xl-pb-15, .xl-py-15 {
    padding-bottom: 3.75rem !important;
  }
  .xl-ma-15 {
    margin: 3.75rem !important;
  }
  .xl-ml-15, .xl-mx-15 {
    margin-left: 3.75rem !important;
  }
  .xl-mr-15, .xl-mx-15 {
    margin-right: 3.75rem !important;
  }
  .xl-mt-15, .xl-my-15 {
    margin-top: 3.75rem !important;
  }
  .xl-mb-15, .xl-my-15 {
    margin-bottom: 3.75rem !important;
  }
  .xl-pa-16 {
    padding: 4rem !important;
  }
  .xl-pl-16, .xl-px-16 {
    padding-left: 4rem !important;
  }
  .xl-pr-16, .xl-px-16 {
    padding-right: 4rem !important;
  }
  .xl-pt-16, .xl-py-16 {
    padding-top: 4rem !important;
  }
  .xl-pb-16, .xl-py-16 {
    padding-bottom: 4rem !important;
  }
  .xl-ma-16 {
    margin: 4rem !important;
  }
  .xl-ml-16, .xl-mx-16 {
    margin-left: 4rem !important;
  }
  .xl-mr-16, .xl-mx-16 {
    margin-right: 4rem !important;
  }
  .xl-mt-16, .xl-my-16 {
    margin-top: 4rem !important;
  }
  .xl-mb-16, .xl-my-16 {
    margin-bottom: 4rem !important;
  }
  .xl-flex-fit {
    flex: 1 1 0% !important;
  }
  .xl-flex-auto {
    flex: 1 1 auto !important;
  }
  .xl-flex-initial {
    flex: 0 1 auto !important;
  }
  .xl-flex-full {
    flex: 0 1 100% !important;
  }
  .xl-d-block {
    display: block !important;
  }
  .xl-d-inline {
    display: inline !important;
  }
  .xl-d-inline-block {
    display: inline-block !important;
  }
  .xl-d-flex {
    display: flex !important;
  }
  .xl-d-inline-flex {
    display: inline-flex !important;
  }
  .xl-d-grid {
    display: grid !important;
  }
  .xl-d-inline-grid {
    display: inline-grid !important;
  }
  .xl-d-none {
    display: none !important;
  }
}
.kt-heading-display, .kt-heading-l1, .kt-heading-l2, .kt-scheduler.summary .scheduler-header .scheduler-header-main .date, .kt-heading-l3, .kt-scheduler.summary .day-section .day-label, .kt-scheduler.full .scheduler-header .scheduler-header-main .date, .kt-heading-l4, .kt-card .kt-card-header {
  display: block;
  line-height: 140%;
}

.kt-heading-display {
  font-family: mokoko, serif;
  font-weight: 900;
  color: var(--heading-display-color);
  font-size: 4rem;
  margin-block: 1em;
  text-shadow: 0px 0.25rem 0.25rem var(--shadow-color);
}

.kt-heading-l1, .kt-heading-l2, .kt-scheduler.summary .scheduler-header .scheduler-header-main .date, .kt-heading-l3, .kt-scheduler.summary .day-section .day-label, .kt-scheduler.full .scheduler-header .scheduler-header-main .date, .kt-heading-l4, .kt-card .kt-card-header {
  font-family: mokoko, serif;
  font-weight: 700;
  margin-block: 1.5em 1em;
}

.kt-heading-l1 {
  color: var(--heading-l1-color);
  font-size: 2rem;
}

.kt-heading-l2, .kt-scheduler.summary .scheduler-header .scheduler-header-main .date {
  color: var(--heading-l2-color);
  font-size: 1.5rem;
}

.kt-heading-l3, .kt-scheduler.summary .day-section .day-label, .kt-scheduler.full .scheduler-header .scheduler-header-main .date {
  color: var(--heading-l3-color);
  font-size: 1.25rem;
}

.kt-heading-l4, .kt-card .kt-card-header {
  color: var(--heading-l4-color);
  font-size: 1rem;
}

.kt-icon {
  speak: none;
  -webkit-user-select: none;
  user-select: none;
}

.kt-icon.danger {
  color: var(--danger-color);
}

.kt-icon.warning {
  color: var(--warning-color);
}

.kt-icon.success {
  color: var(--success-color);
}

.kt-icon.info {
  color: var(--info-color);
}

.kt-icon.decorative {
  color: var(--icon-decorative-color);
}

.kt-icon.small {
  font-size: 1.25rem;
}

.kt-icon.medium {
  font-size: 1.5rem;
}

.kt-icon.large {
  font-size: 2.5rem;
}

.kt-icon.extra-large {
  font-size: 3rem;
}

.kt-color-icon {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 1px solid var(--gray-50);
}

.kt-select li:hover .kt-color-icon, .kt-select li.selected .kt-color-icon,
.kt-autocomplete li:hover .kt-color-icon,
.kt-autocomplete li.selected .kt-color-icon {
  outline: 2px solid var(--input-hover-1-color);
}

.kt-header {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  box-shadow: 0 0.0625rem 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  transition: box-shadow 0.5s ease;
}
.kt-header .header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  color: var(--header-main-text-color);
  background: var(--header-main-background-color);
  border-bottom: 1px solid var(--header-main-border-color);
  height: 3.5rem;
  padding: 0 1.5rem;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
.kt-header .header-main .header-left,
.kt-header .header-main .header-center,
.kt-header .header-main .header-right {
  display: flex;
}
.kt-header .header-main .header-mobile-left,
.kt-header .header-main .header-mobile-right {
  display: none;
}
.kt-header .header-main .header-left,
.kt-header .header-main .header-center,
.kt-header .header-main .header-right,
.kt-header .header-main .header-mobile-left,
.kt-header .header-main .header-mobile-right {
  align-items: center;
  gap: 2rem;
  flex: 1;
  height: 100%;
}
.kt-header .header-main.prioritize-left .header-left {
  flex: 100%;
}
.kt-header .header-main.prioritize-center .header-center {
  flex: 100%;
}
.kt-header .header-main.prioritize-right .header-right {
  flex: 100%;
}
.kt-header .header-main .header-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
}
.kt-header .header-main .header-left,
.kt-header .header-main .header-mobile-left {
  justify-content: flex-start;
}
.kt-header .header-main .header-left a,
.kt-header .header-main .header-mobile-left a {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
}
.kt-header .header-main .header-center {
  justify-content: center;
}
.kt-header .header-main .header-center .header-content {
  flex: 1;
  justify-content: center;
}
.kt-header .header-main .header-right,
.kt-header .header-main .header-mobile-right {
  justify-content: flex-end;
}
.kt-header .header-main .header-full-title {
  display: flex;
  gap: 1rem;
}
.kt-header .header-main .header-logo {
  font-size: 2rem;
}
.kt-header .header-main .header-title {
  display: flex;
  align-items: baseline;
  font-family: mokoko, serif;
  font-weight: 700;
  font-size: 2rem;
  font-style: italic;
  font-variant-caps: small-caps;
  white-space: nowrap;
  line-height: 100%;
  -webkit-user-select: none;
  user-select: none;
}
.kt-header .header-main .header-title .header-title-kwik-logo {
  color: var(--header-title-kwik-logo-color);
  margin-right: 0.125em;
}
.kt-header .header-main .header-title .header-title-text {
  color: var(--header-title-text-color);
  opacity: 0.9;
}
.kt-header .header-main .kt-nav {
  height: 100%;
}
.kt-header .header-main .kt-nav .nav-list .kt-nav-item .nav-button {
  background: var(--header-main-nav-background-color);
  color: var(--header-main-nav-text-color);
}
.kt-header .header-main .kt-nav .nav-list .kt-nav-item .nav-button:hover {
  color: var(--header-main-nav-text-hover-color);
  background: var(--header-main-nav-background-hover-color);
}
.kt-header .header-main .kt-nav .nav-list .kt-nav-item.active .nav-button {
  color: var(--header-main-nav-active-text-color);
  background: var(--header-main-nav-active-background-color);
}
.kt-header .header-main .kt-nav .nav-list .kt-nav-item.active .nav-button:hover {
  color: var(--header-main-nav-active-text-hover-color);
  background: var(--header-main-nav-active-background-hover-color);
}
.kt-header .header-main .kt-nav .nav-list .kt-nav-item.active:after {
  background: var(--header-main-nav-active-accent-color);
}
.kt-header .header-main .kt-nav .nav-list .kt-nav-item.active:has(.nav-button:hover):after {
  background: var(--header-main-nav-active-accent-hover-color);
}
.kt-header .header-nav {
  display: flex;
  justify-content: center;
  height: 4rem;
  color: var(--header-nav-text-color);
  background: var(--header-nav-background-color);
  border-bottom: 1px solid var(--header-nav-border-color);
  transition: all 0.5s ease;
  box-sizing: border-box;
}
.kt-header .kt-nav .nav-list .kt-nav-item .nav-button {
  height: 100%;
}
.kt-header .header-mobile-menu-content {
  display: none;
  justify-content: start;
  align-items: start;
  position: fixed;
  inset: 0;
  margin-top: var(--header-height-scrolled, var(--header-height));
  background: var(--obscure-color);
  z-index: 1;
  animation: fade-out-from-flex 0.5s ease;
  transition: margin-top 0.2s ease;
}
.kt-header .header-mobile-menu-content.open {
  display: flex;
  animation: fade-in 0.5s ease;
}
.kt-header .header-mobile-menu-content.open .header-mobile-menu {
  display: flex;
  animation: mobile-nav-slide-in-left 0.5s ease;
}
.kt-header .header-mobile-menu-content .header-mobile-menu {
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: var(--sidebar-text-color);
  background: var(--sidebar-background-color);
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  transform: translate(0, 0);
  animation: mobile-nav-slide-out-left 0.5s ease;
  box-sizing: border-box;
}
.kt-header .header-mobile-menu-content .header-mobile-menu .header-mobile-nav {
  overflow-y: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  transform: translate(0, 0);
  padding: 1rem 0;
}
.kt-header .header-mobile-menu-content .header-mobile-menu .mobile-nav-list,
.kt-header .header-mobile-menu-content .header-mobile-menu .header-mobile-additional {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.kt-header .header-mobile-menu-content .header-mobile-menu .mobile-nav-list {
  list-style: none;
  overflow-y: auto;
}
.kt-header .header-mobile-menu-content .header-mobile-menu .header-mobile-additional {
  padding-bottom: 1rem;
}
.kt-header .header-mobile-menu-content .header-mobile-menu .header-mobile-additional .kt-settings-menu {
  display: block;
  position: relative;
  top: 0;
  width: 100%;
  min-width: unset;
  transform: none;
  background: none;
  box-shadow: none;
  animation: none;
  overflow-y: auto;
}
.kt-header .header-mobile-menu-content .header-mobile-menu .header-mobile-additional .kt-settings-menu .modal-header {
  padding-left: 0;
  padding-right: 0;
}
.kt-header .header-mobile-menu-content .header-mobile-menu .header-mobile-additional .kt-settings-menu .modal-header .kt-button {
  display: none;
}
.kt-header .header-mobile-menu-content .header-mobile-menu .header-mobile-additional .kt-settings-menu .modal-main {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.kt-header.remove-transitions .header-main,
.kt-header.remove-transitions .header-nav {
  transition: none;
}

.kt-page.page-scrolled .kt-header {
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
}
.kt-page.page-scrolled .kt-header .header-main {
  height: 3rem;
}
.kt-page.page-scrolled .kt-header .header-nav {
  height: 3.5rem;
}
.kt-page:has(.kt-header) {
  --header-height: 3.5rem;
}
.kt-page:has(.kt-header .header-nav) {
  --header-height: 7.5rem;
}
.kt-page.page-scrolled:has(.kt-header) {
  --header-height-scrolled: 3rem;
}
.kt-page.page-scrolled:has(.kt-header .header-nav) {
  --header-height-scrolled: 6.5rem;
}
.kt-page.show-environment .kt-header::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 0.25rem;
  background-image: repeating-linear-gradient(-45deg, var(--environment-color) 0 1.25rem, var(--environment-accent-color, var(--environment-color)) 1.25rem 2.5rem);
  pointer-events: none;
}
.kt-page.show-environment .header-title::after {
  content: var(--environment-name);
  font-size: 0.6875rem;
  position: absolute;
  line-height: 100%;
  bottom: 0.125rem;
  right: 0;
  transform: translateY(100%);
  text-shadow: 0 0 0.5rem var(--environment-color), 0 0 0.25rem var(--environment-color), 0 0 0.125rem var(--environment-color);
  pointer-events: none;
}

@media all and (max-width: 960px) {
  .kt-header .header-main {
    padding: 0 1rem;
  }
  .kt-header .header-main .header-left {
    justify-content: center;
    flex: auto !important;
    overflow: hidden;
  }
  .kt-header .header-main .header-left .header-content {
    display: none;
  }
  .kt-header .header-main .header-center,
  .kt-header .header-main .header-right {
    display: none;
  }
  .kt-header .header-main .header-mobile-left,
  .kt-header .header-main .header-mobile-right {
    display: flex;
  }
  .kt-header .header-nav {
    display: none;
  }
  .kt-page:has(.kt-header .header-nav) {
    --header-height: 3.5rem;
  }
  .kt-page.page-scrolled:has(.kt-header .header-nav) {
    --header-height-scrolled: 3rem;
  }
}
.kt-sidebar {
  display: flex;
  position: sticky;
  flex-direction: column;
  justify-content: space-between;
  padding-top: var(--header-height-scrolled, var(--header-height));
  top: 0;
  width: var(--sidebar-width, 16rem);
  height: 100vh;
  color: var(--sidebar-text-color);
  background: var(--sidebar-background-color);
  box-shadow: 0 0.0625rem 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  box-sizing: border-box;
  z-index: 90;
  transition: margin-left 0.5s ease, margin-right 0.5s ease, opacity 0.5s ease, padding-top 0.5s ease;
  opacity: 0;
}
.kt-sidebar.open {
  opacity: 1;
}
.kt-sidebar:first-child {
  border-right: 1px solid var(--sidebar-border-color);
  margin-left: calc(-1 * var(--sidebar-width, 16rem));
}
.kt-sidebar:first-child.open {
  margin-left: 0;
}
.kt-sidebar:last-child {
  border-left: 1px solid var(--sidebar-border-color);
  margin-right: calc(-1 * var(--sidebar-width, 16rem));
}
.kt-sidebar:last-child.open {
  margin-right: 0;
}
.kt-sidebar .sidebar-additional {
  display: flex;
  padding: 0 1.5rem 1rem 1.5rem;
  overflow: clip;
}
.kt-sidebar .kt-nav {
  padding: 1rem 0;
  overflow: hidden;
}
.kt-sidebar .kt-nav .nav-list {
  flex: 1;
  width: 100%;
  padding: 0 1.5rem;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
.kt-sidebar .kt-nav .nav-list,
.kt-sidebar .sidebar-additional {
  flex-direction: column;
  gap: 1rem;
  transition: padding 0.5s ease;
}
.kt-sidebar .kt-nav-item {
  padding: 0;
}
.kt-sidebar .kt-nav-item:after {
  display: none;
}
.kt-sidebar .kt-nav-item .nav-button {
  position: relative;
  justify-content: flex-start;
  min-height: 3rem;
  width: 100%;
}
.kt-sidebar .kt-nav-item .nav-button:before {
  content: "";
  position: absolute;
  height: 100%;
  left: -0.75rem;
  top: 0;
  width: 0.25rem;
  background: none;
  border-radius: 0rem 0.125rem 0.125rem 0rem;
  transition: background 0.2s ease, left 0.5s ease;
}
.kt-sidebar .kt-nav-item.active > .nav-button:before, .kt-sidebar .kt-nav-item:has(.kt-nav-item.active) > .nav-button:before {
  background: var(--nav-active-text-color);
}
.kt-sidebar .kt-nav-item.active > .nav-button:hover:before, .kt-sidebar .kt-nav-item:has(.kt-nav-item.active) > .nav-button:hover:before {
  background: var(--nav-active-text-hover-color);
}
.kt-sidebar .kt-nav-group .nav-group-list .kt-nav-item .nav-button:before {
  display: none;
}
.kt-sidebar.fixed {
  position: fixed;
  z-index: 95;
}
.kt-sidebar.fixed .collapse-button {
  display: none;
}
.kt-sidebar.fixed:first-child {
  left: 0;
}
.kt-sidebar.fixed:last-child {
  right: 0;
}
.kt-sidebar.collapsible {
  width: 3rem;
  margin-left: 0;
  margin-right: 0;
  transition: width 0.5s ease, padding-top 0.5s ease;
  opacity: 1;
}
.kt-sidebar.collapsible .collapse-icon {
  transition: transform 0.2s ease;
}
.kt-sidebar.collapsible .title-content {
  transition: opacity 0.5s ease;
}
.kt-sidebar.collapsible.open {
  width: var(--sidebar-width, 16rem);
}
.kt-sidebar.collapsible.open .collapse-icon {
  transform: rotate(-180deg);
}
.kt-sidebar.collapsible:not(.open) .sidebar-additional {
  padding: 0 0.25rem 1rem 0.25rem;
}
.kt-sidebar.collapsible:not(.open) .kt-nav .nav-list {
  padding: 0 0.25rem;
}
.kt-sidebar.collapsible:not(.open) .title-content {
  opacity: 0;
  white-space: nowrap;
}
.kt-sidebar.collapsible:not(.open) .kt-nav-item .nav-button:before {
  left: -0.25rem;
}
.kt-sidebar.collapsible:last-child {
  border-right: none;
}
.kt-sidebar.collapsible:last-child .collapse-icon {
  transform: rotate(-180deg);
}
.kt-sidebar.collapsible:last-child.open .collapse-icon {
  transform: rotate(0);
}

.kt-footer {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  bottom: 0;
  z-index: 90;
}
.kt-footer .mission-statement {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 3rem;
  color: var(--footer-mission-statement-text-color);
  background: var(--footer-mission-statement-background-color);
}
.kt-footer .mission-statement h2 {
  font-family: mokoko, serif;
  font-weight: 700;
  font-size: 1.125rem;
  color: var(--text-onsurface-1-color);
  white-space: nowrap;
}
.kt-footer .footer-main {
  padding: 3rem;
  color: var(--footer-main-text-color);
  background: var(--footer-main-background-color);
}
.kt-footer .footer-main .footer-body {
  display: flex;
  gap: 1.5rem;
}
.kt-footer .footer-main .footer-body .footer-business-info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 16.875rem;
}
.kt-footer .footer-main .footer-content {
  display: flex;
}
.kt-footer .footer-main .footer-mobile-content {
  display: none;
}
.kt-footer .footer-main .footer-content,
.kt-footer .footer-main .footer-mobile-content {
  justify-content: start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem 1.5rem;
  flex: 1;
}
.kt-footer .footer-main .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.kt-footer .footer-main .footer-bottom .footer-copyright {
  white-space: nowrap;
}
.kt-footer .footer-main .footer-bottom .footer-additional-content {
  flex: 1;
  display: flex;
  justify-content: end;
  gap: 1.5rem;
}
.kt-footer .kt-mega-menu-section {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.kt-footer .kt-mega-menu-section h2 {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 140%;
}
.kt-footer .kt-mega-menu-section hr {
  display: none;
}
.kt-footer .kt-mega-menu-section .mega-menu-lists {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.kt-footer .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  width: 16.875rem;
  list-style: none;
}
.kt-footer .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list .kt-mega-menu-link a {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 140%;
  color: var(--footer-main-text-color);
  text-decoration: none;
  white-space: normal;
}
.kt-footer .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list .kt-mega-menu-link a .link-content {
  border: none;
}
.kt-footer .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list .kt-mega-menu-link a .link-content:after {
  border-bottom-color: var(--footer-main-text-color);
}

@media all and (max-width: 960px) {
  .kt-footer .mission-statement {
    padding: 1.5rem 2rem;
  }
  .kt-footer .footer-main .footer-body .footer-content {
    display: none;
  }
  .kt-footer .footer-main .footer-body .footer-mobile-content {
    display: flex;
  }
}
@media all and (max-width: 600px) {
  .kt-footer .mission-statement {
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
  }
  .kt-footer .footer-main .footer-bottom .footer-copyright {
    order: 1;
  }
  .kt-footer .footer-main .footer-bottom .footer-additional-content {
    flex: 0 1 100%;
  }
}
.kt-link {
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  color: inherit;
}
.kt-link .link-content {
  position: relative;
}
.kt-link .link-content:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  transition: width 0.2s ease;
}
.kt-link:hover .link-content:after, .kt-link:focus .link-content:after {
  width: 100%;
}
.kt-link .medium.external-icon {
  font-size: 1em;
  vertical-align: text-bottom;
  margin-left: 0.25rem;
  margin-bottom: 1px;
}

.kt-link.normal {
  color: var(--link-color);
  transition: color 0.2s ease;
}
.kt-link.normal:hover, .kt-link.normal:focus {
  color: var(--link-hover-color);
}
.kt-link.normal .link-content {
  border-bottom: 1px solid var(--link-color);
}
.kt-link.normal .link-content:after {
  border-bottom: 2px solid var(--link-hover-color);
}

.kt-nav {
  display: flex;
}
.kt-nav .nav-list {
  display: flex;
  gap: 0.625rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.kt-nav-item {
  position: relative;
  padding: 0.5rem 0;
  box-sizing: border-box;
}
.kt-nav-item > a.nav-button {
  text-decoration: none;
}
.kt-nav-item > button {
  border: none;
  text-align: left;
}
.kt-nav-item > .nav-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.5rem;
  box-sizing: border-box;
  transition: all 0.2s ease;
  border-radius: 0.5rem;
  background: var(--nav-background-color);
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 140%;
  line-height: 100%;
  color: var(--nav-text-color);
  cursor: pointer;
}
.kt-nav-item > .nav-button:hover {
  color: var(--nav-text-hover-color);
  background: var(--nav-background-hover-color);
}
.kt-nav-item > .nav-button .title-content {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.kt-nav-item.active > .nav-button, .kt-nav-item:has(.kt-nav-item.active) > .nav-button {
  color: var(--nav-active-text-color);
  background: var(--nav-active-background-color);
}
.kt-nav-item.active > .nav-button:hover, .kt-nav-item:has(.kt-nav-item.active) > .nav-button:hover {
  color: var(--nav-active-text-hover-color);
  background: var(--nav-active-background-hover-color);
}
.kt-nav-item.active:after, .kt-nav-item:has(.kt-nav-item.active):after {
  background: var(--nav-active-text-color);
}
.kt-nav-item.active:has(> a:hover, > button:hover):after, .kt-nav-item:has(.kt-nav-item.active):has(> a:hover, > button:hover):after {
  background: var(--nav-active-text-hover-color);
}
.kt-nav-item:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 0.25rem;
  background: none;
  border-radius: 0.125rem 0.125rem 0rem 0rem;
  transition: background 0.2s ease;
}

.kt-nav-group .expand-icon {
  transition: transform 0.2s ease;
}
.kt-nav-group .nav-group-content {
  display: none;
  padding-top: 0.5rem;
}
.kt-nav-group.has-mega-menu .nav-group-content {
  padding-top: 0;
  position: fixed;
  inset: 0;
  width: 100vw;
  margin-top: var(--header-height-scrolled, var(--header-height));
  background: var(--obscure-color);
  z-index: 1;
  animation: fade-out-from-flex 0.5s ease;
  transition: margin-top 0.2s ease;
}
.kt-nav-group.has-mega-menu .nav-group-content .kt-mega-menu {
  animation: slide-out-top 0.5s ease;
}
.kt-nav-group.expanded:not(.locked) > .nav-button > .expand-icon {
  transform: rotate(-180deg);
}
.kt-nav-group.expanded > .nav-group-content {
  display: block;
}
.kt-nav-group.expanded.has-mega-menu .nav-group-content {
  animation: fade-in 0.5s ease;
}
.kt-nav-group.expanded.has-mega-menu .nav-group-content .kt-mega-menu {
  animation: slide-in-top 0.5s ease;
}
.kt-nav-group .nav-group-list {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  padding: 0 0 0 1.75rem;
}
.kt-nav-group .nav-group-list:before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0;
  width: 0.25rem;
  height: 100%;
  background: var(--nav-group-list-accent-color);
  border-radius: 0.125rem;
}
.kt-nav-group.has-mega-menu .nav-group-list {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0;
}
.kt-nav-group.has-mega-menu .nav-group-list:before {
  display: none;
}

.kt-mobile-nav-item {
  position: relative;
}
.kt-mobile-nav-item > a.mobile-nav-button {
  text-decoration: none;
}
.kt-mobile-nav-item > button {
  border: none;
  text-align: left;
}
.kt-mobile-nav-item.active > .mobile-nav-button {
  color: var(--nav-active-text-color);
  background: var(--nav-active-background-color);
}
.kt-mobile-nav-item.active > .mobile-nav-button:hover {
  color: var(--nav-active-text-hover-color);
  background: var(--nav-active-background-hover-color);
}
.kt-mobile-nav-item.active:before {
  background: var(--nav-active-text-color);
}
.kt-mobile-nav-item.active:has(> a:hover, > button:hover):before {
  background: var(--nav-active-text-hover-color);
}
.kt-mobile-nav-item:before {
  content: "";
  position: absolute;
  height: 100%;
  left: -0.75rem;
  top: 0;
  width: 0.25rem;
  background: none;
  border-radius: 0rem 0.125rem 0.125rem 0rem;
  transition: background 0.2s ease;
}

.kt-mobile-nav-item > .mobile-nav-button,
.kt-mobile-expansion-panel > .panel-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  min-height: 3rem;
  padding: 0.5rem;
  box-sizing: border-box;
  transition: all 0.2s ease;
  border-radius: 0.5rem;
  background: inherit;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 140%;
  line-height: 100%;
  color: inherit;
  cursor: pointer;
}
.kt-mobile-nav-item > .mobile-nav-button:hover,
.kt-mobile-expansion-panel > .panel-title:hover {
  color: var(--nav-text-hover-color);
  background: var(--nav-background-hover-color);
}

.kt-mobile-nav-group .mobile-group-arrow {
  flex: 1;
  text-align: right;
}

.kt-mobile-nav-group .mobile-nav-group-content {
  display: none;
  position: fixed;
  inset: 0;
  overflow-x: hidden;
  z-index: 1;
  animation: fade-out-from-flex 0.5s ease;
}
.kt-mobile-nav-group .mobile-nav-group-content.show {
  display: block;
  animation: fade-in 0.5s ease;
}
.kt-mobile-nav-group .mobile-nav-group-content.show .mobile-nav-group-menu {
  display: flex;
  animation: mobile-nav-slide-in-right 0.5s ease;
}
.kt-mobile-nav-group .mobile-nav-group-content .mobile-nav-group-menu {
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: var(--sidebar-text-color);
  background: var(--sidebar-background-color);
  animation: mobile-nav-slide-out-left 0.5s ease;
  box-sizing: border-box;
}
.kt-mobile-nav-group .mobile-nav-group-content .mobile-nav-group-menu .mobile-nav-group-menu-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-y: hidden;
  flex: 1;
  padding: 1rem 1.5rem;
}

.kt-mobile-expansion-panels-wrapper {
  flex: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5rem;
}
.kt-mobile-expansion-panels-wrapper:before, .kt-mobile-expansion-panels-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 1;
  transition: box-shadow 0.2s ease;
}
.kt-mobile-expansion-panels-wrapper:before {
  box-shadow: 0 0.75rem 0.5rem -0.5rem transparent inset;
}
.kt-mobile-expansion-panels-wrapper:after {
  box-shadow: 0 -0.75rem 0.5rem -0.5rem transparent inset;
}
.kt-mobile-expansion-panels-wrapper:has(> .kt-mobile-expansion-panels-container.scrolled-top):before {
  box-shadow: 0 0.75rem 0.5rem -0.5rem var(--shadow-color) inset;
}
.kt-mobile-expansion-panels-wrapper:has(> .kt-mobile-expansion-panels-container.scrolled-bottom):after {
  box-shadow: 0 -0.75rem 0.5rem -0.5rem var(--shadow-color) inset;
}

.kt-mobile-expansion-panels-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
  background: var(--mobile-expansion-panels-background-color);
  overflow-y: auto;
}

.kt-mobile-expansion-panels {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.kt-mobile-expansion-panel {
  display: flex;
  flex-direction: column;
}
.kt-mobile-expansion-panel .expand-icon {
  transition: transform 0.2s ease;
}
.kt-mobile-expansion-panel.expanded:not(.locked) .expand-icon {
  transform: rotate(-180deg);
}
.kt-mobile-expansion-panel .panel {
  display: none;
  padding-top: 0.5rem;
}
.kt-mobile-expansion-panel.expanded .panel {
  display: block;
}
.kt-mobile-expansion-panel .mobile-expansion-panel-list {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 0.5rem;
  list-style: none;
  padding: 0 0 0 1.75rem;
}
.kt-mobile-expansion-panel .mobile-expansion-panel-list:before {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0;
  width: 0.25rem;
  height: 100%;
  background: var(--mobile-expansion-panel-list-accent-color);
  border-radius: 0.125rem;
}

.kt-mega-menu {
  display: flex;
  flex-direction: column;
  padding: 3rem;
  color: var(--mega-menu-text-color);
  background: var(--mega-menu-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  flex-basis: 96rem;
  max-height: 100%;
  box-sizing: border-box;
}
.kt-mega-menu .mega-menu-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.kt-mega-menu .mega-menu-main {
  display: flex;
  justify-content: left;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem 1.5rem;
  margin-right: -3rem;
  overflow-y: auto;
}
.kt-mega-menu .kt-mega-menu-section h2 {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 140%;
  color: var(--mega-menu-heading-color);
}
.kt-mega-menu .kt-mega-menu-section hr {
  margin: 0.875rem 0;
}
.kt-mega-menu .kt-mega-menu-section .mega-menu-lists {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.kt-mega-menu .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  width: 13.75rem;
  list-style: none;
}
.kt-mega-menu .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list .kt-mega-menu-link a {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 140%;
  color: var(--mega-menu-link-color);
  text-decoration: none;
  white-space: normal;
}
.kt-mega-menu .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list .kt-mega-menu-link a:hover, .kt-mega-menu .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list .kt-mega-menu-link a:focus {
  color: var(--mega-menu-link-hover-color);
}
.kt-mega-menu .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list .kt-mega-menu-link a .link-content {
  border: none;
}
.kt-mega-menu .kt-mega-menu-section .mega-menu-lists .kt-mega-menu-list .kt-mega-menu-link a .link-content:after {
  border-bottom-color: var(--mega-menu-link-hover-color);
}

.kt-breadcrumbs ol {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: var(--breadcrumbs-text-color);
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
}
.kt-breadcrumbs ol li {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.kt-breadcrumbs ol li::after {
  content: var(--breadcrumbs-separator);
}
.kt-breadcrumbs ol li:last-child::after {
  display: none;
}

.kt-menu {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  padding: 0;
}
.kt-menu .input-adornment.select-arrow {
  position: absolute;
  right: 0;
  pointer-events: none;
}
.kt-menu .options {
  color: var(--select-options-text-color);
  background: var(--select-options-background-color);
  border: 1px solid var(--select-options-border-color);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  box-sizing: border-box;
}
.kt-menu .options.show-below {
  display: block;
}
.kt-menu .options.show-above {
  display: block;
  transform: translateY(calc(-100% - 0.5rem));
}
.kt-menu .options ul,
.kt-menu .options menu {
  list-style: none;
  padding: 0.25rem 0;
  overflow-y: auto;
  max-height: 17.875rem;
}
.kt-menu .options ul .kt-select-option,
.kt-menu .options ul .kt-menu-option,
.kt-menu .options menu .kt-select-option,
.kt-menu .options menu .kt-menu-option {
  cursor: pointer;
  min-height: 2.625rem;
  text-decoration: none;
  white-space: nowrap;
  color: inherit;
}
.kt-menu .options ul .kt-select-option:hover:not(.disabled), .kt-menu .options ul .kt-select-option:focus-visible:not(.disabled), .kt-menu .options ul .kt-select-option.selected:not(.disabled),
.kt-menu .options ul .kt-menu-option:hover:not(.disabled),
.kt-menu .options ul .kt-menu-option:focus-visible:not(.disabled),
.kt-menu .options ul .kt-menu-option.selected:not(.disabled),
.kt-menu .options menu .kt-select-option:hover:not(.disabled),
.kt-menu .options menu .kt-select-option:focus-visible:not(.disabled),
.kt-menu .options menu .kt-select-option.selected:not(.disabled),
.kt-menu .options menu .kt-menu-option:hover:not(.disabled),
.kt-menu .options menu .kt-menu-option:focus-visible:not(.disabled),
.kt-menu .options menu .kt-menu-option.selected:not(.disabled) {
  color: var(--select-options-text-hover-color);
  background: var(--select-options-background-hover-color);
}
.kt-menu .options ul .kt-select-option.disabled,
.kt-menu .options ul .kt-menu-option.disabled,
.kt-menu .options menu .kt-select-option.disabled,
.kt-menu .options menu .kt-menu-option.disabled {
  color: var(--input-disabled-color);
  cursor: default;
}
.kt-menu .display-value {
  position: absolute;
  inset: 0;
  color: var(--field-text-color);
  z-index: 1;
  pointer-events: none;
  padding: 0 0.5rem;
  box-sizing: border-box;
  overflow: hidden;
}
.kt-menu .select-arrow + .display-value {
  padding-right: 2.5rem;
}
.kt-menu.disabled .display-value {
  color: var(--input-disabled-color);
}
.kt-menu.show {
  visibility: visible;
  opacity: 1;
}
.kt-menu.show.top {
  animation: slide-in-bottom-fixed-6 0.2s ease;
}
.kt-menu.show.bottom {
  animation: slide-in-top-fixed-6 0.2s ease;
}
.kt-menu.show.left {
  animation: slide-in-right-fixed-6 0.2s ease;
}
.kt-menu.show.right {
  animation: slide-in-left-fixed-6 0.2s ease;
}
.kt-menu .options {
  position: relative;
  display: block;
}
.kt-menu .options button.kt-menu-option {
  color: inherit;
  background: inherit;
  border: unset;
  border-radius: unset;
  width: 100%;
}
.kt-menu .options .kt-menu-option:focus {
  outline: none;
}
.kt-menu .kt-menu {
  padding: 0 0.25rem;
}
.kt-menu.show.top {
  animation: slide-in-bottom-fixed-6 0.2s ease, enable-pointer-events 0.2s step-end forwards;
}
.kt-menu.show.bottom {
  animation: slide-in-top-fixed-6 0.2s ease, enable-pointer-events 0.2s step-end forwards;
}
.kt-menu.show.left {
  animation: slide-in-right-fixed-6 0.2s ease, enable-pointer-events 0.2s step-end forwards;
}
.kt-menu.show.right {
  animation: slide-in-left-fixed-6 0.2s ease, enable-pointer-events 0.2s step-end forwards;
}

@keyframes mobile-nav-slide-in-left {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes mobile-nav-slide-out-left {
  0% {
    transform: translate(0, 0);
    display: flex;
  }
  100% {
    transform: translate(-100%, 0);
    display: none;
  }
}
@keyframes mobile-nav-slide-in-right {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes mobile-nav-slide-out-right {
  0% {
    transform: translate(0, 0);
    display: flex;
  }
  100% {
    transform: translate(100%, 0);
    display: none;
  }
}
@media all and (min-width: 601px) {
  .kt-header .header-mobile-menu-content .header-mobile-menu,
  .kt-mobile-nav-group .mobile-nav-group-content {
    max-width: 24.375rem;
  }
}
@media all and (min-width: 961px) {
  .kt-header .header-mobile-menu-content {
    display: none !important;
  }
}
.kt-button {
  font-family: mokoko, serif;
  font-weight: 700;
  display: inline-block;
  position: relative;
  vertical-align: top;
  border: none;
  border-radius: 0.5rem;
  padding: 0;
  transition: background 0.2s ease;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
.kt-button:hover:not(.disabled) {
  cursor: pointer;
}
.kt-button:focus-visible:not(.disabled) {
  outline: 2px solid var(--outline-focus-color);
}
.kt-button .button-boundary {
  display: block;
  top: -4px;
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  box-sizing: border-box;
  transition: border-bottom-color 0.2s ease;
  cursor: inherit;
}
.kt-button .button-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
  transform: translateY(4px);
  border-style: solid;
  border-width: 1px;
  border-radius: 0.5rem;
  padding: 0 11px;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
  white-space: nowrap;
}
.kt-button .disabled-icon {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 1.2rem;
  color: white;
}
.kt-button:hover:not(.disabled) .button-content, .kt-button:focus-visible:not(.disabled) .button-content {
  transform: translateY(0px);
}
.kt-button:focus-within:not(.disabled, :focus-visible) .button-content {
  transform: translateY(4px);
}
.kt-button:active:not(.disabled) .button-content {
  transform: translateY(8px) !important;
}
.kt-button.disabled {
  background: var(--input-disabled-color);
}
.kt-button.disabled .button-boundary {
  border-bottom: 1px solid var(--input-disabled-color);
}
.kt-button.disabled:hover .button-boundary {
  border-bottom-color: hsl(0deg, 0%, 50%);
}
.kt-button.disabled .button-content {
  color: var(--body-color);
  background: var(--input-disabled-color);
  border-color: var(--input-disabled-color);
}
.kt-button.disabled:hover .button-content {
  color: hsl(0deg, 0%, 50%);
  background: hsl(0deg, 0%, 50%);
  border-color: hsl(0deg, 0%, 50%);
}
.kt-button.disabled .disabled-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.kt-button.disabled:hover .disabled-icon {
  opacity: 1;
}
.kt-button.square .button-content {
  padding: 0;
}

.kt-button:not(.disabled).primary {
  background: none;
}
.kt-button:not(.disabled).primary:hover {
  background: var(--button-primary-accent-color);
}
.kt-button:not(.disabled).primary .button-boundary {
  border-bottom: 1px solid var(--button-primary-border-color);
}
.kt-button:not(.disabled).primary.toggled .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).primary:hover .button-boundary, .kt-button:not(.disabled).primary:focus-visible .button-boundary {
  border-bottom-color: var(--button-primary-accent-color);
}
.kt-button:not(.disabled).primary:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--button-primary-border-hover-color);
}
.kt-button:not(.disabled).primary.toggled:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).primary .button-content {
  color: var(--button-primary-text-color);
  background: var(--button-primary-background-color);
  border-color: var(--button-primary-border-color);
  box-shadow: 0 4px 0 0 var(--button-primary-border-color);
}
.kt-button:not(.disabled).primary:hover .button-content, .kt-button:not(.disabled).primary:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--button-primary-accent-color);
}
.kt-button:not(.disabled).primary:hover .button-content, .kt-button:not(.disabled).primary:focus-within:hover .button-content, .kt-button:not(.disabled).primary:focus-visible .button-content {
  color: var(--button-primary-text-hover-color);
  background: var(--button-primary-background-hover-color);
  border-color: var(--button-primary-border-hover-color);
}
.kt-button:not(.disabled).primary.toggled .button-content, .kt-button:not(.disabled).primary.toggled:hover .button-content {
  color: var(--text-on-tertiary-color);
  background: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.kt-button:not(.disabled).primary:active {
  background: var(--button-primary-accent-color);
}
.kt-button:not(.disabled).primary:active .button-boundary {
  border-bottom-color: var(--button-primary-border-color);
}
.kt-button:not(.disabled).primary:active:hover .button-boundary, .kt-button:not(.disabled).primary:active:focus-visible .button-boundary {
  border-bottom-color: var(--button-primary-border-hover-color);
}
.kt-button:not(.disabled).primary:active.toggled .button-boundary, .kt-button:not(.disabled).primary:active.toggled:hover .button-boundary, .kt-button:not(.disabled).primary:active.toggled:focus-visible .button-boundary {
  border-bottom-color: var(--tertiary-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).primary:hover .button-boundary, .kt-button:not(.disabled).primary:focus-visible .button-boundary {
    border-bottom-color: var(--button-primary-border-hover-color);
  }
}
.kt-button:not(.disabled).secondary {
  background: none;
}
.kt-button:not(.disabled).secondary:hover {
  background: var(--button-secondary-accent-color);
}
.kt-button:not(.disabled).secondary .button-boundary {
  border-bottom: 1px solid var(--button-secondary-border-color);
}
.kt-button:not(.disabled).secondary.toggled .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).secondary:hover .button-boundary, .kt-button:not(.disabled).secondary:focus-visible .button-boundary {
  border-bottom-color: var(--button-secondary-accent-color);
}
.kt-button:not(.disabled).secondary:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--button-secondary-border-hover-color);
}
.kt-button:not(.disabled).secondary.toggled:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).secondary .button-content {
  color: var(--button-secondary-text-color);
  background: var(--button-secondary-background-color);
  border-color: var(--button-secondary-border-color);
  box-shadow: 0 4px 0 0 var(--button-secondary-border-color);
}
.kt-button:not(.disabled).secondary:hover .button-content, .kt-button:not(.disabled).secondary:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--button-secondary-accent-color);
}
.kt-button:not(.disabled).secondary:hover .button-content, .kt-button:not(.disabled).secondary:focus-within:hover .button-content, .kt-button:not(.disabled).secondary:focus-visible .button-content {
  color: var(--button-secondary-text-hover-color);
  background: var(--button-secondary-background-hover-color);
  border-color: var(--button-secondary-border-hover-color);
}
.kt-button:not(.disabled).secondary.toggled .button-content, .kt-button:not(.disabled).secondary.toggled:hover .button-content {
  color: var(--text-on-tertiary-color);
  background: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.kt-button:not(.disabled).secondary:active {
  background: var(--button-secondary-accent-color);
}
.kt-button:not(.disabled).secondary:active .button-boundary {
  border-bottom-color: var(--button-secondary-border-color);
}
.kt-button:not(.disabled).secondary:active:hover .button-boundary, .kt-button:not(.disabled).secondary:active:focus-visible .button-boundary {
  border-bottom-color: var(--button-secondary-border-hover-color);
}
.kt-button:not(.disabled).secondary:active.toggled .button-boundary, .kt-button:not(.disabled).secondary:active.toggled:hover .button-boundary, .kt-button:not(.disabled).secondary:active.toggled:focus-visible .button-boundary {
  border-bottom-color: var(--tertiary-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).secondary:hover .button-boundary, .kt-button:not(.disabled).secondary:focus-visible .button-boundary {
    border-bottom-color: var(--button-secondary-border-hover-color);
  }
}
.kt-button:not(.disabled).tertiary {
  background: none;
}
.kt-button:not(.disabled).tertiary:hover {
  background: var(--button-tertiary-accent-color);
}
.kt-button:not(.disabled).tertiary .button-boundary {
  border-bottom: 1px solid var(--button-tertiary-border-color);
}
.kt-button:not(.disabled).tertiary.toggled .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).tertiary:hover .button-boundary, .kt-button:not(.disabled).tertiary:focus-visible .button-boundary {
  border-bottom-color: var(--button-tertiary-accent-color);
}
.kt-button:not(.disabled).tertiary:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--button-tertiary-border-hover-color);
}
.kt-button:not(.disabled).tertiary.toggled:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).tertiary .button-content {
  color: var(--button-tertiary-text-color);
  background: var(--button-tertiary-background-color);
  border-color: var(--button-tertiary-border-color);
  box-shadow: 0 4px 0 0 var(--button-tertiary-border-color);
}
.kt-button:not(.disabled).tertiary:hover .button-content, .kt-button:not(.disabled).tertiary:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--button-tertiary-accent-color);
}
.kt-button:not(.disabled).tertiary:hover .button-content, .kt-button:not(.disabled).tertiary:focus-within:hover .button-content, .kt-button:not(.disabled).tertiary:focus-visible .button-content {
  color: var(--button-tertiary-text-hover-color);
  background: var(--button-tertiary-background-hover-color);
  border-color: var(--button-tertiary-border-hover-color);
}
.kt-button:not(.disabled).tertiary.toggled .button-content, .kt-button:not(.disabled).tertiary.toggled:hover .button-content {
  color: var(--text-on-tertiary-color);
  background: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.kt-button:not(.disabled).tertiary:active {
  background: var(--button-tertiary-accent-color);
}
.kt-button:not(.disabled).tertiary:active .button-boundary {
  border-bottom-color: var(--button-tertiary-border-color);
}
.kt-button:not(.disabled).tertiary:active:hover .button-boundary, .kt-button:not(.disabled).tertiary:active:focus-visible .button-boundary {
  border-bottom-color: var(--button-tertiary-border-hover-color);
}
.kt-button:not(.disabled).tertiary:active.toggled .button-boundary, .kt-button:not(.disabled).tertiary:active.toggled:hover .button-boundary, .kt-button:not(.disabled).tertiary:active.toggled:focus-visible .button-boundary {
  border-bottom-color: var(--tertiary-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).tertiary:hover .button-boundary, .kt-button:not(.disabled).tertiary:focus-visible .button-boundary {
    border-bottom-color: var(--button-tertiary-border-hover-color);
  }
}
.kt-button:not(.disabled).icon {
  background: none;
}
.kt-button:not(.disabled).icon .button-boundary {
  border-bottom: 1px solid var(--button-icon-border-color);
}
.kt-button:not(.disabled).icon.toggled .button-boundary {
  border-bottom-color: var(--button-icon-border-hover-color);
}
.kt-button:not(.disabled).icon:hover .button-boundary, .kt-button:not(.disabled).icon:focus-visible .button-boundary {
  border-bottom-color: var(--button-icon-accent-color);
}
.kt-button:not(.disabled).icon:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--button-icon-border-hover-color);
}
.kt-button:not(.disabled).icon .button-content {
  color: var(--button-icon-text-color);
  background: var(--button-icon-background-color);
  border-color: var(--button-icon-border-color);
  box-shadow: 0 4px 0 0 var(--button-icon-border-color);
}
.kt-button:not(.disabled).icon:hover .button-content, .kt-button:not(.disabled).icon:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--button-icon-accent-color);
}
.kt-button:not(.disabled).icon:hover .button-content, .kt-button:not(.disabled).icon:active .button-content, .kt-button:not(.disabled).icon:focus-within:hover .button-content, .kt-button:not(.disabled).icon:focus-visible .button-content, .kt-button:not(.disabled).icon.toggled .button-content {
  color: var(--button-icon-text-hover-color);
  background: var(--button-icon-background-hover-color);
  border-color: var(--button-icon-border-hover-color);
}
.kt-button:not(.disabled).icon:active {
  background: var(--button-icon-accent-color);
}
.kt-button:not(.disabled).icon:active .button-boundary {
  border-bottom-color: var(--button-icon-border-hover-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).icon:hover .button-boundary, .kt-button:not(.disabled).icon:focus-visible .button-boundary {
    border-bottom-color: var(--button-icon-border-hover-color);
  }
}
.kt-button:not(.disabled).header {
  background: none;
}
.kt-button:not(.disabled).header .button-boundary {
  border-bottom: 1px solid var(--button-header-border-color);
}
.kt-button:not(.disabled).header.toggled .button-boundary {
  border-bottom-color: var(--button-header-border-hover-color);
}
.kt-button:not(.disabled).header:hover .button-boundary, .kt-button:not(.disabled).header:focus-visible .button-boundary {
  border-bottom-color: var(--button-header-accent-color);
}
.kt-button:not(.disabled).header:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--button-header-border-hover-color);
}
.kt-button:not(.disabled).header .button-content {
  color: var(--button-header-text-color);
  background: var(--button-header-background-color);
  border-color: var(--button-header-border-color);
  box-shadow: 0 4px 0 0 var(--button-header-border-color);
}
.kt-button:not(.disabled).header:hover .button-content, .kt-button:not(.disabled).header:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--button-header-accent-color);
}
.kt-button:not(.disabled).header:hover .button-content, .kt-button:not(.disabled).header:active .button-content, .kt-button:not(.disabled).header:focus-within:hover .button-content, .kt-button:not(.disabled).header:focus-visible .button-content, .kt-button:not(.disabled).header.toggled .button-content {
  color: var(--button-header-text-hover-color);
  background: var(--button-header-background-hover-color);
  border-color: var(--button-header-border-hover-color);
}
.kt-button:not(.disabled).header:active {
  background: var(--button-header-accent-color);
}
.kt-button:not(.disabled).header:active .button-boundary {
  border-bottom-color: var(--button-header-border-hover-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).header:hover .button-boundary, .kt-button:not(.disabled).header:focus-visible .button-boundary {
    border-bottom-color: var(--button-header-border-hover-color);
  }
}
.kt-button:not(.disabled).danger {
  background: none;
}
.kt-button:not(.disabled).danger:hover {
  background: var(--danger-accent-color);
}
.kt-button:not(.disabled).danger .button-boundary {
  border-bottom: 1px solid var(--danger-color);
}
.kt-button:not(.disabled).danger.toggled .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).danger:hover .button-boundary, .kt-button:not(.disabled).danger:focus-visible .button-boundary {
  border-bottom-color: var(--danger-accent-color);
}
.kt-button:not(.disabled).danger:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--danger-hover-color);
}
.kt-button:not(.disabled).danger.toggled:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).danger .button-content {
  color: var(--danger-text-color);
  background: var(--danger-color);
  border-color: var(--danger-color);
  box-shadow: 0 4px 0 0 var(--danger-color);
}
.kt-button:not(.disabled).danger:hover .button-content, .kt-button:not(.disabled).danger:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--danger-accent-color);
}
.kt-button:not(.disabled).danger:hover .button-content, .kt-button:not(.disabled).danger:focus-within:hover .button-content, .kt-button:not(.disabled).danger:focus-visible .button-content {
  color: var(--danger-text-hover-color);
  background: var(--danger-hover-color);
  border-color: var(--danger-hover-color);
}
.kt-button:not(.disabled).danger.toggled .button-content, .kt-button:not(.disabled).danger.toggled:hover .button-content {
  color: var(--text-on-tertiary-color);
  background: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.kt-button:not(.disabled).danger:active {
  background: var(--danger-accent-color);
}
.kt-button:not(.disabled).danger:active .button-boundary {
  border-bottom-color: var(--danger-color);
}
.kt-button:not(.disabled).danger:active:hover .button-boundary, .kt-button:not(.disabled).danger:active:focus-visible .button-boundary {
  border-bottom-color: var(--danger-hover-color);
}
.kt-button:not(.disabled).danger:active.toggled .button-boundary, .kt-button:not(.disabled).danger:active.toggled:hover .button-boundary, .kt-button:not(.disabled).danger:active.toggled:focus-visible .button-boundary {
  border-bottom-color: var(--tertiary-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).danger:hover .button-boundary, .kt-button:not(.disabled).danger:focus-visible .button-boundary {
    border-bottom-color: var(--danger-hover-color);
  }
}
.kt-button:not(.disabled).warning {
  background: none;
}
.kt-button:not(.disabled).warning:hover {
  background: var(--warning-accent-color);
}
.kt-button:not(.disabled).warning .button-boundary {
  border-bottom: 1px solid var(--warning-color);
}
.kt-button:not(.disabled).warning.toggled .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).warning:hover .button-boundary, .kt-button:not(.disabled).warning:focus-visible .button-boundary {
  border-bottom-color: var(--warning-accent-color);
}
.kt-button:not(.disabled).warning:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--warning-hover-color);
}
.kt-button:not(.disabled).warning.toggled:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).warning .button-content {
  color: var(--warning-text-color);
  background: var(--warning-color);
  border-color: var(--warning-color);
  box-shadow: 0 4px 0 0 var(--warning-color);
}
.kt-button:not(.disabled).warning:hover .button-content, .kt-button:not(.disabled).warning:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--warning-accent-color);
}
.kt-button:not(.disabled).warning:hover .button-content, .kt-button:not(.disabled).warning:focus-within:hover .button-content, .kt-button:not(.disabled).warning:focus-visible .button-content {
  color: var(--warning-text-hover-color);
  background: var(--warning-hover-color);
  border-color: var(--warning-hover-color);
}
.kt-button:not(.disabled).warning.toggled .button-content, .kt-button:not(.disabled).warning.toggled:hover .button-content {
  color: var(--text-on-tertiary-color);
  background: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.kt-button:not(.disabled).warning:active {
  background: var(--warning-accent-color);
}
.kt-button:not(.disabled).warning:active .button-boundary {
  border-bottom-color: var(--warning-color);
}
.kt-button:not(.disabled).warning:active:hover .button-boundary, .kt-button:not(.disabled).warning:active:focus-visible .button-boundary {
  border-bottom-color: var(--warning-hover-color);
}
.kt-button:not(.disabled).warning:active.toggled .button-boundary, .kt-button:not(.disabled).warning:active.toggled:hover .button-boundary, .kt-button:not(.disabled).warning:active.toggled:focus-visible .button-boundary {
  border-bottom-color: var(--tertiary-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).warning:hover .button-boundary, .kt-button:not(.disabled).warning:focus-visible .button-boundary {
    border-bottom-color: var(--warning-hover-color);
  }
}
.kt-button:not(.disabled).success {
  background: none;
}
.kt-button:not(.disabled).success:hover {
  background: var(--success-accent-color);
}
.kt-button:not(.disabled).success .button-boundary {
  border-bottom: 1px solid var(--success-color);
}
.kt-button:not(.disabled).success.toggled .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).success:hover .button-boundary, .kt-button:not(.disabled).success:focus-visible .button-boundary {
  border-bottom-color: var(--success-accent-color);
}
.kt-button:not(.disabled).success:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--success-hover-color);
}
.kt-button:not(.disabled).success.toggled:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).success .button-content {
  color: var(--success-text-color);
  background: var(--success-color);
  border-color: var(--success-color);
  box-shadow: 0 4px 0 0 var(--success-color);
}
.kt-button:not(.disabled).success:hover .button-content, .kt-button:not(.disabled).success:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--success-accent-color);
}
.kt-button:not(.disabled).success:hover .button-content, .kt-button:not(.disabled).success:focus-within:hover .button-content, .kt-button:not(.disabled).success:focus-visible .button-content {
  color: var(--success-text-hover-color);
  background: var(--success-hover-color);
  border-color: var(--success-hover-color);
}
.kt-button:not(.disabled).success.toggled .button-content, .kt-button:not(.disabled).success.toggled:hover .button-content {
  color: var(--text-on-tertiary-color);
  background: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.kt-button:not(.disabled).success:active {
  background: var(--success-accent-color);
}
.kt-button:not(.disabled).success:active .button-boundary {
  border-bottom-color: var(--success-color);
}
.kt-button:not(.disabled).success:active:hover .button-boundary, .kt-button:not(.disabled).success:active:focus-visible .button-boundary {
  border-bottom-color: var(--success-hover-color);
}
.kt-button:not(.disabled).success:active.toggled .button-boundary, .kt-button:not(.disabled).success:active.toggled:hover .button-boundary, .kt-button:not(.disabled).success:active.toggled:focus-visible .button-boundary {
  border-bottom-color: var(--tertiary-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).success:hover .button-boundary, .kt-button:not(.disabled).success:focus-visible .button-boundary {
    border-bottom-color: var(--success-hover-color);
  }
}
.kt-button:not(.disabled).info {
  background: none;
}
.kt-button:not(.disabled).info:hover {
  background: var(--info-accent-color);
}
.kt-button:not(.disabled).info .button-boundary {
  border-bottom: 1px solid var(--info-color);
}
.kt-button:not(.disabled).info.toggled .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).info:hover .button-boundary, .kt-button:not(.disabled).info:focus-visible .button-boundary {
  border-bottom-color: var(--info-accent-color);
}
.kt-button:not(.disabled).info:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--info-hover-color);
}
.kt-button:not(.disabled).info.toggled:focus-within:hover:not(:focus-visible) .button-boundary {
  border-bottom-color: var(--tertiary-color);
}
.kt-button:not(.disabled).info .button-content {
  color: var(--info-text-color);
  background: var(--info-color);
  border-color: var(--info-color);
  box-shadow: 0 4px 0 0 var(--info-color);
}
.kt-button:not(.disabled).info:hover .button-content, .kt-button:not(.disabled).info:focus-visible .button-content {
  box-shadow: 0 4px 0 0 var(--info-accent-color);
}
.kt-button:not(.disabled).info:hover .button-content, .kt-button:not(.disabled).info:focus-within:hover .button-content, .kt-button:not(.disabled).info:focus-visible .button-content {
  color: var(--info-text-hover-color);
  background: var(--info-hover-color);
  border-color: var(--info-hover-color);
}
.kt-button:not(.disabled).info.toggled .button-content, .kt-button:not(.disabled).info.toggled:hover .button-content {
  color: var(--text-on-tertiary-color);
  background: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.kt-button:not(.disabled).info:active {
  background: var(--info-accent-color);
}
.kt-button:not(.disabled).info:active .button-boundary {
  border-bottom-color: var(--info-color);
}
.kt-button:not(.disabled).info:active:hover .button-boundary, .kt-button:not(.disabled).info:active:focus-visible .button-boundary {
  border-bottom-color: var(--info-hover-color);
}
.kt-button:not(.disabled).info:active.toggled .button-boundary, .kt-button:not(.disabled).info:active.toggled:hover .button-boundary, .kt-button:not(.disabled).info:active.toggled:focus-visible .button-boundary {
  border-bottom-color: var(--tertiary-color);
}

@media (hover: none) {
  .kt-button:not(.disabled).info:hover .button-boundary, .kt-button:not(.disabled).info:focus-visible .button-boundary {
    border-bottom-color: var(--info-hover-color);
  }
}
.kt-button.large {
  height: 56px;
  font-size: 1rem;
}
.kt-button.large .button-boundary {
  height: 60px;
}
.kt-button.large .button-content {
  height: 56px;
}
.kt-button.large .disabled-icon {
  height: 56px;
}
.kt-button.large.square .button-content {
  min-width: 56px;
}

.kt-button.medium {
  height: 48px;
  font-size: 1rem;
}
.kt-button.medium .button-boundary {
  height: 52px;
}
.kt-button.medium .button-content {
  height: 48px;
}
.kt-button.medium .disabled-icon {
  height: 48px;
}
.kt-button.medium.square .button-content {
  min-width: 48px;
}

.kt-button.small {
  height: 32px;
  font-size: 0.75rem;
}
.kt-button.small .button-boundary {
  height: 36px;
}
.kt-button.small .button-content {
  height: 32px;
}
.kt-button.small .disabled-icon {
  height: 32px;
}
.kt-button.small.square .button-content {
  min-width: 32px;
}

.kt-theme-button {
  width: 6rem;
  padding: 0.5rem 0.5rem 0 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  border-radius: 0.5rem;
  color: var(--theme-button-text-color);
  background: var(--theme-button-background-color);
  transition: all 0.2s ease;
}
.kt-theme-button:has(.theme-icon:hover) {
  color: var(--theme-button-text-hover-color);
  background: var(--theme-button-background-hover-color);
}
.kt-theme-button.selected {
  color: var(--theme-button-active-text-color);
  background: var(--theme-button-active-background-color);
}
.kt-theme-button.selected:has(.theme-icon:hover) {
  color: var(--theme-button-active-text-hover-color);
  background: var(--theme-button-active-background-hover-color);
}
.kt-theme-button.selected:has(.theme-icon:hover):after {
  background: var(--theme-button-active-text-hover-color);
}
.kt-theme-button.selected:after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -0.5rem;
  height: 0.25rem;
  background: var(--theme-button-active-text-color);
  border-radius: 0.125rem 0.125rem 0rem 0rem;
  transition: background 0.2s ease;
}
.kt-theme-button .theme-icon {
  height: 96px;
}
.kt-theme-button .theme-icon .button-boundary {
  height: 100px;
}
.kt-theme-button .theme-icon .button-content {
  height: 96px;
  width: 96px;
  padding: 4px;
  overflow: hidden;
}
.kt-theme-button .theme-icon-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}
.kt-theme-button .theme-icon-header {
  display: block;
  background: var(--header-main-background-color);
  height: 12px;
}
.kt-theme-button .theme-icon-page {
  display: block;
  background: var(--body-color);
  flex: 1;
}
.kt-theme-button .theme-icon-footer {
  display: block;
  background: var(--footer-main-background-color);
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kt-theme-button .theme-icon-text {
  display: block;
  background: var(--text-color);
  height: 4px;
  margin: 2px 4px;
}
.kt-theme-button .theme-icon-input,
.kt-theme-button .theme-icon-button {
  height: 8px;
  flex: 1;
  margin: 2px;
}
.kt-theme-button .theme-icon-input {
  display: flex;
  justify-content: right;
  align-items: center;
  background: var(--field-background-color);
}
.kt-theme-button .theme-icon-input-decoration {
  display: block;
  background: var(--select-decoration-color);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 2px;
}
.kt-theme-button .theme-icon-button {
  display: block;
  background: var(--button-primary-background-color);
}
.kt-theme-button .theme-icon-heading-l1 {
  display: block;
  background: var(--heading-l1-color);
  height: 4px;
  margin: 2px 4px;
  width: 50%;
}
.kt-theme-button .theme-icon-table {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0 2px;
}
.kt-theme-button .theme-icon-table-header {
  display: block;
  background: var(--table-th-background-color);
  height: 4px;
}
.kt-theme-button .theme-icon-table-row-odd {
  display: block;
  background: var(--table-td-background-color);
  height: 4px;
}
.kt-theme-button .theme-icon-table-row-even {
  display: block;
  background: var(--table-td-alt-background-color);
  height: 4px;
}
.kt-theme-button .theme-icon-link {
  display: block;
  background: var(--footer-main-text-color);
  height: 4px;
  width: 16px;
}
.kt-theme-button .theme-name {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
  text-align: center;
  margin-top: 2px;
}

.kt-button-group {
  display: flex;
  width: fit-content;
}
.kt-button-group .kt-button {
  border-radius: 0;
}
.kt-button-group .kt-button .button-boundary,
.kt-button-group .kt-button .button-content {
  border-radius: 0;
}
.kt-button-group.row {
  flex-direction: row;
}
.kt-button-group.row .inputs {
  flex-direction: row;
}
.kt-button-group.row .kt-button {
  margin-left: -1px;
}
.kt-button-group.row .kt-button:first-child {
  margin-left: 0;
}
.kt-button-group.row .kt-button:first-child, .kt-button-group.row .kt-button:first-child .button-boundary, .kt-button-group.row .kt-button:first-child .button-content {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.kt-button-group.row .kt-button:last-of-type, .kt-button-group.row .kt-button:last-of-type .button-boundary, .kt-button-group.row .kt-button:last-of-type .button-content {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.kt-button-group.row .kt-button.toggled {
  z-index: 1;
}
.kt-button-group.row .kt-button:hover, .kt-button-group.row .kt-button:active, .kt-button-group.row .kt-button:focus-visible {
  z-index: 2;
}
.kt-button-group.column {
  flex-direction: column;
}
.kt-button-group.column .inputs {
  flex-direction: column;
}
.kt-button-group.column .kt-button {
  margin-top: -1px;
}
.kt-button-group.column .kt-button:first-child {
  margin-top: 0;
}
.kt-button-group.column .kt-button:first-child, .kt-button-group.column .kt-button:first-child .button-boundary, .kt-button-group.column .kt-button:first-child .button-content {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.kt-button-group.column .kt-button:last-of-type, .kt-button-group.column .kt-button:last-of-type .button-boundary, .kt-button-group.column .kt-button:last-of-type .button-content {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.kt-button-group .inputs {
  display: flex;
}
.kt-button-group label input {
  appearance: none;
  position: absolute;
}
.kt-button-group .kt-button:has(input:focus-visible) {
  outline: 2px solid var(--outline-focus-color);
}
.kt-button-group.row .kt-button:has(input:focus-visible) {
  z-index: 2;
}

.kt-input {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.kt-input .validation-message,
.kt-input .hint-message {
  padding: 0.25rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 140%;
}
.kt-input.invalid {
  color: var(--danger-color);
}
.kt-input.valid.highlight {
  color: var(--success-color);
}
.kt-input.disabled {
  color: var(--input-disabled-color);
}

.kt-field {
  color: var(--field-text-color);
}
.kt-field .input-adornment.picker {
  position: absolute;
  right: 0;
  pointer-events: none;
}
.kt-field .input-adornment.picker .kt-icon {
  background: var(--field-background-color);
}
.kt-field.required label:after {
  content: " *";
  color: var(--danger-color);
}
.kt-field.required.disabled label:after {
  color: var(--input-disabled-color);
}
.kt-field.readonly input:read-only + label + .input-border,
.kt-field.readonly input:read-only + .input-border {
  box-shadow: 0 0 0 1px var(--input-readonly-color) inset;
}
.kt-field.disabled .input-content input + label {
  color: var(--input-disabled-color);
}
.kt-field.disabled .input-content input + label + .input-border, .kt-field.disabled .input-content input + .input-border {
  box-shadow: 0 0 0 1px var(--input-readonly-color) inset;
}
.kt-field.disabled input {
  color: var(--input-disabled-color);
}
.kt-field.disabled input[type=color] {
  opacity: 0.2;
}
.kt-field:not(.disabled) .input-content input.shift-label,
.kt-field:not(.disabled) .input-content .input-adornment + input {
  color: var(--field-text-color);
}
.kt-field:not(.disabled) .input-content input:hover + label {
  color: var(--field-label-text-hover-color);
}
.kt-field:not(.disabled) .input-content input:hover + label + .input-border,
.kt-field:not(.disabled) .input-content input:hover + .input-border {
  box-shadow: 0 0 0 2px var(--field-border-hover-color) inset;
}
.kt-field:not(.disabled) .input-content input:focus + label {
  color: var(--field-label-text-focus-color);
}
.kt-field:not(.disabled) .input-content input:focus + label + .input-border,
.kt-field:not(.disabled) .input-content input:focus + .input-border {
  box-shadow: 0 0 0 2px var(--field-border-focus-color) inset;
}
.kt-field .input-content {
  display: flex;
  position: relative;
  align-items: center;
}
.kt-field .input-content label {
  position: absolute;
  left: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 0.25rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 140%;
  line-height: 100%;
  transition: all 0.2s ease;
  color: var(--field-label-text-color);
  background: var(--field-background-color);
  border-radius: 0.25rem;
  pointer-events: none;
  z-index: 1;
}
.kt-field .input-content input.shift-label + label,
.kt-field .input-content .input-adornment + input + label {
  top: 0;
  left: 0.5rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 140%;
  line-height: 100%;
}
.kt-field .input-content .input-border {
  position: absolute;
  inset: 0;
  background: var(--field-background-color);
  border-radius: 0.25rem;
  box-shadow: 0 0 0 1px var(--field-border-color) inset;
  transition: all 0.2s ease;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
}
.kt-field .input-content .input-adornment {
  display: flex;
  z-index: 1;
  padding-right: 0.5rem;
  line-height: 100%;
}
.kt-field .input-content .input-adornment:first-child {
  padding-left: 0.5rem;
  padding-right: 0;
}
.kt-field.invalid .input-content input + label {
  color: var(--danger-color);
}
.kt-field.invalid .input-content input:hover + label,
.kt-field.invalid .input-content input:focus + label {
  color: var(--danger-hover-color);
}
.kt-field.invalid .input-content .input-border {
  box-shadow: 0 0 0 1px var(--danger-color) inset;
}
.kt-field.invalid .input-content input:hover + label + .input-border,
.kt-field.invalid .input-content input:focus + label + .input-border,
.kt-field.invalid .input-content input:hover + .input-border,
.kt-field.invalid .input-content input:focus + .input-border {
  box-shadow: 0 0 0 2px var(--danger-hover-color) inset;
}
.kt-field.valid.highlight .input-content input + label {
  color: var(--success-color);
}
.kt-field.valid.highlight .input-content input:hover + label,
.kt-field.valid.highlight .input-content input:focus + label {
  color: var(--success-hover-color);
}
.kt-field.valid.highlight .input-content .input-border {
  box-shadow: 0 0 0 1px var(--success-color) inset;
}
.kt-field.valid.highlight .input-content input:hover + label + .input-border,
.kt-field.valid.highlight .input-content input:focus + label + .input-border,
.kt-field.valid.highlight .input-content input:hover + .input-border,
.kt-field.valid.highlight .input-content input:focus + .input-border {
  box-shadow: 0 0 0 2px var(--success-hover-color) inset;
}
.kt-field input {
  display: block;
  border: none;
  min-height: 3.5rem;
  color: transparent;
  background: none;
  box-sizing: border-box;
  padding-inline: 0;
  padding-block: 0;
  padding: 0.5rem 0.5rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 140%;
  line-height: 100%;
  width: 100%;
  z-index: 1;
  transition: color 0.2s ease;
}
.kt-field input:focus-visible {
  outline: none;
}
.kt-field input[type=datetime-local]::-webkit-calendar-picker-indicator, .kt-field input[type=date]::-webkit-calendar-picker-indicator, .kt-field input[type=month]::-webkit-calendar-picker-indicator, .kt-field input[type=week]::-webkit-calendar-picker-indicator, .kt-field input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 2rem;
  height: 100%;
  cursor: pointer;
}
.kt-field.dense input {
  min-height: 2.25rem;
}

.kt-select .input-adornment.select-arrow {
  position: absolute;
  right: 0;
  pointer-events: none;
}
.kt-select .options {
  color: var(--select-options-text-color);
  background: var(--select-options-background-color);
  border: 1px solid var(--select-options-border-color);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  box-sizing: border-box;
}
.kt-select .options.show-below {
  display: block;
}
.kt-select .options.show-above {
  display: block;
  transform: translateY(calc(-100% - 0.5rem));
}
.kt-select .options ul,
.kt-select .options menu {
  list-style: none;
  padding: 0.25rem 0;
  overflow-y: auto;
  max-height: 17.875rem;
}
.kt-select .options ul .kt-select-option,
.kt-select .options ul .kt-menu-option,
.kt-select .options menu .kt-select-option,
.kt-select .options menu .kt-menu-option {
  cursor: pointer;
  min-height: 2.625rem;
  text-decoration: none;
  white-space: nowrap;
  color: inherit;
}
.kt-select .options ul .kt-select-option:hover:not(.disabled), .kt-select .options ul .kt-select-option:focus-visible:not(.disabled), .kt-select .options ul .kt-select-option.selected:not(.disabled),
.kt-select .options ul .kt-menu-option:hover:not(.disabled),
.kt-select .options ul .kt-menu-option:focus-visible:not(.disabled),
.kt-select .options ul .kt-menu-option.selected:not(.disabled),
.kt-select .options menu .kt-select-option:hover:not(.disabled),
.kt-select .options menu .kt-select-option:focus-visible:not(.disabled),
.kt-select .options menu .kt-select-option.selected:not(.disabled),
.kt-select .options menu .kt-menu-option:hover:not(.disabled),
.kt-select .options menu .kt-menu-option:focus-visible:not(.disabled),
.kt-select .options menu .kt-menu-option.selected:not(.disabled) {
  color: var(--select-options-text-hover-color);
  background: var(--select-options-background-hover-color);
}
.kt-select .options ul .kt-select-option.disabled,
.kt-select .options ul .kt-menu-option.disabled,
.kt-select .options menu .kt-select-option.disabled,
.kt-select .options menu .kt-menu-option.disabled {
  color: var(--input-disabled-color);
  cursor: default;
}
.kt-select .display-value {
  position: absolute;
  inset: 0;
  color: var(--field-text-color);
  z-index: 1;
  pointer-events: none;
  padding: 0 0.5rem;
  box-sizing: border-box;
  overflow: hidden;
}
.kt-select .select-arrow + .display-value {
  padding-right: 2.5rem;
}
.kt-select.disabled .display-value {
  color: var(--input-disabled-color);
}
.kt-select .input-content input {
  cursor: pointer;
  opacity: 0;
}
.kt-select .options {
  z-index: 100;
  animation: fade-in 0.2s ease;
  margin: 0.25rem 0;
  display: none;
  position: fixed;
}

.kt-autocomplete .input-adornment.select-arrow {
  position: absolute;
  right: 0;
  pointer-events: none;
}
.kt-autocomplete .options {
  color: var(--select-options-text-color);
  background: var(--select-options-background-color);
  border: 1px solid var(--select-options-border-color);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  box-sizing: border-box;
}
.kt-autocomplete .options.show-below {
  display: block;
}
.kt-autocomplete .options.show-above {
  display: block;
  transform: translateY(calc(-100% - 0.5rem));
}
.kt-autocomplete .options ul,
.kt-autocomplete .options menu {
  list-style: none;
  padding: 0.25rem 0;
  overflow-y: auto;
  max-height: 17.875rem;
}
.kt-autocomplete .options ul .kt-select-option,
.kt-autocomplete .options ul .kt-menu-option,
.kt-autocomplete .options menu .kt-select-option,
.kt-autocomplete .options menu .kt-menu-option {
  cursor: pointer;
  min-height: 2.625rem;
  text-decoration: none;
  white-space: nowrap;
  color: inherit;
}
.kt-autocomplete .options ul .kt-select-option:hover:not(.disabled), .kt-autocomplete .options ul .kt-select-option:focus-visible:not(.disabled), .kt-autocomplete .options ul .kt-select-option.selected:not(.disabled),
.kt-autocomplete .options ul .kt-menu-option:hover:not(.disabled),
.kt-autocomplete .options ul .kt-menu-option:focus-visible:not(.disabled),
.kt-autocomplete .options ul .kt-menu-option.selected:not(.disabled),
.kt-autocomplete .options menu .kt-select-option:hover:not(.disabled),
.kt-autocomplete .options menu .kt-select-option:focus-visible:not(.disabled),
.kt-autocomplete .options menu .kt-select-option.selected:not(.disabled),
.kt-autocomplete .options menu .kt-menu-option:hover:not(.disabled),
.kt-autocomplete .options menu .kt-menu-option:focus-visible:not(.disabled),
.kt-autocomplete .options menu .kt-menu-option.selected:not(.disabled) {
  color: var(--select-options-text-hover-color);
  background: var(--select-options-background-hover-color);
}
.kt-autocomplete .options ul .kt-select-option.disabled,
.kt-autocomplete .options ul .kt-menu-option.disabled,
.kt-autocomplete .options menu .kt-select-option.disabled,
.kt-autocomplete .options menu .kt-menu-option.disabled {
  color: var(--input-disabled-color);
  cursor: default;
}
.kt-autocomplete .display-value {
  position: absolute;
  inset: 0;
  color: var(--field-text-color);
  z-index: 1;
  pointer-events: none;
  padding: 0 0.5rem;
  box-sizing: border-box;
  overflow: hidden;
}
.kt-autocomplete .select-arrow + .display-value {
  padding-right: 2.5rem;
}
.kt-autocomplete.disabled .display-value {
  color: var(--input-disabled-color);
}
.kt-autocomplete .options {
  z-index: 100;
  animation: fade-in 0.2s ease;
  margin: 0.25rem 0;
  display: none;
  position: fixed;
}

.kt-select-option,
.display-value,
.kt-menu-option {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 140%;
  line-height: 100%;
}

.kt-select-option,
.kt-menu-option {
  padding: 0 0.625rem;
}

.kt-input-group .label {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 140%;
  color: var(--field-label-text-color);
  padding-bottom: 0.5rem;
}
.kt-input-group.required .label:after {
  content: " *";
  color: var(--danger-color);
}
.kt-input-group.required.disabled .label:after {
  color: var(--input-disabled-color);
}
.kt-input-group .inputs {
  display: flex;
  flex-wrap: wrap;
}
.kt-input-group.column .inputs {
  flex-direction: column;
}
.kt-input-group.row .inputs {
  flex-direction: row;
  column-gap: 1.5rem;
}
.kt-input-group.disabled .label {
  color: var(--input-disabled-color);
}

.kt-radio-group.invalid:not(.readonly, .disabled) .label {
  color: var(--danger-color);
}
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio label {
  color: var(--danger-color);
}
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio label:hover {
  color: var(--danger-hover-color);
}
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio input {
  border-color: var(--danger-color);
}
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio input:after {
  background: var(--danger-color);
}
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio input:hover {
  border-color: var(--danger-hover-color);
}
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio input:hover:after {
  background: var(--danger-hover-color);
}
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio input:focus:hover,
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio input:active,
.kt-radio-group.invalid:not(.readonly, .disabled) .kt-radio label:active input {
  background: var(--danger-highlight-color);
  box-shadow: 0 0 0 0.5rem var(--danger-highlight-color);
}
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .label {
  color: var(--success-color);
}
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio label {
  color: var(--success-color);
}
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio label:hover {
  color: var(--success-hover-color);
}
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio input {
  border-color: var(--success-color);
}
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio input:after {
  background: var(--success-color);
}
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio input:hover {
  border-color: var(--success-hover-color);
}
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio input:hover:after {
  background: var(--success-hover-color);
}
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio input:focus:hover,
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio input:active,
.kt-radio-group.valid.highlight:not(.readonly, .disabled) .kt-radio label:active input {
  background: var(--success-highlight-color);
  box-shadow: 0 0 0 0.5rem var(--success-highlight-color);
}

.kt-radio label,
.kt-checkbox label,
.kt-toggle label {
  display: inline-flex;
  position: relative;
  align-items: center;
  align-self: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  line-height: 100%;
  transition: color 0.2s ease;
}
.kt-radio:not(.readonly, .disabled) label,
.kt-checkbox:not(.readonly, .disabled) label,
.kt-toggle:not(.readonly, .disabled) label {
  cursor: pointer;
}
.kt-radio:not(.readonly, .disabled) input,
.kt-checkbox:not(.readonly, .disabled) input,
.kt-toggle:not(.readonly, .disabled) input {
  cursor: pointer;
}
.kt-radio.disabled label,
.kt-checkbox.disabled label,
.kt-toggle.disabled label {
  color: var(--input-disabled-color);
}

.kt-checkbox.invalid:not(.readonly, .disabled) label,
.kt-toggle.invalid:not(.readonly, .disabled) label {
  color: var(--danger-color);
}
.kt-checkbox.invalid:not(.readonly, .disabled) label:hover,
.kt-toggle.invalid:not(.readonly, .disabled) label:hover {
  color: var(--danger-hover-color);
}
.kt-checkbox.valid.highlight:not(.readonly, .disabled) label,
.kt-toggle.valid.highlight:not(.readonly, .disabled) label {
  color: var(--success);
}
.kt-checkbox.valid.highlight:not(.readonly, .disabled) label:hover,
.kt-toggle.valid.highlight:not(.readonly, .disabled) label:hover {
  color: var(--success-hover-color);
}

.kt-radio {
  display: flex;
}
.kt-radio label {
  color: var(--radio-label-text-color);
}
.kt-radio input {
  appearance: none;
  display: block;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.5rem;
  border: 2px solid var(--radio-ring-color);
  border-radius: 50%;
  box-sizing: border-box;
  transition: all 0.2s ease;
}
.kt-radio input:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  background: var(--radio-center-color);
  border-radius: 50%;
  transition: all 0.2s ease;
}
.kt-radio input:checked:after {
  width: 0.625rem;
  height: 0.625rem;
}
.kt-radio:not(.readonly, .disabled) input:hover {
  background: var(--radio-highlight-hover-color);
  box-shadow: 0 0 0 0.5rem var(--radio-highlight-hover-color);
  border-color: var(--radio-ring-hover-color);
}
.kt-radio:not(.readonly, .disabled) input:checked {
  border-color: var(--radio-ring-checked-color);
}
.kt-radio:not(.readonly, .disabled) input:checked:after {
  background: var(--radio-center-checked-color);
}
.kt-radio:not(.readonly, .disabled) input:focus:hover,
.kt-radio:not(.readonly, .disabled) input:active,
.kt-radio:not(.readonly, .disabled) label:active input {
  background: var(--radio-highlight-focus-color);
  border-color: var(--radio-ring-checked-color);
  box-shadow: 0 0 0 0.5rem var(--radio-highlight-focus-color);
}
.kt-radio:not(.readonly, .disabled) input:focus {
  border-color: var(--radio-ring-checked-color);
}
.kt-radio.readonly input:checked {
  border-color: var(--input-readonly-checked-color);
}
.kt-radio.readonly input:checked:after {
  background: var(--input-readonly-checked-color);
}
.kt-radio.disabled input {
  border-color: var(--input-disabled-color);
}
.kt-radio.disabled input:after {
  background: var(--input-disabled-color);
}

.kt-checkbox-group .kt-checkbox {
  flex: 0 1 auto;
}

.kt-checkbox label {
  color: var(--checkbox-label-text-color);
}
.kt-checkbox.required label .display-value:after {
  content: "*";
  color: var(--danger-color);
}
.kt-checkbox.required.disabled label .display-value:after {
  color: var(--input-disabled-color);
}
.kt-checkbox input {
  appearance: none;
  display: block;
  position: relative;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0.5625rem;
}
.kt-checkbox input:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.25rem;
  height: 1.25rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: all 0.2s ease;
}
.kt-checkbox input + .checkbox {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 1.125rem;
  height: 1.125rem;
  left: 0.5625rem;
  border: 2px solid var(--checkbox-border-color);
  border-radius: 0.125rem;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
  pointer-events: none;
}
.kt-checkbox input + .checkbox .check {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-150%, -50%);
  color: var(--checkbox-check-color);
  transition: all 0.2s ease;
}
.kt-checkbox input:checked + .checkbox .check {
  transform: translate(-50%, -50%);
}
.kt-checkbox:not(.readonly, .disabled) input:hover + .checkbox {
  border-color: var(--checkbox-border-hover-color);
}
.kt-checkbox:not(.readonly, .disabled) input:hover:before {
  background: var(--checkbox-highlight-hover-color);
  box-shadow: 0 0 0 0.5rem var(--checkbox-highlight-hover-color);
}
.kt-checkbox:not(.readonly, .disabled) input:checked + .checkbox {
  border-color: var(--checkbox-border-checked-color);
}
.kt-checkbox:not(.readonly, .disabled) input:checked + .checkbox .check {
  color: var(--checkbox-check-checked-color);
}
.kt-checkbox:not(.readonly, .disabled) input:focus:hover:before,
.kt-checkbox:not(.readonly, .disabled) input:active:before,
.kt-checkbox:not(.readonly, .disabled) label:active input:before {
  background: var(--checkbox-highlight-focus-color);
  box-shadow: 0 0 0 0.5rem var(--checkbox-highlight-focus-color);
}
.kt-checkbox:not(.readonly, .disabled) input:focus:hover + .checkbox,
.kt-checkbox:not(.readonly, .disabled) input:active + .checkbox,
.kt-checkbox:not(.readonly, .disabled) label:active input + .checkbox {
  border-color: var(--checkbox-border-checked-color);
}
.kt-checkbox:not(.readonly, .disabled) input:focus:hover + .checkbox .check,
.kt-checkbox:not(.readonly, .disabled) input:active + .checkbox .check,
.kt-checkbox:not(.readonly, .disabled) label:active input + .checkbox .check {
  color: var(--checkbox-check-checked-color);
}
.kt-checkbox:not(.readonly, .disabled) input:focus + .checkbox {
  border-color: var(--checkbox-border-checked-color);
}
.kt-checkbox:not(.readonly, .disabled) input:focus + .checkbox .check {
  color: var(--checkbox-check-checked-color);
}
.kt-checkbox.invalid:not(.readonly, .disabled) input + .checkbox {
  border-color: var(--danger-color);
}
.kt-checkbox.invalid:not(.readonly, .disabled) input + .checkbox .check {
  color: var(--danger-color);
}
.kt-checkbox.invalid:not(.readonly, .disabled) input:hover + .checkbox {
  border-color: var(--danger-hover-color);
}
.kt-checkbox.invalid:not(.readonly, .disabled) input:hover + .checkbox .check {
  color: var(--danger-hover-color);
}
.kt-checkbox.invalid:not(.readonly, .disabled) input:focus:hover:before,
.kt-checkbox.invalid:not(.readonly, .disabled) input:active:before,
.kt-checkbox.invalid:not(.readonly, .disabled) label:active input:before {
  background: var(--danger-highlight-color);
  box-shadow: 0 0 0 0.5rem var(--danger-highlight-color);
}
.kt-checkbox.valid.highlight:not(.readonly, .disabled) input + .checkbox {
  border-color: var(--success);
}
.kt-checkbox.valid.highlight:not(.readonly, .disabled) input + .checkbox .check {
  color: var(--success);
}
.kt-checkbox.valid.highlight:not(.readonly, .disabled) input:hover + .checkbox {
  border-color: var(--success-hover-color);
}
.kt-checkbox.valid.highlight:not(.readonly, .disabled) input:hover + .checkbox .check {
  color: var(--success-hover-color);
}
.kt-checkbox.valid.highlight:not(.readonly, .disabled) input:focus:hover:before,
.kt-checkbox.valid.highlight:not(.readonly, .disabled) input:active:before,
.kt-checkbox.valid.highlight:not(.readonly, .disabled) label:active input:before {
  background: var(--success-highlight-color);
  box-shadow: 0 0 0 0.5rem var(--success-highlight-color);
}
.kt-checkbox.readonly input:checked + .checkbox {
  border-color: var(--input-readonly-checked-color);
}
.kt-checkbox.readonly input:checked + .checkbox .check {
  color: var(--input-readonly-checked-color);
}
.kt-checkbox.disabled input + .checkbox {
  border-color: var(--input-disabled-color);
}
.kt-checkbox.disabled input + .checkbox .check {
  color: var(--input-disabled-color);
}

.kt-toggle label {
  color: var(--toggle-label-text-color);
}
.kt-toggle input {
  appearance: none;
  display: block;
  position: relative;
  overflow: hidden;
  width: 2.25rem;
  height: 1rem;
  flex-shrink: 0;
  border-radius: 0.5rem;
  margin: 0.625rem 0.25rem;
  transition: background 0.2s ease;
}
.kt-toggle input:before {
  content: "";
  display: block;
  position: relative;
  left: -1.75rem;
  height: 100%;
  width: 200%;
  transition: all 0.2s ease;
}
.kt-toggle input + .switch {
  content: "";
  display: block;
  position: absolute;
  left: 0.75rem;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate(-50%, -50%);
  background: var(--toggle-switch-background-color);
  border-radius: 50%;
  transition: all 0.2s ease;
  pointer-events: none;
}
.kt-toggle input:checked:before {
  left: -0.5rem;
}
.kt-toggle input:checked + .switch {
  left: 2rem;
}
.kt-toggle input:disabled {
  background: var(--input-disabled-accent-color);
}
.kt-toggle input:disabled:before {
  opacity: 0;
}
.kt-toggle input:disabled + .switch {
  background: var(--input-disabled-color);
}
.kt-toggle:not(.readonly, .disabled) input:hover:not(:disabled) + .switch {
  background: var(--toggle-switch-background-hover-color);
  box-shadow: 0 0 0 0.375rem var(--toggle-switch-highlight-hover-color);
}
.kt-toggle.readonly input {
  background: var(--toggle-background-color);
}
.kt-toggle.readonly input:before {
  opacity: 0;
}
.kt-toggle.readonly input:checked + .switch {
  background: var(--input-readonly-checked-color);
}

.kt-toggle.normal:not(.readonly, .disabled) label input:focus:not(:disabled) + .switch,
.kt-toggle.normal:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.normal:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  background: var(--toggle-switch-background-checked-color);
}
.kt-toggle.normal:not(.readonly, .disabled) label input:focus:hover:not(:disabled) + .switch,
.kt-toggle.normal:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.normal:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  box-shadow: 0 0 0 0.375rem var(--toggle-switch-highlight-focus-color);
}
.kt-toggle.normal:not(.readonly, .disabled) input:checked + .switch {
  background: var(--toggle-switch-background-checked-color);
}
.kt-toggle.normal label input:before {
  background: linear-gradient(to right, var(--toggle-background-checked-color) 50%, var(--toggle-background-color) 50%);
}

.kt-toggle.danger:not(.readonly, .disabled) label input:focus:not(:disabled) + .switch,
.kt-toggle.danger:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.danger:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  background: var(--danger-hover-color);
}
.kt-toggle.danger:not(.readonly, .disabled) label input:focus:hover:not(:disabled) + .switch,
.kt-toggle.danger:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.danger:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  box-shadow: 0 0 0 0.375rem var(--danger-highlight-color);
}
.kt-toggle.danger:not(.readonly, .disabled) input:checked + .switch {
  background: var(--danger-hover-color);
}
.kt-toggle.danger label input:before {
  background: linear-gradient(to right, var(--danger-color) 50%, var(--toggle-background-color) 50%);
}

.kt-toggle.warning:not(.readonly, .disabled) label input:focus:not(:disabled) + .switch,
.kt-toggle.warning:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.warning:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  background: var(--warning-hover-color);
}
.kt-toggle.warning:not(.readonly, .disabled) label input:focus:hover:not(:disabled) + .switch,
.kt-toggle.warning:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.warning:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  box-shadow: 0 0 0 0.375rem var(--warning-highlight-color);
}
.kt-toggle.warning:not(.readonly, .disabled) input:checked + .switch {
  background: var(--warning-hover-color);
}
.kt-toggle.warning label input:before {
  background: linear-gradient(to right, var(--warning-color) 50%, var(--toggle-background-color) 50%);
}

.kt-toggle.success:not(.readonly, .disabled) label input:focus:not(:disabled) + .switch,
.kt-toggle.success:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.success:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  background: var(--success-hover-color);
}
.kt-toggle.success:not(.readonly, .disabled) label input:focus:hover:not(:disabled) + .switch,
.kt-toggle.success:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.success:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  box-shadow: 0 0 0 0.375rem var(--success-highlight-color);
}
.kt-toggle.success:not(.readonly, .disabled) input:checked + .switch {
  background: var(--success-hover-color);
}
.kt-toggle.success label input:before {
  background: linear-gradient(to right, var(--success-color) 50%, var(--toggle-background-color) 50%);
}

.kt-toggle.info:not(.readonly, .disabled) label input:focus:not(:disabled) + .switch,
.kt-toggle.info:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.info:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  background: var(--info-hover-color);
}
.kt-toggle.info:not(.readonly, .disabled) label input:focus:hover:not(:disabled) + .switch,
.kt-toggle.info:not(.readonly, .disabled) label input:active:not(:disabled) + .switch, .kt-toggle.info:not(.readonly, .disabled) label:active input:not(:disabled) + .switch {
  box-shadow: 0 0 0 0.375rem var(--info-highlight-color);
}
.kt-toggle.info:not(.readonly, .disabled) input:checked + .switch {
  background: var(--info-hover-color);
}
.kt-toggle.info label input:before {
  background: linear-gradient(to right, var(--info-color) 50%, var(--toggle-background-color) 50%);
}

@media (hover: none) {
  .kt-button:hover:not(.disabled) .button-content,
  .kt-button:focus-visible:not(.disabled) .button-content {
    transform: translateY(4px);
  }
}
.kt-table {
  width: 100%;
  border-spacing: 0;
}
.kt-table > colgroup col.detail-column {
  width: 4rem;
}
.kt-table > colgroup col.commands-column {
  width: 7.25rem;
}
.kt-table > colgroup col.commands-column.can-cancel {
  width: 13.5rem;
}
.kt-table > thead {
  position: sticky;
  top: var(--header-height-scrolled, var(--header-height));
  z-index: 10;
  transition: box-shadow 0.2s ease, top 0.2s ease;
  box-shadow: 0px 0.25rem 0.3828125rem 0px transparent;
}
.kt-table > thead.sticking {
  box-shadow: 0 1px 0 0 var(--table-border-color), 0px 0.25rem 0.3828125rem 0px var(--shadow-color);
}
.kt-table > thead > tr > .kt-table-column {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
  color: var(--table-th-text-color);
  background: var(--table-th-background-color);
  padding: 0;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.kt-table > thead > tr > .kt-table-column .column-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 3.5rem;
  padding: 0 1rem;
  box-sizing: border-box;
  width: 100%;
}
.kt-table > thead > tr > .kt-table-column .header-content {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
.kt-table > thead > tr > .kt-table-column .sort-button .kt-icon,
.kt-table > thead > tr > .kt-table-column .filter-button .kt-icon {
  opacity: 0;
  transition: all 0.2s ease;
}
.kt-table > thead > tr > .kt-table-column .sort-button .button-content::after {
  content: var(--sort-num);
  font-size: 0.5rem;
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-family: "aktiv-grotesk";
  text-align: right;
}
.kt-table > thead > tr > .kt-table-column.left-align .header-content {
  justify-content: left;
}
.kt-table > thead > tr > .kt-table-column.center-align .header-content {
  justify-content: center;
}
.kt-table > thead > tr > .kt-table-column.right-align .header-content {
  justify-content: right;
}
.kt-table > thead > tr > .kt-table-column.sortable {
  cursor: pointer;
  transition: all 0.2s ease;
}
.kt-table > thead > tr > .kt-table-column.sortable:hover {
  color: var(--table-tr-hover-text-color);
  background: var(--table-tr-hover-background-color);
}
.kt-table > thead > tr > .kt-table-column.sortable:not(.sort-asc, .sort-desc):hover .sort-button .kt-icon,
.kt-table > thead > tr > .kt-table-column .sort-button:focus .kt-icon, .kt-table > thead > tr > .kt-table-column.filterable:not(.filtering):hover .filter-button .kt-icon,
.kt-table > thead > tr > .kt-table-column .filter-button:focus .kt-icon {
  opacity: 0.5;
}
.kt-table > thead > tr > .kt-table-column.sort-asc .sort-button .kt-icon, .kt-table > thead > tr > .kt-table-column.sort-desc .sort-button .kt-icon, .kt-table > thead > tr > .kt-table-column.filtering .filter-button .kt-icon {
  opacity: 1;
}
.kt-table > thead > tr > .kt-table-column.sort-desc .sort-button .kt-icon {
  transform: rotate(180deg);
}
.kt-table > tbody > tr > .kt-table-cell {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
  color: var(--table-td-text-color);
  background: var(--table-td-background-color);
  border-top: 1px solid var(--table-td-border-color);
  border-bottom: 1px solid var(--table-td-border-color);
  padding: 0;
  transition: all 0.2s ease;
}
.kt-table > tbody > tr > .kt-table-cell .cell-content {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 4rem;
  padding: 1rem;
  box-sizing: border-box;
}
.kt-table > tbody > tr > .kt-table-cell .cell-content .kt-checkbox {
  flex: 0 1 auto;
}
.kt-table > tbody > tr > .kt-table-cell .cell-content .kt-checkbox input {
  margin-top: 0;
  margin-bottom: 0;
}
.kt-table > tbody > tr > .kt-table-cell.left-align .cell-content {
  justify-content: left;
}
.kt-table > tbody > tr > .kt-table-cell.center-align .cell-content {
  justify-content: center;
}
.kt-table > tbody > tr > .kt-table-cell.right-align .cell-content {
  justify-content: right;
}
.kt-table > tbody > tr > .kt-table-cell.sortable .cell-content, .kt-table > tbody > tr > .kt-table-cell.filterable .cell-content {
  margin-right: 2.5rem;
}
.kt-table > tbody > tr > .kt-table-cell.sortable.filterable .cell-content {
  margin-right: 4.5rem;
}
.kt-table > tbody > tr > .kt-table-cell.detail-cell {
  background: var(--table-detail-background-color);
}
.kt-table > tbody > tr > .kt-table-cell.detail-cell .detail-content {
  padding: 1rem;
}
.kt-table > tbody > tr > .kt-table-cell.detail-cell .detail-content .kt-table-container:not(.vertical-scroll) > .kt-table > thead.sticking {
  box-shadow: none;
}
.kt-table > tbody > tr > .kt-table-cell.detail-cell .detail-content .kt-table-container.vertical-scroll > .kt-table > thead {
  z-index: 9;
}
.kt-table > tbody > tr.alt > .kt-table-cell {
  background: var(--table-td-alt-background-color);
}
.kt-table > tbody > tr:last-child > .kt-table-cell {
  border-bottom: none;
}
.kt-table > tbody > tr > .kt-table-cell .expand-button .button-content .kt-icon {
  transition: transform 0.2s ease;
}
.kt-table > tbody > tr.expanded > .kt-table-cell .expand-button .button-content .kt-icon {
  transform: rotate(90deg);
}
.kt-table.fixed {
  table-layout: fixed;
}
.kt-table.dense > colgroup col.detail-column {
  width: 3rem;
}
.kt-table.dense > colgroup col.commands-column {
  width: 6.25rem;
}
.kt-table.dense > colgroup col.commands-column.can-cancel {
  width: 12.5rem;
}
.kt-table.dense > thead > tr > .kt-table-column .column-content {
  min-height: 2.25rem;
  padding: 0 0.5rem;
}
.kt-table.dense > thead > tr > .kt-table-column .column-content .kt-button:hover:not(.disabled) .button-content,
.kt-table.dense > thead > tr > .kt-table-column .column-content .kt-button:focus-visible:not(.disabled) .button-content {
  transform: translateY(2px);
}
.kt-table.dense > thead > tr > .kt-table-column .header-content {
  padding: 0.5rem 0;
}
.kt-table.dense > tbody > tr > .kt-table-cell .cell-content {
  min-height: 2.25rem;
  padding: 0.5rem;
}
.kt-table.nowrap > tbody > tr > .kt-table-cell .cell-content {
  white-space: nowrap;
}
.kt-table.highlight-rows > tbody > tr:hover > .kt-table-cell:not(.detail-cell), .kt-table.highlight-rows > tbody > tr:focus > .kt-table-cell:not(.detail-cell) {
  color: var(--table-tr-hover-text-color);
  background: var(--table-tr-hover-background-color);
  border-top-color: var(--table-tr-hover-border-color);
  border-bottom-color: var(--table-tr-hover-border-color);
}
.kt-table.highlight-rows > tbody > tr:focus-visible {
  outline: none;
}
.kt-table.clickable-rows > tbody > tr > .kt-table-cell:not(.detail-cell) {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.kt-table > thead > tr > .kt-table-column.fixed-left, .kt-table > tbody > tr > .kt-table-cell.fixed-left {
  position: sticky;
  left: 0;
  z-index: 1;
}
.kt-table > thead > tr > .kt-table-column.fixed-right, .kt-table > tbody > tr > .kt-table-cell.fixed-right {
  position: sticky;
  right: 0;
  z-index: 1;
}
.kt-table > thead > .loading-row {
  position: relative;
  z-index: 1;
}
.kt-table > thead > .loading-row .loading-bar-holder {
  border-top: 1px solid var(--table-td-border-color);
  padding: 0;
}
.kt-table.loading > thead > .loading-row .loading-bar-holder {
  opacity: 1;
}

.kt-table-container {
  overflow: clip;
}
.kt-table-container.vertical-scroll {
  overflow-y: auto;
}
.kt-table-container.vertical-scroll .kt-table thead {
  top: 0 !important;
}

.kt-table-wrapper {
  position: relative;
  border: 1px solid var(--table-border-color);
  border-radius: 0.5rem;
  overflow: clip;
}
.kt-table-wrapper:before, .kt-table-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 1;
  transition: box-shadow 0.2s ease;
}
.kt-table-wrapper:before {
  box-shadow: 0.75rem 0 0.5rem -0.25rem transparent inset;
}
.kt-table-wrapper:after {
  box-shadow: -0.75rem 0 0.5rem -0.25rem transparent inset;
}
.kt-table-wrapper:has(> .kt-table-container.scrolled-left > .kt-table > thead > tr > .kt-table-column:first-child:not(.fixed-left)):before {
  box-shadow: 0.75rem 0 0.5rem -0.25rem var(--shadow-color) inset;
}
.kt-table-wrapper:has(> .kt-table-container.scrolled-right > .kt-table > thead > tr > .kt-table-column:last-child:not(.fixed-right)):after {
  box-shadow: -0.75rem 0 0.5rem -0.25rem var(--shadow-color) inset;
}
.kt-table-wrapper > .kt-table-container.scrolled-left > .kt-table > thead > tr > .kt-table-column.fixed-left, .kt-table-wrapper > .kt-table-container.scrolled-left > .kt-table > tbody > tr > .kt-table-cell.fixed-left {
  box-shadow: 0.75rem 0 0.5rem -0.25rem var(--shadow-color);
}
.kt-table-wrapper > .kt-table-container.scrolled-right > .kt-table > thead > tr > .kt-table-column:not(.fixed-right) + .kt-table-column.fixed-right, .kt-table-wrapper > .kt-table-container.scrolled-right > .kt-table > tbody > tr > .kt-table-cell:not(.fixed-right) + .kt-table-cell.fixed-right {
  box-shadow: -0.75rem 0 0.5rem -0.25rem var(--shadow-color);
}
.kt-table-wrapper.horizontal-scroll > .kt-table-container {
  overflow-x: auto;
}
.kt-table-wrapper.horizontal-scroll > .kt-table-container:not(.vertical-scroll) > .kt-table > thead {
  position: initial;
  box-shadow: 0px 0.25rem 0.3828125rem 0px transparent;
}

.loading-bar-holder {
  position: absolute;
  height: 0.25rem;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.loading-bar {
  background: var(--input-hover-2-color);
  height: 0.25rem;
}
.loading-bar .progress-bar {
  background: var(--input-color);
  width: 10%;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  animation: anim-loading-bar 2s ease infinite;
}

.kt-paginator {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  align-items: center;
  gap: 1.5rem;
}
.kt-paginator .kt-select input {
  min-height: 2rem;
}
.kt-paginator label {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 140%;
  color: var(--field-label-text-color);
  padding: 0 0.25rem;
}
.kt-paginator .displaying-page {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
  color: var(--field-label-text-color);
  line-height: 100%;
}
.kt-paginator .kt-button.current-page {
  pointer-events: none;
}
.kt-paginator .kt-button.current-page .button-boundary {
  border-bottom-color: var(--paginator-current-page-border-color);
}
.kt-paginator .kt-button.current-page .button-content {
  color: var(--paginator-current-page-text-color);
  background: var(--paginator-current-page-background-color);
  border-color: var(--paginator-current-page-border-color);
}
.kt-paginator .mobile-page-select {
  display: none;
}
.kt-paginator .page-buttons {
  display: flex;
  align-items: center;
  gap: 1rem;
}

@keyframes anim-loading-bar {
  0% {
    width: 10%;
    left: 0;
    transform: translateX(-100%);
  }
  50% {
    width: 20%;
    left: 50%;
    transform: translateX(-50%);
  }
  100% {
    width: 10%;
    left: 100%;
    transform: translateX(100%);
  }
}
@media all and (max-width: 960px) {
  .kt-paginator .mobile-page-select {
    display: block;
  }
  .kt-paginator .displaying-page,
  .kt-paginator .page-buttons {
    display: none;
  }
}
@media (hover: none) {
  .kt-table > thead > tr > .kt-table-column .filter-button .kt-icon {
    opacity: 0.25;
  }
}
.kt-scheduler .kt-heading-l1, .kt-scheduler .kt-heading-l2, .kt-scheduler.summary .scheduler-header .scheduler-header-main .date, .kt-scheduler .kt-heading-l3, .kt-scheduler.summary .day-section .day-label, .kt-scheduler.full .scheduler-header .scheduler-header-main .date, .kt-scheduler .kt-heading-l4, .kt-scheduler .kt-card .kt-card-header, .kt-card .kt-scheduler .kt-card-header {
  margin: 0;
}
.kt-scheduler .scheduler-header {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.kt-scheduler .scheduler-header .scheduler-header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kt-scheduler .scheduler-header .scheduler-header-main .options {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.kt-scheduler .scheduler-header .scheduler-header-main .options .kt-text-field .input {
  height: 2rem;
  min-height: 2rem;
}
.kt-scheduler .scheduler-calendar {
  display: grid;
  grid-template-columns: repeat(7, 14.2857142857%);
}
.kt-scheduler .scheduler-calendar .header-cell {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kt-scheduler.full .scheduler-header {
  position: sticky;
  height: 3.5rem;
  top: var(--header-height-scrolled, var(--header-height));
  color: var(--scheduler-header-text-color);
  background: var(--scheduler-header-background-color);
  border: 1px solid var(--scheduler-header-border-color);
  border-radius: 0.25rem;
  z-index: 10;
  transition: border-radius 0.2s ease, top 0.2s ease;
  overflow: hidden;
}
.kt-scheduler.full .scheduler-header.sticking {
  border-radius: 0;
}
.kt-scheduler.full .scheduler-header .scheduler-header-main {
  padding: 0 1.5rem;
  height: 100%;
}
.kt-scheduler.full .scheduler-calendar .header-cell {
  position: sticky;
  top: calc(3.5rem + var(--header-height-scrolled, var(--header-height)));
  min-height: 2.875rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 140%;
  border: solid var(--scheduler-cell-border-color);
  border-width: 0 0 1px 0;
  background: var(--body-color);
  z-index: 10;
  transition: top 0.2s ease;
}
.kt-scheduler.full .scheduler-calendar .day-cell {
  display: flex;
  flex-direction: column;
  background: var(--scheduler-cell-background-color);
  min-height: 9.5rem;
  box-sizing: border-box;
  position: relative;
  padding: 0.5rem 0;
  box-shadow: 0 0 0 0 transparent inset;
  transition: box-shadow 0.2s ease;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 140%;
}
.kt-scheduler.full .scheduler-calendar .day-cell:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: solid var(--scheduler-cell-border-color);
  border-width: 0 1px 1px 0;
  box-sizing: border-box;
}
.kt-scheduler.full .scheduler-calendar .day-cell.week-start-cell:after {
  border-left-width: 1px;
}
.kt-scheduler.full .scheduler-calendar .day-cell .day-label {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 1.5rem;
  padding: 0 0.5rem 0.25rem 0.5rem;
}
.kt-scheduler.full .scheduler-calendar .day-cell .day-label.outside-month {
  opacity: 0.5;
}
.kt-scheduler.full .scheduler-calendar .day-cell.today .day-label span {
  color: var(--scheduler-today-label-text-color);
  background: var(--scheduler-today-label-background-color);
  padding: 0 0.5rem;
  border-radius: 6.25rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
  line-height: 1.5rem;
}
.kt-scheduler.full .scheduler-calendar .day-cell .day-appointments {
  display: flex;
  flex-direction: column;
}
.kt-scheduler.full .scheduler-calendar .day-cell .kt-scheduler-appointment {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0;
  margin-bottom: 4px;
  animation: fade-in 0.2s ease;
}
.kt-scheduler.full .scheduler-calendar .day-cell .kt-scheduler-appointment:last-child {
  margin-bottom: 0;
}
.kt-scheduler.full .scheduler-calendar .day-cell .day-additional {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 0 0.5rem;
  z-index: 1;
}
.kt-scheduler.summary {
  display: flex;
  flex-direction: column;
  background: var(--scheduler-summary-background-color);
  border: 1px solid var(--scheduler-summary-border-color);
  border-radius: 0.5rem;
  padding: 1rem;
}
.kt-scheduler.summary .scheduler-header {
  margin-bottom: 0.5rem;
}
.kt-scheduler.summary .scheduler-calendar {
  background: var(--scheduler-cell-background-color);
  border: 1px solid var(--scheduler-summary-border-color);
  border-radius: 0.5rem;
  padding: 1rem 0.5rem;
  row-gap: 0.25rem;
  justify-items: center;
  margin-bottom: 1.5rem;
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
}
.kt-scheduler.summary .scheduler-calendar .header-cell {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
}
.kt-scheduler.summary .scheduler-calendar .day-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 3rem;
}
.kt-scheduler.summary .scheduler-calendar .day-cell .day-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  height: 3rem;
  width: 3rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
  color: var(--text-color);
  background: none;
  border: none;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.kt-scheduler.summary .scheduler-calendar .day-cell .day-button.outside-month {
  opacity: 0.5;
}
.kt-scheduler.summary .scheduler-calendar .day-cell.today .day-button {
  color: var(--scheduler-today-label-text-color);
  background: var(--scheduler-today-label-background-color);
}
.kt-scheduler.summary .scheduler-calendar .day-cell.current-date .day-button,
.kt-scheduler.summary .scheduler-calendar .day-cell .day-button:hover {
  color: var(--scheduler-summary-current-date-text-color);
  background: var(--scheduler-summary-current-date-background-color);
}
.kt-scheduler.summary .scheduler-content {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  overflow: hidden;
}
.kt-scheduler.summary .scheduler-appointments-wrapper {
  flex: 1;
  display: flex;
  position: relative;
  flex-direction: column;
  height: 100%;
  max-height: 36.875rem;
  overflow: hidden;
  border: 1px solid var(--scheduler-summary-border-color);
  border-radius: 0.5rem;
  box-sizing: border-box;
}
.kt-scheduler.summary .scheduler-appointments-wrapper:before, .kt-scheduler.summary .scheduler-appointments-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 2;
  transition: box-shadow 0.2s ease;
}
.kt-scheduler.summary .scheduler-appointments-wrapper:before {
  box-shadow: 0 0.75rem 0.5rem -0.5rem transparent inset;
}
.kt-scheduler.summary .scheduler-appointments-wrapper:after {
  box-shadow: 0 -0.75rem 0.5rem -0.5rem transparent inset;
}
.kt-scheduler.summary .scheduler-appointments-wrapper:has(> .scheduler-appointments-container.scrolled-top):before {
  box-shadow: 0 0.75rem 0.5rem -0.5rem var(--shadow-color) inset;
}
.kt-scheduler.summary .scheduler-appointments-wrapper:has(> .scheduler-appointments-container.scrolled-bottom):after {
  box-shadow: 0 -0.75rem 0.5rem -0.5rem var(--shadow-color) inset;
}
.kt-scheduler.summary .scheduler-appointments-container {
  flex: 1;
  padding: 0 1rem 1rem 1rem;
  background: var(--scheduler-cell-background-color);
  overflow-y: auto;
}
.kt-scheduler.summary .scheduler-appointments {
  display: flex;
  flex-direction: column;
}
.kt-scheduler.summary.loading .scheduler-appointments-container {
  overflow-y: hidden;
}
.kt-scheduler.summary .day-section {
  display: flex;
  flex-direction: column;
}
.kt-scheduler.summary .day-section .day-label {
  display: flex;
  position: sticky;
  top: 0;
  padding: 1rem 0;
  background: var(--scheduler-cell-background-color);
  gap: 0.25rem;
  color: var(--text-color);
  z-index: 1;
}
.kt-scheduler.summary .day-section.current-date .day-label span {
  color: var(--heading-l3-color);
}
.kt-scheduler.summary .day-section .day-appointments hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.kt-scheduler.summary .day-section .day-appointments hr:first-child {
  margin-top: 0;
}
.kt-scheduler.loading .loading-bar-holder {
  opacity: 1;
}
.kt-scheduler.full .loading-bar-holder {
  border-top: 1px solid var(--scheduler-header-border-color);
}
.kt-scheduler.summary .loading-bar-holder {
  border-top: 1px solid var(--scheduler-summary-border-color);
}

.kt-scheduler-repeat-options .relative-date {
  white-space: nowrap;
  flex: 0 1 auto;
}
.kt-scheduler-repeat-options .relative-date .inputs {
  flex: 1;
  gap: 1rem;
  justify-content: space-around;
}

.kt-scheduler-appointment {
  display: flex;
  min-height: 2rem;
  border-radius: 0.25rem;
  position: relative;
  box-sizing: border-box;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
  z-index: 2;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 transparent;
  transition: box-shadow 0.2s ease;
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
}
.kt-scheduler-appointment .appointment-accent {
  width: 0.25rem;
}
.kt-scheduler-appointment .appointment-name {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  color: var(--text-color);
  background: var(--body-color);
}
.kt-scheduler-appointment .appointment-name .name-text {
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.kt-scheduler-appointment .appointment-adornment {
  display: flex;
  align-items: center;
  background: var(--body-color);
}
.kt-scheduler-appointment .appointment-border {
  position: absolute;
  inset: 0;
  border-radius: 0.25rem;
  box-shadow: 0 0 0 1px var(--scheduler-appointment-border-color) inset;
  transition: box-shadow 0.2s ease;
  pointer-events: none;
}
.kt-scheduler-appointment.yellow .appointment-name {
  background: var(--data-vis-yellow-color);
  color: var(--text-on-data-vis-yellow-color);
}
.kt-scheduler-appointment.orange .appointment-name {
  background: var(--data-vis-orange-color);
  color: var(--text-on-data-vis-orange-color);
}
.kt-scheduler-appointment.green .appointment-name {
  background: var(--data-vis-green-color);
  color: var(--text-on-data-vis-green-color);
}
.kt-scheduler-appointment.red .appointment-name {
  background: var(--data-vis-red-color);
  color: var(--text-on-data-vis-red-color);
}
.kt-scheduler-appointment.blue .appointment-name {
  background: var(--data-vis-blue-color);
  color: var(--text-on-data-vis-blue-color);
}
.kt-scheduler-appointment.purple .appointment-name {
  background: var(--data-vis-purple-color);
  color: var(--text-on-data-vis-purple-color);
}
.kt-scheduler-appointment.magenta .appointment-name {
  background: var(--data-vis-magenta-color);
  color: var(--text-on-data-vis-magenta-color);
}

.kt-scheduler-appointment-summary {
  display: flex;
  gap: 0.75rem;
  min-height: 3.25rem;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
}
.kt-scheduler-appointment-summary .appointment-date {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 3.25rem;
}
.kt-scheduler-appointment-summary .appointment-accent {
  width: 0.25rem;
  border-radius: 0.5rem;
}
.kt-scheduler-appointment-summary .appointment-name {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding-right: 0.5rem;
}
.kt-scheduler-appointment-summary .appointment-name .name-text {
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.kt-scheduler-appointment-summary .appointment-adornment {
  display: flex;
  align-items: center;
}

.kt-scheduler-appointment .appointment-accent {
  background: var(--body-color);
}
.kt-scheduler-appointment.yellow .appointment-accent {
  background: var(--data-vis-yellow-accent-color);
}
.kt-scheduler-appointment.orange .appointment-accent {
  background: var(--data-vis-orange-accent-color);
}
.kt-scheduler-appointment.green .appointment-accent {
  background: var(--data-vis-green-accent-color);
}
.kt-scheduler-appointment.red .appointment-accent {
  background: var(--data-vis-red-accent-color);
}
.kt-scheduler-appointment.blue .appointment-accent {
  background: var(--data-vis-blue-accent-color);
}
.kt-scheduler-appointment.purple .appointment-accent {
  background: var(--data-vis-purple-accent-color);
}
.kt-scheduler-appointment.magenta .appointment-accent {
  background: var(--data-vis-magenta-accent-color);
}

.kt-scheduler-appointment-summary.yellow .appointment-accent {
  background: var(--data-vis-yellow-color);
}
.kt-scheduler-appointment-summary.orange .appointment-accent {
  background: var(--data-vis-orange-color);
}
.kt-scheduler-appointment-summary.green .appointment-accent {
  background: var(--data-vis-green-color);
}
.kt-scheduler-appointment-summary.red .appointment-accent {
  background: var(--data-vis-red-color);
}
.kt-scheduler-appointment-summary.blue .appointment-accent {
  background: var(--data-vis-blue-color);
}
.kt-scheduler-appointment-summary.purple .appointment-accent {
  background: var(--data-vis-purple-color);
}
.kt-scheduler-appointment-summary.magenta .appointment-accent {
  background: var(--data-vis-magenta-color);
}

.kt-scheduler.editable {
  user-select: none;
}
.kt-scheduler.editable .scheduler-calendar .day-cell:not(:has(.kt-scheduler-appointment:hover)):hover {
  box-shadow: -0.5px -0.5px 0 4.5px var(--scheduler-appointment-border-hover-color) inset;
  cursor: pointer;
}
.kt-scheduler.editable .scheduler-calendar .kt-scheduler-appointment.highlight, .kt-scheduler.editable .scheduler-calendar .kt-scheduler-appointment:hover {
  box-shadow: 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0 0.0625rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  cursor: pointer;
}
.kt-scheduler.editable .scheduler-calendar .kt-scheduler-appointment.highlight .appointment-border, .kt-scheduler.editable .scheduler-calendar .kt-scheduler-appointment:hover .appointment-border {
  box-shadow: 0 0 0 2px var(--scheduler-appointment-border-hover-color) inset;
}
.kt-scheduler.editable .scheduler-calendar .kt-scheduler-appointment.appointment-ghost {
  position: absolute;
  box-shadow: 0 0 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0.5rem 0.5rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.8));
  animation: none;
  z-index: 5;
}
.kt-scheduler.editable .scheduler-calendar .kt-scheduler-appointment.appointment-ghost .appointment-border {
  box-shadow: 0 0 0 2px var(--scheduler-appointment-border-hover-color) inset;
}
.kt-scheduler.editable.dragging .kt-scheduler-appointment {
  pointer-events: none;
}
.kt-scheduler.editable.dragging .kt-scheduler-appointment.dragging {
  opacity: 0.5;
}

@media all and (max-width: 960px) {
  .kt-scheduler.summary {
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
}
@media all and (max-width: 600px) {
  .kt-scheduler.summary .scheduler-appointments-wrapper {
    flex-basis: 100%;
  }
}
.kt-page {
  position: relative;
  min-height: 100vh;
  color: var(--text-color);
  background: var(--body-color);
}
.kt-page .svg-definitions {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}
.kt-page main {
  padding-top: var(--header-height);
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  transition: padding-top 0.2s ease;
}

.kt-card {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  border-radius: 0.5rem;
  overflow: clip;
  min-width: min-content;
  box-sizing: border-box;
}
.kt-card .kt-heading-l1, .kt-card .kt-heading-l2, .kt-card .kt-scheduler.summary .scheduler-header .scheduler-header-main .date, .kt-scheduler.summary .scheduler-header .scheduler-header-main .kt-card .date, .kt-card .kt-heading-l3, .kt-card .kt-scheduler.full .scheduler-header .scheduler-header-main .date, .kt-scheduler.full .scheduler-header .scheduler-header-main .kt-card .date, .kt-card .kt-scheduler.summary .day-section .day-label, .kt-scheduler.summary .day-section .kt-card .day-label, .kt-card .kt-heading-l4, .kt-card .kt-card-header {
  margin: 0;
}
.kt-card .spotlight {
  display: block;
  position: absolute;
  top: 0.75rem;
  color: var(--card-spotlight-text-color);
  background: var(--card-spotlight-background-color);
  border-radius: 0 0.25rem 0.25rem 0;
  padding: 0.125rem 0.5rem;
  font-family: mokoko, serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 140%;
  -webkit-user-select: none;
  user-select: none;
}
.kt-card .kt-card-image {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.kt-card .kt-card-content {
  padding-left: 1rem;
  padding-right: 1rem;
}
.kt-card .kt-card-content:first-child {
  padding-top: 1rem;
}
.kt-card .kt-card-content:last-child {
  padding-bottom: 1rem;
}
.kt-card .kt-card-actions {
  padding-top: 0.25rem;
}
.kt-card .kt-card-actions:last-child {
  display: flex;
  flex: 1;
  align-items: end;
}

.kt-card.surface-1 {
  color: var(--card-surface-1-text-color);
  background: var(--card-surface-1-background-color);
  border: 1px solid var(--card-surface-1-border-color);
}

.kt-card.surface-2 {
  color: var(--card-surface-2-text-color);
  background: var(--card-surface-2-background-color);
  border: 1px solid var(--card-surface-2-border-color);
}

.kt-card.surface-3 {
  color: var(--card-surface-3-text-color);
  background: var(--card-surface-3-background-color);
  border: 1px solid var(--card-surface-3-border-color);
}

.kt-card.surface-4 {
  color: var(--card-surface-4-text-color);
  background: var(--card-surface-4-background-color);
  border: 1px solid var(--card-surface-4-border-color);
}

.kt-stack {
  display: flex;
}
.kt-stack.column {
  flex-direction: column;
}
.kt-stack.row {
  flex-direction: row;
}
.kt-stack.wrap {
  flex-wrap: wrap;
}
.kt-stack.no-wrap {
  flex-wrap: nowrap;
}

.kt-grid {
  display: grid;
}
.kt-grid.cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.kt-grid.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.kt-grid.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.kt-grid.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.kt-grid.cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.kt-grid.cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.kt-grid.cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.kt-grid.cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.kt-grid.cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.kt-grid.cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.kt-grid.cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.kt-grid.cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.kt-grid .kt-grid-item.col-span-0 {
  grid-column: span 0/span 0;
}
.kt-grid .kt-grid-item.col-span-1 {
  grid-column: span 1/span 1;
}
.kt-grid .kt-grid-item.col-span-2 {
  grid-column: span 2/span 2;
}
.kt-grid .kt-grid-item.col-span-3 {
  grid-column: span 3/span 3;
}
.kt-grid .kt-grid-item.col-span-4 {
  grid-column: span 4/span 4;
}
.kt-grid .kt-grid-item.col-span-5 {
  grid-column: span 5/span 5;
}
.kt-grid .kt-grid-item.col-span-6 {
  grid-column: span 6/span 6;
}
.kt-grid .kt-grid-item.col-span-7 {
  grid-column: span 7/span 7;
}
.kt-grid .kt-grid-item.col-span-8 {
  grid-column: span 8/span 8;
}
.kt-grid .kt-grid-item.col-span-9 {
  grid-column: span 9/span 9;
}
.kt-grid .kt-grid-item.col-span-10 {
  grid-column: span 10/span 10;
}
.kt-grid .kt-grid-item.col-span-11 {
  grid-column: span 11/span 11;
}
.kt-grid .kt-grid-item.col-span-12 {
  grid-column: span 12/span 12;
}
.kt-grid .kt-grid-item.col-start-0 {
  grid-column-start: 0;
}
.kt-grid .kt-grid-item.col-start-1 {
  grid-column-start: 1;
}
.kt-grid .kt-grid-item.col-start-2 {
  grid-column-start: 2;
}
.kt-grid .kt-grid-item.col-start-3 {
  grid-column-start: 3;
}
.kt-grid .kt-grid-item.col-start-4 {
  grid-column-start: 4;
}
.kt-grid .kt-grid-item.col-start-5 {
  grid-column-start: 5;
}
.kt-grid .kt-grid-item.col-start-6 {
  grid-column-start: 6;
}
.kt-grid .kt-grid-item.col-start-7 {
  grid-column-start: 7;
}
.kt-grid .kt-grid-item.col-start-8 {
  grid-column-start: 8;
}
.kt-grid .kt-grid-item.col-start-9 {
  grid-column-start: 9;
}
.kt-grid .kt-grid-item.col-start-10 {
  grid-column-start: 10;
}
.kt-grid .kt-grid-item.col-start-11 {
  grid-column-start: 11;
}
.kt-grid .kt-grid-item.col-start-12 {
  grid-column-start: 12;
}
.kt-grid .kt-grid-item.col-end-0 {
  grid-column-end: 0;
}
.kt-grid .kt-grid-item.col-end-1 {
  grid-column-end: 1;
}
.kt-grid .kt-grid-item.col-end-2 {
  grid-column-end: 2;
}
.kt-grid .kt-grid-item.col-end-3 {
  grid-column-end: 3;
}
.kt-grid .kt-grid-item.col-end-4 {
  grid-column-end: 4;
}
.kt-grid .kt-grid-item.col-end-5 {
  grid-column-end: 5;
}
.kt-grid .kt-grid-item.col-end-6 {
  grid-column-end: 6;
}
.kt-grid .kt-grid-item.col-end-7 {
  grid-column-end: 7;
}
.kt-grid .kt-grid-item.col-end-8 {
  grid-column-end: 8;
}
.kt-grid .kt-grid-item.col-end-9 {
  grid-column-end: 9;
}
.kt-grid .kt-grid-item.col-end-10 {
  grid-column-end: 10;
}
.kt-grid .kt-grid-item.col-end-11 {
  grid-column-end: 11;
}
.kt-grid .kt-grid-item.col-end-12 {
  grid-column-end: 12;
}
.kt-grid .kt-grid-item.col-full {
  grid-column: 1/-1;
}

.kt-stack.gap-0,
.kt-grid.gap-0 {
  gap: 0rem;
}
.kt-stack.gap-1,
.kt-grid.gap-1 {
  gap: 0.25rem;
}
.kt-stack.gap-2,
.kt-grid.gap-2 {
  gap: 0.5rem;
}
.kt-stack.gap-3,
.kt-grid.gap-3 {
  gap: 0.75rem;
}
.kt-stack.gap-4,
.kt-grid.gap-4 {
  gap: 1rem;
}
.kt-stack.gap-5,
.kt-grid.gap-5 {
  gap: 1.25rem;
}
.kt-stack.gap-6,
.kt-grid.gap-6 {
  gap: 1.5rem;
}
.kt-stack.gap-7,
.kt-grid.gap-7 {
  gap: 1.75rem;
}
.kt-stack.gap-8,
.kt-grid.gap-8 {
  gap: 2rem;
}
.kt-stack.gap-9,
.kt-grid.gap-9 {
  gap: 2.25rem;
}
.kt-stack.gap-10,
.kt-grid.gap-10 {
  gap: 2.5rem;
}
.kt-stack.gap-11,
.kt-grid.gap-11 {
  gap: 2.75rem;
}
.kt-stack.gap-12,
.kt-grid.gap-12 {
  gap: 3rem;
}
.kt-stack.gap-13,
.kt-grid.gap-13 {
  gap: 3.25rem;
}
.kt-stack.gap-14,
.kt-grid.gap-14 {
  gap: 3.5rem;
}
.kt-stack.gap-15,
.kt-grid.gap-15 {
  gap: 3.75rem;
}
.kt-stack.gap-16,
.kt-grid.gap-16 {
  gap: 4rem;
}
.kt-stack.gapx-0,
.kt-grid.gapx-0 {
  column-gap: 0rem;
}
.kt-stack.gapx-1,
.kt-grid.gapx-1 {
  column-gap: 0.25rem;
}
.kt-stack.gapx-2,
.kt-grid.gapx-2 {
  column-gap: 0.5rem;
}
.kt-stack.gapx-3,
.kt-grid.gapx-3 {
  column-gap: 0.75rem;
}
.kt-stack.gapx-4,
.kt-grid.gapx-4 {
  column-gap: 1rem;
}
.kt-stack.gapx-5,
.kt-grid.gapx-5 {
  column-gap: 1.25rem;
}
.kt-stack.gapx-6,
.kt-grid.gapx-6 {
  column-gap: 1.5rem;
}
.kt-stack.gapx-7,
.kt-grid.gapx-7 {
  column-gap: 1.75rem;
}
.kt-stack.gapx-8,
.kt-grid.gapx-8 {
  column-gap: 2rem;
}
.kt-stack.gapx-9,
.kt-grid.gapx-9 {
  column-gap: 2.25rem;
}
.kt-stack.gapx-10,
.kt-grid.gapx-10 {
  column-gap: 2.5rem;
}
.kt-stack.gapx-11,
.kt-grid.gapx-11 {
  column-gap: 2.75rem;
}
.kt-stack.gapx-12,
.kt-grid.gapx-12 {
  column-gap: 3rem;
}
.kt-stack.gapx-13,
.kt-grid.gapx-13 {
  column-gap: 3.25rem;
}
.kt-stack.gapx-14,
.kt-grid.gapx-14 {
  column-gap: 3.5rem;
}
.kt-stack.gapx-15,
.kt-grid.gapx-15 {
  column-gap: 3.75rem;
}
.kt-stack.gapx-16,
.kt-grid.gapx-16 {
  column-gap: 4rem;
}
.kt-stack.gapy-0,
.kt-grid.gapy-0 {
  row-gap: 0rem;
}
.kt-stack.gapy-1,
.kt-grid.gapy-1 {
  row-gap: 0.25rem;
}
.kt-stack.gapy-2,
.kt-grid.gapy-2 {
  row-gap: 0.5rem;
}
.kt-stack.gapy-3,
.kt-grid.gapy-3 {
  row-gap: 0.75rem;
}
.kt-stack.gapy-4,
.kt-grid.gapy-4 {
  row-gap: 1rem;
}
.kt-stack.gapy-5,
.kt-grid.gapy-5 {
  row-gap: 1.25rem;
}
.kt-stack.gapy-6,
.kt-grid.gapy-6 {
  row-gap: 1.5rem;
}
.kt-stack.gapy-7,
.kt-grid.gapy-7 {
  row-gap: 1.75rem;
}
.kt-stack.gapy-8,
.kt-grid.gapy-8 {
  row-gap: 2rem;
}
.kt-stack.gapy-9,
.kt-grid.gapy-9 {
  row-gap: 2.25rem;
}
.kt-stack.gapy-10,
.kt-grid.gapy-10 {
  row-gap: 2.5rem;
}
.kt-stack.gapy-11,
.kt-grid.gapy-11 {
  row-gap: 2.75rem;
}
.kt-stack.gapy-12,
.kt-grid.gapy-12 {
  row-gap: 3rem;
}
.kt-stack.gapy-13,
.kt-grid.gapy-13 {
  row-gap: 3.25rem;
}
.kt-stack.gapy-14,
.kt-grid.gapy-14 {
  row-gap: 3.5rem;
}
.kt-stack.gapy-15,
.kt-grid.gapy-15 {
  row-gap: 3.75rem;
}
.kt-stack.gapy-16,
.kt-grid.gapy-16 {
  row-gap: 4rem;
}

.kt-paper {
  padding: 1rem;
  background: var(--paper-background-color);
  border-radius: 0.5rem;
}
.kt-paper.bordered {
  border: 1px solid var(--paper-border-color);
}

.kt-banner {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 4rem;
  padding: 0 1rem;
  color: var(--banner-text-color);
  background: var(--banner-background-color);
  border-bottom: 1px solid var(--banner-border-color);
  overflow: hidden;
}
.kt-banner.hero {
  height: 12rem;
}
.kt-banner.hero .title-content .title {
  font-family: mokoko, serif;
  font-weight: 900;
  font-size: 4rem;
}
.kt-banner.hero .title-content .subtitle {
  font-size: 1.5rem;
}
.kt-banner.secondary {
  height: 7.5rem;
}
.kt-banner.secondary .title-content .title {
  font-family: mokoko, serif;
  font-weight: 700;
  font-size: 1.5rem;
}
.kt-banner.secondary .title-content .subtitle {
  font-size: 0.875rem;
}
.kt-banner.repeat-background {
  background-repeat: repeat;
}
.kt-banner.cover-background {
  background-repeat: no-repeat;
  background-size: cover;
}
.kt-banner.center-background {
  background-position: center;
}
.kt-banner.top-left-background {
  background-position: top left;
}
.kt-banner.top-background {
  background-position: top;
}
.kt-banner.top-right-background {
  background-position: top right;
}
.kt-banner.right-background {
  background-position: right;
}
.kt-banner.bottom-right-background {
  background-position: bottom right;
}
.kt-banner.bottom-background {
  background-position: bottom;
}
.kt-banner.bottom-left-background {
  background-position: bottom left;
}
.kt-banner.left-background {
  background-position: left;
}
.kt-banner .title-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.kt-banner .title-content .title,
.kt-banner .title-content .subtitle {
  margin-block: 0;
  text-shadow: 0px 0.25rem 0.25rem var(--shadow-color);
  line-height: 140%;
}
.kt-banner .title-content .title {
  white-space: nowrap;
}
.kt-banner .title-content .subtitle {
  font-family: mokoko, serif;
  font-weight: 700;
  text-align: center;
}
.kt-banner .image-content {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  width: 20.875rem;
  height: 12rem;
}
.kt-banner .image-content.top-align {
  align-items: start;
}
.kt-banner .image-content.center-align {
  align-items: center;
}
.kt-banner .image-content.bottom-align {
  align-items: end;
}
.kt-banner .image-content .accent-image {
  position: absolute;
}
.kt-banner .image-content .foreground-image {
  max-width: 20.875rem;
  max-height: 12rem;
  z-index: 1;
}

.kt-container {
  margin: 0 auto;
  padding: 0 3rem 4rem 3rem;
}
.kt-container.full {
  max-width: unset;
}
.kt-container.large {
  max-width: 75rem;
}
.kt-container.medium {
  max-width: 56.25rem;
}
.kt-container.small {
  max-width: 37.5rem;
}

.kt-expansion-panel .expand-icon {
  transition: transform 0.2s ease;
}
.kt-expansion-panel:not(.locked).expanded .expand-icon.right-position {
  transform: rotate(-180deg);
}
.kt-expansion-panel:not(.locked):not(.expanded) .expand-icon.left-position {
  transform: rotate(-90deg);
}
.kt-expansion-panel.bordered {
  border-radius: 0.5rem;
  border: 1px solid var(--expansion-panel-border-color);
  padding: 1.5rem;
  background-color: var(--expansion-panel-background-color);
}
.kt-expansion-panel .panel-title {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
}
.kt-expansion-panel .panel-title .kt-heading-display, .kt-expansion-panel .panel-title .kt-heading-l1, .kt-expansion-panel .panel-title .kt-heading-l2, .kt-expansion-panel .panel-title .kt-scheduler.summary .scheduler-header .scheduler-header-main .date, .kt-scheduler.summary .scheduler-header .scheduler-header-main .kt-expansion-panel .panel-title .date, .kt-expansion-panel .panel-title .kt-heading-l3, .kt-expansion-panel .panel-title .kt-scheduler.full .scheduler-header .scheduler-header-main .date, .kt-scheduler.full .scheduler-header .scheduler-header-main .kt-expansion-panel .panel-title .date, .kt-expansion-panel .panel-title .kt-scheduler.summary .day-section .day-label, .kt-scheduler.summary .day-section .kt-expansion-panel .panel-title .day-label, .kt-expansion-panel .panel-title .kt-heading-l4, .kt-expansion-panel .panel-title .kt-card .kt-card-header, .kt-card .kt-expansion-panel .panel-title .kt-card-header {
  margin: 0;
}
.kt-expansion-panel:not(.locked) .panel-title {
  cursor: pointer;
}
.kt-expansion-panel .panel {
  display: none;
}
.kt-expansion-panel .panel .kt-table thead.disable-sticky {
  top: 0 !important;
  transition: none;
}
.kt-expansion-panel .panel .panel-content {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}
.kt-expansion-panel.expanded .panel {
  display: block;
}
.kt-expansion-panel.dense .panel .panel-content {
  margin-top: 0;
}

.kt-modal.kt-settings-menu {
  display: none;
  position: absolute;
  top: 3.5rem;
  right: 0;
  margin: 0;
  box-shadow: 0 0 0.25rem 0 transparent, 0px 0.25rem 0.25rem 0px transparent;
  transform: translate(100%, -0.25rem);
  transition: 0.2s all ease-out;
  animation: settings-menu-slide-out 0.2s ease-out;
  top: 1rem;
  width: unset;
  max-width: 100vw;
}
.kt-modal.kt-settings-menu.show {
  display: flex;
  box-shadow: 0 0 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), var(--shadow-a));
  transform: translate(0, -0.25rem);
  animation: settings-menu-slide-in 0.2s ease-out;
}

.page-scrolled .kt-modal.kt-settings-menu {
  top: 3rem;
  top: 0.25rem;
}

@keyframes settings-menu-slide-in {
  0% {
    transform: translate(100%, -0.25rem);
  }
  100% {
    transform: translate(0, -0.25rem);
  }
}
@keyframes settings-menu-slide-out {
  0% {
    transform: translate(0, -0.25rem);
    display: block;
  }
  100% {
    transform: translate(100%, -0.25rem);
    display: none;
  }
}
.themes-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 23rem;
}

@media all and (max-width: 960px) {
  .kt-banner {
    gap: 3rem;
  }
  .kt-banner.hero {
    height: 7.5rem;
  }
  .kt-banner.hero .title-content .title {
    font-size: 2rem;
  }
  .kt-banner.hero .title-content .subtitle {
    font-size: 1rem;
  }
  .kt-banner .image-content {
    width: 13.046875rem;
    height: 7.5rem;
  }
  .kt-banner .image-content .accent-image,
  .kt-banner .image-content .foreground-image {
    scale: 0.625;
    transform-origin: bottom;
  }
  .kt-container {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 3rem;
  }
}
@media all and (max-width: 600px) {
  .kt-banner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .kt-banner .image-content {
    display: none;
  }
}
@media (max-width: 600px) {
  .kt-grid.xs-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .kt-grid.xs-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .kt-grid .kt-grid-item.xs-col-span-0 {
    grid-column: span 0/span 0;
  }
  .kt-grid .kt-grid-item.xs-col-span-1 {
    grid-column: span 1/span 1;
  }
  .kt-grid .kt-grid-item.xs-col-span-2 {
    grid-column: span 2/span 2;
  }
  .kt-grid .kt-grid-item.xs-col-span-3 {
    grid-column: span 3/span 3;
  }
  .kt-grid .kt-grid-item.xs-col-span-4 {
    grid-column: span 4/span 4;
  }
  .kt-grid .kt-grid-item.xs-col-span-5 {
    grid-column: span 5/span 5;
  }
  .kt-grid .kt-grid-item.xs-col-span-6 {
    grid-column: span 6/span 6;
  }
  .kt-grid .kt-grid-item.xs-col-span-7 {
    grid-column: span 7/span 7;
  }
  .kt-grid .kt-grid-item.xs-col-span-8 {
    grid-column: span 8/span 8;
  }
  .kt-grid .kt-grid-item.xs-col-span-9 {
    grid-column: span 9/span 9;
  }
  .kt-grid .kt-grid-item.xs-col-span-10 {
    grid-column: span 10/span 10;
  }
  .kt-grid .kt-grid-item.xs-col-span-11 {
    grid-column: span 11/span 11;
  }
  .kt-grid .kt-grid-item.xs-col-span-12 {
    grid-column: span 12/span 12;
  }
  .kt-grid .kt-grid-item.xs-col-start-0 {
    grid-column-start: 0;
  }
  .kt-grid .kt-grid-item.xs-col-start-1 {
    grid-column-start: 1;
  }
  .kt-grid .kt-grid-item.xs-col-start-2 {
    grid-column-start: 2;
  }
  .kt-grid .kt-grid-item.xs-col-start-3 {
    grid-column-start: 3;
  }
  .kt-grid .kt-grid-item.xs-col-start-4 {
    grid-column-start: 4;
  }
  .kt-grid .kt-grid-item.xs-col-start-5 {
    grid-column-start: 5;
  }
  .kt-grid .kt-grid-item.xs-col-start-6 {
    grid-column-start: 6;
  }
  .kt-grid .kt-grid-item.xs-col-start-7 {
    grid-column-start: 7;
  }
  .kt-grid .kt-grid-item.xs-col-start-8 {
    grid-column-start: 8;
  }
  .kt-grid .kt-grid-item.xs-col-start-9 {
    grid-column-start: 9;
  }
  .kt-grid .kt-grid-item.xs-col-start-10 {
    grid-column-start: 10;
  }
  .kt-grid .kt-grid-item.xs-col-start-11 {
    grid-column-start: 11;
  }
  .kt-grid .kt-grid-item.xs-col-start-12 {
    grid-column-start: 12;
  }
  .kt-grid .kt-grid-item.xs-col-end-0 {
    grid-column-end: 0;
  }
  .kt-grid .kt-grid-item.xs-col-end-1 {
    grid-column-end: 1;
  }
  .kt-grid .kt-grid-item.xs-col-end-2 {
    grid-column-end: 2;
  }
  .kt-grid .kt-grid-item.xs-col-end-3 {
    grid-column-end: 3;
  }
  .kt-grid .kt-grid-item.xs-col-end-4 {
    grid-column-end: 4;
  }
  .kt-grid .kt-grid-item.xs-col-end-5 {
    grid-column-end: 5;
  }
  .kt-grid .kt-grid-item.xs-col-end-6 {
    grid-column-end: 6;
  }
  .kt-grid .kt-grid-item.xs-col-end-7 {
    grid-column-end: 7;
  }
  .kt-grid .kt-grid-item.xs-col-end-8 {
    grid-column-end: 8;
  }
  .kt-grid .kt-grid-item.xs-col-end-9 {
    grid-column-end: 9;
  }
  .kt-grid .kt-grid-item.xs-col-end-10 {
    grid-column-end: 10;
  }
  .kt-grid .kt-grid-item.xs-col-end-11 {
    grid-column-end: 11;
  }
  .kt-grid .kt-grid-item.xs-col-end-12 {
    grid-column-end: 12;
  }
  .kt-grid .kt-grid-item.xs-col-full {
    grid-column: 1/-1;
  }
  .kt-stack.xs-gap-0,
  .kt-grid.xs-gap-0 {
    gap: 0rem;
  }
  .kt-stack.xs-gap-1,
  .kt-grid.xs-gap-1 {
    gap: 0.25rem;
  }
  .kt-stack.xs-gap-2,
  .kt-grid.xs-gap-2 {
    gap: 0.5rem;
  }
  .kt-stack.xs-gap-3,
  .kt-grid.xs-gap-3 {
    gap: 0.75rem;
  }
  .kt-stack.xs-gap-4,
  .kt-grid.xs-gap-4 {
    gap: 1rem;
  }
  .kt-stack.xs-gap-5,
  .kt-grid.xs-gap-5 {
    gap: 1.25rem;
  }
  .kt-stack.xs-gap-6,
  .kt-grid.xs-gap-6 {
    gap: 1.5rem;
  }
  .kt-stack.xs-gap-7,
  .kt-grid.xs-gap-7 {
    gap: 1.75rem;
  }
  .kt-stack.xs-gap-8,
  .kt-grid.xs-gap-8 {
    gap: 2rem;
  }
  .kt-stack.xs-gap-9,
  .kt-grid.xs-gap-9 {
    gap: 2.25rem;
  }
  .kt-stack.xs-gap-10,
  .kt-grid.xs-gap-10 {
    gap: 2.5rem;
  }
  .kt-stack.xs-gap-11,
  .kt-grid.xs-gap-11 {
    gap: 2.75rem;
  }
  .kt-stack.xs-gap-12,
  .kt-grid.xs-gap-12 {
    gap: 3rem;
  }
  .kt-stack.xs-gap-13,
  .kt-grid.xs-gap-13 {
    gap: 3.25rem;
  }
  .kt-stack.xs-gap-14,
  .kt-grid.xs-gap-14 {
    gap: 3.5rem;
  }
  .kt-stack.xs-gap-15,
  .kt-grid.xs-gap-15 {
    gap: 3.75rem;
  }
  .kt-stack.xs-gap-16,
  .kt-grid.xs-gap-16 {
    gap: 4rem;
  }
  .kt-stack.xs-gapx-0,
  .kt-grid.xs-gapx-0 {
    column-gap: 0rem;
  }
  .kt-stack.xs-gapx-1,
  .kt-grid.xs-gapx-1 {
    column-gap: 0.25rem;
  }
  .kt-stack.xs-gapx-2,
  .kt-grid.xs-gapx-2 {
    column-gap: 0.5rem;
  }
  .kt-stack.xs-gapx-3,
  .kt-grid.xs-gapx-3 {
    column-gap: 0.75rem;
  }
  .kt-stack.xs-gapx-4,
  .kt-grid.xs-gapx-4 {
    column-gap: 1rem;
  }
  .kt-stack.xs-gapx-5,
  .kt-grid.xs-gapx-5 {
    column-gap: 1.25rem;
  }
  .kt-stack.xs-gapx-6,
  .kt-grid.xs-gapx-6 {
    column-gap: 1.5rem;
  }
  .kt-stack.xs-gapx-7,
  .kt-grid.xs-gapx-7 {
    column-gap: 1.75rem;
  }
  .kt-stack.xs-gapx-8,
  .kt-grid.xs-gapx-8 {
    column-gap: 2rem;
  }
  .kt-stack.xs-gapx-9,
  .kt-grid.xs-gapx-9 {
    column-gap: 2.25rem;
  }
  .kt-stack.xs-gapx-10,
  .kt-grid.xs-gapx-10 {
    column-gap: 2.5rem;
  }
  .kt-stack.xs-gapx-11,
  .kt-grid.xs-gapx-11 {
    column-gap: 2.75rem;
  }
  .kt-stack.xs-gapx-12,
  .kt-grid.xs-gapx-12 {
    column-gap: 3rem;
  }
  .kt-stack.xs-gapx-13,
  .kt-grid.xs-gapx-13 {
    column-gap: 3.25rem;
  }
  .kt-stack.xs-gapx-14,
  .kt-grid.xs-gapx-14 {
    column-gap: 3.5rem;
  }
  .kt-stack.xs-gapx-15,
  .kt-grid.xs-gapx-15 {
    column-gap: 3.75rem;
  }
  .kt-stack.xs-gapx-16,
  .kt-grid.xs-gapx-16 {
    column-gap: 4rem;
  }
  .kt-stack.xs-gapy-0,
  .kt-grid.xs-gapy-0 {
    row-gap: 0rem;
  }
  .kt-stack.xs-gapy-1,
  .kt-grid.xs-gapy-1 {
    row-gap: 0.25rem;
  }
  .kt-stack.xs-gapy-2,
  .kt-grid.xs-gapy-2 {
    row-gap: 0.5rem;
  }
  .kt-stack.xs-gapy-3,
  .kt-grid.xs-gapy-3 {
    row-gap: 0.75rem;
  }
  .kt-stack.xs-gapy-4,
  .kt-grid.xs-gapy-4 {
    row-gap: 1rem;
  }
  .kt-stack.xs-gapy-5,
  .kt-grid.xs-gapy-5 {
    row-gap: 1.25rem;
  }
  .kt-stack.xs-gapy-6,
  .kt-grid.xs-gapy-6 {
    row-gap: 1.5rem;
  }
  .kt-stack.xs-gapy-7,
  .kt-grid.xs-gapy-7 {
    row-gap: 1.75rem;
  }
  .kt-stack.xs-gapy-8,
  .kt-grid.xs-gapy-8 {
    row-gap: 2rem;
  }
  .kt-stack.xs-gapy-9,
  .kt-grid.xs-gapy-9 {
    row-gap: 2.25rem;
  }
  .kt-stack.xs-gapy-10,
  .kt-grid.xs-gapy-10 {
    row-gap: 2.5rem;
  }
  .kt-stack.xs-gapy-11,
  .kt-grid.xs-gapy-11 {
    row-gap: 2.75rem;
  }
  .kt-stack.xs-gapy-12,
  .kt-grid.xs-gapy-12 {
    row-gap: 3rem;
  }
  .kt-stack.xs-gapy-13,
  .kt-grid.xs-gapy-13 {
    row-gap: 3.25rem;
  }
  .kt-stack.xs-gapy-14,
  .kt-grid.xs-gapy-14 {
    row-gap: 3.5rem;
  }
  .kt-stack.xs-gapy-15,
  .kt-grid.xs-gapy-15 {
    row-gap: 3.75rem;
  }
  .kt-stack.xs-gapy-16,
  .kt-grid.xs-gapy-16 {
    row-gap: 4rem;
  }
}
@media (min-width: 601px) and (max-width: 960px) {
  .kt-grid.sm-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .kt-grid.sm-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .kt-grid .kt-grid-item.sm-col-span-0 {
    grid-column: span 0/span 0;
  }
  .kt-grid .kt-grid-item.sm-col-span-1 {
    grid-column: span 1/span 1;
  }
  .kt-grid .kt-grid-item.sm-col-span-2 {
    grid-column: span 2/span 2;
  }
  .kt-grid .kt-grid-item.sm-col-span-3 {
    grid-column: span 3/span 3;
  }
  .kt-grid .kt-grid-item.sm-col-span-4 {
    grid-column: span 4/span 4;
  }
  .kt-grid .kt-grid-item.sm-col-span-5 {
    grid-column: span 5/span 5;
  }
  .kt-grid .kt-grid-item.sm-col-span-6 {
    grid-column: span 6/span 6;
  }
  .kt-grid .kt-grid-item.sm-col-span-7 {
    grid-column: span 7/span 7;
  }
  .kt-grid .kt-grid-item.sm-col-span-8 {
    grid-column: span 8/span 8;
  }
  .kt-grid .kt-grid-item.sm-col-span-9 {
    grid-column: span 9/span 9;
  }
  .kt-grid .kt-grid-item.sm-col-span-10 {
    grid-column: span 10/span 10;
  }
  .kt-grid .kt-grid-item.sm-col-span-11 {
    grid-column: span 11/span 11;
  }
  .kt-grid .kt-grid-item.sm-col-span-12 {
    grid-column: span 12/span 12;
  }
  .kt-grid .kt-grid-item.sm-col-start-0 {
    grid-column-start: 0;
  }
  .kt-grid .kt-grid-item.sm-col-start-1 {
    grid-column-start: 1;
  }
  .kt-grid .kt-grid-item.sm-col-start-2 {
    grid-column-start: 2;
  }
  .kt-grid .kt-grid-item.sm-col-start-3 {
    grid-column-start: 3;
  }
  .kt-grid .kt-grid-item.sm-col-start-4 {
    grid-column-start: 4;
  }
  .kt-grid .kt-grid-item.sm-col-start-5 {
    grid-column-start: 5;
  }
  .kt-grid .kt-grid-item.sm-col-start-6 {
    grid-column-start: 6;
  }
  .kt-grid .kt-grid-item.sm-col-start-7 {
    grid-column-start: 7;
  }
  .kt-grid .kt-grid-item.sm-col-start-8 {
    grid-column-start: 8;
  }
  .kt-grid .kt-grid-item.sm-col-start-9 {
    grid-column-start: 9;
  }
  .kt-grid .kt-grid-item.sm-col-start-10 {
    grid-column-start: 10;
  }
  .kt-grid .kt-grid-item.sm-col-start-11 {
    grid-column-start: 11;
  }
  .kt-grid .kt-grid-item.sm-col-start-12 {
    grid-column-start: 12;
  }
  .kt-grid .kt-grid-item.sm-col-end-0 {
    grid-column-end: 0;
  }
  .kt-grid .kt-grid-item.sm-col-end-1 {
    grid-column-end: 1;
  }
  .kt-grid .kt-grid-item.sm-col-end-2 {
    grid-column-end: 2;
  }
  .kt-grid .kt-grid-item.sm-col-end-3 {
    grid-column-end: 3;
  }
  .kt-grid .kt-grid-item.sm-col-end-4 {
    grid-column-end: 4;
  }
  .kt-grid .kt-grid-item.sm-col-end-5 {
    grid-column-end: 5;
  }
  .kt-grid .kt-grid-item.sm-col-end-6 {
    grid-column-end: 6;
  }
  .kt-grid .kt-grid-item.sm-col-end-7 {
    grid-column-end: 7;
  }
  .kt-grid .kt-grid-item.sm-col-end-8 {
    grid-column-end: 8;
  }
  .kt-grid .kt-grid-item.sm-col-end-9 {
    grid-column-end: 9;
  }
  .kt-grid .kt-grid-item.sm-col-end-10 {
    grid-column-end: 10;
  }
  .kt-grid .kt-grid-item.sm-col-end-11 {
    grid-column-end: 11;
  }
  .kt-grid .kt-grid-item.sm-col-end-12 {
    grid-column-end: 12;
  }
  .kt-grid .kt-grid-item.sm-col-full {
    grid-column: 1/-1;
  }
  .kt-stack.sm-gap-0,
  .kt-grid.sm-gap-0 {
    gap: 0rem;
  }
  .kt-stack.sm-gap-1,
  .kt-grid.sm-gap-1 {
    gap: 0.25rem;
  }
  .kt-stack.sm-gap-2,
  .kt-grid.sm-gap-2 {
    gap: 0.5rem;
  }
  .kt-stack.sm-gap-3,
  .kt-grid.sm-gap-3 {
    gap: 0.75rem;
  }
  .kt-stack.sm-gap-4,
  .kt-grid.sm-gap-4 {
    gap: 1rem;
  }
  .kt-stack.sm-gap-5,
  .kt-grid.sm-gap-5 {
    gap: 1.25rem;
  }
  .kt-stack.sm-gap-6,
  .kt-grid.sm-gap-6 {
    gap: 1.5rem;
  }
  .kt-stack.sm-gap-7,
  .kt-grid.sm-gap-7 {
    gap: 1.75rem;
  }
  .kt-stack.sm-gap-8,
  .kt-grid.sm-gap-8 {
    gap: 2rem;
  }
  .kt-stack.sm-gap-9,
  .kt-grid.sm-gap-9 {
    gap: 2.25rem;
  }
  .kt-stack.sm-gap-10,
  .kt-grid.sm-gap-10 {
    gap: 2.5rem;
  }
  .kt-stack.sm-gap-11,
  .kt-grid.sm-gap-11 {
    gap: 2.75rem;
  }
  .kt-stack.sm-gap-12,
  .kt-grid.sm-gap-12 {
    gap: 3rem;
  }
  .kt-stack.sm-gap-13,
  .kt-grid.sm-gap-13 {
    gap: 3.25rem;
  }
  .kt-stack.sm-gap-14,
  .kt-grid.sm-gap-14 {
    gap: 3.5rem;
  }
  .kt-stack.sm-gap-15,
  .kt-grid.sm-gap-15 {
    gap: 3.75rem;
  }
  .kt-stack.sm-gap-16,
  .kt-grid.sm-gap-16 {
    gap: 4rem;
  }
  .kt-stack.sm-gapx-0,
  .kt-grid.sm-gapx-0 {
    column-gap: 0rem;
  }
  .kt-stack.sm-gapx-1,
  .kt-grid.sm-gapx-1 {
    column-gap: 0.25rem;
  }
  .kt-stack.sm-gapx-2,
  .kt-grid.sm-gapx-2 {
    column-gap: 0.5rem;
  }
  .kt-stack.sm-gapx-3,
  .kt-grid.sm-gapx-3 {
    column-gap: 0.75rem;
  }
  .kt-stack.sm-gapx-4,
  .kt-grid.sm-gapx-4 {
    column-gap: 1rem;
  }
  .kt-stack.sm-gapx-5,
  .kt-grid.sm-gapx-5 {
    column-gap: 1.25rem;
  }
  .kt-stack.sm-gapx-6,
  .kt-grid.sm-gapx-6 {
    column-gap: 1.5rem;
  }
  .kt-stack.sm-gapx-7,
  .kt-grid.sm-gapx-7 {
    column-gap: 1.75rem;
  }
  .kt-stack.sm-gapx-8,
  .kt-grid.sm-gapx-8 {
    column-gap: 2rem;
  }
  .kt-stack.sm-gapx-9,
  .kt-grid.sm-gapx-9 {
    column-gap: 2.25rem;
  }
  .kt-stack.sm-gapx-10,
  .kt-grid.sm-gapx-10 {
    column-gap: 2.5rem;
  }
  .kt-stack.sm-gapx-11,
  .kt-grid.sm-gapx-11 {
    column-gap: 2.75rem;
  }
  .kt-stack.sm-gapx-12,
  .kt-grid.sm-gapx-12 {
    column-gap: 3rem;
  }
  .kt-stack.sm-gapx-13,
  .kt-grid.sm-gapx-13 {
    column-gap: 3.25rem;
  }
  .kt-stack.sm-gapx-14,
  .kt-grid.sm-gapx-14 {
    column-gap: 3.5rem;
  }
  .kt-stack.sm-gapx-15,
  .kt-grid.sm-gapx-15 {
    column-gap: 3.75rem;
  }
  .kt-stack.sm-gapx-16,
  .kt-grid.sm-gapx-16 {
    column-gap: 4rem;
  }
  .kt-stack.sm-gapy-0,
  .kt-grid.sm-gapy-0 {
    row-gap: 0rem;
  }
  .kt-stack.sm-gapy-1,
  .kt-grid.sm-gapy-1 {
    row-gap: 0.25rem;
  }
  .kt-stack.sm-gapy-2,
  .kt-grid.sm-gapy-2 {
    row-gap: 0.5rem;
  }
  .kt-stack.sm-gapy-3,
  .kt-grid.sm-gapy-3 {
    row-gap: 0.75rem;
  }
  .kt-stack.sm-gapy-4,
  .kt-grid.sm-gapy-4 {
    row-gap: 1rem;
  }
  .kt-stack.sm-gapy-5,
  .kt-grid.sm-gapy-5 {
    row-gap: 1.25rem;
  }
  .kt-stack.sm-gapy-6,
  .kt-grid.sm-gapy-6 {
    row-gap: 1.5rem;
  }
  .kt-stack.sm-gapy-7,
  .kt-grid.sm-gapy-7 {
    row-gap: 1.75rem;
  }
  .kt-stack.sm-gapy-8,
  .kt-grid.sm-gapy-8 {
    row-gap: 2rem;
  }
  .kt-stack.sm-gapy-9,
  .kt-grid.sm-gapy-9 {
    row-gap: 2.25rem;
  }
  .kt-stack.sm-gapy-10,
  .kt-grid.sm-gapy-10 {
    row-gap: 2.5rem;
  }
  .kt-stack.sm-gapy-11,
  .kt-grid.sm-gapy-11 {
    row-gap: 2.75rem;
  }
  .kt-stack.sm-gapy-12,
  .kt-grid.sm-gapy-12 {
    row-gap: 3rem;
  }
  .kt-stack.sm-gapy-13,
  .kt-grid.sm-gapy-13 {
    row-gap: 3.25rem;
  }
  .kt-stack.sm-gapy-14,
  .kt-grid.sm-gapy-14 {
    row-gap: 3.5rem;
  }
  .kt-stack.sm-gapy-15,
  .kt-grid.sm-gapy-15 {
    row-gap: 3.75rem;
  }
  .kt-stack.sm-gapy-16,
  .kt-grid.sm-gapy-16 {
    row-gap: 4rem;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .kt-grid.md-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .kt-grid.md-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kt-grid.md-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kt-grid.md-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .kt-grid.md-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .kt-grid.md-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .kt-grid.md-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .kt-grid.md-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .kt-grid.md-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .kt-grid.md-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .kt-grid.md-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .kt-grid.md-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .kt-grid .kt-grid-item.md-col-span-0 {
    grid-column: span 0/span 0;
  }
  .kt-grid .kt-grid-item.md-col-span-1 {
    grid-column: span 1/span 1;
  }
  .kt-grid .kt-grid-item.md-col-span-2 {
    grid-column: span 2/span 2;
  }
  .kt-grid .kt-grid-item.md-col-span-3 {
    grid-column: span 3/span 3;
  }
  .kt-grid .kt-grid-item.md-col-span-4 {
    grid-column: span 4/span 4;
  }
  .kt-grid .kt-grid-item.md-col-span-5 {
    grid-column: span 5/span 5;
  }
  .kt-grid .kt-grid-item.md-col-span-6 {
    grid-column: span 6/span 6;
  }
  .kt-grid .kt-grid-item.md-col-span-7 {
    grid-column: span 7/span 7;
  }
  .kt-grid .kt-grid-item.md-col-span-8 {
    grid-column: span 8/span 8;
  }
  .kt-grid .kt-grid-item.md-col-span-9 {
    grid-column: span 9/span 9;
  }
  .kt-grid .kt-grid-item.md-col-span-10 {
    grid-column: span 10/span 10;
  }
  .kt-grid .kt-grid-item.md-col-span-11 {
    grid-column: span 11/span 11;
  }
  .kt-grid .kt-grid-item.md-col-span-12 {
    grid-column: span 12/span 12;
  }
  .kt-grid .kt-grid-item.md-col-start-0 {
    grid-column-start: 0;
  }
  .kt-grid .kt-grid-item.md-col-start-1 {
    grid-column-start: 1;
  }
  .kt-grid .kt-grid-item.md-col-start-2 {
    grid-column-start: 2;
  }
  .kt-grid .kt-grid-item.md-col-start-3 {
    grid-column-start: 3;
  }
  .kt-grid .kt-grid-item.md-col-start-4 {
    grid-column-start: 4;
  }
  .kt-grid .kt-grid-item.md-col-start-5 {
    grid-column-start: 5;
  }
  .kt-grid .kt-grid-item.md-col-start-6 {
    grid-column-start: 6;
  }
  .kt-grid .kt-grid-item.md-col-start-7 {
    grid-column-start: 7;
  }
  .kt-grid .kt-grid-item.md-col-start-8 {
    grid-column-start: 8;
  }
  .kt-grid .kt-grid-item.md-col-start-9 {
    grid-column-start: 9;
  }
  .kt-grid .kt-grid-item.md-col-start-10 {
    grid-column-start: 10;
  }
  .kt-grid .kt-grid-item.md-col-start-11 {
    grid-column-start: 11;
  }
  .kt-grid .kt-grid-item.md-col-start-12 {
    grid-column-start: 12;
  }
  .kt-grid .kt-grid-item.md-col-end-0 {
    grid-column-end: 0;
  }
  .kt-grid .kt-grid-item.md-col-end-1 {
    grid-column-end: 1;
  }
  .kt-grid .kt-grid-item.md-col-end-2 {
    grid-column-end: 2;
  }
  .kt-grid .kt-grid-item.md-col-end-3 {
    grid-column-end: 3;
  }
  .kt-grid .kt-grid-item.md-col-end-4 {
    grid-column-end: 4;
  }
  .kt-grid .kt-grid-item.md-col-end-5 {
    grid-column-end: 5;
  }
  .kt-grid .kt-grid-item.md-col-end-6 {
    grid-column-end: 6;
  }
  .kt-grid .kt-grid-item.md-col-end-7 {
    grid-column-end: 7;
  }
  .kt-grid .kt-grid-item.md-col-end-8 {
    grid-column-end: 8;
  }
  .kt-grid .kt-grid-item.md-col-end-9 {
    grid-column-end: 9;
  }
  .kt-grid .kt-grid-item.md-col-end-10 {
    grid-column-end: 10;
  }
  .kt-grid .kt-grid-item.md-col-end-11 {
    grid-column-end: 11;
  }
  .kt-grid .kt-grid-item.md-col-end-12 {
    grid-column-end: 12;
  }
  .kt-grid .kt-grid-item.md-col-full {
    grid-column: 1/-1;
  }
  .kt-stack.md-gap-0,
  .kt-grid.md-gap-0 {
    gap: 0rem;
  }
  .kt-stack.md-gap-1,
  .kt-grid.md-gap-1 {
    gap: 0.25rem;
  }
  .kt-stack.md-gap-2,
  .kt-grid.md-gap-2 {
    gap: 0.5rem;
  }
  .kt-stack.md-gap-3,
  .kt-grid.md-gap-3 {
    gap: 0.75rem;
  }
  .kt-stack.md-gap-4,
  .kt-grid.md-gap-4 {
    gap: 1rem;
  }
  .kt-stack.md-gap-5,
  .kt-grid.md-gap-5 {
    gap: 1.25rem;
  }
  .kt-stack.md-gap-6,
  .kt-grid.md-gap-6 {
    gap: 1.5rem;
  }
  .kt-stack.md-gap-7,
  .kt-grid.md-gap-7 {
    gap: 1.75rem;
  }
  .kt-stack.md-gap-8,
  .kt-grid.md-gap-8 {
    gap: 2rem;
  }
  .kt-stack.md-gap-9,
  .kt-grid.md-gap-9 {
    gap: 2.25rem;
  }
  .kt-stack.md-gap-10,
  .kt-grid.md-gap-10 {
    gap: 2.5rem;
  }
  .kt-stack.md-gap-11,
  .kt-grid.md-gap-11 {
    gap: 2.75rem;
  }
  .kt-stack.md-gap-12,
  .kt-grid.md-gap-12 {
    gap: 3rem;
  }
  .kt-stack.md-gap-13,
  .kt-grid.md-gap-13 {
    gap: 3.25rem;
  }
  .kt-stack.md-gap-14,
  .kt-grid.md-gap-14 {
    gap: 3.5rem;
  }
  .kt-stack.md-gap-15,
  .kt-grid.md-gap-15 {
    gap: 3.75rem;
  }
  .kt-stack.md-gap-16,
  .kt-grid.md-gap-16 {
    gap: 4rem;
  }
  .kt-stack.md-gapx-0,
  .kt-grid.md-gapx-0 {
    column-gap: 0rem;
  }
  .kt-stack.md-gapx-1,
  .kt-grid.md-gapx-1 {
    column-gap: 0.25rem;
  }
  .kt-stack.md-gapx-2,
  .kt-grid.md-gapx-2 {
    column-gap: 0.5rem;
  }
  .kt-stack.md-gapx-3,
  .kt-grid.md-gapx-3 {
    column-gap: 0.75rem;
  }
  .kt-stack.md-gapx-4,
  .kt-grid.md-gapx-4 {
    column-gap: 1rem;
  }
  .kt-stack.md-gapx-5,
  .kt-grid.md-gapx-5 {
    column-gap: 1.25rem;
  }
  .kt-stack.md-gapx-6,
  .kt-grid.md-gapx-6 {
    column-gap: 1.5rem;
  }
  .kt-stack.md-gapx-7,
  .kt-grid.md-gapx-7 {
    column-gap: 1.75rem;
  }
  .kt-stack.md-gapx-8,
  .kt-grid.md-gapx-8 {
    column-gap: 2rem;
  }
  .kt-stack.md-gapx-9,
  .kt-grid.md-gapx-9 {
    column-gap: 2.25rem;
  }
  .kt-stack.md-gapx-10,
  .kt-grid.md-gapx-10 {
    column-gap: 2.5rem;
  }
  .kt-stack.md-gapx-11,
  .kt-grid.md-gapx-11 {
    column-gap: 2.75rem;
  }
  .kt-stack.md-gapx-12,
  .kt-grid.md-gapx-12 {
    column-gap: 3rem;
  }
  .kt-stack.md-gapx-13,
  .kt-grid.md-gapx-13 {
    column-gap: 3.25rem;
  }
  .kt-stack.md-gapx-14,
  .kt-grid.md-gapx-14 {
    column-gap: 3.5rem;
  }
  .kt-stack.md-gapx-15,
  .kt-grid.md-gapx-15 {
    column-gap: 3.75rem;
  }
  .kt-stack.md-gapx-16,
  .kt-grid.md-gapx-16 {
    column-gap: 4rem;
  }
  .kt-stack.md-gapy-0,
  .kt-grid.md-gapy-0 {
    row-gap: 0rem;
  }
  .kt-stack.md-gapy-1,
  .kt-grid.md-gapy-1 {
    row-gap: 0.25rem;
  }
  .kt-stack.md-gapy-2,
  .kt-grid.md-gapy-2 {
    row-gap: 0.5rem;
  }
  .kt-stack.md-gapy-3,
  .kt-grid.md-gapy-3 {
    row-gap: 0.75rem;
  }
  .kt-stack.md-gapy-4,
  .kt-grid.md-gapy-4 {
    row-gap: 1rem;
  }
  .kt-stack.md-gapy-5,
  .kt-grid.md-gapy-5 {
    row-gap: 1.25rem;
  }
  .kt-stack.md-gapy-6,
  .kt-grid.md-gapy-6 {
    row-gap: 1.5rem;
  }
  .kt-stack.md-gapy-7,
  .kt-grid.md-gapy-7 {
    row-gap: 1.75rem;
  }
  .kt-stack.md-gapy-8,
  .kt-grid.md-gapy-8 {
    row-gap: 2rem;
  }
  .kt-stack.md-gapy-9,
  .kt-grid.md-gapy-9 {
    row-gap: 2.25rem;
  }
  .kt-stack.md-gapy-10,
  .kt-grid.md-gapy-10 {
    row-gap: 2.5rem;
  }
  .kt-stack.md-gapy-11,
  .kt-grid.md-gapy-11 {
    row-gap: 2.75rem;
  }
  .kt-stack.md-gapy-12,
  .kt-grid.md-gapy-12 {
    row-gap: 3rem;
  }
  .kt-stack.md-gapy-13,
  .kt-grid.md-gapy-13 {
    row-gap: 3.25rem;
  }
  .kt-stack.md-gapy-14,
  .kt-grid.md-gapy-14 {
    row-gap: 3.5rem;
  }
  .kt-stack.md-gapy-15,
  .kt-grid.md-gapy-15 {
    row-gap: 3.75rem;
  }
  .kt-stack.md-gapy-16,
  .kt-grid.md-gapy-16 {
    row-gap: 4rem;
  }
}
@media (min-width: 1281px) and (max-width: 1920px) {
  .kt-grid.lg-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .kt-grid.lg-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .kt-grid .kt-grid-item.lg-col-span-0 {
    grid-column: span 0/span 0;
  }
  .kt-grid .kt-grid-item.lg-col-span-1 {
    grid-column: span 1/span 1;
  }
  .kt-grid .kt-grid-item.lg-col-span-2 {
    grid-column: span 2/span 2;
  }
  .kt-grid .kt-grid-item.lg-col-span-3 {
    grid-column: span 3/span 3;
  }
  .kt-grid .kt-grid-item.lg-col-span-4 {
    grid-column: span 4/span 4;
  }
  .kt-grid .kt-grid-item.lg-col-span-5 {
    grid-column: span 5/span 5;
  }
  .kt-grid .kt-grid-item.lg-col-span-6 {
    grid-column: span 6/span 6;
  }
  .kt-grid .kt-grid-item.lg-col-span-7 {
    grid-column: span 7/span 7;
  }
  .kt-grid .kt-grid-item.lg-col-span-8 {
    grid-column: span 8/span 8;
  }
  .kt-grid .kt-grid-item.lg-col-span-9 {
    grid-column: span 9/span 9;
  }
  .kt-grid .kt-grid-item.lg-col-span-10 {
    grid-column: span 10/span 10;
  }
  .kt-grid .kt-grid-item.lg-col-span-11 {
    grid-column: span 11/span 11;
  }
  .kt-grid .kt-grid-item.lg-col-span-12 {
    grid-column: span 12/span 12;
  }
  .kt-grid .kt-grid-item.lg-col-start-0 {
    grid-column-start: 0;
  }
  .kt-grid .kt-grid-item.lg-col-start-1 {
    grid-column-start: 1;
  }
  .kt-grid .kt-grid-item.lg-col-start-2 {
    grid-column-start: 2;
  }
  .kt-grid .kt-grid-item.lg-col-start-3 {
    grid-column-start: 3;
  }
  .kt-grid .kt-grid-item.lg-col-start-4 {
    grid-column-start: 4;
  }
  .kt-grid .kt-grid-item.lg-col-start-5 {
    grid-column-start: 5;
  }
  .kt-grid .kt-grid-item.lg-col-start-6 {
    grid-column-start: 6;
  }
  .kt-grid .kt-grid-item.lg-col-start-7 {
    grid-column-start: 7;
  }
  .kt-grid .kt-grid-item.lg-col-start-8 {
    grid-column-start: 8;
  }
  .kt-grid .kt-grid-item.lg-col-start-9 {
    grid-column-start: 9;
  }
  .kt-grid .kt-grid-item.lg-col-start-10 {
    grid-column-start: 10;
  }
  .kt-grid .kt-grid-item.lg-col-start-11 {
    grid-column-start: 11;
  }
  .kt-grid .kt-grid-item.lg-col-start-12 {
    grid-column-start: 12;
  }
  .kt-grid .kt-grid-item.lg-col-end-0 {
    grid-column-end: 0;
  }
  .kt-grid .kt-grid-item.lg-col-end-1 {
    grid-column-end: 1;
  }
  .kt-grid .kt-grid-item.lg-col-end-2 {
    grid-column-end: 2;
  }
  .kt-grid .kt-grid-item.lg-col-end-3 {
    grid-column-end: 3;
  }
  .kt-grid .kt-grid-item.lg-col-end-4 {
    grid-column-end: 4;
  }
  .kt-grid .kt-grid-item.lg-col-end-5 {
    grid-column-end: 5;
  }
  .kt-grid .kt-grid-item.lg-col-end-6 {
    grid-column-end: 6;
  }
  .kt-grid .kt-grid-item.lg-col-end-7 {
    grid-column-end: 7;
  }
  .kt-grid .kt-grid-item.lg-col-end-8 {
    grid-column-end: 8;
  }
  .kt-grid .kt-grid-item.lg-col-end-9 {
    grid-column-end: 9;
  }
  .kt-grid .kt-grid-item.lg-col-end-10 {
    grid-column-end: 10;
  }
  .kt-grid .kt-grid-item.lg-col-end-11 {
    grid-column-end: 11;
  }
  .kt-grid .kt-grid-item.lg-col-end-12 {
    grid-column-end: 12;
  }
  .kt-grid .kt-grid-item.lg-col-full {
    grid-column: 1/-1;
  }
  .kt-stack.lg-gap-0,
  .kt-grid.lg-gap-0 {
    gap: 0rem;
  }
  .kt-stack.lg-gap-1,
  .kt-grid.lg-gap-1 {
    gap: 0.25rem;
  }
  .kt-stack.lg-gap-2,
  .kt-grid.lg-gap-2 {
    gap: 0.5rem;
  }
  .kt-stack.lg-gap-3,
  .kt-grid.lg-gap-3 {
    gap: 0.75rem;
  }
  .kt-stack.lg-gap-4,
  .kt-grid.lg-gap-4 {
    gap: 1rem;
  }
  .kt-stack.lg-gap-5,
  .kt-grid.lg-gap-5 {
    gap: 1.25rem;
  }
  .kt-stack.lg-gap-6,
  .kt-grid.lg-gap-6 {
    gap: 1.5rem;
  }
  .kt-stack.lg-gap-7,
  .kt-grid.lg-gap-7 {
    gap: 1.75rem;
  }
  .kt-stack.lg-gap-8,
  .kt-grid.lg-gap-8 {
    gap: 2rem;
  }
  .kt-stack.lg-gap-9,
  .kt-grid.lg-gap-9 {
    gap: 2.25rem;
  }
  .kt-stack.lg-gap-10,
  .kt-grid.lg-gap-10 {
    gap: 2.5rem;
  }
  .kt-stack.lg-gap-11,
  .kt-grid.lg-gap-11 {
    gap: 2.75rem;
  }
  .kt-stack.lg-gap-12,
  .kt-grid.lg-gap-12 {
    gap: 3rem;
  }
  .kt-stack.lg-gap-13,
  .kt-grid.lg-gap-13 {
    gap: 3.25rem;
  }
  .kt-stack.lg-gap-14,
  .kt-grid.lg-gap-14 {
    gap: 3.5rem;
  }
  .kt-stack.lg-gap-15,
  .kt-grid.lg-gap-15 {
    gap: 3.75rem;
  }
  .kt-stack.lg-gap-16,
  .kt-grid.lg-gap-16 {
    gap: 4rem;
  }
  .kt-stack.lg-gapx-0,
  .kt-grid.lg-gapx-0 {
    column-gap: 0rem;
  }
  .kt-stack.lg-gapx-1,
  .kt-grid.lg-gapx-1 {
    column-gap: 0.25rem;
  }
  .kt-stack.lg-gapx-2,
  .kt-grid.lg-gapx-2 {
    column-gap: 0.5rem;
  }
  .kt-stack.lg-gapx-3,
  .kt-grid.lg-gapx-3 {
    column-gap: 0.75rem;
  }
  .kt-stack.lg-gapx-4,
  .kt-grid.lg-gapx-4 {
    column-gap: 1rem;
  }
  .kt-stack.lg-gapx-5,
  .kt-grid.lg-gapx-5 {
    column-gap: 1.25rem;
  }
  .kt-stack.lg-gapx-6,
  .kt-grid.lg-gapx-6 {
    column-gap: 1.5rem;
  }
  .kt-stack.lg-gapx-7,
  .kt-grid.lg-gapx-7 {
    column-gap: 1.75rem;
  }
  .kt-stack.lg-gapx-8,
  .kt-grid.lg-gapx-8 {
    column-gap: 2rem;
  }
  .kt-stack.lg-gapx-9,
  .kt-grid.lg-gapx-9 {
    column-gap: 2.25rem;
  }
  .kt-stack.lg-gapx-10,
  .kt-grid.lg-gapx-10 {
    column-gap: 2.5rem;
  }
  .kt-stack.lg-gapx-11,
  .kt-grid.lg-gapx-11 {
    column-gap: 2.75rem;
  }
  .kt-stack.lg-gapx-12,
  .kt-grid.lg-gapx-12 {
    column-gap: 3rem;
  }
  .kt-stack.lg-gapx-13,
  .kt-grid.lg-gapx-13 {
    column-gap: 3.25rem;
  }
  .kt-stack.lg-gapx-14,
  .kt-grid.lg-gapx-14 {
    column-gap: 3.5rem;
  }
  .kt-stack.lg-gapx-15,
  .kt-grid.lg-gapx-15 {
    column-gap: 3.75rem;
  }
  .kt-stack.lg-gapx-16,
  .kt-grid.lg-gapx-16 {
    column-gap: 4rem;
  }
  .kt-stack.lg-gapy-0,
  .kt-grid.lg-gapy-0 {
    row-gap: 0rem;
  }
  .kt-stack.lg-gapy-1,
  .kt-grid.lg-gapy-1 {
    row-gap: 0.25rem;
  }
  .kt-stack.lg-gapy-2,
  .kt-grid.lg-gapy-2 {
    row-gap: 0.5rem;
  }
  .kt-stack.lg-gapy-3,
  .kt-grid.lg-gapy-3 {
    row-gap: 0.75rem;
  }
  .kt-stack.lg-gapy-4,
  .kt-grid.lg-gapy-4 {
    row-gap: 1rem;
  }
  .kt-stack.lg-gapy-5,
  .kt-grid.lg-gapy-5 {
    row-gap: 1.25rem;
  }
  .kt-stack.lg-gapy-6,
  .kt-grid.lg-gapy-6 {
    row-gap: 1.5rem;
  }
  .kt-stack.lg-gapy-7,
  .kt-grid.lg-gapy-7 {
    row-gap: 1.75rem;
  }
  .kt-stack.lg-gapy-8,
  .kt-grid.lg-gapy-8 {
    row-gap: 2rem;
  }
  .kt-stack.lg-gapy-9,
  .kt-grid.lg-gapy-9 {
    row-gap: 2.25rem;
  }
  .kt-stack.lg-gapy-10,
  .kt-grid.lg-gapy-10 {
    row-gap: 2.5rem;
  }
  .kt-stack.lg-gapy-11,
  .kt-grid.lg-gapy-11 {
    row-gap: 2.75rem;
  }
  .kt-stack.lg-gapy-12,
  .kt-grid.lg-gapy-12 {
    row-gap: 3rem;
  }
  .kt-stack.lg-gapy-13,
  .kt-grid.lg-gapy-13 {
    row-gap: 3.25rem;
  }
  .kt-stack.lg-gapy-14,
  .kt-grid.lg-gapy-14 {
    row-gap: 3.5rem;
  }
  .kt-stack.lg-gapy-15,
  .kt-grid.lg-gapy-15 {
    row-gap: 3.75rem;
  }
  .kt-stack.lg-gapy-16,
  .kt-grid.lg-gapy-16 {
    row-gap: 4rem;
  }
}
@media (min-width: 1921px) {
  .kt-grid.xl-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .kt-grid.xl-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .kt-grid .kt-grid-item.xl-col-span-0 {
    grid-column: span 0/span 0;
  }
  .kt-grid .kt-grid-item.xl-col-span-1 {
    grid-column: span 1/span 1;
  }
  .kt-grid .kt-grid-item.xl-col-span-2 {
    grid-column: span 2/span 2;
  }
  .kt-grid .kt-grid-item.xl-col-span-3 {
    grid-column: span 3/span 3;
  }
  .kt-grid .kt-grid-item.xl-col-span-4 {
    grid-column: span 4/span 4;
  }
  .kt-grid .kt-grid-item.xl-col-span-5 {
    grid-column: span 5/span 5;
  }
  .kt-grid .kt-grid-item.xl-col-span-6 {
    grid-column: span 6/span 6;
  }
  .kt-grid .kt-grid-item.xl-col-span-7 {
    grid-column: span 7/span 7;
  }
  .kt-grid .kt-grid-item.xl-col-span-8 {
    grid-column: span 8/span 8;
  }
  .kt-grid .kt-grid-item.xl-col-span-9 {
    grid-column: span 9/span 9;
  }
  .kt-grid .kt-grid-item.xl-col-span-10 {
    grid-column: span 10/span 10;
  }
  .kt-grid .kt-grid-item.xl-col-span-11 {
    grid-column: span 11/span 11;
  }
  .kt-grid .kt-grid-item.xl-col-span-12 {
    grid-column: span 12/span 12;
  }
  .kt-grid .kt-grid-item.xl-col-start-0 {
    grid-column-start: 0;
  }
  .kt-grid .kt-grid-item.xl-col-start-1 {
    grid-column-start: 1;
  }
  .kt-grid .kt-grid-item.xl-col-start-2 {
    grid-column-start: 2;
  }
  .kt-grid .kt-grid-item.xl-col-start-3 {
    grid-column-start: 3;
  }
  .kt-grid .kt-grid-item.xl-col-start-4 {
    grid-column-start: 4;
  }
  .kt-grid .kt-grid-item.xl-col-start-5 {
    grid-column-start: 5;
  }
  .kt-grid .kt-grid-item.xl-col-start-6 {
    grid-column-start: 6;
  }
  .kt-grid .kt-grid-item.xl-col-start-7 {
    grid-column-start: 7;
  }
  .kt-grid .kt-grid-item.xl-col-start-8 {
    grid-column-start: 8;
  }
  .kt-grid .kt-grid-item.xl-col-start-9 {
    grid-column-start: 9;
  }
  .kt-grid .kt-grid-item.xl-col-start-10 {
    grid-column-start: 10;
  }
  .kt-grid .kt-grid-item.xl-col-start-11 {
    grid-column-start: 11;
  }
  .kt-grid .kt-grid-item.xl-col-start-12 {
    grid-column-start: 12;
  }
  .kt-grid .kt-grid-item.xl-col-end-0 {
    grid-column-end: 0;
  }
  .kt-grid .kt-grid-item.xl-col-end-1 {
    grid-column-end: 1;
  }
  .kt-grid .kt-grid-item.xl-col-end-2 {
    grid-column-end: 2;
  }
  .kt-grid .kt-grid-item.xl-col-end-3 {
    grid-column-end: 3;
  }
  .kt-grid .kt-grid-item.xl-col-end-4 {
    grid-column-end: 4;
  }
  .kt-grid .kt-grid-item.xl-col-end-5 {
    grid-column-end: 5;
  }
  .kt-grid .kt-grid-item.xl-col-end-6 {
    grid-column-end: 6;
  }
  .kt-grid .kt-grid-item.xl-col-end-7 {
    grid-column-end: 7;
  }
  .kt-grid .kt-grid-item.xl-col-end-8 {
    grid-column-end: 8;
  }
  .kt-grid .kt-grid-item.xl-col-end-9 {
    grid-column-end: 9;
  }
  .kt-grid .kt-grid-item.xl-col-end-10 {
    grid-column-end: 10;
  }
  .kt-grid .kt-grid-item.xl-col-end-11 {
    grid-column-end: 11;
  }
  .kt-grid .kt-grid-item.xl-col-end-12 {
    grid-column-end: 12;
  }
  .kt-grid .kt-grid-item.xl-col-full {
    grid-column: 1/-1;
  }
  .kt-stack.xl-gap-0,
  .kt-grid.xl-gap-0 {
    gap: 0rem;
  }
  .kt-stack.xl-gap-1,
  .kt-grid.xl-gap-1 {
    gap: 0.25rem;
  }
  .kt-stack.xl-gap-2,
  .kt-grid.xl-gap-2 {
    gap: 0.5rem;
  }
  .kt-stack.xl-gap-3,
  .kt-grid.xl-gap-3 {
    gap: 0.75rem;
  }
  .kt-stack.xl-gap-4,
  .kt-grid.xl-gap-4 {
    gap: 1rem;
  }
  .kt-stack.xl-gap-5,
  .kt-grid.xl-gap-5 {
    gap: 1.25rem;
  }
  .kt-stack.xl-gap-6,
  .kt-grid.xl-gap-6 {
    gap: 1.5rem;
  }
  .kt-stack.xl-gap-7,
  .kt-grid.xl-gap-7 {
    gap: 1.75rem;
  }
  .kt-stack.xl-gap-8,
  .kt-grid.xl-gap-8 {
    gap: 2rem;
  }
  .kt-stack.xl-gap-9,
  .kt-grid.xl-gap-9 {
    gap: 2.25rem;
  }
  .kt-stack.xl-gap-10,
  .kt-grid.xl-gap-10 {
    gap: 2.5rem;
  }
  .kt-stack.xl-gap-11,
  .kt-grid.xl-gap-11 {
    gap: 2.75rem;
  }
  .kt-stack.xl-gap-12,
  .kt-grid.xl-gap-12 {
    gap: 3rem;
  }
  .kt-stack.xl-gap-13,
  .kt-grid.xl-gap-13 {
    gap: 3.25rem;
  }
  .kt-stack.xl-gap-14,
  .kt-grid.xl-gap-14 {
    gap: 3.5rem;
  }
  .kt-stack.xl-gap-15,
  .kt-grid.xl-gap-15 {
    gap: 3.75rem;
  }
  .kt-stack.xl-gap-16,
  .kt-grid.xl-gap-16 {
    gap: 4rem;
  }
  .kt-stack.xl-gapx-0,
  .kt-grid.xl-gapx-0 {
    column-gap: 0rem;
  }
  .kt-stack.xl-gapx-1,
  .kt-grid.xl-gapx-1 {
    column-gap: 0.25rem;
  }
  .kt-stack.xl-gapx-2,
  .kt-grid.xl-gapx-2 {
    column-gap: 0.5rem;
  }
  .kt-stack.xl-gapx-3,
  .kt-grid.xl-gapx-3 {
    column-gap: 0.75rem;
  }
  .kt-stack.xl-gapx-4,
  .kt-grid.xl-gapx-4 {
    column-gap: 1rem;
  }
  .kt-stack.xl-gapx-5,
  .kt-grid.xl-gapx-5 {
    column-gap: 1.25rem;
  }
  .kt-stack.xl-gapx-6,
  .kt-grid.xl-gapx-6 {
    column-gap: 1.5rem;
  }
  .kt-stack.xl-gapx-7,
  .kt-grid.xl-gapx-7 {
    column-gap: 1.75rem;
  }
  .kt-stack.xl-gapx-8,
  .kt-grid.xl-gapx-8 {
    column-gap: 2rem;
  }
  .kt-stack.xl-gapx-9,
  .kt-grid.xl-gapx-9 {
    column-gap: 2.25rem;
  }
  .kt-stack.xl-gapx-10,
  .kt-grid.xl-gapx-10 {
    column-gap: 2.5rem;
  }
  .kt-stack.xl-gapx-11,
  .kt-grid.xl-gapx-11 {
    column-gap: 2.75rem;
  }
  .kt-stack.xl-gapx-12,
  .kt-grid.xl-gapx-12 {
    column-gap: 3rem;
  }
  .kt-stack.xl-gapx-13,
  .kt-grid.xl-gapx-13 {
    column-gap: 3.25rem;
  }
  .kt-stack.xl-gapx-14,
  .kt-grid.xl-gapx-14 {
    column-gap: 3.5rem;
  }
  .kt-stack.xl-gapx-15,
  .kt-grid.xl-gapx-15 {
    column-gap: 3.75rem;
  }
  .kt-stack.xl-gapx-16,
  .kt-grid.xl-gapx-16 {
    column-gap: 4rem;
  }
  .kt-stack.xl-gapy-0,
  .kt-grid.xl-gapy-0 {
    row-gap: 0rem;
  }
  .kt-stack.xl-gapy-1,
  .kt-grid.xl-gapy-1 {
    row-gap: 0.25rem;
  }
  .kt-stack.xl-gapy-2,
  .kt-grid.xl-gapy-2 {
    row-gap: 0.5rem;
  }
  .kt-stack.xl-gapy-3,
  .kt-grid.xl-gapy-3 {
    row-gap: 0.75rem;
  }
  .kt-stack.xl-gapy-4,
  .kt-grid.xl-gapy-4 {
    row-gap: 1rem;
  }
  .kt-stack.xl-gapy-5,
  .kt-grid.xl-gapy-5 {
    row-gap: 1.25rem;
  }
  .kt-stack.xl-gapy-6,
  .kt-grid.xl-gapy-6 {
    row-gap: 1.5rem;
  }
  .kt-stack.xl-gapy-7,
  .kt-grid.xl-gapy-7 {
    row-gap: 1.75rem;
  }
  .kt-stack.xl-gapy-8,
  .kt-grid.xl-gapy-8 {
    row-gap: 2rem;
  }
  .kt-stack.xl-gapy-9,
  .kt-grid.xl-gapy-9 {
    row-gap: 2.25rem;
  }
  .kt-stack.xl-gapy-10,
  .kt-grid.xl-gapy-10 {
    row-gap: 2.5rem;
  }
  .kt-stack.xl-gapy-11,
  .kt-grid.xl-gapy-11 {
    row-gap: 2.75rem;
  }
  .kt-stack.xl-gapy-12,
  .kt-grid.xl-gapy-12 {
    row-gap: 3rem;
  }
  .kt-stack.xl-gapy-13,
  .kt-grid.xl-gapy-13 {
    row-gap: 3.25rem;
  }
  .kt-stack.xl-gapy-14,
  .kt-grid.xl-gapy-14 {
    row-gap: 3.5rem;
  }
  .kt-stack.xl-gapy-15,
  .kt-grid.xl-gapy-15 {
    row-gap: 3.75rem;
  }
  .kt-stack.xl-gapy-16,
  .kt-grid.xl-gapy-16 {
    row-gap: 4rem;
  }
}
.kt-skeleton {
  display: block;
  position: relative;
  background: var(--skeleton-color);
  overflow: hidden;
}
.kt-skeleton.text {
  border-radius: 0.25rem;
  transform: scaleY(0.7142857143);
}
.kt-skeleton.text:empty:before {
  content: "​";
}
.kt-skeleton.circle {
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
}
.kt-skeleton.rectangle {
  height: 1rem;
}
.kt-skeleton:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 12rem;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6666666667), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
  animation: anim-skeleton-load 2s ease-out infinite;
}

@keyframes anim-skeleton-load {
  0% {
    transform: translateX(-100%);
    left: 0;
  }
  50%, 100% {
    transform: translateX(0);
    left: 100%;
  }
}
.kt-modal-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  inset: 0;
  background: var(--obscure-color);
  z-index: 1000;
  animation: fade-in 0.5s ease;
}

@starting-style {
  .kt-modal[open] {
    opacity: 0;
    transform: translateX(100%);
  }
  .kt-modal[open]::backdrop {
    opacity: 0;
  }
}
.kt-modal {
  flex-direction: column;
  width: 100vw;
  max-width: 37.5rem;
  max-height: 100vh;
  overflow: hidden;
  margin: auto;
  padding: 0;
  border: none;
  border-radius: 0.5rem;
  color: var(--modal-text-color);
  background: var(--modal-background-color);
  box-shadow: 0 0 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), var(--shadow-a));
  z-index: 1000;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.kt-modal[open] {
  display: flex;
}
.kt-modal::backdrop {
  background: var(--obscure-color);
  transition: opacity 0.5s ease;
}
.kt-modal:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--obscure-color);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1;
  pointer-events: none;
}
.kt-modal .kt-heading-l1, .kt-modal .kt-heading-l2, .kt-modal .kt-scheduler.summary .scheduler-header .scheduler-header-main .date, .kt-scheduler.summary .scheduler-header .scheduler-header-main .kt-modal .date, .kt-modal .kt-heading-l3, .kt-modal .kt-scheduler.full .scheduler-header .scheduler-header-main .date, .kt-scheduler.full .scheduler-header .scheduler-header-main .kt-modal .date, .kt-modal .kt-scheduler.summary .day-section .day-label, .kt-scheduler.summary .day-section .kt-modal .day-label, .kt-modal .kt-heading-l4, .kt-modal .kt-card .kt-card-header, .kt-card .kt-modal .kt-card-header {
  margin: 0;
}
.kt-modal .modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
}
.kt-modal .modal-main {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.5rem 1rem 1rem 1rem;
  overflow: auto;
}
.kt-modal .modal-actions {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 0.5rem 1rem 1rem 1rem;
}

.kt-modal:has(+ .kt-modal[open]) {
  transform: translateX(calc(-100% - 1rem));
}
.kt-modal:has(+ .kt-modal[open]):after {
  opacity: 1;
}

.kt-modal + .kt-modal::backdrop {
  opacity: 0;
}

.kt-alert {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-style: solid;
  border-width: 1px;
  border-radius: 0.5rem;
  box-sizing: border-box;
}
.kt-alert.dense {
  padding: 0.5rem;
}
.kt-alert .alert-content {
  flex: 1;
}
.kt-alert .alert-close-button {
  color: var(--alert-x-text-color);
  height: 1.5rem;
  margin-left: 1rem;
  border: none;
  background: none;
  border-radius: 50%;
  aspect-ratio: 1;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.kt-alert .alert-close-button:hover {
  background: var(--alert-x-background-hover-color);
  box-shadow: 0 0 0 2px var(--alert-x-background-hover-color);
}
.kt-alert .alert-close-button .kt-icon {
  line-height: 100%;
}

.kt-alert.normal {
  background: var(--alert-normal-background-color);
  border-color: var(--alert-normal-border-color);
}
.kt-alert.normal .alert-icon {
  color: var(--alert-normal-border-color);
}

.kt-alert.info {
  background: var(--alert-info-background-color);
  border-color: var(--alert-info-border-color);
}
.kt-alert.info .alert-icon {
  color: var(--alert-info-border-color);
}

.kt-alert.success {
  background: var(--alert-success-background-color);
  border-color: var(--alert-success-border-color);
}
.kt-alert.success .alert-icon {
  color: var(--alert-success-border-color);
}

.kt-alert.warning {
  background: var(--alert-warning-background-color);
  border-color: var(--alert-warning-border-color);
}
.kt-alert.warning .alert-icon {
  color: var(--alert-warning-border-color);
}

.kt-alert.error {
  background: var(--alert-error-background-color);
  border-color: var(--alert-error-border-color);
}
.kt-alert.error .alert-icon {
  color: var(--alert-error-border-color);
}

.kt-toasts-container {
  display: flex;
  padding: 1rem;
  position: fixed;
  inset: 0;
  z-index: 2000;
  pointer-events: none;
}
.kt-toasts-container.top-center {
  justify-content: center;
  align-items: flex-start;
}
.kt-toasts-container.top-left {
  justify-content: flex-start;
  align-items: flex-start;
}
.kt-toasts-container.top-right {
  justify-content: flex-end;
  align-items: flex-start;
}
.kt-toasts-container.bottom-center {
  justify-content: center;
  align-items: flex-end;
}
.kt-toasts-container.bottom-left {
  justify-content: flex-start;
  align-items: flex-end;
}
.kt-toasts-container.bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}
.kt-toasts-container .toasts {
  display: inline-flex;
  gap: 0.5rem;
  pointer-events: all;
}
.kt-toasts-container.top-center .toasts, .kt-toasts-container.top-left .toasts, .kt-toasts-container.top-right .toasts {
  flex-direction: column;
}
.kt-toasts-container.top-center .kt-toast, .kt-toasts-container.top-left .kt-toast, .kt-toasts-container.top-right .kt-toast {
  align-items: flex-end;
}
.kt-toasts-container.top-center .kt-toast.entering, .kt-toasts-container.top-left .kt-toast.entering, .kt-toasts-container.top-right .kt-toast.entering {
  animation: toast-slide-in-top 0.2s ease;
}
.kt-toasts-container.top-center .kt-toast.entering .kt-alert, .kt-toasts-container.top-left .kt-toast.entering .kt-alert, .kt-toasts-container.top-right .kt-toast.entering .kt-alert {
  animation: alert-slide-in-top 0.2s ease;
}
.kt-toasts-container.bottom-center .toasts, .kt-toasts-container.bottom-left .toasts, .kt-toasts-container.bottom-right .toasts {
  flex-direction: column-reverse;
}
.kt-toasts-container.bottom-center .kt-toast, .kt-toasts-container.bottom-left .kt-toast, .kt-toasts-container.bottom-right .kt-toast {
  align-items: flex-start;
}
.kt-toasts-container.bottom-center .kt-toast.entering, .kt-toasts-container.bottom-left .kt-toast.entering, .kt-toasts-container.bottom-right .kt-toast.entering {
  animation: toast-slide-in-bottom 0.2s ease;
}
.kt-toasts-container.bottom-center .kt-toast.entering .kt-alert, .kt-toasts-container.bottom-left .kt-toast.entering .kt-alert, .kt-toasts-container.bottom-right .kt-toast.entering .kt-alert {
  animation: alert-slide-in-bottom 0.2s ease;
}
.kt-toasts-container .kt-toast {
  display: flex;
  height: 0;
  transition: opacity 0.2s ease;
  opacity: 1;
}
.kt-toasts-container .kt-toast.exiting {
  transition: opacity 0.5s linear;
  opacity: 0;
}
.kt-toasts-container .kt-toast .kt-alert {
  flex: 1;
}

@keyframes toast-slide-in-top {
  0% {
    margin-top: -0.5rem;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes alert-slide-in-top {
  0% {
    transform: translateY(calc(-100% - 1rem));
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes toast-slide-in-bottom {
  0% {
    margin-bottom: -0.5rem;
  }
  100% {
    margin-bottom: 0;
  }
}
@keyframes alert-slide-in-bottom {
  0% {
    transform: translateY(calc(100% + 1rem));
  }
  100% {
    transform: translateY(0);
  }
}
.kt-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: nowrap;
  border-radius: 6.25rem;
}
.kt-chip.closable {
  padding-right: 0.5rem;
}
.kt-chip .chip-content {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  line-height: 100%;
}
.kt-chip .chip-close-button {
  border: none;
  background: none;
  border-radius: 50%;
  aspect-ratio: 1;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.kt-chip .chip-close-button .kt-icon {
  line-height: 100%;
}
.kt-chip.disabled {
  color: var(--body-color);
  background: var(--input-disabled-color);
}
.kt-chip.disabled .chip-close-button {
  color: var(--body-color);
}

.kt-chip.normal:not(.disabled) {
  color: var(--chip-text-color);
  background: var(--chip-background-color);
}
.kt-chip.normal:not(.disabled) .chip-close-button {
  color: var(--chip-text-color);
}
.kt-chip.normal:not(.disabled) .chip-close-button:hover {
  color: var(--chip-x-text-hover-color);
  background: var(--chip-x-background-hover-color);
  box-shadow: 0 0 0 2px var(--chip-x-background-hover-color);
}

.kt-chip.danger:not(.disabled) {
  color: var(--danger-text-color);
  background: var(--danger-color);
}
.kt-chip.danger:not(.disabled) .chip-close-button {
  color: var(--danger-text-color);
}
.kt-chip.danger:not(.disabled) .chip-close-button:hover {
  color: var(--danger-text-hover-color);
  background: var(--danger-hover-color);
  box-shadow: 0 0 0 2px var(--danger-hover-color);
}

.kt-chip.warning:not(.disabled) {
  color: var(--warning-text-color);
  background: var(--warning-color);
}
.kt-chip.warning:not(.disabled) .chip-close-button {
  color: var(--warning-text-color);
}
.kt-chip.warning:not(.disabled) .chip-close-button:hover {
  color: var(--warning-text-hover-color);
  background: var(--warning-hover-color);
  box-shadow: 0 0 0 2px var(--warning-hover-color);
}

.kt-chip.success:not(.disabled) {
  color: var(--success-text-color);
  background: var(--success-color);
}
.kt-chip.success:not(.disabled) .chip-close-button {
  color: var(--success-text-color);
}
.kt-chip.success:not(.disabled) .chip-close-button:hover {
  color: var(--success-text-hover-color);
  background: var(--success-hover-color);
  box-shadow: 0 0 0 2px var(--success-hover-color);
}

.kt-chip.info:not(.disabled) {
  color: var(--info-text-color);
  background: var(--info-color);
}
.kt-chip.info:not(.disabled) .chip-close-button {
  color: var(--info-text-color);
}
.kt-chip.info:not(.disabled) .chip-close-button:hover {
  color: var(--info-text-hover-color);
  background: var(--info-hover-color);
  box-shadow: 0 0 0 2px var(--info-hover-color);
}

.kt-chip.small {
  height: 1.5rem;
  padding: 0 0.625rem;
}
.kt-chip.small.closable {
  padding-right: 0.3125rem;
}
.kt-chip.small .chip-content {
  font-size: 0.75rem;
}
.kt-chip.small button {
  height: 0.875rem;
}
.kt-chip.small button .kt-icon {
  font-size: 0.875rem;
}

.kt-chip.medium {
  height: 2rem;
  padding: 0 1rem;
}
.kt-chip.medium.closable {
  padding-right: 0.5rem;
}
.kt-chip.medium .chip-content {
  font-size: 0.875rem;
}
.kt-chip.medium button {
  height: 1rem;
}
.kt-chip.medium button .kt-icon {
  font-size: 1rem;
}

.kt-chip.large {
  height: 2.5rem;
  padding: 0 1.25rem;
}
.kt-chip.large.closable {
  padding-right: 0.625rem;
}
.kt-chip.large .chip-content {
  font-size: 1rem;
}
.kt-chip.large button {
  height: 1.25rem;
}
.kt-chip.large button .kt-icon {
  font-size: 1.25rem;
}

.kt-tooltip {
  margin: 0.5rem;
  background-color: var(--tooltip-background-color);
  color: var(--tooltip-text-color);
  padding: 0.5rem;
  border-radius: 0.25rem;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 105;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 140%;
  box-shadow: 0 0 0.25rem 0 rgba(var(--shadow-rgb), calc(var(--shadow-a) * 0.6)), 0 0.25rem 0.25rem 0 rgba(var(--shadow-rgb), var(--shadow-a));
}
.kt-tooltip.show {
  visibility: visible;
  opacity: 1;
}
.kt-tooltip.show.top {
  animation: slide-in-bottom-fixed-6 0.2s ease;
}
.kt-tooltip.show.bottom {
  animation: slide-in-top-fixed-6 0.2s ease;
}
.kt-tooltip.show.left {
  animation: slide-in-right-fixed-6 0.2s ease;
}
.kt-tooltip.show.right {
  animation: slide-in-left-fixed-6 0.2s ease;
}

.kt-tooltip-container {
  display: inline-block;
}

.kt-image {
  max-width: 100%;
  display: block;
}

.kt-image-loading.kt-skeleton,
.kt-image-loading.kt-donut-spinner {
  aspect-ratio: 1.7778;
  height: unset;
}

.kt-video {
  max-width: 100%;
}

.kt-video-loading.kt-skeleton,
.kt-video-loading.kt-donut-spinner {
  aspect-ratio: 1.7778;
  height: unset;
}

.kt-audio-loading.kt-skeleton,
.kt-audio-loading.kt-donut-spinner {
  height: 54px;
  width: 300px;
}

#spinner-color-mask feFlood {
  flood-color: var(--spinner-color);
}

.kt-donut-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 96px;
}
.kt-donut-spinner .spinner {
  display: inline-block;
  width: 48px;
  height: 48px;
}
.kt-donut-spinner .spinner .full-donut,
.kt-donut-spinner .spinner .bite1,
.kt-donut-spinner .spinner .bite2 {
  visibility: visible;
}
.kt-donut-spinner .spinner .bite3-extra,
.kt-donut-spinner .spinner .crumb1,
.kt-donut-spinner .spinner .crumb2,
.kt-donut-spinner .spinner .crumb3 {
  visibility: hidden;
}
.kt-donut-spinner .spinner.animate {
  animation-duration: 40s;
  animation-name: anim-spinner;
  animation-fill-mode: forwards;
  animation-timing-function: steps(1, end);
  animation-iteration-count: infinite;
}
.kt-donut-spinner .spinner.animate svg {
  overflow: visible;
}
.kt-donut-spinner .spinner.animate .donut-container {
  animation-duration: 4s;
  animation-name: anim-donut-container;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  transform-origin: 24px 24px;
  mix-blend-mode: color;
}
.kt-donut-spinner .spinner.animate .full-donut {
  animation-duration: 4s;
  animation-name: anim-full-donut;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.kt-donut-spinner .spinner.animate .bite1 {
  animation-duration: 4s;
  animation-name: anim-bite1;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.kt-donut-spinner .spinner.animate .bite2 {
  animation-duration: 4s;
  animation-name: anim-bite2;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.kt-donut-spinner .spinner.animate .bite3 {
  animation-duration: 4s;
  animation-name: anim-bite3;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 24px 24px;
}
.kt-donut-spinner .spinner.animate .bite3-extra {
  animation-duration: 4s;
  animation-name: anim-bite3-extra;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 24px 24px;
}
.kt-donut-spinner .spinner.animate .bite1-crumbs .crumb1,
.kt-donut-spinner .spinner.animate .bite1-crumbs .crumb2,
.kt-donut-spinner .spinner.animate .bite1-crumbs .crumb3,
.kt-donut-spinner .spinner.animate .bite2-crumbs .crumb1,
.kt-donut-spinner .spinner.animate .bite2-crumbs .crumb2,
.kt-donut-spinner .spinner.animate .bite2-crumbs .crumb3,
.kt-donut-spinner .spinner.animate .bite3-crumbs .crumb1,
.kt-donut-spinner .spinner.animate .bite3-crumbs .crumb2,
.kt-donut-spinner .spinner.animate .bite3-crumbs .crumb3 {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.32, 1.25, 1, 1);
  animation-iteration-count: infinite;
}
.kt-donut-spinner .spinner.animate .bite1-crumbs .crumb1 {
  animation-name: anim-bite1-crumbs-crumb1;
}
.kt-donut-spinner .spinner.animate .bite1-crumbs .crumb2 {
  animation-name: anim-bite1-crumbs-crumb2;
}
.kt-donut-spinner .spinner.animate .bite1-crumbs .crumb3 {
  animation-name: anim-bite1-crumbs-crumb3;
}
.kt-donut-spinner .spinner.animate .bite2-crumbs .crumb1 {
  animation-name: anim-bite2-crumbs-crumb1;
}
.kt-donut-spinner .spinner.animate .bite2-crumbs .crumb2 {
  animation-name: anim-bite2-crumbs-crumb2;
}
.kt-donut-spinner .spinner.animate .bite2-crumbs .crumb3 {
  animation-name: anim-bite2-crumbs-crumb3;
}
.kt-donut-spinner .spinner.animate .bite3-crumbs .crumb1 {
  animation-name: anim-bite3-crumbs-crumb1;
}
.kt-donut-spinner .spinner.animate .bite3-crumbs .crumb2 {
  animation-name: anim-bite3-crumbs-crumb2;
}
.kt-donut-spinner .spinner.animate .bite3-crumbs .crumb3 {
  animation-name: anim-bite3-crumbs-crumb3;
}

@keyframes anim-spinner {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: scaleY(-1) rotate(200deg);
  }
  20% {
    transform: rotate(280deg);
  }
  30% {
    transform: scaleY(-1) rotate(100deg);
  }
  40% {
    transform: rotate(80deg);
  }
  50% {
    transform: scaleY(-1) rotate(320deg);
  }
  60% {
    transform: rotate(190deg);
  }
  70% {
    transform: scaleY(-1) rotate(40deg);
  }
  80% {
    transform: rotate(220deg);
  }
  90% {
    transform: scaleY(-1) rotate(180deg);
  }
}
@keyframes anim-donut-container {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }
  15% {
    transform: rotate(0deg) translate(0, 0);
    animation-timing-function: linear;
  }
  17% {
    transform: rotate(-20deg) translate(-2px, -1px);
    animation-timing-function: ease-out;
  }
  30% {
    transform: rotate(-30deg) translate(0, 0);
    animation-timing-function: linear;
  }
  32% {
    transform: rotate(10deg) translate(0, 3px);
    animation-timing-function: ease-out;
  }
  45% {
    transform: rotate(20deg) translate(0, 0);
    animation-timing-function: linear;
  }
  47% {
    transform: rotate(-30deg) translate(-3px, -3px);
    animation-timing-function: ease-out;
  }
  60% {
    transform: rotate(-40deg) translate(0, 0);
    animation-timing-function: ease;
  }
  100% {
    transform: rotate(900deg) translate(0, 0);
  }
}
@keyframes anim-full-donut {
  0% {
    visibility: visible;
  }
  15% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes anim-bite1 {
  0% {
    visibility: visible;
  }
  30% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes anim-bite2 {
  0% {
    visibility: visible;
  }
  45% {
    visibility: hidden;
  }
  99% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes anim-bite3 {
  0% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes anim-bite3-extra {
  0% {
    transform: rotate(0deg);
    visibility: hidden;
  }
  60% {
    transform: rotate(0deg);
    visibility: visible;
  }
  100% {
    transform: rotate(-90deg);
    visibility: visible;
  }
}
/*Bite1 Crumbs*/
@keyframes anim-bite1-crumbs-crumb1 {
  14.9999% {
    visibility: hidden;
  }
  15% {
    visibility: visible;
    opacity: 1;
    transform: rotate(0) translate(0, 0);
  }
  18% {
    opacity: 1;
  }
  25% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(0) translate(20px, 0);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes anim-bite1-crumbs-crumb2 {
  14.9999% {
    visibility: hidden;
  }
  15% {
    visibility: visible;
    opacity: 1;
    transform: rotate(-20deg) translate(0, 0);
  }
  18% {
    opacity: 1;
  }
  25% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(-20deg) translate(18px, 0);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes anim-bite1-crumbs-crumb3 {
  14.9999% {
    visibility: hidden;
  }
  15% {
    visibility: visible;
    opacity: 1;
    transform: rotate(20deg) translate(0, 0);
  }
  18% {
    opacity: 1;
  }
  25% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(20deg) translate(18px, 0);
  }
  100% {
    visibility: hidden;
  }
}
/*Bite2 Crumbs*/
@keyframes anim-bite2-crumbs-crumb1 {
  29.9999% {
    visibility: hidden;
  }
  30% {
    visibility: visible;
    opacity: 1;
    transform: rotate(0) translate(0, 0);
  }
  33% {
    opacity: 1;
  }
  40% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(0) translate(20px, 0);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes anim-bite2-crumbs-crumb2 {
  29.9999% {
    visibility: hidden;
  }
  30% {
    visibility: visible;
    opacity: 1;
    transform: rotate(-20deg) translate(0, 0);
  }
  33% {
    opacity: 1;
  }
  40% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(-20deg) translate(18px, 0);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes anim-bite2-crumbs-crumb3 {
  29.9999% {
    visibility: hidden;
  }
  30% {
    visibility: visible;
    opacity: 1;
    transform: rotate(20deg) translate(0, 0);
  }
  33% {
    opacity: 1;
  }
  40% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(20deg) translate(18px, 0);
  }
  100% {
    visibility: hidden;
  }
}
/*Bite3 Crumbs*/
@keyframes anim-bite3-crumbs-crumb1 {
  44.9999% {
    visibility: hidden;
  }
  45% {
    visibility: visible;
    opacity: 1;
    transform: rotate(0) translate(0, 0);
  }
  48% {
    opacity: 1;
  }
  55% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(0) translate(20px, 0);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes anim-bite3-crumbs-crumb2 {
  44.9999% {
    visibility: hidden;
  }
  45% {
    visibility: visible;
    opacity: 1;
    transform: rotate(-30deg) translate(0, 0);
  }
  48% {
    opacity: 1;
  }
  55% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(-30deg) translate(18px, 0);
  }
  100% {
    visibility: hidden;
  }
}
@keyframes anim-bite3-crumbs-crumb3 {
  44.9999% {
    visibility: hidden;
  }
  45% {
    visibility: visible;
    opacity: 1;
    transform: rotate(30deg) translate(0, 0);
  }
  48% {
    opacity: 1;
  }
  55% {
    visibility: hidden;
    opacity: 0;
    transform: rotate(30deg) translate(18px, 0);
  }
  100% {
    visibility: hidden;
  }
}
.default-red-theme {
  --primary-color: #C8102E;
  --secondary-color: #486C70;
  --tertiary-color: #4A4A4A;
  --text-color: #4A4A4A;
  --body-color: white;
  --heading-color: #486C70;
  --subheading-color: #1A1919;
  --input-color: #0071A5;
  --input-indicator-color: hsl(0deg, 0%, 40%);
  --input-hover-1-color: #024E70;
  --input-hover-2-color: #EDF9FF;
  --input-hover-3-color: hsl(0deg, 0%, 20%);
  --input-readonly-color: hsl(0deg, 0%, 95%);
  --input-readonly-checked-color: hsl(0deg, 0%, 20%);
  --input-disabled-color: hsl(0deg, 0%, 80%);
  --input-disabled-accent-color: hsl(0deg, 0%, 90%);
  --surface-1-color: #F4F4F4;
  --surface-2-color: #F9F7F4;
  --surface-3-color: #E0EAEB;
  --surface-4-color: #A6192E;
  --accent-1-color: #7FA9AE;
  --accent-2-color: #DDCBA4;
  --data-vis-yellow-color: #F5B700;
  --data-vis-yellow-accent-color: #795B04;
  --data-vis-orange-color: #F7941E;
  --data-vis-orange-accent-color: #5A4528;
  --data-vis-green-color: #71E171;
  --data-vis-green-accent-color: #004D00;
  --data-vis-red-color: #C40000;
  --data-vis-red-accent-color: #660000;
  --data-vis-blue-color: #224AA0;
  --data-vis-blue-accent-color: #0D1D3F;
  --data-vis-purple-color: #643879;
  --data-vis-purple-accent-color: #2E0640;
  --data-vis-magenta-color: #FA00FF;
  --data-vis-magenta-accent-color: #3B0E3B;
  --text-on-primary-color: white;
  --text-on-secondary-color: white;
  --text-on-tertiary-color: white;
  --text-on-text-color: var(--body-color);
  --text-on-body-color: var(--text-color);
  --text-on-heading-color: white;
  --text-on-subheading-color: white;
  --text-on-input-color: white;
  --text-on-input-hover-1-color: white;
  --text-on-input-hover-2-color: #4A4A4A;
  --text-on-input-hover-3-color: white;
  --text-on-surface-1-color: #4A4A4A;
  --text-on-surface-2-color: #4A4A4A;
  --text-on-surface-3-color: #4A4A4A;
  --text-on-surface-4-color: white;
  --text-on-accent-1-color: #4A4A4A;
  --text-on-accent-2-color: #4A4A4A;
  --text-on-data-vis-yellow-color: #4A4A4A;
  --text-on-data-vis-orange-color: #4A4A4A;
  --text-on-data-vis-green-color: #4A4A4A;
  --text-on-data-vis-red-color: white;
  --text-on-data-vis-blue-color: white;
  --text-on-data-vis-purple-color: white;
  --text-on-data-vis-magenta-color: white;
  --danger-text-color: white;
  --danger-text-hover-color: white;
  --danger-color: #C40000;
  --danger-background-color: #FFE5E5;
  --danger-hover-color: #660000;
  --danger-accent-color: #330000;
  --danger-highlight-color: rgba(196, 0, 0, 0.2);
  --warning-text-color: #4A4A4A;
  --warning-text-hover-color: white;
  --warning-color: #F5B700;
  --warning-background-color: #FFF9E5;
  --warning-hover-color: #795B04;
  --warning-accent-color: #3d2e02;
  --warning-highlight-color: rgba(245, 183, 0, 0.2);
  --success-text-color: white;
  --success-text-hover-color: white;
  --success-color: #007000;
  --success-background-color: #EFF6EF;
  --success-hover-color: #004D00;
  --success-accent-color: #002700;
  --success-highlight-color: rgba(0, 112, 0, 0.2);
  --info-text-color: white;
  --info-text-hover-color: white;
  --info-color: #224AA0;
  --info-background-color: #ECF2FF;
  --info-hover-color: #0D1D3F;
  --info-accent-color: #070f20;
  --info-highlight-color: rgba(34, 74, 160, 0.2);
  --active-color: #C8102E;
  --active-hover-1-color: #780a1c;
  --active-hover-2-color: #F4F4F4;
  --shadow-color: rgba(var(--shadow-rgb), var(--shadow-a));
  --shadow-rgb: 74, 74, 74;
  --shadow-a: 0.2;
  --obscure-color: rgba(26, 26, 26, 0.25);
  --hr-color: hsl(0deg, 0%, 80%);
  --header-main-text-color: white;
  --header-main-background-color: #C8102E;
  --header-main-border-color: #C8102E;
  --header-title-kwik-logo-color: white;
  --header-title-text-color: white;
  --header-nav-text-color: #4A4A4A;
  --header-nav-background-color: white;
  --header-nav-border-color: #C8102E;
  --sidebar-text-color: #4A4A4A;
  --sidebar-background-color: white;
  --sidebar-border-color: #C8102E;
  --nav-text-color: #4A4A4A;
  --nav-text-hover-color: #024E70;
  --nav-background-color: white;
  --nav-background-hover-color: #EDF9FF;
  --nav-active-text-color: #C8102E;
  --nav-active-text-hover-color: #780a1c;
  --nav-active-background-color: white;
  --nav-active-background-hover-color: #F4F4F4;
  --nav-group-list-accent-color: hsl(0deg, 0%, 80%);
  --mega-menu-text-color: #4A4A4A;
  --mega-menu-background-color: white;
  --mega-menu-heading-color: #4A4A4A;
  --mega-menu-link-color: #4A4A4A;
  --header-main-nav-text-color: white;
  --header-main-nav-text-hover-color: #024E70;
  --header-main-nav-background-color: #C8102E;
  --header-main-nav-background-hover-color: #EDF9FF;
  --header-main-nav-active-text-color: white;
  --header-main-nav-active-text-hover-color: #780a1c;
  --header-main-nav-active-background-color: #C8102E;
  --header-main-nav-active-background-hover-color: #F4F4F4;
  --header-main-nav-active-accent-color: white;
  --header-main-nav-active-accent-hover-color: white;
  --paper-background-color: white;
  --paper-border-color: hsl(0deg, 0%, 60%);
  --banner-text-color: white;
  --banner-background-color: #4A4A4A;
  --banner-border-color: #C8102E;
  --mobile-expansion-panels-background-color: #F4F4F4;
  --mobile-expansion-panel-list-accent-color: hsl(0deg, 0%, 80%);
  --breadcrumbs-text-color: hsl(0deg, 0%, 40%);
  --footer-mission-statement-text-color: #4A4A4A;
  --footer-mission-statement-background-color: #F4F4F4;
  --footer-main-text-color: white;
  --footer-main-background-color: #4A4A4A;
  --heading-display-color: #C8102E;
  --heading-l1-color: #486C70;
  --heading-l2-color: #1A1919;
  --heading-l3-color: #1A1919;
  --heading-l4-color: #1A1919;
  --button-primary-text-color: white;
  --button-primary-text-hover-color: white;
  --button-primary-background-color: #0071A5;
  --button-primary-background-hover-color: #024E70;
  --button-primary-border-color: #0071A5;
  --button-primary-border-hover-color: #024E70;
  --button-primary-accent-color: #012738;
  --button-secondary-text-color: #0071A5;
  --button-secondary-text-hover-color: #024E70;
  --button-secondary-background-color: white;
  --button-secondary-background-hover-color: white;
  --button-secondary-border-color: #0071A5;
  --button-secondary-border-hover-color: #024E70;
  --button-secondary-accent-color: #012738;
  --button-tertiary-text-color: #4A4A4A;
  --button-tertiary-text-hover-color: #024E70;
  --button-tertiary-background-color: white;
  --button-tertiary-background-hover-color: white;
  --button-tertiary-border-color: hsl(0deg, 0%, 50%);
  --button-tertiary-border-hover-color: #024E70;
  --button-tertiary-accent-color: #012738;
  --button-icon-text-color: #4A4A4A;
  --button-icon-text-hover-color: #024E70;
  --button-icon-background-color: rgba(255, 255, 255, 0);
  --button-icon-background-hover-color: white;
  --button-icon-border-color: rgba(255, 255, 255, 0);
  --button-icon-border-hover-color: #024E70;
  --button-icon-accent-color: #012738;
  --button-header-text-color: white;
  --button-header-text-hover-color: white;
  --button-header-background-color: rgba(200, 16, 46, 0);
  --button-header-background-hover-color: #780a1c;
  --button-header-border-color: rgba(200, 16, 46, 0);
  --button-header-border-hover-color: #780a1c;
  --button-header-accent-color: #3c050e;
  --field-text-color: #4A4A4A;
  --field-background-color: white;
  --field-label-text-color: #4A4A4A;
  --field-label-text-hover-color: hsl(0deg, 0%, 20%);
  --field-label-text-focus-color: #024E70;
  --field-border-color: hsl(0deg, 0%, 50%);
  --field-border-hover-color: hsl(0deg, 0%, 20%);
  --field-border-focus-color: #024E70;
  --select-options-text-color: #4A4A4A;
  --select-options-text-hover-color: #024E70;
  --select-options-background-color: white;
  --select-options-background-hover-color: #EDF9FF;
  --select-options-border-color: hsl(0deg, 0%, 90%);
  --radio-label-text-color: #4A4A4A;
  --radio-center-color: hsl(0deg, 0%, 40%);
  --radio-center-hover-color: hsl(0deg, 0%, 20%);
  --radio-center-checked-color: #024E70;
  --radio-ring-color: hsl(0deg, 0%, 40%);
  --radio-ring-hover-color: hsl(0deg, 0%, 20%);
  --radio-ring-checked-color: #024E70;
  --radio-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --radio-highlight-focus-color: rgba(2, 78, 112, 0.2);
  --checkbox-label-text-color: #4A4A4A;
  --checkbox-check-color: hsl(0deg, 0%, 40%);
  --checkbox-check-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-check-checked-color: #024E70;
  --checkbox-border-color: hsl(0deg, 0%, 40%);
  --checkbox-border-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-border-checked-color: #024E70;
  --checkbox-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --checkbox-highlight-focus-color: rgba(2, 78, 112, 0.2);
  --toggle-label-text-color: #4A4A4A;
  --toggle-background-color: hsl(0deg, 0%, 80%);
  --toggle-background-checked-color: #0071A5;
  --toggle-switch-background-color: hsl(0deg, 0%, 40%);
  --toggle-switch-background-hover-color: hsl(0deg, 0%, 20%);
  --toggle-switch-background-checked-color: #024E70;
  --toggle-switch-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --toggle-switch-highlight-focus-color: rgba(2, 78, 112, 0.2);
  --table-border-color: hsl(0deg, 0%, 50%);
  --table-th-text-color: #4A4A4A;
  --table-th-background-color: white;
  --table-td-text-color: #4A4A4A;
  --table-td-background-color: #F9F7F4;
  --table-td-alt-background-color: white;
  --table-td-border-color: hsl(0deg, 0%, 80%);
  --table-tr-hover-text-color: #024E70;
  --table-tr-hover-background-color: #EDF9FF;
  --table-tr-hover-border-color: #0071A5;
  --table-detail-background-color: #F4F4F4;
  --paginator-current-page-text-color: white;
  --paginator-current-page-background-color: #4A4A4A;
  --paginator-current-page-border-color: #4A4A4A;
  --theme-button-text-color: #4A4A4A;
  --theme-button-text-hover-color: #024E70;
  --theme-button-background-color: white;
  --theme-button-background-hover-color: #EDF9FF;
  --theme-button-active-text-color: #C8102E;
  --theme-button-active-text-hover-color: #780a1c;
  --theme-button-active-background-color: white;
  --theme-button-active-background-hover-color: #F4F4F4;
  --card-surface-1-text-color: #4A4A4A;
  --card-surface-1-background-color: #F4F4F4;
  --card-surface-1-border-color: hsl(0deg, 0%, 60%);
  --card-surface-2-text-color: #4A4A4A;
  --card-surface-2-background-color: #F9F7F4;
  --card-surface-2-border-color: hsl(0deg, 0%, 60%);
  --card-surface-3-text-color: #4A4A4A;
  --card-surface-3-background-color: #E0EAEB;
  --card-surface-3-border-color: hsl(0deg, 0%, 60%);
  --card-surface-4-text-color: white;
  --card-surface-4-background-color: #A6192E;
  --card-surface-4-border-color: hsl(0deg, 0%, 60%);
  --card-spotlight-text-color: white;
  --card-spotlight-background-color: #C8102E;
  --expansion-panel-background-color: white;
  --expansion-panel-border-color: hsl(0deg, 0%, 60%);
  --scheduler-header-text-color: #4A4A4A;
  --scheduler-header-background-color: #F4F4F4;
  --scheduler-header-border-color: hsl(0deg, 0%, 60%);
  --scheduler-today-label-text-color: white;
  --scheduler-today-label-background-color: #486C70;
  --scheduler-cell-background-color: white;
  --scheduler-cell-border-color: hsl(0deg, 0%, 70%);
  --scheduler-appointment-border-color: transparent;
  --scheduler-appointment-border-hover-color: hsl(0deg, 0%, 20%);
  --scheduler-summary-background-color: #E0EAEB;
  --scheduler-summary-border-color: hsl(0deg, 0%, 90%);
  --scheduler-summary-current-date-text-color: white;
  --scheduler-summary-current-date-background-color: #486C70;
  --skeleton-color: hsl(0deg, 0%, 80%);
  --modal-text-color: #4A4A4A;
  --modal-background-color: white;
  --alert-normal-background-color: #F4F4F4;
  --alert-normal-border-color: hsl(0deg, 0%, 60%);
  --alert-info-background-color: #ECF2FF;
  --alert-info-border-color: #224AA0;
  --alert-success-background-color: #EFF6EF;
  --alert-success-border-color: #007000;
  --alert-warning-background-color: #FFF9E5;
  --alert-warning-border-color: #F5B700;
  --alert-error-background-color: #FFE5E5;
  --alert-error-border-color: #C40000;
  --alert-x-text-color: hsl(0deg, 0%, 40%);
  --alert-x-background-hover-color: rgba(128, 128, 128, 0.2);
  --link-color: #0071A5;
  --link-hover-color: #024E70;
  --mega-menu-link-hover-color: #024E70;
  --icon-decorative-color: #7FA9AE;
  --chip-text-color: #4A4A4A;
  --chip-background-color: hsl(0deg, 0%, 90%);
  --chip-x-text-hover-color: #4A4A4A;
  --chip-x-background-hover-color: hsl(0deg, 0%, 80%);
  --spinner-color: #C8102E;
  --tooltip-background-color: #4A4A4A;
  --tooltip-text-color: white;
  --outline-focus-color: black;
}

html:has(.kt-page.default-red-theme) {
  scrollbar-color: var(--gray-30) white;
}

.default-light-theme {
  --primary-color: white;
  --secondary-color: #486C70;
  --tertiary-color: #4A4A4A;
  --text-color: #4A4A4A;
  --body-color: white;
  --heading-color: #486C70;
  --subheading-color: #1A1919;
  --input-color: #0071A5;
  --input-indicator-color: hsl(0deg, 0%, 40%);
  --input-hover-1-color: #024E70;
  --input-hover-2-color: #EDF9FF;
  --input-hover-3-color: hsl(0deg, 0%, 20%);
  --input-readonly-color: hsl(0deg, 0%, 95%);
  --input-readonly-checked-color: hsl(0deg, 0%, 20%);
  --input-disabled-color: hsl(0deg, 0%, 80%);
  --input-disabled-accent-color: hsl(0deg, 0%, 90%);
  --surface-1-color: #F4F4F4;
  --surface-2-color: #F9F7F4;
  --surface-3-color: #E0EAEB;
  --surface-4-color: #A6192E;
  --accent-1-color: #7FA9AE;
  --accent-2-color: #DDCBA4;
  --data-vis-yellow-color: #F5B700;
  --data-vis-yellow-accent-color: #795B04;
  --data-vis-orange-color: #F7941E;
  --data-vis-orange-accent-color: #5A4528;
  --data-vis-green-color: #71E171;
  --data-vis-green-accent-color: #004D00;
  --data-vis-red-color: #C40000;
  --data-vis-red-accent-color: #660000;
  --data-vis-blue-color: #224AA0;
  --data-vis-blue-accent-color: #0D1D3F;
  --data-vis-purple-color: #643879;
  --data-vis-purple-accent-color: #2E0640;
  --data-vis-magenta-color: #FA00FF;
  --data-vis-magenta-accent-color: #3B0E3B;
  --text-on-primary-color: #4A4A4A;
  --text-on-secondary-color: white;
  --text-on-tertiary-color: white;
  --text-on-text-color: var(--body-color);
  --text-on-body-color: var(--text-color);
  --text-on-heading-color: white;
  --text-on-subheading-color: white;
  --text-on-input-color: white;
  --text-on-input-hover-1-color: white;
  --text-on-input-hover-2-color: #4A4A4A;
  --text-on-input-hover-3-color: white;
  --text-on-surface-1-color: #4A4A4A;
  --text-on-surface-2-color: #4A4A4A;
  --text-on-surface-3-color: #4A4A4A;
  --text-on-surface-4-color: white;
  --text-on-accent-1-color: #4A4A4A;
  --text-on-accent-2-color: #4A4A4A;
  --text-on-data-vis-yellow-color: #4A4A4A;
  --text-on-data-vis-orange-color: #4A4A4A;
  --text-on-data-vis-green-color: #4A4A4A;
  --text-on-data-vis-red-color: white;
  --text-on-data-vis-blue-color: white;
  --text-on-data-vis-purple-color: white;
  --text-on-data-vis-magenta-color: white;
  --danger-text-color: white;
  --danger-text-hover-color: white;
  --danger-color: #C40000;
  --danger-background-color: #FFE5E5;
  --danger-hover-color: #660000;
  --danger-accent-color: #330000;
  --danger-highlight-color: rgba(196, 0, 0, 0.2);
  --warning-text-color: #4A4A4A;
  --warning-text-hover-color: white;
  --warning-color: #F5B700;
  --warning-background-color: #FFF9E5;
  --warning-hover-color: #795B04;
  --warning-accent-color: #3d2e02;
  --warning-highlight-color: rgba(245, 183, 0, 0.2);
  --success-text-color: white;
  --success-text-hover-color: white;
  --success-color: #007000;
  --success-background-color: #EFF6EF;
  --success-hover-color: #004D00;
  --success-accent-color: #002700;
  --success-highlight-color: rgba(0, 112, 0, 0.2);
  --info-text-color: white;
  --info-text-hover-color: white;
  --info-color: #224AA0;
  --info-background-color: #ECF2FF;
  --info-hover-color: #0D1D3F;
  --info-accent-color: #070f20;
  --info-highlight-color: rgba(34, 74, 160, 0.2);
  --active-color: #C8102E;
  --active-hover-1-color: #780a1c;
  --active-hover-2-color: #F4F4F4;
  --shadow-color: rgba(var(--shadow-rgb), var(--shadow-a));
  --shadow-rgb: 74, 74, 74;
  --shadow-a: 0.2;
  --obscure-color: rgba(26, 26, 26, 0.25);
  --hr-color: hsl(0deg, 0%, 80%);
  --header-main-text-color: #4A4A4A;
  --header-main-background-color: white;
  --header-main-border-color: hsl(0deg, 0%, 80%);
  --header-title-kwik-logo-color: #C8102E;
  --header-title-text-color: #486C70;
  --header-nav-text-color: #4A4A4A;
  --header-nav-background-color: white;
  --header-nav-border-color: hsl(0deg, 0%, 80%);
  --sidebar-text-color: #4A4A4A;
  --sidebar-background-color: white;
  --sidebar-border-color: hsl(0deg, 0%, 80%);
  --nav-text-color: #4A4A4A;
  --nav-text-hover-color: #024E70;
  --nav-background-color: white;
  --nav-background-hover-color: #EDF9FF;
  --nav-active-text-color: #C8102E;
  --nav-active-text-hover-color: #780a1c;
  --nav-active-background-color: white;
  --nav-active-background-hover-color: #F4F4F4;
  --nav-group-list-accent-color: hsl(0deg, 0%, 80%);
  --mega-menu-text-color: #4A4A4A;
  --mega-menu-background-color: white;
  --mega-menu-heading-color: #4A4A4A;
  --mega-menu-link-color: #4A4A4A;
  --header-main-nav-text-color: #4A4A4A;
  --header-main-nav-text-hover-color: #024E70;
  --header-main-nav-background-color: white;
  --header-main-nav-background-hover-color: #EDF9FF;
  --header-main-nav-active-text-color: #C8102E;
  --header-main-nav-active-text-hover-color: #780a1c;
  --header-main-nav-active-background-color: white;
  --header-main-nav-active-background-hover-color: #F4F4F4;
  --header-main-nav-active-accent-color: #C8102E;
  --header-main-nav-active-accent-hover-color: #780a1c;
  --paper-background-color: white;
  --paper-border-color: hsl(0deg, 0%, 60%);
  --banner-text-color: white;
  --banner-background-color: #4A4A4A;
  --banner-border-color: hsl(0deg, 0%, 80%);
  --mobile-expansion-panels-background-color: #F4F4F4;
  --mobile-expansion-panel-list-accent-color: hsl(0deg, 0%, 80%);
  --breadcrumbs-text-color: hsl(0deg, 0%, 40%);
  --footer-mission-statement-text-color: #4A4A4A;
  --footer-mission-statement-background-color: #F4F4F4;
  --footer-main-text-color: white;
  --footer-main-background-color: #4A4A4A;
  --heading-display-color: #486C70;
  --heading-l1-color: #486C70;
  --heading-l2-color: #1A1919;
  --heading-l3-color: #1A1919;
  --heading-l4-color: #1A1919;
  --button-primary-text-color: white;
  --button-primary-text-hover-color: white;
  --button-primary-background-color: #0071A5;
  --button-primary-background-hover-color: #024E70;
  --button-primary-border-color: #0071A5;
  --button-primary-border-hover-color: #024E70;
  --button-primary-accent-color: #012738;
  --button-secondary-text-color: #0071A5;
  --button-secondary-text-hover-color: #024E70;
  --button-secondary-background-color: white;
  --button-secondary-background-hover-color: white;
  --button-secondary-border-color: #0071A5;
  --button-secondary-border-hover-color: #024E70;
  --button-secondary-accent-color: #012738;
  --button-tertiary-text-color: #4A4A4A;
  --button-tertiary-text-hover-color: #024E70;
  --button-tertiary-background-color: white;
  --button-tertiary-background-hover-color: white;
  --button-tertiary-border-color: hsl(0deg, 0%, 50%);
  --button-tertiary-border-hover-color: #024E70;
  --button-tertiary-accent-color: #012738;
  --button-icon-text-color: #4A4A4A;
  --button-icon-text-hover-color: #024E70;
  --button-icon-background-color: rgba(255, 255, 255, 0);
  --button-icon-background-hover-color: white;
  --button-icon-border-color: rgba(255, 255, 255, 0);
  --button-icon-border-hover-color: #024E70;
  --button-icon-accent-color: #012738;
  --button-header-text-color: #4A4A4A;
  --button-header-text-hover-color: #4A4A4A;
  --button-header-background-color: rgba(255, 255, 255, 0);
  --button-header-background-hover-color: #999999;
  --button-header-border-color: rgba(255, 255, 255, 0);
  --button-header-border-hover-color: #999999;
  --button-header-accent-color: #4d4d4d;
  --field-text-color: #4A4A4A;
  --field-background-color: white;
  --field-label-text-color: #4A4A4A;
  --field-label-text-hover-color: hsl(0deg, 0%, 20%);
  --field-label-text-focus-color: #024E70;
  --field-border-color: hsl(0deg, 0%, 50%);
  --field-border-hover-color: hsl(0deg, 0%, 20%);
  --field-border-focus-color: #024E70;
  --select-options-text-color: #4A4A4A;
  --select-options-text-hover-color: #024E70;
  --select-options-background-color: white;
  --select-options-background-hover-color: #EDF9FF;
  --select-options-border-color: hsl(0deg, 0%, 90%);
  --radio-label-text-color: #4A4A4A;
  --radio-center-color: hsl(0deg, 0%, 40%);
  --radio-center-hover-color: hsl(0deg, 0%, 20%);
  --radio-center-checked-color: #024E70;
  --radio-ring-color: hsl(0deg, 0%, 40%);
  --radio-ring-hover-color: hsl(0deg, 0%, 20%);
  --radio-ring-checked-color: #024E70;
  --radio-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --radio-highlight-focus-color: rgba(2, 78, 112, 0.2);
  --checkbox-label-text-color: #4A4A4A;
  --checkbox-check-color: hsl(0deg, 0%, 40%);
  --checkbox-check-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-check-checked-color: #024E70;
  --checkbox-border-color: hsl(0deg, 0%, 40%);
  --checkbox-border-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-border-checked-color: #024E70;
  --checkbox-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --checkbox-highlight-focus-color: rgba(2, 78, 112, 0.2);
  --toggle-label-text-color: #4A4A4A;
  --toggle-background-color: hsl(0deg, 0%, 80%);
  --toggle-background-checked-color: #0071A5;
  --toggle-switch-background-color: hsl(0deg, 0%, 40%);
  --toggle-switch-background-hover-color: hsl(0deg, 0%, 20%);
  --toggle-switch-background-checked-color: #024E70;
  --toggle-switch-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --toggle-switch-highlight-focus-color: rgba(2, 78, 112, 0.2);
  --table-border-color: hsl(0deg, 0%, 50%);
  --table-th-text-color: #4A4A4A;
  --table-th-background-color: white;
  --table-td-text-color: #4A4A4A;
  --table-td-background-color: #F9F7F4;
  --table-td-alt-background-color: white;
  --table-td-border-color: hsl(0deg, 0%, 80%);
  --table-tr-hover-text-color: #024E70;
  --table-tr-hover-background-color: #EDF9FF;
  --table-tr-hover-border-color: #0071A5;
  --table-detail-background-color: #F4F4F4;
  --paginator-current-page-text-color: white;
  --paginator-current-page-background-color: #4A4A4A;
  --paginator-current-page-border-color: #4A4A4A;
  --theme-button-text-color: #4A4A4A;
  --theme-button-text-hover-color: #024E70;
  --theme-button-background-color: white;
  --theme-button-background-hover-color: #EDF9FF;
  --theme-button-active-text-color: #C8102E;
  --theme-button-active-text-hover-color: #780a1c;
  --theme-button-active-background-color: white;
  --theme-button-active-background-hover-color: #F4F4F4;
  --card-surface-1-text-color: #4A4A4A;
  --card-surface-1-background-color: #F4F4F4;
  --card-surface-1-border-color: hsl(0deg, 0%, 60%);
  --card-surface-2-text-color: #4A4A4A;
  --card-surface-2-background-color: #F9F7F4;
  --card-surface-2-border-color: hsl(0deg, 0%, 60%);
  --card-surface-3-text-color: #4A4A4A;
  --card-surface-3-background-color: #E0EAEB;
  --card-surface-3-border-color: hsl(0deg, 0%, 60%);
  --card-surface-4-text-color: white;
  --card-surface-4-background-color: #A6192E;
  --card-surface-4-border-color: hsl(0deg, 0%, 60%);
  --card-spotlight-text-color: white;
  --card-spotlight-background-color: #C8102E;
  --expansion-panel-background-color: white;
  --expansion-panel-border-color: hsl(0deg, 0%, 60%);
  --scheduler-header-text-color: #4A4A4A;
  --scheduler-header-background-color: #F4F4F4;
  --scheduler-header-border-color: hsl(0deg, 0%, 60%);
  --scheduler-today-label-text-color: white;
  --scheduler-today-label-background-color: #486C70;
  --scheduler-cell-background-color: white;
  --scheduler-cell-border-color: hsl(0deg, 0%, 70%);
  --scheduler-appointment-border-color: transparent;
  --scheduler-appointment-border-hover-color: hsl(0deg, 0%, 20%);
  --scheduler-summary-background-color: #E0EAEB;
  --scheduler-summary-border-color: hsl(0deg, 0%, 90%);
  --scheduler-summary-current-date-text-color: white;
  --scheduler-summary-current-date-background-color: #486C70;
  --skeleton-color: hsl(0deg, 0%, 80%);
  --modal-text-color: #4A4A4A;
  --modal-background-color: white;
  --alert-normal-background-color: #F4F4F4;
  --alert-normal-border-color: hsl(0deg, 0%, 60%);
  --alert-info-background-color: #ECF2FF;
  --alert-info-border-color: #224AA0;
  --alert-success-background-color: #EFF6EF;
  --alert-success-border-color: #007000;
  --alert-warning-background-color: #FFF9E5;
  --alert-warning-border-color: #F5B700;
  --alert-error-background-color: #FFE5E5;
  --alert-error-border-color: #C40000;
  --alert-x-text-color: hsl(0deg, 0%, 40%);
  --alert-x-background-hover-color: rgba(128, 128, 128, 0.2);
  --link-color: #0071A5;
  --link-hover-color: #024E70;
  --mega-menu-link-hover-color: #024E70;
  --icon-decorative-color: #7FA9AE;
  --chip-text-color: #4A4A4A;
  --chip-background-color: hsl(0deg, 0%, 90%);
  --chip-x-text-hover-color: #4A4A4A;
  --chip-x-background-hover-color: hsl(0deg, 0%, 80%);
  --spinner-color: #C8102E;
  --tooltip-background-color: #4A4A4A;
  --tooltip-text-color: white;
  --outline-focus-color: black;
}

html:has(.kt-page.default-light-theme) {
  scrollbar-color: var(--gray-30) white;
}

.default-dark-theme {
  --primary-color: #741220;
  --secondary-color: #7FA9AE;
  --tertiary-color: hsl(0deg, 0%, 90%);
  --text-color: hsl(0deg, 0%, 90%);
  --body-color: #1A1919;
  --heading-color: #7FA9AE;
  --subheading-color: white;
  --input-color: #0071A5;
  --input-indicator-color: hsl(0deg, 0%, 60%);
  --input-hover-1-color: #4d9cc0;
  --input-hover-2-color: #001721;
  --input-hover-3-color: white;
  --input-readonly-color: hsl(0deg, 0%, 15%);
  --input-readonly-checked-color: white;
  --input-disabled-color: hsl(0deg, 0%, 20%);
  --input-disabled-accent-color: hsl(0deg, 0%, 15%);
  --surface-1-color: #212020;
  --surface-2-color: #252525;
  --surface-3-color: #192223;
  --surface-4-color: #5d0e1a;
  --accent-1-color: #bfd4d7;
  --accent-2-color: #ba8990;
  --data-vis-yellow-color: #c49200;
  --data-vis-yellow-accent-color: #FFF9E5;
  --data-vis-orange-color: #c67618;
  --data-vis-orange-accent-color: #FFE0BA;
  --data-vis-green-color: #5ab45a;
  --data-vis-green-accent-color: #EFF6EF;
  --data-vis-red-color: #9d0000;
  --data-vis-red-accent-color: #FFE5E5;
  --data-vis-blue-color: #1b3b80;
  --data-vis-blue-accent-color: #ECF2FF;
  --data-vis-purple-color: #502d61;
  --data-vis-purple-accent-color: #DCB3F0;
  --data-vis-magenta-color: #c800cc;
  --data-vis-magenta-accent-color: #FEB8FF;
  --text-on-primary-color: hsl(0deg, 0%, 90%);
  --text-on-secondary-color: black;
  --text-on-tertiary-color: black;
  --text-on-text-color: var(--body-color);
  --text-on-body-color: var(--text-color);
  --text-on-heading-color: black;
  --text-on-subheading-color: black;
  --text-on-input-color: hsl(0deg, 0%, 90%);
  --text-on-input-hover-1-color: black;
  --text-on-input-hover-2-color: hsl(0deg, 0%, 90%);
  --text-on-input-hover-3-color: black;
  --text-on-surface-1-color: hsl(0deg, 0%, 90%);
  --text-on-surface-2-color: hsl(0deg, 0%, 90%);
  --text-on-surface-3-color: hsl(0deg, 0%, 90%);
  --text-on-surface-4-color: hsl(0deg, 0%, 90%);
  --text-on-accent-1-color: black;
  --text-on-accent-2-color: black;
  --text-on-data-vis-yellow-color: black;
  --text-on-data-vis-orange-color: black;
  --text-on-data-vis-green-color: black;
  --text-on-data-vis-red-color: hsl(0deg, 0%, 90%);
  --text-on-data-vis-blue-color: hsl(0deg, 0%, 90%);
  --text-on-data-vis-purple-color: hsl(0deg, 0%, 90%);
  --text-on-data-vis-magenta-color: black;
  --danger-text-color: hsl(0deg, 0%, 90%);
  --danger-text-hover-color: black;
  --danger-color: #C40000;
  --danger-background-color: #3d0000;
  --danger-hover-color: #FFE5E5;
  --danger-accent-color: #807373;
  --danger-highlight-color: rgba(255, 229, 229, 0.2);
  --warning-text-color: black;
  --warning-text-hover-color: black;
  --warning-color: #F5B700;
  --warning-background-color: #493702;
  --warning-hover-color: #FFF9E5;
  --warning-accent-color: #807d73;
  --warning-highlight-color: rgba(255, 249, 229, 0.2);
  --success-text-color: hsl(0deg, 0%, 90%);
  --success-text-hover-color: black;
  --success-color: #007000;
  --success-background-color: #002e00;
  --success-hover-color: #EFF6EF;
  --success-accent-color: #787b78;
  --success-highlight-color: rgba(239, 246, 239, 0.2);
  --info-text-color: hsl(0deg, 0%, 90%);
  --info-text-hover-color: black;
  --info-color: #224AA0;
  --info-background-color: #081126;
  --info-hover-color: #ECF2FF;
  --info-accent-color: #767980;
  --info-highlight-color: rgba(236, 242, 255, 0.2);
  --active-color: #ff8c9e;
  --active-hover-1-color: #ffafbb;
  --active-hover-2-color: #212020;
  --shadow-color: rgba(var(--shadow-rgb), var(--shadow-a));
  --shadow-rgb: 0, 0, 0;
  --shadow-a: 0.5;
  --obscure-color: rgba(0, 0, 0, 0.75);
  --hr-color: hsl(0deg, 0%, 30%);
  --header-main-text-color: hsl(0deg, 0%, 90%);
  --header-main-background-color: #741220;
  --header-main-border-color: #741220;
  --header-title-kwik-logo-color: hsl(0deg, 0%, 90%);
  --header-title-text-color: hsl(0deg, 0%, 90%);
  --header-nav-text-color: hsl(0deg, 0%, 90%);
  --header-nav-background-color: #1A1919;
  --header-nav-border-color: #741220;
  --sidebar-text-color: hsl(0deg, 0%, 90%);
  --sidebar-background-color: #1A1919;
  --sidebar-border-color: #741220;
  --nav-text-color: hsl(0deg, 0%, 90%);
  --nav-text-hover-color: #4d9cc0;
  --nav-background-color: #1A1919;
  --nav-background-hover-color: #001721;
  --nav-active-text-color: #ff8c9e;
  --nav-active-text-hover-color: #ffafbb;
  --nav-active-background-color: #1A1919;
  --nav-active-background-hover-color: #212020;
  --nav-group-list-accent-color: hsl(0deg, 0%, 20%);
  --mega-menu-text-color: hsl(0deg, 0%, 90%);
  --mega-menu-background-color: #1A1919;
  --mega-menu-heading-color: hsl(0deg, 0%, 90%);
  --mega-menu-link-color: hsl(0deg, 0%, 90%);
  --header-main-nav-text-color: hsl(0deg, 0%, 90%);
  --header-main-nav-text-hover-color: #4d9cc0;
  --header-main-nav-background-color: #741220;
  --header-main-nav-background-hover-color: #001721;
  --header-main-nav-active-text-color: hsl(0deg, 0%, 90%);
  --header-main-nav-active-text-hover-color: #ffafbb;
  --header-main-nav-active-background-color: #741220;
  --header-main-nav-active-background-hover-color: #212020;
  --header-main-nav-active-accent-color: hsl(0deg, 0%, 90%);
  --header-main-nav-active-accent-hover-color: hsl(0deg, 0%, 90%);
  --paper-background-color: #1A1919;
  --paper-border-color: hsl(0deg, 0%, 40%);
  --banner-text-color: white;
  --banner-background-color: hsl(0deg, 0%, 20%);
  --banner-border-color: #741220;
  --mobile-expansion-panels-background-color: #212020;
  --mobile-expansion-panel-list-accent-color: hsl(0deg, 0%, 20%);
  --breadcrumbs-text-color: hsl(0deg, 0%, 60%);
  --footer-mission-statement-text-color: hsl(0deg, 0%, 90%);
  --footer-mission-statement-background-color: #212020;
  --footer-main-text-color: hsl(0deg, 0%, 90%);
  --footer-main-background-color: #040506;
  --heading-display-color: white;
  --heading-l1-color: #7FA9AE;
  --heading-l2-color: white;
  --heading-l3-color: white;
  --heading-l4-color: white;
  --button-primary-text-color: hsl(0deg, 0%, 90%);
  --button-primary-text-hover-color: hsl(0deg, 0%, 90%);
  --button-primary-background-color: #0071A5;
  --button-primary-background-hover-color: #4d9cc0;
  --button-primary-border-color: #0071A5;
  --button-primary-border-hover-color: #4d9cc0;
  --button-primary-accent-color: #274e60;
  --button-secondary-text-color: #0071A5;
  --button-secondary-text-hover-color: #4d9cc0;
  --button-secondary-background-color: #1A1919;
  --button-secondary-background-hover-color: #1A1919;
  --button-secondary-border-color: #0071A5;
  --button-secondary-border-hover-color: #4d9cc0;
  --button-secondary-accent-color: #274e60;
  --button-tertiary-text-color: hsl(0deg, 0%, 90%);
  --button-tertiary-text-hover-color: #4d9cc0;
  --button-tertiary-background-color: #1A1919;
  --button-tertiary-background-hover-color: #1A1919;
  --button-tertiary-border-color: hsl(0deg, 0%, 50%);
  --button-tertiary-border-hover-color: #4d9cc0;
  --button-tertiary-accent-color: #274e60;
  --button-icon-text-color: hsl(0deg, 0%, 90%);
  --button-icon-text-hover-color: #4d9cc0;
  --button-icon-background-color: rgba(26, 25, 25, 0);
  --button-icon-background-hover-color: #1A1919;
  --button-icon-border-color: rgba(26, 25, 25, 0);
  --button-icon-border-hover-color: #4d9cc0;
  --button-icon-accent-color: #274e60;
  --button-header-text-color: hsl(0deg, 0%, 90%);
  --button-header-text-hover-color: hsl(0deg, 0%, 90%);
  --button-header-background-color: rgba(116, 18, 32, 0);
  --button-header-background-hover-color: #460b13;
  --button-header-border-color: rgba(116, 18, 32, 0);
  --button-header-border-hover-color: #460b13;
  --button-header-accent-color: #23060a;
  --field-text-color: hsl(0deg, 0%, 90%);
  --field-background-color: #1A1919;
  --field-label-text-color: hsl(0deg, 0%, 90%);
  --field-label-text-hover-color: white;
  --field-label-text-focus-color: #4d9cc0;
  --field-border-color: hsl(0deg, 0%, 50%);
  --field-border-hover-color: white;
  --field-border-focus-color: #4d9cc0;
  --select-options-text-color: hsl(0deg, 0%, 90%);
  --select-options-text-hover-color: #4d9cc0;
  --select-options-background-color: #1A1919;
  --select-options-background-hover-color: #001721;
  --select-options-border-color: hsl(0deg, 0%, 20%);
  --radio-label-text-color: hsl(0deg, 0%, 90%);
  --radio-center-color: hsl(0deg, 0%, 60%);
  --radio-center-hover-color: white;
  --radio-center-checked-color: #4d9cc0;
  --radio-ring-color: hsl(0deg, 0%, 60%);
  --radio-ring-hover-color: white;
  --radio-ring-checked-color: #4d9cc0;
  --radio-highlight-hover-color: rgba(255, 255, 255, 0.2);
  --radio-highlight-focus-color: rgba(77, 156, 192, 0.2);
  --checkbox-label-text-color: hsl(0deg, 0%, 90%);
  --checkbox-check-color: hsl(0deg, 0%, 60%);
  --checkbox-check-hover-color: white;
  --checkbox-check-checked-color: #4d9cc0;
  --checkbox-border-color: hsl(0deg, 0%, 60%);
  --checkbox-border-hover-color: white;
  --checkbox-border-checked-color: #4d9cc0;
  --checkbox-highlight-hover-color: rgba(255, 255, 255, 0.2);
  --checkbox-highlight-focus-color: rgba(77, 156, 192, 0.2);
  --toggle-label-text-color: hsl(0deg, 0%, 90%);
  --toggle-background-color: hsl(0deg, 0%, 30%);
  --toggle-background-checked-color: #0071A5;
  --toggle-switch-background-color: hsl(0deg, 0%, 60%);
  --toggle-switch-background-hover-color: white;
  --toggle-switch-background-checked-color: #4d9cc0;
  --toggle-switch-highlight-hover-color: rgba(255, 255, 255, 0.2);
  --toggle-switch-highlight-focus-color: rgba(77, 156, 192, 0.2);
  --table-border-color: hsl(0deg, 0%, 50%);
  --table-th-text-color: hsl(0deg, 0%, 90%);
  --table-th-background-color: #1A1919;
  --table-td-text-color: hsl(0deg, 0%, 90%);
  --table-td-background-color: #252525;
  --table-td-alt-background-color: #1A1919;
  --table-td-border-color: hsl(0deg, 0%, 30%);
  --table-tr-hover-text-color: #4d9cc0;
  --table-tr-hover-background-color: #001721;
  --table-tr-hover-border-color: #0071A5;
  --table-detail-background-color: #151414;
  --paginator-current-page-text-color: black;
  --paginator-current-page-background-color: hsl(0deg, 0%, 90%);
  --paginator-current-page-border-color: hsl(0deg, 0%, 90%);
  --theme-button-text-color: hsl(0deg, 0%, 90%);
  --theme-button-text-hover-color: #4d9cc0;
  --theme-button-background-color: #1A1919;
  --theme-button-background-hover-color: #001721;
  --theme-button-active-text-color: #ff8c9e;
  --theme-button-active-text-hover-color: #ffafbb;
  --theme-button-active-background-color: #1A1919;
  --theme-button-active-background-hover-color: #212020;
  --card-surface-1-text-color: hsl(0deg, 0%, 90%);
  --card-surface-1-background-color: #212020;
  --card-surface-1-border-color: hsl(0deg, 0%, 40%);
  --card-surface-2-text-color: hsl(0deg, 0%, 90%);
  --card-surface-2-background-color: #252525;
  --card-surface-2-border-color: hsl(0deg, 0%, 40%);
  --card-surface-3-text-color: hsl(0deg, 0%, 90%);
  --card-surface-3-background-color: #192223;
  --card-surface-3-border-color: hsl(0deg, 0%, 40%);
  --card-surface-4-text-color: hsl(0deg, 0%, 90%);
  --card-surface-4-background-color: #5d0e1a;
  --card-surface-4-border-color: hsl(0deg, 0%, 40%);
  --card-spotlight-text-color: hsl(0deg, 0%, 90%);
  --card-spotlight-background-color: #C8102E;
  --expansion-panel-background-color: #1A1919;
  --expansion-panel-border-color: hsl(0deg, 0%, 40%);
  --scheduler-header-text-color: hsl(0deg, 0%, 90%);
  --scheduler-header-background-color: #212020;
  --scheduler-header-border-color: hsl(0deg, 0%, 40%);
  --scheduler-today-label-text-color: black;
  --scheduler-today-label-background-color: #7FA9AE;
  --scheduler-cell-background-color: #1A1919;
  --scheduler-cell-border-color: hsl(0deg, 0%, 40%);
  --scheduler-appointment-border-color: transparent;
  --scheduler-appointment-border-hover-color: white;
  --scheduler-summary-background-color: #192223;
  --scheduler-summary-border-color: hsl(0deg, 0%, 20%);
  --scheduler-summary-current-date-text-color: black;
  --scheduler-summary-current-date-background-color: #7FA9AE;
  --skeleton-color: hsl(0deg, 0%, 20%);
  --modal-text-color: hsl(0deg, 0%, 90%);
  --modal-background-color: #1A1919;
  --alert-normal-background-color: #212020;
  --alert-normal-border-color: hsl(0deg, 0%, 40%);
  --alert-info-background-color: #081126;
  --alert-info-border-color: #224AA0;
  --alert-success-background-color: #002e00;
  --alert-success-border-color: #007000;
  --alert-warning-background-color: #493702;
  --alert-warning-border-color: #F5B700;
  --alert-error-background-color: #3d0000;
  --alert-error-border-color: #C40000;
  --alert-x-text-color: hsl(0deg, 0%, 90%);
  --alert-x-background-hover-color: rgba(204, 204, 204, 0.2);
  --link-color: #0071A5;
  --link-hover-color: #4d9cc0;
  --mega-menu-link-hover-color: #4d9cc0;
  --icon-decorative-color: #bfd4d7;
  --chip-text-color: hsl(0deg, 0%, 90%);
  --chip-background-color: hsl(0deg, 0%, 20%);
  --chip-x-text-hover-color: hsl(0deg, 0%, 90%);
  --chip-x-background-hover-color: hsl(0deg, 0%, 30%);
  --spinner-color: white;
  --tooltip-background-color: hsl(0deg, 0%, 90%);
  --tooltip-text-color: black;
  --outline-focus-color: white;
}

html:has(.kt-page.default-dark-theme) {
  scrollbar-color: var(--gray-30) #1A1919;
}

.ct-blue-theme {
  --primary-color: #384E79;
  --secondary-color: #4A4A4A;
  --tertiary-color: #A6192E;
  --text-color: black;
  --body-color: white;
  --heading-color: #4A4A4A;
  --subheading-color: black;
  --input-color: #384E79;
  --input-indicator-color: hsl(0deg, 0%, 40%);
  --input-hover-1-color: #222f49;
  --input-hover-2-color: #d7dce4;
  --input-hover-3-color: hsl(0deg, 0%, 20%);
  --input-readonly-color: hsl(0deg, 0%, 95%);
  --input-readonly-checked-color: hsl(0deg, 0%, 20%);
  --input-disabled-color: hsl(0deg, 0%, 80%);
  --input-disabled-accent-color: hsl(0deg, 0%, 90%);
  --surface-1-color: #f2f2f2;
  --surface-2-color: #EFF5F5;
  --surface-3-color: #ededed;
  --surface-4-color: #2d3e61;
  --accent-1-color: #a5a5a5;
  --accent-2-color: #9ca7bc;
  --data-vis-yellow-color: #F5B700;
  --data-vis-yellow-accent-color: #795B04;
  --data-vis-orange-color: #F7941E;
  --data-vis-orange-accent-color: #5A4528;
  --data-vis-green-color: #71E171;
  --data-vis-green-accent-color: #004D00;
  --data-vis-red-color: #C40000;
  --data-vis-red-accent-color: #660000;
  --data-vis-blue-color: #224AA0;
  --data-vis-blue-accent-color: #0D1D3F;
  --data-vis-purple-color: #643879;
  --data-vis-purple-accent-color: #2E0640;
  --data-vis-magenta-color: #FA00FF;
  --data-vis-magenta-accent-color: #3B0E3B;
  --text-on-primary-color: white;
  --text-on-secondary-color: white;
  --text-on-tertiary-color: white;
  --text-on-text-color: var(--body-color);
  --text-on-body-color: var(--text-color);
  --text-on-heading-color: white;
  --text-on-subheading-color: white;
  --text-on-input-color: white;
  --text-on-input-hover-1-color: white;
  --text-on-input-hover-2-color: black;
  --text-on-input-hover-3-color: white;
  --text-on-surface-1-color: black;
  --text-on-surface-2-color: black;
  --text-on-surface-3-color: black;
  --text-on-surface-4-color: white;
  --text-on-accent-1-color: black;
  --text-on-accent-2-color: black;
  --text-on-data-vis-yellow-color: black;
  --text-on-data-vis-orange-color: black;
  --text-on-data-vis-green-color: black;
  --text-on-data-vis-red-color: white;
  --text-on-data-vis-blue-color: white;
  --text-on-data-vis-purple-color: white;
  --text-on-data-vis-magenta-color: black;
  --danger-text-color: white;
  --danger-text-hover-color: white;
  --danger-color: #C40000;
  --danger-background-color: #FFE5E5;
  --danger-hover-color: #660000;
  --danger-accent-color: #330000;
  --danger-highlight-color: rgba(196, 0, 0, 0.2);
  --warning-text-color: black;
  --warning-text-hover-color: white;
  --warning-color: #F5B700;
  --warning-background-color: #FFF9E5;
  --warning-hover-color: #795B04;
  --warning-accent-color: #3d2e02;
  --warning-highlight-color: rgba(245, 183, 0, 0.2);
  --success-text-color: white;
  --success-text-hover-color: white;
  --success-color: #007000;
  --success-background-color: #EFF6EF;
  --success-hover-color: #004D00;
  --success-accent-color: #002700;
  --success-highlight-color: rgba(0, 112, 0, 0.2);
  --info-text-color: white;
  --info-text-hover-color: white;
  --info-color: #224AA0;
  --info-background-color: #ECF2FF;
  --info-hover-color: #0D1D3F;
  --info-accent-color: #070f20;
  --info-highlight-color: rgba(34, 74, 160, 0.2);
  --active-color: #C8102E;
  --active-hover-1-color: #780a1c;
  --active-hover-2-color: #f2f2f2;
  --shadow-color: rgba(var(--shadow-rgb), var(--shadow-a));
  --shadow-rgb: 74, 74, 74;
  --shadow-a: 0.2;
  --obscure-color: rgba(26, 26, 26, 0.25);
  --hr-color: hsl(0deg, 0%, 80%);
  --header-main-text-color: white;
  --header-main-background-color: #384E79;
  --header-main-border-color: #384E79;
  --header-title-kwik-logo-color: white;
  --header-title-text-color: white;
  --header-nav-text-color: black;
  --header-nav-background-color: white;
  --header-nav-border-color: #384E79;
  --sidebar-text-color: black;
  --sidebar-background-color: white;
  --sidebar-border-color: #384E79;
  --nav-text-color: black;
  --nav-text-hover-color: #222f49;
  --nav-background-color: white;
  --nav-background-hover-color: #d7dce4;
  --nav-active-text-color: #C8102E;
  --nav-active-text-hover-color: #780a1c;
  --nav-active-background-color: white;
  --nav-active-background-hover-color: #f2f2f2;
  --nav-group-list-accent-color: hsl(0deg, 0%, 80%);
  --mega-menu-text-color: black;
  --mega-menu-background-color: white;
  --mega-menu-heading-color: black;
  --mega-menu-link-color: black;
  --header-main-nav-text-color: white;
  --header-main-nav-text-hover-color: #222f49;
  --header-main-nav-background-color: #384E79;
  --header-main-nav-background-hover-color: #d7dce4;
  --header-main-nav-active-text-color: white;
  --header-main-nav-active-text-hover-color: #780a1c;
  --header-main-nav-active-background-color: #384E79;
  --header-main-nav-active-background-hover-color: #f2f2f2;
  --header-main-nav-active-accent-color: white;
  --header-main-nav-active-accent-hover-color: white;
  --paper-background-color: white;
  --paper-border-color: hsl(0deg, 0%, 60%);
  --banner-text-color: white;
  --banner-background-color: #2e3441;
  --banner-border-color: #384E79;
  --mobile-expansion-panels-background-color: #f2f2f2;
  --mobile-expansion-panel-list-accent-color: hsl(0deg, 0%, 80%);
  --breadcrumbs-text-color: hsl(0deg, 0%, 40%);
  --footer-mission-statement-text-color: black;
  --footer-mission-statement-background-color: #f2f2f2;
  --footer-main-text-color: white;
  --footer-main-background-color: #4A4A4A;
  --heading-display-color: #384E79;
  --heading-l1-color: #4A4A4A;
  --heading-l2-color: black;
  --heading-l3-color: black;
  --heading-l4-color: black;
  --button-primary-text-color: white;
  --button-primary-text-hover-color: white;
  --button-primary-background-color: #384E79;
  --button-primary-background-hover-color: #222f49;
  --button-primary-border-color: #384E79;
  --button-primary-border-hover-color: #222f49;
  --button-primary-accent-color: #111825;
  --button-secondary-text-color: #384E79;
  --button-secondary-text-hover-color: #222f49;
  --button-secondary-background-color: white;
  --button-secondary-background-hover-color: white;
  --button-secondary-border-color: #384E79;
  --button-secondary-border-hover-color: #222f49;
  --button-secondary-accent-color: #111825;
  --button-tertiary-text-color: black;
  --button-tertiary-text-hover-color: #222f49;
  --button-tertiary-background-color: white;
  --button-tertiary-background-hover-color: white;
  --button-tertiary-border-color: hsl(0deg, 0%, 50%);
  --button-tertiary-border-hover-color: #222f49;
  --button-tertiary-accent-color: #111825;
  --button-icon-text-color: black;
  --button-icon-text-hover-color: #222f49;
  --button-icon-background-color: rgba(255, 255, 255, 0);
  --button-icon-background-hover-color: white;
  --button-icon-border-color: rgba(255, 255, 255, 0);
  --button-icon-border-hover-color: #222f49;
  --button-icon-accent-color: #111825;
  --button-header-text-color: white;
  --button-header-text-hover-color: white;
  --button-header-background-color: rgba(56, 78, 121, 0);
  --button-header-background-hover-color: #222f49;
  --button-header-border-color: rgba(56, 78, 121, 0);
  --button-header-border-hover-color: #222f49;
  --button-header-accent-color: #111825;
  --field-text-color: black;
  --field-background-color: white;
  --field-label-text-color: black;
  --field-label-text-hover-color: hsl(0deg, 0%, 20%);
  --field-label-text-focus-color: #222f49;
  --field-border-color: hsl(0deg, 0%, 50%);
  --field-border-hover-color: hsl(0deg, 0%, 20%);
  --field-border-focus-color: #222f49;
  --select-options-text-color: black;
  --select-options-text-hover-color: #222f49;
  --select-options-background-color: white;
  --select-options-background-hover-color: #d7dce4;
  --select-options-border-color: hsl(0deg, 0%, 90%);
  --radio-label-text-color: black;
  --radio-center-color: hsl(0deg, 0%, 40%);
  --radio-center-hover-color: hsl(0deg, 0%, 20%);
  --radio-center-checked-color: #222f49;
  --radio-ring-color: hsl(0deg, 0%, 40%);
  --radio-ring-hover-color: hsl(0deg, 0%, 20%);
  --radio-ring-checked-color: #222f49;
  --radio-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --radio-highlight-focus-color: rgba(34, 47, 73, 0.2);
  --checkbox-label-text-color: black;
  --checkbox-check-color: hsl(0deg, 0%, 40%);
  --checkbox-check-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-check-checked-color: #222f49;
  --checkbox-border-color: hsl(0deg, 0%, 40%);
  --checkbox-border-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-border-checked-color: #222f49;
  --checkbox-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --checkbox-highlight-focus-color: rgba(34, 47, 73, 0.2);
  --toggle-label-text-color: black;
  --toggle-background-color: hsl(0deg, 0%, 80%);
  --toggle-background-checked-color: #384E79;
  --toggle-switch-background-color: hsl(0deg, 0%, 40%);
  --toggle-switch-background-hover-color: hsl(0deg, 0%, 20%);
  --toggle-switch-background-checked-color: #222f49;
  --toggle-switch-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --toggle-switch-highlight-focus-color: rgba(34, 47, 73, 0.2);
  --table-border-color: hsl(0deg, 0%, 50%);
  --table-th-text-color: black;
  --table-th-background-color: white;
  --table-td-text-color: black;
  --table-td-background-color: #EFF5F5;
  --table-td-alt-background-color: white;
  --table-td-border-color: hsl(0deg, 0%, 80%);
  --table-tr-hover-text-color: #222f49;
  --table-tr-hover-background-color: #d7dce4;
  --table-tr-hover-border-color: #384E79;
  --table-detail-background-color: #e3e9e9;
  --paginator-current-page-text-color: white;
  --paginator-current-page-background-color: #A6192E;
  --paginator-current-page-border-color: #A6192E;
  --theme-button-text-color: black;
  --theme-button-text-hover-color: #222f49;
  --theme-button-background-color: white;
  --theme-button-background-hover-color: #d7dce4;
  --theme-button-active-text-color: #C8102E;
  --theme-button-active-text-hover-color: #780a1c;
  --theme-button-active-background-color: white;
  --theme-button-active-background-hover-color: #f2f2f2;
  --card-surface-1-text-color: black;
  --card-surface-1-background-color: #f2f2f2;
  --card-surface-1-border-color: hsl(0deg, 0%, 60%);
  --card-surface-2-text-color: black;
  --card-surface-2-background-color: #EFF5F5;
  --card-surface-2-border-color: hsl(0deg, 0%, 60%);
  --card-surface-3-text-color: black;
  --card-surface-3-background-color: #ededed;
  --card-surface-3-border-color: hsl(0deg, 0%, 60%);
  --card-surface-4-text-color: white;
  --card-surface-4-background-color: #2d3e61;
  --card-surface-4-border-color: hsl(0deg, 0%, 60%);
  --card-spotlight-text-color: white;
  --card-spotlight-background-color: #C8102E;
  --expansion-panel-background-color: white;
  --expansion-panel-border-color: hsl(0deg, 0%, 60%);
  --scheduler-header-text-color: black;
  --scheduler-header-background-color: #f2f2f2;
  --scheduler-header-border-color: hsl(0deg, 0%, 60%);
  --scheduler-today-label-text-color: white;
  --scheduler-today-label-background-color: #4A4A4A;
  --scheduler-cell-background-color: white;
  --scheduler-cell-border-color: hsl(0deg, 0%, 70%);
  --scheduler-appointment-border-color: transparent;
  --scheduler-appointment-border-hover-color: hsl(0deg, 0%, 20%);
  --scheduler-summary-background-color: #ededed;
  --scheduler-summary-border-color: hsl(0deg, 0%, 90%);
  --scheduler-summary-current-date-text-color: white;
  --scheduler-summary-current-date-background-color: #4A4A4A;
  --skeleton-color: hsl(0deg, 0%, 80%);
  --modal-text-color: black;
  --modal-background-color: white;
  --alert-normal-background-color: #f2f2f2;
  --alert-normal-border-color: hsl(0deg, 0%, 60%);
  --alert-info-background-color: #ECF2FF;
  --alert-info-border-color: #224AA0;
  --alert-success-background-color: #EFF6EF;
  --alert-success-border-color: #007000;
  --alert-warning-background-color: #FFF9E5;
  --alert-warning-border-color: #F5B700;
  --alert-error-background-color: #FFE5E5;
  --alert-error-border-color: #C40000;
  --alert-x-text-color: hsl(0deg, 0%, 40%);
  --alert-x-background-hover-color: rgba(128, 128, 128, 0.2);
  --link-color: #384E79;
  --link-hover-color: #222f49;
  --mega-menu-link-hover-color: #222f49;
  --icon-decorative-color: #a5a5a5;
  --chip-text-color: black;
  --chip-background-color: hsl(0deg, 0%, 90%);
  --chip-x-text-hover-color: black;
  --chip-x-background-hover-color: hsl(0deg, 0%, 80%);
  --spinner-color: #384E79;
  --tooltip-background-color: #A6192E;
  --tooltip-text-color: white;
  --outline-focus-color: black;
}

html:has(.kt-page.ct-blue-theme) {
  scrollbar-color: var(--gray-30) white;
}

.kwiknet-retro-theme {
  --primary-color: #d0ddd6;
  --secondary-color: #2f4f4f;
  --tertiary-color: #686f6b;
  --text-color: black;
  --body-color: white;
  --heading-color: #2f4f4f;
  --subheading-color: black;
  --input-color: #477551;
  --input-indicator-color: hsl(0deg, 0%, 40%);
  --input-hover-1-color: #2b4631;
  --input-hover-2-color: #dae3dc;
  --input-hover-3-color: hsl(0deg, 0%, 20%);
  --input-readonly-color: hsl(0deg, 0%, 95%);
  --input-readonly-checked-color: hsl(0deg, 0%, 20%);
  --input-disabled-color: hsl(0deg, 0%, 80%);
  --input-disabled-accent-color: hsl(0deg, 0%, 90%);
  --surface-1-color: #f2f2f2;
  --surface-2-color: #f0f0f0;
  --surface-3-color: #eaeded;
  --surface-4-color: #2f4f4f;
  --accent-1-color: #97a7a7;
  --accent-2-color: #e8eeeb;
  --data-vis-yellow-color: #F5B700;
  --data-vis-yellow-accent-color: #795B04;
  --data-vis-orange-color: #F7941E;
  --data-vis-orange-accent-color: #5A4528;
  --data-vis-green-color: #71E171;
  --data-vis-green-accent-color: #004D00;
  --data-vis-red-color: #C40000;
  --data-vis-red-accent-color: #660000;
  --data-vis-blue-color: #224AA0;
  --data-vis-blue-accent-color: #0D1D3F;
  --data-vis-purple-color: #643879;
  --data-vis-purple-accent-color: #2E0640;
  --data-vis-magenta-color: #FA00FF;
  --data-vis-magenta-accent-color: #3B0E3B;
  --text-on-primary-color: black;
  --text-on-secondary-color: white;
  --text-on-tertiary-color: white;
  --text-on-text-color: var(--body-color);
  --text-on-body-color: var(--text-color);
  --text-on-heading-color: white;
  --text-on-subheading-color: white;
  --text-on-input-color: white;
  --text-on-input-hover-1-color: white;
  --text-on-input-hover-2-color: black;
  --text-on-input-hover-3-color: white;
  --text-on-surface-1-color: black;
  --text-on-surface-2-color: black;
  --text-on-surface-3-color: black;
  --text-on-surface-4-color: white;
  --text-on-accent-1-color: black;
  --text-on-accent-2-color: black;
  --text-on-data-vis-yellow-color: black;
  --text-on-data-vis-orange-color: black;
  --text-on-data-vis-green-color: black;
  --text-on-data-vis-red-color: white;
  --text-on-data-vis-blue-color: white;
  --text-on-data-vis-purple-color: white;
  --text-on-data-vis-magenta-color: black;
  --danger-text-color: white;
  --danger-text-hover-color: white;
  --danger-color: #C40000;
  --danger-background-color: #FFE5E5;
  --danger-hover-color: #660000;
  --danger-accent-color: #330000;
  --danger-highlight-color: rgba(196, 0, 0, 0.2);
  --warning-text-color: black;
  --warning-text-hover-color: white;
  --warning-color: #F5B700;
  --warning-background-color: #FFF9E5;
  --warning-hover-color: #795B04;
  --warning-accent-color: #3d2e02;
  --warning-highlight-color: rgba(245, 183, 0, 0.2);
  --success-text-color: white;
  --success-text-hover-color: white;
  --success-color: #007000;
  --success-background-color: #EFF6EF;
  --success-hover-color: #004D00;
  --success-accent-color: #002700;
  --success-highlight-color: rgba(0, 112, 0, 0.2);
  --info-text-color: white;
  --info-text-hover-color: white;
  --info-color: #224AA0;
  --info-background-color: #ECF2FF;
  --info-hover-color: #0D1D3F;
  --info-accent-color: #070f20;
  --info-highlight-color: rgba(34, 74, 160, 0.2);
  --active-color: #C8102E;
  --active-hover-1-color: #780a1c;
  --active-hover-2-color: #f2f2f2;
  --shadow-color: rgba(var(--shadow-rgb), var(--shadow-a));
  --shadow-rgb: 74, 74, 74;
  --shadow-a: 0.2;
  --obscure-color: rgba(26, 26, 26, 0.25);
  --hr-color: hsl(0deg, 0%, 80%);
  --header-main-text-color: #3b503f;
  --header-main-background-color: #d0ddd6;
  --header-main-border-color: #336633;
  --header-title-kwik-logo-color: #3b503f;
  --header-title-text-color: #3b503f;
  --header-nav-text-color: black;
  --header-nav-background-color: white;
  --header-nav-border-color: #336633;
  --sidebar-text-color: black;
  --sidebar-background-color: white;
  --sidebar-border-color: #336633;
  --nav-text-color: black;
  --nav-text-hover-color: #2b4631;
  --nav-background-color: white;
  --nav-background-hover-color: #dae3dc;
  --nav-active-text-color: #C8102E;
  --nav-active-text-hover-color: #780a1c;
  --nav-active-background-color: white;
  --nav-active-background-hover-color: #f2f2f2;
  --nav-group-list-accent-color: hsl(0deg, 0%, 80%);
  --mega-menu-text-color: black;
  --mega-menu-background-color: white;
  --mega-menu-heading-color: black;
  --mega-menu-link-color: black;
  --header-main-nav-text-color: #3b503f;
  --header-main-nav-text-hover-color: #2b4631;
  --header-main-nav-background-color: #d0ddd6;
  --header-main-nav-background-hover-color: #dae3dc;
  --header-main-nav-active-text-color: #3b503f;
  --header-main-nav-active-text-hover-color: #780a1c;
  --header-main-nav-active-background-color: #d0ddd6;
  --header-main-nav-active-background-hover-color: #f2f2f2;
  --header-main-nav-active-accent-color: #3b503f;
  --header-main-nav-active-accent-hover-color: #3b503f;
  --paper-background-color: white;
  --paper-border-color: hsl(0deg, 0%, 60%);
  --banner-text-color: white;
  --banner-background-color: #243027;
  --banner-border-color: #336633;
  --mobile-expansion-panels-background-color: #f2f2f2;
  --mobile-expansion-panel-list-accent-color: hsl(0deg, 0%, 80%);
  --breadcrumbs-text-color: hsl(0deg, 0%, 40%);
  --footer-mission-statement-text-color: gray;
  --footer-mission-statement-background-color: var(--body-color);
  --footer-main-text-color: white;
  --footer-main-background-color: #2f4f4f;
  --heading-display-color: #3b503f;
  --heading-l1-color: #2f4f4f;
  --heading-l2-color: black;
  --heading-l3-color: black;
  --heading-l4-color: black;
  --button-primary-text-color: #2f4f4f;
  --button-primary-text-hover-color: #2f4f4f;
  --button-primary-background-color: #d0ddd6;
  --button-primary-background-hover-color: #fbfbe1;
  --button-primary-border-color: #2f4f4f;
  --button-primary-border-hover-color: #2f4f4f;
  --button-primary-accent-color: #182828;
  --button-secondary-text-color: #477551;
  --button-secondary-text-hover-color: #2b4631;
  --button-secondary-background-color: white;
  --button-secondary-background-hover-color: white;
  --button-secondary-border-color: #477551;
  --button-secondary-border-hover-color: #2b4631;
  --button-secondary-accent-color: #162319;
  --button-tertiary-text-color: black;
  --button-tertiary-text-hover-color: #2b4631;
  --button-tertiary-background-color: white;
  --button-tertiary-background-hover-color: white;
  --button-tertiary-border-color: hsl(0deg, 0%, 50%);
  --button-tertiary-border-hover-color: #2b4631;
  --button-tertiary-accent-color: #162319;
  --button-icon-text-color: black;
  --button-icon-text-hover-color: #2b4631;
  --button-icon-background-color: rgba(255, 255, 255, 0);
  --button-icon-background-hover-color: white;
  --button-icon-border-color: rgba(255, 255, 255, 0);
  --button-icon-border-hover-color: #2b4631;
  --button-icon-accent-color: #162319;
  --button-header-text-color: #3b503f;
  --button-header-text-hover-color: #3b503f;
  --button-header-background-color: #d0ddd6;
  --button-header-background-hover-color: #fbfbe1;
  --button-header-border-color: #2f4f4f;
  --button-header-border-hover-color: #2f4f4f;
  --button-header-accent-color: #182828;
  --field-text-color: black;
  --field-background-color: white;
  --field-label-text-color: black;
  --field-label-text-hover-color: hsl(0deg, 0%, 20%);
  --field-label-text-focus-color: #2b4631;
  --field-border-color: hsl(0deg, 0%, 50%);
  --field-border-hover-color: hsl(0deg, 0%, 20%);
  --field-border-focus-color: #2b4631;
  --select-options-text-color: black;
  --select-options-text-hover-color: #2b4631;
  --select-options-background-color: white;
  --select-options-background-hover-color: #dae3dc;
  --select-options-border-color: hsl(0deg, 0%, 90%);
  --radio-label-text-color: black;
  --radio-center-color: hsl(0deg, 0%, 40%);
  --radio-center-hover-color: hsl(0deg, 0%, 20%);
  --radio-center-checked-color: #2b4631;
  --radio-ring-color: hsl(0deg, 0%, 40%);
  --radio-ring-hover-color: hsl(0deg, 0%, 20%);
  --radio-ring-checked-color: #2b4631;
  --radio-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --radio-highlight-focus-color: rgba(43, 70, 49, 0.2);
  --checkbox-label-text-color: black;
  --checkbox-check-color: hsl(0deg, 0%, 40%);
  --checkbox-check-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-check-checked-color: #2b4631;
  --checkbox-border-color: hsl(0deg, 0%, 40%);
  --checkbox-border-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-border-checked-color: #2b4631;
  --checkbox-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --checkbox-highlight-focus-color: rgba(43, 70, 49, 0.2);
  --toggle-label-text-color: black;
  --toggle-background-color: hsl(0deg, 0%, 80%);
  --toggle-background-checked-color: #477551;
  --toggle-switch-background-color: hsl(0deg, 0%, 40%);
  --toggle-switch-background-hover-color: hsl(0deg, 0%, 20%);
  --toggle-switch-background-checked-color: #2b4631;
  --toggle-switch-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --toggle-switch-highlight-focus-color: rgba(43, 70, 49, 0.2);
  --table-border-color: hsl(0deg, 0%, 50%);
  --table-th-text-color: black;
  --table-th-background-color: white;
  --table-td-text-color: black;
  --table-td-background-color: #f0f0f0;
  --table-td-alt-background-color: white;
  --table-td-border-color: hsl(0deg, 0%, 80%);
  --table-tr-hover-text-color: #2b4631;
  --table-tr-hover-background-color: #dae3dc;
  --table-tr-hover-border-color: #477551;
  --table-detail-background-color: #e4e4e4;
  --paginator-current-page-text-color: white;
  --paginator-current-page-background-color: #686f6b;
  --paginator-current-page-border-color: #686f6b;
  --theme-button-text-color: black;
  --theme-button-text-hover-color: #2b4631;
  --theme-button-background-color: white;
  --theme-button-background-hover-color: #dae3dc;
  --theme-button-active-text-color: #C8102E;
  --theme-button-active-text-hover-color: #780a1c;
  --theme-button-active-background-color: white;
  --theme-button-active-background-hover-color: #f2f2f2;
  --card-surface-1-text-color: black;
  --card-surface-1-background-color: #f2f2f2;
  --card-surface-1-border-color: hsl(0deg, 0%, 60%);
  --card-surface-2-text-color: black;
  --card-surface-2-background-color: #f0f0f0;
  --card-surface-2-border-color: hsl(0deg, 0%, 60%);
  --card-surface-3-text-color: black;
  --card-surface-3-background-color: #eaeded;
  --card-surface-3-border-color: hsl(0deg, 0%, 60%);
  --card-surface-4-text-color: white;
  --card-surface-4-background-color: #2f4f4f;
  --card-surface-4-border-color: hsl(0deg, 0%, 60%);
  --card-spotlight-text-color: white;
  --card-spotlight-background-color: #C8102E;
  --expansion-panel-background-color: white;
  --expansion-panel-border-color: hsl(0deg, 0%, 60%);
  --scheduler-header-text-color: black;
  --scheduler-header-background-color: #f2f2f2;
  --scheduler-header-border-color: hsl(0deg, 0%, 60%);
  --scheduler-today-label-text-color: white;
  --scheduler-today-label-background-color: #2f4f4f;
  --scheduler-cell-background-color: white;
  --scheduler-cell-border-color: hsl(0deg, 0%, 70%);
  --scheduler-appointment-border-color: transparent;
  --scheduler-appointment-border-hover-color: hsl(0deg, 0%, 20%);
  --scheduler-summary-background-color: #eaeded;
  --scheduler-summary-border-color: hsl(0deg, 0%, 90%);
  --scheduler-summary-current-date-text-color: white;
  --scheduler-summary-current-date-background-color: #2f4f4f;
  --skeleton-color: hsl(0deg, 0%, 80%);
  --modal-text-color: black;
  --modal-background-color: white;
  --alert-normal-background-color: #f2f2f2;
  --alert-normal-border-color: hsl(0deg, 0%, 60%);
  --alert-info-background-color: #ECF2FF;
  --alert-info-border-color: #224AA0;
  --alert-success-background-color: #EFF6EF;
  --alert-success-border-color: #007000;
  --alert-warning-background-color: #FFF9E5;
  --alert-warning-border-color: #F5B700;
  --alert-error-background-color: #FFE5E5;
  --alert-error-border-color: #C40000;
  --alert-x-text-color: hsl(0deg, 0%, 40%);
  --alert-x-background-hover-color: rgba(128, 128, 128, 0.2);
  --link-color: maroon;
  --link-hover-color: maroon;
  --mega-menu-link-hover-color: maroon;
  --icon-decorative-color: #97a7a7;
  --chip-text-color: black;
  --chip-background-color: hsl(0deg, 0%, 90%);
  --chip-x-text-hover-color: black;
  --chip-x-background-hover-color: hsl(0deg, 0%, 80%);
  --spinner-color: #3b503f;
  --tooltip-background-color: #686f6b;
  --tooltip-text-color: white;
  --outline-focus-color: black;
}

html:has(.kt-page.kwiknet-retro-theme) {
  scrollbar-color: var(--gray-30) white;
}

.kwiknet-retro-theme {
  --header-main-background-color: radial-gradient(circle at left, #d0dcd2, #477551);
}
.kwiknet-retro-theme .kt-footer {
  position: relative;
}
.kwiknet-retro-theme .kt-footer:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0.625rem;
  right: 0.625rem;
  height: 1px;
  background: silver;
}
.kwiknet-retro-theme .kt-table-wrapper {
  border-radius: 0;
}

.automation-purple-theme {
  --primary-color: rgb(89, 74, 226);
  --secondary-color: rgb(38, 38, 46);
  --tertiary-color: #2d2571;
  --text-color: black;
  --body-color: white;
  --heading-color: rgb(38, 38, 46);
  --subheading-color: black;
  --input-color: rgb(89, 74, 226);
  --input-indicator-color: hsl(0deg, 0%, 40%);
  --input-hover-1-color: #352c88;
  --input-hover-2-color: #dedbf9;
  --input-hover-3-color: hsl(0deg, 0%, 20%);
  --input-readonly-color: hsl(0deg, 0%, 95%);
  --input-readonly-checked-color: hsl(0deg, 0%, 20%);
  --input-disabled-color: hsl(0deg, 0%, 80%);
  --input-disabled-accent-color: hsl(0deg, 0%, 90%);
  --surface-1-color: #f2f2f2;
  --surface-2-color: #f5f4f8;
  --surface-3-color: #e9e9ea;
  --surface-4-color: #473bb5;
  --accent-1-color: #939397;
  --accent-2-color: #aca5f1;
  --data-vis-yellow-color: #F5B700;
  --data-vis-yellow-accent-color: #795B04;
  --data-vis-orange-color: #F7941E;
  --data-vis-orange-accent-color: #5A4528;
  --data-vis-green-color: #71E171;
  --data-vis-green-accent-color: #004D00;
  --data-vis-red-color: #C40000;
  --data-vis-red-accent-color: #660000;
  --data-vis-blue-color: #224AA0;
  --data-vis-blue-accent-color: #0D1D3F;
  --data-vis-purple-color: #643879;
  --data-vis-purple-accent-color: #2E0640;
  --data-vis-magenta-color: #FA00FF;
  --data-vis-magenta-accent-color: #3B0E3B;
  --text-on-primary-color: white;
  --text-on-secondary-color: white;
  --text-on-tertiary-color: white;
  --text-on-text-color: var(--body-color);
  --text-on-body-color: var(--text-color);
  --text-on-heading-color: white;
  --text-on-subheading-color: white;
  --text-on-input-color: white;
  --text-on-input-hover-1-color: white;
  --text-on-input-hover-2-color: black;
  --text-on-input-hover-3-color: white;
  --text-on-surface-1-color: black;
  --text-on-surface-2-color: black;
  --text-on-surface-3-color: black;
  --text-on-surface-4-color: white;
  --text-on-accent-1-color: black;
  --text-on-accent-2-color: black;
  --text-on-data-vis-yellow-color: black;
  --text-on-data-vis-orange-color: black;
  --text-on-data-vis-green-color: black;
  --text-on-data-vis-red-color: white;
  --text-on-data-vis-blue-color: white;
  --text-on-data-vis-purple-color: white;
  --text-on-data-vis-magenta-color: black;
  --danger-text-color: white;
  --danger-text-hover-color: white;
  --danger-color: #C40000;
  --danger-background-color: #FFE5E5;
  --danger-hover-color: #660000;
  --danger-accent-color: #330000;
  --danger-highlight-color: rgba(196, 0, 0, 0.2);
  --warning-text-color: black;
  --warning-text-hover-color: white;
  --warning-color: #F5B700;
  --warning-background-color: #FFF9E5;
  --warning-hover-color: #795B04;
  --warning-accent-color: #3d2e02;
  --warning-highlight-color: rgba(245, 183, 0, 0.2);
  --success-text-color: white;
  --success-text-hover-color: white;
  --success-color: #007000;
  --success-background-color: #EFF6EF;
  --success-hover-color: #004D00;
  --success-accent-color: #002700;
  --success-highlight-color: rgba(0, 112, 0, 0.2);
  --info-text-color: white;
  --info-text-hover-color: white;
  --info-color: #224AA0;
  --info-background-color: #ECF2FF;
  --info-hover-color: #0D1D3F;
  --info-accent-color: #070f20;
  --info-highlight-color: rgba(34, 74, 160, 0.2);
  --active-color: #7a6ee8;
  --active-hover-1-color: #a29aef;
  --active-hover-2-color: #17171c;
  --shadow-color: rgba(var(--shadow-rgb), var(--shadow-a));
  --shadow-rgb: 74, 74, 74;
  --shadow-a: 0.2;
  --obscure-color: rgba(26, 26, 26, 0.25);
  --hr-color: hsl(0deg, 0%, 80%);
  --header-main-text-color: white;
  --header-main-background-color: rgb(89, 74, 226);
  --header-main-border-color: rgb(89, 74, 226);
  --header-title-kwik-logo-color: white;
  --header-title-text-color: white;
  --header-nav-text-color: white;
  --header-nav-background-color: rgb(38, 38, 46);
  --header-nav-border-color: rgb(89, 74, 226);
  --sidebar-text-color: white;
  --sidebar-background-color: rgb(38, 38, 46);
  --sidebar-border-color: rgb(89, 74, 226);
  --nav-text-color: white;
  --nav-text-hover-color: white;
  --nav-background-color: rgb(38, 38, 46);
  --nav-background-hover-color: #17171c;
  --nav-active-text-color: #7a6ee8;
  --nav-active-text-hover-color: #a29aef;
  --nav-active-background-color: rgb(38, 38, 46);
  --nav-active-background-hover-color: #17171c;
  --nav-group-list-accent-color: hsl(0deg, 0%, 30%);
  --mega-menu-text-color: black;
  --mega-menu-background-color: white;
  --mega-menu-heading-color: black;
  --mega-menu-link-color: black;
  --header-main-nav-text-color: white;
  --header-main-nav-text-hover-color: #352c88;
  --header-main-nav-background-color: rgb(89, 74, 226);
  --header-main-nav-background-hover-color: #dedbf9;
  --header-main-nav-active-text-color: white;
  --header-main-nav-active-text-hover-color: #a29aef;
  --header-main-nav-active-background-color: rgb(89, 74, 226);
  --header-main-nav-active-background-hover-color: #17171c;
  --header-main-nav-active-accent-color: white;
  --header-main-nav-active-accent-hover-color: white;
  --paper-background-color: white;
  --paper-border-color: hsl(0deg, 0%, 60%);
  --banner-text-color: white;
  --banner-background-color: #4A4A4A;
  --banner-border-color: rgb(89, 74, 226);
  --mobile-expansion-panels-background-color: #313138;
  --mobile-expansion-panel-list-accent-color: hsl(0deg, 0%, 80%);
  --breadcrumbs-text-color: hsl(0deg, 0%, 40%);
  --footer-mission-statement-text-color: black;
  --footer-mission-statement-background-color: #f2f2f2;
  --footer-main-text-color: white;
  --footer-main-background-color: rgb(38, 38, 46);
  --heading-display-color: rgb(89, 74, 226);
  --heading-l1-color: rgb(38, 38, 46);
  --heading-l2-color: black;
  --heading-l3-color: black;
  --heading-l4-color: black;
  --button-primary-text-color: white;
  --button-primary-text-hover-color: white;
  --button-primary-background-color: rgb(89, 74, 226);
  --button-primary-background-hover-color: #352c88;
  --button-primary-border-color: rgb(89, 74, 226);
  --button-primary-border-hover-color: #352c88;
  --button-primary-accent-color: #1b1644;
  --button-secondary-text-color: rgb(89, 74, 226);
  --button-secondary-text-hover-color: #352c88;
  --button-secondary-background-color: white;
  --button-secondary-background-hover-color: white;
  --button-secondary-border-color: rgb(89, 74, 226);
  --button-secondary-border-hover-color: #352c88;
  --button-secondary-accent-color: #1b1644;
  --button-tertiary-text-color: black;
  --button-tertiary-text-hover-color: #352c88;
  --button-tertiary-background-color: white;
  --button-tertiary-background-hover-color: white;
  --button-tertiary-border-color: hsl(0deg, 0%, 50%);
  --button-tertiary-border-hover-color: #352c88;
  --button-tertiary-accent-color: #1b1644;
  --button-icon-text-color: black;
  --button-icon-text-hover-color: #352c88;
  --button-icon-background-color: rgba(255, 255, 255, 0);
  --button-icon-background-hover-color: white;
  --button-icon-border-color: rgba(255, 255, 255, 0);
  --button-icon-border-hover-color: #352c88;
  --button-icon-accent-color: #1b1644;
  --button-header-text-color: white;
  --button-header-text-hover-color: white;
  --button-header-background-color: rgba(89, 74, 226, 0);
  --button-header-background-hover-color: #352c88;
  --button-header-border-color: rgba(89, 74, 226, 0);
  --button-header-border-hover-color: #352c88;
  --button-header-accent-color: #1b1644;
  --field-text-color: black;
  --field-background-color: white;
  --field-label-text-color: black;
  --field-label-text-hover-color: hsl(0deg, 0%, 20%);
  --field-label-text-focus-color: #352c88;
  --field-border-color: hsl(0deg, 0%, 50%);
  --field-border-hover-color: hsl(0deg, 0%, 20%);
  --field-border-focus-color: #352c88;
  --select-options-text-color: black;
  --select-options-text-hover-color: #352c88;
  --select-options-background-color: white;
  --select-options-background-hover-color: #dedbf9;
  --select-options-border-color: hsl(0deg, 0%, 90%);
  --radio-label-text-color: black;
  --radio-center-color: hsl(0deg, 0%, 40%);
  --radio-center-hover-color: hsl(0deg, 0%, 20%);
  --radio-center-checked-color: #352c88;
  --radio-ring-color: hsl(0deg, 0%, 40%);
  --radio-ring-hover-color: hsl(0deg, 0%, 20%);
  --radio-ring-checked-color: #352c88;
  --radio-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --radio-highlight-focus-color: rgba(53, 44, 136, 0.2);
  --checkbox-label-text-color: black;
  --checkbox-check-color: hsl(0deg, 0%, 40%);
  --checkbox-check-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-check-checked-color: #352c88;
  --checkbox-border-color: hsl(0deg, 0%, 40%);
  --checkbox-border-hover-color: hsl(0deg, 0%, 20%);
  --checkbox-border-checked-color: #352c88;
  --checkbox-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --checkbox-highlight-focus-color: rgba(53, 44, 136, 0.2);
  --toggle-label-text-color: black;
  --toggle-background-color: hsl(0deg, 0%, 80%);
  --toggle-background-checked-color: rgb(89, 74, 226);
  --toggle-switch-background-color: hsl(0deg, 0%, 40%);
  --toggle-switch-background-hover-color: hsl(0deg, 0%, 20%);
  --toggle-switch-background-checked-color: #352c88;
  --toggle-switch-highlight-hover-color: rgba(51, 51, 51, 0.2);
  --toggle-switch-highlight-focus-color: rgba(53, 44, 136, 0.2);
  --table-border-color: hsl(0deg, 0%, 50%);
  --table-th-text-color: black;
  --table-th-background-color: white;
  --table-td-text-color: black;
  --table-td-background-color: #f5f4f8;
  --table-td-alt-background-color: white;
  --table-td-border-color: hsl(0deg, 0%, 80%);
  --table-tr-hover-text-color: #352c88;
  --table-tr-hover-background-color: #dedbf9;
  --table-tr-hover-border-color: rgb(89, 74, 226);
  --table-detail-background-color: #e9e8ec;
  --paginator-current-page-text-color: white;
  --paginator-current-page-background-color: #2d2571;
  --paginator-current-page-border-color: #2d2571;
  --theme-button-text-color: black;
  --theme-button-text-hover-color: #352c88;
  --theme-button-background-color: white;
  --theme-button-background-hover-color: #dedbf9;
  --theme-button-active-text-color: #7a6ee8;
  --theme-button-active-text-hover-color: #a29aef;
  --theme-button-active-background-color: white;
  --theme-button-active-background-hover-color: #17171c;
  --card-surface-1-text-color: black;
  --card-surface-1-background-color: #f2f2f2;
  --card-surface-1-border-color: hsl(0deg, 0%, 60%);
  --card-surface-2-text-color: black;
  --card-surface-2-background-color: #f5f4f8;
  --card-surface-2-border-color: hsl(0deg, 0%, 60%);
  --card-surface-3-text-color: black;
  --card-surface-3-background-color: #e9e9ea;
  --card-surface-3-border-color: hsl(0deg, 0%, 60%);
  --card-surface-4-text-color: white;
  --card-surface-4-background-color: #473bb5;
  --card-surface-4-border-color: hsl(0deg, 0%, 60%);
  --card-spotlight-text-color: white;
  --card-spotlight-background-color: #C8102E;
  --expansion-panel-background-color: white;
  --expansion-panel-border-color: hsl(0deg, 0%, 60%);
  --scheduler-header-text-color: black;
  --scheduler-header-background-color: #f2f2f2;
  --scheduler-header-border-color: hsl(0deg, 0%, 60%);
  --scheduler-today-label-text-color: white;
  --scheduler-today-label-background-color: rgb(38, 38, 46);
  --scheduler-cell-background-color: white;
  --scheduler-cell-border-color: hsl(0deg, 0%, 70%);
  --scheduler-appointment-border-color: transparent;
  --scheduler-appointment-border-hover-color: hsl(0deg, 0%, 20%);
  --scheduler-summary-background-color: #e9e9ea;
  --scheduler-summary-border-color: hsl(0deg, 0%, 90%);
  --scheduler-summary-current-date-text-color: white;
  --scheduler-summary-current-date-background-color: rgb(38, 38, 46);
  --skeleton-color: hsl(0deg, 0%, 80%);
  --modal-text-color: black;
  --modal-background-color: white;
  --alert-normal-background-color: #f2f2f2;
  --alert-normal-border-color: hsl(0deg, 0%, 60%);
  --alert-info-background-color: #ECF2FF;
  --alert-info-border-color: #224AA0;
  --alert-success-background-color: #EFF6EF;
  --alert-success-border-color: #007000;
  --alert-warning-background-color: #FFF9E5;
  --alert-warning-border-color: #F5B700;
  --alert-error-background-color: #FFE5E5;
  --alert-error-border-color: #C40000;
  --alert-x-text-color: hsl(0deg, 0%, 40%);
  --alert-x-background-hover-color: rgba(128, 128, 128, 0.2);
  --link-color: rgb(89, 74, 226);
  --link-hover-color: #352c88;
  --mega-menu-link-hover-color: #352c88;
  --icon-decorative-color: #939397;
  --chip-text-color: black;
  --chip-background-color: hsl(0deg, 0%, 90%);
  --chip-x-text-hover-color: black;
  --chip-x-background-hover-color: hsl(0deg, 0%, 80%);
  --spinner-color: rgb(89, 74, 226);
  --tooltip-background-color: #2d2571;
  --tooltip-text-color: white;
  --outline-focus-color: black;
}

html:has(.kt-page.automation-purple-theme) {
  scrollbar-color: var(--gray-30) white;
}

.automation-purple-theme .header-mobile-menu h1, .automation-purple-theme .header-mobile-menu h2, .automation-purple-theme .header-mobile-menu h3, .automation-purple-theme .header-mobile-menu h4,
.automation-purple-theme .header-mobile-nav-group-menu h1,
.automation-purple-theme .header-mobile-nav-group-menu h2,
.automation-purple-theme .header-mobile-nav-group-menu h3,
.automation-purple-theme .header-mobile-nav-group-menu h4,
.automation-purple-theme .kt-sidebar h1,
.automation-purple-theme .kt-sidebar h2,
.automation-purple-theme .kt-sidebar h3,
.automation-purple-theme .kt-sidebar h4 {
  color: white;
}

:root {
  --red: #C8102E;
  --dark-red: #A6192E;
  --blue: #0071A5;
  --light-blue: #EDF9FF;
  --dark-blue: #024E70;
  --navy: #384E79;
  --teal: #7FA9AE;
  --light-teal: #E0EAEB;
  --dark-teal: #486C70;
  --gray: #75787B;
  --lighter-gray: #F4F4F4;
  --light-gray: #E8E8E8;
  --dark-gray: #4A4A4A;
  --cream: #F9F7F4;
  --dark-cream: #F0EEEB;
  --tan: #DDCBA4;
  --black: #1A1919;
  --light-danger: #FFE5E5;
  --danger: #C40000;
  --dark-danger: #660000;
  --light-warning: #FFF9E5;
  --warning: #F5B700;
  --dark-warning: #795B04;
  --light-success: #EFF6EF;
  --success: #007000;
  --dark-success: #004D00;
  --light-info: #ECF2FF;
  --info: #224AA0;
  --dark-info: #0D1D3F;
  --gray-100: hsl(0deg, 0%, 0%);
  --gray-90: hsl(0deg, 0%, 10%);
  --gray-80: hsl(0deg, 0%, 20%);
  --gray-70: hsl(0deg, 0%, 30%);
  --gray-60: hsl(0deg, 0%, 40%);
  --gray-50: hsl(0deg, 0%, 50%);
  --gray-40: hsl(0deg, 0%, 60%);
  --gray-30: hsl(0deg, 0%, 70%);
  --gray-20: hsl(0deg, 0%, 80%);
  --gray-10: hsl(0deg, 0%, 90%);
  --gray-5: hsl(0deg, 0%, 95%);
  --gray-0: hsl(0deg, 0%, 100%);
}

:disabled {
  cursor: default !important;
}

* {
  margin: 0;
  scrollbar-width: thin;
}

html {
  font-size: 16px;
  scrollbar-color: var(--gray-30) transparent;
  scrollbar-gutter: stable;
}

body {
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 140%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  scrollbar-color: var(--gray-30) transparent;
  --header-height: 0rem;
}
body:has(.kt-modal:not(.kt-settings-menu), .kt-header .kt-nav-group.expanded.has-mega-menu) {
  overflow-y: hidden;
}

b, strong {
  font-weight: 700 !important;
}

hr {
  border: none;
  height: 1px;
  background: var(--hr-color);
  margin: 2rem 0;
}

code {
  font-family: monospace;
  color: var(--text-on-surface-3-color);
  background: var(--surface-3-color);
  border-radius: 0.25rem;
  padding: 0 0.25rem;
}

#blazor-error-ui {
  display: none;
  position: fixed;
  background: var(--light-danger);
  color: var(--danger);
  text-align: center;
  top: 50%;
  left: 0;
  padding: 0 3rem;
  line-height: 2rem;
  width: 100%;
  transform: translateY(-50%);
  z-index: 1000;
  box-sizing: border-box;
  box-shadow: 0 0 4rem black;
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0.75rem;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

.loading-progress {
  position: absolute;
  display: block;
  width: 8rem;
  height: 8rem;
  left: 50vw;
  top: 40vh;
  transform: translate(-50%, -50%);
}
.loading-progress circle {
  fill: none;
  stroke: var(--gray-20);
  stroke-width: 0.75rem;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}
.loading-progress circle:last-child {
  stroke: color-mix(in srgb, var(--red) var(--blazor-load-percentage), transparent);
  stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
  stroke-linecap: round;
  transition: stroke-dasharray 0.05s ease-in-out;
}

.loading-progress-text {
  position: absolute;
  text-align: center;
  font-weight: bold;
  left: 50vw;
  top: 40vh;
  transform: translate(-50%, -50%);
}
.loading-progress-text:after {
  content: var(--blazor-load-percentage-text, "Loading");
}

@media all and (max-width: 960px) {
  body:has(.kt-header .header-mobile-menu-content.open) {
    overflow-y: hidden;
  }
}