.c--article-card {
  position: relative;
  list-style: none;
  margin: 0;
  border: 1px solid;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.c--article-card .article-card-inner {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 1rem;
  align-self: stretch;
  text-decoration: none;
}
.c--article-card .article-card-inner .gatsby-image-wrapper {
  height: 18.75rem;
  width: 100%;
}
.c--article-card .article-card-inner h3 {
  order: 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.75rem 1.25rem 2rem 1.25rem;
}
.c--article-card .article-card-inner h3 span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c--article-card .article-card-inner h3 span:not(.eyebrow) {
  color: #000000;
}
.c--article-card .article-card-inner:hover h3 span {
  text-decoration: underline;
}
.c--article-card .article-card-inner:hover h3 span.eyebrow {
  text-decoration: none;
}
.light .c--article-card {
  border-color: #bec6cc;
}
.dark .c--article-card {
  border-color: #31475e;
}
.site-footer {
  padding: 5rem 0;
  overflow: hidden;
}
.site-footer section {
  padding: 0;
  margin: 0;
}
.site-footer img {
  height: 3rem;
}
.site-footer .grid {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-bottom: 5rem;
}
.site-footer h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 1.25rem;
}
.site-footer iframe {
  height: 21rem;
  width: 20rem;
  overflow: visible;
}
.site-footer nav ul li {
  display: flex;
  align-items: center;
}
.site-footer nav ul li .kite-icon {
  margin-right: 0.875rem;
}
.site-footer nav ul li > *,
.site-footer nav ul li a,
.site-footer nav ul li .drift button.chat-with-us {
  font-weight: 400;
  cursor: pointer;
}
.site-footer nav ul li.title h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  margin-bottom: 0;
}
.site-footer nav ul li:not(:first-child) {
  margin-top: 1.25rem;
}
.site-footer nav ul.social {
  display: flex;
  margin-top: 2rem;
}
.site-footer nav ul.social li {
  margin-top: 0;
}
.site-footer .bottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.site-footer .bottom > * {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}
.site-footer .bottom nav {
  display: flex;
  flex-wrap: wrap;
}
.site-footer .bottom nav a,
.site-footer .bottom nav button {
  font-weight: 400;
  display: inline;
}
.site-footer .bottom nav > a:not(:last-child)::after {
  content: "|";
  margin: 0 0.5rem;
}
.light .site-footer .bottom nav > a:not(:last-child)::after {
  color: #ffffff;
}
.dark .site-footer .bottom nav > a:not(:last-child)::after {
  color: #ffffff;
}
.site-footer .accordions {
  border-bottom: 1px solid;
  border-top: 1px solid;
  margin: 0 -1rem;
}
.site-footer .accordions nav.accordion {
  display: flex;
  flex-direction: column;
}
.site-footer .accordions nav.accordion:not(:first-child) {
  border-top: 1px solid;
}
.site-footer .accordions nav.accordion button {
  cursor: pointer;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
}
.site-footer .accordions nav.accordion button h3 {
  margin: 0;
}
.site-footer .accordions nav.accordion ul {
  margin-bottom: 0;
}
.site-footer .accordions nav.accordion ul li {
  margin-bottom: 0;
  margin-top: 0;
}
.site-footer .accordions nav.accordion ul li a {
  width: 100%;
  padding: 0 1.5rem 0 2.5rem;
  height: 3rem;
  max-height: 0;
  transition: max-height 0.5s, padding 0.5s;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.site-footer .accordions nav.accordion ul.expanded li a {
  max-height: 4rem;
  padding: 0.5rem 1.5rem 0.5rem 2.5rem;
}
.site-footer.light .accordions {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
.site-footer.light nav ul li {
  color: #0271eb;
}
.site-footer.light nav ul li a,
.site-footer.light nav ul li a:visited,
.site-footer.light nav ul li button.chat-with-us {
  color: #0271eb;
}
.site-footer.light nav ul li button:hover,
.site-footer.light nav ul li a:hover,
.site-footer.light nav ul li button.chat-with-us:hover {
  color: #000000;
}
.site-footer.light nav ul li.title {
  color: #000000;
}
.site-footer.light nav.accordion h3,
.site-footer.light nav.accordion .kite-icon {
  color: #000000;
}
.site-footer.light nav.accordion li a,
.site-footer.light nav.accordion li a:visited,
.site-footer.light nav.accordion li button {
  color: #000000;
}
.site-footer.light nav.accordion li a:hover,
.site-footer.light nav.accordion li button:hover {
  color: #0271eb;
}
.site-footer.light .bottom a,
.site-footer.light .bottom a:visited {
  color: #0271eb;
}
.site-footer.light .bottom a:hover {
  color: #000000;
}
.site-footer.dark .accordions {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.site-footer.dark nav ul li {
  color: #1995f2;
}
.site-footer.dark nav ul li a,
.site-footer.dark nav ul li a:visited,
.site-footer.dark nav ul li button.chat-with-us {
  color: #1995f2;
}
.site-footer.dark nav ul li button:hover,
.site-footer.dark nav ul li a:hover,
.site-footer.dark nav ul li button.chat-with-us:hover {
  color: #ffffff;
}
.site-footer.dark nav ul li.title {
  color: #ffffff;
}
.site-footer.dark nav.accordion h3,
.site-footer.dark nav.accordion .kite-icon {
  color: #ffffff;
}
.site-footer.dark nav.accordion li a,
.site-footer.dark nav.accordion li a:visited,
.site-footer.dark nav.accordion li button {
  color: #ffffff;
}
.site-footer.dark nav.accordion li a:hover,
.site-footer.dark nav.accordion li button:hover {
  color: #1995f2;
}
.site-footer.dark .bottom a,
.site-footer.dark .bottom a:visited {
  color: #1995f2;
}
.site-footer.dark .bottom a:hover {
  color: #ffffff;
}
@media only screen and (min-width: 52.5rem) {
  .site-footer .grid {
    flex-direction: row;
    gap: 1.25rem;
  }
  .site-footer .grid > * {
    width: calc(25% - 1.25rem);
    height: 100%;
  }
  .site-footer .grid > *:last-child {
    width: 25%;
  }
  .site-footer .accordions {
    display: none;
  }
}
.site-header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #bec6cc;
  z-index: 99;
  top: 0;
  position: sticky;
  max-width: 100vw;
}
.light .site-header {
  background: #ffffff;
}
.dark .site-header {
  background: #002139;
}
.site-header.homepage {
  position: fixed;
  left: 0;
  right: 0;
  transition: all 0.25s;
}
.site-header.homepage:not(.scr) {
  background: none;
  border: none;
}
.site-header.homepage:not(.scr) nav.kite-container.nav-header .links > li > *:not(ul):not(div) {
  color: #ffffff;
  box-sizing: border-box;
  border-bottom: 2px solid transparent;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.site-header.homepage:not(.scr) nav.kite-container.nav-header .links > li > *:not(ul):not(div):hover, .site-header.homepage:not(.scr) nav.kite-container.nav-header .links > li > *:not(ul):not(div).menu-open {
  border-bottom: 2px solid #1995f2;
}
.site-header.homepage:not(.scr) .right-btns .kite-icon {
  color: #ffffff;
}
.site-header .c--search-bar {
  display: none;
}
@media only screen and (min-width: 52.5rem) {
  .site-header .c--search-bar {
    display: block;
  }
}
.login-bar {
  padding: 0.5rem 0;
  font-size: 0.875rem;
  display: none;
  background: #002139;
  color: #ffffff;
}
@media only screen and (min-width: 52.5rem) {
  .login-bar {
    display: block;
  }
}
.login-bar .kite-container {
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-bar .kite-container > ul,
.login-bar .kite-container > div {
  display: flex;
  align-items: center;
}
.login-bar .kite-container > ul a,
.login-bar .kite-container > ul a:visited,
.login-bar .kite-container > ul a:hover,
.login-bar .kite-container > ul a:active,
.login-bar .kite-container > div a,
.login-bar .kite-container > div a:visited,
.login-bar .kite-container > div a:hover,
.login-bar .kite-container > div a:active {
  color: #ffffff;
  font-weight: 400;
  text-decoration: underline;
}
.login-bar .kite-container > ul a:visited, .login-bar .kite-container > ul a:hover, .login-bar .kite-container > ul a:active,
.login-bar .kite-container > div a:visited,
.login-bar .kite-container > div a:hover,
.login-bar .kite-container > div a:active {
  color: #ffffff;
  font-weight: 400;
  text-decoration: underline;
}
.login-bar .kite-container > ul a.focus-visible,
.login-bar .kite-container > div a.focus-visible {
  outline-color: #ffffff;
}
.login-bar .kite-container > ul {
  padding: 0;
  margin: 0;
  gap: 1.5rem;
}
.login-bar .kite-container > ul li {
  padding: 0;
  margin: 0;
}
.login-bar .kite-container .phone .kite-icon {
  margin-right: 0.5rem;
}
.reach-button.kite-button {
  transition: all 0.35s;
  border-radius: 1.5rem;
  height: 2.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  font-weight: 500;
  font-size: 1rem;
  max-width: 100%;
  min-width: 10rem;
  overflow: hidden;
}
.reach-button.kite-button > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reach-button.kite-button > span .kite-icon {
  margin-left: 0;
  margin-right: 0.5rem;
}
.reach-button.kite-button > span.right {
  flex-direction: row-reverse;
}
.reach-button.kite-button > span.right .kite-icon {
  margin-right: 0;
  margin-left: 0.5rem;
}
.reach-button.kite-button.borderless {
  min-width: 4rem;
}
.light .reach-button.kite-button.primary {
  background: #0271eb;
  color: #ffffff;
}
.light .reach-button.kite-button.primary:hover, .light .reach-button.kite-button.primary:active {
  background-color: #024fea;
  color: #ffffff;
}
.light .reach-button.kite-button.primary:hover .kite-icon__inner svg, .light .reach-button.kite-button.primary:active .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.light .reach-button.kite-button.primary:active, .light .reach-button.kite-button.primary:focus, .light .reach-button.kite-button.primary:focus-within, .light .reach-button.kite-button.primary:focus-visible {
  outline: 1px solid #024fea;
}
.light .reach-button.kite-button.primary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.light .reach-button.kite-button.secondary {
  background: none;
  color: #026ad9;
  border: 1px solid #026ad9;
}
.light .reach-button.kite-button.secondary:hover, .light .reach-button.kite-button.secondary:active {
  background-color: #024fea;
  color: #ffffff;
}
.light .reach-button.kite-button.secondary:hover .kite-icon__inner svg, .light .reach-button.kite-button.secondary:active .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.light .reach-button.kite-button.secondary:active, .light .reach-button.kite-button.secondary:focus, .light .reach-button.kite-button.secondary:focus-within, .light .reach-button.kite-button.secondary:focus-visible {
  outline: 1px solid #024fea;
}
.light .reach-button.kite-button.secondary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #0271eb;
}
.light .reach-button.kite-button.borderless {
  background: none;
  color: #026ad9;
}
.light .reach-button.kite-button.borderless:hover, .light .reach-button.kite-button.borderless:active {
  color: #024fea;
}
.light .reach-button.kite-button.borderless:hover .kite-icon__inner svg, .light .reach-button.kite-button.borderless:active .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #024fea;
}
.light .reach-button.kite-button.borderless:active, .light .reach-button.kite-button.borderless:focus, .light .reach-button.kite-button.borderless:focus-within, .light .reach-button.kite-button.borderless:focus-visible {
  outline: 1px solid #024fea;
}
.light .reach-button.kite-button.borderless .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #026ad9;
}
.light .reach-button.kite-button:disabled, .light .reach-button.kite-button:disabled:hover {
  background: none;
  color: #9ba9bd;
}
.dark .reach-button.kite-button.primary {
  background: #0271eb;
  color: #ffffff;
}
.dark .reach-button.kite-button.primary:hover, .dark .reach-button.kite-button.primary:active {
  background-color: #ffffff;
  color: #024fea;
}
.dark .reach-button.kite-button.primary:hover .kite-icon__inner svg, .dark .reach-button.kite-button.primary:active .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #024fea;
}
.dark .reach-button.kite-button.primary:active, .dark .reach-button.kite-button.primary:focus, .dark .reach-button.kite-button.primary:focus-within, .dark .reach-button.kite-button.primary:focus-visible {
  outline: 1px solid #024fea;
}
.dark .reach-button.kite-button.primary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.dark .reach-button.kite-button.secondary {
  background: none;
  color: #1995f2;
  border: 1px solid #1995f2;
}
.dark .reach-button.kite-button.secondary:hover, .dark .reach-button.kite-button.secondary:active {
  background-color: #ffffff;
  color: #0271eb;
}
.dark .reach-button.kite-button.secondary:hover .kite-icon__inner svg, .dark .reach-button.kite-button.secondary:active .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #0271eb;
}
.dark .reach-button.kite-button.secondary:active, .dark .reach-button.kite-button.secondary:focus, .dark .reach-button.kite-button.secondary:focus-within, .dark .reach-button.kite-button.secondary:focus-visible {
  outline: 1px solid #0271eb;
}
.dark .reach-button.kite-button.secondary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.dark .reach-button.kite-button.borderless {
  background: none;
  color: #1995f2;
}
.dark .reach-button.kite-button.borderless:hover, .dark .reach-button.kite-button.borderless:active {
  color: #ffffff;
}
.dark .reach-button.kite-button.borderless:hover .kite-icon__inner svg, .dark .reach-button.kite-button.borderless:active .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.dark .reach-button.kite-button.borderless:active, .dark .reach-button.kite-button.borderless:focus, .dark .reach-button.kite-button.borderless:focus-within, .dark .reach-button.kite-button.borderless:focus-visible {
  outline: 1px solid #ffffff;
}
.dark .reach-button.kite-button.borderless .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #1995f2;
}
.dark .reach-button.kite-button:disabled, .dark .reach-button.kite-button:disabled:hover {
  background: none;
  color: #63738a;
}
.arrow {
  position: absolute;
  right: -0.5rem;
  z-index: 100;
}
.arrow path {
  stroke: #bec6cc;
  stroke-width: 1px;
}
.kite-container.nav-header.main-navigation {
  display: flex;
  align-items: center;
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
  padding: 1rem 1.375rem;
  justify-content: space-between;
}
.kite-container.nav-header .logo {
  height: 2rem;
}
.light .kite-container.nav-header .logo:focus, .light .kite-container.nav-header .logo:focus-within, .light .kite-container.nav-header .logo:focus-visible {
  outline: 2px solid #0271eb;
}
.dark .kite-container.nav-header .logo:focus, .dark .kite-container.nav-header .logo:focus-within, .dark .kite-container.nav-header .logo:focus-visible {
  outline: 2px solid #ffffff;
}
.kite-container.nav-header .link-button {
  padding-right: 1rem;
}
.kite-container.nav-header .link-button .kite-icon {
  margin-right: 1rem;
}
.kite-container.nav-header .links {
  margin: 0 1rem;
  padding: 0;
  height: 2rem;
  align-items: center;
  gap: 1rem;
  display: none;
}
@media only screen and (min-width: 52.5rem) {
  .kite-container.nav-header .links {
    display: flex;
  }
}
@media only screen and (min-width: 60rem) {
  .kite-container.nav-header .links {
    gap: 2rem;
  }
}
.kite-container.nav-header .links > li {
  margin: 0;
  padding: 0;
  position: relative;
  height: 4.75rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.kite-container.nav-header .links > li > a {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  color: #000000;
  text-decoration: none;
  line-height: 1.5;
  width: auto;
}
.light .kite-container.nav-header .links > li > a.menu-open, .light .kite-container.nav-header .links > li > a:hover {
  color: #0271eb;
}
.dark .kite-container.nav-header .links > li > a.menu-open, .dark .kite-container.nav-header .links > li > a:hover {
  color: #0271eb;
}
.kite-container.nav-header .links > li > a.menu-open, .kite-container.nav-header .links > li > a:hover {
  cursor: pointer;
}
.kite-container.nav-header .links > li > a .kite-icon {
  margin-left: 0.25rem;
}
.kite-container.nav-header .links > li > a button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.kite-container.nav-header .links > li > a button span {
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  display: block;
}
.light .kite-container.nav-header .links > li > a:focus, .light .kite-container.nav-header .links > li > a:focus-within, .light .kite-container.nav-header .links > li > a:focus-visible {
  outline: 2px solid #0271eb;
}
.dark .kite-container.nav-header .links > li > a:focus, .dark .kite-container.nav-header .links > li > a:focus-within, .dark .kite-container.nav-header .links > li > a:focus-visible {
  outline: 2px solid #ffffff;
}
.kite-container.nav-header .links > li .arrow {
  top: 3.75rem;
}
.kite-container.nav-header .links > li ul:not([hidden]) {
  position: absolute;
  top: 4.75rem;
  padding: 0;
  z-index: 99;
  border: 1px solid;
  padding: 2rem 1.75rem 1.5rem 1.75rem;
  display: flex;
  flex-direction: column;
  overflow: visible;
  min-width: 9.5rem;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15);
  background: #ffffff;
  border-color: #bec6cc;
}
.kite-container.nav-header .links > li ul:not([hidden]) li {
  padding: 0;
  margin: 0;
}
.kite-container.nav-header .links > li ul:not([hidden]) li:first-child {
  margin-top: -0.5625rem;
}
.kite-container.nav-header .links > li ul:not([hidden]) li:last-child {
  margin-bottom: -0.5625rem;
}
.kite-container.nav-header .links > li ul:not([hidden]) li a {
  white-space: nowrap;
  text-decoration: none;
  padding: 0.5625rem 0;
  display: block;
  color: #000000;
}
.kite-container.nav-header .links > li ul:not([hidden]) li a.focus-visible {
  outline: 2px solid #0271eb;
}
.kite-container.nav-header .links > li ul:not([hidden]) li a {
  font-weight: 400;
  font-size: 0.875rem;
}
.kite-container.nav-header .links > li ul:not([hidden]) li a:hover, .kite-container.nav-header .links > li ul:not([hidden]) li a:focus {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #0271eb;
}
.kite-container.nav-header .right-btns {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.kite-container.nav-header .right-btns.sidebar-open {
  display: none;
}
.kite-container.nav-header .right-btns .reach-button {
  max-height: 2rem;
  min-width: 4rem;
  min-height: auto;
  padding: 0 1rem;
  white-space: nowrap;
}
.kite-container.nav-header .right-btns .search-btn {
  display: none;
}
.kite-container.nav-header .right-btns button {
  background: none;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  height: 2rem;
}
.light .kite-container.nav-header .right-btns button:focus, .light .kite-container.nav-header .right-btns button:focus-within, .light .kite-container.nav-header .right-btns button:focus-visible {
  outline: 2px solid #0271eb;
}
.dark .kite-container.nav-header .right-btns button:focus, .dark .kite-container.nav-header .right-btns button:focus-within, .dark .kite-container.nav-header .right-btns button:focus-visible {
  outline: 2px solid #ffffff;
}
.light .kite-container.nav-header .right-btns .reach-button:focus, .light .kite-container.nav-header .right-btns .reach-button:focus-within, .light .kite-container.nav-header .right-btns .reach-button:focus-visible {
  outline: 2px solid #0271eb;
}
.dark .kite-container.nav-header .right-btns .reach-button:focus, .dark .kite-container.nav-header .right-btns .reach-button:focus-within, .dark .kite-container.nav-header .right-btns .reach-button:focus-visible {
  outline: 2px solid #ffffff;
}
@media only screen and (min-width: 52.5rem) {
  .kite-container.nav-header .right-btns .sidebar-btn {
    display: none;
  }
  .kite-container.nav-header .right-btns .search-btn {
    display: flex;
  }
}
.promo-bar {
  position: relative;
  padding: 0.5rem 0;
}
.light .promo-bar {
  background: #fd8331;
  color: #000000;
}
.light .promo-bar button {
  color: #000000;
}
.dark .promo-bar {
  background: #fd8331;
  color: #000000;
}
.dark .promo-bar button {
  color: #000000;
}
.promo-bar a.focus-visible {
  outline-color: #ffffff;
}
.promo-bar button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  position: absolute;
  right: 1.25rem;
  top: 0.5rem;
  line-height: 0;
}
.promo-bar button.focus-visible {
  outline-color: #ffffff;
}
.promo-bar .kite-container {
  text-align: center;
}
.promo-bar .kite-container h3 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
  padding: 0;
  position: relative;
  transition: all 0.5s;
  height: auto;
  line-height: 1.4;
}
.promo-bar .kite-container h3 > span {
  position: relative;
}
.promo-bar .kite-container h3 > span .kite-icon {
  position: absolute;
  right: -2.25rem;
  top: 0.15rem;
  max-height: 1rem;
  overflow: hidden;
}
.promo-bar .kite-container h3 button {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.promo-bar .secondary {
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}
.promo-bar .secondary > * {
  font-size: 0.875rem;
  padding: 0.5rem;
}
.promo-bar .secondary a {
  font-weight: 400;
  text-decoration: underline;
}
.light .promo-bar .secondary a {
  color: #000000;
}
.dark .promo-bar .secondary a {
  color: #000000;
}
.promo-bar.expanded h3 > span .kite-icon {
  max-height: 0;
}
.promo-bar.expanded .secondary {
  margin-top: 0;
  max-height: 4rem;
  transition: max-height 0.5s ease-out-in;
}
@media only screen and (max-width: 52.5rem) {
  .promo-bar .kite-container h3 > span {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .promo-bar .kite-container h3 > span .kite-icon {
    position: static;
    margin-top: 0.25rem;
    max-height: 1rem;
    transition: max-height 0.5s;
    overflow: hidden;
  }
  .promo-bar.expanded .kite-container h3 {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
  .promo-bar.expanded .kite-container h3 > span .kite-icon {
    max-height: 0;
  }
  .promo-bar.expanded .secondary {
    margin-bottom: 0.5rem;
  }
}
.c--search-bar {
  position: relative;
}
.c--search-bar.inline {
  margin-top: 1.5rem;
}
.c--search-bar:not(.inline) > div {
  position: relative;
  padding: 0;
}
.c--search-bar:not(.inline) > div > header {
  padding: 0;
}
.c--search-bar:not(.inline) > div > nav {
  max-height: 0;
  height: 0;
  justify-content: flex-start;
  margin: 0;
  overflow: hidden;
  transition: max-height 0.25s linear;
}
.c--search-bar:not(.inline) > div > nav.search-nav__displayed {
  height: 100vh;
  max-height: calc(100vh - 17.5rem);
  margin: 1.75rem 0 3.5rem 0;
  padding-left: 0.25rem;
  overflow-y: auto;
}
.c--search-bar .arrow {
  display: none;
}
.c--search-bar > div {
  display: flex;
  flex-direction: column;
  padding: 0 1rem 1rem;
}
.c--search-bar > div > .arrow {
  top: -1rem;
  right: -1rem;
}
.c--search-bar > div > header {
  display: flex;
  align-items: center;
}
.c--search-bar > div > header > form {
  flex: 1 1 auto;
  margin: 0.5rem 0;
}
.c--search-bar > div > header > form > label {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.c--search-bar > div > header > form > label svg {
  fill: #000000;
}
.c--search-bar > div > header > form > label > .search-icon {
  position: absolute;
  left: 1rem;
  bottom: 50%;
  transform: translateY(50%);
}
.c--search-bar > div > header > form > label > .loader {
  position: absolute;
  right: 1rem;
  width: 1.75rem;
  left: auto;
}
.c--search-bar > div > header > form > label > input {
  width: 100%;
  padding: 0.5rem 2.5rem;
  border-radius: 1.75rem;
  color: #000000;
  background: #f4f4f4;
  border: 1px solid #5a6e7d;
}
.c--search-bar > div > header > form > label > input[type=search]::-webkit-search-decoration, .c--search-bar > div > header > form > label > input[type=search]::-webkit-search-cancel-button, .c--search-bar > div > header > form > label > input[type=search]::-webkit-search-results-button, .c--search-bar > div > header > form > label > input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.light .c--search-bar > div > header > form > label > button.reach-button.kite-button {
  position: absolute;
  right: 1.125rem;
  height: 100%;
  min-width: 0;
  border-radius: 0;
  padding: 0;
}
.light .c--search-bar > div > header > form > label > button.reach-button.kite-button > span.right .kite-icon {
  margin-left: 0;
}
.light .c--search-bar > div > header > form > label > button.reach-button.kite-button > span.right .kite-icon__inner svg {
  fill: #024fea;
}
.dark .c--search-bar > div > header > form > label > button.reach-button.kite-button {
  position: absolute;
  right: 1.125rem;
  height: 100%;
  min-width: 0;
  border-radius: 0;
  padding: 0;
}
.dark .c--search-bar > div > header > form > label > button.reach-button.kite-button > span.right .kite-icon {
  margin-left: 0;
}
.dark .c--search-bar > div > header > form > label > button.reach-button.kite-button > span.right .kite-icon__inner svg {
  fill: #024fea;
}
.c--search-bar > div > p.results {
  color: #000000;
  margin-top: 1rem;
  margin-bottom: 0;
}
.c--search-bar > div > nav {
  max-height: none;
  height: auto;
}
.c--search-bar > div > nav > h3.typestack-eyebrow {
  margin-bottom: 0.5rem;
  color: #5a6e7d;
}
.c--search-bar > div > nav > h3.typestack-eyebrow:not(:first-of-type) {
  margin-top: 1.75rem;
}
.c--search-bar > div > nav > ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.c--search-bar > div > nav > ul > li > a,
.c--search-bar > div > nav > ul > li > a:visited,
.c--search-bar > div > nav > ul > li > a:active,
.c--search-bar > div > nav > ul > li > a:hover {
  color: #000000;
  font-weight: 500;
}
.c--search-bar > div > nav > ul > li > a {
  cursor: pointer;
}
.c--search-bar > div.light {
  background: #ffffff;
  border-color: #bec6cc;
}
.c--search-bar > div.dark {
  background: #002139;
  border-color: #31475e;
}
.c--search-bar button {
  display: none;
}
@media only screen and (min-width: 52.5rem) {
  .c--search-bar:not(.inline) > div {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15);
    border: 1px solid;
    max-height: calc(100vh - 12rem);
    padding: 0 1.5rem;
  }
  .c--search-bar:not(.inline) > div > * {
    padding: 0 2.5rem 1rem 0;
  }
  .c--search-bar:not(.inline) > div > header {
    padding: 0.5rem 0 0 0;
  }
  .c--search-bar:not(.inline) > div > nav {
    height: calc(100vh - 11rem);
    max-height: 100vh;
    margin: 1.75rem 0 3.5rem 0;
    overflow-y: auto;
    padding-left: 0.25rem;
  }
  .c--search-bar .arrow {
    display: block;
  }
  .c--search-bar > div {
    padding: 0 1.5rem;
  }
  .c--search-bar > div > header {
    gap: 0.5rem;
  }
  .c--search-bar > div > header > form {
    margin: 0.5rem 0 0 0;
  }
  .c--search-bar > div > nav {
    max-height: none;
    height: auto;
    margin-bottom: 3.5rem;
    overflow-y: auto;
    margin-top: 1.75rem;
    padding-left: 0.25rem;
  }
  .c--search-bar > div > p.results {
    margin-top: 1.75rem;
  }
  .c--search-bar button {
    background: none;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
}
.mapboxgl-map {
    font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgb(0 0 0 / 0%);
}

.mapboxgl-canvas {
    position: absolute;
    left: 0;
    top: 0;
}

.mapboxgl-map:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

.mapboxgl-canary {
    background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
    cursor: pointer;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
    cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
    touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: none;
}

.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; }
.mapboxgl-ctrl-top-left     { top: 0; left: 0; }
.mapboxgl-ctrl-top-right    { top: 0; right: 0; }
.mapboxgl-ctrl-bottom-left  { bottom: 0; left: 0; }
.mapboxgl-ctrl-bottom-right { right: 0; bottom: 0; }

.mapboxgl-ctrl {
    clear: both;
    pointer-events: auto;

    /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */
    transform: translate(0, 0);
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl     { margin: 10px 0 0 10px; float: left; }
.mapboxgl-ctrl-top-right .mapboxgl-ctrl    { margin: 10px 10px 0 0; float: right; }
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl  { margin: 0 0 10px 10px; float: left; }
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 10px 10px 0; float: right; }

.mapboxgl-ctrl-group {
    border-radius: 4px;
    background: #fff;
}

.mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px rgb(0 0 0 / 10%);
}

@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl-group:not(:empty) {
        box-shadow: 0 0 0 2px ButtonText;
    }
}

.mapboxgl-ctrl-group button {
    width: 29px;
    height: 29px;
    display: block;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
}

.mapboxgl-ctrl-group button + button {
    border-top: 1px solid #ddd;
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl-icon {
        background-color: transparent;
    }

    .mapboxgl-ctrl-group button + button {
        border-top: 1px solid ButtonText;
    }
}

.mapboxgl-ctrl-attrib-button:focus,
.mapboxgl-ctrl-group button:focus {
    box-shadow: 0 0 2px 2px rgb(0 150 255 / 100%);
}

.mapboxgl-ctrl button:disabled {
    cursor: not-allowed;
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
    opacity: 0.25;
}

.mapboxgl-ctrl-group button:first-child {
    border-radius: 4px 4px 0 0;
}

.mapboxgl-ctrl-group button:last-child {
    border-radius: 0 0 4px 4px;
}

.mapboxgl-ctrl-group button:only-child {
    border-radius: inherit;
}

.mapboxgl-ctrl button:not(:disabled):hover {
    background-color: rgb(0 0 0 / 5%);
}

.mapboxgl-ctrl-group button:focus:focus-visible {
    box-shadow: 0 0 2px 2px rgb(0 150 255 / 100%);
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
    box-shadow: none;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: svg-load("svg/mapboxgl-ctrl-zoom-out.svg", fill: #333);
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: svg-load("svg/mapboxgl-ctrl-zoom-in.svg", fill: #333);
}

@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-zoom-out.svg", fill: #fff);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-zoom-in.svg", fill: #fff);
    }
}

@media (-ms-high-contrast: black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-zoom-out.svg", fill: #000);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-zoom-in.svg", fill: #000);
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: svg-load("svg/mapboxgl-ctrl-fullscreen.svg", fill: #333);
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: svg-load("svg/mapboxgl-ctrl-shrink.svg");
}

@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-fullscreen.svg", fill: #fff);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-shrink.svg", fill: #fff);
    }
}

@media (-ms-high-contrast: black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-fullscreen.svg", fill: #000);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-shrink.svg", fill: #000);
    }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: svg-load("svg/mapboxgl-ctrl-compass.svg", fill: #333);
}

@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
        @svg-load ctrl-compass-white url("svg/mapboxgl-ctrl-compass.svg") {
            fill: #fff;
            #south { fill: #999; }
        }

        background-image: svg-inline(ctrl-compass-white);
    }
}

@media (-ms-high-contrast: black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
        background-image: svg-load("svg/mapboxgl-ctrl-compass.svg", fill: #000);
    }
}

@svg-load ctrl-geolocate url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #333;
    #stroke { display: none; }
}

@svg-load ctrl-geolocate-white url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #fff;
    #stroke { display: none; }
}

@svg-load ctrl-geolocate-black url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #000;
    #stroke { display: none; }
}

@svg-load ctrl-geolocate-disabled url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #aaa;
    #stroke { fill: #f00; }
}

@svg-load ctrl-geolocate-disabled-white url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #999;
    #stroke { fill: #f00; }
}

@svg-load ctrl-geolocate-disabled-black url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #666;
    #stroke { fill: #f00; }
}

@svg-load ctrl-geolocate-active url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #33b5e5;
    #stroke { display: none; }
}

@svg-load ctrl-geolocate-active-error url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #e58978;
    #stroke { display: none; }
}

@svg-load ctrl-geolocate-background url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #33b5e5;
    #stroke { display: none; }
    #dot { display: none; }
}

@svg-load ctrl-geolocate-background-error url("svg/mapboxgl-ctrl-geolocate.svg") {
    fill: #e54e33;
    #stroke { display: none; }
    #dot { display: none; }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate);
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-disabled);
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-active);
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-active-error);
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-background);
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: svg-inline(ctrl-geolocate-background-error);
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
    animation: mapboxgl-spin 2s infinite linear;
}

@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-white);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-disabled-white);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-active);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-active-error);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-background);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-background-error);
    }
}

@media (-ms-high-contrast: black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-black);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
        background-image: svg-inline(ctrl-geolocate-disabled-black);
    }
}

@keyframes mapboxgl-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

a.mapboxgl-ctrl-logo {
    width: 88px;
    height: 23px;
    margin: 0 0 -4px -4px;
    display: block;
    background-repeat: no-repeat;
    cursor: pointer;
    overflow: hidden;
    background-image: svg-load("svg/mapboxgl-ctrl-logo.svg");
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
    width: 23px;
}

@media (-ms-high-contrast: active) {
    a.mapboxgl-ctrl-logo {
        @svg-load ctrl-logo-white url("svg/mapboxgl-ctrl-logo.svg") {
            #outline { opacity: 1; }
            #fill { opacity: 1; }
        }

        background-color: transparent;
        background-image: svg-inline(ctrl-logo-white);
    }
}

@media (-ms-high-contrast: black-on-white) {
    a.mapboxgl-ctrl-logo {
        @svg-load ctrl-logo-black url("svg/mapboxgl-ctrl-logo.svg") {
            #outline { opacity: 1; fill: #fff; stroke: #fff; }
            #fill { opacity: 1; fill: #000; }
        }

        background-image: svg-inline(ctrl-logo-black);
    }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
    padding: 0 5px;
    background-color: rgb(255 255 255 / 50%);
    margin: 0;
}

@media screen {
    .mapboxgl-ctrl-attrib.mapboxgl-compact {
        min-height: 20px;
        padding: 2px 24px 2px 0;
        margin: 10px;
        position: relative;
        background-color: #fff;
        border-radius: 12px;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
        padding: 2px 28px 2px 8px;
        visibility: visible;
    }

    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
        padding: 2px 8px 2px 28px;
        border-radius: 12px;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
        display: none;
    }

    .mapboxgl-ctrl-attrib-button {
        display: none;
        cursor: pointer;
        position: absolute;
        background-image: svg-load("svg/mapboxgl-ctrl-attrib.svg");
        background-color: rgb(255 255 255 / 50%);
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        border-radius: 12px;
        outline: none;
        top: 0;
        right: 0;
        border: 0;
    }

    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button {
        left: 0;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
        display: block;
    }

    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
        background-color: rgb(0 0 0 / 5%);
    }

    .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        bottom: 0;
        right: 0;
    }

    .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        top: 0;
        right: 0;
    }

    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        top: 0;
        left: 0;
    }

    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        bottom: 0;
        left: 0;
    }
}

@media screen and (-ms-high-contrast: active) {
    .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        background-image: svg-load("svg/mapboxgl-ctrl-attrib.svg", fill=#fff);
    }
}

@media screen and (-ms-high-contrast: black-on-white) {
    .mapboxgl-ctrl-attrib.mapboxgl-compact::after {
        background-image: svg-load("svg/mapboxgl-ctrl-attrib.svg");
    }
}

.mapboxgl-ctrl-attrib a {
    color: rgb(0 0 0 / 75%);
    text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
    color: inherit;
    text-decoration: underline;
}

/* stylelint-disable-next-line selector-class-pattern */
.mapboxgl-ctrl-attrib .mapbox-improve-map {
    font-weight: bold;
    margin-left: 2px;
}

.mapboxgl-attrib-empty {
    display: none;
}

.mapboxgl-ctrl-scale {
    background-color: rgb(255 255 255 / 75%);
    font-size: 10px;
    border-width: medium 2px 2px;
    border-style: none solid solid;
    border-color: #333;
    padding: 0 5px;
    color: #333;
    box-sizing: border-box;
    white-space: nowrap;
}

.mapboxgl-popup {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    will-change: transform;
    pointer-events: none;
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
    flex-direction: column;
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
    flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
    flex-direction: row;
}

.mapboxgl-popup-anchor-right {
    flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    z-index: 1;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    align-self: center;
    border-top: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    align-self: flex-start;
    border-top: none;
    border-left: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    align-self: flex-end;
    border-top: none;
    border-right: none;
    border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    align-self: center;
    border-bottom: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    align-self: flex-start;
    border-bottom: none;
    border-left: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    align-self: flex-end;
    border-bottom: none;
    border-right: none;
    border-top-color: #fff;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    align-self: center;
    border-left: none;
    border-right-color: #fff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    align-self: center;
    border-right: none;
    border-left-color: #fff;
}

.mapboxgl-popup-close-button {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0 3px 0 0;
    cursor: pointer;
    background-color: transparent;
}

.mapboxgl-popup-close-button:hover {
    background-color: rgb(0 0 0 / 5%);
}

.mapboxgl-popup-content {
    position: relative;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
    padding: 10px 10px 15px;
    pointer-events: auto;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
    border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
    border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
    border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
    border-bottom-right-radius: 0;
}

.mapboxgl-popup-track-pointer {
    display: none;
}

.mapboxgl-popup-track-pointer * {
    pointer-events: none;
    -webkit-user-select: none;
            user-select: none;
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
    display: flex;
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
    display: none;
}

.mapboxgl-marker {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    opacity: 1;
    transition: opacity 0.2s;
}

.mapboxgl-user-location-dot {
    background-color: #1da1f2;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.mapboxgl-user-location-dot::before {
    background-color: #1da1f2;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    animation: mapboxgl-user-location-dot-pulse 2s infinite;
}

.mapboxgl-user-location-dot::after {
    border-radius: 50%;
    border: 2px solid #fff;
    content: "";
    height: 19px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 19px;
    box-sizing: border-box;
    box-shadow: 0 0 3px rgb(0 0 0 / 35%);
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
    width: 0;
    height: 0;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading::before,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading::after {
    content: "";
    border-bottom: 7.5px solid #4aa1eb;
    position: absolute;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading::before {
    border-left: 7.5px solid transparent;
    transform: translate(0, -28px) skewY(-20deg);
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading::after {
    border-right: 7.5px solid transparent;
    transform: translate(7.5px, -28px) skewY(20deg);
}

@keyframes mapboxgl-user-location-dot-pulse {
    0%   { transform: scale(1); opacity: 1; }
    70%  { transform: scale(3); opacity: 0; }
    100% { transform: scale(1); opacity: 0; }
}

.mapboxgl-user-location-dot-stale {
    background-color: #aaa;
}

.mapboxgl-user-location-dot-stale::after {
    display: none;
}

.mapboxgl-user-location-accuracy-circle {
    background-color: #1da1f233;
    width: 1px;
    height: 1px;
    border-radius: 100%;
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
    cursor: crosshair;
}

.mapboxgl-boxzoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: #fff;
    border: 2px dotted #202020;
    opacity: 0.5;
}

@media print {
    /* stylelint-disable-next-line selector-class-pattern */
    .mapbox-improve-map {
        display: none;
    }
}

.mapboxgl-touch-pan-blocker,
.mapboxgl-scroll-zoom-blocker {
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    justify-content: center;
    text-align: center;
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.75s ease-in-out;
    transition-delay: 1s;
}

.mapboxgl-touch-pan-blocker-show,
.mapboxgl-scroll-zoom-blocker-show {
    opacity: 1;
    transition: opacity 0.1s ease-in-out;
}

.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
    touch-action: pan-x pan-y;
}

@keyframes expandOnLoad {
  0% {
    display: none;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
  1% {
    display: block;
  }
  35% {
    opacity: 0;
  }
  75% {
    visibility: visible;
  }
  100% {
    opacity: 1;
    max-height: 3rem;
  }
}
@keyframes collapse {
  0% {
    opacity: 1;
    max-height: 3rem;
  }
  50% {
    opacity: 0.5;
    max-height: 1.5rem;
  }
  75% {
    opacity: 0.25;
    max-height: 0.75rem;
  }
  99% {
    display: block;
    visibility: visible;
  }
  100% {
    display: none;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
  }
}
.search-results-container {
  padding: 0 0 0.75rem 0;
}
.search-results-container h3.typestack-eyebrow {
  margin-bottom: 0.5rem;
  color: #5a6e7d;
}
.search-results-container h3.typestack-eyebrow:not(:first-of-type) {
  margin-top: 1.75rem;
}
.search-results-container > ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: hidden;
}
.search-results-container > ul.collapsed li:nth-child(n+6) {
  animation: collapse 0.25s ease-in 0.06s 1 forwards;
}
.search-results-container > ul > li {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  animation: expandOnLoad 0.25s ease-out 0s 1 forwards;
}
.search-results-container > ul > li > a,
.search-results-container > ul > li > a:visited,
.search-results-container > ul > li > a:active,
.search-results-container > ul > li > a:hover {
  color: #000000;
  font-weight: 500;
}
.search-results-container > ul > li a {
  cursor: pointer;
}
.search-results-container:not(:first-of-type) {
  margin-top: 1.75rem;
}
.search-results-container .reach-button.kite-button.borderless {
  border-radius: 0;
  padding: 0;
  color: #0271eb;
}
.search-results-container .reach-button.kite-button.borderless:hover, .search-results-container .reach-button.kite-button.borderless:active {
  color: #024fea;
}
.search-results-container .reach-button.kite-button.borderless:hover .kite-icon svg, .search-results-container .reach-button.kite-button.borderless:active .kite-icon svg {
  fill: #024fea;
}
.search-results-container .search-results-container {
  padding: 0.75rem;
}
.p--map header {
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
  padding-bottom: 2rem;
  gap: 2.5rem;
}
.p--map header > * {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .p--map header {
    flex-direction: row;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
  .p--map header > :first-child p {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
@media only screen and (min-width: 52.5rem) and (min-width: 52.5rem) {
  .p--map header > :first-child p {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media only screen and (min-width: 52.5rem) {
  .p--map header > :last-child {
    align-items: center;
    justify-content: center;
  }
}
.p--map .map {
  width: 100%;
  height: calc(100vh - 6rem);
  aspect-ratio: auto;
  position: relative;
}
@media only screen and (min-width: 52.5rem) {
  .p--map .map {
    height: auto;
    aspect-ratio: 16/9;
  }
}
.p--map .map .popup-title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0;
}
.p--map .map .controls {
  position: absolute;
  left: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  bottom: 2rem;
  z-index: 9;
}
.p--map .map .controls button {
  background: #002139;
  color: #ffffff;
  border: none;
  border-radius: 16rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p--map .map .controls button:not(:disabled) {
  cursor: pointer;
}
@charset "UTF-8";
/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
/**
 * Do not edit directly, this file was auto-generated.
 */
.kite-theme, .kite-theme--white {
  --kite-border-style-solid: solid;
  --kite-border-style-dashed: dashed;
  --kite-border-width-none: 0;
  --kite-color-dark-blue-10: #003561;
  --kite-color-dark-blue-20: #002747;
  --kite-color-dark-blue-30: #001221;
  --kite-color-blue-10: #31a2ff;
  --kite-color-blue-20: #0073d1;
  --kite-color-blue-30: #0062b2;
  --kite-color-light-blue-10: #b7cee5;
  --kite-color-light-blue-20: #5db8fc;
  --kite-color-light-blue-00: #e8f8ff;
  --kite-color-green-10: #00bf1f;
  --kite-color-green-20: #008516;
  --kite-color-green-00: #e8ffe8;
  --kite-color-yellow-10: #ffd400;
  --kite-color-yellow-20: #faa41a;
  --kite-color-yellow-00: #fff3e0;
  --kite-color-red-10: #ff4d4a;
  --kite-color-red-20: #d6312b;
  --kite-color-red-00: #ffefef;
  --kite-color-gray-10: #f8f8f8;
  --kite-color-gray-20: #d8dde6;
  --kite-color-gray-25: #9ba9bd;
  --kite-color-gray-30: #63738a;
  --kite-color-white: #ffffff;
  --kite-color-black: #000000;
  --kite-color-life-unlimited-accent-electric-blue: #0271eb;
  --kite-color-life-unlimited-accent-green: #03c252;
  --kite-color-life-unlimited-accent-orange: #ff8331;
  --kite-color-life-unlimited-accent-purple: #887dff;
  --kite-color-life-unlimited-accent-yellow: #ffcb3e;
  --kite-color-life-unlimited-primary-midnight-blue: #002139;
  --kite-color-life-unlimited-primary-white: #ffffff;
  --kite-color-life-unlimited-support-light-gray: #d5d5d5;
  --kite-color-negative-focus: #b00300; /** Focus state of negative color */
  --kite-color-negative-hover: #b00300; /** Hover state of negative color */
  --kite-color-negative-press: #b00300; /** Pressed state of negative color */
  --kite-cubic-bezier-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kite-cubic-bezier-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --kite-cubic-bezier-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --kite-duration-200: 200ms;
  --kite-duration-400: 400ms;
  --kite-duration-750: 750ms;
  --kite-font-family-spectrum-sans: "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --kite-font-family-monospace: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
  --kite-font-family-rutledge: Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /** @deprecated: Spectrum Sans is the default font */
  --kite-font-size-base: 16;
  --kite-font-size-px: 16px;
  --kite-font-size-rem: 1rem;
  --kite-font-style-normal: normal;
  --kite-font-style-italic: italic;
  --kite-font-weight-light: 300;
  --kite-font-weight-book: 350;
  --kite-font-weight-regular: 400;
  --kite-font-weight-medium: 500;
  --kite-font-weight-semi-bold: 600; /** @deprecated: Replace with 'font-weight-bold' token */
  --kite-font-weight-bold: 700;
  --kite-font-weight-extra-bold: 800;
  --kite-font-weight-normal: 400; /** @deprecated: Rutledge font is deprecated. Use the 'font-weight-regular' token with Spectrum Sans font. */
  --kite-letter-spacing-normal: normal;
  --kite-letter-spacing-sm: -0.0625rem;
  --kite-tracking-sm: -0.0625rem; /** @deprecated: Replace with 'letter-spacing-sm' token */
  --kite-tracking-normal: normal; /** @deprecated: Replace with 'letter-spacing-normal' token */
  --kite-tracking-md: normal; /** @deprecated: Replace with 'letter-spacing-normal' token */
  --kite-size-1: 0.0625rem;
  --kite-size-2: 0.125rem;
  --kite-size-4: 0.25rem;
  --kite-size-8: 0.5rem;
  --kite-size-12: 0.75rem;
  --kite-size-14: 0.875rem;
  --kite-size-16: 1rem;
  --kite-size-20: 1.25rem;
  --kite-size-24: 1.5rem;
  --kite-size-32: 2rem;
  --kite-size-40: 2.5rem;
  --kite-size-48: 3rem;
  --kite-size-percent-50: 50%;
  --kite-size-radius-pill: 624.9375rem;
  --kite-size-touch-target: 2.75rem; /** Tap target size for elements that rely on height or line-height */
  --kite-focus-ring-inset: -0.125rem; /** Default inset for an 'inner' focus ring in some focused UI elements */
  --kite-motion-duration-fast: 300ms; /** @deprecated: Replace with "motion-fast" token */
  --kite-motion-duration-faster: 225ms; /** @deprecated: Replace with "motion-faster" token */
  --kite-motion-duration-fastest: 195ms; /** @deprecated: Replace with "motion-fastest" token */
  --kite-motion-curve-default: cubic-bezier(0.4, 0, 0.2, 1); /** @deprecated: Replace with "motion-standard" token */
  --kite-motion-curve-deceleration: cubic-bezier(0, 0, 0.2, 1); /** @deprecated: Replace with "motion-entry" token */
  --kite-motion-curve-acceleration: cubic-bezier(0.4, 0, 1, 1); /** @deprecated: Replace with "motion-exit" token */
  --kite-motion-curve-sharp: cubic-bezier(0.4, 0, 0.6, 1); /** @deprecated: Replace with "motion-exit" token, or custom curve: cubic-bezier(0.4, 0, 0.6, 1) */
  --kite-layout-sm: 4rem;
  --kite-layout-md: 6rem;
  --kite-layout-lg: 8rem;
  --kite-layout-xl: 10rem;
  --kite-layout-2xl: 12rem;
  --kite-spacing-section-sm: 4rem; /** @deprecated: Replace with 'layout-sm' token */
  --kite-spacing-section-md: 5rem; /** @deprecated: Replace with 'layout-md' token */
  --kite-spacing-section-lg: 6.25rem; /** @deprecated: Replace with 'layout-md' token */
  --kite-spacing-section-xl: 7.5rem; /** @deprecated: Replace with 'layout-lg' token */
  --kite-my-component-margin-top: 0;
  --kite-my-component-margin-right: 0;
  --kite-my-component-margin-bottom: 0;
  --kite-my-component-margin-left: 0;
  --kite-my-component-disabled-cursor: not-allowed;
  --kite-my-component-cursor: pointer;
  --kite-my-component-my-deprecated-token-name: "deprecatedValue"; /** @deprecated: Replace with 'new-token-name' token */
  --kite-breakpoint-xs-min: 0;
  --kite-breakpoint-xs-max: 479px;
  --kite-breakpoint-sm-min: 480px;
  --kite-breakpoint-sm-max: 599px;
  --kite-breakpoint-md-min: 600px;
  --kite-breakpoint-md-max: 839px;
  --kite-breakpoint-lg-min: 840px;
  --kite-breakpoint-lg-max: 959px;
  --kite-breakpoint-xl-min: 960px;
  --kite-breakpoint-xl-max: 1279px;
  --kite-breakpoint-2xl-min: 1280px;
  --kite-zindex-deepdive: -99999;
  --kite-zindex-default: 1;
  --kite-zindex-sticky: 1000; /** Stickied elements, like headers */
  --kite-zindex-dropdown: 1100;
  --kite-zindex-dialog-backdrop: 1200;
  --kite-zindex-dialog: 1300;
  --kite-zindex-notification: 1600;
  --kite-zindex-moonshot: 99999;
  --kite-cursor-action: pointer;
  --kite-cursor-disabled: not-allowed; /** Cursor used for disabled UI elements */
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.1);
  --kite-form-control-text-line-height: 1.25;
  --kite-form-control-text-overflow: clip;
  --kite-form-control-border-radius: 0;
  --kite-form-control-margin-top: 0;
  --kite-form-control-margin-right: 0;
  --kite-form-control-margin-bottom: 0;
  --kite-form-control-margin-left: 0;
  --kite-form-control-max-width: 18rem;
  --kite-form-control-addon-padding-top: 0;
  --kite-form-control-addon-padding-bottom: 0;
  --kite-form-control-helper-text-size: 0.75rem;
  --kite-form-control-helper-text-line-height: 1.333;
  --kite-form-control-picker-transition-target-property: opacity;
  --kite-form-control-picker-min-width: 18rem;
  --kite-form-control-picker-backdrop-opacity: 0.8;
  --kite-form-control-picker-list-item-padding-top: 0.625rem;
  --kite-form-control-picker-list-item-padding-bottom: 0.625rem;
  --kite-form-control-picker-list-item-padding-left: 0;
  --kite-form-control-input-max-width: 18rem; /** @deprecated: Replace with "form-control-max-width" token */
  --kite-grid-xs-columns: 4;
  --kite-grid-sm-columns: 4;
  --kite-grid-md-columns: 4;
  --kite-grid-lg-columns: 12;
  --kite-grid-xl-columns: 12;
  --kite-grid-2xl-columns: 12;
  --kite-grid-xxl-columns: 12; /** @deprecated: Replace with "grid-2xl-columns" token */
  --kite-typography-sm-display-size: 3rem;
  --kite-typography-sm-display-line-height: 1.25;
  --kite-typography-sm-title-1-size: 2.625rem;
  --kite-typography-sm-title-1-line-height: 1.238;
  --kite-typography-sm-title-2-size: 2rem;
  --kite-typography-sm-title-2-line-height: 1.25;
  --kite-typography-sm-title-3-size: 1.75rem;
  --kite-typography-sm-title-3-line-height: 1.286;
  --kite-typography-sm-title-4-size: 1.5rem;
  --kite-typography-sm-title-4-line-height: 1.333;
  --kite-typography-sm-title-5-size: 1.25rem;
  --kite-typography-sm-title-5-line-height: 1.4;
  --kite-typography-sm-title-6-size: 1.125rem;
  --kite-typography-sm-title-6-line-height: 1.333;
  --kite-typography-sm-body-display-size: 1.25rem;
  --kite-typography-sm-body-display-line-height: 1.6;
  --kite-typography-sm-body-size: 1rem;
  --kite-typography-sm-body-line-height: 1.5;
  --kite-typography-sm-eyebrow-size: 0.875rem;
  --kite-typography-sm-eyebrow-line-height: 1.429;
  --kite-typography-sm-eyebrow-text-transform: uppercase;
  --kite-typography-sm-caption-1-size: 0.875rem;
  --kite-typography-sm-caption-1-line-height: 1.429;
  --kite-typography-sm-caption-2-size: 0.75rem;
  --kite-typography-sm-caption-2-line-height: 1.333;
  --kite-typography-lg-display-size: 4rem;
  --kite-typography-lg-display-line-height: 1.125;
  --kite-typography-lg-title-1-size: 3rem;
  --kite-typography-lg-title-1-line-height: 1.167;
  --kite-typography-lg-title-2-size: 2.625rem;
  --kite-typography-lg-title-2-line-height: 1.238;
  --kite-typography-lg-title-3-size: 2.25rem;
  --kite-typography-lg-title-3-line-height: 1.111;
  --kite-typography-lg-title-4-size: 1.75rem;
  --kite-typography-lg-title-4-line-height: 1.286;
  --kite-typography-lg-title-5-size: 1.5rem;
  --kite-typography-lg-title-5-line-height: 1.333;
  --kite-typography-lg-title-6-size: 1.25rem;
  --kite-typography-lg-title-6-line-height: 1.4;
  --kite-typography-lg-body-display-size: 1.25rem;
  --kite-typography-lg-body-display-line-height: 1.6;
  --kite-typography-lg-body-size: 1rem;
  --kite-typography-lg-body-line-height: 1.5;
  --kite-typography-lg-eyebrow-size: 1rem;
  --kite-typography-lg-eyebrow-line-height: 1.5;
  --kite-typography-lg-eyebrow-text-transform: uppercase;
  --kite-typography-lg-caption-1-size: 0.875rem;
  --kite-typography-lg-caption-1-line-height: 1.429;
  --kite-typography-lg-caption-2-size: 0.75rem;
  --kite-typography-lg-caption-2-line-height: 1.333;
  --kite-typography-sm-caption-size: 0.875rem; /** @deprecated: Replace with 'typography-sm-caption-1-size' token */
  --kite-typography-sm-caption-line-height: 1.429; /** @deprecated: Replace with 'typography-sm-caption-1-line-height' token */
  --kite-typography-lg-caption-size: 0.875rem; /** @deprecated: Replace with 'typography-lg-caption-1-size' token */
  --kite-typography-lg-caption-line-height: 1.429; /** @deprecated: Replace with 'typography-lg-caption-1-line-height' token */
  --kite-typography-rutledge-sm-display-size: 3rem;
  --kite-typography-rutledge-sm-display-line-height: 1.25;
  --kite-typography-rutledge-sm-title-1-size: 2.5rem;
  --kite-typography-rutledge-sm-title-1-line-height: 1.3;
  --kite-typography-rutledge-sm-title-2-size: 2.25rem;
  --kite-typography-rutledge-sm-title-2-line-height: 1.222;
  --kite-typography-rutledge-sm-title-3-size: 2rem;
  --kite-typography-rutledge-sm-title-3-line-height: 1.25;
  --kite-typography-rutledge-sm-title-4-size: 1.75rem;
  --kite-typography-rutledge-sm-title-4-line-height: 1.286;
  --kite-typography-rutledge-sm-title-5-size: 1.5rem;
  --kite-typography-rutledge-sm-title-5-line-height: 1.25;
  --kite-typography-rutledge-sm-title-6-size: 1.25rem;
  --kite-typography-rutledge-sm-title-6-line-height: 1.3;
  --kite-typography-rutledge-sm-body-display-size: 1.25rem;
  --kite-typography-rutledge-sm-body-display-line-height: 1.3;
  --kite-typography-rutledge-sm-body-size: 1rem;
  --kite-typography-rutledge-sm-body-line-height: 1.5;
  --kite-typography-rutledge-sm-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-sm-eyebrow-style: uppercase;
  --kite-typography-rutledge-sm-eyebrow-line-height: 1.571;
  --kite-typography-rutledge-sm-caption-size: 0.875rem;
  --kite-typography-rutledge-sm-caption-line-height: 1.571;
  --kite-typography-rutledge-lg-display-size: 4rem;
  --kite-typography-rutledge-lg-display-line-height: 1.125;
  --kite-typography-rutledge-lg-title-1-size: 3rem;
  --kite-typography-rutledge-lg-title-1-line-height: 1.25;
  --kite-typography-rutledge-lg-title-2-size: 2.5rem;
  --kite-typography-rutledge-lg-title-2-line-height: 1.25;
  --kite-typography-rutledge-lg-title-3-size: 2.25rem;
  --kite-typography-rutledge-lg-title-3-line-height: 1.222;
  --kite-typography-rutledge-lg-title-4-size: 2rem;
  --kite-typography-rutledge-lg-title-4-line-height: 1.25;
  --kite-typography-rutledge-lg-title-5-size: 1.5rem;
  --kite-typography-rutledge-lg-title-5-line-height: 1.25;
  --kite-typography-rutledge-lg-title-6-size: 1.25rem;
  --kite-typography-rutledge-lg-title-6-line-height: 1.3;
  --kite-typography-rutledge-lg-body-display-size: 1.25rem;
  --kite-typography-rutledge-lg-body-display-line-height: 1.3;
  --kite-typography-rutledge-lg-body-size: 1rem;
  --kite-typography-rutledge-lg-body-line-height: 1.5;
  --kite-typography-rutledge-lg-eyebrow-size: 1rem;
  --kite-typography-rutledge-lg-eyebrow-style: uppercase;
  --kite-typography-rutledge-lg-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-lg-caption-size: 0.875rem;
  --kite-typography-rutledge-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-xxs-title-1-size: 1.3125rem;
  --kite-typography-rutledge-xxs-title-1-line-height: 1.333;
  --kite-typography-rutledge-xxs-title-2-size: 1.125rem;
  --kite-typography-rutledge-xxs-title-2-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-3-size: 1rem;
  --kite-typography-rutledge-xxs-title-3-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-4-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-4-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-5-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-5-line-height: 1.5;
  --kite-typography-rutledge-xxs-body-size: 0.875rem;
  --kite-typography-rutledge-xxs-body-line-height: 1.5;
  --kite-typography-rutledge-xxs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xxs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xxs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xxs-caption-size: 0.75rem;
  --kite-typography-rutledge-xxs-caption-line-height: 1.5;
  --kite-typography-rutledge-xs-title-1-size: 1.4375rem;
  --kite-typography-rutledge-xs-title-1-line-height: 1.304;
  --kite-typography-rutledge-xs-title-2-size: 1.1875rem;
  --kite-typography-rutledge-xs-title-2-line-height: 1.421;
  --kite-typography-rutledge-xs-title-3-size: 1.0625rem;
  --kite-typography-rutledge-xs-title-3-line-height: 1.471;
  --kite-typography-rutledge-xs-title-4-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-4-line-height: 1.533;
  --kite-typography-rutledge-xs-title-5-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-5-line-height: 1.533;
  --kite-typography-rutledge-xs-body-size: 0.9375rem;
  --kite-typography-rutledge-xs-body-line-height: 1.533;
  --kite-typography-rutledge-xs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xs-caption-size: 0.75rem;
  --kite-typography-rutledge-xs-caption-line-height: 1.5;
  --kite-typography-rutledge-md-title-1-size: 2.25rem;
  --kite-typography-rutledge-md-title-1-line-height: 1.25;
  --kite-typography-rutledge-md-title-2-size: 1.75rem;
  --kite-typography-rutledge-md-title-2-line-height: 1.286;
  --kite-typography-rutledge-md-title-3-size: 1.5rem;
  --kite-typography-rutledge-md-title-3-line-height: 1.292;
  --kite-typography-rutledge-md-title-4-size: 1.25rem;
  --kite-typography-rutledge-md-title-4-line-height: 1.05;
  --kite-typography-rutledge-md-title-5-size: 1rem;
  --kite-typography-rutledge-md-title-5-line-height: 1.5;
  --kite-typography-rutledge-md-body-size: 1rem;
  --kite-typography-rutledge-md-body-line-height: 1.5;
  --kite-typography-rutledge-md-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-md-eyebrow-style: uppercase;
  --kite-typography-rutledge-md-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-md-caption-size: 0.75rem;
  --kite-typography-rutledge-md-caption-line-height: 1.75;
  --kite-typography-rutledge-xl-title-1-size: 3.5rem;
  --kite-typography-rutledge-xl-title-1-line-height: 1.393;
  --kite-typography-rutledge-xl-title-2-size: 2.625rem;
  --kite-typography-rutledge-xl-title-2-line-height: 1.429;
  --kite-typography-rutledge-xl-title-3-size: 2.25rem;
  --kite-typography-rutledge-xl-title-3-line-height: 1.056;
  --kite-typography-rutledge-xl-title-4-size: 1.75rem;
  --kite-typography-rutledge-xl-title-4-line-height: 0.964;
  --kite-typography-rutledge-xl-title-5-size: 1.5rem;
  --kite-typography-rutledge-xl-title-5-line-height: 1;
  --kite-typography-rutledge-xl-body-size: 1.5rem;
  --kite-typography-rutledge-xl-body-line-height: 1.333;
  --kite-typography-rutledge-xl-eyebrow-size: 1.375rem;
  --kite-typography-rutledge-xl-eyebrow-style: uppercase;
  --kite-typography-rutledge-xl-eyebrow-line-height: 1.091;
  --kite-typography-rutledge-xl-caption-size: 1.25rem;
  --kite-typography-rutledge-xl-caption-line-height: 1.2;
  --kite-accordion-background-color: rgba(0, 0, 0, 0);
  --kite-accordion-border-radius: 0;
  --kite-accordion-margin-top: 0;
  --kite-accordion-margin-right: 0;
  --kite-accordion-margin-bottom: 0;
  --kite-accordion-margin-left: 0;
  --kite-accordion-hover-background-color: rgba(0, 18, 33, 0.02);
  --kite-accordion-trigger-width: 100%;
  --kite-accordion-expanded-padding-top: 0;
  --kite-accordion-hover-background-opacity: 0.02; /** @deprecated: Replace with "accordion-hover-background-color" token */
  --kite-accordion-hover-background-opacity-dark: 0.05; /** @deprecated: Replace with "accordion-hover-background" token */
  --kite-alert-margin-top: 0;
  --kite-alert-margin-right: 0;
  --kite-alert-margin-bottom: 0;
  --kite-alert-margin-left: 0;
  --kite-alert-text-align: left;
  --kite-alert-border-left-style: solid;
  --kite-alert-dismiss-icon-margin-right: 0;
  --kite-alert-passive-margin-top: 0;
  --kite-alert-passive-min-width: 17.5rem;
  --kite-alert-passive-breakpoint-lg-margin-bottom: 0;
  --kite-alert-passive-breakpoint-lg-margin-left: 0;
  --kite-alert-passive-breakpoint-lg-max-width: 31.25rem;
  --kite-alert-passive-breakpoint-lg-offset-x: 0;
  --kite-alert-passive-breakpoint-lg-offset-y: 0;
  --kite-alert-passive-offset-x: 0;
  --kite-alert-passive-offset-y: 0;
  --kite-alert-passive-timeout: 0;
  --kite-alert-page-border-style: solid; /** @deprecated: Replace with "alert-border-style" token */
  --kite-alert-page-border-left-style: solid; /** @deprecated: Replace with "alert-border-left-style" token */
  --kite-badge-border-color: rgba(0, 0, 0, 0);
  --kite-badge-margin-top: 0;
  --kite-badge-margin-bottom: 0;
  --kite-blockquote-background-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-radius: 0;
  --kite-blockquote-border-width: 0;
  --kite-blockquote-cite-punctuation: "— ";
  --kite-blockquote-cite-text-size: 80%;
  --kite-button-text-align: left;
  --kite-button-text-line-height: 1.5;
  --kite-button-border-color: rgba(0, 0, 0, 0);
  --kite-button-margin-top: 0;
  --kite-button-margin-right: 0;
  --kite-button-margin-bottom: 0;
  --kite-button-margin-left: 0;
  --kite-button-padding-top: 0.625rem;
  --kite-button-padding-bottom: 0.625rem;
  --kite-button-width: 100%;
  --kite-button-secondary-background-color: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color: rgba(0, 0, 0, 0);
  --kite-button-shrinkwrap-width: auto;
  --kite-button-shrinkwrap-min-width-sm: 5.625rem;
  --kite-button-shrinkwrap-min-width-md: 8.125rem;
  --kite-button-shrinkwrap-min-width-lg: 13.125rem;
  --kite-button-shrinkwrap-min-width-xl: 18rem;
  --kite-button-primary-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-border-color' token */
  --kite-button-primary-active-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-press-border-color' token */
  --kite-button-primary-disabled-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-disabled-border-color' token */
  --kite-button-primary-focus-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-focus-border-color' token */
  --kite-button-primary-hover-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-hover-border-color' token */
  --kite-button-secondary-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-background-color' token */
  --kite-button-secondary-active-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-press-border-color' token */
  --kite-button-secondary-disabled-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-disabled-background-color' token */
  --kite-button-secondary-focus-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-focus-border-color' token */
  --kite-button-secondary-hover-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-hover-border-color' token */
  --kite-button-borderless-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-background-color' token */
  --kite-button-borderless-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-border-color' token */
  --kite-button-borderless-active-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-press-background-color' token */
  --kite-button-borderless-active-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-press-border-color' token */
  --kite-button-borderless-disabled-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-disabled-background-color' token */
  --kite-button-borderless-disabled-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-disabled-border-color' token */
  --kite-button-borderless-focus-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-focus-background-color' token */
  --kite-button-borderless-focus-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-focus-border-color' token */
  --kite-button-borderless-hover-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-hover-background-color' token */
  --kite-button-borderless-hover-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-hover-border-color' token */
  --kite-calendar-margin-top: 0;
  --kite-calendar-margin-right: 0;
  --kite-calendar-margin-bottom: 0;
  --kite-calendar-margin-left: 0;
  --kite-calendar-day-text-align: center;
  --kite-calendar-day-due-text-size: 0.625rem;
  --kite-calendar-day-due-text-line-height: 1.3;
  --kite-calendar-day-due-text-transform: uppercase;
  --kite-calendar-day-due-offset: 0.3125rem;
  --kite-calendar-feedback-padding-bottom: 0;
  --kite-calendar-month-year-margin-right: 0;
  --kite-calendar-month-year-margin-left: 0;
  --kite-calendar-standalone-padding-top: 0;
  --kite-calendar-standalone-padding-right: 0;
  --kite-calendar-standalone-padding-left: 0;
  --kite-calendar-standalone-min-width: 18rem;
  --kite-calendar-standalone-min-height: 18.625rem;
  --kite-calendar-day-disabled-text-decoration-line: line-through; /** @deprecated: Replace with 'calendar-day-unavailable-text-decoration-line' token */
  --kite-card-margin-top: 0;
  --kite-card-margin-right: 0;
  --kite-card-margin-bottom: 0;
  --kite-card-margin-left: 0;
  --kite-checkbox-background-color: rgba(0, 0, 0, 0);
  --kite-checkbox-margin-top: 0;
  --kite-checkbox-margin-right: 0;
  --kite-checkbox-margin-left: 0;
  --kite-checkbox-hover-background: rgba(0, 0, 0, 0);
  --kite-checkbox-label-margin-bottom: 0;
  --kite-checkbox-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "checkbox-background-color" token */
  --kite-chip-margin-top: 0;
  --kite-chip-margin-left: 0;
  --kite-chip-focus-ring-offset: 0.375rem;
  --kite-chip-selected-padding-right: 1.1875rem;
  --kite-chip-selected-padding-left: 1.1875rem;
  --kite-chip-icon-width: 1.125rem;
  --kite-chip-icon-height: 1.125rem;
  --kite-chip-multiline-height: auto;
  --kite-combobox-margin-top: 0;
  --kite-combobox-margin-right: 0;
  --kite-combobox-margin-bottom: 0;
  --kite-combobox-margin-left: 0;
  --kite-combobox-picker-offset-x: 0;
  --kite-data-table-text-align: left;
  --kite-data-table-text-line-height: 1.571;
  --kite-data-table-border-radius: 0;
  --kite-data-table-margin-top: 0;
  --kite-data-table-margin-right: 0;
  --kite-data-table-margin-bottom: 0;
  --kite-data-table-margin-left: 0;
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.2);
  --kite-data-table-scroll-shadow-width: 5px;
  --kite-data-table-menu-cell-padding-right: 0;
  --kite-data-table-menu-cell-padding-left: 0;
  --kite-data-table-menu-column-padding-top: 0;
  --kite-data-table-menu-column-padding-right: 0;
  --kite-data-table-menu-column-padding-bottom: 0;
  --kite-data-table-menu-column-padding-left: 0;
  --kite-data-table-menu-column-width: 2.75rem;
  --kite-data-table-title-row-border-bottom-style: solid; /** @deprecated: Replace with "data-table-header-border-bottom-style" token */
  --kite-date-input-margin-top: 0;
  --kite-date-input-margin-right: 0;
  --kite-date-input-margin-bottom: 0;
  --kite-date-input-margin-left: 0;
  --kite-date-input-picker-padding-top: 0;
  --kite-date-input-label-height: 1.5rem;
  --kite-dialog-text-align: left;
  --kite-dialog-text-line-height: 1.625;
  --kite-dialog-border-radius: 0;
  --kite-dialog-margin-top: 0;
  --kite-dialog-margin-right: 0;
  --kite-dialog-margin-bottom: 0;
  --kite-dialog-margin-left: 0;
  --kite-dialog-max-width: 42.5rem; /** 6 of 12 columns */
  --kite-dialog-breakpoint-md-width: 75%; /** 3 of 4 columns */
  --kite-dialog-breakpoint-md-max-height: 72%;
  --kite-dialog-breakpoint-lg-width: 66.66%; /** 8 of 12 columns */
  --kite-dialog-breakpoint-lg-max-height: 72%;
  --kite-dialog-breakpoint-xl-width: 66.66%; /** 8 of 12 columns */
  --kite-dialog-breakpoint-xl-max-height: 84%;
  --kite-dialog-breakpoint-2xl-width: 50%; /** 6 of 12 columns */
  --kite-dialog-breakpoint-2xl-max-height: 84%;
  --kite-dialog-position-x: center;
  --kite-dialog-position-y: center;
  --kite-dialog-transition-duration: 0;
  --kite-dialog-overlay-opacity: 0.8;
  --kite-dialog-content-padding-top: 0;
  --kite-dialog-button-min-width: 15.25rem;
  --kite-dialog-full-size-width: 100%; /** @deprecated: Replace with "dialog-width" token */
  --kite-dialog-full-size-height: 100%; /** @deprecated: Replace with "dialog-height" token */
  --kite-dialog-default-size-md-max-height: 72%; /** @deprecated: Replace with "dialog-breakpoint-md-max-height" token */
  --kite-dialog-default-size-lg-max-height: 72%; /** @deprecated: Replace with "dialog-breakpoint-lg-max-height" token */
  --kite-dialog-default-size-xl-max-height: 84%; /** @deprecated: Replace with "dialog-breakpoint-xl-max-height" token */
  --kite-dialog-default-size-xxl-max-height: 84%; /** @deprecated: Replace with "dialog-breakpoint-2xl-max-height" token */
  --kite-dropdown-text-overflow: ellipsis;
  --kite-dropdown-margin-top: 0;
  --kite-dropdown-margin-right: 0;
  --kite-dropdown-margin-left: 0;
  --kite-dropdown-list-min-width: 10.5rem;
  --kite-dropdown-list-activated-opacity: 1;
  --kite-dropdown-list-opacity: 0;
  --kite-dropdown-list-transition-target-property: opacity;
  --kite-dropdown-list-item-padding-left: 0;
  --kite-dropdown-inline-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-margin-top: 0;
  --kite-dropdown-inline-margin-right: 0;
  --kite-dropdown-inline-margin-bottom: 0;
  --kite-dropdown-inline-margin-left: 0;
  --kite-dropdown-inline-padding-top: 0;
  --kite-dropdown-inline-padding-right: 0;
  --kite-dropdown-inline-padding-bottom: 0;
  --kite-dropdown-inline-padding-left: 0;
  --kite-dropdown-inline-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5); /** @deprecated: Replace with "dropdown-list-elevation" token */
  --kite-dropdown-list-hidden-opacity: 0; /** @deprecated: Replace with "dropdown-list-opacity" token */
  --kite-dropdown-list-visible-opacity: 1; /** @deprecated: Replace with "dropdown-list-activated-opacity" token */
  --kite-dropdown-inline-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "dropdown-inline-background-color" token */
  --kite-dropdown-inline-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "dropdown-inline-border-color" token */
  --kite-dynamic-hint-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "dynamic-hint-border-color" token */
  --kite-dynamic-hint-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5); /** @deprecated: Replace with "dynamic-hint-elevation" token */
  --kite-dynamic-hint-arrow-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "dynamic-hint-arrow-border-color" token */
  --kite-interactive-list-background-color: rgba(0, 0, 0, 0); /** @deprecated: Replace with "list-background-color" token */
  --kite-interactive-list-border-radius: 0; /** @deprecated: Replace with "list-border-radius" token */
  --kite-interactive-list-margin-top: 0; /** @deprecated: Replace with "list-margin-top" token */
  --kite-interactive-list-margin-right: 0; /** @deprecated: Replace with "list-margin-right" token */
  --kite-interactive-list-margin-bottom: 0; /** @deprecated: Replace with "list-margin-bottom" token */
  --kite-interactive-list-margin-left: 0; /** @deprecated: Replace with "list-margin-left" token */
  --kite-interactive-list-padding-top: 0; /** @deprecated: Replace with "list-padding-top" token */
  --kite-interactive-list-padding-right: 0; /** @deprecated: Replace with "list-padding-right" token */
  --kite-interactive-list-padding-bottom: 0; /** @deprecated: Replace with "list-padding-bottom" token */
  --kite-interactive-list-padding-left: 0; /** @deprecated: Replace with "list-padding-left" token */
  --kite-interactive-list-item-background-color: rgba(0, 0, 0, 0); /** @deprecated: Replace with "list-item-background-color" token */
  --kite-interactive-list-item-margin-top: 0; /** @deprecated: Replace with "list-item-margin-top" token */
  --kite-interactive-list-item-margin-right: 0; /** @deprecated: Replace with "list-item-margin-right" token */
  --kite-interactive-list-item-margin-bottom: 0; /** @deprecated: Replace with "list-item-margin-bottom" token */
  --kite-interactive-list-item-margin-left: 0; /** @deprecated: Replace with "list-item-margin-left" token */
  --kite-interactive-list-item-title-text-line-height: 1.2; /** @deprecated: Replace with "list-item-title-text-line-height" token */
  --kite-interactive-list-item-hover-background-color: rgba(0, 18, 33, 0.02); /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-interactive-list-item-breakpoint-md-title-text-line-height: 1.2; /** @deprecated: Replace with "list-item-breakpoint-md-title-line-height" token */
  --kite-interactive-list-image-max-width: 5rem; /** @deprecated: Replace with "list-image-max-width" token */
  --kite-interactive-list-image-max-height: 5rem; /** @deprecated: Replace with "list-image-max-height" token */
  --kite-interactive-list-start-max-width: 5rem; /** @deprecated: Replace with "list-start-max-width" token */
  --kite-interactive-list-item-hover-background-color-dark: 255, 255, 255; /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-interactive-list-item-hover-background-opacity-dark: 0.05; /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-interactive-list-md-padding-top: 0; /** @deprecated: Replace with "list-item-padding-top-sm" token */
  --kite-interactive-list-md-padding-bottom: 0; /** @deprecated: Replace with "list-item-padding-bottom-sm" token */
  --kite-interactive-list-xl-padding-top: 0; /** @deprecated: Replace with "list-item-padding-top-md" token */
  --kite-interactive-list-xl-padding-bottom: 0; /** @deprecated: Replace with "list-item-padding-bottom-md" token */
  --kite-interactive-list-xxl-padding-top: 0; /** @deprecated: Replace with "list-item-padding-top-lg" token */
  --kite-interactive-list-xxl-padding-bottom: 0; /** @deprecated: Replace with "list-item-padding-bottom-lg" token */
  --kite-interactive-list-item-hover-background-opacity: 0.02; /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-link-background-color: rgba(0, 0, 0, 0);
  --kite-link-text-decoration-line: underline;
  --kite-link-border-radius: 0;
  --kite-link-border-width: 0;
  --kite-link-margin-top: 0;
  --kite-link-margin-right: 0;
  --kite-link-margin-bottom: 0;
  --kite-link-margin-left: 0;
  --kite-link-padding-top: 0;
  --kite-link-padding-right: 0;
  --kite-link-padding-bottom: 0;
  --kite-link-padding-left: 0;
  --kite-link-standalone-text-decoration-line: none;
  --kite-link-standalone-hover-text-decoration: underline;
  --kite-link-standalone-press-text-decoration: underline;
  --kite-list-background-color: rgba(0, 0, 0, 0);
  --kite-list-border-radius: 0;
  --kite-list-margin-top: 0;
  --kite-list-margin-right: 0;
  --kite-list-margin-bottom: 0;
  --kite-list-margin-left: 0;
  --kite-list-padding-top: 0;
  --kite-list-padding-right: 0;
  --kite-list-padding-bottom: 0;
  --kite-list-padding-left: 0;
  --kite-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-list-item-margin-top: 0;
  --kite-list-item-margin-right: 0;
  --kite-list-item-margin-bottom: 0;
  --kite-list-item-margin-left: 0;
  --kite-list-item-image-md-max-width: 3.75rem;
  --kite-list-item-image-md-max-height: 3.75rem;
  --kite-list-item-image-lg-max-width: 5rem;
  --kite-list-item-image-lg-max-height: 5rem;
  --kite-list-item-payment-logo-border-radius: 0;
  --kite-list-item-payment-logo-margin-top: 0;
  --kite-list-item-hover-background-color: rgba(0, 18, 33, 0.02);
  --kite-list-item-expandable-content-padding-top: 0;
  --kite-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-list-item-payment-logo-margin: 0; /** @deprecated: Replace with 'list-item-payment-logo-margin-top' token */
  --kite-list-start-max-width: 5rem; /** @deprecated: Replace with 'list-item-slot-start-max-width' token */
  --kite-menu-list-min-width: 10.5rem;
  --kite-menu-list-activated-opacity: 1;
  --kite-menu-list-opacity: 0;
  --kite-menu-list-transition-target-property: opacity;
  --kite-menu-list-item-padding-top: 0.625rem;
  --kite-menu-list-item-padding-bottom: 0.625rem;
  --kite-menu-trigger-background-color: rgba(0, 0, 0, 0);
  --kite-menu-trigger-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-menu-contextual-label-trigger-padding-top: 0.625rem;
  --kite-menu-contextual-label-trigger-padding-bottom: 0.625rem;
  --kite-menu-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5); /** @deprecated: Replace with "menu-list-elevation" token */
  --kite-menu-list-hidden-opacity: 0; /** @deprecated: Replace with "menu-list-opacity" token */
  --kite-menu-list-visible-opacity: 1; /** @deprecated: Replace with "menu-list-activated-opacity" token */
  --kite-menu-list-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1); /** @deprecated: Replace with 'menu-list-transition-timing-function' token */
  --kite-meter-circular-width: 5.5rem;
  --kite-meter-circular-width-px: 88px;
  --kite-meter-circular-track-height-px: 8px;
  --kite-meter-circular-sm-width-px: 24px;
  --kite-meter-circular-sm-track-height: 0.125rem;
  --kite-meter-circular-sm-track-height-px: 2px;
  --kite-meter-circular-sm-tick-width: 0.125rem;
  --kite-meter-circular-sm-icon-margin: 0.375rem;
  --kite-meter-circular-lg-width: 9.25rem;
  --kite-meter-circular-lg-width-px: 148px;
  --kite-meter-linear-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-label-text-size' token */
  --kite-meter-linear-value-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-value-label-text-size' token */
  --kite-meter-linear-small-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-sm-label-text-size' token */
  --kite-meter-linear-small-value-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-sm-value-label-text-size' token */
  --kite-meter-linear-large-label-text-size: 1rem; /** @deprecated: Replace with 'meter-lg-label-text-size' token */
  --kite-meter-linear-large-value-label-text-size: 1rem; /** @deprecated: Replace with 'meter-lg-value-label-text-size' token */
  --kite-meter-circular-small-height: 5.5rem; /** @deprecated: Replace with 'meter-circular-sm-height' token */
  --kite-meter-circular-small-width: 5.5rem; /** @deprecated: Replace with 'meter-circular-sm-width' token */
  --kite-meter-circular-small-status-icon-margin: 0.375rem; /** @deprecated: Replace with 'meter-circular-sm-icon-margin' token */
  --kite-meter-circular-small-track-height: 0.125rem; /** @deprecated: Replace with 'meter-circular-sm-track-height' token */
  --kite-meter-circular-small-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-circular-sm-label-text-size' token */
  --kite-meter-circular-large-height: 9.25rem; /** @deprecated: Replace with 'meter-circular-lg-height' token */
  --kite-meter-circular-large-width: 9.25rem; /** @deprecated: Replace with 'meter-circular-lg-width' token */
  --kite-meter-circular-large-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-circular-lg-label-text-size' token */
  --kite-pagination-controls-margin-top: 0;
  --kite-pagination-controls-breakpoint-lg-margin-bottom: 0;
  --kite-pagination-controls-button-background-color: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-border-radius: 0;
  --kite-pagination-controls-button-width: 4rem;
  --kite-pagination-controls-button-height: 3.25rem;
  --kite-pagination-page-select-current-label-padding-top: 0.625rem;
  --kite-pagination-page-select-current-label-padding-right: 0.625rem;
  --kite-pagination-page-select-current-label-padding-bottom: 0.625rem;
  --kite-pagination-page-select-current-label-padding-left: 0.625rem;
  --kite-pagination-dropdown-margin-top: 0;
  --kite-pagination-dropdown-margin-bottom: 0;
  --kite-pagination-controls-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'pagination-controls-background-color' token */
  --kite-pagination-controls-button-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'pagination-controls-button-background-color' token */
  --kite-pagination-controls-button-previous-border-radius: 0; /** @deprecated: Replace with 'pagination-controls-button-border-radius' token */
  --kite-payment-logo-border-color: rgba(0, 0, 0, 0);
  --kite-payment-logo-margin-top: 0;
  --kite-payment-logo-margin-right: 0;
  --kite-payment-logo-margin-bottom: 0;
  --kite-payment-logo-margin-left: 0;
  --kite-payment-logo-padding-top: 0;
  --kite-payment-logo-padding-right: 0;
  --kite-payment-logo-padding-bottom: 0;
  --kite-payment-logo-padding-left: 0;
  --kite-popover-text-align: left;
  --kite-popover-max-width: 100%;
  --kite-popover-max-height: 37.5rem;
  --kite-popover-trigger-margin-top: 0;
  --kite-popover-trigger-margin-right: 0;
  --kite-popover-trigger-margin-bottom: 0;
  --kite-popover-trigger-focus-ring-offset: 0.0625rem;
  --kite-popover-dismiss-icon-margin-top: 0;
  --kite-popover-dismiss-icon-margin-right: 0;
  --kite-popover-dismiss-icon-margin-left: 0;
  --kite-popover-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'popover-border-color' token */
  --kite-popover-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5); /** @deprecated: Replace with 'popover-elevation' token */
  --kite-popover-arrow-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'popover-arrow-border-color' token */
  --kite-progress-indicator-background-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-radius: 0;
  --kite-progress-indicator-margin-top: 0;
  --kite-progress-indicator-margin-right: 0;
  --kite-progress-indicator-margin-bottom: 0;
  --kite-progress-indicator-margin-left: 0;
  --kite-progress-indicator-padding-top: 0;
  --kite-progress-indicator-padding-right: 0;
  --kite-progress-indicator-padding-bottom: 0;
  --kite-progress-indicator-padding-left: 0;
  --kite-progress-indicator-transition-delay: 500ms;
  --kite-progress-indicator-label-text-align: left;
  --kite-progress-indicator-track-size-px: 4px;
  --kite-progress-indicator-backdrop-opacity: 0.95;
  --kite-progress-indicator-circular-width: 2.5rem;
  --kite-progress-indicator-circular-width-px: 40px;
  --kite-progress-indicator-circular-track-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-circular-label-text-line-height: 1.4;
  --kite-progress-indicator-circular-label-text-align: center;
  --kite-progress-indicator-circular-icon-width: 2.75rem;
  --kite-progress-indicator-circular-sm-track-size-px: 2px;
  --kite-progress-indicator-circular-sm-width-px: 24px;
  --kite-progress-indicator-circular-sm-icon-width: 1.625rem;
  --kite-progress-indicator-circular-lg-track-size-px: 4px;
  --kite-progress-indicator-circular-lg-width: 5rem;
  --kite-progress-indicator-circular-lg-width-px: 80px;
  --kite-progress-indicator-circular-lg-icon-width: 5rem;
  --kite-progress-indicator-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'progress-indicator-border-color' token */
  --kite-progress-indicator-lg-height: 5rem; /** @deprecated: Replace with 'progress-indicator-circular-lg-height' token */
  --kite-progress-indicator-lg-width: 5rem; /** @deprecated: Replace with 'progress-indicator-circular-lg-width' token */
  --kite-progress-indicator-md-height: 2.5rem; /** @deprecated: Replace with 'progress-indicator-circular-height' token */
  --kite-progress-indicator-md-width: 2.5rem; /** @deprecated: Replace with 'progress-indicator-circular-width' token */
  --kite-radio-background-color: rgba(0, 0, 0, 0);
  --kite-radio-margin-top: 0;
  --kite-radio-margin-right: 0;
  --kite-radio-margin-left: 0;
  --kite-radio-padding-top: 0;
  --kite-radio-padding-right: 0;
  --kite-radio-padding-bottom: 0;
  --kite-radio-padding-left: 0;
  --kite-radio-label-margin-bottom: 0;
  --kite-radio-input-margin-left: 0;
  --kite-search-input-margin-top: 0;
  --kite-search-input-margin-right: 0;
  --kite-search-input-margin-bottom: 0;
  --kite-search-input-margin-left: 0;
  --kite-select-text-overflow: ellipsis;
  --kite-select-margin-top: 0;
  --kite-select-margin-right: 0;
  --kite-select-margin-left: 0;
  --kite-skip-link-text-line-height: 1;
  --kite-skip-link-margin-top: 0;
  --kite-skip-link-margin-right: 0;
  --kite-skip-link-margin-bottom: 0;
  --kite-skip-link-margin-left: 0;
  --kite-skip-link-position: absolute; /** @deprecated */
  --kite-switch-background-color: rgba(0, 0, 0, 0);
  --kite-switch-border-radius: 0;
  --kite-switch-border-width: 0;
  --kite-switch-margin-top: 0;
  --kite-switch-margin-right: 0;
  --kite-switch-margin-left: 0;
  --kite-switch-padding-top: 0;
  --kite-switch-padding-right: 0;
  --kite-switch-padding-bottom: 0;
  --kite-switch-padding-left: 0;
  --kite-switch-disabled-track-opacity: 1;
  --kite-switch-track-opacity: 1;
  --kite-switch-on-track-opacity: 1;
  --kite-switch-on-disabled-track-opacity: 1;
  --kite-tabs-background-color: rgba(0, 0, 0, 0);
  --kite-tabs-border-radius: 0;
  --kite-tabs-border-width: 0;
  --kite-tabs-margin-top: 0;
  --kite-tabs-margin-right: 0;
  --kite-tabs-margin-bottom: 0;
  --kite-tabs-margin-left: 0;
  --kite-tabs-padding-top: 0;
  --kite-tabs-padding-right: 0;
  --kite-tabs-padding-bottom: 0;
  --kite-tabs-padding-left: 0;
  --kite-tabs-tab-background: rgba(0, 0, 0, 0);
  --kite-tabs-tab-text-align: center;
  --kite-tabs-tab-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-tab-min-width: 5.625rem;
  --kite-tabs-panel-padding-right: 0;
  --kite-tabs-panel-padding-bottom: 0;
  --kite-tabs-panel-padding-left: 0;
  --kite-tabs-item-border-bottom-color: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'tabs-tab-border-bottom-color' token */
  --kite-tabs-item-border-bottom-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'tabs-tab-border-bottom-color' token */
  --kite-tabs-item-min-width: 5.625rem; /** @deprecated: Replace with 'tabs-tab-min-width' token */
  --kite-tag-text-line-height: 1.714;
  --kite-tag-margin-top: 0;
  --kite-tag-margin-right: 0;
  --kite-tag-margin-bottom: 0;
  --kite-tag-margin-left: 0;
  --kite-tag-padding-top: 0;
  --kite-tag-padding-bottom: 0;
  --kite-tag-solid-border-color: rgba(0, 0, 0, 0);
  --kite-text-area-margin-top: 0;
  --kite-text-area-margin-right: 0;
  --kite-text-area-margin-left: 0;
  --kite-text-area-min-height: 7.375rem;
  --kite-text-input-margin-top: 0;
  --kite-text-input-margin-right: 0;
  --kite-text-input-margin-left: 0;
  --kite-time-input-margin-top: 0;
  --kite-time-input-margin-right: 0;
  --kite-time-input-margin-bottom: 0;
  --kite-time-input-margin-left: 0;
  --kite-time-input-icon-margin-right: 0;
  --kite-time-input-placeholder-margin-left: 0;
  --kite-toast-border-color: rgba(0, 0, 0, 0);
  --kite-toast-border-width: 0;
  --kite-toast-margin-right: 0;
  --kite-toast-margin-left: 0;
  --kite-toast-max-width: 20rem;
  --kite-toast-icon-height: 1.125rem;
  --kite-toast-icon-width: 1.125rem;
  --kite-toast-line-height: 1.25; /** @deprecated: Replace with 'toast-text-line-height' token */
  --kite-toast-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1); /** @deprecated: Replace with 'toast-transition-timing-function' token */
  --kite-tooltip-border-color: rgba(0, 0, 0, 0);
  --kite-tooltip-border-width: 0;
  --kite-tooltip-margin-top: 0;
  --kite-tooltip-margin-right: 0;
  --kite-tooltip-margin-bottom: 0;
  --kite-tooltip-margin-left: 0;
  --kite-tooltip-max-width: 90%;
  --kite-tooltip-max-height: 4.25rem;
  --kite-tooltip-offset: 0;
  --kite-tooltip-breakpoint-sm-max-width: 20.3125rem;
  --kite-tooltip-arrow-directional-offset: 0; /** @deprecated: Replace with 'tooltip-offset' token */
  --kite-border-width-thin: var(--kite-size-1, 0.0625rem);
  --kite-border-width-thick: var(--kite-size-2, 0.125rem);
  --kite-color-background: var(--kite-color-white, #ffffff); /** Default background color for the app */
  --kite-color-background-secondary: var(--kite-color-gray-10, #f8f8f8); /** Secondary background color for the app */
  --kite-color-text: var(--kite-color-black, #000000); /** Default body text color */
  --kite-color-text-secondary: var(--kite-color-gray-30, #63738a); /** Secondary text color for microcopy, etc. */
  --kite-color-primary: var(--kite-color-blue-20, #0073d1); /** Primary brand color */
  --kite-color-primary-focus: var(--kite-color-blue-30, #0062b2); /** Focus state of primary color */
  --kite-color-primary-hover: var(--kite-color-blue-30, #0062b2); /** Hover state of primary color */
  --kite-color-primary-press: var(--kite-color-blue-30, #0062b2); /** Pressed state of primary color */
  --kite-color-on-primary: var(--kite-color-white, #ffffff); /** Text color found on primary color */
  --kite-color-caution: var(--kite-color-yellow-20, #faa41a); /** Color for elements that have to do with caution or warning */
  --kite-color-caution-muted: var(--kite-color-yellow-00, #fff3e0);
  --kite-color-on-caution: var(--kite-color-black, #000000); /** Text color found on caution color */
  --kite-color-negative: var(--kite-color-red-20, #d6312b); /** Color for elements providing negative, destructive, critical or dangerous information and actions */
  --kite-color-negative-muted: var(--kite-color-red-00, #ffefef);
  --kite-color-on-negative: var(--kite-color-white, #ffffff); /** Text color found on negative color */
  --kite-color-neutral: var(--kite-color-light-blue-20, #5db8fc); /** Color for elements providing neutral information (not error, success, or caution) */
  --kite-color-neutral-muted: var(--kite-color-light-blue-00, #e8f8ff);
  --kite-color-on-neutral: var(--kite-color-black, #000000); /** Text color found on neutral color */
  --kite-color-positive: var(--kite-color-green-20, #008516); /** Color for elements that have to do with positive or successful states and actions */
  --kite-color-positive-muted: var(--kite-color-green-00, #e8ffe8);
  --kite-color-on-positive: var(--kite-color-white, #ffffff); /** Text color found on positive color */
  --kite-color-disabled: var(--kite-color-gray-25, #9ba9bd); /** Default color for elements in disabled states */
  --kite-color-on-disabled: var(--kite-color-gray-20, #d8dde6); /** Text color found on disabled color */
  --kite-color-error: var(--kite-color-red-20, #d6312b); /** @deprecated: Replace with 'color-negative' token */
  --kite-color-info: var(--kite-color-light-blue-20, #5db8fc); /** @deprecated: Replace with 'color-neutral' token */
  --kite-color-success: var(--kite-color-green-20, #008516); /** @deprecated: Replace with 'color-positive' token */
  --kite-color-focus: var(--kite-color-blue-30, #0062b2); /** Default color to use for focus states and focus ring outlines */
  --kite-font-family-sans-serif: var(--kite-font-family-spectrum-sans, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-letter-spacing-lg: var(--kite-size-2, 0.125rem);
  --kite-tracking-lg: var(--kite-size-2, 0.125rem); /** @deprecated: Replace with 'letter-spacing-lg' token */
  --kite-size-radius-sm: var(--kite-size-2, 0.125rem);
  --kite-size-radius-md: var(--kite-size-4, 0.25rem);
  --kite-size-radius-lg: var(--kite-size-8, 0.5rem);
  --kite-size-radius-circle: var(--kite-size-percent-50, 50%);
  --kite-border-color: var(--kite-color-gray-20, #d8dde6); /** Default border color for UI elements */
  --kite-border-radius-pill: var(--kite-size-radius-pill, 624.9375rem); /** Pill (Hotdog) radius for global use, Chip background shape */
  --kite-border-style: var(--kite-border-style-solid, solid); /** Default border style for UI elements */
  --kite-container-background-color: var(--kite-color-white, #ffffff); /** `container-*` tokens can be shared across "containers", such as card components, sidebars, drawers ect. These tokens function to set any "container" apart from the app background by applying a default background color, border and even hover state. */
  --kite-container-hover-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-focus-ring-offset: var(--kite-size-2, 0.125rem); /** Default offset/gap for an outline (aka, focus ring) around the outside of some focused UI elements */
  --kite-focus-ring-style: var(--kite-border-style-solid, solid); /** Default style for the focus ring on focused UI elements */
  --kite-focus-ring-width: var(--kite-size-2, 0.125rem); /** Default width for the focus ring on focused UI elements */
  --kite-font-weight: var(--kite-font-weight-regular, 400); /** Default font-weight for body copy */
  --kite-font-size: var(--kite-font-size-px, 16px); /** Default font-size for body copy */
  --kite-font-style: var(--kite-font-style-normal, normal); /** Default font-style for body copy */
  --kite-motion-fast: var(--kite-duration-750, 750ms);
  --kite-motion-faster: var(--kite-duration-400, 400ms);
  --kite-motion-fastest: var(--kite-duration-200, 200ms);
  --kite-motion-standard: var(--kite-cubic-bezier-ease, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-motion-entry: var(--kite-cubic-bezier-ease-out, cubic-bezier(0, 0, 0.58, 1));
  --kite-motion-exit: var(--kite-cubic-bezier-ease-in, cubic-bezier(0.42, 0, 1, 1));
  --kite-layout-2xs: var(--kite-size-40, 2.5rem);
  --kite-layout-xs: var(--kite-size-48, 3rem);
  --kite-spacing-2xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-md: var(--kite-size-16, 1rem);
  --kite-spacing-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-2xl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxs: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'spacing-2xs' token */
  --kite-spacing-element-xs: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with 'spacing-xs' token */
  --kite-spacing-element-sm: var(--kite-size-12, 0.75rem); /** @deprecated: Replace with 'spacing-sm' token */
  --kite-spacing-element-md: var(--kite-size-16, 1rem); /** @deprecated: Replace with 'spacing-md' token */
  --kite-spacing-element-lg: var(--kite-size-20, 1.25rem); /** @deprecated: Replace with 'spacing-lg' token */
  --kite-spacing-element-xl: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'spacing-xl' token */
  --kite-spacing-element-xxl: var(--kite-size-32, 2rem); /** @deprecated: Replace with 'spacing-2xl' token */
  --kite-spacing-element-xxxl: var(--kite-size-40, 2.5rem); /** @deprecated: Replace with 'layout-2xs' token */
  --kite-spacing-section-xs: var(--kite-size-48, 3rem); /** @deprecated: Replace with 'layout-xs' token */
  --kite-my-component-background-color: var(--kite-color-white, #ffffff);
  --kite-my-component-min-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-list-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-height: var(--kite-size-touch-target, 2.75rem);
  --kite-form-control-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-addon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-addon-icon-width: var(--kite-size-24, 1.5rem);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-placeholder-text-style: var(--kite-font-style-normal, normal);
  --kite-form-control-picker-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-picker-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-form-control-picker-zindex: var(--kite-zindex-dialog, 1300);
  --kite-form-control-picker-backdrop-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-picker-list-item-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-form-control-picker-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-picker-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-form-control-picker-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-picker-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-form-control-picker-list-item-check-icon-width: var(--kite-size-16, 1rem);
  --kite-form-control-input-background-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "form-control-background-color" token */
  --kite-form-control-input-border-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-border-color" token */
  --kite-form-control-input-border-style: var(--kite-border-style-solid, solid); /** @deprecated: Replace with "form-control-border-style" token */
  --kite-form-control-input-cursor: var(--kite-cursor-action, pointer); /** @deprecated: Replace with "form-control-cursor" token */
  --kite-form-control-input-placeholder-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-placeholder-text-color" token */
  --kite-form-control-input-disabled-background-color: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with "form-control-disabled-background-color" token */
  --kite-form-control-input-disabled-cursor: var(--kite-cursor-disabled, not-allowed); /** @deprecated: Replace with "form-control-disabled-cursor" token */
  --kite-form-control-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-form-control-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "form-control-label-text-color" token */
  --kite-form-control-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "form-control-error-feedback-text-color" token */
  --kite-form-control-input-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with "form-control-background-color" token */
  --kite-form-control-input-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-border-color" token */
  --kite-form-control-input-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "form-control-text-color" token */
  --kite-form-control-input-placeholder-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-placeholder-text-color" token */
  --kite-form-control-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with "form-control-disabled-background-color" token */
  --kite-form-control-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-disabled-border-color" token */
  --kite-form-control-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-disabled-text-color" token */
  --kite-form-control-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "form-control-error-border-color" token */
  --kite-form-control-input-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "form-control-focus-ring-color" token */
  --kite-grid-xxl-gutters: var(--kite-size-16, 1rem); /** @deprecated: Replace with "grid-2xl-gutters" token */
  --kite-grid-xxl-margins: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "grid-2xl-gutters" token */
  --kite-typography-display-size: var(--kite-typography-sm-display-size, 3rem);
  --kite-typography-display-line-height: var(--kite-typography-sm-display-line-height, 1.25);
  --kite-typography-title-1-size: var(--kite-typography-sm-title-1-size, 2.625rem);
  --kite-typography-title-1-line-height: var(--kite-typography-sm-title-1-line-height, 1.238);
  --kite-typography-title-2-size: var(--kite-typography-sm-title-2-size, 2rem);
  --kite-typography-title-2-line-height: var(--kite-typography-sm-title-2-line-height, 1.25);
  --kite-typography-title-3-size: var(--kite-typography-sm-title-3-size, 1.75rem);
  --kite-typography-title-3-line-height: var(--kite-typography-sm-title-3-line-height, 1.286);
  --kite-typography-title-4-size: var(--kite-typography-sm-title-4-size, 1.5rem);
  --kite-typography-title-4-line-height: var(--kite-typography-sm-title-4-line-height, 1.333);
  --kite-typography-title-5-size: var(--kite-typography-sm-title-5-size, 1.25rem);
  --kite-typography-title-5-line-height: var(--kite-typography-sm-title-5-line-height, 1.4);
  --kite-typography-title-6-size: var(--kite-typography-sm-title-6-size, 1.125rem);
  --kite-typography-title-6-line-height: var(--kite-typography-sm-title-6-line-height, 1.333);
  --kite-typography-body-display-size: var(--kite-typography-sm-body-display-size, 1.25rem);
  --kite-typography-body-display-line-height: var(--kite-typography-sm-body-display-line-height, 1.6);
  --kite-typography-body-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-typography-body-line-height: var(--kite-typography-sm-body-line-height, 1.5);
  --kite-typography-eyebrow-size: var(--kite-typography-sm-eyebrow-size, 0.875rem);
  --kite-typography-eyebrow-line-height: var(--kite-typography-sm-eyebrow-line-height, 1.429);
  --kite-typography-eyebrow-text-transform: var(--kite-typography-sm-eyebrow-text-transform, uppercase);
  --kite-typography-caption-1-size: var(--kite-typography-sm-caption-1-size, 0.875rem);
  --kite-typography-caption-1-line-height: var(--kite-typography-sm-caption-1-line-height, 1.429);
  --kite-typography-caption-2-size: var(--kite-typography-sm-caption-2-size, 0.75rem);
  --kite-typography-caption-2-line-height: var(--kite-typography-sm-caption-2-line-height, 1.333);
  --kite-typography-sm-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-weight: var(--kite-font-weight-regular, 400); /** @deprecated: Replace with 'typography-sm-caption-1-weight' token */
  --kite-typography-sm-caption-style: var(--kite-font-style-normal, normal); /** @deprecated: Replace with 'typography-sm-caption-1-style' token */
  --kite-typography-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal); /** @deprecated: Replace with 'typography-sm-caption-1-letter-spacing' token */
  --kite-typography-lg-caption-weight: var(--kite-font-weight-regular, 400); /** @deprecated: Replace with 'typography-lg-caption-1-weight' token */
  --kite-typography-lg-caption-style: var(--kite-font-style-normal, normal); /** @deprecated: Replace with 'typography-lg-caption-1-style' token */
  --kite-typography-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal); /** @deprecated: Replace with 'typography-lg-caption-1-letter-spacing' token */
  --kite-typography-rutledge-sm-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-6-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-3-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-4-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xl-caption-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-accordion-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-accordion-cursor: var(--kite-cursor-action, pointer);
  --kite-accordion-icon-height: var(--kite-size-16, 1rem);
  --kite-accordion-icon-width: var(--kite-size-16, 1rem);
  --kite-accordion-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-accordion-border-bottom-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "accordion-border-color" token */
  --kite-accordion-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-icon-color" token */
  --kite-accordion-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-label-text-color" token */
  --kite-accordion-title-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-title-text-color" token */
  --kite-accordion-hover-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-hover-background-color" token */
  --kite-accordion-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "accordion-disabled-label-text-color" token */
  --kite-accordion-disabled-title-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "accordion-disabled-title-text-color" token */
  --kite-accordion-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "accordion-disabled-icon-color" token */
  --kite-accordion-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-focus-ring-color" token */
  --kite-accordion-alert-label-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "accordion-negative-label-text-color" token */
  --kite-accordion-success-label-text-color: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with "accordion-positive-label-text-color" token */
  --kite-accordion-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with "accordion-positive-label-text-color" token */
  --kite-accordion-icon-fill: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "accordion-icon-color" token */
  --kite-alert-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-alert-focus-ring-color: var(--kite-color-blue-20, #0073d1);
  --kite-alert-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-alert-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-alert-dismiss-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-dismiss-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-link-icon-height: var(--kite-size-12, 0.75rem);
  --kite-alert-link-icon-width: var(--kite-size-12, 0.75rem);
  --kite-alert-global-focus-ring-color: var(--kite-color-black, #000000);
  --kite-alert-passive-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-passive-zindex: var(--kite-zindex-notification, 1600);
  --kite-alert-passive-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-alert-passive-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-alert-passive-neutral-border-color: var(--kite-color-blue-10, #31a2ff);
  --kite-alert-passive-neutral-status-icon-color: var(--kite-color-blue-10, #31a2ff);
  --kite-alert-passive-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-alert-passive-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-alert-dismiss-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-dismiss-icon-color" token */
  --kite-alert-indicator-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "alert-status-icon-height" token */
  --kite-alert-indicator-icon-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "alert-status-icon-width" token */
  --kite-alert-page-background-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-background-color" token */
  --kite-alert-page-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-background-color" token */
  --kite-alert-page-border-left-width: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with "alert-border-left-width" token */
  --kite-alert-page-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1)); /** @deprecated: Replace with "alert-elevation" token */
  --kite-alert-page-text-size: var(--kite-typography-lg-body-size, 1rem); /** @deprecated: Replace with "alert-text-size" token */
  --kite-alert-global-caution-indicator-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-caution-status-icon-color" token */
  --kite-alert-global-caution-indicator-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-caution-status-icon-color" token */
  --kite-alert-global-caution-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-caution-link-icon-color" token */
  --kite-alert-global-error-dismiss-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-dismiss-icon-color" token */
  --kite-alert-global-error-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-dismiss-icon-color" token */
  --kite-alert-global-error-indicator-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-status-icon-color" token */
  --kite-alert-global-error-indicator-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-status-icon-color" token */
  --kite-alert-global-error-link-text-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-text-color" token */
  --kite-alert-global-error-link-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-text-color" token */
  --kite-alert-global-error-link-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-icon-color" token */
  --kite-alert-global-error-link-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-icon-color" token */
  --kite-alert-global-error-text-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-text-color" token */
  --kite-alert-global-error-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-text-color" token */
  --kite-alert-global-info-indicator-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-neutral-status-icon-color" token */
  --kite-alert-global-info-indicator-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-neutral-status-icon-color" token */
  --kite-alert-global-info-link-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-neutral-link-icon-color" token */
  --kite-alert-global-info-link-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-neutral-link-icon-color" token */
  --kite-alert-dismiss-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-dismiss-icon-color" token */
  --kite-alert-negative-status-icon-fill: var(--kite-color-red-20, #d6312b); /** @deprecated: Replace with "alert-negative-status-icon-color" token */
  --kite-alert-positive-status-icon-fill: var(--kite-color-green-20, #008516); /** @deprecated: Replace with "alert-positive-status-icon-color" token */
  --kite-badge-background-color: var(--kite-color-red-20, #d6312b);
  --kite-badge-height: var(--kite-size-20, 1.25rem);
  --kite-badge-min-width: var(--kite-size-20, 1.25rem);
  --kite-badge-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-badge-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-badge-text-color: var(--kite-color-white, #ffffff);
  --kite-badge-text-size: var(--kite-size-12, 0.75rem);
  --kite-badge-text-weight: var(--kite-font-weight-bold, 700);
  --kite-badge-sm-height: var(--kite-size-8, 0.5rem);
  --kite-badge-sm-width: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-height: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with "badge-sm-height" token */
  --kite-badge-icon-dot-width: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with "badge-sm-width" token */
  --kite-badge-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "badge-text-color" token */
  --kite-badge-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "badge-disabled-background-color" token */
  --kite-blockquote-border-left-width: var(--kite-size-4, 0.25rem);
  --kite-blockquote-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-blockquote-cite-text-color: var(--kite-color-gray-30, #63738a);
  --kite-button-text-weight: var(--kite-font-weight-medium, 500);
  --kite-button-height: var(--kite-size-touch-target, 2.75rem);
  --kite-button-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-button-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-button-disabled-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-cursor: var(--kite-cursor-action, pointer);
  --kite-button-icon-height: var(--kite-size-20, 1.25rem);
  --kite-button-icon-width: var(--kite-size-20, 1.25rem);
  --kite-button-destructive-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-focus-background-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-destructive-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-hover-background-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-destructive-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-press-background-color: var(--kite-color-negative-press, #b00300);
  --kite-button-destructive-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-disabled-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-negative-press, #b00300);
  --kite-button-primary-background-color-dark: var(--kite-color-blue-20, #0073d1); /** @deprecated: Replace with 'button-primary-background-color' token */
  --kite-button-primary-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-icon-color' token */
  --kite-button-primary-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-text-color' token */
  --kite-button-primary-active-background-color-dark: var(--kite-color-blue-30, #0062b2); /** @deprecated: Replace with 'button-primary-press-background-color' token */
  --kite-button-primary-active-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-press-text-color' token */
  --kite-button-primary-active-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-press-icon-color' token */
  --kite-button-primary-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'button-primary-disabled-background-color' token */
  --kite-button-primary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-primary-disabled-text-color' token */
  --kite-button-primary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-primary-disabled-icon-color' token */
  --kite-button-primary-focus-background-color-dark: var(--kite-color-blue-30, #0062b2); /** @deprecated: Replace with 'button-primary-focus-background-color' token */
  --kite-button-primary-focus-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-focus-text-color' token */
  --kite-button-primary-focus-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-focus-icon-color' token */
  --kite-button-primary-hover-background-color-dark: var(--kite-color-blue-30, #0062b2); /** @deprecated: Replace with 'button-primary-hover-background-color' token */
  --kite-button-primary-hover-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-hover-text-color' token */
  --kite-button-primary-hover-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-hover-icon-color' token */
  --kite-button-disabled-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'button-disabled-background-color' token */
  --kite-button-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-focus-ring-color' token */
  --kite-button-secondary-border-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-border-color' token */
  --kite-button-secondary-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-icon-color' token */
  --kite-button-secondary-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-text-color' token */
  --kite-button-secondary-active-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-press-background-color' token */
  --kite-button-secondary-active-text-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'button-secondary-press-text-color' token */
  --kite-button-secondary-active-icon-fill-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'button-secondary-press-icon-color' token */
  --kite-button-secondary-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-secondary-disabled-border-color' token */
  --kite-button-secondary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-secondary-disabled-icon-color' token */
  --kite-button-secondary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-secondary-disabled-text-color' token */
  --kite-button-secondary-focus-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-focus-background-color' token */
  --kite-button-secondary-focus-text-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'button-secondary-focus-text-color' token */
  --kite-button-secondary-focus-icon-fill-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'button-secondary-focus-icon-color' token */
  --kite-button-secondary-hover-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-hover-background-color' token */
  --kite-button-secondary-hover-text-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'button-secondary-hover-text-color' token */
  --kite-button-secondary-hover-icon-fill-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'button-secondary-hover-icon-color' token */
  --kite-button-borderless-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-borderless-icon-color' token */
  --kite-button-borderless-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-borderless-text-color' token */
  --kite-button-borderless-active-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'button-borderless-press-icon-color' token */
  --kite-button-borderless-active-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'button-borderless-press-text-color' token */
  --kite-button-borderless-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-borderless-disabled-icon-color' token */
  --kite-button-borderless-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-borderless-disabled-text-color' token */
  --kite-button-borderless-focus-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-borderless-focus-icon-color' token */
  --kite-button-borderless-focus-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-borderless-focus-text-color' token */
  --kite-button-borderless-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'button-borderless-hover-icon-color' token */
  --kite-button-borderless-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'button-borderless-hover-text-color' token */
  --kite-button-active-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-press-icon-color' token */
  --kite-button-focus-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-focus-icon-color' token */
  --kite-button-hover-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-hover-icon-color' token */
  --kite-button-borderless-active-icon-fill: var(--kite-color-blue-30, #0062b2); /** @deprecated: Replace with 'button-borderless-press-icon-color' token */
  --kite-button-borderless-hover-icon-fill: var(--kite-color-blue-30, #0062b2); /** @deprecated: Replace with 'button-borderless-hover-icon-color' token */
  --kite-calendar-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-calendar-action-cursor: var(--kite-cursor-action, pointer);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-width: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-height: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-today-indicator-width: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-today-indicator-height: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-due-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-calendar-day-due-padding-top: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-padding-bottom: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-out-range-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-day-unavailable-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-month-year-text-weight: var(--kite-font-weight-bold, 700);
  --kite-calendar-day-disabled-text-decoration-thickness: var(--kite-size-2, 0.125rem); /** @deprecated: Replace with 'calendar-day-unavailable-text-decoration-thickness' token */
  --kite-card-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-card-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with "card-background-color" token */
  --kite-card-border-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with "card-border-color" token */
  --kite-checkbox-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-selected-icon-height: var(--kite-size-16, 1rem);
  --kite-checkbox-selected-icon-width: var(--kite-size-16, 1rem);
  --kite-checkbox-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-checkbox-error-feedback-icon-height: var(--kite-size-20, 1.25rem);
  --kite-checkbox-error-feedback-icon-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-border-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-border-color" token */
  --kite-checkbox-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-label-text-color" token */
  --kite-checkbox-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-disabled-border-color" token */
  --kite-checkbox-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-label-text-color" token */
  --kite-checkbox-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-focus-ring-color" token */
  --kite-checkbox-selected-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-selected-background-color" token */
  --kite-checkbox-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-selected-disabled-border-color" token */
  --kite-checkbox-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-selected-disabled-background-color" token */
  --kite-checkbox-indeterminate-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-indeterminate-icon-color" token */
  --kite-checkbox-indeterminate-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-indeterminate-disabled-border-color" token */
  --kite-checkbox-indeterminate-disabled-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-indeterminate-disabled-background-color" token */
  --kite-chip-text-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-text-weight: var(--kite-font-weight-medium, 500);
  --kite-chip-border-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-height: var(--kite-size-32, 2rem);
  --kite-chip-focus-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-background-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-chip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-chip-cursor: var(--kite-cursor-action, pointer);
  --kite-chip-background-color-dark: var(--kite-color-dark-blue-30, #001221); /** @deprecated: Replace with "chip-background-color" token */
  --kite-chip-text-color-dark: var(--kite-color-light-blue-10, #b7cee5); /** @deprecated: Replace with "chip-text-color" token */
  --kite-chip-hover-background-color-dark: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with "chip-hover-background-color" token */
  --kite-chip-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "chip-selected-disabled-background-color" token */
  --kite-chip-disabled-background-color-dark: var(--kite-color-dark-blue-30, #001221); /** @deprecated: Replace with "chip-disabled-background-color" token */
  --kite-chip-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "chip-disabled-text-color" token */
  --kite-combobox-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-combobox-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-combobox-height: var(--kite-size-touch-target, 2.75rem);
  --kite-combobox-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-combobox-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-combobox-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-combobox-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-combobox-overflow-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-combobox-picker-results-text-color: var(--kite-color-gray-30, #63738a);
  --kite-data-table-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-data-table-breakpoint-md-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-breakpoint-md-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-data-table-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-header-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-header-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-cell-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-row-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.2);
  --kite-data-table-striped-row-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-white, #ffffff);
  --kite-data-table-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "data-table-text-color" token */
  --kite-data-table-title-row-border-bottom-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "data-table-title-row-border-bottom-color" token */
  --kite-data-table-title-row-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "data-table-title-row-text-color" token */
  --kite-data-table-cell-border-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "data-table-cell-border-color" token */
  --kite-data-table-cell-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "data-table-cell-focus-ring-color" token */
  --kite-data-table-row-border-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "data-table-row-border-color" token */
  --kite-data-table-row-striped-background-color-dark: var(--kite-color-dark-blue-30, #001221); /** @deprecated: Replace with "data-table-striped-row-background-color" token */
  --kite-data-table-row-hover-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "data-table-row-hover-background-color" token */
  --kite-data-table-row-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "data-table-row-focus-ring-color" token */
  --kite-data-table-title-row-icon-size: var(--kite-size-16, 1rem); /** @deprecated: Replace with "data-table-icon-size" token */
  --kite-data-table-title-row-text-weight: var(--kite-font-weight-bold, 700); /** @deprecated: Replace with "data-table-header-text-weight" token */
  --kite-data-table-row-striped-background-color: var(--kite-color-gray-10, #f8f8f8); /** @deprecated: Replace with "data-table-striped-row-background-color" token */
  --kite-data-table-lg-text-size: var(--kite-typography-lg-body-size, 1rem); /** @deprecated: Replace with "data-table-breakpoint-md-text-size" token */
  --kite-data-table-sm-text-size: var(--kite-size-14, 0.875rem); /** @deprecated: Replace with "data-table-text-size" token */
  --kite-data-table-hover-row-background-color: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with "data-table-row-hover-background-color" token */
  --kite-date-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-date-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-date-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-date-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-date-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-date-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-date-input-feedback-margin-top: var(--kite-form-control-margin-top, 0);
  --kite-date-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-date-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-date-input-picker-min-width: var(--kite-form-control-picker-min-width, 18rem);
  --kite-dialog-border-width: var(--kite-border-width-none, 0);
  --kite-dialog-width: var(--kite-dialog-full-size-width, 100%); /** 4 of 4 columns */
  --kite-dialog-height: var(--kite-dialog-full-size-height, 100%);
  --kite-dialog-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dialog-icon-height: var(--kite-size-24, 1.5rem);
  --kite-dialog-icon-width: var(--kite-size-24, 1.5rem);
  --kite-dialog-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-zindex: var(--kite-zindex-dialog, 1300);
  --kite-dialog-breakpoint-md-title-text-size: var(--kite-typography-lg-title-5-size, 1.5rem);
  --kite-dialog-breakpoint-md-title-text-line-height: var(--kite-typography-lg-title-5-line-height, 1.333);
  --kite-dialog-overlay-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-dialog-overlay-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-dialog-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-dialog-dismiss-icon-height: var(--kite-size-20, 1.25rem);
  --kite-dialog-dismiss-icon-width: var(--kite-size-20, 1.25rem);
  --kite-dialog-scrolled-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with "dialog-background-color" token */
  --kite-dialog-overlay-background-color-dark: var(--kite-color-dark-blue-30, #001221); /** @deprecated: Replace with "dialog-overlay-background-color" token */
  --kite-dialog-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dialog-dismiss-icon-color" token */
  --kite-dialog-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dialog-text-color" token */
  --kite-dialog-box-shadow: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1)); /** @deprecated: Replace with "dialog-elevation" token */
  --kite-dialog-dismiss-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "dialog-dismiss-icon-color" token */
  --kite-dialog-z-index: var(--kite-zindex-dialog, 1300); /** @deprecated: Replace with "dialog-zindex" token */
  --kite-dropdown-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-dropdown-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-dropdown-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-dropdown-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-dropdown-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-dropdown-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-margin-right: var(--kite-size-8, 0.5rem);
  --kite-dropdown-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'dropdown-background-color' token */
  --kite-dropdown-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'dropdown-border-color' token */
  --kite-dropdown-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'dropdown-icon-color' token */
  --kite-dropdown-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'dropdown-label-text-color' token */
  --kite-dropdown-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'dropdown-text-color' token */
  --kite-dropdown-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'dropdown-focus-ring-color' token */
  --kite-dropdown-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'dropdown-disabled-background-color' token */
  --kite-dropdown-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'dropdown-disabled-border-color' token */
  --kite-dropdown-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'dropdown-disabled-icon-color' token */
  --kite-dropdown-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'dropdown-disabled-text-color' token */
  --kite-dropdown-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'dropdown-error-border-color' token */
  --kite-dropdown-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'dropdown-error-text-color' token */
  --kite-dropdown-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-dropdown-list-cursor: var(--kite-cursor-action, pointer);
  --kite-dropdown-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dropdown-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-dropdown-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-padding-top: var(--kite-menu-list-item-padding-top, 0.625rem);
  --kite-dropdown-list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom, 0.625rem);
  --kite-dropdown-list-item-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-dropdown-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dropdown-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-inline-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-inline-border-width: var(--kite-border-width-none, 0);
  --kite-dropdown-inline-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-list-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with "dropdown-list-background-color" token */
  --kite-dropdown-list-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "dropdown-list-border-color" token */
  --kite-dropdown-list-item-destructive-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "dropdown-list-item-destructive-text-color" token */
  --kite-dropdown-list-item-destructive-icon-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "dropdown-list-item-destructive-icon-color" token */
  --kite-dropdown-list-item-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-list-item-text-color" token */
  --kite-dropdown-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #001221); /** @deprecated: Replace with "dropdown-list-item-icon-color" token */
  --kite-dropdown-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-list-item-disabled-text-color" token */
  --kite-dropdown-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "dropdown-list-item-hover-background-color" token */
  --kite-dropdown-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-list-item-focus-ring-color" token */
  --kite-dropdown-list-z-index: var(--kite-zindex-dropdown, 1100); /** @deprecated: Replace with "dropdown-list-zindex" token */
  --kite-dropdown-list-item-icon-fill: var(--kite-color-dark-blue-30, #001221); /** @deprecated: Replace with "dropdown-list-item-icon-color" token */
  --kite-dropdown-inline-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-inline-focus-ring-color" token */
  --kite-dropdown-inline-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-inline-text-color" token */
  --kite-dynamic-hint-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dynamic-hint-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dynamic-hint-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dynamic-hint-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dynamic-hint-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-dynamic-hint-arrow-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dynamic-hint-criteria-icon-height: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-criteria-icon-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "dynamic-hint-background-color" token */
  --kite-dynamic-hint-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "dynamic-hint-arrow-background-color" token */
  --kite-dynamic-hint-criteria-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dynamic-hint-criteria-text-color" token */
  --kite-dynamic-hint-criteria-success-icon-fill-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with "dynamic-hint-criteria-positive-icon-color" token */
  --kite-dynamic-hint-criteria-error-icon-fill-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "dynamic-hint-criteria-negative-icon-color" token */
  --kite-interactive-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed); /** @deprecated: Replace with "list-disabled-cursor" token */
  --kite-interactive-list-item-border-radius: var(--kite-interactive-list-border-radius, 0); /** @deprecated: Replace with "list-item-border-radius" token */
  --kite-interactive-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem); /** @deprecated: Replace with "list-item-focus-ring-offset" token */
  --kite-interactive-list-item-cursor: var(--kite-cursor-action, pointer); /** @deprecated: Replace with "list-item-cursor" token */
  --kite-interactive-list-item-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "list-item-icon-height" token */
  --kite-interactive-list-item-icon-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "list-item-icon-width" token */
  --kite-interactive-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed); /** @deprecated: Replace with "list-item-disabled-cursor" token */
  --kite-interactive-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500); /** @deprecated: Replace with "list-item-multiline-title-text-weight" token */
  --kite-interactive-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem); /** @deprecated: Replace with "list-item-breakpoint-md-title-text-size" token */
  --kite-interactive-list-image-border-radius: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with "list-image-border-radius" token */
  --kite-interactive-list-item-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-label-text-color" token */
  --kite-interactive-list-item-danger-label-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "list-item-negative-label-text-color" token */
  --kite-interactive-list-item-info-label-text-color-dark: var(--kite-color-blue-10, #31a2ff); /** @deprecated: Replace with "list-item-neutral-label-text-color" token */
  --kite-interactive-list-item-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with "list-item-positive-label-text-color" token */
  --kite-interactive-list-item-border-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "list-item-border-color" token */
  --kite-interactive-list-item-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-text-color" token */
  --kite-interactive-list-item-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-icon-color" token */
  --kite-interactive-list-item-action-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-action-icon-color" token */
  --kite-interactive-list-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "list-item-disabled-text-color" token */
  --kite-interactive-list-item-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "list-item-disabled-icon-color" token */
  --kite-interactive-list-item-disabled-action-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "list-item-disabled-action-icon-color" token */
  --kite-interactive-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-focus-ring-color" token */
  --kite-link-text-decoration: var(--kite-link-text-decoration-line, underline);
  --kite-link-text-decoration-offset: var(--kite-size-2, 0.125rem);
  --kite-link-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10, #003561);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-link-cursor: var(--kite-cursor-action, pointer);
  --kite-link-icon-height: var(--kite-size-14, 0.875rem);
  --kite-link-icon-width: var(--kite-size-14, 0.875rem);
  --kite-link-standalone-text-decoration: var(--kite-link-standalone-text-decoration-line, none);
  --kite-link-standalone-text-weight: var(--kite-font-weight-medium, 500);
  --kite-link-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-text-color" token */
  --kite-link-active-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "link-press-text-color" token */
  --kite-link-visited-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with "link-visited-text-color" token */
  --kite-link-focus-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-focus-text-color" token */
  --kite-link-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with "link-hover-text-color" token */
  --kite-link-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-focus-ring-color" token */
  --kite-link-standalone-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-standalone-icon-color" token */
  --kite-link-standalone-active-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "link-standalone-press-icon-color" token */
  --kite-link-standalone-focus-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-standalone-focus-icon-color" token */
  --kite-link-standalone-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with "link-standalone-hover-icon-color" token */
  --kite-link-standalone-visited-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with "link-standalone-visited-icon-color" token */
  --kite-link-standalone-active-icon-fill: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with "link-standalone-press-icon-color" token */
  --kite-link-standalone-hover-icon-fill: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "link-standalone-hover-icon-color" token */
  --kite-link-standalone-visited-icon-fill: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "link-standalone-visited-icon-color" token */
  --kite-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-border-radius: var(--kite-list-border-radius, 0);
  --kite-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-list-item-slot-start-max-width: var(--kite-list-start-max-width, 5rem);
  --kite-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-list-item-image-sm-max-width: var(--kite-size-48, 3rem);
  --kite-list-item-image-sm-max-height: var(--kite-size-48, 3rem);
  --kite-list-item-action-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-action-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-list-item-breakpoint-md-title-body-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-list-item-breakpoint-md-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-breakpoint-md-title-body-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-list-image-border-radius: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'list-item-image-border-radius' token */
  --kite-list-image-max-width: var(--kite-list-item-image-lg-max-width, 5rem); /** @deprecated: Replace with 'list-item-image-max-width' token */
  --kite-list-image-max-height: var(--kite-list-item-image-lg-max-height, 5rem); /** @deprecated: Replace with 'list-item-image-max-width' token */
  --kite-menu-list-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-menu-list-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-menu-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-menu-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-color: var(--kite-color-dark-blue-30, #001221);
  --kite-menu-list-item-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-width: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-height: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-trigger-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-trigger-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-trigger-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-contextual-label-trigger-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-menu-sm-trigger-padding-top: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-right: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-left: var(--kite-size-2, 0.125rem);
  --kite-menu-list-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with "menu-list-background-color" token */
  --kite-menu-list-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "menu-list-border-color" token */
  --kite-menu-list-item-negative-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "menu-list-item-negative-text-color" token */
  --kite-menu-list-item-negative-icon-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "menu-list-item-negative-icon-color" token */
  --kite-menu-list-item-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-list-item-text-color" token */
  --kite-menu-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #001221); /** @deprecated: Replace with "menu-list-item-icon-color" token */
  --kite-menu-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-list-item-disabled-text-color" token */
  --kite-menu-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "menu-list-item-hover-background-color" token */
  --kite-menu-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-list-item-focus-ring-color" token */
  --kite-menu-trigger-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-trigger-icon-color" token */
  --kite-menu-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-focus-ring-color" token */
  --kite-menu-trigger-hover-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "menu-trigger-hover-background-color" token */
  --kite-menu-trigger-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "menu-trigger-disabled-icon-color" token */
  --kite-menu-list-z-index: var(--kite-zindex-dropdown, 1100); /** @deprecated: Replace with "menu-list-zindex" token */
  --kite-menu-list-item-icon-fill: var(--kite-color-dark-blue-30, #001221); /** @deprecated: Replace with "menu-list-item-icon-color" token */
  --kite-meter-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-tick-color: var(--kite-color-black, #000000);
  --kite-meter-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-value-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-lg-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-lg-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-lg-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-lg-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-lg-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-lg-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-height: var(--kite-meter-circular-width, 5.5rem);
  --kite-meter-circular-height-px: var(--kite-meter-circular-width-px, 88px);
  --kite-meter-circular-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-meter-circular-sm-height-px: var(--kite-meter-circular-sm-width-px, 24px);
  --kite-meter-circular-sm-tick-height: var(--kite-meter-circular-sm-track-height, 0.125rem);
  --kite-meter-circular-lg-height: var(--kite-meter-circular-lg-width, 9.25rem);
  --kite-meter-circular-lg-height-px: var(--kite-meter-circular-lg-width-px, 148px);
  --kite-meter-circular-lg-track-height-px: var(--kite-meter-circular-track-height-px, 8px);
  --kite-meter-circular-lg-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-circular-lg-value-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-accessibility-tick-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'meter-tick-color' token */
  --kite-meter-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'meter-label-text-color' token */
  --kite-meter-progress-fill-background-color-dark: var(--kite-color-light-blue-20, #5db8fc); /** @deprecated: Replace with 'meter-fill-color' token */
  --kite-meter-track-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'meter-track-color' token */
  --kite-meter-positive-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with 'meter-positive-fill-color' token */
  --kite-meter-positive-status-icon-fill-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with 'meter-positive-icon-color' token */
  --kite-meter-caution-progress-fill-background-color-dark: var(--kite-color-yellow-10, #ffd400); /** @deprecated: Replace with 'meter-caution-fill-color' token */
  --kite-meter-caution-status-icon-fill-dark: var(--kite-color-yellow-10, #ffd400); /** @deprecated: Replace with 'meter-caution-icon-color' token */
  --kite-meter-alert-progress-fill-background-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'meter-negative-fill-color' token */
  --kite-meter-alert-status-icon-fill-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'meter-negative-icon-color' token */
  --kite-meter-success-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with 'meter-positive-fill-color' token */
  --kite-meter-accessibility-tick-background-color: var(--kite-color-black, #000000); /** @deprecated: Replace with 'meter-tick-color' token */
  --kite-meter-progress-fill-background-color: var(--kite-color-light-blue-20, #5db8fc); /** @deprecated: Replace with 'meter-fill-color' token */
  --kite-meter-track-background-color: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with 'meter-track-color' token */
  --kite-meter-value-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'meter-value-label-text-color' token */
  --kite-meter-status-icon-height: var(--kite-size-16, 1rem); /** @deprecated: Replace with 'meter-progress-icon-height' token */
  --kite-meter-status-icon-width: var(--kite-size-16, 1rem); /** @deprecated: Replace with 'meter-progress-icon-width' token */
  --kite-meter-linear-track-height: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with 'meter-track-height' token */
  --kite-meter-linear-small-track-height: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'meter-sm-track-height' token */
  --kite-meter-linear-large-track-height: var(--kite-size-16, 1rem); /** @deprecated: Replace with 'meter-lg-track-height' token */
  --kite-meter-circular-small-accessibility-tick-width: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'meter-circular-sm-tick-width' token */
  --kite-meter-circular-small-accessibility-tick-height: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'meter-circular-sm-tick-height' token */
  --kite-meter-circular-large-status-icon-height: var(--kite-size-12, 0.75rem); /** @deprecated: Replace with 'meter-circular-lg-icon-height' token */
  --kite-meter-circular-large-status-icon-width: var(--kite-size-12, 0.75rem); /** @deprecated: Replace with 'meter-circular-lg-icon-width' token */
  --kite-meter-circular-large-track-height: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with 'meter-circular-lg-track-height' token */
  --kite-meter-circular-large-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem); /** @deprecated: Replace with 'meter-circular-lg-value-label-text-size' token */
  --kite-pagination-controls-button-cursor: var(--kite-cursor-action, pointer);
  --kite-pagination-controls-button-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-controls-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-pagination-controls-button-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-controls-button-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-page-select-current-label-margin-top: var(--kite-pagination-dropdown-margin-top, 0);
  --kite-pagination-page-select-current-label-margin-bottom: var(--kite-pagination-dropdown-margin-bottom, 0);
  --kite-pagination-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-dropdown-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-placeholder-text-weight: var(--kite-font-weight-bold, 700);
  --kite-pagination-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-border-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'pagination-controls-border-color' token */
  --kite-pagination-controls-button-icon-fill: var(--kite-color-blue-20, #0073d1); /** @deprecated: Replace with 'pagination-controls-button-icon-color' token */
  --kite-pagination-controls-button-icon-fill-dark: var(--kite-color-blue-20, #0073d1); /** @deprecated: Replace with 'pagination-controls-button-icon-color' token */
  --kite-pagination-controls-button-previous-border-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'pagination-controls-button-border-color' token */
  --kite-pagination-controls-button-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'pagination-controls-button-disabled-icon-color' token */
  --kite-pagination-controls-button-hover-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'pagination-controls-button-hover-background-color' token */
  --kite-pagination-controls-button-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'pagination-controls-button-focus-ring-color' token */
  --kite-pagination-per-page-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'pagination-page-size-label-text-color' token */
  --kite-pagination-item-count-label-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'pagination-count-text-color' token */
  --kite-pagination-item-count-label-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'pagination-count-text-color' token */
  --kite-payment-logo-border-width: var(--kite-border-width-none, 0);
  --kite-payment-logo-width: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-height: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-payment-logo-elevation: var(--kite-elevation-0, none);
  --kite-popover-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-popover-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-popover-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-popover-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-popover-breakpoint-md-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-popover-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-popover-arrow-width: var(--kite-size-16, 1rem);
  --kite-popover-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-trigger-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-popover-trigger-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-trigger-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-dismiss-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'popover-background-color' token */
  --kite-popover-z-index: var(--kite-zindex-dropdown, 1100); /** @deprecated: Replace with 'popover-zindex' token */
  --kite-popover-trigger-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-icon-color' token */
  --kite-popover-trigger-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-label-text-color' token */
  --kite-popover-trigger-active-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-expanded-icon-color' token */
  --kite-popover-trigger-focus-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-focus-icon-color' token */
  --kite-popover-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-focus-ring-color' token */
  --kite-popover-trigger-hover-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-hover-icon-color' token */
  --kite-popover-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'popover-arrow-background-color' token */
  --kite-popover-dismiss-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with 'popover-dismiss-icon-color' token */
  --kite-popover-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-dismiss-icon-color' token */
  --kite-progress-indicator-border-width: var(--kite-border-width-none, 0);
  --kite-progress-indicator-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-progress-indicator-zindex: var(--kite-zindex-dialog, 1300);
  --kite-progress-indicator-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-progress-indicator-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-value-label-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-icon-width: var(--kite-size-20, 1.25rem);
  --kite-progress-indicator-button-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-circular-height: var(--kite-progress-indicator-circular-width, 2.5rem);
  --kite-progress-indicator-circular-height-px: var(--kite-progress-indicator-circular-width-px, 40px);
  --kite-progress-indicator-circular-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-circular-icon-height: var(--kite-progress-indicator-circular-icon-width, 2.75rem);
  --kite-progress-indicator-circular-sm-track-size: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-circular-sm-height-px: var(--kite-progress-indicator-circular-sm-width-px, 24px);
  --kite-progress-indicator-circular-sm-icon-height: var(--kite-progress-indicator-circular-sm-icon-width, 1.625rem);
  --kite-progress-indicator-circular-lg-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-circular-lg-height: var(--kite-progress-indicator-circular-lg-width, 5rem);
  --kite-progress-indicator-circular-lg-height-px: var(--kite-progress-indicator-circular-lg-width-px, 80px);
  --kite-progress-indicator-circular-lg-icon-height: var(--kite-progress-indicator-circular-lg-icon-width, 5rem);
  --kite-progress-indicator-lg-border-width: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'progress-indicator-circular-lg-track-size' token */
  --kite-progress-indicator-lg-status-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'progress-indicator-value-label-color' token */
  --kite-progress-indicator-lg-status-text-weight: var(--kite-font-weight-bold, 700); /** @deprecated: Replace with 'progress-indicator-circular-value-label-weight' token */
  --kite-progress-indicator-lg-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'progress-indicator-label-text-color' token */
  --kite-progress-indicator-lg-label-text-weight: var(--kite-font-weight-bold, 700); /** @deprecated: Replace with 'progress-indicator-circular-label-text-weight' token */
  --kite-progress-indicator-lg-sub-label-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'progress-indicator-secondary-label-color' token */
  --kite-progress-indicator-lg-sub-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'progress-indicator-secondary-label-color' token */
  --kite-progress-indicator-md-border-width: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'progress-indicator-track-size' token */
  --kite-progress-indicator-sm-border-width: var(--kite-size-2, 0.125rem); /** @deprecated: Replace with 'progress-indicator-circular-sm-track-size' token */
  --kite-progress-indicator-sm-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'progress-indicator-circular-sm-height' token */
  --kite-progress-indicator-sm-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'progress-indicator-circular-sm-width' token */
  --kite-radio-border-offset: var(--kite-size-2, 0.125rem);
  --kite-radio-height: var(--kite-size-20, 1.25rem);
  --kite-radio-focus-ring-width: var(--kite-size-4, 0.25rem);
  --kite-radio-focus-ring-offset: var(--kite-size-4, 0.25rem);
  --kite-radio-selected-indicator-height: var(--kite-size-12, 0.75rem);
  --kite-radio-input-margin-top: var(--kite-size-2, 0.125rem);
  --kite-radio-input-margin-bottom: var(--kite-size-2, 0.125rem);
  --kite-radio-border-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'radio-border-color' token */
  --kite-radio-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'radio-label-text-color' token */
  --kite-radio-selected-border-color-dark: var(--kite-color-blue-20, #0073d1); /** @deprecated: Replace with 'radio-selected-border-color' token */
  --kite-radio-selected-indicator-background-color-dark: var(--kite-color-blue-20, #0073d1); /** @deprecated: Replace with 'radio-selected-indicator-background-color' token */
  --kite-radio-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'radio-selected-disabled-border-color' token */
  --kite-radio-selected-disabled-center-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'radio-selected-disabled-indicator-background-color' token */
  --kite-radio-selected-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'radio-selected-focus-ring-color' token */
  --kite-radio-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'radio-disabled-border-color' token */
  --kite-radio-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'radio-disabled-label-text-color' token */
  --kite-search-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-search-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-search-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-search-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-search-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-search-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-search-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-select-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-select-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-select-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-select-height: var(--kite-size-touch-target, 2.75rem);
  --kite-select-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-select-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-select-icon-height: var(--kite-size-24, 1.5rem);
  --kite-select-icon-width: var(--kite-size-24, 1.5rem);
  --kite-select-icon-color: var(--kite-color-dark-blue-30, #001221);
  --kite-select-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'select-background-color' token */
  --kite-select-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'select-border-color' token */
  --kite-select-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'select-icon-color' token */
  --kite-select-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'select-label-text-color' token */
  --kite-select-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'select-text-color' token */
  --kite-select-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'select-focus-ring-color' token */
  --kite-select-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'select-disabled-background-color' token */
  --kite-select-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'select-disabled-border-color' token */
  --kite-select-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'select-disabled-icon-color' token */
  --kite-select-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'select-disabled-text-color' token */
  --kite-select-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'select-error-border-color' token */
  --kite-select-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'select-error-text-color' token */
  --kite-select-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-skip-link-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-skip-link-text-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-text-weight: var(--kite-font-weight-medium, 500);
  --kite-skip-link-border-color: var(--kite-color-blue-20, #0073d1);
  --kite-skip-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-skip-link-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-skip-link-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'skip-link-background-color' token */
  --kite-skip-link-border-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'skip-link-border-color' token */
  --kite-skip-link-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'skip-link-text-color' token */
  --kite-switch-focus-ring-radius: var(--kite-size-16, 1rem);
  --kite-switch-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-switch-cursor: var(--kite-cursor-action, pointer);
  --kite-switch-thumb-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-thumb-height: var(--kite-size-20, 1.25rem);
  --kite-switch-thumb-transform-x: var(--kite-size-24, 1.5rem);
  --kite-switch-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-track-border-radius: var(--kite-size-32, 2rem);
  --kite-switch-track-padding-top: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-right: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-left: var(--kite-size-2, 0.125rem);
  --kite-switch-track-height: var(--kite-size-24, 1.5rem);
  --kite-switch-track-width: var(--kite-size-48, 3rem);
  --kite-switch-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-label-text-color' token */
  --kite-switch-on-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-on-focus-ring-color' token */
  --kite-switch-indicator-background-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-thumb-background-color' token */
  --kite-switch-indicator-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-thumb-background-color' token */
  --kite-switch-indicator-height: var(--kite-size-20, 1.25rem); /** @deprecated: Replace with 'switch-thumb-height' token */
  --kite-switch-indicator-width: var(--kite-size-20, 1.25rem); /** @deprecated: Replace with 'switch-thumb-width' token */
  --kite-switch-disabled-indicator-background-color: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with 'switch-disabled-thumb-background-color' token */
  --kite-switch-disabled-indicator-background-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'switch-disabled-thumb-background-color' token */
  --kite-switch-off-track-background-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'switch-track-background-color' token */
  --kite-switch-off-track-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'switch-track-background-color' token */
  --kite-switch-off-focus-ring-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'switch-focus-ring-color' token */
  --kite-switch-off-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-focus-ring-color' token */
  --kite-tabs-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-gray-30, #63738a);
  --kite-tabs-tab-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-tab-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-panel-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-item-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tabs-tab-text-color' token */
  --kite-tabs-item-cursor: var(--kite-cursor-action, pointer); /** @deprecated: Replace with 'tabs-tab-cursor' token */
  --kite-tabs-item-active-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tabs-tab-selected-text-color' token */
  --kite-tabs-item-active-text-weight: var(--kite-font-weight-bold, 700); /** @deprecated: Replace with 'tabs-tab-selected-text-weight' token */
  --kite-tabs-item-hover-border-bottom: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'tabs-tab-hover-border-bottom' token */
  --kite-tabs-item-hover-border-bottom-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tabs-tab-hover-border-bottom' token */
  --kite-tabs-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed); /** @deprecated: Replace with 'tabs-tab-disabled-cursor' token */
  --kite-tabs-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'tabs-tab-disabled-text-color' token */
  --kite-tabs-item-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tabs-tab-focus-ring-color' token */
  --kite-tag-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-tag-text-size: var(--kite-size-14, 0.875rem);
  --kite-tag-text-weight: var(--kite-font-weight-medium, 500);
  --kite-tag-border-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-icon-size: var(--kite-size-16, 1rem);
  --kite-tag-caution-text-color: var(--kite-color-black, #000000);
  --kite-tag-negative-text-color: var(--kite-color-black, #000000);
  --kite-tag-neutral-text-color: var(--kite-color-black, #000000);
  --kite-tag-positive-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-caution-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-negative-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-neutral-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-positive-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-text-area-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-area-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-area-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-area-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-area-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-area-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'text-area-background-color' token */
  --kite-text-area-hint-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-area-placeholder-text-color' token */
  --kite-text-area-hint-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-area-placeholder-text-color' token */
  --kite-text-area-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'text-area-label-text-color' token */
  --kite-text-area-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'text-area-text-color' token */
  --kite-text-area-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'text-area-disabled-background-color' token */
  --kite-text-area-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-area-disabled-border-color' token */
  --kite-text-area-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-area-disabled-text-color' token */
  --kite-text-area-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'text-area-error-border-color' token */
  --kite-text-area-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'text-area-error-feedback-text-color' token */
  --kite-text-area-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-text-area-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff); /** @deprecated: Replace with 'text-area-focus-ring-color' token */
  --kite-text-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-input-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-text-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-text-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-input-secure-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-secure-icon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-text-input-secure-confirm-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-confirm-icon-width' token */
  --kite-text-input-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'text-input-background-color' token */
  --kite-text-input-hint-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-input-placeholder-text-color' token */
  --kite-text-input-hint-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-input-placeholder-text-color' token */
  --kite-text-input-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'text-input-label-text-color' token */
  --kite-text-input-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'text-input-text-color' token */
  --kite-text-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002747); /** @deprecated: Replace with 'text-input-disabled-background-color' token */
  --kite-text-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-input-disabled-border-color' token */
  --kite-text-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-input-disabled-text-color' token */
  --kite-text-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'text-input-error-border-color' token */
  --kite-text-input-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'text-input-error-feedback-text-color' token */
  --kite-text-input-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-text-input-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff); /** @deprecated: Replace with 'text-input-focus-ring-color' token */
  --kite-text-input-secure-show-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-icon-height' token */
  --kite-text-input-secure-show-icon-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-icon-width' token */
  --kite-text-input-secure-show-icon-focus-ring-color-dark: var(--kite-color-blue-10, #31a2ff); /** @deprecated: Replace with 'text-input-secure-icon-focus-ring-color' token */
  --kite-text-input-secure-hide-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-visible-icon-height' token */
  --kite-text-input-secure-hide-icon-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-visible-icon-width' token */
  --kite-time-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-time-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-time-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-time-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-time-input-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-time-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-time-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-time-input-icon-color: var(--kite-color-blue-20, #0073d1);
  --kite-toast-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-toast-text-color: var(--kite-color-white, #ffffff);
  --kite-toast-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-toast-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-toast-transition-timing-function: var(--kite-toast-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-toast-zindex: var(--kite-zindex-notification, 1600);
  --kite-toast-icon-color: var(--kite-color-green-10, #00bf1f);
  --kite-toast-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'toast-background-color' token */
  --kite-toast-height: var(--kite-size-touch-target, 2.75rem); /** @deprecated: Replace with 'toast-min-height' token */
  --kite-toast-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'toast-text-color' token */
  --kite-toast-z-index: var(--kite-zindex-notification, 1600); /** @deprecated: Replace with 'toast-zindex' token */
  --kite-tooltip-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-tooltip-text-color: var(--kite-color-white, #ffffff);
  --kite-tooltip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tooltip-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-tooltip-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-tooltip-arrow-width: var(--kite-size-12, 0.75rem);
  --kite-tooltip-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'tooltip-background-color' token */
  --kite-tooltip-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tooltip-text-color' token */
  --kite-tooltip-arrow-background-color-dark: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with 'tooltip-arrow-background-color' token */
  --kite-border-radius-circle: var(--kite-size-radius-circle, 50%);
  --kite-border-radius-sm: var(--kite-size-radius-sm, 0.125rem);
  --kite-border-radius-md: var(--kite-size-radius-md, 0.25rem); /** Border radius for buttons, cards, toasts ... */
  --kite-border-radius-lg: var(--kite-size-radius-lg, 0.5rem);
  --kite-color-caution-focus: var(--kite-color-caution, #faa41a); /** Focus state of caution color */
  --kite-color-caution-hover: var(--kite-color-caution, #faa41a); /** Hover state of caution color */
  --kite-color-caution-press: var(--kite-color-caution, #faa41a); /** Pressed state of caution color */
  --kite-color-neutral-focus: var(--kite-color-neutral, #5db8fc); /** Focus state of neutral color */
  --kite-color-neutral-hover: var(--kite-color-neutral, #5db8fc); /** Hover state of neutral color */
  --kite-color-neutral-press: var(--kite-color-neutral, #5db8fc); /** Pressed state of neutral color */
  --kite-color-positive-focus: var(--kite-color-positive, #008516); /** Focus state of positive color */
  --kite-color-positive-hover: var(--kite-color-positive, #008516); /** Hover state of positive color */
  --kite-color-positive-press: var(--kite-color-positive, #008516); /** Pressed state of positive color */
  --kite-color-disabled-focus: var(--kite-color-disabled, #9ba9bd); /** Focus state of disabled color */
  --kite-color-disabled-hover: var(--kite-color-disabled, #9ba9bd); /** Hover state of disabled color */
  --kite-color-disabled-press: var(--kite-color-disabled, #9ba9bd); /** Pressed state of disabled color */
  --kite-font-family-default: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); /** Default font-family for body copy */
  --kite-font-family-heading: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); /** Default font-family for headings */
  --kite-font-family-text: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); /** @deprecated: Replace with "kite-font-family" token */
  --kite-border-width: var(--kite-border-width-thin, 0.0625rem); /** Default border width for UI elements */
  --kite-container-border-color: var(--kite-border-color, #d8dde6);
  --kite-container-border-style: var(--kite-border-style, solid);
  --kite-container-padding-top: var(--kite-spacing-md, 1rem);
  --kite-container-padding-right: var(--kite-spacing-md, 1rem);
  --kite-container-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-container-padding-left: var(--kite-spacing-md, 1rem);
  --kite-focus-ring-color: var(--kite-color-focus, #0062b2); /** Default color for the outline (aka, focus ring) around focused UI elements */
  --kite-focus-color: var(--kite-color-focus, #0062b2); /** @deprecated: Replace with 'color-focus' token */
  --kite-font-family: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); /** Default font-family for body copy */
  --kite-my-component-text-color: var(--kite-color-text, #000000);
  --kite-my-component-border-color: var(--kite-border-color, #d8dde6);
  --kite-my-component-border-style: var(--kite-border-style, solid);
  --kite-my-component-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-my-component-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-my-component-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-my-component-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-my-component-list-text-color: var(--kite-color-text, #000000);
  --kite-my-component-list-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-list-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-error-background-color: var(--kite-color-error, #d6312b);
  --kite-my-component-variant-name-background-color: var(--kite-color-primary, #0073d1);
  --kite-my-component-variant-name-text-color: var(--kite-color-success, #008516);
  --kite-my-component-variant-name-margin-left: var(--kite-spacing-lg, 1.25rem);
  --kite-my-component-variant-name-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-form-control-text-color: var(--kite-color-text, #000000);
  --kite-form-control-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-border-style: var(--kite-border-style, solid);
  --kite-form-control-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-focus-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-hover-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-disabled-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-form-control-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-helper-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-addon-icon-color: var(--kite-color-primary, #0073d1);
  --kite-form-control-addon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-addon-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-helper-text-color: var(--kite-color-text-secondary, #63738a);
  --kite-form-control-label-text-color: var(--kite-color-text, #000000);
  --kite-form-control-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-feedback-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-error-border-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-error-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-form-control-error-feedback-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-background-color: var(--kite-container-background-color, #ffffff);
  --kite-form-control-picker-border-style: var(--kite-border-style, solid);
  --kite-form-control-picker-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-form-control-picker-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-form-control-picker-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-text-color: var(--kite-color-text, #000000);
  --kite-form-control-picker-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-picker-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-picker-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-picker-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-picker-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-picker-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-primary, #0073d1);
  --kite-form-control-picker-list-item-check-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-check-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-label-disabled-text-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "form-control-disabled-label-text-color" token */
  --kite-form-control-input-border-width: var(--kite-border-width-thin, 0.0625rem); /** @deprecated: Replace with "form-control-border-width" token */
  --kite-form-control-input-padding-top: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "form-control-padding-top" token */
  --kite-form-control-input-padding-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "form-control-padding-right" token */
  --kite-form-control-input-padding-bottom: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "form-control-padding-bottom" token */
  --kite-form-control-input-padding-left: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "form-control-padding-left" token */
  --kite-form-control-input-disabled-border-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "form-control-disabled-border-color" token */
  --kite-form-control-input-disabled-text-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "form-control-disabled-text-color" token */
  --kite-form-control-input-error-border-color: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "form-control-error-border-color" token */
  --kite-form-control-input-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with "form-control-focus-ring-style" token */
  --kite-form-control-input-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with "form-control-focus-ring-width" token */
  --kite-form-control-error-text-color: var(--kite-color-error, #d6312b); /** @deprecated: Inherit from default body text color, and use the error state */
  --kite-form-control-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with "form-control-feedback-margin-top" token */
  --kite-form-spacing-inline: var(--kite-spacing-md, 1rem); /** Horizontal spacing to use between inline form fields and groups */
  --kite-form-spacing-stack-md: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-xl: var(--kite-spacing-xl, 1.5rem);
  --kite-form-spacing-stack-2xl: var(--kite-spacing-2xl, 2rem);
  --kite-grid-xs-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xs-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-md-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-md-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-2xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-2xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-display-weight: var(--kite-typography-sm-display-weight, 800);
  --kite-typography-display-style: var(--kite-typography-sm-display-style, normal);
  --kite-typography-title-1-weight: var(--kite-typography-sm-title-1-weight, 800);
  --kite-typography-title-1-style: var(--kite-typography-sm-title-1-style, normal);
  --kite-typography-title-1-letter-spacing: var(--kite-typography-sm-title-1-letter-spacing, normal);
  --kite-typography-title-2-weight: var(--kite-typography-sm-title-2-weight, 700);
  --kite-typography-title-2-style: var(--kite-typography-sm-title-2-style, normal);
  --kite-typography-title-2-letter-spacing: var(--kite-typography-sm-title-2-letter-spacing, normal);
  --kite-typography-title-3-weight: var(--kite-typography-sm-title-3-weight, 700);
  --kite-typography-title-3-style: var(--kite-typography-sm-title-3-style, normal);
  --kite-typography-title-3-letter-spacing: var(--kite-typography-sm-title-3-letter-spacing, normal);
  --kite-typography-title-4-weight: var(--kite-typography-sm-title-4-weight, 500);
  --kite-typography-title-4-style: var(--kite-typography-sm-title-4-style, normal);
  --kite-typography-title-4-letter-spacing: var(--kite-typography-sm-title-4-letter-spacing, normal);
  --kite-typography-title-5-weight: var(--kite-typography-sm-title-5-weight, 500);
  --kite-typography-title-5-style: var(--kite-typography-sm-title-5-style, normal);
  --kite-typography-title-5-letter-spacing: var(--kite-typography-sm-title-5-letter-spacing, normal);
  --kite-typography-title-6-weight: var(--kite-typography-sm-title-6-weight, 500);
  --kite-typography-title-6-style: var(--kite-typography-sm-title-6-style, normal);
  --kite-typography-title-6-letter-spacing: var(--kite-typography-sm-title-6-letter-spacing, normal);
  --kite-typography-body-display-weight: var(--kite-typography-sm-body-display-weight, 400);
  --kite-typography-body-display-style: var(--kite-typography-sm-body-display-style, normal);
  --kite-typography-body-display-letter-spacing: var(--kite-typography-sm-body-display-letter-spacing, normal);
  --kite-typography-body-weight: var(--kite-typography-sm-body-weight, 400);
  --kite-typography-body-style: var(--kite-typography-sm-body-style, normal);
  --kite-typography-body-letter-spacing: var(--kite-typography-sm-body-letter-spacing, normal);
  --kite-typography-eyebrow-weight: var(--kite-typography-sm-eyebrow-weight, 700);
  --kite-typography-eyebrow-style: var(--kite-typography-sm-eyebrow-style, normal);
  --kite-typography-caption-1-weight: var(--kite-typography-sm-caption-1-weight, 400);
  --kite-typography-caption-1-style: var(--kite-typography-sm-caption-1-style, normal);
  --kite-typography-caption-1-letter-spacing: var(--kite-typography-sm-caption-1-letter-spacing, normal);
  --kite-typography-caption-2-weight: var(--kite-typography-sm-caption-2-weight, 400);
  --kite-typography-caption-2-style: var(--kite-typography-sm-caption-2-style, normal);
  --kite-typography-caption-2-letter-spacing: var(--kite-typography-sm-caption-2-letter-spacing, normal);
  --kite-typography-sm-display-letter-spacing: var(--kite-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-caption-size: var(--kite-typography-caption-1-size, 0.875rem); /** @deprecated: Replace with 'typography-caption-1-size' token */
  --kite-typography-caption-line-height: var(--kite-typography-caption-1-line-height, 1.429); /** @deprecated: Replace with 'typography-caption-1-line-height' token */
  --kite-typography-sm-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with 'typography-sm-caption-1-margin-bottom' token */
  --kite-typography-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with 'typography-lg-caption-1-margin-bottom' token */
  --kite-typography-rutledge-sm-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-6-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-sm-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-lg-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-6-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-lg-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xxs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xxs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xxs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-md-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-md-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-md-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-1-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-title-2-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-3-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-4-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xl-body-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xl-eyebrow-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-caption-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-text-color: var(--kite-color-text, #000000);
  --kite-accordion-border-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-style: var(--kite-border-style, solid);
  --kite-accordion-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-accordion-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-accordion-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-title-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-icon-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-top-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-bottom-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-top-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-padding-bottom-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-label-text-color: var(--kite-color-text, #000000);
  --kite-accordion-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-label-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-title-text-color: var(--kite-color-text, #000000);
  --kite-accordion-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-title-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-expanded-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-expanded-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-accordion-sm-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-top-sm" token */
  --kite-accordion-sm-padding-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-right-sm" token */
  --kite-accordion-sm-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-bottom-sm" token */
  --kite-accordion-sm-padding-left: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-left-sm" token */
  --kite-accordion-md-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-top-md" token */
  --kite-accordion-md-padding-right: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "accordion-padding-right-md" token */
  --kite-accordion-md-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-bottom-md" token */
  --kite-accordion-md-padding-left: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "accordion-padding-left-md" token */
  --kite-accordion-lg-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-top-lg" token */
  --kite-accordion-lg-padding-right: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "accordion-padding-right-lg" token */
  --kite-accordion-lg-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-bottom-lg" token */
  --kite-accordion-lg-padding-left: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "accordion-padding-left-lg" token */
  --kite-accordion-border-bottom-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "accordion-border-color" token */
  --kite-accordion-border-bottom-style: var(--kite-border-style, solid); /** @deprecated: Replace with "accordion-border-style" token */
  --kite-accordion-alert-label-text-color: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with "accordion-negative-label-text-color" token */
  --kite-accordion-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "accordion-disabled-icon-color" token */
  --kite-accordion-icon-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1)); /** @deprecated: Replace with 'accordion-icon-transition-timing-function' token */
  --kite-accordion-expanded-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1)); /** @deprecated: Replace with 'accordion-expanded-transition-timing-function' token */
  --kite-alert-border-style: var(--kite-border-style, solid);
  --kite-alert-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-alert-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-alert-text-color: var(--kite-color-text, #000000);
  --kite-alert-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-dismiss-icon-margin-left: var(--kite-spacing-md, 1rem);
  --kite-alert-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-link-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-text-color: var(--kite-color-primary, #0073d1);
  --kite-alert-link-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-icon-color: var(--kite-color-primary, #0073d1);
  --kite-alert-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-caution-status-icon-color: var(--kite-color-caution, #faa41a);
  --kite-alert-negative-border-left-color: var(--kite-color-negative, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-negative, #d6312b);
  --kite-alert-neutral-border-left-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-neutral-status-icon-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-positive-border-left-color: var(--kite-color-positive, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-positive, #008516);
  --kite-alert-global-status-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-global-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-status-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-alert-global-negative-dismiss-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-background-color: var(--kite-color-neutral, #5db8fc);
  --kite-alert-global-neutral-status-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-passive-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-breakpoint-lg-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-breakpoint-lg-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-alert-passive-entry-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-alert-passive-exit-transition-timing-function: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-alert-passive-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-passive-title-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-alert-passive-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-passive-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-alert-passive-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-alert-passive-dismiss-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-neutral-background-color: var(--kite-color-neutral-muted, #e8f8ff);
  --kite-alert-passive-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-alert-stacked-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-text-color" token */
  --kite-alert-page-border-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "alert-border-color" token */
  --kite-alert-page-border-color-dark: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "alert-border-color" token */
  --kite-alert-page-border-width: var(--kite-border-width-thin, 0.0625rem); /** @deprecated: Replace with "alert-border-width" token */
  --kite-alert-page-indicator-icon-margin-right: var(--kite-spacing-element-xs, 0.5rem); /** @deprecated: Replace with "alert-status-icon-margin-right" token */
  --kite-alert-page-link-text-color: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "alert-link-text-color" token */
  --kite-alert-page-link-text-color-dark: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "alert-link-text-color" token */
  --kite-alert-page-link-text-margin-top: var(--kite-spacing-element-xxs, 0.25rem); /** @deprecated: Replace with "alert-link-text-margin-top" token */
  --kite-alert-page-link-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "alert-link-icon-color" token */
  --kite-alert-page-link-icon-fill-dark: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "alert-link-icon-color" token */
  --kite-alert-page-margin-bottom: var(--kite-spacing-element-xxs, 0.25rem); /** Replace with "alert-link-margin-top" token */
  --kite-alert-page-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "alert-padding-top" token */
  --kite-alert-page-padding-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "alert-padding-right" token */
  --kite-alert-page-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "alert-padding-bottom" token */
  --kite-alert-page-padding-left: var(--kite-spacing-element-xs, 0.5rem); /** @deprecated: Replace with "alert-padding-left" token */
  --kite-alert-page-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-text-color" token */
  --kite-alert-page-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-text-color" token */
  --kite-alert-page-caution-border-left-color: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-border-left-color" token */
  --kite-alert-page-caution-border-left-color-dark: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-border-left-color" token */
  --kite-alert-page-caution-indicator-icon-fill: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-status-icon-color" token */
  --kite-alert-page-caution-indicator-icon-fill-dark: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-status-icon-color" token */
  --kite-alert-page-error-border-left-color: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-negative-border-left-color" token */
  --kite-alert-page-error-border-left-color-dark: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-negative-border-left-color" token */
  --kite-alert-page-error-indicator-icon-fill: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-negative-status-icon-color" token */
  --kite-alert-page-error-indicator-icon-fill-dark: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-negative-status-icon-color" token */
  --kite-alert-page-info-border-left-color: var(--kite-color-info, #5db8fc); /** @deprecated: Replace with "alert-neutral-border-left-color" token */
  --kite-alert-page-info-border-left-color-dark: var(--kite-color-info, #5db8fc); /** @deprecated: Replace with "alert-neutral-border-left-color" token */
  --kite-alert-page-info-indicator-icon-fill: var(--kite-color-info, #5db8fc); /** @deprecated: Replace with "alert-neutral-status-icon-color" token */
  --kite-alert-page-info-indicator-icon-fill-dark: var(--kite-color-info, #5db8fc); /** @deprecated: Replace with "alert-neutral-status-icon-color" token */
  --kite-alert-page-success-border-left-color: var(--kite-color-success, #008516); /** @deprecated: Replace with "alert-positive-border-left-color" token */
  --kite-alert-page-success-border-left-color-dark: var(--kite-color-success, #008516); /** @deprecated: Replace with "alert-positive-border-left-color" token */
  --kite-alert-page-success-indicator-icon-fill: var(--kite-color-success, #008516); /** @deprecated: Replace with "alert-positive-status-icon-color" token */
  --kite-alert-page-success-indicator-icon-fill-dark: var(--kite-color-success, #008516); /** @deprecated: Replace with "alert-positive-status-icon-color" token */
  --kite-alert-global-indicator-icon-margin-right: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "alert-global-status-icon-margin-right" token */
  --kite-alert-global-caution-background-color-dark: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-global-caution-background-color" token */
  --kite-alert-global-caution-link-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-caution-link-text-color" token */
  --kite-alert-global-caution-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-caution-text-color" token */
  --kite-alert-global-error-background-color: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-global-negative-background-color" token */
  --kite-alert-global-error-background-color-dark: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-global-negative-background-color" token */
  --kite-alert-global-info-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-neutral-text-color" token */
  --kite-alert-global-info-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-neutral-text-color" token */
  --kite-alert-global-info-background-color: var(--kite-color-info, #5db8fc); /** @deprecated: Replace with "alert-global-neutral-background-color" token */
  --kite-alert-global-info-background-color-dark: var(--kite-color-info, #5db8fc); /** @deprecated: Replace with "alert-global-neutral-background-color" token */
  --kite-alert-global-info-link-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-neutral-link-text-color" token */
  --kite-alert-global-info-link-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-neutral-link-text-color" token */
  --kite-alert-link-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "alert-link-icon-color" token */
  --kite-alert-caution-status-icon-fill: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-status-icon-color" token */
  --kite-alert-neutral-status-icon-fill: var(--kite-color-neutral, #5db8fc); /** @deprecated: Replace with "alert-neutral-status-icon-color" token */
  --kite-alert-global-caution-status-icon-fill: var(--kite-color-on-caution, #000000); /** @deprecated: Replace with "alert-global-caution-status-icon-color" token */
  --kite-alert-global-caution-link-icon-fill: var(--kite-color-on-caution, #000000); /** @deprecated: Replace with "alert-global-caution-link-icon-color" token */
  --kite-alert-global-negative-dismiss-icon-fill: var(--kite-color-on-negative, #ffffff); /** @deprecated: Replace with "alert-global-negative-dismiss-icon-color" token */
  --kite-alert-global-negative-status-icon-fill: var(--kite-color-on-negative, #ffffff); /** @deprecated: Replace with "alert-global-negative-status-icon-color" token */
  --kite-alert-global-negative-link-icon-fill: var(--kite-color-on-negative, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-icon-color" token */
  --kite-alert-global-neutral-status-icon-fill: var(--kite-color-on-neutral, #000000); /** @deprecated: Replace with "alert-global-neutral-status-icon-color" token */
  --kite-alert-global-neutral-link-icon-fill: var(--kite-color-on-neutral, #000000); /** @deprecated: Replace with "alert-global-neutral-link-icon-color" token */
  --kite-badge-border-radius: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-border-style: var(--kite-border-style, solid);
  --kite-badge-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-min-height: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-badge-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-badge-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-badge-tab-margin-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "badge-margin-right" token */
  --kite-badge-background-color-dark: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with "badge-background-color" token */
  --kite-blockquote-text-color: var(--kite-color-text, #000000);
  --kite-blockquote-border-left-color: var(--kite-color-primary, #0073d1);
  --kite-blockquote-border-left-style: var(--kite-border-style, solid);
  --kite-blockquote-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-right: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-left: var(--kite-spacing-md, 1rem);
  --kite-blockquote-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-blockquote-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-group-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-button-group-button-margin-right: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with 'button-group-item-margin-right' token */
  --kite-button-group-button-margin-bottom: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'button-group-item-margin-bottom' token */
  --kite-button-background-color: var(--kite-color-primary, #0073d1);
  --kite-button-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-text-size: var(--kite-typography-body-size, 1rem);
  --kite-button-border-style: var(--kite-border-style, solid);
  --kite-button-padding-right: var(--kite-spacing-md, 1rem);
  --kite-button-padding-left: var(--kite-spacing-md, 1rem);
  --kite-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-button-focus-background-color: var(--kite-color-primary-focus, #0062b2);
  --kite-button-focus-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-hover-background-color: var(--kite-color-primary-hover, #0062b2);
  --kite-button-hover-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-press-background-color: var(--kite-color-primary-press, #0062b2);
  --kite-button-press-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-button-destructive-background-color: var(--kite-color-negative, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-button-destructive-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-destructive-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-primary-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-border-color: var(--kite-button-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-primary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-primary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-primary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-text-color: var(--kite-color-primary, #0073d1);
  --kite-button-secondary-border-color: var(--kite-color-primary, #0073d1);
  --kite-button-secondary-focus-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-hover-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-press-background-color: var(--kite-color-focus, #0062b2);
  --kite-button-secondary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-destructive-border-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-secondary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-secondary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-secondary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-borderless-text-color: var(--kite-color-primary, #0073d1);
  --kite-button-borderless-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-text-color: var(--kite-color-primary-focus, #0062b2);
  --kite-button-borderless-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-text-color: var(--kite-color-primary-hover, #0062b2);
  --kite-button-borderless-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-text-color: var(--kite-color-primary-press, #0062b2);
  --kite-button-borderless-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-border-color: var(--kite-button-borderless-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-borderless-destructive-focus-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-icon-color: var(--kite-button-borderless-destructive-focus-text-color, #b00300);
  --kite-button-borderless-destructive-hover-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-icon-color: var(--kite-button-borderless-destructive-hover-text-color, #b00300);
  --kite-button-borderless-destructive-press-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-icon-color: var(--kite-button-borderless-destructive-press-text-color, #b00300);
  --kite-button-borderless-destructive-disabled-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-icon-only-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-only-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-fill: var(--kite-color-on-primary, #ffffff); /** @deprecated: Replace with 'button-icon-color' token */
  --kite-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'button-disabled-icon-color' token */
  --kite-button-secondary-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'button-secondary-icon-color' token */
  --kite-button-borderless-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'button-borderless-icon-color' token */
  --kite-button-borderless-focus-icon-fill: var(--kite-color-focus, #0062b2); /** @deprecated: Replace with 'button-borderless-focus-icon-color' token */
  --kite-calendar-background-color: var(--kite-container-background-color, #ffffff);
  --kite-calendar-text-color: var(--kite-color-text, #000000);
  --kite-calendar-border-color: var(--kite-border-color, #d8dde6);
  --kite-calendar-border-style: var(--kite-border-style, solid);
  --kite-calendar-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-right: var(--kite-spacing-md, 1rem);
  --kite-calendar-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-left: var(--kite-spacing-md, 1rem);
  --kite-calendar-controls-focus-text-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-controls-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-day-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-calendar-day-focus-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-invalid-focus-ring-color: var(--kite-color-negative, #d6312b);
  --kite-calendar-day-invalid-hover-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-calendar-day-invalid-selected-background-color: var(--kite-color-negative, #d6312b);
  --kite-calendar-day-invalid-selected-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-calendar-day-invalid-text-decoration-line: var(--kite-calendar-day-unavailable-text-decoration-line, line-through);
  --kite-calendar-day-selected-background-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-selected-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-day-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-calendar-day-today-text-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-today-indicator-background-color: var(--kite-color-primary, #0073d1);
  --kite-calendar-day-today-indicator-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-out-range-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-day-unavailable-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-error-feedback-icon-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-feedback-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-feedback-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-feedback-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-feedback-gap: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-month-year-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-month-year-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-standalone-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-card-background-color: var(--kite-container-background-color, #ffffff);
  --kite-card-text-color: var(--kite-color-text, #000000);
  --kite-card-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-top-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-bottom-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-top-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-bottom-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-card-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-card-sm-min-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "card-padding-top-sm" token */
  --kite-card-sm-min-padding-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "card-padding-right-sm" token */
  --kite-card-sm-min-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "card-padding-bottom-sm" token */
  --kite-card-sm-min-padding-left: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "card-padding-left-sm" token */
  --kite-card-sm-margin-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated */
  --kite-card-md-min-padding-top: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "card-padding-top-md" token */
  --kite-card-md-min-padding-right: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "card-padding-right-md" token */
  --kite-card-md-min-padding-bottom: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "card-padding-bottom-md" token */
  --kite-card-md-min-padding-left: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "card-padding-left-md" token */
  --kite-card-md-margin-bottom: var(--kite-spacing-md, 1rem); /** @deprecated */
  --kite-card-lg-min-padding-top: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "card-padding-top-lg" token */
  --kite-card-lg-min-padding-right: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "card-padding-right-lg" token */
  --kite-card-lg-min-padding-bottom: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "card-padding-bottom-lg" token */
  --kite-card-lg-min-padding-left: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "card-padding-left-lg" token */
  --kite-card-lg-margin-bottom: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated */
  --kite-checkbox-text-color: var(--kite-color-text, #000000);
  --kite-checkbox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-checkbox-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-checkbox-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-right: var(--kite-spacing-md, 1rem);
  --kite-checkbox-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-left: var(--kite-spacing-md, 1rem);
  --kite-checkbox-height: var(--kite-checkbox-width, 1.25rem);
  --kite-checkbox-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-checkbox-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-checkbox-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-checkbox-selected-background-color: var(--kite-color-primary, #0073d1);
  --kite-checkbox-selected-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-disabled-icon-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-checkbox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-checkbox-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-checkbox-error-feedback-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-checkbox-error-selected-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-checkbox-group-list-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-indeterminate-icon-height: var(--kite-checkbox-selected-icon-height, 1rem);
  --kite-checkbox-indeterminate-icon-width: var(--kite-checkbox-selected-icon-width, 1rem);
  --kite-checkbox-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "checkbox-disabled-icon-color" token */
  --kite-checkbox-selected-background-color-dark: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "checkbox-selected-background-color" token */
  --kite-checkbox-selected-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "checkbox-selected-disabled-icon-color" token */
  --kite-checkbox-indeterminate-background-color-dark: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "checkbox-indeterminate-background-color" token */
  --kite-checkbox-indeterminate-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "checkbox-indeterminate-disabled-icon-color" token */
  --kite-checkbox-group-margin-top: var(--kite-spacing-2xl, 2rem); /** @deprecated */
  --kite-checkbox-group-margin-bottom: var(--kite-spacing-2xl, 2rem); /** @deprecated */
  --kite-chip-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-text-size: var(--kite-typography-body-size, 1rem);
  --kite-chip-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-chip-border-radius: var(--kite-border-radius-pill, 624.9375rem);
  --kite-chip-border-style: var(--kite-border-style, solid);
  --kite-chip-margin-right: var(--kite-spacing-md, 1rem);
  --kite-chip-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-chip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-chip-min-height: var(--kite-chip-height, 2rem);
  --kite-chip-focus-ring-color: var(--kite-chip-border-color, #63738a);
  --kite-chip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-chip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-chip-hover-background-color: var(--kite-chip-focus-background-color, #d8dde6);
  --kite-chip-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-selected-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-chip-disabled-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-chip-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-border-color-dark: var(--kite-chip-text-color-dark, #b7cee5); /** @deprecated: Replace with "chip-border-color" token */
  --kite-chip-focus-ring-color-dark: var(--kite-chip-text-color-dark, #b7cee5); /** @deprecated: Replace with "chip-focus-ring-color" token */
  --kite-chip-selected-background-color-dark: var(--kite-chip-text-color-dark, #b7cee5); /** @deprecated: Replace with "chip-selected-background-color" token */
  --kite-chip-selected-text-color-dark: var(--kite-chip-text-color, #001221); /** @deprecated: Replace with "chip-selected-text-color" token */
  --kite-chip-selected-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "chip-selected-disabled-text-color" token */
  --kite-combobox-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-combobox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-combobox-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-combobox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-combobox-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-results-padding-top: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-picker-results-padding-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-combobox-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-combobox-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-data-table-background-color: var(--kite-color-background, #ffffff);
  --kite-data-table-text-color: var(--kite-color-text, #000000);
  --kite-data-table-border-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-border-style: var(--kite-border-style, solid);
  --kite-data-table-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-data-table-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-data-table-breakpoint-md-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-breakpoint-md-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-icon-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-compact-cell-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-comfortable-cell-padding-top: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-right: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-left: var(--kite-spacing-md, 1rem);
  --kite-data-table-menu-cell-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-menu-cell-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-icon-margin-left: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with "data-table-icon-padding-left" token */
  --kite-data-table-title-row-border-bottom-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "data-table-header-border-bottom-color" token */
  --kite-data-table-title-row-border-bottom-width: var(--kite-border-width-thin, 0.0625rem); /** @deprecated: Replace with "data-table-header-border-bottom-width" token */
  --kite-data-table-title-row-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "data-table-header-text-color" token */
  --kite-data-table-cell-compact-padding-top: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "data-table-compact-cell-padding-top" token */
  --kite-data-table-cell-compact-padding-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "data-table-compact-cell-padding-right" token */
  --kite-data-table-cell-compact-padding-bottom: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "data-table-compact-cell-padding-bottom" token */
  --kite-data-table-cell-compact-padding-left: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "data-table-compact-cell-padding-left" token */
  --kite-data-table-cell-default-padding-top: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "data-table-cell-padding-top" token */
  --kite-data-table-cell-default-padding-right: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "data-table-cell-padding-right" token */
  --kite-data-table-cell-default-padding-bottom: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "data-table-cell-padding-bottom" token */
  --kite-data-table-cell-default-padding-left: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "data-table-cell-padding-left" token */
  --kite-data-table-cell-comfortable-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "data-table-comfortable-cell-padding-top" token */
  --kite-data-table-cell-comfortable-padding-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "data-table-comfortable-cell-padding-right" token */
  --kite-data-table-cell-comfortable-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "data-table-comfortable-cell-padding-bottom" token */
  --kite-data-table-cell-comfortable-padding-left: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "data-table-comfortable-cell-padding-left" token */
  --kite-date-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-date-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-date-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-date-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-date-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-date-input-picker-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-picker-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-date-input-picker-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-date-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dialog-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dialog-text-color: var(--kite-color-text, #000000);
  --kite-dialog-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dialog-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dialog-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dialog-icon-color: var(--kite-color-text, #000000);
  --kite-dialog-breakpoint-md-title-text-weight: var(--kite-typography-lg-title-5-weight, 500);
  --kite-dialog-breakpoint-md-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-dialog-title-text-size: var(--kite-typography-title-5-size, 1.25rem);
  --kite-dialog-title-text-line-height: var(--kite-typography-title-5-line-height, 1.4);
  --kite-dialog-title-icon-height: var(--kite-dialog-icon-height, 1.5rem);
  --kite-dialog-title-icon-width: var(--kite-dialog-icon-width, 1.5rem);
  --kite-dialog-title-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dialog-content-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-group-margin-top: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-alert-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-alert-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-scrolled-border-top-color: var(--kite-border-color, #d8dde6);
  --kite-dialog-scrolled-border-top-style: var(--kite-border-style, solid);
  --kite-dialog-title-text-margin-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "dialog-title-margin-bottom" token */
  --kite-dialog-full-size-padding-top: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-padding-top" token */
  --kite-dialog-full-size-padding-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "dialog-padding-right" token */
  --kite-dialog-full-size-padding-bottom: var(--kite-spacing-lg, 1.25rem); /** @deprecated: Replace with "dialog-padding-bottom" token */
  --kite-dialog-full-size-padding-left: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "dialog-padding-left" token */
  --kite-dialog-default-size-padding-top: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-breakpoint-md-padding-top" token */
  --kite-dialog-default-size-padding-right: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-breakpoint-md-padding-right" token */
  --kite-dialog-default-size-padding-bottom: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-breakpoint-md-padding-bottom" token */
  --kite-dialog-default-size-padding-left: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-breakpoint-md-padding-left" token */
  --kite-dropdown-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-dropdown-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-dropdown-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-cursor: var(--kite-form-control-cursor, pointer);
  --kite-dropdown-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'dropdown-feedback-margin-top' token */
  --kite-dropdown-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dropdown-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-max-width: var(--kite-dropdown-max-width, 18rem);
  --kite-dropdown-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-dropdown-list-item-text-color: var(--kite-color-text, #000000);
  --kite-dropdown-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dropdown-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-dropdown-list-item-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-item-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dropdown-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-list-item-icon-color: var(--kite-color-primary, #0073d1);
  --kite-dropdown-list-item-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-dropdown-inline-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-dropdown-inline-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-inline-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-inline-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-inline-placeholder-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dropdown-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "dropdown-list-item-border-color" token */
  --kite-dropdown-list-offset-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "dropdown-placeholder-margin-right" token */
  --kite-dropdown-list-item-border-bottom-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "dropdown-list-item-border-color" token */
  --kite-dropdown-list-item-border-bottom-style: var(--kite-border-style, solid); /** @deprecated: Replace with "dropdown-list-item-border-style" token */
  --kite-dropdown-inline-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "dropdown-disabled-inline-text-color" token */
  --kite-dropdown-inline-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "dropdown-disabled-inline-icon-color" token */
  --kite-dynamic-hint-text-color: var(--kite-color-text, #000000);
  --kite-dynamic-hint-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dynamic-hint-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dynamic-hint-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dynamic-hint-arrow-offset: var(--kite-spacing-2xl, 2rem); /** distance to closest corner */
  --kite-dynamic-hint-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dynamic-hint-criteria-positive-icon-color: var(--kite-color-positive, #008516);
  --kite-dynamic-hint-criteria-negative-icon-color: var(--kite-color-negative, #d6312b);
  --kite-dynamic-hint-entry-transition-duration: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1)); /** @deprecated */
  --kite-dynamic-hint-exit-transition-duration: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1)); /** @deprecated */
  --kite-dynamic-hint-criteria-success-icon-fill: var(--kite-color-success, #008516); /** @deprecated: Replace with "dynamic-hint-criteria-positive-icon-color" token */
  --kite-dynamic-hint-criteria-error-icon-fill: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "dynamic-hint-criteria-negative-icon-color" token */
  --kite-interactive-list-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "list-text-color" token */
  --kite-interactive-list-border-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "list-border-color" token */
  --kite-interactive-list-border-style: var(--kite-border-style, solid); /** @deprecated: Replace with "list-border-style" token */
  --kite-interactive-list-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with "list-focus-ring-style" token */
  --kite-interactive-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with "list-focus-ring-width" token */
  --kite-interactive-list-item-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "list-item-text-color" token */
  --kite-interactive-list-item-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with "list-item-text-size" token */
  --kite-interactive-list-item-padding-top: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-top" token */
  --kite-interactive-list-item-padding-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "list-item-padding-right" token */
  --kite-interactive-list-item-padding-bottom: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-bottom" token */
  --kite-interactive-list-item-padding-left: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "list-item-padding-left" token */
  --kite-interactive-list-item-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with "list-item-focus-ring-style" token */
  --kite-interactive-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with "list-item-focus-ring-width" token */
  --kite-interactive-list-item-padding-right-sm: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-right-sm" token */
  --kite-interactive-list-item-padding-left-sm: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-left-sm" token */
  --kite-interactive-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with "list-item-padding-right-md" token */
  --kite-interactive-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with "list-item-padding-left-md" token */
  --kite-interactive-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem); /** @deprecated: Replace with "list-item-padding-right-lg" token */
  --kite-interactive-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem); /** @deprecated: Replace with "list-item-padding-left-lg" token */
  --kite-interactive-list-item-action-icon-height: var(--kite-interactive-list-item-icon-height, 1.5rem); /** @deprecated: Replace with "list-item-action-icon-height" token */
  --kite-interactive-list-item-action-icon-width: var(--kite-interactive-list-item-icon-width, 1.5rem); /** @deprecated: Replace with "list-item-action-icon-width" token */
  --kite-interactive-list-item-label-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with "list-item-label-text-size" token */
  --kite-interactive-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "list-item-label-margin-right" token */
  --kite-interactive-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem); /** @deprecated: Replace with "list-item-title-text-size" token */
  --kite-interactive-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "list-item-disabled-text-color" token */
  --kite-interactive-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with "list-item-negative-label-text-color" token */
  --kite-interactive-list-item-positive-label-text-color: var(--kite-color-positive, #008516); /** @deprecated: Replace with "list-item-positive-label-text-color" token */
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "list-item-neutral-label-text-color" token */
  --kite-interactive-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem); /** @deprecated: Replace with "list-item-multiline-title-text-size" token */
  --kite-interactive-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with "list-item-multiline-title-margin-bottom" token */
  --kite-interactive-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with "list-item-multiline-subtitle-text-size" token */
  --kite-interactive-list-start-margin-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "list-start-margin-right" token */
  --kite-interactive-list-end-margin-left: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "list-end-margin-left" token */
  --kite-interactive-list-item-danger-label-text-color: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with "list-item-negative-label-text-color" token */
  --kite-interactive-list-item-info-label-text-color: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "list-item-neutral-label-text-color" token */
  --kite-interactive-list-item-success-label-text-color: var(--kite-color-success, #008516); /** @deprecated: Replace with "list-item-positive-label-text-color" token */
  --kite-interactive-list-md-padding-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-right-sm" token */
  --kite-interactive-list-md-padding-left: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-left-sm" token */
  --kite-interactive-list-xl-padding-right: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with "list-item-padding-right-md" token */
  --kite-interactive-list-xl-padding-left: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with "list-item-padding-left-md" token */
  --kite-interactive-list-xxl-padding-right: var(--kite-spacing-2xl, 2rem); /** @deprecated: Replace with "list-item-padding-right-lg" token */
  --kite-interactive-list-xxl-padding-left: var(--kite-spacing-2xl, 2rem); /** @deprecated: Replace with "list-item-padding-left-lg" token */
  --kite-interactive-list-item-icon-margin: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-icon-margin-right" token */
  --kite-link-text-color: var(--kite-color-primary, #0073d1);
  --kite-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-link-hover-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-focus-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-press-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-icon-margin: var(--kite-spacing-2xs, 0.25rem);
  --kite-link-visited-text-color: var(--kite-link-hover-text-color, #003561);
  --kite-link-visited-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-standalone-text-decoration-offset: var(--kite-link-text-decoration-offset, 0.125rem);
  --kite-link-standalone-text-decoration-thickness: var(--kite-link-text-decoration-thickness, 0.125rem);
  --kite-link-standalone-hover-icon-color: var(--kite-link-hover-text-color, #003561);
  --kite-link-standalone-focus-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-press-icon-color: var(--kite-link-press-text-color, #002747);
  --kite-link-standalone-visited-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "link-standalone-icon-color" token */
  --kite-link-standalone-focus-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with "link-standalone-focus-icon-color" token */
  --kite-link-standalone-icon-height: var(--kite-link-icon-height, 0.875rem); /** @deprecated: Replace with 'link-icon-height' token */
  --kite-link-standalone-icon-width: var(--kite-link-icon-width, 0.875rem); /** @deprecated: Replace with 'link-icon-width' token */
  --kite-list-text-color: var(--kite-color-text, #000000);
  --kite-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-list-border-style: var(--kite-border-style, solid);
  --kite-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-caution-label-icon-color: var(--kite-color-caution, #faa41a);
  --kite-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-text-color: var(--kite-color-text, #000000);
  --kite-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-image-border-radius: var(--kite-list-image-border-radius, 0.25rem);
  --kite-list-item-image-max-width: var(--kite-list-image-max-width, 5rem);
  --kite-list-item-image-max-height: var(--kite-list-image-max-height, 5rem);
  --kite-list-item-label-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-list-item-title-text-line-height: var(--kite-typography-title-6-line-height, 1.333);
  --kite-list-item-title-body-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-title-body-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-list-item-payment-logo-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-width: var(--kite-payment-logo-width, 1.5rem);
  --kite-list-item-payment-logo-height: var(--kite-payment-logo-height, 1.5rem);
  --kite-list-item-payment-logo-shadow: var(--kite-payment-logo-elevation, none);
  --kite-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-list-item-expanded-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-list-item-expanded-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-list-item-neutral-label-text-color: var(--kite-color-primary, #0073d1);
  --kite-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-multiline-subtitle-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-muted-label-icon-color: var(--kite-list-item-muted-label-text-color, #63738a);
  --kite-list-start-margin-right: var(--kite-spacing-element-xs, 0.5rem); /** @deprecated: Replace with 'list-item-slot-start-margin-right' token */
  --kite-list-end-margin-left: var(--kite-spacing-element-xs, 0.5rem); /** @deprecated: Replace with 'list-item-slot-end-margin-left' token */
  --kite-menu-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-menu-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-border-style: var(--kite-border-style, solid);
  --kite-menu-list-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-list-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-menu-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-menu-list-item-text-color: var(--kite-color-text, #000000);
  --kite-menu-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-list-item-border-style: var(--kite-border-style, solid);
  --kite-menu-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-padding-left: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-menu-trigger-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-trigger-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-trigger-activated-background-color: var(--kite-color-primary, #0073d1);
  --kite-menu-trigger-activated-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-menu-trigger-icon-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-contextual-label-trigger-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-contextual-label-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-contextual-label-trigger-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "menu-list-item-border-color" token */
  --kite-menu-list-offset-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "menu-list-margin-right" token */
  --kite-menu-list-item-border-bottom-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "menu-list-item-border-color" token */
  --kite-menu-list-item-border-bottom-style: var(--kite-border-style, solid); /** @deprecated: Replace with "menu-list-item-border-style" token */
  --kite-meter-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-label-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-fill-color: var(--kite-color-neutral, #5db8fc);
  --kite-meter-tick-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-value-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-meter-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-meter-caution-fill-color: var(--kite-color-caution, #faa41a);
  --kite-meter-sm-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-sm-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-lg-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-lg-status-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-lg-status-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-track-color: var(--kite-meter-track-color, #d8dde6);
  --kite-meter-circular-track-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-circular-tick-color: var(--kite-meter-tick-color, #000000);
  --kite-meter-circular-tick-width: var(--kite-meter-tick-width, 0.25rem);
  --kite-meter-circular-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-sm-height: var(--kite-meter-circular-sm-width, 1.5rem);
  --kite-meter-circular-sm-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-sm-icon-width: var(--kite-meter-sm-icon-width, 0.75rem);
  --kite-meter-circular-sm-icon-height: var(--kite-meter-sm-icon-height, 0.75rem);
  --kite-meter-circular-lg-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-circular-lg-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-circular-lg-value-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-lg-icon-width: var(--kite-meter-lg-icon-width, 1rem);
  --kite-meter-circular-lg-icon-height: var(--kite-meter-lg-icon-height, 1rem);
  --kite-meter-circular-lg-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-positive-progress-fill-background-color: var(--kite-color-positive, #008516); /** @deprecated: Replace with 'meter-positive-fill-color' token */
  --kite-meter-caution-progress-fill-background-color: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with 'meter-caution-fill-color' token */
  --kite-meter-alert-progress-fill-background-color: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with 'meter-negative-fill-color' token */
  --kite-meter-success-progress-fill-background-color: var(--kite-color-positive, #008516); /** @deprecated: Replace with 'meter-positive-fill-color' token */
  --kite-meter-positive-status-icon-fill: var(--kite-color-positive, #008516); /** @deprecated: Replace with 'meter-positive-icon-color' token */
  --kite-meter-caution-status-icon-fill: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with 'meter-caution-icon-color' token */
  --kite-meter-alert-status-icon-fill: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with 'meter-negative-icon-color' token */
  --kite-meter-linear-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'meter-track-margin-bottom' token */
  --kite-meter-linear-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with 'meter-label-text-margin-bottom' token */
  --kite-meter-circular-small-track-margin-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with 'meter-circular-sm-track-margin-right' token */
  --kite-meter-circular-large-status-icon-margin: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with 'meter-circular-lg-icon-margin' token */
  --kite-meter-circular-large-value-label-text-margin-bottom: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'meter-circular-lg-value-label-margin-bottom' token */
  --kite-pagination-controls-background-color: var(--kite-container-background-color, #ffffff);
  --kite-pagination-controls-border-color: var(--kite-border-color, #d8dde6);
  --kite-pagination-controls-border-style: var(--kite-border-style, solid);
  --kite-pagination-controls-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-controls-margin-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-text-size: var(--kite-typography-body-size, 1rem);
  --kite-pagination-controls-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-pagination-controls-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-pagination-controls-button-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-controls-button-icon-color: var(--kite-color-primary, #0073d1);
  --kite-pagination-page-select-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-select-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-current-label-text-weight: var(--kite-pagination-dropdown-placeholder-text-weight, 700);
  --kite-pagination-dropdown-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-pagination-count-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-size-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-size-label-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-top: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'pagination-page-select-padding-top' token */
  --kite-pagination-controls-padding-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'pagination-page-select-padding-right' token */
  --kite-pagination-controls-padding-bottom: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'pagination-page-select-padding-bottom' token */
  --kite-pagination-controls-padding-left: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'pagination-page-select-padding-left' token */
  --kite-pagination-controls-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'pagination-controls-button-disabled-icon-color' token */
  --kite-pagination-per-page-label-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with 'pagination-page-size-label-text-color' token */
  --kite-pagination-per-page-label-margin-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with 'pagination-page-size-label-margin-right' token */
  --kite-pagination-item-count-label-margin-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'pagination-count-margin-right' token */
  --kite-payment-logo-background-color: var(--kite-container-background-color, #ffffff);
  --kite-payment-logo-text-color: var(--kite-color-text, #000000);
  --kite-payment-logo-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-payment-logo-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-text-color: var(--kite-color-text, #000000);
  --kite-popover-text-size: var(--kite-typography-body-size, 1rem);
  --kite-popover-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-arrow-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-popover-arrow-offset: var(--kite-spacing-md, 1rem);
  --kite-popover-trigger-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-popover-trigger-icon-color: var(--kite-color-primary, #0073d1);
  --kite-popover-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-popover-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-trigger-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-popover-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-link-margin-top: var(--kite-spacing-sm, 0.75rem);
  --kite-popover-dismiss-icon-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'popover-trigger-icon-color' token */
  --kite-popover-trigger-active-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'popover-trigger-expanded-icon-color' token */
  --kite-popover-trigger-focus-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'popover-trigger-focus-icon-color' token */
  --kite-popover-trigger-hover-icon-fill: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'popover-trigger-hover-icon-color' token */
  --kite-progress-indicator-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-progress-indicator-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-progress-indicator-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-label-text-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-fill-color: var(--kite-color-primary, #0073d1);
  --kite-progress-indicator-backdrop-background-color: var(--kite-color-background, #ffffff);
  --kite-progress-indicator-value-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-icon-height: var(--kite-progress-indicator-icon-width, 1.25rem);
  --kite-progress-indicator-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-progress-indicator-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-progress-indicator-button-margin-top: var(--kite-spacing-md, 1rem);
  --kite-progress-indicator-circular-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-circular-label-text-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-sm-height: var(--kite-progress-indicator-circular-sm-width, 1.5rem);
  --kite-progress-indicator-lg-status-text-color: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'progress-indicator-value-label-color' token */
  --kite-progress-indicator-lg-status-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with 'progress-indicator-value-label-size' token */
  --kite-progress-indicator-lg-label-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with 'progress-indicator-label-text-color' token */
  --kite-progress-indicator-lg-label-text-size: var(--kite-typography-body-display-size, 1.25rem); /** @deprecated: Replace with 'progress-indicator-circular-label-text-size' token */
  --kite-progress-indicator-lg-sub-label-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with 'progress-indicator-secondary-label-size' token */
  --kite-radio-text-color: var(--kite-color-text, #000000);
  --kite-radio-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-radio-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-radio-width: var(--kite-radio-height, 1.25rem);
  --kite-radio-selected-border-color: var(--kite-color-primary, #0073d1);
  --kite-radio-selected-focus-ring-width: var(--kite-radio-focus-ring-width, 0.25rem);
  --kite-radio-selected-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-radio-selected-indicator-width: var(--kite-radio-selected-indicator-height, 0.75rem);
  --kite-radio-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-radio-cursor: var(--kite-form-control-cursor, pointer);
  --kite-radio-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-radio-group-legend-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-group-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-radio-selected-disabled-center-background-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'radio-selected-disabled-indicator-background-color' token */
  --kite-search-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-search-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-search-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-search-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-search-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-search-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-search-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-select-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-select-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-select-cursor: var(--kite-form-control-cursor, pointer);
  --kite-select-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-select-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'select-feedback-margin-top' token */
  --kite-skip-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-skip-link-border-style: var(--kite-border-style, solid);
  --kite-skip-link-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-skip-link-padding-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-right: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-left: var(--kite-spacing-md, 1rem);
  --kite-skip-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-skip-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-skip-link-stacked-margin-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-spacing-stack: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'skip-link-stacked-margin-top' token */
  --kite-switch-text-color: var(--kite-color-text, #000000);
  --kite-switch-focus-ring-color: var(--kite-switch-track-background-color, #63738a);
  --kite-switch-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-switch-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-switch-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-switch-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-switch-thumb-width: var(--kite-switch-thumb-height, 1.25rem);
  --kite-switch-label-text-color: var(--kite-color-text, #000000);
  --kite-switch-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-switch-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-switch-label-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-switch-on-track-background-color: var(--kite-color-primary, #0073d1);
  --kite-switch-on-thumb-background-color: var(--kite-color-on-primary, #ffffff);
  --kite-switch-on-track-background-color-dark: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'switch-on-track-background-color' token */
  --kite-switch-disabled-label-text-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'switch-disabled-label-text-color' token */
  --kite-switch-disabled-track-background-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'switch-disabled-track-background-color' token */
  --kite-switch-group-margin-top: var(--kite-spacing-2xl, 2rem); /** @deprecated */
  --kite-switch-group-margin-bottom: var(--kite-spacing-2xl, 2rem); /** @deprecated */
  --kite-switch-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1)); /** @deprecated: Replace with 'switch-transition-timing-function' token */
  --kite-tabs-text-color: var(--kite-color-text, #000000);
  --kite-tabs-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tabs-tab-text-color: var(--kite-color-text, #000000);
  --kite-tabs-tab-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-tab-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-tabs-tab-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-tab-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-tab-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-tab-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-tab-selected-text-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-tab-selected-border-bottom-color: var(--kite-color-primary, #0073d1);
  --kite-tabs-tab-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-panel-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-panel-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-panel-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-item-border-bottom-style: var(--kite-border-style, solid); /** @deprecated: Replace with 'tabs-tab-border-bottom-style' token */
  --kite-tabs-item-border-bottom-width: var(--kite-border-width-thick, 0.125rem); /** @deprecated: Replace with 'tabs-tab-border-bottom-width' token */
  --kite-tabs-item-min-padding-top: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'tabs-tab-padding-top' token */
  --kite-tabs-item-min-padding-right: var(--kite-spacing-lg, 1.25rem); /** @deprecated: Replace with 'tabs-tab-padding-right' token */
  --kite-tabs-item-min-padding-bottom: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'tabs-tab-padding-bottom' token */
  --kite-tabs-item-min-padding-left: var(--kite-spacing-lg, 1.25rem); /** @deprecated: Replace with 'tabs-tab-padding-left' token */
  --kite-tabs-item-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with 'tabs-tab-text-color' token */
  --kite-tabs-item-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with 'tabs-tab-text-size' token */
  --kite-tabs-item-active-text-color: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'tabs-tab-selected-text-color' token */
  --kite-tabs-item-active-border-bottom-color: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'tabs-tab-selected-border-bottom-color' token */
  --kite-tabs-item-active-border-bottom-color-dark: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'tabs-tab-selected-border-bottom-color' token */
  --kite-tabs-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'tabs-tab-disabled-text-color' token */
  --kite-tabs-item-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with 'tabs-tab-focus-ring-style' token */
  --kite-tabs-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with 'tabs-tab-focus-ring-width' token */
  --kite-tabs-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1)); /** @deprecated: Replace with 'tabs-transition-timing-function' token */
  --kite-tag-group-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-tag-text-color: var(--kite-color-text, #000000);
  --kite-tag-border-style: var(--kite-border-style, solid);
  --kite-tag-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tag-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tag-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-tag-caution-border-color: var(--kite-color-caution, #faa41a);
  --kite-tag-caution-icon-color: var(--kite-tag-caution-text-color, #000000);
  --kite-tag-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-tag-negative-border-color: var(--kite-color-negative, #d6312b);
  --kite-tag-neutral-background-color: var(--kite-color-neutral-muted, #e8f8ff);
  --kite-tag-neutral-border-color: var(--kite-color-neutral, #5db8fc);
  --kite-tag-neutral-icon-color: var(--kite-tag-neutral-text-color, #000000);
  --kite-tag-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-tag-positive-border-color: var(--kite-color-positive, #008516);
  --kite-tag-positive-icon-color: var(--kite-tag-positive-text-color, #000000);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-text-color, #000000);
  --kite-tag-solid-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-tag-solid-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-tag-solid-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-tag-solid-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-tag-solid-neutral-background-color: var(--kite-color-neutral, #5db8fc);
  --kite-tag-solid-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-tag-solid-positive-background-color: var(--kite-color-positive, #008516);
  --kite-tag-solid-positive-text-color: var(--kite-color-on-positive, #ffffff);
  --kite-text-area-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-area-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-area-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-area-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-area-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-area-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-area-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-area-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-area-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-area-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-area-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-area-border-color-dark: var(--kite-form-control-border-color, #63738a); /** @deprecated: Replace with 'text-area-border-color' token */
  --kite-text-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-text-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-text-input-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-input-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-input-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-input-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-input-secure-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-secure-confirm-icon-color: var(--kite-color-positive, #008516);
  --kite-text-input-border-color-dark: var(--kite-form-control-border-color, #63738a); /** @deprecated: Replace with 'text-input-border-color' token */
  --kite-text-input-secure-confirm-icon-color-dark: var(--kite-color-success, #008516); /** @deprecated: Replace with 'text-input-secure-confirm-icon-color' token */
  --kite-text-input-secure-show-icon-color: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'text-input-secure-icon-color' token */
  --kite-text-input-secure-show-icon-color-dark: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'text-input-secure-icon-color' token */
  --kite-text-input-secure-show-icon-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with 'text-input-secure-icon-focus-ring-style' token */
  --kite-text-input-secure-show-icon-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with 'text-input-secure-icon-focus-ring-width' token */
  --kite-text-input-secure-hide-icon-color: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'text-input-secure-visible-icon-color' token */
  --kite-text-input-secure-hide-icon-color-dark: var(--kite-color-primary, #0073d1); /** @deprecated: Replace with 'text-input-secure-visible-icon-color' token */
  --kite-time-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-time-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-time-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-time-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-time-input-icon-size: var(--kite-spacing-xl, 1.5rem);
  --kite-time-input-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-time-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-time-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-toast-text-size: var(--kite-typography-body-size, 1rem);
  --kite-toast-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-toast-border-style: var(--kite-border-style, solid);
  --kite-toast-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-toast-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-toast-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-toast-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-toast-offset: var(--kite-spacing-2xl, 2rem);
  --kite-toast-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-toast-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-tooltip-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-tooltip-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-tooltip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-right: var(--kite-spacing-md, 1rem);
  --kite-tooltip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-left: var(--kite-spacing-md, 1rem);
  --kite-tooltip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tooltip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tooltip-arrow-background-color: var(--kite-tooltip-background-color, #001221);
  --kite-tooltip-entry-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-exit-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-duration: var(--kite-motion-fast, 750ms); /** @deprecated: Replace with 'tooltip-entry-transition-duration' token */
  --kite-tooltip-entrance-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1)); /** @deprecated: Replace with 'tooltip-entry-transition-timing-function' token */
  --kite-tooltip-entry-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1)); /** @deprecated: Replace with 'tooltip-entry-transition-timing-function' token */
  --kite-tooltip-exit-transition-curve: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1)); /** @deprecated: Replace with 'tooltip-exit-transition-timing-function' token */
  --kite-border-radius: var(--kite-border-radius-sm, 0.125rem); /** Default border radius used for most UI elements */
  --kite-container-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-my-component-icon-color: var(--kite-my-component-text-color, #000000);
  --kite-form-control-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-focus-border-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-form-control-picker-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-form-control-picker-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-picker-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-form-control-picker-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-form-control-picker-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-form-control-picker-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-form-control-picker-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-form-control-picker-list-item-border-style: var(--kite-form-control-picker-border-style, solid);
  --kite-form-control-picker-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-form-control-picker-list-item-negative-icon-color: var(--kite-form-control-picker-list-item-negative-text-color, #d6312b);
  --kite-form-control-input-focus-ring-color: var(--kite-focus-ring-color, #0062b2); /** @deprecated: Replace with "form-control-focus-ring-color" token */
  --kite-form-spacing-stack: var(--kite-form-spacing-stack-xl, 1.5rem); /** Vertical spacing to use between form fields and groups */
  --kite-typography-display-letter-spacing: var(--kite-typography-sm-display-letter-spacing, normal);
  --kite-typography-display-margin-bottom: var(--kite-typography-sm-display-margin-bottom, 1rem);
  --kite-typography-title-1-margin-bottom: var(--kite-typography-sm-title-1-margin-bottom, 0.75rem);
  --kite-typography-title-2-margin-bottom: var(--kite-typography-sm-title-2-margin-bottom, 0.5rem);
  --kite-typography-title-3-margin-bottom: var(--kite-typography-sm-title-3-margin-bottom, 0.5rem);
  --kite-typography-title-4-margin-bottom: var(--kite-typography-sm-title-4-margin-bottom, 0.5rem);
  --kite-typography-title-5-margin-bottom: var(--kite-typography-sm-title-5-margin-bottom, 0.25rem);
  --kite-typography-title-6-margin-bottom: var(--kite-typography-sm-title-6-margin-bottom, 0.25rem);
  --kite-typography-body-display-margin-bottom: var(--kite-typography-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-body-margin-bottom: var(--kite-typography-sm-body-margin-bottom, 1rem);
  --kite-typography-eyebrow-letter-spacing: var(--kite-typography-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-eyebrow-margin-bottom: var(--kite-typography-sm-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-caption-1-margin-bottom: var(--kite-typography-sm-caption-1-margin-bottom, 0.75rem);
  --kite-typography-caption-2-margin-bottom: var(--kite-typography-sm-caption-2-margin-bottom, 0.75rem);
  --kite-typography-caption-weight: var(--kite-typography-caption-1-weight, 400); /** @deprecated: Replace with 'typography-caption-1-weight' token */
  --kite-typography-caption-style: var(--kite-typography-caption-1-style, normal); /** @deprecated: Replace with 'typography-caption-1-style' token */
  --kite-typography-caption-letter-spacing: var(--kite-typography-caption-1-letter-spacing, normal); /** @deprecated: Replace with 'typography-caption-1-letter-spacing' token */
  --kite-accordion-border-width: var(--kite-border-width, 0.0625rem);
  --kite-accordion-padding-top: var(--kite-accordion-padding-top-sm, 1rem);
  --kite-accordion-padding-right: var(--kite-accordion-padding-right-sm, 1rem);
  --kite-accordion-padding-bottom: var(--kite-accordion-padding-bottom-sm, 1rem);
  --kite-accordion-padding-left: var(--kite-accordion-padding-left-sm, 1rem);
  --kite-accordion-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-accordion-icon-color: var(--kite-accordion-title-text-color, #000000);
  --kite-accordion-icon-transition-timing-function: var(--kite-accordion-icon-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-accordion-expanded-transition-timing-function: var(--kite-accordion-expanded-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-border-bottom-width: var(--kite-border-width, 0.0625rem); /** @deprecated: Replace with "accordion-border-width" token */
  --kite-alert-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-alert-border-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-text-weight: var(--kite-typography-body-weight, 400);
  --kite-alert-dismiss-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-link-text-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-title-letter-spacing: var(--kite-typography-body-letter-spacing, normal);
  --kite-alert-passive-caution-status-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-page-border-radius: var(--kite-border-radius-md, 0.25rem); /** @deprecated: Replace with "alert-border-radius" token */
  --kite-badge-border-width: var(--kite-border-width, 0.0625rem);
  --kite-badge-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-blockquote-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-group-item-margin-right: var(--kite-button-group-button-margin-right, 1.5rem);
  --kite-button-group-item-margin-bottom: var(--kite-button-group-button-margin-bottom, 1rem);
  --kite-button-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-button-border-width: var(--kite-border-width, 0.0625rem);
  --kite-button-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-focus-ring-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-button-focus-icon-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-hover-icon-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-press-icon-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-disabled-icon-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-icon-color: var(--kite-button-text-color, #ffffff);
  --kite-button-destructive-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-button-destructive-icon-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-background-color: var(--kite-button-background-color, #0073d1);
  --kite-button-primary-border-style: var(--kite-button-border-style, solid);
  --kite-button-primary-text-color: var(--kite-button-text-color, #ffffff);
  --kite-button-primary-press-background-color: var(--kite-button-press-background-color, #0062b2);
  --kite-button-primary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-primary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-background-color: var(--kite-button-focus-background-color, #0062b2);
  --kite-button-primary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-primary-hover-background-color: var(--kite-button-hover-background-color, #0062b2);
  --kite-button-primary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-primary-destructive-background-color: var(--kite-button-destructive-background-color, #d6312b);
  --kite-button-primary-destructive-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-background-color: var(--kite-button-destructive-disabled-background-color, #d8dde6);
  --kite-button-primary-destructive-disabled-border-color: var(--kite-button-destructive-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-icon-color: var(--kite-button-secondary-text-color, #0073d1);
  --kite-button-secondary-border-style: var(--kite-button-border-style, solid);
  --kite-button-secondary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-secondary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-secondary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-icon-color: var(--kite-button-secondary-destructive-text-color, #d6312b);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-style: var(--kite-button-border-style, solid);
  --kite-button-borderless-icon-color: var(--kite-button-borderless-text-color, #0073d1);
  --kite-button-borderless-focus-icon-color: var(--kite-button-borderless-focus-text-color, #0062b2);
  --kite-button-borderless-hover-icon-color: var(--kite-button-borderless-hover-text-color, #0062b2);
  --kite-button-borderless-press-icon-color: var(--kite-button-borderless-press-text-color, #0062b2);
  --kite-button-borderless-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-icon-color: var(--kite-button-borderless-destructive-text-color, #d6312b);
  --kite-button-borderless-destructive-focus-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-calendar-border-width: var(--kite-border-width, 0.0625rem);
  --kite-calendar-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-calendar-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-calendar-controls-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-invalid-text-decoration-thickness: var(--kite-calendar-day-unavailable-text-decoration-thickness, 0.125rem);
  --kite-calendar-day-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-due-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-calendar-day-out-month-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-out-range-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-calendar-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-calendar-error-feedback-icon-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-calendar-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-calendar-standalone-background-color: var(--kite-card-background-color, #ffffff);
  --kite-card-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-card-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-card-border-style: var(--kite-container-border-style, solid);
  --kite-card-padding-top: var(--kite-card-padding-top-sm, 1rem);
  --kite-card-padding-right: var(--kite-card-padding-right-sm, 1rem);
  --kite-card-padding-bottom: var(--kite-card-padding-bottom-sm, 1rem);
  --kite-card-padding-left: var(--kite-card-padding-left-sm, 1rem);
  --kite-card-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-checkbox-border-style: var(--kite-form-control-border-style, solid);
  --kite-checkbox-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-checkbox-focus-ring-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-checkbox-selected-disabled-icon-color: var(--kite-checkbox-disabled-icon-color, #d8dde6);
  --kite-checkbox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-checkbox-disabled-label-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-checkbox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-checkbox-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-checkbox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-checkbox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-checkbox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-checkbox-group-checkbox-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-checkbox-indeterminate-background-color: var(--kite-checkbox-selected-background-color, #0073d1);
  --kite-checkbox-indeterminate-icon-color: var(--kite-checkbox-selected-icon-color, #ffffff);
  --kite-checkbox-indeterminate-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color, #9ba9bd);
  --kite-chip-border-width: var(--kite-border-width, 0.0625rem);
  --kite-chip-selected-padding-top: var(--kite-chip-padding-top, 0.25rem);
  --kite-chip-selected-padding-bottom: var(--kite-chip-padding-bottom, 0.25rem);
  --kite-combobox-text-color: var(--kite-form-control-text-color, #000000);
  --kite-combobox-border-style: var(--kite-form-control-border-style, solid);
  --kite-combobox-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-combobox-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-combobox-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-combobox-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-combobox-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-combobox-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-combobox-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-combobox-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-combobox-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-combobox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-combobox-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-combobox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-combobox-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-combobox-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-combobox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-combobox-picker-offset-y: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-combobox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-combobox-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-combobox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-data-table-border-width: var(--kite-border-width, 0.0625rem);
  --kite-data-table-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-data-table-header-text-color: var(--kite-data-table-text-color, #000000);
  --kite-data-table-header-border-bottom-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-header-border-bottom-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-cell-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-padding-top: var(--kite-data-table-padding-top, 0.75rem);
  --kite-data-table-cell-padding-right: var(--kite-data-table-padding-right, 0.75rem);
  --kite-data-table-cell-padding-bottom: var(--kite-data-table-padding-bottom, 0.75rem);
  --kite-data-table-cell-padding-left: var(--kite-data-table-padding-left, 0.75rem);
  --kite-data-table-cell-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-cell-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-data-table-row-background-color: var(--kite-data-table-background-color, #ffffff);
  --kite-data-table-row-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-row-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-row-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-row-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-date-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-date-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-date-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-date-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-date-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-date-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-date-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-date-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-date-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-date-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-date-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-date-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-date-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-date-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-date-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-date-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-date-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-date-input-picker-offset: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-date-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-date-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-date-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-date-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-date-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dialog-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-dialog-border-style: var(--kite-container-border-style, solid);
  --kite-dialog-padding-top: var(--kite-dialog-full-size-padding-top, 3rem);
  --kite-dialog-padding-right: var(--kite-dialog-full-size-padding-right, 1rem);
  --kite-dialog-padding-bottom: var(--kite-dialog-full-size-padding-bottom, 1.25rem);
  --kite-dialog-padding-left: var(--kite-dialog-full-size-padding-left, 1rem);
  --kite-dialog-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dialog-breakpoint-md-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dialog-title-text-weight: var(--kite-typography-title-5-weight, 500);
  --kite-dialog-dismiss-icon-color: var(--kite-dialog-icon-color, #000000);
  --kite-dialog-scrolled-border-top-width: var(--kite-border-width, 0.0625rem);
  --kite-dialog-default-size-border-radius: var(--kite-border-radius-md, 0.25rem); /** @deprecated: Replace with "dialog-breakpoint-md-border-radius" token */
  --kite-dropdown-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-dropdown-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-dropdown-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-dropdown-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-dropdown-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-dropdown-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-dropdown-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-dropdown-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-dropdown-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-dropdown-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-dropdown-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-dropdown-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-dropdown-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-dropdown-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-dropdown-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-dropdown-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-dropdown-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dropdown-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-dropdown-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-dropdown-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dropdown-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-dropdown-inline-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-inline-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-inline-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dropdown-inline-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem); /** @deprecated: Replace with "dropdown-list-item-border-width" token */
  --kite-dynamic-hint-background-color: var(--kite-card-background-color, #ffffff);
  --kite-dynamic-hint-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-dynamic-hint-criteria-text-size: var(--kite-dynamic-hint-text-size, 1rem);
  --kite-dynamic-hint-criteria-text-color: var(--kite-dynamic-hint-text-color, #000000);
  --kite-interactive-list-border-width: var(--kite-border-width, 0.0625rem); /** @deprecated: Replace with "list-border-width" token */
  --kite-interactive-list-focus-ring-color: var(--kite-focus-ring-color, #0062b2); /** @deprecated: Replace with "list-focus-ring-color" token */
  --kite-interactive-list-item-border-color: var(--kite-interactive-list-border-color, #d8dde6); /** @deprecated: Replace with "list-item-border-color" token */
  --kite-interactive-list-item-border-style: var(--kite-interactive-list-border-style, solid); /** @deprecated: Replace with "list-item-border-style" token */
  --kite-interactive-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2); /** @deprecated: Replace with "list-item-focus-ring-color" token */
  --kite-interactive-list-item-padding-top-sm: var(--kite-interactive-list-item-padding-top, 1rem); /** @deprecated: Replace with "list-item-padding-top-sm" token */
  --kite-interactive-list-item-padding-bottom-sm: var(--kite-interactive-list-item-padding-bottom, 1rem); /** @deprecated: Replace with "list-item-padding-bottom-sm" token */
  --kite-interactive-list-item-padding-top-md: var(--kite-interactive-list-item-padding-top, 1rem); /** @deprecated: Replace with "list-item-padding-top-md" token */
  --kite-interactive-list-item-padding-bottom-md: var(--kite-interactive-list-item-padding-bottom, 1rem); /** @deprecated: Replace with "list-item-padding-bottom-md" token */
  --kite-interactive-list-item-padding-top-lg: var(--kite-interactive-list-item-padding-top, 1rem); /** @deprecated: Replace with "list-item-padding-top-lg" token */
  --kite-interactive-list-item-padding-bottom-lg: var(--kite-interactive-list-item-padding-bottom, 1rem); /** @deprecated: Replace with "list-item-padding-bottom-lg" token */
  --kite-interactive-list-item-icon-color: var(--kite-interactive-list-item-text-color, #000000); /** @deprecated: Replace with "list-item-icon-color" token */
  --kite-interactive-list-item-label-text-color: var(--kite-interactive-list-item-text-color, #000000); /** @deprecated: Replace with "list-item-label-text-color" token */
  --kite-interactive-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500); /** @deprecated: Replace with "list-item-title-text-weight" token */
  --kite-interactive-list-item-disabled-icon-color: var(--kite-interactive-list-item-disabled-text-color, #9ba9bd); /** @deprecated: Replace with "list-item-disabled-icon-color" token */
  --kite-interactive-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500); /** @deprecated: Replace with "list-item-breakpoint-md-title-text-weight" token */
  --kite-link-text-weight: var(--kite-typography-body-weight, 400);
  --kite-link-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-link-focus-text-color: var(--kite-link-text-color, #0073d1);
  --kite-link-icon-color: var(--kite-link-text-color, #0073d1);
  --kite-link-standalone-visited-icon-color: var(--kite-link-visited-text-color, #003561);
  --kite-link-standalone-icon-margin-left: var(--kite-link-icon-margin, 0.25rem); /** @deprecated: Replace with 'link-icon-margin' token */
  --kite-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-list-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-list-item-border-color: var(--kite-list-border-color, #d8dde6);
  --kite-list-item-border-style: var(--kite-list-border-style, solid);
  --kite-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-list-item-padding-top-sm: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-sm: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-md: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-md: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-lg: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-lg: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-slot-start-margin-right: var(--kite-list-start-margin-right, 0.5rem);
  --kite-list-item-slot-end-margin-left: var(--kite-list-end-margin-left, 0.5rem);
  --kite-list-item-icon-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-label-text-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-list-item-disabled-icon-color: var(--kite-list-item-disabled-text-color, #9ba9bd);
  --kite-list-item-negative-label-icon-color: var(--kite-list-item-negative-label-text-color, #d6312b);
  --kite-list-item-neutral-label-icon-color: var(--kite-list-item-neutral-label-text-color, #0073d1);
  --kite-list-item-positive-label-icon-color: var(--kite-list-item-positive-label-text-color, #008516);
  --kite-list-item-expandable-content-padding-right: var(--kite-list-item-padding-right, 0.5rem);
  --kite-list-item-expandable-content-padding-bottom: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-expandable-content-padding-left: var(--kite-list-item-padding-left, 0.5rem);
  --kite-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-menu-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-menu-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-menu-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-menu-trigger-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-trigger-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-menu-contextual-label-trigger-padding-right: var(--kite-menu-trigger-padding-right, 0.75rem);
  --kite-menu-contextual-label-trigger-padding-left: var(--kite-menu-trigger-padding-left, 0.75rem);
  --kite-menu-contextual-label-trigger-activated-label-text-color: var(--kite-menu-trigger-activated-icon-color, #ffffff);
  --kite-menu-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem); /** @deprecated: Replace with "menu-list-item-border-width" token */
  --kite-meter-icon-color: var(--kite-meter-fill-color, #5db8fc);
  --kite-meter-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-positive-icon-color: var(--kite-meter-positive-fill-color, #008516);
  --kite-meter-negative-icon-color: var(--kite-meter-negative-fill-color, #d6312b);
  --kite-meter-caution-icon-color: var(--kite-meter-caution-fill-color, #faa41a);
  --kite-meter-sm-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-lg-track-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-meter-circular-track-margin-bottom: var(--kite-meter-track-margin-bottom, 0.25rem);
  --kite-meter-circular-fill-color: var(--kite-meter-fill-color, #5db8fc);
  --kite-meter-circular-tick-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-sm-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-sm-value-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-value-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-lg-track-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-lg-tick-width: var(--kite-meter-circular-tick-width, 0.25rem);
  --kite-meter-linear-track-border-radius: var(--kite-border-radius-md, 0.25rem); /** @deprecated: Replace with 'meter-track-border-radius' token */
  --kite-meter-linear-small-border-radius: var(--kite-border-radius-md, 0.25rem); /** @deprecated: Replace with 'meter-sm-track-border-radius' token */
  --kite-meter-linear-large-border-radius: var(--kite-border-radius-lg, 0.5rem); /** @deprecated: Replace with 'meter-lg-track-border-radius' token */
  --kite-pagination-controls-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-border-width: var(--kite-border-width, 0.0625rem);
  --kite-pagination-controls-button-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-pagination-controls-button-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-pagination-page-select-current-label-margin-right: var(--kite-pagination-dropdown-margin-right, 0.25rem);
  --kite-pagination-page-select-current-label-margin-left: var(--kite-pagination-dropdown-margin-left, 0.25rem);
  --kite-pagination-dropdown-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-button-previous-border-color: var(--kite-pagination-controls-border-color, #d8dde6); /** @deprecated: Replace with 'pagination-controls-button-border-color' token */
  --kite-pagination-controls-button-previous-border-style: var(--kite-pagination-controls-border-style, solid); /** @deprecated: Replace with 'pagination-controls-button-border-style' token */
  --kite-payment-logo-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-background-color: var(--kite-card-background-color, #ffffff);
  --kite-popover-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-trigger-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-popover-trigger-focus-ring-radius: var(--kite-border-radius-circle, 50%);
  --kite-popover-trigger-hover-icon-color: var(--kite-popover-trigger-icon-color, #0073d1);
  --kite-popover-dismiss-icon-color: var(--kite-popover-text-color, #000000);
  --kite-progress-indicator-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-progress-indicator-value-label-color: var(--kite-progress-indicator-fill-color, #0073d1);
  --kite-progress-indicator-secondary-label-weight: var(--kite-typography-body-weight, 400);
  --kite-progress-indicator-positive-icon-color: var(--kite-progress-indicator-positive-fill-color, #008516);
  --kite-progress-indicator-negative-icon-color: var(--kite-progress-indicator-negative-fill-color, #d6312b);
  --kite-progress-indicator-circular-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-progress-indicator-lg-sub-label-text-weight: var(--kite-typography-body-weight, 400); /** @deprecated: Replace with 'progress-indicator-secondary-label-weight' token */
  --kite-radio-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-radio-border-style: var(--kite-form-control-border-style, solid);
  --kite-radio-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-radio-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-radio-selected-border-width: var(--kite-radio-border-width, 0.125rem);
  --kite-radio-selected-disabled-indicator-background-color: var(--kite-radio-selected-disabled-border-color, #9ba9bd);
  --kite-radio-selected-indicator-background-color: var(--kite-radio-selected-border-color, #0073d1);
  --kite-radio-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-radio-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-radio-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-radio-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-radio-group-margin-top: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-radio-group-margin-bottom: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-search-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-search-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-search-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-search-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-search-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-search-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-search-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-search-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-search-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-search-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-search-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-search-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-search-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-search-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-search-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-search-input-placeholder-margin-right: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-placeholder-margin-left: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-search-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-text-color: var(--kite-form-control-text-color, #000000);
  --kite-select-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-select-border-style: var(--kite-form-control-border-style, solid);
  --kite-select-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-select-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-select-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-select-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-select-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-select-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-select-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-select-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-select-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-select-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-select-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-select-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-select-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-select-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-select-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-select-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-select-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-select-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-skip-link-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-skip-link-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-switch-transition-timing-function: var(--kite-switch-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-switch-thumb-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-switch-on-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-switch-indicator-border-radius: var(--kite-border-radius-circle, 50%); /** @deprecated: Replace with 'switch-thumb-border-radius' token */
  --kite-tabs-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-transition-timing-function: var(--kite-tabs-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-tab-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-tab-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-panel-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tabs-item-text-weight: var(--kite-typography-body-weight, 400); /** @deprecated: Replace with 'tabs-tab-text-weight' token */
  --kite-tabs-item-focus-ring-color: var(--kite-focus-ring-color, #0062b2); /** @deprecated: Replace with 'tabs-tab-focus-ring-color' token */
  --kite-tag-border-width: var(--kite-border-width, 0.0625rem);
  --kite-tag-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tag-icon-color: var(--kite-tag-text-color, #000000);
  --kite-tag-negative-icon-color: var(--kite-tag-negative-border-color, #d6312b);
  --kite-tag-solid-caution-icon-color: var(--kite-tag-solid-caution-text-color, #000000);
  --kite-tag-solid-negative-icon-color: var(--kite-tag-solid-negative-text-color, #ffffff);
  --kite-tag-solid-neutral-icon-color: var(--kite-tag-solid-neutral-text-color, #000000);
  --kite-tag-solid-positive-icon-color: var(--kite-tag-solid-positive-text-color, #ffffff);
  --kite-text-area-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-area-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-area-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-area-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-area-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-area-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-area-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-area-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-area-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-area-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-area-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-area-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-area-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-area-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-area-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-area-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-area-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-area-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-area-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-area-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-area-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-area-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-area-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b); /** @deprecated: Replace with 'text-area-error-feedback-text-color' token */
  --kite-text-area-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem); /** @deprecated: Replace with 'text-area-feedback-margin-top' token */
  --kite-text-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-input-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0073d1);
  --kite-text-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-text-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-text-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-input-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-secure-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-icon-height: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-confirm-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b); /** @deprecated: Replace with 'text-input-error-feedback-text-color' token */
  --kite-text-input-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem); /** @deprecated: Replace with 'text-input-feedback-margin-top' token */
  --kite-text-input-secure-show-icon-focus-ring-color: var(--kite-focus-ring-color, #0062b2); /** @deprecated: Replace with 'text-input-secure-icon-focus-ring-color' token */
  --kite-time-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-time-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-time-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-time-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-time-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-time-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-time-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-time-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-time-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-time-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-time-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-time-input-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-time-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-time-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-time-input-label-color: var(--kite-form-control-label-text-color, #000000);
  --kite-time-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-time-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-time-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-time-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-toast-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-toast-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tooltip-focus-ring-color: var(--kite-focus-ring-color, #0062b2);
  --kite-tooltip-entry-transition-timing-function: var(--kite-tooltip-entry-transition-curve, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-timing-function: var(--kite-tooltip-exit-transition-curve, cubic-bezier(0.42, 0, 1, 1));
  --kite-container-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-my-component-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-form-control-picker-list-item-border-color: var(--kite-form-control-picker-border-color, #d8dde6);
  --kite-form-control-picker-list-item-border-width: var(--kite-form-control-picker-border-width, 0.0625rem);
  --kite-typography-caption-margin-bottom: var(--kite-typography-caption-1-margin-bottom, 0.75rem); /** @deprecated: Replace with 'typography-caption-1-margin-bottom' token */
  --kite-alert-passive-border-radius: var(--kite-alert-border-radius, 0.25rem);
  --kite-button-destructive-focus-icon-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-destructive-hover-icon-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-destructive-press-icon-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-destructive-disabled-icon-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-primary-icon-color: var(--kite-button-primary-text-color, #ffffff);
  --kite-button-primary-press-icon-color: var(--kite-button-primary-press-text-color, #ffffff);
  --kite-button-primary-disabled-icon-color: var(--kite-button-primary-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-icon-color: var(--kite-button-primary-focus-text-color, #ffffff);
  --kite-button-primary-hover-icon-color: var(--kite-button-primary-hover-text-color, #ffffff);
  --kite-button-primary-destructive-icon-color: var(--kite-button-primary-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-text-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-secondary-focus-icon-color: var(--kite-button-secondary-focus-text-color, #ffffff);
  --kite-button-secondary-hover-icon-color: var(--kite-button-secondary-hover-text-color, #ffffff);
  --kite-button-secondary-press-icon-color: var(--kite-button-secondary-press-text-color, #ffffff);
  --kite-button-secondary-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-secondary-destructive-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-borderless-disabled-icon-color: var(--kite-button-borderless-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-disabled-icon-color: var(--kite-button-borderless-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-icon-fill: var(--kite-button-icon-color, #ffffff); /** @deprecated: Replace with 'button-primary-icon-color' token */
  --kite-button-primary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff); /** @deprecated: Replace with 'button-primary-press-icon-color' token */
  --kite-button-primary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd); /** @deprecated: Replace with 'button-primary-disabled-icon-color' token */
  --kite-button-primary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff); /** @deprecated: Replace with 'button-primary-focus-icon-color' token */
  --kite-button-primary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff); /** @deprecated: Replace with 'button-primary-hover-icon-color' token */
  --kite-button-secondary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff); /** @deprecated: Replace with 'button-secondary-press-icon-color' token */
  --kite-button-secondary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd); /** @deprecated: Replace with 'button-secondary-disabled-icon-color' token */
  --kite-button-secondary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff); /** @deprecated: Replace with 'button-secondary-focus-icon-color' token */
  --kite-button-secondary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff); /** @deprecated: Replace with 'button-secondary-hover-icon-color' token */
  --kite-button-borderless-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd); /** @deprecated: Replace with 'button-borderless-disabled-icon-color' token */
  --kite-calendar-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-calendar-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-calendar-standalone-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-calendar-standalone-border-style: var(--kite-card-border-style, solid);
  --kite-calendar-standalone-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-card-border-width: var(--kite-container-border-width, 0.0625rem);
  --kite-checkbox-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-checkbox-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-checkbox-selected-disabled-border-color: var(--kite-checkbox-disabled-border-color, #9ba9bd);
  --kite-checkbox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-checkbox-error-feedback-icon-color: var(--kite-checkbox-error-feedback-text-color, #d6312b);
  --kite-checkbox-error-selected-background-color: var(--kite-checkbox-error-border-color, #d6312b);
  --kite-checkbox-indeterminate-disabled-icon-color: var(--kite-checkbox-selected-disabled-icon-color, #d8dde6);
  --kite-combobox-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-combobox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-data-table-header-border-bottom-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-focus-ring-color: var(--kite-data-table-focus-ring-color, #0062b2);
  --kite-data-table-row-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-row-focus-ring-color: var(--kite-data-table-focus-ring-color, #0062b2);
  --kite-data-table-sticky-column-background-color: var(--kite-data-table-row-background-color, #ffffff);
  --kite-date-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-date-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-dropdown-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-dropdown-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-dropdown-focus-ring-style: var(--kite-select-focus-ring-style, solid);
  --kite-dropdown-focus-ring-width: var(--kite-select-focus-ring-width, 0.125rem);
  --kite-dropdown-icon-color: var(--kite-dropdown-text-color, #000000);
  --kite-dropdown-inline-disabled-icon-color: var(--kite-dropdown-inline-disabled-text-color, #9ba9bd);
  --kite-dropdown-inline-placeholder-text-color: var(--kite-dropdown-inline-text-color, #000000);
  --kite-dynamic-hint-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-dynamic-hint-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-dynamic-hint-border-style: var(--kite-card-border-style, solid);
  --kite-dynamic-hint-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-dynamic-hint-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-dynamic-hint-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-dynamic-hint-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-dynamic-hint-arrow-background-color: var(--kite-dynamic-hint-background-color, #ffffff);
  --kite-interactive-list-item-border-width: var(--kite-interactive-list-border-width, 0.0625rem); /** @deprecated: Replace with "list-item-border-width" token */
  --kite-interactive-list-item-action-icon-color: var(--kite-interactive-list-item-icon-color, #000000); /** @deprecated: Replace with "list-item-action-icon-color" token */
  --kite-interactive-list-item-disabled-action-icon-color: var(--kite-interactive-list-item-disabled-icon-color, #9ba9bd); /** @deprecated: Replace with "list-item-disabled-action-icon-color" token */
  --kite-link-standalone-focus-icon-color: var(--kite-link-focus-text-color, #0073d1);
  --kite-link-standalone-icon-color: var(--kite-link-icon-color, #0073d1); /** @deprecated: Replace with 'link-icon-color' token */
  --kite-list-item-border-width: var(--kite-list-border-width, 0.0625rem);
  --kite-list-item-caution-label-text-color: var(--kite-list-item-label-text-color, #000000);
  --kite-list-item-action-icon-color: var(--kite-list-item-icon-color, #000000);
  --kite-list-item-label-icon-color: var(--kite-list-item-label-text-color, #000000);
  --kite-list-item-disabled-action-icon-color: var(--kite-list-item-disabled-icon-color, #9ba9bd);
  --kite-meter-circular-icon-color: var(--kite-meter-circular-fill-color, #5db8fc);
  --kite-meter-circular-lg-tick-height: var(--kite-meter-circular-lg-track-height, 0.5rem);
  --kite-pagination-controls-button-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-pagination-controls-button-previous-border-width: var(--kite-pagination-controls-border-width, 0.0625rem); /** @deprecated: Replace with 'pagination-controls-button-border-width' token */
  --kite-popover-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-popover-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-popover-border-style: var(--kite-card-border-style, solid);
  --kite-popover-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-popover-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-popover-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-popover-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-popover-arrow-background-color: var(--kite-popover-background-color, #ffffff);
  --kite-popover-trigger-focus-icon-color: var(--kite-popover-trigger-hover-icon-color, #0073d1);
  --kite-popover-trigger-expanded-icon-color: var(--kite-popover-trigger-hover-icon-color, #0073d1);
  --kite-radio-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-radio-focus-ring-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-selected-border-style: var(--kite-radio-border-style, solid);
  --kite-radio-selected-focus-ring-style: var(--kite-radio-focus-ring-style, solid);
  --kite-radio-selected-indicator-border-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-search-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-search-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-select-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-select-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-select-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-switch-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-tag-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-text-area-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-area-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-area-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-text-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-input-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-text-input-secure-icon-color: var(--kite-text-input-addon-icon-color, #0073d1);
  --kite-text-input-secure-icon-focus-ring-style: var(--kite-text-input-focus-ring-style, solid);
  --kite-text-input-secure-icon-focus-ring-width: var(--kite-text-input-focus-ring-width, 0.125rem);
  --kite-text-input-secure-confirm-icon-margin-right: var(--kite-text-input-addon-padding-right, 0.5rem);
  --kite-text-input-secure-visible-icon-height: var(--kite-text-input-secure-icon-height, 1.5rem); /** @deprecated: Replace with 'text-input-secure-unmasked-icon-height' token */
  --kite-text-input-secure-visible-icon-width: var(--kite-text-input-secure-icon-width, 1.5rem); /** @deprecated: Replace with 'text-input-secure-unmasked-icon-width' token */
  --kite-time-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-time-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0062b2);
  --kite-time-input-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-tooltip-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-tooltip-border-style: var(--kite-card-border-style, solid);
  --kite-button-primary-destructive-focus-icon-color: var(--kite-button-primary-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-icon-color: var(--kite-button-primary-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-icon-color: var(--kite-button-primary-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-icon-color: var(--kite-button-primary-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-icon-color: var(--kite-button-secondary-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-icon-color: var(--kite-button-secondary-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-icon-color: var(--kite-button-secondary-destructive-press-text-color, #ffffff);
  --kite-calendar-standalone-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-checkbox-indeterminate-disabled-border-color: var(--kite-checkbox-selected-disabled-border-color, #9ba9bd);
  --kite-dropdown-focus-ring-color: var(--kite-select-focus-ring-color, #0062b2);
  --kite-dynamic-hint-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-dynamic-hint-arrow-border-color: var(--kite-dynamic-hint-border-color, #d8dde6);
  --kite-dynamic-hint-arrow-border-style: var(--kite-dynamic-hint-border-style, solid);
  --kite-popover-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-popover-arrow-border-color: var(--kite-popover-border-color, #d8dde6);
  --kite-popover-arrow-border-style: var(--kite-popover-border-style, solid);
  --kite-radio-selected-focus-ring-color: var(--kite-radio-focus-ring-color, #0062b2);
  --kite-text-input-secure-icon-focus-ring-color: var(--kite-text-input-focus-ring-color, #0062b2);
  --kite-text-input-secure-unmasked-icon-height: var(--kite-text-input-secure-visible-icon-height, 1.5rem);
  --kite-text-input-secure-unmasked-icon-width: var(--kite-text-input-secure-visible-icon-width, 1.5rem);
  --kite-text-input-secure-visible-icon-color: var(--kite-text-input-secure-icon-color, #0073d1); /** @deprecated: Replace with 'text-input-secure-unmasked-icon-color' token */
  --kite-dynamic-hint-arrow-border-width: var(--kite-dynamic-hint-border-width, 0.0625rem);
  --kite-text-input-secure-unmasked-icon-color: var(--kite-text-input-secure-visible-icon-color, #0073d1);
}

.kite-theme--life-unltd-white {
  --kite-border-style-solid: solid;
  --kite-border-style-dashed: dashed;
  --kite-border-width-none: 0;
  --kite-color-dark-blue-10: #002e52;
  --kite-color-dark-blue-20: #002139;
  --kite-color-dark-blue-30: #000f1a;
  --kite-color-blue-10: #4da4ff;
  --kite-color-blue-20: #0271eb;
  --kite-color-blue-30: #0257b2;
  --kite-color-light-blue-10: #b8d4f2;
  --kite-color-light-blue-20: #73b7ff;
  --kite-color-light-blue-00: #e5f2ff;
  --kite-color-green-10: #00bf1f;
  --kite-color-green-20: #008516;
  --kite-color-green-00: #e8ffe8;
  --kite-color-yellow-10: #ffd400;
  --kite-color-yellow-20: #faa41a;
  --kite-color-yellow-00: #fff3e0;
  --kite-color-red-10: #ff4d4a;
  --kite-color-red-20: #d6312b;
  --kite-color-red-00: #ffefef;
  --kite-color-gray-10: #f8f8f8;
  --kite-color-gray-20: #d8dde6;
  --kite-color-gray-25: #9ba9bd;
  --kite-color-gray-30: #63738a;
  --kite-color-white: #ffffff;
  --kite-color-black: #000000;
  --kite-color-life-unlimited-accent-electric-blue: #0271eb;
  --kite-color-life-unlimited-accent-green: #03c252;
  --kite-color-life-unlimited-accent-orange: #ff8331;
  --kite-color-life-unlimited-accent-purple: #887dff;
  --kite-color-life-unlimited-accent-yellow: #ffcb3e;
  --kite-color-life-unlimited-primary-midnight-blue: #002139;
  --kite-color-life-unlimited-primary-white: #ffffff;
  --kite-color-life-unlimited-support-light-gray: #d5d5d5;
  --kite-color-negative-focus: #b00300; /** Focus state of negative color */
  --kite-color-negative-hover: #b00300; /** Hover state of negative color */
  --kite-color-negative-press: #b00300; /** Pressed state of negative color */
  --kite-cubic-bezier-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --kite-cubic-bezier-ease-out: cubic-bezier(0, 0, 0.58, 1);
  --kite-cubic-bezier-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --kite-duration-200: 200ms;
  --kite-duration-400: 400ms;
  --kite-duration-750: 750ms;
  --kite-font-family-spectrum-sans: "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --kite-font-family-monospace: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
  --kite-font-family-rutledge: Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /** @deprecated: Spectrum Sans is the default font */
  --kite-font-size-base: 16;
  --kite-font-size-px: 16px;
  --kite-font-size-rem: 1rem;
  --kite-font-style-normal: normal;
  --kite-font-style-italic: italic;
  --kite-font-weight-light: 300;
  --kite-font-weight-book: 350;
  --kite-font-weight-regular: 400;
  --kite-font-weight-medium: 500;
  --kite-font-weight-semi-bold: 600; /** @deprecated: Replace with 'font-weight-bold' token */
  --kite-font-weight-bold: 700;
  --kite-font-weight-extra-bold: 800;
  --kite-font-weight-normal: 400; /** @deprecated: Rutledge font is deprecated. Use the 'font-weight-regular' token with Spectrum Sans font. */
  --kite-letter-spacing-normal: normal;
  --kite-letter-spacing-sm: -0.0625rem;
  --kite-tracking-sm: -0.0625rem; /** @deprecated: Replace with 'letter-spacing-sm' token */
  --kite-tracking-normal: normal; /** @deprecated: Replace with 'letter-spacing-normal' token */
  --kite-tracking-md: normal; /** @deprecated: Replace with 'letter-spacing-normal' token */
  --kite-size-1: 0.0625rem;
  --kite-size-2: 0.125rem;
  --kite-size-4: 0.25rem;
  --kite-size-8: 0.5rem;
  --kite-size-12: 0.75rem;
  --kite-size-14: 0.875rem;
  --kite-size-16: 1rem;
  --kite-size-20: 1.25rem;
  --kite-size-24: 1.5rem;
  --kite-size-32: 2rem;
  --kite-size-40: 2.5rem;
  --kite-size-48: 3rem;
  --kite-size-percent-50: 50%;
  --kite-size-radius-pill: 624.9375rem;
  --kite-size-touch-target: 2.75rem; /** Tap target size for elements that rely on height or line-height */
  --kite-focus-ring-inset: -0.125rem; /** Default inset for an 'inner' focus ring in some focused UI elements */
  --kite-motion-duration-fast: 300ms; /** @deprecated: Replace with "motion-fast" token */
  --kite-motion-duration-faster: 225ms; /** @deprecated: Replace with "motion-faster" token */
  --kite-motion-duration-fastest: 195ms; /** @deprecated: Replace with "motion-fastest" token */
  --kite-motion-curve-default: cubic-bezier(0.4, 0, 0.2, 1); /** @deprecated: Replace with "motion-standard" token */
  --kite-motion-curve-deceleration: cubic-bezier(0, 0, 0.2, 1); /** @deprecated: Replace with "motion-entry" token */
  --kite-motion-curve-acceleration: cubic-bezier(0.4, 0, 1, 1); /** @deprecated: Replace with "motion-exit" token */
  --kite-motion-curve-sharp: cubic-bezier(0.4, 0, 0.6, 1); /** @deprecated: Replace with "motion-exit" token, or custom curve: cubic-bezier(0.4, 0, 0.6, 1) */
  --kite-layout-sm: 4rem;
  --kite-layout-md: 6rem;
  --kite-layout-lg: 8rem;
  --kite-layout-xl: 10rem;
  --kite-layout-2xl: 12rem;
  --kite-spacing-section-sm: 4rem; /** @deprecated: Replace with 'layout-sm' token */
  --kite-spacing-section-md: 5rem; /** @deprecated: Replace with 'layout-md' token */
  --kite-spacing-section-lg: 6.25rem; /** @deprecated: Replace with 'layout-md' token */
  --kite-spacing-section-xl: 7.5rem; /** @deprecated: Replace with 'layout-lg' token */
  --kite-my-component-margin-top: 0;
  --kite-my-component-margin-right: 0;
  --kite-my-component-margin-bottom: 0;
  --kite-my-component-margin-left: 0;
  --kite-my-component-disabled-cursor: not-allowed;
  --kite-my-component-cursor: pointer;
  --kite-my-component-my-deprecated-token-name: "deprecatedValue"; /** @deprecated: Replace with 'new-token-name' token */
  --kite-breakpoint-xs-min: 0;
  --kite-breakpoint-xs-max: 479px;
  --kite-breakpoint-sm-min: 480px;
  --kite-breakpoint-sm-max: 599px;
  --kite-breakpoint-md-min: 600px;
  --kite-breakpoint-md-max: 839px;
  --kite-breakpoint-lg-min: 840px;
  --kite-breakpoint-lg-max: 959px;
  --kite-breakpoint-xl-min: 960px;
  --kite-breakpoint-xl-max: 1279px;
  --kite-breakpoint-2xl-min: 1280px;
  --kite-zindex-deepdive: -99999;
  --kite-zindex-default: 1;
  --kite-zindex-sticky: 1000; /** Stickied elements, like headers */
  --kite-zindex-dropdown: 1100;
  --kite-zindex-dialog-backdrop: 1200;
  --kite-zindex-dialog: 1300;
  --kite-zindex-notification: 1600;
  --kite-zindex-moonshot: 99999;
  --kite-cursor-action: pointer;
  --kite-cursor-disabled: not-allowed; /** Cursor used for disabled UI elements */
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.1);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.1);
  --kite-form-control-text-line-height: 1.25;
  --kite-form-control-text-overflow: clip;
  --kite-form-control-border-radius: 0;
  --kite-form-control-margin-top: 0;
  --kite-form-control-margin-right: 0;
  --kite-form-control-margin-bottom: 0;
  --kite-form-control-margin-left: 0;
  --kite-form-control-max-width: 18rem;
  --kite-form-control-addon-padding-top: 0;
  --kite-form-control-addon-padding-bottom: 0;
  --kite-form-control-helper-text-size: 0.75rem;
  --kite-form-control-helper-text-line-height: 1.333;
  --kite-form-control-picker-transition-target-property: opacity;
  --kite-form-control-picker-min-width: 18rem;
  --kite-form-control-picker-backdrop-opacity: 0.8;
  --kite-form-control-picker-list-item-padding-top: 0.625rem;
  --kite-form-control-picker-list-item-padding-bottom: 0.625rem;
  --kite-form-control-picker-list-item-padding-left: 0;
  --kite-form-control-input-max-width: 18rem; /** @deprecated: Replace with "form-control-max-width" token */
  --kite-grid-xs-columns: 4;
  --kite-grid-sm-columns: 4;
  --kite-grid-md-columns: 4;
  --kite-grid-lg-columns: 12;
  --kite-grid-xl-columns: 12;
  --kite-grid-2xl-columns: 12;
  --kite-grid-xxl-columns: 12; /** @deprecated: Replace with "grid-2xl-columns" token */
  --kite-typography-sm-display-size: 3rem;
  --kite-typography-sm-display-line-height: 1.25;
  --kite-typography-sm-title-1-size: 2.625rem;
  --kite-typography-sm-title-1-line-height: 1.238;
  --kite-typography-sm-title-2-size: 2rem;
  --kite-typography-sm-title-2-line-height: 1.25;
  --kite-typography-sm-title-3-size: 1.75rem;
  --kite-typography-sm-title-3-line-height: 1.286;
  --kite-typography-sm-title-4-size: 1.5rem;
  --kite-typography-sm-title-4-line-height: 1.333;
  --kite-typography-sm-title-5-size: 1.25rem;
  --kite-typography-sm-title-5-line-height: 1.4;
  --kite-typography-sm-title-6-size: 1.125rem;
  --kite-typography-sm-title-6-line-height: 1.333;
  --kite-typography-sm-body-display-size: 1.25rem;
  --kite-typography-sm-body-display-line-height: 1.6;
  --kite-typography-sm-body-size: 1rem;
  --kite-typography-sm-body-line-height: 1.5;
  --kite-typography-sm-eyebrow-size: 0.875rem;
  --kite-typography-sm-eyebrow-line-height: 1.429;
  --kite-typography-sm-eyebrow-text-transform: uppercase;
  --kite-typography-sm-caption-1-size: 0.875rem;
  --kite-typography-sm-caption-1-line-height: 1.429;
  --kite-typography-sm-caption-2-size: 0.75rem;
  --kite-typography-sm-caption-2-line-height: 1.333;
  --kite-typography-lg-display-size: 4rem;
  --kite-typography-lg-display-line-height: 1.125;
  --kite-typography-lg-title-1-size: 3rem;
  --kite-typography-lg-title-1-line-height: 1.167;
  --kite-typography-lg-title-2-size: 2.625rem;
  --kite-typography-lg-title-2-line-height: 1.238;
  --kite-typography-lg-title-3-size: 2.25rem;
  --kite-typography-lg-title-3-line-height: 1.111;
  --kite-typography-lg-title-4-size: 1.75rem;
  --kite-typography-lg-title-4-line-height: 1.286;
  --kite-typography-lg-title-5-size: 1.5rem;
  --kite-typography-lg-title-5-line-height: 1.333;
  --kite-typography-lg-title-6-size: 1.25rem;
  --kite-typography-lg-title-6-line-height: 1.4;
  --kite-typography-lg-body-display-size: 1.25rem;
  --kite-typography-lg-body-display-line-height: 1.6;
  --kite-typography-lg-body-size: 1rem;
  --kite-typography-lg-body-line-height: 1.5;
  --kite-typography-lg-eyebrow-size: 1rem;
  --kite-typography-lg-eyebrow-line-height: 1.5;
  --kite-typography-lg-eyebrow-text-transform: uppercase;
  --kite-typography-lg-caption-1-size: 0.875rem;
  --kite-typography-lg-caption-1-line-height: 1.429;
  --kite-typography-lg-caption-2-size: 0.75rem;
  --kite-typography-lg-caption-2-line-height: 1.333;
  --kite-typography-sm-caption-size: 0.875rem; /** @deprecated: Replace with 'typography-sm-caption-1-size' token */
  --kite-typography-sm-caption-line-height: 1.429; /** @deprecated: Replace with 'typography-sm-caption-1-line-height' token */
  --kite-typography-lg-caption-size: 0.875rem; /** @deprecated: Replace with 'typography-lg-caption-1-size' token */
  --kite-typography-lg-caption-line-height: 1.429; /** @deprecated: Replace with 'typography-lg-caption-1-line-height' token */
  --kite-typography-rutledge-sm-display-size: 3rem;
  --kite-typography-rutledge-sm-display-line-height: 1.25;
  --kite-typography-rutledge-sm-title-1-size: 2.5rem;
  --kite-typography-rutledge-sm-title-1-line-height: 1.3;
  --kite-typography-rutledge-sm-title-2-size: 2.25rem;
  --kite-typography-rutledge-sm-title-2-line-height: 1.222;
  --kite-typography-rutledge-sm-title-3-size: 2rem;
  --kite-typography-rutledge-sm-title-3-line-height: 1.25;
  --kite-typography-rutledge-sm-title-4-size: 1.75rem;
  --kite-typography-rutledge-sm-title-4-line-height: 1.286;
  --kite-typography-rutledge-sm-title-5-size: 1.5rem;
  --kite-typography-rutledge-sm-title-5-line-height: 1.25;
  --kite-typography-rutledge-sm-title-6-size: 1.25rem;
  --kite-typography-rutledge-sm-title-6-line-height: 1.3;
  --kite-typography-rutledge-sm-body-display-size: 1.25rem;
  --kite-typography-rutledge-sm-body-display-line-height: 1.3;
  --kite-typography-rutledge-sm-body-size: 1rem;
  --kite-typography-rutledge-sm-body-line-height: 1.5;
  --kite-typography-rutledge-sm-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-sm-eyebrow-style: uppercase;
  --kite-typography-rutledge-sm-eyebrow-line-height: 1.571;
  --kite-typography-rutledge-sm-caption-size: 0.875rem;
  --kite-typography-rutledge-sm-caption-line-height: 1.571;
  --kite-typography-rutledge-lg-display-size: 4rem;
  --kite-typography-rutledge-lg-display-line-height: 1.125;
  --kite-typography-rutledge-lg-title-1-size: 3rem;
  --kite-typography-rutledge-lg-title-1-line-height: 1.25;
  --kite-typography-rutledge-lg-title-2-size: 2.5rem;
  --kite-typography-rutledge-lg-title-2-line-height: 1.25;
  --kite-typography-rutledge-lg-title-3-size: 2.25rem;
  --kite-typography-rutledge-lg-title-3-line-height: 1.222;
  --kite-typography-rutledge-lg-title-4-size: 2rem;
  --kite-typography-rutledge-lg-title-4-line-height: 1.25;
  --kite-typography-rutledge-lg-title-5-size: 1.5rem;
  --kite-typography-rutledge-lg-title-5-line-height: 1.25;
  --kite-typography-rutledge-lg-title-6-size: 1.25rem;
  --kite-typography-rutledge-lg-title-6-line-height: 1.3;
  --kite-typography-rutledge-lg-body-display-size: 1.25rem;
  --kite-typography-rutledge-lg-body-display-line-height: 1.3;
  --kite-typography-rutledge-lg-body-size: 1rem;
  --kite-typography-rutledge-lg-body-line-height: 1.5;
  --kite-typography-rutledge-lg-eyebrow-size: 1rem;
  --kite-typography-rutledge-lg-eyebrow-style: uppercase;
  --kite-typography-rutledge-lg-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-lg-caption-size: 0.875rem;
  --kite-typography-rutledge-lg-caption-line-height: 1.429;
  --kite-typography-rutledge-xxs-title-1-size: 1.3125rem;
  --kite-typography-rutledge-xxs-title-1-line-height: 1.333;
  --kite-typography-rutledge-xxs-title-2-size: 1.125rem;
  --kite-typography-rutledge-xxs-title-2-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-3-size: 1rem;
  --kite-typography-rutledge-xxs-title-3-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-4-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-4-line-height: 1.5;
  --kite-typography-rutledge-xxs-title-5-size: 0.875rem;
  --kite-typography-rutledge-xxs-title-5-line-height: 1.5;
  --kite-typography-rutledge-xxs-body-size: 0.875rem;
  --kite-typography-rutledge-xxs-body-line-height: 1.5;
  --kite-typography-rutledge-xxs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xxs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xxs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xxs-caption-size: 0.75rem;
  --kite-typography-rutledge-xxs-caption-line-height: 1.5;
  --kite-typography-rutledge-xs-title-1-size: 1.4375rem;
  --kite-typography-rutledge-xs-title-1-line-height: 1.304;
  --kite-typography-rutledge-xs-title-2-size: 1.1875rem;
  --kite-typography-rutledge-xs-title-2-line-height: 1.421;
  --kite-typography-rutledge-xs-title-3-size: 1.0625rem;
  --kite-typography-rutledge-xs-title-3-line-height: 1.471;
  --kite-typography-rutledge-xs-title-4-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-4-line-height: 1.533;
  --kite-typography-rutledge-xs-title-5-size: 0.9375rem;
  --kite-typography-rutledge-xs-title-5-line-height: 1.533;
  --kite-typography-rutledge-xs-body-size: 0.9375rem;
  --kite-typography-rutledge-xs-body-line-height: 1.533;
  --kite-typography-rutledge-xs-eyebrow-size: 0.8125rem;
  --kite-typography-rutledge-xs-eyebrow-style: uppercase;
  --kite-typography-rutledge-xs-eyebrow-line-height: 1.538;
  --kite-typography-rutledge-xs-caption-size: 0.75rem;
  --kite-typography-rutledge-xs-caption-line-height: 1.5;
  --kite-typography-rutledge-md-title-1-size: 2.25rem;
  --kite-typography-rutledge-md-title-1-line-height: 1.25;
  --kite-typography-rutledge-md-title-2-size: 1.75rem;
  --kite-typography-rutledge-md-title-2-line-height: 1.286;
  --kite-typography-rutledge-md-title-3-size: 1.5rem;
  --kite-typography-rutledge-md-title-3-line-height: 1.292;
  --kite-typography-rutledge-md-title-4-size: 1.25rem;
  --kite-typography-rutledge-md-title-4-line-height: 1.05;
  --kite-typography-rutledge-md-title-5-size: 1rem;
  --kite-typography-rutledge-md-title-5-line-height: 1.5;
  --kite-typography-rutledge-md-body-size: 1rem;
  --kite-typography-rutledge-md-body-line-height: 1.5;
  --kite-typography-rutledge-md-eyebrow-size: 0.875rem;
  --kite-typography-rutledge-md-eyebrow-style: uppercase;
  --kite-typography-rutledge-md-eyebrow-line-height: 1.5;
  --kite-typography-rutledge-md-caption-size: 0.75rem;
  --kite-typography-rutledge-md-caption-line-height: 1.75;
  --kite-typography-rutledge-xl-title-1-size: 3.5rem;
  --kite-typography-rutledge-xl-title-1-line-height: 1.393;
  --kite-typography-rutledge-xl-title-2-size: 2.625rem;
  --kite-typography-rutledge-xl-title-2-line-height: 1.429;
  --kite-typography-rutledge-xl-title-3-size: 2.25rem;
  --kite-typography-rutledge-xl-title-3-line-height: 1.056;
  --kite-typography-rutledge-xl-title-4-size: 1.75rem;
  --kite-typography-rutledge-xl-title-4-line-height: 0.964;
  --kite-typography-rutledge-xl-title-5-size: 1.5rem;
  --kite-typography-rutledge-xl-title-5-line-height: 1;
  --kite-typography-rutledge-xl-body-size: 1.5rem;
  --kite-typography-rutledge-xl-body-line-height: 1.333;
  --kite-typography-rutledge-xl-eyebrow-size: 1.375rem;
  --kite-typography-rutledge-xl-eyebrow-style: uppercase;
  --kite-typography-rutledge-xl-eyebrow-line-height: 1.091;
  --kite-typography-rutledge-xl-caption-size: 1.25rem;
  --kite-typography-rutledge-xl-caption-line-height: 1.2;
  --kite-accordion-background-color: rgba(0, 0, 0, 0);
  --kite-accordion-border-radius: 0;
  --kite-accordion-margin-top: 0;
  --kite-accordion-margin-right: 0;
  --kite-accordion-margin-bottom: 0;
  --kite-accordion-margin-left: 0;
  --kite-accordion-trigger-width: 100%;
  --kite-accordion-expanded-padding-top: 0;
  --kite-accordion-hover-background-opacity: 0.02; /** @deprecated: Replace with "accordion-hover-background-color" token */
  --kite-accordion-hover-background-opacity-dark: 0.05; /** @deprecated: Replace with "accordion-hover-background" token */
  --kite-alert-margin-top: 0;
  --kite-alert-margin-right: 0;
  --kite-alert-margin-bottom: 0;
  --kite-alert-margin-left: 0;
  --kite-alert-text-align: left;
  --kite-alert-border-left-style: solid;
  --kite-alert-dismiss-icon-margin-right: 0;
  --kite-alert-passive-margin-top: 0;
  --kite-alert-passive-min-width: 17.5rem;
  --kite-alert-passive-breakpoint-lg-margin-bottom: 0;
  --kite-alert-passive-breakpoint-lg-margin-left: 0;
  --kite-alert-passive-breakpoint-lg-max-width: 31.25rem;
  --kite-alert-passive-breakpoint-lg-offset-x: 0;
  --kite-alert-passive-breakpoint-lg-offset-y: 0;
  --kite-alert-passive-offset-x: 0;
  --kite-alert-passive-offset-y: 0;
  --kite-alert-passive-timeout: 0;
  --kite-alert-page-border-style: solid; /** @deprecated: Replace with "alert-border-style" token */
  --kite-alert-page-border-left-style: solid; /** @deprecated: Replace with "alert-border-left-style" token */
  --kite-badge-border-color: rgba(0, 0, 0, 0);
  --kite-badge-margin-top: 0;
  --kite-badge-margin-bottom: 0;
  --kite-blockquote-background-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-color: rgba(0, 0, 0, 0);
  --kite-blockquote-border-radius: 0;
  --kite-blockquote-border-width: 0;
  --kite-blockquote-cite-punctuation: "— ";
  --kite-blockquote-cite-text-size: 80%;
  --kite-button-text-align: left;
  --kite-button-text-line-height: 1.5;
  --kite-button-border-color: rgba(0, 0, 0, 0);
  --kite-button-margin-top: 0;
  --kite-button-margin-right: 0;
  --kite-button-margin-bottom: 0;
  --kite-button-margin-left: 0;
  --kite-button-padding-top: 0.625rem;
  --kite-button-padding-bottom: 0.625rem;
  --kite-button-width: 100%;
  --kite-button-secondary-background-color: rgba(0, 0, 0, 0);
  --kite-button-borderless-background-color: rgba(0, 0, 0, 0);
  --kite-button-shrinkwrap-width: auto;
  --kite-button-shrinkwrap-min-width-sm: 5.625rem;
  --kite-button-shrinkwrap-min-width-md: 8.125rem;
  --kite-button-shrinkwrap-min-width-lg: 13.125rem;
  --kite-button-shrinkwrap-min-width-xl: 18rem;
  --kite-button-primary-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-border-color' token */
  --kite-button-primary-active-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-press-border-color' token */
  --kite-button-primary-disabled-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-disabled-border-color' token */
  --kite-button-primary-focus-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-focus-border-color' token */
  --kite-button-primary-hover-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-primary-hover-border-color' token */
  --kite-button-secondary-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-background-color' token */
  --kite-button-secondary-active-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-press-border-color' token */
  --kite-button-secondary-disabled-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-disabled-background-color' token */
  --kite-button-secondary-focus-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-focus-border-color' token */
  --kite-button-secondary-hover-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-secondary-hover-border-color' token */
  --kite-button-borderless-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-background-color' token */
  --kite-button-borderless-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-border-color' token */
  --kite-button-borderless-active-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-press-background-color' token */
  --kite-button-borderless-active-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-press-border-color' token */
  --kite-button-borderless-disabled-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-disabled-background-color' token */
  --kite-button-borderless-disabled-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-disabled-border-color' token */
  --kite-button-borderless-focus-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-focus-background-color' token */
  --kite-button-borderless-focus-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-focus-border-color' token */
  --kite-button-borderless-hover-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-hover-background-color' token */
  --kite-button-borderless-hover-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'button-borderless-hover-border-color' token */
  --kite-calendar-margin-top: 0;
  --kite-calendar-margin-right: 0;
  --kite-calendar-margin-bottom: 0;
  --kite-calendar-margin-left: 0;
  --kite-calendar-day-text-align: center;
  --kite-calendar-day-due-text-size: 0.625rem;
  --kite-calendar-day-due-text-line-height: 1.3;
  --kite-calendar-day-due-text-transform: uppercase;
  --kite-calendar-day-due-offset: 0.3125rem;
  --kite-calendar-feedback-padding-bottom: 0;
  --kite-calendar-month-year-margin-right: 0;
  --kite-calendar-month-year-margin-left: 0;
  --kite-calendar-standalone-padding-top: 0;
  --kite-calendar-standalone-padding-right: 0;
  --kite-calendar-standalone-padding-left: 0;
  --kite-calendar-standalone-min-width: 18rem;
  --kite-calendar-standalone-min-height: 18.625rem;
  --kite-calendar-day-disabled-text-decoration-line: line-through; /** @deprecated: Replace with 'calendar-day-unavailable-text-decoration-line' token */
  --kite-card-margin-top: 0;
  --kite-card-margin-right: 0;
  --kite-card-margin-bottom: 0;
  --kite-card-margin-left: 0;
  --kite-checkbox-background-color: rgba(0, 0, 0, 0);
  --kite-checkbox-margin-top: 0;
  --kite-checkbox-margin-right: 0;
  --kite-checkbox-margin-left: 0;
  --kite-checkbox-hover-background: rgba(0, 0, 0, 0);
  --kite-checkbox-label-margin-bottom: 0;
  --kite-checkbox-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "checkbox-background-color" token */
  --kite-chip-margin-top: 0;
  --kite-chip-margin-left: 0;
  --kite-chip-focus-ring-offset: 0.375rem;
  --kite-chip-selected-padding-right: 1.1875rem;
  --kite-chip-selected-padding-left: 1.1875rem;
  --kite-chip-icon-width: 1.125rem;
  --kite-chip-icon-height: 1.125rem;
  --kite-chip-multiline-height: auto;
  --kite-combobox-margin-top: 0;
  --kite-combobox-margin-right: 0;
  --kite-combobox-margin-bottom: 0;
  --kite-combobox-margin-left: 0;
  --kite-combobox-picker-offset-x: 0;
  --kite-data-table-text-align: left;
  --kite-data-table-text-line-height: 1.571;
  --kite-data-table-border-radius: 0;
  --kite-data-table-margin-top: 0;
  --kite-data-table-margin-right: 0;
  --kite-data-table-margin-bottom: 0;
  --kite-data-table-margin-left: 0;
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.2);
  --kite-data-table-scroll-shadow-width: 5px;
  --kite-data-table-menu-cell-padding-right: 0;
  --kite-data-table-menu-cell-padding-left: 0;
  --kite-data-table-menu-column-padding-top: 0;
  --kite-data-table-menu-column-padding-right: 0;
  --kite-data-table-menu-column-padding-bottom: 0;
  --kite-data-table-menu-column-padding-left: 0;
  --kite-data-table-menu-column-width: 2.75rem;
  --kite-data-table-title-row-border-bottom-style: solid; /** @deprecated: Replace with "data-table-header-border-bottom-style" token */
  --kite-date-input-margin-top: 0;
  --kite-date-input-margin-right: 0;
  --kite-date-input-margin-bottom: 0;
  --kite-date-input-margin-left: 0;
  --kite-date-input-picker-padding-top: 0;
  --kite-date-input-label-height: 1.5rem;
  --kite-dialog-text-align: left;
  --kite-dialog-text-line-height: 1.625;
  --kite-dialog-border-radius: 0;
  --kite-dialog-margin-top: 0;
  --kite-dialog-margin-right: 0;
  --kite-dialog-margin-bottom: 0;
  --kite-dialog-margin-left: 0;
  --kite-dialog-max-width: 42.5rem; /** 6 of 12 columns */
  --kite-dialog-breakpoint-md-width: 75%; /** 3 of 4 columns */
  --kite-dialog-breakpoint-md-max-height: 72%;
  --kite-dialog-breakpoint-lg-width: 66.66%; /** 8 of 12 columns */
  --kite-dialog-breakpoint-lg-max-height: 72%;
  --kite-dialog-breakpoint-xl-width: 66.66%; /** 8 of 12 columns */
  --kite-dialog-breakpoint-xl-max-height: 84%;
  --kite-dialog-breakpoint-2xl-width: 50%; /** 6 of 12 columns */
  --kite-dialog-breakpoint-2xl-max-height: 84%;
  --kite-dialog-position-x: center;
  --kite-dialog-position-y: center;
  --kite-dialog-transition-duration: 0;
  --kite-dialog-overlay-opacity: 0.8;
  --kite-dialog-content-padding-top: 0;
  --kite-dialog-button-min-width: 15.25rem;
  --kite-dialog-full-size-width: 100%; /** @deprecated: Replace with "dialog-width" token */
  --kite-dialog-full-size-height: 100%; /** @deprecated: Replace with "dialog-height" token */
  --kite-dialog-default-size-md-max-height: 72%; /** @deprecated: Replace with "dialog-breakpoint-md-max-height" token */
  --kite-dialog-default-size-lg-max-height: 72%; /** @deprecated: Replace with "dialog-breakpoint-lg-max-height" token */
  --kite-dialog-default-size-xl-max-height: 84%; /** @deprecated: Replace with "dialog-breakpoint-xl-max-height" token */
  --kite-dialog-default-size-xxl-max-height: 84%; /** @deprecated: Replace with "dialog-breakpoint-2xl-max-height" token */
  --kite-dropdown-text-overflow: ellipsis;
  --kite-dropdown-margin-top: 0;
  --kite-dropdown-margin-right: 0;
  --kite-dropdown-margin-left: 0;
  --kite-dropdown-list-min-width: 10.5rem;
  --kite-dropdown-list-activated-opacity: 1;
  --kite-dropdown-list-opacity: 0;
  --kite-dropdown-list-transition-target-property: opacity;
  --kite-dropdown-list-item-padding-left: 0;
  --kite-dropdown-inline-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-border-color: rgba(0, 0, 0, 0);
  --kite-dropdown-inline-margin-top: 0;
  --kite-dropdown-inline-margin-right: 0;
  --kite-dropdown-inline-margin-bottom: 0;
  --kite-dropdown-inline-margin-left: 0;
  --kite-dropdown-inline-padding-top: 0;
  --kite-dropdown-inline-padding-right: 0;
  --kite-dropdown-inline-padding-bottom: 0;
  --kite-dropdown-inline-padding-left: 0;
  --kite-dropdown-inline-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-dropdown-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5); /** @deprecated: Replace with "dropdown-list-elevation" token */
  --kite-dropdown-list-hidden-opacity: 0; /** @deprecated: Replace with "dropdown-list-opacity" token */
  --kite-dropdown-list-visible-opacity: 1; /** @deprecated: Replace with "dropdown-list-activated-opacity" token */
  --kite-dropdown-inline-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "dropdown-inline-background-color" token */
  --kite-dropdown-inline-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "dropdown-inline-border-color" token */
  --kite-dynamic-hint-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "dynamic-hint-border-color" token */
  --kite-dynamic-hint-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5); /** @deprecated: Replace with "dynamic-hint-elevation" token */
  --kite-dynamic-hint-arrow-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with "dynamic-hint-arrow-border-color" token */
  --kite-interactive-list-background-color: rgba(0, 0, 0, 0); /** @deprecated: Replace with "list-background-color" token */
  --kite-interactive-list-border-radius: 0; /** @deprecated: Replace with "list-border-radius" token */
  --kite-interactive-list-margin-top: 0; /** @deprecated: Replace with "list-margin-top" token */
  --kite-interactive-list-margin-right: 0; /** @deprecated: Replace with "list-margin-right" token */
  --kite-interactive-list-margin-bottom: 0; /** @deprecated: Replace with "list-margin-bottom" token */
  --kite-interactive-list-margin-left: 0; /** @deprecated: Replace with "list-margin-left" token */
  --kite-interactive-list-padding-top: 0; /** @deprecated: Replace with "list-padding-top" token */
  --kite-interactive-list-padding-right: 0; /** @deprecated: Replace with "list-padding-right" token */
  --kite-interactive-list-padding-bottom: 0; /** @deprecated: Replace with "list-padding-bottom" token */
  --kite-interactive-list-padding-left: 0; /** @deprecated: Replace with "list-padding-left" token */
  --kite-interactive-list-item-background-color: rgba(0, 0, 0, 0); /** @deprecated: Replace with "list-item-background-color" token */
  --kite-interactive-list-item-margin-top: 0; /** @deprecated: Replace with "list-item-margin-top" token */
  --kite-interactive-list-item-margin-right: 0; /** @deprecated: Replace with "list-item-margin-right" token */
  --kite-interactive-list-item-margin-bottom: 0; /** @deprecated: Replace with "list-item-margin-bottom" token */
  --kite-interactive-list-item-margin-left: 0; /** @deprecated: Replace with "list-item-margin-left" token */
  --kite-interactive-list-item-title-text-line-height: 1.2; /** @deprecated: Replace with "list-item-title-text-line-height" token */
  --kite-interactive-list-item-breakpoint-md-title-text-line-height: 1.2; /** @deprecated: Replace with "list-item-breakpoint-md-title-line-height" token */
  --kite-interactive-list-image-max-width: 5rem; /** @deprecated: Replace with "list-image-max-width" token */
  --kite-interactive-list-image-max-height: 5rem; /** @deprecated: Replace with "list-image-max-height" token */
  --kite-interactive-list-start-max-width: 5rem; /** @deprecated: Replace with "list-start-max-width" token */
  --kite-interactive-list-item-hover-background-color-dark: 255, 255, 255; /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-interactive-list-item-hover-background-opacity-dark: 0.05; /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-interactive-list-md-padding-top: 0; /** @deprecated: Replace with "list-item-padding-top-sm" token */
  --kite-interactive-list-md-padding-bottom: 0; /** @deprecated: Replace with "list-item-padding-bottom-sm" token */
  --kite-interactive-list-xl-padding-top: 0; /** @deprecated: Replace with "list-item-padding-top-md" token */
  --kite-interactive-list-xl-padding-bottom: 0; /** @deprecated: Replace with "list-item-padding-bottom-md" token */
  --kite-interactive-list-xxl-padding-top: 0; /** @deprecated: Replace with "list-item-padding-top-lg" token */
  --kite-interactive-list-xxl-padding-bottom: 0; /** @deprecated: Replace with "list-item-padding-bottom-lg" token */
  --kite-interactive-list-item-hover-background-opacity: 0.02; /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-link-background-color: rgba(0, 0, 0, 0);
  --kite-link-text-decoration-line: underline;
  --kite-link-border-radius: 0;
  --kite-link-border-width: 0;
  --kite-link-margin-top: 0;
  --kite-link-margin-right: 0;
  --kite-link-margin-bottom: 0;
  --kite-link-margin-left: 0;
  --kite-link-padding-top: 0;
  --kite-link-padding-right: 0;
  --kite-link-padding-bottom: 0;
  --kite-link-padding-left: 0;
  --kite-link-standalone-text-decoration-line: none;
  --kite-link-standalone-hover-text-decoration: underline;
  --kite-link-standalone-press-text-decoration: underline;
  --kite-list-background-color: rgba(0, 0, 0, 0);
  --kite-list-border-radius: 0;
  --kite-list-margin-top: 0;
  --kite-list-margin-right: 0;
  --kite-list-margin-bottom: 0;
  --kite-list-margin-left: 0;
  --kite-list-padding-top: 0;
  --kite-list-padding-right: 0;
  --kite-list-padding-bottom: 0;
  --kite-list-padding-left: 0;
  --kite-list-item-background-color: rgba(0, 0, 0, 0);
  --kite-list-item-margin-top: 0;
  --kite-list-item-margin-right: 0;
  --kite-list-item-margin-bottom: 0;
  --kite-list-item-margin-left: 0;
  --kite-list-item-image-md-max-width: 3.75rem;
  --kite-list-item-image-md-max-height: 3.75rem;
  --kite-list-item-image-lg-max-width: 5rem;
  --kite-list-item-image-lg-max-height: 5rem;
  --kite-list-item-payment-logo-border-radius: 0;
  --kite-list-item-payment-logo-margin-top: 0;
  --kite-list-item-expandable-content-padding-top: 0;
  --kite-list-item-breakpoint-md-title-text-line-height: 1.2;
  --kite-list-item-payment-logo-margin: 0; /** @deprecated: Replace with 'list-item-payment-logo-margin-top' token */
  --kite-list-start-max-width: 5rem; /** @deprecated: Replace with 'list-item-slot-start-max-width' token */
  --kite-menu-list-min-width: 10.5rem;
  --kite-menu-list-activated-opacity: 1;
  --kite-menu-list-opacity: 0;
  --kite-menu-list-transition-target-property: opacity;
  --kite-menu-list-item-padding-top: 0.625rem;
  --kite-menu-list-item-padding-bottom: 0.625rem;
  --kite-menu-trigger-background-color: rgba(0, 0, 0, 0);
  --kite-menu-trigger-disabled-background-color: rgba(0, 0, 0, 0);
  --kite-menu-contextual-label-trigger-padding-top: 0.625rem;
  --kite-menu-contextual-label-trigger-padding-bottom: 0.625rem;
  --kite-menu-list-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5); /** @deprecated: Replace with "menu-list-elevation" token */
  --kite-menu-list-hidden-opacity: 0; /** @deprecated: Replace with "menu-list-opacity" token */
  --kite-menu-list-visible-opacity: 1; /** @deprecated: Replace with "menu-list-activated-opacity" token */
  --kite-menu-list-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1); /** @deprecated: Replace with 'menu-list-transition-timing-function' token */
  --kite-meter-circular-width: 5.5rem;
  --kite-meter-circular-width-px: 88px;
  --kite-meter-circular-track-height-px: 8px;
  --kite-meter-circular-sm-width-px: 24px;
  --kite-meter-circular-sm-track-height: 0.125rem;
  --kite-meter-circular-sm-track-height-px: 2px;
  --kite-meter-circular-sm-tick-width: 0.125rem;
  --kite-meter-circular-sm-icon-margin: 0.375rem;
  --kite-meter-circular-lg-width: 9.25rem;
  --kite-meter-circular-lg-width-px: 148px;
  --kite-meter-linear-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-label-text-size' token */
  --kite-meter-linear-value-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-value-label-text-size' token */
  --kite-meter-linear-small-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-sm-label-text-size' token */
  --kite-meter-linear-small-value-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-sm-value-label-text-size' token */
  --kite-meter-linear-large-label-text-size: 1rem; /** @deprecated: Replace with 'meter-lg-label-text-size' token */
  --kite-meter-linear-large-value-label-text-size: 1rem; /** @deprecated: Replace with 'meter-lg-value-label-text-size' token */
  --kite-meter-circular-small-height: 5.5rem; /** @deprecated: Replace with 'meter-circular-sm-height' token */
  --kite-meter-circular-small-width: 5.5rem; /** @deprecated: Replace with 'meter-circular-sm-width' token */
  --kite-meter-circular-small-status-icon-margin: 0.375rem; /** @deprecated: Replace with 'meter-circular-sm-icon-margin' token */
  --kite-meter-circular-small-track-height: 0.125rem; /** @deprecated: Replace with 'meter-circular-sm-track-height' token */
  --kite-meter-circular-small-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-circular-sm-label-text-size' token */
  --kite-meter-circular-large-height: 9.25rem; /** @deprecated: Replace with 'meter-circular-lg-height' token */
  --kite-meter-circular-large-width: 9.25rem; /** @deprecated: Replace with 'meter-circular-lg-width' token */
  --kite-meter-circular-large-label-text-size: 0.875rem; /** @deprecated: Replace with 'meter-circular-lg-label-text-size' token */
  --kite-pagination-controls-margin-top: 0;
  --kite-pagination-controls-breakpoint-lg-margin-bottom: 0;
  --kite-pagination-controls-button-background-color: rgba(0, 0, 0, 0);
  --kite-pagination-controls-button-border-radius: 0;
  --kite-pagination-controls-button-width: 4rem;
  --kite-pagination-controls-button-height: 3.25rem;
  --kite-pagination-page-select-current-label-padding-top: 0.625rem;
  --kite-pagination-page-select-current-label-padding-right: 0.625rem;
  --kite-pagination-page-select-current-label-padding-bottom: 0.625rem;
  --kite-pagination-page-select-current-label-padding-left: 0.625rem;
  --kite-pagination-dropdown-margin-top: 0;
  --kite-pagination-dropdown-margin-bottom: 0;
  --kite-pagination-controls-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'pagination-controls-background-color' token */
  --kite-pagination-controls-button-background-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'pagination-controls-button-background-color' token */
  --kite-pagination-controls-button-previous-border-radius: 0; /** @deprecated: Replace with 'pagination-controls-button-border-radius' token */
  --kite-payment-logo-border-color: rgba(0, 0, 0, 0);
  --kite-payment-logo-margin-top: 0;
  --kite-payment-logo-margin-right: 0;
  --kite-payment-logo-margin-bottom: 0;
  --kite-payment-logo-margin-left: 0;
  --kite-payment-logo-padding-top: 0;
  --kite-payment-logo-padding-right: 0;
  --kite-payment-logo-padding-bottom: 0;
  --kite-payment-logo-padding-left: 0;
  --kite-popover-text-align: left;
  --kite-popover-max-width: 100%;
  --kite-popover-max-height: 37.5rem;
  --kite-popover-trigger-margin-top: 0;
  --kite-popover-trigger-margin-right: 0;
  --kite-popover-trigger-margin-bottom: 0;
  --kite-popover-trigger-focus-ring-offset: 0.0625rem;
  --kite-popover-dismiss-icon-margin-top: 0;
  --kite-popover-dismiss-icon-margin-right: 0;
  --kite-popover-dismiss-icon-margin-left: 0;
  --kite-popover-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'popover-border-color' token */
  --kite-popover-elevation-dark: 0 2px 8px 0 rgba(0, 0, 0, 0.5); /** @deprecated: Replace with 'popover-elevation' token */
  --kite-popover-arrow-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'popover-arrow-border-color' token */
  --kite-progress-indicator-background-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-border-radius: 0;
  --kite-progress-indicator-margin-top: 0;
  --kite-progress-indicator-margin-right: 0;
  --kite-progress-indicator-margin-bottom: 0;
  --kite-progress-indicator-margin-left: 0;
  --kite-progress-indicator-padding-top: 0;
  --kite-progress-indicator-padding-right: 0;
  --kite-progress-indicator-padding-bottom: 0;
  --kite-progress-indicator-padding-left: 0;
  --kite-progress-indicator-transition-delay: 500ms;
  --kite-progress-indicator-label-text-align: left;
  --kite-progress-indicator-track-size-px: 4px;
  --kite-progress-indicator-backdrop-opacity: 0.95;
  --kite-progress-indicator-circular-width: 2.5rem;
  --kite-progress-indicator-circular-width-px: 40px;
  --kite-progress-indicator-circular-track-color: rgba(0, 0, 0, 0);
  --kite-progress-indicator-circular-label-text-line-height: 1.4;
  --kite-progress-indicator-circular-label-text-align: center;
  --kite-progress-indicator-circular-icon-width: 2.75rem;
  --kite-progress-indicator-circular-sm-track-size-px: 2px;
  --kite-progress-indicator-circular-sm-width-px: 24px;
  --kite-progress-indicator-circular-sm-icon-width: 1.625rem;
  --kite-progress-indicator-circular-lg-track-size-px: 4px;
  --kite-progress-indicator-circular-lg-width: 5rem;
  --kite-progress-indicator-circular-lg-width-px: 80px;
  --kite-progress-indicator-circular-lg-icon-width: 5rem;
  --kite-progress-indicator-border-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'progress-indicator-border-color' token */
  --kite-progress-indicator-lg-height: 5rem; /** @deprecated: Replace with 'progress-indicator-circular-lg-height' token */
  --kite-progress-indicator-lg-width: 5rem; /** @deprecated: Replace with 'progress-indicator-circular-lg-width' token */
  --kite-progress-indicator-md-height: 2.5rem; /** @deprecated: Replace with 'progress-indicator-circular-height' token */
  --kite-progress-indicator-md-width: 2.5rem; /** @deprecated: Replace with 'progress-indicator-circular-width' token */
  --kite-radio-background-color: rgba(0, 0, 0, 0);
  --kite-radio-margin-top: 0;
  --kite-radio-margin-right: 0;
  --kite-radio-margin-left: 0;
  --kite-radio-padding-top: 0;
  --kite-radio-padding-right: 0;
  --kite-radio-padding-bottom: 0;
  --kite-radio-padding-left: 0;
  --kite-radio-label-margin-bottom: 0;
  --kite-radio-input-margin-left: 0;
  --kite-search-input-margin-top: 0;
  --kite-search-input-margin-right: 0;
  --kite-search-input-margin-bottom: 0;
  --kite-search-input-margin-left: 0;
  --kite-select-text-overflow: ellipsis;
  --kite-select-margin-top: 0;
  --kite-select-margin-right: 0;
  --kite-select-margin-left: 0;
  --kite-skip-link-text-line-height: 1;
  --kite-skip-link-margin-top: 0;
  --kite-skip-link-margin-right: 0;
  --kite-skip-link-margin-bottom: 0;
  --kite-skip-link-margin-left: 0;
  --kite-skip-link-position: absolute; /** @deprecated */
  --kite-switch-background-color: rgba(0, 0, 0, 0);
  --kite-switch-border-radius: 0;
  --kite-switch-border-width: 0;
  --kite-switch-margin-top: 0;
  --kite-switch-margin-right: 0;
  --kite-switch-margin-left: 0;
  --kite-switch-padding-top: 0;
  --kite-switch-padding-right: 0;
  --kite-switch-padding-bottom: 0;
  --kite-switch-padding-left: 0;
  --kite-switch-disabled-track-opacity: 1;
  --kite-switch-track-opacity: 1;
  --kite-switch-on-track-opacity: 1;
  --kite-switch-on-disabled-track-opacity: 1;
  --kite-tabs-background-color: rgba(0, 0, 0, 0);
  --kite-tabs-border-radius: 0;
  --kite-tabs-border-width: 0;
  --kite-tabs-margin-top: 0;
  --kite-tabs-margin-right: 0;
  --kite-tabs-margin-bottom: 0;
  --kite-tabs-margin-left: 0;
  --kite-tabs-padding-top: 0;
  --kite-tabs-padding-right: 0;
  --kite-tabs-padding-bottom: 0;
  --kite-tabs-padding-left: 0;
  --kite-tabs-tab-background: rgba(0, 0, 0, 0);
  --kite-tabs-tab-text-align: center;
  --kite-tabs-tab-border-bottom-color: rgba(0, 0, 0, 0);
  --kite-tabs-tab-min-width: 5.625rem;
  --kite-tabs-panel-padding-right: 0;
  --kite-tabs-panel-padding-bottom: 0;
  --kite-tabs-panel-padding-left: 0;
  --kite-tabs-item-border-bottom-color: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'tabs-tab-border-bottom-color' token */
  --kite-tabs-item-border-bottom-color-dark: rgba(0, 0, 0, 0); /** @deprecated: Replace with 'tabs-tab-border-bottom-color' token */
  --kite-tabs-item-min-width: 5.625rem; /** @deprecated: Replace with 'tabs-tab-min-width' token */
  --kite-tag-text-line-height: 1.714;
  --kite-tag-margin-top: 0;
  --kite-tag-margin-right: 0;
  --kite-tag-margin-bottom: 0;
  --kite-tag-margin-left: 0;
  --kite-tag-padding-top: 0;
  --kite-tag-padding-bottom: 0;
  --kite-tag-solid-border-color: rgba(0, 0, 0, 0);
  --kite-text-area-margin-top: 0;
  --kite-text-area-margin-right: 0;
  --kite-text-area-margin-left: 0;
  --kite-text-area-min-height: 7.375rem;
  --kite-text-input-margin-top: 0;
  --kite-text-input-margin-right: 0;
  --kite-text-input-margin-left: 0;
  --kite-time-input-margin-top: 0;
  --kite-time-input-margin-right: 0;
  --kite-time-input-margin-bottom: 0;
  --kite-time-input-margin-left: 0;
  --kite-time-input-icon-margin-right: 0;
  --kite-time-input-placeholder-margin-left: 0;
  --kite-toast-border-color: rgba(0, 0, 0, 0);
  --kite-toast-border-width: 0;
  --kite-toast-margin-right: 0;
  --kite-toast-margin-left: 0;
  --kite-toast-max-width: 20rem;
  --kite-toast-icon-height: 1.125rem;
  --kite-toast-icon-width: 1.125rem;
  --kite-toast-line-height: 1.25; /** @deprecated: Replace with 'toast-text-line-height' token */
  --kite-toast-transition-curve: cubic-bezier(0.25, 0.8, 0.5, 1); /** @deprecated: Replace with 'toast-transition-timing-function' token */
  --kite-tooltip-border-color: rgba(0, 0, 0, 0);
  --kite-tooltip-border-width: 0;
  --kite-tooltip-margin-top: 0;
  --kite-tooltip-margin-right: 0;
  --kite-tooltip-margin-bottom: 0;
  --kite-tooltip-margin-left: 0;
  --kite-tooltip-max-width: 90%;
  --kite-tooltip-max-height: 4.25rem;
  --kite-tooltip-offset: 0;
  --kite-tooltip-breakpoint-sm-max-width: 20.3125rem;
  --kite-tooltip-arrow-directional-offset: 0; /** @deprecated: Replace with 'tooltip-offset' token */
  --kite-border-width-thin: var(--kite-size-1, 0.0625rem);
  --kite-border-width-thick: var(--kite-size-2, 0.125rem);
  --kite-color-background: var(--kite-color-white, #ffffff); /** Default background color for the app */
  --kite-color-background-secondary: var(--kite-color-gray-10, #f8f8f8); /** Secondary background color for the app */
  --kite-color-text: var(--kite-color-black, #000000); /** Default body text color */
  --kite-color-text-secondary: var(--kite-color-gray-30, #63738a); /** Secondary text color for microcopy, etc. */
  --kite-color-primary: var(--kite-color-blue-20, #0271eb); /** Primary brand color */
  --kite-color-primary-focus: var(--kite-color-blue-30, #0257b2); /** Focus state of primary color */
  --kite-color-primary-hover: var(--kite-color-blue-30, #0257b2); /** Hover state of primary color */
  --kite-color-primary-press: var(--kite-color-blue-30, #0257b2); /** Pressed state of primary color */
  --kite-color-on-primary: var(--kite-color-white, #ffffff); /** Text color found on primary color */
  --kite-color-caution: var(--kite-color-yellow-20, #faa41a); /** Color for elements that have to do with caution or warning */
  --kite-color-caution-muted: var(--kite-color-yellow-00, #fff3e0);
  --kite-color-on-caution: var(--kite-color-black, #000000); /** Text color found on caution color */
  --kite-color-negative: var(--kite-color-red-20, #d6312b); /** Color for elements providing negative, destructive, critical or dangerous information and actions */
  --kite-color-negative-muted: var(--kite-color-red-00, #ffefef);
  --kite-color-on-negative: var(--kite-color-white, #ffffff); /** Text color found on negative color */
  --kite-color-neutral: var(--kite-color-light-blue-20, #73b7ff); /** Color for elements providing neutral information (not error, success, or caution) */
  --kite-color-neutral-muted: var(--kite-color-light-blue-00, #e5f2ff);
  --kite-color-on-neutral: var(--kite-color-black, #000000); /** Text color found on neutral color */
  --kite-color-positive: var(--kite-color-green-20, #008516); /** Color for elements that have to do with positive or successful states and actions */
  --kite-color-positive-muted: var(--kite-color-green-00, #e8ffe8);
  --kite-color-on-positive: var(--kite-color-white, #ffffff); /** Text color found on positive color */
  --kite-color-disabled: var(--kite-color-gray-25, #9ba9bd); /** Default color for elements in disabled states */
  --kite-color-on-disabled: var(--kite-color-gray-20, #d8dde6); /** Text color found on disabled color */
  --kite-color-error: var(--kite-color-red-20, #d6312b); /** @deprecated: Replace with 'color-negative' token */
  --kite-color-info: var(--kite-color-light-blue-20, #73b7ff); /** @deprecated: Replace with 'color-neutral' token */
  --kite-color-success: var(--kite-color-green-20, #008516); /** @deprecated: Replace with 'color-positive' token */
  --kite-color-focus: var(--kite-color-blue-30, #0257b2); /** Default color to use for focus states and focus ring outlines */
  --kite-font-family-sans-serif: var(--kite-font-family-spectrum-sans, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-letter-spacing-lg: var(--kite-size-2, 0.125rem);
  --kite-tracking-lg: var(--kite-size-2, 0.125rem); /** @deprecated: Replace with 'letter-spacing-lg' token */
  --kite-size-radius-sm: var(--kite-size-2, 0.125rem);
  --kite-size-radius-md: var(--kite-size-4, 0.25rem);
  --kite-size-radius-lg: var(--kite-size-8, 0.5rem);
  --kite-size-radius-circle: var(--kite-size-percent-50, 50%);
  --kite-border-color: var(--kite-color-gray-20, #d8dde6); /** Default border color for UI elements */
  --kite-border-radius-pill: var(--kite-size-radius-pill, 624.9375rem); /** Pill (Hotdog) radius for global use, Chip background shape */
  --kite-border-style: var(--kite-border-style-solid, solid); /** Default border style for UI elements */
  --kite-container-background-color: var(--kite-color-white, #ffffff); /** `container-*` tokens can be shared across "containers", such as card components, sidebars, drawers ect. These tokens function to set any "container" apart from the app background by applying a default background color, border and even hover state. */
  --kite-container-hover-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-focus-ring-offset: var(--kite-size-2, 0.125rem); /** Default offset/gap for an outline (aka, focus ring) around the outside of some focused UI elements */
  --kite-focus-ring-style: var(--kite-border-style-solid, solid); /** Default style for the focus ring on focused UI elements */
  --kite-focus-ring-width: var(--kite-size-2, 0.125rem); /** Default width for the focus ring on focused UI elements */
  --kite-font-weight: var(--kite-font-weight-regular, 400); /** Default font-weight for body copy */
  --kite-font-size: var(--kite-font-size-px, 16px); /** Default font-size for body copy */
  --kite-font-style: var(--kite-font-style-normal, normal); /** Default font-style for body copy */
  --kite-motion-fast: var(--kite-duration-750, 750ms);
  --kite-motion-faster: var(--kite-duration-400, 400ms);
  --kite-motion-fastest: var(--kite-duration-200, 200ms);
  --kite-motion-standard: var(--kite-cubic-bezier-ease, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-motion-entry: var(--kite-cubic-bezier-ease-out, cubic-bezier(0, 0, 0.58, 1));
  --kite-motion-exit: var(--kite-cubic-bezier-ease-in, cubic-bezier(0.42, 0, 1, 1));
  --kite-layout-2xs: var(--kite-size-40, 2.5rem);
  --kite-layout-xs: var(--kite-size-48, 3rem);
  --kite-spacing-2xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-xs: var(--kite-size-8, 0.5rem);
  --kite-spacing-sm: var(--kite-size-12, 0.75rem);
  --kite-spacing-md: var(--kite-size-16, 1rem);
  --kite-spacing-lg: var(--kite-size-20, 1.25rem);
  --kite-spacing-xl: var(--kite-size-24, 1.5rem);
  --kite-spacing-2xl: var(--kite-size-32, 2rem);
  --kite-spacing-element-xxs: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'spacing-2xs' token */
  --kite-spacing-element-xs: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with 'spacing-xs' token */
  --kite-spacing-element-sm: var(--kite-size-12, 0.75rem); /** @deprecated: Replace with 'spacing-sm' token */
  --kite-spacing-element-md: var(--kite-size-16, 1rem); /** @deprecated: Replace with 'spacing-md' token */
  --kite-spacing-element-lg: var(--kite-size-20, 1.25rem); /** @deprecated: Replace with 'spacing-lg' token */
  --kite-spacing-element-xl: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'spacing-xl' token */
  --kite-spacing-element-xxl: var(--kite-size-32, 2rem); /** @deprecated: Replace with 'spacing-2xl' token */
  --kite-spacing-element-xxxl: var(--kite-size-40, 2.5rem); /** @deprecated: Replace with 'layout-2xs' token */
  --kite-spacing-section-xs: var(--kite-size-48, 3rem); /** @deprecated: Replace with 'layout-xs' token */
  --kite-my-component-background-color: var(--kite-color-white, #ffffff);
  --kite-my-component-min-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-width: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-height: var(--kite-size-touch-target, 2.75rem);
  --kite-my-component-list-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-background-color: var(--kite-color-white, #ffffff);
  --kite-form-control-border-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-height: var(--kite-size-touch-target, 2.75rem);
  --kite-form-control-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-addon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-addon-icon-width: var(--kite-size-24, 1.5rem);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-placeholder-text-style: var(--kite-font-style-normal, normal);
  --kite-form-control-picker-cursor: var(--kite-cursor-action, pointer);
  --kite-form-control-picker-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-form-control-picker-zindex: var(--kite-zindex-dialog, 1300);
  --kite-form-control-picker-backdrop-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-picker-list-item-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-form-control-picker-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-form-control-picker-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-form-control-picker-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-form-control-picker-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-form-control-picker-list-item-check-icon-width: var(--kite-size-16, 1rem);
  --kite-form-control-input-background-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "form-control-background-color" token */
  --kite-form-control-input-border-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-border-color" token */
  --kite-form-control-input-border-style: var(--kite-border-style-solid, solid); /** @deprecated: Replace with "form-control-border-style" token */
  --kite-form-control-input-cursor: var(--kite-cursor-action, pointer); /** @deprecated: Replace with "form-control-cursor" token */
  --kite-form-control-input-placeholder-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-placeholder-text-color" token */
  --kite-form-control-input-disabled-background-color: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with "form-control-disabled-background-color" token */
  --kite-form-control-input-disabled-cursor: var(--kite-cursor-disabled, not-allowed); /** @deprecated: Replace with "form-control-disabled-cursor" token */
  --kite-form-control-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-form-control-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "form-control-label-text-color" token */
  --kite-form-control-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "form-control-error-feedback-text-color" token */
  --kite-form-control-input-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with "form-control-background-color" token */
  --kite-form-control-input-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-border-color" token */
  --kite-form-control-input-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "form-control-text-color" token */
  --kite-form-control-input-placeholder-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-placeholder-text-color" token */
  --kite-form-control-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with "form-control-disabled-background-color" token */
  --kite-form-control-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-disabled-border-color" token */
  --kite-form-control-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "form-control-disabled-text-color" token */
  --kite-form-control-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "form-control-error-border-color" token */
  --kite-form-control-input-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "form-control-focus-ring-color" token */
  --kite-grid-xxl-gutters: var(--kite-size-16, 1rem); /** @deprecated: Replace with "grid-2xl-gutters" token */
  --kite-grid-xxl-margins: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "grid-2xl-gutters" token */
  --kite-typography-display-size: var(--kite-typography-sm-display-size, 3rem);
  --kite-typography-display-line-height: var(--kite-typography-sm-display-line-height, 1.25);
  --kite-typography-title-1-size: var(--kite-typography-sm-title-1-size, 2.625rem);
  --kite-typography-title-1-line-height: var(--kite-typography-sm-title-1-line-height, 1.238);
  --kite-typography-title-2-size: var(--kite-typography-sm-title-2-size, 2rem);
  --kite-typography-title-2-line-height: var(--kite-typography-sm-title-2-line-height, 1.25);
  --kite-typography-title-3-size: var(--kite-typography-sm-title-3-size, 1.75rem);
  --kite-typography-title-3-line-height: var(--kite-typography-sm-title-3-line-height, 1.286);
  --kite-typography-title-4-size: var(--kite-typography-sm-title-4-size, 1.5rem);
  --kite-typography-title-4-line-height: var(--kite-typography-sm-title-4-line-height, 1.333);
  --kite-typography-title-5-size: var(--kite-typography-sm-title-5-size, 1.25rem);
  --kite-typography-title-5-line-height: var(--kite-typography-sm-title-5-line-height, 1.4);
  --kite-typography-title-6-size: var(--kite-typography-sm-title-6-size, 1.125rem);
  --kite-typography-title-6-line-height: var(--kite-typography-sm-title-6-line-height, 1.333);
  --kite-typography-body-display-size: var(--kite-typography-sm-body-display-size, 1.25rem);
  --kite-typography-body-display-line-height: var(--kite-typography-sm-body-display-line-height, 1.6);
  --kite-typography-body-size: var(--kite-typography-sm-body-size, 1rem);
  --kite-typography-body-line-height: var(--kite-typography-sm-body-line-height, 1.5);
  --kite-typography-eyebrow-size: var(--kite-typography-sm-eyebrow-size, 0.875rem);
  --kite-typography-eyebrow-line-height: var(--kite-typography-sm-eyebrow-line-height, 1.429);
  --kite-typography-eyebrow-text-transform: var(--kite-typography-sm-eyebrow-text-transform, uppercase);
  --kite-typography-caption-1-size: var(--kite-typography-sm-caption-1-size, 0.875rem);
  --kite-typography-caption-1-line-height: var(--kite-typography-sm-caption-1-line-height, 1.429);
  --kite-typography-caption-2-size: var(--kite-typography-sm-caption-2-size, 0.75rem);
  --kite-typography-caption-2-line-height: var(--kite-typography-sm-caption-2-line-height, 1.333);
  --kite-typography-sm-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-sm-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-sm-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-sm-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-sm-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-sm-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-display-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-1-weight: var(--kite-font-weight-extra-bold, 800);
  --kite-typography-lg-title-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-title-3-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-4-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-4-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-5-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-lg-title-6-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-display-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-body-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-lg-eyebrow-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-1-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-lg-caption-2-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-lg-caption-2-style: var(--kite-font-style-normal, normal);
  --kite-typography-lg-caption-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-sm-caption-weight: var(--kite-font-weight-regular, 400); /** @deprecated: Replace with 'typography-sm-caption-1-weight' token */
  --kite-typography-sm-caption-style: var(--kite-font-style-normal, normal); /** @deprecated: Replace with 'typography-sm-caption-1-style' token */
  --kite-typography-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal); /** @deprecated: Replace with 'typography-sm-caption-1-letter-spacing' token */
  --kite-typography-lg-caption-weight: var(--kite-font-weight-regular, 400); /** @deprecated: Replace with 'typography-lg-caption-1-weight' token */
  --kite-typography-lg-caption-style: var(--kite-font-style-normal, normal); /** @deprecated: Replace with 'typography-lg-caption-1-style' token */
  --kite-typography-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal); /** @deprecated: Replace with 'typography-lg-caption-1-letter-spacing' token */
  --kite-typography-rutledge-sm-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-sm-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-title-6-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-sm-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-sm-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-sm-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-display-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-display-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-lg-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-title-6-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-lg-title-6-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-display-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-display-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-lg-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-lg-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-lg-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xxs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xxs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xxs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xxs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-2-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-3-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-3-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xs-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xs-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xs-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xs-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-1-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-1-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-2-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-3-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-md-title-4-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-title-5-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-md-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-md-caption-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-md-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-1-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-1-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-2-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-2-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-3-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-3-letter-spacing: var(--kite-letter-spacing-sm, -0.0625rem);
  --kite-typography-rutledge-xl-title-4-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-title-4-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-title-5-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-title-5-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-body-weight: var(--kite-font-weight-regular, 400);
  --kite-typography-rutledge-xl-body-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-typography-rutledge-xl-eyebrow-weight: var(--kite-font-weight-bold, 700);
  --kite-typography-rutledge-xl-caption-weight: var(--kite-font-weight-medium, 500);
  --kite-typography-rutledge-xl-caption-letter-spacing: var(--kite-letter-spacing-normal, normal);
  --kite-accordion-hover-background-color: rgba(0, 15, 26, 0.02);
  --kite-accordion-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-accordion-cursor: var(--kite-cursor-action, pointer);
  --kite-accordion-icon-height: var(--kite-size-16, 1rem);
  --kite-accordion-icon-width: var(--kite-size-16, 1rem);
  --kite-accordion-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-accordion-border-bottom-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "accordion-border-color" token */
  --kite-accordion-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-icon-color" token */
  --kite-accordion-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-label-text-color" token */
  --kite-accordion-title-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-title-text-color" token */
  --kite-accordion-hover-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-hover-background-color" token */
  --kite-accordion-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "accordion-disabled-label-text-color" token */
  --kite-accordion-disabled-title-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "accordion-disabled-title-text-color" token */
  --kite-accordion-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "accordion-disabled-icon-color" token */
  --kite-accordion-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "accordion-focus-ring-color" token */
  --kite-accordion-alert-label-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "accordion-negative-label-text-color" token */
  --kite-accordion-success-label-text-color: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with "accordion-positive-label-text-color" token */
  --kite-accordion-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with "accordion-positive-label-text-color" token */
  --kite-accordion-icon-fill: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "accordion-icon-color" token */
  --kite-alert-background-color: var(--kite-color-white, #ffffff);
  --kite-alert-border-color: var(--kite-color-gray-20, #d8dde6);
  --kite-alert-focus-ring-color: var(--kite-color-blue-20, #0271eb);
  --kite-alert-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-alert-border-left-width: var(--kite-size-8, 0.5rem);
  --kite-alert-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-alert-dismiss-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-dismiss-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-height: var(--kite-size-24, 1.5rem);
  --kite-alert-status-icon-width: var(--kite-size-24, 1.5rem);
  --kite-alert-link-icon-height: var(--kite-size-12, 0.75rem);
  --kite-alert-link-icon-width: var(--kite-size-12, 0.75rem);
  --kite-alert-global-focus-ring-color: var(--kite-color-black, #000000);
  --kite-alert-passive-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-alert-passive-zindex: var(--kite-zindex-notification, 1600);
  --kite-alert-passive-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-alert-passive-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-passive-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-alert-passive-neutral-border-color: var(--kite-color-blue-10, #4da4ff);
  --kite-alert-passive-neutral-status-icon-color: var(--kite-color-blue-10, #4da4ff);
  --kite-alert-passive-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-alert-passive-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-alert-dismiss-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-dismiss-icon-color" token */
  --kite-alert-indicator-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "alert-status-icon-height" token */
  --kite-alert-indicator-icon-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "alert-status-icon-width" token */
  --kite-alert-page-background-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-background-color" token */
  --kite-alert-page-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-background-color" token */
  --kite-alert-page-border-left-width: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with "alert-border-left-width" token */
  --kite-alert-page-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1)); /** @deprecated: Replace with "alert-elevation" token */
  --kite-alert-page-text-size: var(--kite-typography-lg-body-size, 1rem); /** @deprecated: Replace with "alert-text-size" token */
  --kite-alert-global-caution-indicator-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-caution-status-icon-color" token */
  --kite-alert-global-caution-indicator-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-caution-status-icon-color" token */
  --kite-alert-global-caution-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-caution-link-icon-color" token */
  --kite-alert-global-error-dismiss-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-dismiss-icon-color" token */
  --kite-alert-global-error-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-dismiss-icon-color" token */
  --kite-alert-global-error-indicator-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-status-icon-color" token */
  --kite-alert-global-error-indicator-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-status-icon-color" token */
  --kite-alert-global-error-link-text-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-text-color" token */
  --kite-alert-global-error-link-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-text-color" token */
  --kite-alert-global-error-link-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-icon-color" token */
  --kite-alert-global-error-link-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-icon-color" token */
  --kite-alert-global-error-text-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-text-color" token */
  --kite-alert-global-error-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "alert-global-negative-text-color" token */
  --kite-alert-global-info-indicator-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-neutral-status-icon-color" token */
  --kite-alert-global-info-indicator-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-neutral-status-icon-color" token */
  --kite-alert-global-info-link-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-neutral-link-icon-color" token */
  --kite-alert-global-info-link-icon-fill-dark: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-global-neutral-link-icon-color" token */
  --kite-alert-dismiss-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "alert-dismiss-icon-color" token */
  --kite-alert-negative-status-icon-fill: var(--kite-color-red-20, #d6312b); /** @deprecated: Replace with "alert-negative-status-icon-color" token */
  --kite-alert-positive-status-icon-fill: var(--kite-color-green-20, #008516); /** @deprecated: Replace with "alert-positive-status-icon-color" token */
  --kite-badge-background-color: var(--kite-color-red-20, #d6312b);
  --kite-badge-height: var(--kite-size-20, 1.25rem);
  --kite-badge-min-width: var(--kite-size-20, 1.25rem);
  --kite-badge-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-badge-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-badge-text-color: var(--kite-color-white, #ffffff);
  --kite-badge-text-size: var(--kite-size-12, 0.75rem);
  --kite-badge-text-weight: var(--kite-font-weight-bold, 700);
  --kite-badge-sm-height: var(--kite-size-8, 0.5rem);
  --kite-badge-sm-width: var(--kite-size-8, 0.5rem);
  --kite-badge-icon-dot-height: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with "badge-sm-height" token */
  --kite-badge-icon-dot-width: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with "badge-sm-width" token */
  --kite-badge-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "badge-text-color" token */
  --kite-badge-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "badge-disabled-background-color" token */
  --kite-blockquote-border-left-width: var(--kite-size-4, 0.25rem);
  --kite-blockquote-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-blockquote-cite-text-color: var(--kite-color-gray-30, #63738a);
  --kite-button-text-weight: var(--kite-font-weight-medium, 500);
  --kite-button-height: var(--kite-size-touch-target, 2.75rem);
  --kite-button-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-button-disabled-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-button-disabled-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-cursor: var(--kite-cursor-action, pointer);
  --kite-button-icon-height: var(--kite-size-20, 1.25rem);
  --kite-button-icon-width: var(--kite-size-20, 1.25rem);
  --kite-button-destructive-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-focus-background-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-destructive-focus-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-hover-background-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-destructive-hover-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-destructive-press-background-color: var(--kite-color-negative-press, #b00300);
  --kite-button-destructive-press-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-background-color: var(--kite-button-secondary-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-border-color: var(--kite-button-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-disabled-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-background-color: var(--kite-button-borderless-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative-focus, #b00300);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-negative-hover, #b00300);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-negative-press, #b00300);
  --kite-button-primary-background-color-dark: var(--kite-color-blue-20, #0271eb); /** @deprecated: Replace with 'button-primary-background-color' token */
  --kite-button-primary-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-icon-color' token */
  --kite-button-primary-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-text-color' token */
  --kite-button-primary-active-background-color-dark: var(--kite-color-blue-30, #0257b2); /** @deprecated: Replace with 'button-primary-press-background-color' token */
  --kite-button-primary-active-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-press-text-color' token */
  --kite-button-primary-active-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-press-icon-color' token */
  --kite-button-primary-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'button-primary-disabled-background-color' token */
  --kite-button-primary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-primary-disabled-text-color' token */
  --kite-button-primary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-primary-disabled-icon-color' token */
  --kite-button-primary-focus-background-color-dark: var(--kite-color-blue-30, #0257b2); /** @deprecated: Replace with 'button-primary-focus-background-color' token */
  --kite-button-primary-focus-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-focus-text-color' token */
  --kite-button-primary-focus-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-focus-icon-color' token */
  --kite-button-primary-hover-background-color-dark: var(--kite-color-blue-30, #0257b2); /** @deprecated: Replace with 'button-primary-hover-background-color' token */
  --kite-button-primary-hover-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-hover-text-color' token */
  --kite-button-primary-hover-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-primary-hover-icon-color' token */
  --kite-button-disabled-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'button-disabled-background-color' token */
  --kite-button-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-focus-ring-color' token */
  --kite-button-secondary-border-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-border-color' token */
  --kite-button-secondary-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-icon-color' token */
  --kite-button-secondary-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-text-color' token */
  --kite-button-secondary-active-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-press-background-color' token */
  --kite-button-secondary-active-text-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'button-secondary-press-text-color' token */
  --kite-button-secondary-active-icon-fill-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'button-secondary-press-icon-color' token */
  --kite-button-secondary-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-secondary-disabled-border-color' token */
  --kite-button-secondary-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-secondary-disabled-icon-color' token */
  --kite-button-secondary-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-secondary-disabled-text-color' token */
  --kite-button-secondary-focus-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-focus-background-color' token */
  --kite-button-secondary-focus-text-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'button-secondary-focus-text-color' token */
  --kite-button-secondary-focus-icon-fill-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'button-secondary-focus-icon-color' token */
  --kite-button-secondary-hover-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-secondary-hover-background-color' token */
  --kite-button-secondary-hover-text-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'button-secondary-hover-text-color' token */
  --kite-button-secondary-hover-icon-fill-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'button-secondary-hover-icon-color' token */
  --kite-button-borderless-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-borderless-icon-color' token */
  --kite-button-borderless-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-borderless-text-color' token */
  --kite-button-borderless-active-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'button-borderless-press-icon-color' token */
  --kite-button-borderless-active-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'button-borderless-press-text-color' token */
  --kite-button-borderless-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-borderless-disabled-icon-color' token */
  --kite-button-borderless-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'button-borderless-disabled-text-color' token */
  --kite-button-borderless-focus-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-borderless-focus-icon-color' token */
  --kite-button-borderless-focus-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-borderless-focus-text-color' token */
  --kite-button-borderless-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'button-borderless-hover-icon-color' token */
  --kite-button-borderless-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'button-borderless-hover-text-color' token */
  --kite-button-active-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-press-icon-color' token */
  --kite-button-focus-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-focus-icon-color' token */
  --kite-button-hover-icon-fill: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'button-hover-icon-color' token */
  --kite-button-borderless-active-icon-fill: var(--kite-color-blue-30, #0257b2); /** @deprecated: Replace with 'button-borderless-press-icon-color' token */
  --kite-button-borderless-hover-icon-fill: var(--kite-color-blue-30, #0257b2); /** @deprecated: Replace with 'button-borderless-hover-icon-color' token */
  --kite-calendar-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-calendar-action-cursor: var(--kite-cursor-action, pointer);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-width: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-height: var(--kite-size-40, 2.5rem);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-calendar-day-today-indicator-width: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-today-indicator-height: var(--kite-size-4, 0.25rem);
  --kite-calendar-day-due-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-calendar-day-due-padding-top: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-padding-bottom: var(--kite-size-1, 0.0625rem);
  --kite-calendar-day-due-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-out-range-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-day-unavailable-text-decoration-line: var(--kite-calendar-day-disabled-text-decoration-line, line-through);
  --kite-calendar-month-year-text-weight: var(--kite-font-weight-bold, 700);
  --kite-calendar-day-disabled-text-decoration-thickness: var(--kite-size-2, 0.125rem); /** @deprecated: Replace with 'calendar-day-unavailable-text-decoration-thickness' token */
  --kite-card-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-card-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with "card-background-color" token */
  --kite-card-border-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with "card-border-color" token */
  --kite-checkbox-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-selected-icon-height: var(--kite-size-16, 1rem);
  --kite-checkbox-selected-icon-width: var(--kite-size-16, 1rem);
  --kite-checkbox-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-checkbox-error-feedback-icon-height: var(--kite-size-20, 1.25rem);
  --kite-checkbox-error-feedback-icon-width: var(--kite-size-20, 1.25rem);
  --kite-checkbox-border-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-border-color" token */
  --kite-checkbox-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-label-text-color" token */
  --kite-checkbox-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-disabled-border-color" token */
  --kite-checkbox-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-label-text-color" token */
  --kite-checkbox-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-focus-ring-color" token */
  --kite-checkbox-selected-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-selected-background-color" token */
  --kite-checkbox-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-selected-disabled-border-color" token */
  --kite-checkbox-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-selected-disabled-background-color" token */
  --kite-checkbox-indeterminate-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "checkbox-indeterminate-icon-color" token */
  --kite-checkbox-indeterminate-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-indeterminate-disabled-border-color" token */
  --kite-checkbox-indeterminate-disabled-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "checkbox-indeterminate-disabled-background-color" token */
  --kite-chip-text-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-text-weight: var(--kite-font-weight-medium, 500);
  --kite-chip-border-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-height: var(--kite-size-32, 2rem);
  --kite-chip-focus-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-chip-selected-background-color: var(--kite-color-gray-30, #63738a);
  --kite-chip-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-chip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-chip-cursor: var(--kite-cursor-action, pointer);
  --kite-chip-background-color-dark: var(--kite-color-dark-blue-30, #000f1a); /** @deprecated: Replace with "chip-background-color" token */
  --kite-chip-text-color-dark: var(--kite-color-light-blue-10, #b8d4f2); /** @deprecated: Replace with "chip-text-color" token */
  --kite-chip-hover-background-color-dark: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with "chip-hover-background-color" token */
  --kite-chip-selected-disabled-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "chip-selected-disabled-background-color" token */
  --kite-chip-disabled-background-color-dark: var(--kite-color-dark-blue-30, #000f1a); /** @deprecated: Replace with "chip-disabled-background-color" token */
  --kite-chip-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "chip-disabled-text-color" token */
  --kite-combobox-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-combobox-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-combobox-height: var(--kite-size-touch-target, 2.75rem);
  --kite-combobox-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-combobox-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-combobox-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-combobox-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-combobox-overflow-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-combobox-picker-results-text-color: var(--kite-color-gray-30, #63738a);
  --kite-data-table-text-size: var(--kite-size-14, 0.875rem);
  --kite-data-table-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-data-table-breakpoint-md-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-data-table-breakpoint-md-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-data-table-icon-size: var(--kite-size-16, 1rem);
  --kite-data-table-header-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-header-text-weight: var(--kite-font-weight-bold, 700);
  --kite-data-table-cell-text-align: var(--kite-data-table-text-align, left);
  --kite-data-table-row-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.2);
  --kite-data-table-striped-row-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-white, #ffffff);
  --kite-data-table-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "data-table-text-color" token */
  --kite-data-table-title-row-border-bottom-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "data-table-title-row-border-bottom-color" token */
  --kite-data-table-title-row-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "data-table-title-row-text-color" token */
  --kite-data-table-cell-border-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "data-table-cell-border-color" token */
  --kite-data-table-cell-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "data-table-cell-focus-ring-color" token */
  --kite-data-table-row-border-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "data-table-row-border-color" token */
  --kite-data-table-row-striped-background-color-dark: var(--kite-color-dark-blue-30, #000f1a); /** @deprecated: Replace with "data-table-striped-row-background-color" token */
  --kite-data-table-row-hover-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "data-table-row-hover-background-color" token */
  --kite-data-table-row-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "data-table-row-focus-ring-color" token */
  --kite-data-table-title-row-icon-size: var(--kite-size-16, 1rem); /** @deprecated: Replace with "data-table-icon-size" token */
  --kite-data-table-title-row-text-weight: var(--kite-font-weight-bold, 700); /** @deprecated: Replace with "data-table-header-text-weight" token */
  --kite-data-table-row-striped-background-color: var(--kite-color-gray-10, #f8f8f8); /** @deprecated: Replace with "data-table-striped-row-background-color" token */
  --kite-data-table-lg-text-size: var(--kite-typography-lg-body-size, 1rem); /** @deprecated: Replace with "data-table-breakpoint-md-text-size" token */
  --kite-data-table-sm-text-size: var(--kite-size-14, 0.875rem); /** @deprecated: Replace with "data-table-text-size" token */
  --kite-data-table-hover-row-background-color: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with "data-table-row-hover-background-color" token */
  --kite-date-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-date-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-date-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-date-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-date-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-date-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-date-input-feedback-margin-top: var(--kite-form-control-margin-top, 0);
  --kite-date-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-date-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-date-input-picker-min-width: var(--kite-form-control-picker-min-width, 18rem);
  --kite-dialog-border-width: var(--kite-border-width-none, 0);
  --kite-dialog-width: var(--kite-dialog-full-size-width, 100%); /** 4 of 4 columns */
  --kite-dialog-height: var(--kite-dialog-full-size-height, 100%);
  --kite-dialog-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dialog-icon-height: var(--kite-size-24, 1.5rem);
  --kite-dialog-icon-width: var(--kite-size-24, 1.5rem);
  --kite-dialog-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-zindex: var(--kite-zindex-dialog, 1300);
  --kite-dialog-breakpoint-md-title-text-size: var(--kite-typography-lg-title-5-size, 1.5rem);
  --kite-dialog-breakpoint-md-title-text-line-height: var(--kite-typography-lg-title-5-line-height, 1.333);
  --kite-dialog-overlay-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-dialog-overlay-zindex: var(--kite-zindex-dialog-backdrop, 1200);
  --kite-dialog-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-dialog-dismiss-icon-height: var(--kite-size-20, 1.25rem);
  --kite-dialog-dismiss-icon-width: var(--kite-size-20, 1.25rem);
  --kite-dialog-scrolled-elevation: var(--kite-elevation-1, 0 1px 4px 0 rgba(0, 0, 0, 0.1));
  --kite-dialog-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with "dialog-background-color" token */
  --kite-dialog-overlay-background-color-dark: var(--kite-color-dark-blue-30, #000f1a); /** @deprecated: Replace with "dialog-overlay-background-color" token */
  --kite-dialog-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dialog-dismiss-icon-color" token */
  --kite-dialog-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dialog-text-color" token */
  --kite-dialog-box-shadow: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1)); /** @deprecated: Replace with "dialog-elevation" token */
  --kite-dialog-dismiss-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with "dialog-dismiss-icon-color" token */
  --kite-dialog-z-index: var(--kite-zindex-dialog, 1300); /** @deprecated: Replace with "dialog-zindex" token */
  --kite-dropdown-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-dropdown-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-dropdown-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-dropdown-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-dropdown-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-dropdown-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-icon-margin-right: var(--kite-size-8, 0.5rem);
  --kite-dropdown-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'dropdown-background-color' token */
  --kite-dropdown-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'dropdown-border-color' token */
  --kite-dropdown-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'dropdown-icon-color' token */
  --kite-dropdown-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'dropdown-label-text-color' token */
  --kite-dropdown-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'dropdown-text-color' token */
  --kite-dropdown-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'dropdown-focus-ring-color' token */
  --kite-dropdown-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'dropdown-disabled-background-color' token */
  --kite-dropdown-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'dropdown-disabled-border-color' token */
  --kite-dropdown-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'dropdown-disabled-icon-color' token */
  --kite-dropdown-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'dropdown-disabled-text-color' token */
  --kite-dropdown-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'dropdown-error-border-color' token */
  --kite-dropdown-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'dropdown-error-text-color' token */
  --kite-dropdown-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-dropdown-list-cursor: var(--kite-cursor-action, pointer);
  --kite-dropdown-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dropdown-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-dropdown-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dropdown-list-item-padding-top: var(--kite-menu-list-item-padding-top, 0.625rem);
  --kite-dropdown-list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom, 0.625rem);
  --kite-dropdown-list-item-icon-height: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-icon-width: var(--kite-size-16, 1rem);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-dropdown-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dropdown-list-item-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-inline-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-dropdown-inline-border-width: var(--kite-border-width-none, 0);
  --kite-dropdown-inline-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dropdown-list-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with "dropdown-list-background-color" token */
  --kite-dropdown-list-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "dropdown-list-border-color" token */
  --kite-dropdown-list-item-destructive-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "dropdown-list-item-destructive-text-color" token */
  --kite-dropdown-list-item-destructive-icon-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "dropdown-list-item-destructive-icon-color" token */
  --kite-dropdown-list-item-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-list-item-text-color" token */
  --kite-dropdown-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #000f1a); /** @deprecated: Replace with "dropdown-list-item-icon-color" token */
  --kite-dropdown-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-list-item-disabled-text-color" token */
  --kite-dropdown-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "dropdown-list-item-hover-background-color" token */
  --kite-dropdown-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-list-item-focus-ring-color" token */
  --kite-dropdown-list-z-index: var(--kite-zindex-dropdown, 1100); /** @deprecated: Replace with "dropdown-list-zindex" token */
  --kite-dropdown-list-item-icon-fill: var(--kite-color-dark-blue-30, #000f1a); /** @deprecated: Replace with "dropdown-list-item-icon-color" token */
  --kite-dropdown-inline-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-inline-focus-ring-color" token */
  --kite-dropdown-inline-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dropdown-inline-text-color" token */
  --kite-dynamic-hint-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-dynamic-hint-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-dynamic-hint-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-dynamic-hint-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-dynamic-hint-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-dynamic-hint-arrow-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-title-text-weight: var(--kite-font-weight-bold, 700);
  --kite-dynamic-hint-criteria-icon-height: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-criteria-icon-width: var(--kite-size-16, 1rem);
  --kite-dynamic-hint-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "dynamic-hint-background-color" token */
  --kite-dynamic-hint-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "dynamic-hint-arrow-background-color" token */
  --kite-dynamic-hint-criteria-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "dynamic-hint-criteria-text-color" token */
  --kite-dynamic-hint-criteria-success-icon-fill-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with "dynamic-hint-criteria-positive-icon-color" token */
  --kite-dynamic-hint-criteria-error-icon-fill-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "dynamic-hint-criteria-negative-icon-color" token */
  --kite-interactive-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed); /** @deprecated: Replace with "list-disabled-cursor" token */
  --kite-interactive-list-item-border-radius: var(--kite-interactive-list-border-radius, 0); /** @deprecated: Replace with "list-item-border-radius" token */
  --kite-interactive-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem); /** @deprecated: Replace with "list-item-focus-ring-offset" token */
  --kite-interactive-list-item-cursor: var(--kite-cursor-action, pointer); /** @deprecated: Replace with "list-item-cursor" token */
  --kite-interactive-list-item-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "list-item-icon-height" token */
  --kite-interactive-list-item-icon-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with "list-item-icon-width" token */
  --kite-interactive-list-item-hover-background-color: rgba(0, 15, 26, 0.02); /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-interactive-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed); /** @deprecated: Replace with "list-item-disabled-cursor" token */
  --kite-interactive-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500); /** @deprecated: Replace with "list-item-multiline-title-text-weight" token */
  --kite-interactive-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem); /** @deprecated: Replace with "list-item-breakpoint-md-title-text-size" token */
  --kite-interactive-list-image-border-radius: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with "list-image-border-radius" token */
  --kite-interactive-list-item-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-label-text-color" token */
  --kite-interactive-list-item-danger-label-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "list-item-negative-label-text-color" token */
  --kite-interactive-list-item-info-label-text-color-dark: var(--kite-color-blue-10, #4da4ff); /** @deprecated: Replace with "list-item-neutral-label-text-color" token */
  --kite-interactive-list-item-success-label-text-color-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with "list-item-positive-label-text-color" token */
  --kite-interactive-list-item-border-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "list-item-border-color" token */
  --kite-interactive-list-item-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-text-color" token */
  --kite-interactive-list-item-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-icon-color" token */
  --kite-interactive-list-item-action-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-action-icon-color" token */
  --kite-interactive-list-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "list-item-disabled-text-color" token */
  --kite-interactive-list-item-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "list-item-disabled-icon-color" token */
  --kite-interactive-list-item-disabled-action-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "list-item-disabled-action-icon-color" token */
  --kite-interactive-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "list-item-focus-ring-color" token */
  --kite-link-text-decoration: var(--kite-link-text-decoration-line, underline);
  --kite-link-text-decoration-offset: var(--kite-size-2, 0.125rem);
  --kite-link-text-decoration-thickness: var(--kite-size-2, 0.125rem);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-link-cursor: var(--kite-cursor-action, pointer);
  --kite-link-icon-height: var(--kite-size-14, 0.875rem);
  --kite-link-icon-width: var(--kite-size-14, 0.875rem);
  --kite-link-standalone-text-decoration: var(--kite-link-standalone-text-decoration-line, none);
  --kite-link-standalone-text-weight: var(--kite-font-weight-medium, 500);
  --kite-link-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-text-color" token */
  --kite-link-active-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "link-press-text-color" token */
  --kite-link-visited-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with "link-visited-text-color" token */
  --kite-link-focus-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-focus-text-color" token */
  --kite-link-hover-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with "link-hover-text-color" token */
  --kite-link-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-focus-ring-color" token */
  --kite-link-standalone-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-standalone-icon-color" token */
  --kite-link-standalone-active-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "link-standalone-press-icon-color" token */
  --kite-link-standalone-focus-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "link-standalone-focus-icon-color" token */
  --kite-link-standalone-hover-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with "link-standalone-hover-icon-color" token */
  --kite-link-standalone-visited-icon-fill-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with "link-standalone-visited-icon-color" token */
  --kite-link-standalone-active-icon-fill: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with "link-standalone-press-icon-color" token */
  --kite-link-standalone-hover-icon-fill: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "link-standalone-hover-icon-color" token */
  --kite-link-standalone-visited-icon-fill: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "link-standalone-visited-icon-color" token */
  --kite-list-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-border-radius: var(--kite-list-border-radius, 0);
  --kite-list-item-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-list-item-cursor: var(--kite-cursor-action, pointer);
  --kite-list-item-slot-start-max-width: var(--kite-list-start-max-width, 5rem);
  --kite-list-item-icon-height: var(--kite-size-24, 1.5rem);
  --kite-list-item-icon-width: var(--kite-size-24, 1.5rem);
  --kite-list-item-image-sm-max-width: var(--kite-size-48, 3rem);
  --kite-list-item-image-sm-max-height: var(--kite-size-48, 3rem);
  --kite-list-item-action-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-action-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-width: var(--kite-size-16, 1rem);
  --kite-list-item-label-icon-height: var(--kite-size-16, 1rem);
  --kite-list-item-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-hover-background-color: rgba(0, 15, 26, 0.02);
  --kite-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-list-item-multiline-title-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-item-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-list-item-breakpoint-md-title-body-text-size: var(--kite-typography-lg-body-size, 1rem);
  --kite-list-item-breakpoint-md-title-body-text-weight: var(--kite-font-weight-medium, 500);
  --kite-list-item-breakpoint-md-title-body-text-line-height: var(--kite-typography-lg-body-line-height, 1.5);
  --kite-list-image-border-radius: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'list-item-image-border-radius' token */
  --kite-list-image-max-width: var(--kite-list-item-image-lg-max-width, 5rem); /** @deprecated: Replace with 'list-item-image-max-width' token */
  --kite-list-image-max-height: var(--kite-list-item-image-lg-max-height, 5rem); /** @deprecated: Replace with 'list-item-image-max-width' token */
  --kite-menu-list-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-menu-list-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-list-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-menu-list-transition-timing-function: var(--kite-menu-list-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-menu-list-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-menu-list-item-icon-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-menu-list-item-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-list-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-width: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-height: var(--kite-size-touch-target, 2.75rem);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-menu-trigger-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-menu-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-menu-trigger-icon-height: var(--kite-size-20, 1.25rem);
  --kite-menu-trigger-icon-width: var(--kite-size-20, 1.25rem);
  --kite-menu-contextual-label-trigger-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-menu-sm-trigger-padding-top: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-right: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-menu-sm-trigger-padding-left: var(--kite-size-2, 0.125rem);
  --kite-menu-list-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with "menu-list-background-color" token */
  --kite-menu-list-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "menu-list-border-color" token */
  --kite-menu-list-item-negative-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "menu-list-item-negative-text-color" token */
  --kite-menu-list-item-negative-icon-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with "menu-list-item-negative-icon-color" token */
  --kite-menu-list-item-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-list-item-text-color" token */
  --kite-menu-list-item-icon-fill-dark: var(--kite-color-dark-blue-30, #000f1a); /** @deprecated: Replace with "menu-list-item-icon-color" token */
  --kite-menu-list-item-disabled-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-list-item-disabled-text-color" token */
  --kite-menu-list-item-hover-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "menu-list-item-hover-background-color" token */
  --kite-menu-list-item-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-list-item-focus-ring-color" token */
  --kite-menu-trigger-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-trigger-icon-color" token */
  --kite-menu-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with "menu-focus-ring-color" token */
  --kite-menu-trigger-hover-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "menu-trigger-hover-background-color" token */
  --kite-menu-trigger-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with "menu-trigger-disabled-icon-color" token */
  --kite-menu-list-z-index: var(--kite-zindex-dropdown, 1100); /** @deprecated: Replace with "menu-list-zindex" token */
  --kite-menu-list-item-icon-fill: var(--kite-color-dark-blue-30, #000f1a); /** @deprecated: Replace with "menu-list-item-icon-color" token */
  --kite-meter-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-meter-track-height: var(--kite-size-8, 0.5rem);
  --kite-meter-tick-color: var(--kite-color-black, #000000);
  --kite-meter-tick-width: var(--kite-size-4, 0.25rem);
  --kite-meter-value-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-sm-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-sm-track-height: var(--kite-size-4, 0.25rem);
  --kite-meter-lg-icon-width: var(--kite-size-16, 1rem);
  --kite-meter-lg-icon-height: var(--kite-size-16, 1rem);
  --kite-meter-lg-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-lg-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-lg-status-label-text-weight: var(--kite-font-weight-medium, 500);
  --kite-meter-lg-track-height: var(--kite-size-16, 1rem);
  --kite-meter-circular-height: var(--kite-meter-circular-width, 5.5rem);
  --kite-meter-circular-height-px: var(--kite-meter-circular-width-px, 88px);
  --kite-meter-circular-icon-width: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-icon-height: var(--kite-size-12, 0.75rem);
  --kite-meter-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-meter-circular-sm-height-px: var(--kite-meter-circular-sm-width-px, 24px);
  --kite-meter-circular-sm-tick-height: var(--kite-meter-circular-sm-track-height, 0.125rem);
  --kite-meter-circular-lg-height: var(--kite-meter-circular-lg-width, 9.25rem);
  --kite-meter-circular-lg-height-px: var(--kite-meter-circular-lg-width-px, 148px);
  --kite-meter-circular-lg-track-height-px: var(--kite-meter-circular-track-height-px, 8px);
  --kite-meter-circular-lg-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-meter-circular-lg-value-label-text-line-height: var(--kite-typography-lg-title-6-line-height, 1.4);
  --kite-meter-accessibility-tick-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'meter-tick-color' token */
  --kite-meter-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'meter-label-text-color' token */
  --kite-meter-progress-fill-background-color-dark: var(--kite-color-light-blue-20, #73b7ff); /** @deprecated: Replace with 'meter-fill-color' token */
  --kite-meter-track-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'meter-track-color' token */
  --kite-meter-positive-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with 'meter-positive-fill-color' token */
  --kite-meter-positive-status-icon-fill-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with 'meter-positive-icon-color' token */
  --kite-meter-caution-progress-fill-background-color-dark: var(--kite-color-yellow-10, #ffd400); /** @deprecated: Replace with 'meter-caution-fill-color' token */
  --kite-meter-caution-status-icon-fill-dark: var(--kite-color-yellow-10, #ffd400); /** @deprecated: Replace with 'meter-caution-icon-color' token */
  --kite-meter-alert-progress-fill-background-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'meter-negative-fill-color' token */
  --kite-meter-alert-status-icon-fill-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'meter-negative-icon-color' token */
  --kite-meter-success-progress-fill-background-color-dark: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with 'meter-positive-fill-color' token */
  --kite-meter-accessibility-tick-background-color: var(--kite-color-black, #000000); /** @deprecated: Replace with 'meter-tick-color' token */
  --kite-meter-progress-fill-background-color: var(--kite-color-light-blue-20, #73b7ff); /** @deprecated: Replace with 'meter-fill-color' token */
  --kite-meter-track-background-color: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with 'meter-track-color' token */
  --kite-meter-value-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'meter-value-label-text-color' token */
  --kite-meter-status-icon-height: var(--kite-size-16, 1rem); /** @deprecated: Replace with 'meter-progress-icon-height' token */
  --kite-meter-status-icon-width: var(--kite-size-16, 1rem); /** @deprecated: Replace with 'meter-progress-icon-width' token */
  --kite-meter-linear-track-height: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with 'meter-track-height' token */
  --kite-meter-linear-small-track-height: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'meter-sm-track-height' token */
  --kite-meter-linear-large-track-height: var(--kite-size-16, 1rem); /** @deprecated: Replace with 'meter-lg-track-height' token */
  --kite-meter-circular-small-accessibility-tick-width: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'meter-circular-sm-tick-width' token */
  --kite-meter-circular-small-accessibility-tick-height: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'meter-circular-sm-tick-height' token */
  --kite-meter-circular-large-status-icon-height: var(--kite-size-12, 0.75rem); /** @deprecated: Replace with 'meter-circular-lg-icon-height' token */
  --kite-meter-circular-large-status-icon-width: var(--kite-size-12, 0.75rem); /** @deprecated: Replace with 'meter-circular-lg-icon-width' token */
  --kite-meter-circular-large-track-height: var(--kite-size-8, 0.5rem); /** @deprecated: Replace with 'meter-circular-lg-track-height' token */
  --kite-meter-circular-large-value-label-text-size: var(--kite-typography-lg-title-6-size, 1.25rem); /** @deprecated: Replace with 'meter-circular-lg-value-label-text-size' token */
  --kite-pagination-controls-button-cursor: var(--kite-cursor-action, pointer);
  --kite-pagination-controls-button-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-controls-button-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-pagination-controls-button-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-controls-button-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-page-select-current-label-margin-top: var(--kite-pagination-dropdown-margin-top, 0);
  --kite-pagination-page-select-current-label-margin-bottom: var(--kite-pagination-dropdown-margin-bottom, 0);
  --kite-pagination-dropdown-height: var(--kite-size-touch-target, 2.75rem);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-gray-20, #d8dde6);
  --kite-pagination-dropdown-icon-width: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-icon-height: var(--kite-size-12, 0.75rem);
  --kite-pagination-dropdown-placeholder-text-weight: var(--kite-font-weight-bold, 700);
  --kite-pagination-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-pagination-controls-border-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'pagination-controls-border-color' token */
  --kite-pagination-controls-button-icon-fill: var(--kite-color-blue-20, #0271eb); /** @deprecated: Replace with 'pagination-controls-button-icon-color' token */
  --kite-pagination-controls-button-icon-fill-dark: var(--kite-color-blue-20, #0271eb); /** @deprecated: Replace with 'pagination-controls-button-icon-color' token */
  --kite-pagination-controls-button-previous-border-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'pagination-controls-button-border-color' token */
  --kite-pagination-controls-button-disabled-icon-fill-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'pagination-controls-button-disabled-icon-color' token */
  --kite-pagination-controls-button-hover-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'pagination-controls-button-hover-background-color' token */
  --kite-pagination-controls-button-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'pagination-controls-button-focus-ring-color' token */
  --kite-pagination-per-page-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'pagination-page-size-label-text-color' token */
  --kite-pagination-item-count-label-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'pagination-count-text-color' token */
  --kite-pagination-item-count-label-text-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'pagination-count-text-color' token */
  --kite-payment-logo-border-width: var(--kite-border-width-none, 0);
  --kite-payment-logo-width: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-height: var(--kite-size-24, 1.5rem);
  --kite-payment-logo-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-payment-logo-elevation: var(--kite-elevation-0, none);
  --kite-popover-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-popover-elevation: var(--kite-elevation-2, 0 2px 8px 0 rgba(0, 0, 0, 0.1));
  --kite-popover-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-popover-breakpoint-md-title-text-size: var(--kite-typography-lg-title-6-size, 1.25rem);
  --kite-popover-breakpoint-md-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-popover-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-popover-arrow-width: var(--kite-size-16, 1rem);
  --kite-popover-trigger-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-trigger-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-popover-trigger-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-trigger-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-cursor: var(--kite-cursor-action, pointer);
  --kite-popover-dismiss-icon-height: var(--kite-size-16, 1rem);
  --kite-popover-dismiss-icon-width: var(--kite-size-16, 1rem);
  --kite-popover-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'popover-background-color' token */
  --kite-popover-z-index: var(--kite-zindex-dropdown, 1100); /** @deprecated: Replace with 'popover-zindex' token */
  --kite-popover-trigger-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-icon-color' token */
  --kite-popover-trigger-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-label-text-color' token */
  --kite-popover-trigger-active-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-expanded-icon-color' token */
  --kite-popover-trigger-focus-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-focus-icon-color' token */
  --kite-popover-trigger-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-focus-ring-color' token */
  --kite-popover-trigger-hover-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-trigger-hover-icon-color' token */
  --kite-popover-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'popover-arrow-background-color' token */
  --kite-popover-dismiss-icon-fill: var(--kite-color-black, #000000); /** @deprecated: Replace with 'popover-dismiss-icon-color' token */
  --kite-popover-dismiss-icon-fill-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'popover-dismiss-icon-color' token */
  --kite-progress-indicator-border-width: var(--kite-border-width-none, 0);
  --kite-progress-indicator-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-progress-indicator-zindex: var(--kite-zindex-dialog, 1300);
  --kite-progress-indicator-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-track-color: var(--kite-color-gray-20, #d8dde6);
  --kite-progress-indicator-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-value-label-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-gray-30, #63738a);
  --kite-progress-indicator-icon-width: var(--kite-size-20, 1.25rem);
  --kite-progress-indicator-button-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-circular-height: var(--kite-progress-indicator-circular-width, 2.5rem);
  --kite-progress-indicator-circular-height-px: var(--kite-progress-indicator-circular-width-px, 40px);
  --kite-progress-indicator-circular-label-text-weight: var(--kite-font-weight-bold, 700);
  --kite-progress-indicator-circular-icon-height: var(--kite-progress-indicator-circular-icon-width, 2.75rem);
  --kite-progress-indicator-circular-sm-track-size: var(--kite-size-2, 0.125rem);
  --kite-progress-indicator-circular-sm-width: var(--kite-size-24, 1.5rem);
  --kite-progress-indicator-circular-sm-height-px: var(--kite-progress-indicator-circular-sm-width-px, 24px);
  --kite-progress-indicator-circular-sm-icon-height: var(--kite-progress-indicator-circular-sm-icon-width, 1.625rem);
  --kite-progress-indicator-circular-lg-track-size: var(--kite-size-4, 0.25rem);
  --kite-progress-indicator-circular-lg-height: var(--kite-progress-indicator-circular-lg-width, 5rem);
  --kite-progress-indicator-circular-lg-height-px: var(--kite-progress-indicator-circular-lg-width-px, 80px);
  --kite-progress-indicator-circular-lg-icon-height: var(--kite-progress-indicator-circular-lg-icon-width, 5rem);
  --kite-progress-indicator-lg-border-width: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'progress-indicator-circular-lg-track-size' token */
  --kite-progress-indicator-lg-status-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'progress-indicator-value-label-color' token */
  --kite-progress-indicator-lg-status-text-weight: var(--kite-font-weight-bold, 700); /** @deprecated: Replace with 'progress-indicator-circular-value-label-weight' token */
  --kite-progress-indicator-lg-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'progress-indicator-label-text-color' token */
  --kite-progress-indicator-lg-label-text-weight: var(--kite-font-weight-bold, 700); /** @deprecated: Replace with 'progress-indicator-circular-label-text-weight' token */
  --kite-progress-indicator-lg-sub-label-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'progress-indicator-secondary-label-color' token */
  --kite-progress-indicator-lg-sub-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'progress-indicator-secondary-label-color' token */
  --kite-progress-indicator-md-border-width: var(--kite-size-4, 0.25rem); /** @deprecated: Replace with 'progress-indicator-track-size' token */
  --kite-progress-indicator-sm-border-width: var(--kite-size-2, 0.125rem); /** @deprecated: Replace with 'progress-indicator-circular-sm-track-size' token */
  --kite-progress-indicator-sm-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'progress-indicator-circular-sm-height' token */
  --kite-progress-indicator-sm-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'progress-indicator-circular-sm-width' token */
  --kite-radio-border-offset: var(--kite-size-2, 0.125rem);
  --kite-radio-height: var(--kite-size-20, 1.25rem);
  --kite-radio-focus-ring-width: var(--kite-size-4, 0.25rem);
  --kite-radio-focus-ring-offset: var(--kite-size-4, 0.25rem);
  --kite-radio-selected-indicator-height: var(--kite-size-12, 0.75rem);
  --kite-radio-input-margin-top: var(--kite-size-2, 0.125rem);
  --kite-radio-input-margin-bottom: var(--kite-size-2, 0.125rem);
  --kite-radio-border-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'radio-border-color' token */
  --kite-radio-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'radio-label-text-color' token */
  --kite-radio-selected-border-color-dark: var(--kite-color-blue-20, #0271eb); /** @deprecated: Replace with 'radio-selected-border-color' token */
  --kite-radio-selected-indicator-background-color-dark: var(--kite-color-blue-20, #0271eb); /** @deprecated: Replace with 'radio-selected-indicator-background-color' token */
  --kite-radio-selected-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'radio-selected-disabled-border-color' token */
  --kite-radio-selected-disabled-center-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'radio-selected-disabled-indicator-background-color' token */
  --kite-radio-selected-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'radio-selected-focus-ring-color' token */
  --kite-radio-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'radio-disabled-border-color' token */
  --kite-radio-disabled-label-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'radio-disabled-label-text-color' token */
  --kite-search-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-search-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-search-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-search-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-search-input-action-cursor: var(--kite-cursor-action, pointer);
  --kite-search-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-search-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-select-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-select-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-select-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-select-height: var(--kite-size-touch-target, 2.75rem);
  --kite-select-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-select-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-select-icon-height: var(--kite-size-24, 1.5rem);
  --kite-select-icon-width: var(--kite-size-24, 1.5rem);
  --kite-select-icon-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-select-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'select-background-color' token */
  --kite-select-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'select-border-color' token */
  --kite-select-icon-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'select-icon-color' token */
  --kite-select-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'select-label-text-color' token */
  --kite-select-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'select-text-color' token */
  --kite-select-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'select-focus-ring-color' token */
  --kite-select-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'select-disabled-background-color' token */
  --kite-select-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'select-disabled-border-color' token */
  --kite-select-disabled-icon-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'select-disabled-icon-color' token */
  --kite-select-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'select-disabled-text-color' token */
  --kite-select-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'select-error-border-color' token */
  --kite-select-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'select-error-text-color' token */
  --kite-select-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-skip-link-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-skip-link-text-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-text-weight: var(--kite-font-weight-medium, 500);
  --kite-skip-link-border-color: var(--kite-color-blue-20, #0271eb);
  --kite-skip-link-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-skip-link-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-skip-link-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'skip-link-background-color' token */
  --kite-skip-link-border-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'skip-link-border-color' token */
  --kite-skip-link-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'skip-link-text-color' token */
  --kite-switch-focus-ring-radius: var(--kite-size-16, 1rem);
  --kite-switch-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-switch-cursor: var(--kite-cursor-action, pointer);
  --kite-switch-thumb-background-color: var(--kite-color-white, #ffffff);
  --kite-switch-thumb-height: var(--kite-size-20, 1.25rem);
  --kite-switch-thumb-transform-x: var(--kite-size-24, 1.5rem);
  --kite-switch-track-background-color: var(--kite-color-gray-30, #63738a);
  --kite-switch-track-border-radius: var(--kite-size-32, 2rem);
  --kite-switch-track-padding-top: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-right: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-bottom: var(--kite-size-2, 0.125rem);
  --kite-switch-track-padding-left: var(--kite-size-2, 0.125rem);
  --kite-switch-track-height: var(--kite-size-24, 1.5rem);
  --kite-switch-track-width: var(--kite-size-48, 3rem);
  --kite-switch-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-label-text-color' token */
  --kite-switch-on-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-on-focus-ring-color' token */
  --kite-switch-indicator-background-color: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-thumb-background-color' token */
  --kite-switch-indicator-background-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-thumb-background-color' token */
  --kite-switch-indicator-height: var(--kite-size-20, 1.25rem); /** @deprecated: Replace with 'switch-thumb-height' token */
  --kite-switch-indicator-width: var(--kite-size-20, 1.25rem); /** @deprecated: Replace with 'switch-thumb-width' token */
  --kite-switch-disabled-indicator-background-color: var(--kite-color-gray-20, #d8dde6); /** @deprecated: Replace with 'switch-disabled-thumb-background-color' token */
  --kite-switch-disabled-indicator-background-color-dark: var(--kite-color-gray-25, #9ba9bd); /** @deprecated: Replace with 'switch-disabled-thumb-background-color' token */
  --kite-switch-off-track-background-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'switch-track-background-color' token */
  --kite-switch-off-track-background-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'switch-track-background-color' token */
  --kite-switch-off-focus-ring-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'switch-focus-ring-color' token */
  --kite-switch-off-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'switch-focus-ring-color' token */
  --kite-tabs-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-gray-30, #63738a);
  --kite-tabs-tab-selected-text-weight: var(--kite-font-weight-bold, 700);
  --kite-tabs-tab-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tabs-tab-cursor: var(--kite-cursor-action, pointer);
  --kite-tabs-panel-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-tabs-item-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tabs-tab-text-color' token */
  --kite-tabs-item-cursor: var(--kite-cursor-action, pointer); /** @deprecated: Replace with 'tabs-tab-cursor' token */
  --kite-tabs-item-active-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tabs-tab-selected-text-color' token */
  --kite-tabs-item-active-text-weight: var(--kite-font-weight-bold, 700); /** @deprecated: Replace with 'tabs-tab-selected-text-weight' token */
  --kite-tabs-item-hover-border-bottom: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'tabs-tab-hover-border-bottom' token */
  --kite-tabs-item-hover-border-bottom-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tabs-tab-hover-border-bottom' token */
  --kite-tabs-item-disabled-cursor: var(--kite-cursor-disabled, not-allowed); /** @deprecated: Replace with 'tabs-tab-disabled-cursor' token */
  --kite-tabs-item-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'tabs-tab-disabled-text-color' token */
  --kite-tabs-item-focus-ring-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tabs-tab-focus-ring-color' token */
  --kite-tag-background-color: var(--kite-color-gray-10, #f8f8f8);
  --kite-tag-text-size: var(--kite-size-14, 0.875rem);
  --kite-tag-text-weight: var(--kite-font-weight-medium, 500);
  --kite-tag-border-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-icon-size: var(--kite-size-16, 1rem);
  --kite-tag-caution-text-color: var(--kite-color-black, #000000);
  --kite-tag-negative-text-color: var(--kite-color-black, #000000);
  --kite-tag-neutral-text-color: var(--kite-color-black, #000000);
  --kite-tag-positive-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-tag-solid-caution-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-negative-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-neutral-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-tag-solid-positive-border-color: var(--kite-tag-solid-border-color, rgba(0, 0, 0, 0));
  --kite-text-area-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-area-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-area-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-area-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-area-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-area-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-area-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'text-area-background-color' token */
  --kite-text-area-hint-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-area-placeholder-text-color' token */
  --kite-text-area-hint-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-area-placeholder-text-color' token */
  --kite-text-area-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'text-area-label-text-color' token */
  --kite-text-area-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'text-area-text-color' token */
  --kite-text-area-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'text-area-disabled-background-color' token */
  --kite-text-area-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-area-disabled-border-color' token */
  --kite-text-area-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-area-disabled-text-color' token */
  --kite-text-area-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'text-area-error-border-color' token */
  --kite-text-area-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'text-area-error-feedback-text-color' token */
  --kite-text-area-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-text-area-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff); /** @deprecated: Replace with 'text-area-focus-ring-color' token */
  --kite-text-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-text-input-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-text-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-text-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-text-input-addon-padding-top: var(--kite-form-control-addon-padding-top, 0);
  --kite-text-input-addon-padding-bottom: var(--kite-form-control-addon-padding-bottom, 0);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-30, #63738a);
  --kite-text-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-text-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-text-input-secure-text-overflow: var(--kite-form-control-text-overflow, clip);
  --kite-text-input-secure-icon-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-text-input-secure-confirm-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-confirm-icon-width' token */
  --kite-text-input-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'text-input-background-color' token */
  --kite-text-input-hint-text-color: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-input-placeholder-text-color' token */
  --kite-text-input-hint-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-input-placeholder-text-color' token */
  --kite-text-input-label-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'text-input-label-text-color' token */
  --kite-text-input-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'text-input-text-color' token */
  --kite-text-input-disabled-background-color-dark: var(--kite-color-dark-blue-20, #002139); /** @deprecated: Replace with 'text-input-disabled-background-color' token */
  --kite-text-input-disabled-border-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-input-disabled-border-color' token */
  --kite-text-input-disabled-text-color-dark: var(--kite-color-gray-30, #63738a); /** @deprecated: Replace with 'text-input-disabled-text-color' token */
  --kite-text-input-error-border-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'text-input-error-border-color' token */
  --kite-text-input-error-text-color-dark: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'text-input-error-feedback-text-color' token */
  --kite-text-input-error-text-size: var(--kite-typography-sm-body-size, 1rem); /** @deprecated: Inherit from default body text size. */
  --kite-text-input-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff); /** @deprecated: Replace with 'text-input-focus-ring-color' token */
  --kite-text-input-secure-show-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-icon-height' token */
  --kite-text-input-secure-show-icon-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-icon-width' token */
  --kite-text-input-secure-show-icon-focus-ring-color-dark: var(--kite-color-blue-10, #4da4ff); /** @deprecated: Replace with 'text-input-secure-icon-focus-ring-color' token */
  --kite-text-input-secure-hide-icon-height: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-visible-icon-height' token */
  --kite-text-input-secure-hide-icon-width: var(--kite-size-24, 1.5rem); /** @deprecated: Replace with 'text-input-secure-visible-icon-width' token */
  --kite-time-input-text-line-height: var(--kite-form-control-text-line-height, 1.25);
  --kite-time-input-border-radius: var(--kite-form-control-border-radius, 0);
  --kite-time-input-max-width: var(--kite-form-control-max-width, 18rem);
  --kite-time-input-height: var(--kite-size-touch-target, 2.75rem);
  --kite-time-input-focus-ring-offset: var(--kite-focus-ring-inset, -0.125rem);
  --kite-time-input-helper-text-size: var(--kite-form-control-helper-text-size, 0.75rem);
  --kite-time-input-helper-text-line-height: var(--kite-form-control-helper-text-line-height, 1.333);
  --kite-time-input-icon-color: var(--kite-color-blue-20, #0271eb);
  --kite-toast-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-toast-text-color: var(--kite-color-white, #ffffff);
  --kite-toast-min-height: var(--kite-size-touch-target, 2.75rem);
  --kite-toast-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-toast-elevation: var(--kite-elevation-3, 0 3px 12px 0 rgba(0, 0, 0, 0.1));
  --kite-toast-transition-timing-function: var(--kite-toast-transition-curve, cubic-bezier(0.25, 0.8, 0.5, 1));
  --kite-toast-zindex: var(--kite-zindex-notification, 1600);
  --kite-toast-icon-color: var(--kite-color-green-10, #00bf1f);
  --kite-toast-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'toast-background-color' token */
  --kite-toast-height: var(--kite-size-touch-target, 2.75rem); /** @deprecated: Replace with 'toast-min-height' token */
  --kite-toast-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'toast-text-color' token */
  --kite-toast-z-index: var(--kite-zindex-notification, 1600); /** @deprecated: Replace with 'toast-zindex' token */
  --kite-tooltip-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-tooltip-text-color: var(--kite-color-white, #ffffff);
  --kite-tooltip-disabled-cursor: var(--kite-cursor-disabled, not-allowed);
  --kite-tooltip-zindex: var(--kite-zindex-dropdown, 1100);
  --kite-tooltip-arrow-height: var(--kite-size-8, 0.5rem);
  --kite-tooltip-arrow-width: var(--kite-size-12, 0.75rem);
  --kite-tooltip-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'tooltip-background-color' token */
  --kite-tooltip-text-color-dark: var(--kite-color-white, #ffffff); /** @deprecated: Replace with 'tooltip-text-color' token */
  --kite-tooltip-arrow-background-color-dark: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with 'tooltip-arrow-background-color' token */
  --kite-border-radius-circle: var(--kite-size-radius-circle, 50%);
  --kite-border-radius-sm: var(--kite-size-radius-sm, 0.125rem);
  --kite-border-radius-md: var(--kite-size-radius-md, 0.25rem); /** Border radius for buttons, cards, toasts ... */
  --kite-border-radius-lg: var(--kite-size-radius-lg, 0.5rem);
  --kite-color-caution-focus: var(--kite-color-caution, #faa41a); /** Focus state of caution color */
  --kite-color-caution-hover: var(--kite-color-caution, #faa41a); /** Hover state of caution color */
  --kite-color-caution-press: var(--kite-color-caution, #faa41a); /** Pressed state of caution color */
  --kite-color-neutral-focus: var(--kite-color-neutral, #73b7ff); /** Focus state of neutral color */
  --kite-color-neutral-hover: var(--kite-color-neutral, #73b7ff); /** Hover state of neutral color */
  --kite-color-neutral-press: var(--kite-color-neutral, #73b7ff); /** Pressed state of neutral color */
  --kite-color-positive-focus: var(--kite-color-positive, #008516); /** Focus state of positive color */
  --kite-color-positive-hover: var(--kite-color-positive, #008516); /** Hover state of positive color */
  --kite-color-positive-press: var(--kite-color-positive, #008516); /** Pressed state of positive color */
  --kite-color-disabled-focus: var(--kite-color-disabled, #9ba9bd); /** Focus state of disabled color */
  --kite-color-disabled-hover: var(--kite-color-disabled, #9ba9bd); /** Hover state of disabled color */
  --kite-color-disabled-press: var(--kite-color-disabled, #9ba9bd); /** Pressed state of disabled color */
  --kite-font-family-default: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); /** Default font-family for body copy */
  --kite-font-family-heading: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); /** Default font-family for headings */
  --kite-font-family-text: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); /** @deprecated: Replace with "kite-font-family" token */
  --kite-border-width: var(--kite-border-width-thin, 0.0625rem); /** Default border width for UI elements */
  --kite-container-border-color: var(--kite-border-color, #d8dde6);
  --kite-container-border-style: var(--kite-border-style, solid);
  --kite-container-padding-top: var(--kite-spacing-md, 1rem);
  --kite-container-padding-right: var(--kite-spacing-md, 1rem);
  --kite-container-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-container-padding-left: var(--kite-spacing-md, 1rem);
  --kite-focus-ring-color: var(--kite-color-focus, #0257b2); /** Default color for the outline (aka, focus ring) around focused UI elements */
  --kite-focus-color: var(--kite-color-focus, #0257b2); /** @deprecated: Replace with 'color-focus' token */
  --kite-font-family: var(--kite-font-family-sans-serif, "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif); /** Default font-family for body copy */
  --kite-my-component-text-color: var(--kite-color-text, #000000);
  --kite-my-component-border-color: var(--kite-border-color, #d8dde6);
  --kite-my-component-border-style: var(--kite-border-style, solid);
  --kite-my-component-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-my-component-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-my-component-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-my-component-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-my-component-list-text-color: var(--kite-color-text, #000000);
  --kite-my-component-list-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-right: var(--kite-spacing-md, 1rem);
  --kite-my-component-list-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-my-component-list-padding-left: var(--kite-spacing-md, 1rem);
  --kite-my-component-error-background-color: var(--kite-color-error, #d6312b);
  --kite-my-component-variant-name-background-color: var(--kite-color-primary, #0271eb);
  --kite-my-component-variant-name-text-color: var(--kite-color-success, #008516);
  --kite-my-component-variant-name-margin-left: var(--kite-spacing-lg, 1.25rem);
  --kite-my-component-variant-name-padding-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-form-control-text-color: var(--kite-color-text, #000000);
  --kite-form-control-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-border-style: var(--kite-border-style, solid);
  --kite-form-control-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-form-control-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-focus-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-hover-border-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-disabled-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-form-control-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-helper-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-addon-icon-color: var(--kite-color-primary, #0271eb);
  --kite-form-control-addon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-addon-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-form-control-helper-text-color: var(--kite-color-text-secondary, #63738a);
  --kite-form-control-label-text-color: var(--kite-color-text, #000000);
  --kite-form-control-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-feedback-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-error-border-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-error-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-form-control-error-feedback-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-background-color: var(--kite-container-background-color, #ffffff);
  --kite-form-control-picker-border-style: var(--kite-border-style, solid);
  --kite-form-control-picker-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-form-control-picker-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-form-control-picker-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-text-color: var(--kite-color-text, #000000);
  --kite-form-control-picker-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-form-control-picker-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-form-control-picker-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-form-control-picker-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-form-control-picker-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-form-control-picker-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-form-control-picker-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-primary, #0271eb);
  --kite-form-control-picker-list-item-check-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-picker-list-item-check-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-form-control-label-disabled-text-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "form-control-disabled-label-text-color" token */
  --kite-form-control-input-border-width: var(--kite-border-width-thin, 0.0625rem); /** @deprecated: Replace with "form-control-border-width" token */
  --kite-form-control-input-padding-top: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "form-control-padding-top" token */
  --kite-form-control-input-padding-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "form-control-padding-right" token */
  --kite-form-control-input-padding-bottom: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "form-control-padding-bottom" token */
  --kite-form-control-input-padding-left: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "form-control-padding-left" token */
  --kite-form-control-input-disabled-border-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "form-control-disabled-border-color" token */
  --kite-form-control-input-disabled-text-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "form-control-disabled-text-color" token */
  --kite-form-control-input-error-border-color: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "form-control-error-border-color" token */
  --kite-form-control-input-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with "form-control-focus-ring-style" token */
  --kite-form-control-input-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with "form-control-focus-ring-width" token */
  --kite-form-control-error-text-color: var(--kite-color-error, #d6312b); /** @deprecated: Inherit from default body text color, and use the error state */
  --kite-form-control-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with "form-control-feedback-margin-top" token */
  --kite-form-spacing-inline: var(--kite-spacing-md, 1rem); /** Horizontal spacing to use between inline form fields and groups */
  --kite-form-spacing-stack-md: var(--kite-spacing-md, 1rem);
  --kite-form-spacing-stack-xl: var(--kite-spacing-xl, 1.5rem);
  --kite-form-spacing-stack-2xl: var(--kite-spacing-2xl, 2rem);
  --kite-grid-xs-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xs-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-sm-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-md-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-md-margins: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-lg-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-grid-2xl-gutters: var(--kite-spacing-md, 1rem);
  --kite-grid-2xl-margins: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-display-weight: var(--kite-typography-sm-display-weight, 800);
  --kite-typography-display-style: var(--kite-typography-sm-display-style, normal);
  --kite-typography-title-1-weight: var(--kite-typography-sm-title-1-weight, 800);
  --kite-typography-title-1-style: var(--kite-typography-sm-title-1-style, normal);
  --kite-typography-title-1-letter-spacing: var(--kite-typography-sm-title-1-letter-spacing, normal);
  --kite-typography-title-2-weight: var(--kite-typography-sm-title-2-weight, 700);
  --kite-typography-title-2-style: var(--kite-typography-sm-title-2-style, normal);
  --kite-typography-title-2-letter-spacing: var(--kite-typography-sm-title-2-letter-spacing, normal);
  --kite-typography-title-3-weight: var(--kite-typography-sm-title-3-weight, 700);
  --kite-typography-title-3-style: var(--kite-typography-sm-title-3-style, normal);
  --kite-typography-title-3-letter-spacing: var(--kite-typography-sm-title-3-letter-spacing, normal);
  --kite-typography-title-4-weight: var(--kite-typography-sm-title-4-weight, 500);
  --kite-typography-title-4-style: var(--kite-typography-sm-title-4-style, normal);
  --kite-typography-title-4-letter-spacing: var(--kite-typography-sm-title-4-letter-spacing, normal);
  --kite-typography-title-5-weight: var(--kite-typography-sm-title-5-weight, 500);
  --kite-typography-title-5-style: var(--kite-typography-sm-title-5-style, normal);
  --kite-typography-title-5-letter-spacing: var(--kite-typography-sm-title-5-letter-spacing, normal);
  --kite-typography-title-6-weight: var(--kite-typography-sm-title-6-weight, 500);
  --kite-typography-title-6-style: var(--kite-typography-sm-title-6-style, normal);
  --kite-typography-title-6-letter-spacing: var(--kite-typography-sm-title-6-letter-spacing, normal);
  --kite-typography-body-display-weight: var(--kite-typography-sm-body-display-weight, 400);
  --kite-typography-body-display-style: var(--kite-typography-sm-body-display-style, normal);
  --kite-typography-body-display-letter-spacing: var(--kite-typography-sm-body-display-letter-spacing, normal);
  --kite-typography-body-weight: var(--kite-typography-sm-body-weight, 400);
  --kite-typography-body-style: var(--kite-typography-sm-body-style, normal);
  --kite-typography-body-letter-spacing: var(--kite-typography-sm-body-letter-spacing, normal);
  --kite-typography-eyebrow-weight: var(--kite-typography-sm-eyebrow-weight, 700);
  --kite-typography-eyebrow-style: var(--kite-typography-sm-eyebrow-style, normal);
  --kite-typography-caption-1-weight: var(--kite-typography-sm-caption-1-weight, 400);
  --kite-typography-caption-1-style: var(--kite-typography-sm-caption-1-style, normal);
  --kite-typography-caption-1-letter-spacing: var(--kite-typography-sm-caption-1-letter-spacing, normal);
  --kite-typography-caption-2-weight: var(--kite-typography-sm-caption-2-weight, 400);
  --kite-typography-caption-2-style: var(--kite-typography-sm-caption-2-style, normal);
  --kite-typography-caption-2-letter-spacing: var(--kite-typography-sm-caption-2-letter-spacing, normal);
  --kite-typography-sm-display-letter-spacing: var(--kite-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-sm-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-sm-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-lg-caption-1-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-lg-caption-2-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-caption-size: var(--kite-typography-caption-1-size, 0.875rem); /** @deprecated: Replace with 'typography-caption-1-size' token */
  --kite-typography-caption-line-height: var(--kite-typography-caption-1-line-height, 1.429); /** @deprecated: Replace with 'typography-caption-1-line-height' token */
  --kite-typography-sm-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with 'typography-sm-caption-1-margin-bottom' token */
  --kite-typography-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with 'typography-lg-caption-1-margin-bottom' token */
  --kite-typography-rutledge-sm-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-title-6-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-sm-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-sm-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-sm-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-sm-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-lg-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-title-1-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-4-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-5-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-title-6-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-body-display-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-lg-body-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-lg-eyebrow-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-lg-caption-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xxs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xxs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xxs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xxs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xxs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xxs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xs-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-xs-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-xs-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-xs-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xs-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xs-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-md-title-1-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-title-2-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-3-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-typography-rutledge-md-title-4-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-title-5-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-typography-rutledge-md-body-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-typography-rutledge-md-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-md-eyebrow-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-md-caption-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-1-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-title-2-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-3-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-typography-rutledge-xl-title-4-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-title-5-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-typography-rutledge-xl-body-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-typography-rutledge-xl-eyebrow-letter-spacing: var(--kite-letter-spacing-lg, 0.125rem);
  --kite-typography-rutledge-xl-eyebrow-margin-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-typography-rutledge-xl-caption-margin-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-text-color: var(--kite-color-text, #000000);
  --kite-accordion-border-color: var(--kite-border-color, #d8dde6);
  --kite-accordion-border-style: var(--kite-border-style, solid);
  --kite-accordion-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-accordion-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-accordion-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-title-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-accordion-icon-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-icon-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-top-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-bottom-md: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-accordion-padding-top-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-padding-bottom-lg: var(--kite-spacing-md, 1rem);
  --kite-accordion-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-label-text-color: var(--kite-color-text, #000000);
  --kite-accordion-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-label-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-title-text-color: var(--kite-color-text, #000000);
  --kite-accordion-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-accordion-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-title-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-padding-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-accordion-expanded-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-accordion-expanded-title-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-accordion-expanded-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-accordion-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-accordion-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-accordion-sm-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-top-sm" token */
  --kite-accordion-sm-padding-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-right-sm" token */
  --kite-accordion-sm-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-bottom-sm" token */
  --kite-accordion-sm-padding-left: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-left-sm" token */
  --kite-accordion-md-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-top-md" token */
  --kite-accordion-md-padding-right: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "accordion-padding-right-md" token */
  --kite-accordion-md-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-bottom-md" token */
  --kite-accordion-md-padding-left: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "accordion-padding-left-md" token */
  --kite-accordion-lg-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-top-lg" token */
  --kite-accordion-lg-padding-right: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "accordion-padding-right-lg" token */
  --kite-accordion-lg-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "accordion-padding-bottom-lg" token */
  --kite-accordion-lg-padding-left: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "accordion-padding-left-lg" token */
  --kite-accordion-border-bottom-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "accordion-border-color" token */
  --kite-accordion-border-bottom-style: var(--kite-border-style, solid); /** @deprecated: Replace with "accordion-border-style" token */
  --kite-accordion-alert-label-text-color: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with "accordion-negative-label-text-color" token */
  --kite-accordion-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "accordion-disabled-icon-color" token */
  --kite-accordion-icon-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1)); /** @deprecated: Replace with 'accordion-icon-transition-timing-function' token */
  --kite-accordion-expanded-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1)); /** @deprecated: Replace with 'accordion-expanded-transition-timing-function' token */
  --kite-alert-border-style: var(--kite-border-style, solid);
  --kite-alert-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-alert-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-alert-text-color: var(--kite-color-text, #000000);
  --kite-alert-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-dismiss-icon-margin-left: var(--kite-spacing-md, 1rem);
  --kite-alert-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-link-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-text-color: var(--kite-color-primary, #0271eb);
  --kite-alert-link-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-link-icon-color: var(--kite-color-primary, #0271eb);
  --kite-alert-caution-border-left-color: var(--kite-color-caution, #faa41a);
  --kite-alert-caution-status-icon-color: var(--kite-color-caution, #faa41a);
  --kite-alert-negative-border-left-color: var(--kite-color-negative, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-negative, #d6312b);
  --kite-alert-neutral-border-left-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-neutral-status-icon-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-positive-border-left-color: var(--kite-color-positive, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-positive, #008516);
  --kite-alert-global-status-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-alert-global-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-global-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-global-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-alert-global-caution-status-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-link-icon-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-alert-global-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-alert-global-negative-dismiss-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-status-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-link-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-alert-global-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-background-color: var(--kite-color-neutral, #73b7ff);
  --kite-alert-global-neutral-status-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-text-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-global-neutral-link-icon-color: var(--kite-color-on-neutral, #000000);
  --kite-alert-passive-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-padding-top: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-right: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-padding-left: var(--kite-spacing-md, 1rem);
  --kite-alert-passive-breakpoint-lg-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-breakpoint-lg-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-alert-passive-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-alert-passive-entry-transition-timing-function: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1));
  --kite-alert-passive-exit-transition-timing-function: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1));
  --kite-alert-passive-title-text-size: var(--kite-typography-body-size, 1rem);
  --kite-alert-passive-title-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-alert-passive-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-passive-status-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-alert-passive-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-alert-passive-dismiss-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-alert-passive-neutral-background-color: var(--kite-color-neutral-muted, #e5f2ff);
  --kite-alert-passive-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-alert-stacked-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-alert-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-text-color" token */
  --kite-alert-page-border-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "alert-border-color" token */
  --kite-alert-page-border-color-dark: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "alert-border-color" token */
  --kite-alert-page-border-width: var(--kite-border-width-thin, 0.0625rem); /** @deprecated: Replace with "alert-border-width" token */
  --kite-alert-page-indicator-icon-margin-right: var(--kite-spacing-element-xs, 0.5rem); /** @deprecated: Replace with "alert-status-icon-margin-right" token */
  --kite-alert-page-link-text-color: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "alert-link-text-color" token */
  --kite-alert-page-link-text-color-dark: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "alert-link-text-color" token */
  --kite-alert-page-link-text-margin-top: var(--kite-spacing-element-xxs, 0.25rem); /** @deprecated: Replace with "alert-link-text-margin-top" token */
  --kite-alert-page-link-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "alert-link-icon-color" token */
  --kite-alert-page-link-icon-fill-dark: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "alert-link-icon-color" token */
  --kite-alert-page-margin-bottom: var(--kite-spacing-element-xxs, 0.25rem); /** Replace with "alert-link-margin-top" token */
  --kite-alert-page-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "alert-padding-top" token */
  --kite-alert-page-padding-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "alert-padding-right" token */
  --kite-alert-page-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "alert-padding-bottom" token */
  --kite-alert-page-padding-left: var(--kite-spacing-element-xs, 0.5rem); /** @deprecated: Replace with "alert-padding-left" token */
  --kite-alert-page-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-text-color" token */
  --kite-alert-page-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-text-color" token */
  --kite-alert-page-caution-border-left-color: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-border-left-color" token */
  --kite-alert-page-caution-border-left-color-dark: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-border-left-color" token */
  --kite-alert-page-caution-indicator-icon-fill: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-status-icon-color" token */
  --kite-alert-page-caution-indicator-icon-fill-dark: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-status-icon-color" token */
  --kite-alert-page-error-border-left-color: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-negative-border-left-color" token */
  --kite-alert-page-error-border-left-color-dark: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-negative-border-left-color" token */
  --kite-alert-page-error-indicator-icon-fill: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-negative-status-icon-color" token */
  --kite-alert-page-error-indicator-icon-fill-dark: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-negative-status-icon-color" token */
  --kite-alert-page-info-border-left-color: var(--kite-color-info, #73b7ff); /** @deprecated: Replace with "alert-neutral-border-left-color" token */
  --kite-alert-page-info-border-left-color-dark: var(--kite-color-info, #73b7ff); /** @deprecated: Replace with "alert-neutral-border-left-color" token */
  --kite-alert-page-info-indicator-icon-fill: var(--kite-color-info, #73b7ff); /** @deprecated: Replace with "alert-neutral-status-icon-color" token */
  --kite-alert-page-info-indicator-icon-fill-dark: var(--kite-color-info, #73b7ff); /** @deprecated: Replace with "alert-neutral-status-icon-color" token */
  --kite-alert-page-success-border-left-color: var(--kite-color-success, #008516); /** @deprecated: Replace with "alert-positive-border-left-color" token */
  --kite-alert-page-success-border-left-color-dark: var(--kite-color-success, #008516); /** @deprecated: Replace with "alert-positive-border-left-color" token */
  --kite-alert-page-success-indicator-icon-fill: var(--kite-color-success, #008516); /** @deprecated: Replace with "alert-positive-status-icon-color" token */
  --kite-alert-page-success-indicator-icon-fill-dark: var(--kite-color-success, #008516); /** @deprecated: Replace with "alert-positive-status-icon-color" token */
  --kite-alert-global-indicator-icon-margin-right: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "alert-global-status-icon-margin-right" token */
  --kite-alert-global-caution-background-color-dark: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-global-caution-background-color" token */
  --kite-alert-global-caution-link-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-caution-link-text-color" token */
  --kite-alert-global-caution-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-caution-text-color" token */
  --kite-alert-global-error-background-color: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-global-negative-background-color" token */
  --kite-alert-global-error-background-color-dark: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "alert-global-negative-background-color" token */
  --kite-alert-global-info-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-neutral-text-color" token */
  --kite-alert-global-info-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-neutral-text-color" token */
  --kite-alert-global-info-background-color: var(--kite-color-info, #73b7ff); /** @deprecated: Replace with "alert-global-neutral-background-color" token */
  --kite-alert-global-info-background-color-dark: var(--kite-color-info, #73b7ff); /** @deprecated: Replace with "alert-global-neutral-background-color" token */
  --kite-alert-global-info-link-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-neutral-link-text-color" token */
  --kite-alert-global-info-link-text-color-dark: var(--kite-color-text, #000000); /** @deprecated: Replace with "alert-global-neutral-link-text-color" token */
  --kite-alert-link-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "alert-link-icon-color" token */
  --kite-alert-caution-status-icon-fill: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with "alert-caution-status-icon-color" token */
  --kite-alert-neutral-status-icon-fill: var(--kite-color-neutral, #73b7ff); /** @deprecated: Replace with "alert-neutral-status-icon-color" token */
  --kite-alert-global-caution-status-icon-fill: var(--kite-color-on-caution, #000000); /** @deprecated: Replace with "alert-global-caution-status-icon-color" token */
  --kite-alert-global-caution-link-icon-fill: var(--kite-color-on-caution, #000000); /** @deprecated: Replace with "alert-global-caution-link-icon-color" token */
  --kite-alert-global-negative-dismiss-icon-fill: var(--kite-color-on-negative, #ffffff); /** @deprecated: Replace with "alert-global-negative-dismiss-icon-color" token */
  --kite-alert-global-negative-status-icon-fill: var(--kite-color-on-negative, #ffffff); /** @deprecated: Replace with "alert-global-negative-status-icon-color" token */
  --kite-alert-global-negative-link-icon-fill: var(--kite-color-on-negative, #ffffff); /** @deprecated: Replace with "alert-global-negative-link-icon-color" token */
  --kite-alert-global-neutral-status-icon-fill: var(--kite-color-on-neutral, #000000); /** @deprecated: Replace with "alert-global-neutral-status-icon-color" token */
  --kite-alert-global-neutral-link-icon-fill: var(--kite-color-on-neutral, #000000); /** @deprecated: Replace with "alert-global-neutral-link-icon-color" token */
  --kite-badge-border-radius: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-border-style: var(--kite-border-style, solid);
  --kite-badge-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-badge-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-badge-min-height: var(--kite-badge-min-width, 1.25rem);
  --kite-badge-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-badge-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-badge-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-badge-tab-margin-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "badge-margin-right" token */
  --kite-badge-background-color-dark: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with "badge-background-color" token */
  --kite-blockquote-text-color: var(--kite-color-text, #000000);
  --kite-blockquote-border-left-color: var(--kite-color-primary, #0271eb);
  --kite-blockquote-border-left-style: var(--kite-border-style, solid);
  --kite-blockquote-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-right: var(--kite-spacing-md, 1rem);
  --kite-blockquote-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-blockquote-padding-left: var(--kite-spacing-md, 1rem);
  --kite-blockquote-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-blockquote-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-group-margin-top: var(--kite-spacing-xl, 1.5rem);
  --kite-button-group-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-button-group-button-margin-right: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with 'button-group-item-margin-right' token */
  --kite-button-group-button-margin-bottom: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'button-group-item-margin-bottom' token */
  --kite-button-background-color: var(--kite-color-primary, #0271eb);
  --kite-button-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-text-size: var(--kite-typography-body-size, 1rem);
  --kite-button-border-style: var(--kite-border-style, solid);
  --kite-button-padding-right: var(--kite-spacing-md, 1rem);
  --kite-button-padding-left: var(--kite-spacing-md, 1rem);
  --kite-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-button-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-button-focus-background-color: var(--kite-color-primary-focus, #0257b2);
  --kite-button-focus-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-hover-background-color: var(--kite-color-primary-hover, #0257b2);
  --kite-button-hover-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-press-background-color: var(--kite-color-primary-press, #0257b2);
  --kite-button-press-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-button-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-button-destructive-background-color: var(--kite-color-negative, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-button-destructive-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-destructive-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-disabled-background-color: var(--kite-button-disabled-background-color, #d8dde6);
  --kite-button-primary-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-border-color: var(--kite-button-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-primary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-primary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-primary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-primary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-text-color: var(--kite-color-primary, #0271eb);
  --kite-button-secondary-border-color: var(--kite-color-primary, #0271eb);
  --kite-button-secondary-focus-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-hover-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-press-background-color: var(--kite-color-focus, #0257b2);
  --kite-button-secondary-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-secondary-destructive-border-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-secondary-destructive-focus-background-color: var(--kite-button-destructive-focus-background-color, #b00300);
  --kite-button-secondary-destructive-focus-border-color: var(--kite-button-destructive-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-hover-background-color: var(--kite-button-destructive-hover-background-color, #b00300);
  --kite-button-secondary-destructive-hover-border-color: var(--kite-button-destructive-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-press-background-color: var(--kite-button-destructive-press-background-color, #b00300);
  --kite-button-secondary-destructive-press-border-color: var(--kite-button-destructive-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-destructive-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-button-borderless-text-color: var(--kite-color-primary, #0271eb);
  --kite-button-borderless-focus-border-color: var(--kite-button-focus-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-focus-text-color: var(--kite-color-primary-focus, #0257b2);
  --kite-button-borderless-hover-border-color: var(--kite-button-hover-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-hover-text-color: var(--kite-color-primary-hover, #0257b2);
  --kite-button-borderless-press-border-color: var(--kite-button-press-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-press-text-color: var(--kite-color-primary-press, #0257b2);
  --kite-button-borderless-disabled-border-color: var(--kite-button-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-border-color: var(--kite-button-borderless-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-text-color: var(--kite-color-negative, #d6312b);
  --kite-button-borderless-destructive-focus-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-focus-icon-color: var(--kite-button-borderless-destructive-focus-text-color, #b00300);
  --kite-button-borderless-destructive-hover-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-icon-color: var(--kite-button-borderless-destructive-hover-text-color, #b00300);
  --kite-button-borderless-destructive-press-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-icon-color: var(--kite-button-borderless-destructive-press-text-color, #b00300);
  --kite-button-borderless-destructive-disabled-background-color: var(--kite-button-borderless-destructive-background-color, rgba(0, 0, 0, 0));
  --kite-button-icon-only-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-only-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-button-icon-fill: var(--kite-color-on-primary, #ffffff); /** @deprecated: Replace with 'button-icon-color' token */
  --kite-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'button-disabled-icon-color' token */
  --kite-button-secondary-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'button-secondary-icon-color' token */
  --kite-button-borderless-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'button-borderless-icon-color' token */
  --kite-button-borderless-focus-icon-fill: var(--kite-color-focus, #0257b2); /** @deprecated: Replace with 'button-borderless-focus-icon-color' token */
  --kite-calendar-background-color: var(--kite-container-background-color, #ffffff);
  --kite-calendar-text-color: var(--kite-color-text, #000000);
  --kite-calendar-border-color: var(--kite-border-color, #d8dde6);
  --kite-calendar-border-style: var(--kite-border-style, solid);
  --kite-calendar-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-right: var(--kite-spacing-md, 1rem);
  --kite-calendar-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-padding-left: var(--kite-spacing-md, 1rem);
  --kite-calendar-controls-focus-text-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-controls-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-controls-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-day-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-calendar-day-focus-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-invalid-focus-ring-color: var(--kite-color-negative, #d6312b);
  --kite-calendar-day-invalid-hover-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-calendar-day-invalid-selected-background-color: var(--kite-color-negative, #d6312b);
  --kite-calendar-day-invalid-selected-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-calendar-day-invalid-text-decoration-line: var(--kite-calendar-day-unavailable-text-decoration-line, line-through);
  --kite-calendar-day-selected-background-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-selected-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-day-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-calendar-day-today-text-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-today-indicator-background-color: var(--kite-color-primary, #0271eb);
  --kite-calendar-day-today-indicator-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-due-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-day-out-range-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-day-unavailable-text-decoration-thickness: var(--kite-calendar-day-disabled-text-decoration-thickness, 0.125rem);
  --kite-calendar-error-feedback-icon-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-feedback-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-feedback-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-feedback-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-calendar-feedback-gap: var(--kite-spacing-2xs, 0.25rem);
  --kite-calendar-month-year-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-month-year-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-calendar-standalone-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-card-background-color: var(--kite-container-background-color, #ffffff);
  --kite-card-text-color: var(--kite-color-text, #000000);
  --kite-card-padding-top-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-bottom-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-card-padding-top-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-bottom-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-card-padding-top-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-bottom-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-card-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-card-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-card-sm-min-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "card-padding-top-sm" token */
  --kite-card-sm-min-padding-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "card-padding-right-sm" token */
  --kite-card-sm-min-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "card-padding-bottom-sm" token */
  --kite-card-sm-min-padding-left: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "card-padding-left-sm" token */
  --kite-card-sm-margin-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated */
  --kite-card-md-min-padding-top: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "card-padding-top-md" token */
  --kite-card-md-min-padding-right: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "card-padding-right-md" token */
  --kite-card-md-min-padding-bottom: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "card-padding-bottom-md" token */
  --kite-card-md-min-padding-left: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated: Replace with "card-padding-left-md" token */
  --kite-card-md-margin-bottom: var(--kite-spacing-md, 1rem); /** @deprecated */
  --kite-card-lg-min-padding-top: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "card-padding-top-lg" token */
  --kite-card-lg-min-padding-right: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "card-padding-right-lg" token */
  --kite-card-lg-min-padding-bottom: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "card-padding-bottom-lg" token */
  --kite-card-lg-min-padding-left: var(--kite-spacing-element-xxl, 2rem); /** @deprecated: Replace with "card-padding-left-lg" token */
  --kite-card-lg-margin-bottom: var(--kite-spacing-element-xl, 1.5rem); /** @deprecated */
  --kite-checkbox-text-color: var(--kite-color-text, #000000);
  --kite-checkbox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-checkbox-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-checkbox-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-right: var(--kite-spacing-md, 1rem);
  --kite-checkbox-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-checkbox-padding-left: var(--kite-spacing-md, 1rem);
  --kite-checkbox-height: var(--kite-checkbox-width, 1.25rem);
  --kite-checkbox-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-checkbox-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-checkbox-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-checkbox-selected-background-color: var(--kite-color-primary, #0271eb);
  --kite-checkbox-selected-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-checkbox-disabled-icon-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-checkbox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-checkbox-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-checkbox-error-feedback-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-checkbox-error-selected-icon-color: var(--kite-color-on-negative, #ffffff);
  --kite-checkbox-group-list-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-checkbox-indeterminate-icon-height: var(--kite-checkbox-selected-icon-height, 1rem);
  --kite-checkbox-indeterminate-icon-width: var(--kite-checkbox-selected-icon-width, 1rem);
  --kite-checkbox-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "checkbox-disabled-icon-color" token */
  --kite-checkbox-selected-background-color-dark: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "checkbox-selected-background-color" token */
  --kite-checkbox-selected-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "checkbox-selected-disabled-icon-color" token */
  --kite-checkbox-indeterminate-background-color-dark: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "checkbox-indeterminate-background-color" token */
  --kite-checkbox-indeterminate-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "checkbox-indeterminate-disabled-icon-color" token */
  --kite-checkbox-group-margin-top: var(--kite-spacing-2xl, 2rem); /** @deprecated */
  --kite-checkbox-group-margin-bottom: var(--kite-spacing-2xl, 2rem); /** @deprecated */
  --kite-chip-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-text-size: var(--kite-typography-body-size, 1rem);
  --kite-chip-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-chip-border-radius: var(--kite-border-radius-pill, 624.9375rem);
  --kite-chip-border-style: var(--kite-border-style, solid);
  --kite-chip-margin-right: var(--kite-spacing-md, 1rem);
  --kite-chip-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-right: var(--kite-spacing-2xl, 2rem);
  --kite-chip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-chip-padding-left: var(--kite-spacing-2xl, 2rem);
  --kite-chip-min-height: var(--kite-chip-height, 2rem);
  --kite-chip-focus-ring-color: var(--kite-chip-border-color, #63738a);
  --kite-chip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-chip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-chip-hover-background-color: var(--kite-chip-focus-background-color, #d8dde6);
  --kite-chip-selected-disabled-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-selected-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-chip-disabled-background-color: var(--kite-container-background-color, #ffffff);
  --kite-chip-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-chip-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-chip-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-chip-border-color-dark: var(--kite-chip-text-color-dark, #b8d4f2); /** @deprecated: Replace with "chip-border-color" token */
  --kite-chip-focus-ring-color-dark: var(--kite-chip-text-color-dark, #b8d4f2); /** @deprecated: Replace with "chip-focus-ring-color" token */
  --kite-chip-selected-background-color-dark: var(--kite-chip-text-color-dark, #b8d4f2); /** @deprecated: Replace with "chip-selected-background-color" token */
  --kite-chip-selected-text-color-dark: var(--kite-chip-text-color, #000f1a); /** @deprecated: Replace with "chip-selected-text-color" token */
  --kite-chip-selected-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "chip-selected-disabled-text-color" token */
  --kite-combobox-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-combobox-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-combobox-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-combobox-cursor: var(--kite-form-control-cursor, pointer);
  --kite-combobox-icon-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-combobox-picker-results-padding-top: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-picker-results-padding-bottom: var(--kite-spacing-xl, 1.5rem);
  --kite-combobox-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-combobox-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-combobox-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-data-table-background-color: var(--kite-color-background, #ffffff);
  --kite-data-table-text-color: var(--kite-color-text, #000000);
  --kite-data-table-border-color: var(--kite-border-color, #d8dde6);
  --kite-data-table-border-style: var(--kite-border-style, solid);
  --kite-data-table-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-data-table-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-data-table-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-data-table-breakpoint-md-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-breakpoint-md-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-icon-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-compact-cell-padding-top: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-compact-cell-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-data-table-comfortable-cell-padding-top: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-right: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-data-table-comfortable-cell-padding-left: var(--kite-spacing-md, 1rem);
  --kite-data-table-menu-cell-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-menu-cell-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-data-table-title-row-icon-margin-left: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with "data-table-icon-padding-left" token */
  --kite-data-table-title-row-border-bottom-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "data-table-header-border-bottom-color" token */
  --kite-data-table-title-row-border-bottom-width: var(--kite-border-width-thin, 0.0625rem); /** @deprecated: Replace with "data-table-header-border-bottom-width" token */
  --kite-data-table-title-row-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "data-table-header-text-color" token */
  --kite-data-table-cell-compact-padding-top: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "data-table-compact-cell-padding-top" token */
  --kite-data-table-cell-compact-padding-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "data-table-compact-cell-padding-right" token */
  --kite-data-table-cell-compact-padding-bottom: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "data-table-compact-cell-padding-bottom" token */
  --kite-data-table-cell-compact-padding-left: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "data-table-compact-cell-padding-left" token */
  --kite-data-table-cell-default-padding-top: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "data-table-cell-padding-top" token */
  --kite-data-table-cell-default-padding-right: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "data-table-cell-padding-right" token */
  --kite-data-table-cell-default-padding-bottom: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "data-table-cell-padding-bottom" token */
  --kite-data-table-cell-default-padding-left: var(--kite-spacing-sm, 0.75rem); /** @deprecated: Replace with "data-table-cell-padding-left" token */
  --kite-data-table-cell-comfortable-padding-top: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "data-table-comfortable-cell-padding-top" token */
  --kite-data-table-cell-comfortable-padding-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "data-table-comfortable-cell-padding-right" token */
  --kite-data-table-cell-comfortable-padding-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "data-table-comfortable-cell-padding-bottom" token */
  --kite-data-table-cell-comfortable-padding-left: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "data-table-comfortable-cell-padding-left" token */
  --kite-date-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-date-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-date-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-date-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-date-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-date-input-picker-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-picker-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-date-input-picker-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-date-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-date-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dialog-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dialog-text-color: var(--kite-color-text, #000000);
  --kite-dialog-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dialog-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dialog-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dialog-icon-color: var(--kite-color-text, #000000);
  --kite-dialog-breakpoint-md-title-text-weight: var(--kite-typography-lg-title-5-weight, 500);
  --kite-dialog-breakpoint-md-padding-top: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-breakpoint-md-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-dialog-title-text-size: var(--kite-typography-title-5-size, 1.25rem);
  --kite-dialog-title-text-line-height: var(--kite-typography-title-5-line-height, 1.4);
  --kite-dialog-title-icon-height: var(--kite-dialog-icon-height, 1.5rem);
  --kite-dialog-title-icon-width: var(--kite-dialog-icon-width, 1.5rem);
  --kite-dialog-title-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dialog-content-padding-right: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-bottom: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-padding-left: var(--kite-layout-xs, 3rem);
  --kite-dialog-content-group-margin-top: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-alert-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dialog-alert-margin-bottom: var(--kite-spacing-lg, 1.25rem);
  --kite-dialog-scrolled-border-top-color: var(--kite-border-color, #d8dde6);
  --kite-dialog-scrolled-border-top-style: var(--kite-border-style, solid);
  --kite-dialog-title-text-margin-bottom: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "dialog-title-margin-bottom" token */
  --kite-dialog-full-size-padding-top: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-padding-top" token */
  --kite-dialog-full-size-padding-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "dialog-padding-right" token */
  --kite-dialog-full-size-padding-bottom: var(--kite-spacing-lg, 1.25rem); /** @deprecated: Replace with "dialog-padding-bottom" token */
  --kite-dialog-full-size-padding-left: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "dialog-padding-left" token */
  --kite-dialog-default-size-padding-top: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-breakpoint-md-padding-top" token */
  --kite-dialog-default-size-padding-right: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-breakpoint-md-padding-right" token */
  --kite-dialog-default-size-padding-bottom: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-breakpoint-md-padding-bottom" token */
  --kite-dialog-default-size-padding-left: var(--kite-layout-xs, 3rem); /** @deprecated: Replace with "dialog-breakpoint-md-padding-left" token */
  --kite-dropdown-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-dropdown-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-dropdown-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-cursor: var(--kite-form-control-cursor, pointer);
  --kite-dropdown-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-dropdown-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'dropdown-feedback-margin-top' token */
  --kite-dropdown-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-dropdown-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-dropdown-list-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-max-width: var(--kite-dropdown-max-width, 18rem);
  --kite-dropdown-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-dropdown-list-item-text-color: var(--kite-color-text, #000000);
  --kite-dropdown-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dropdown-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-dropdown-list-item-border-style: var(--kite-border-style, solid);
  --kite-dropdown-list-item-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dropdown-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-list-item-icon-color: var(--kite-color-primary, #0271eb);
  --kite-dropdown-list-item-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-dropdown-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-dropdown-inline-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-dropdown-inline-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dropdown-inline-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dropdown-inline-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-dropdown-inline-placeholder-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-dropdown-inline-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-dropdown-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "dropdown-list-item-border-color" token */
  --kite-dropdown-list-offset-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "dropdown-placeholder-margin-right" token */
  --kite-dropdown-list-item-border-bottom-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "dropdown-list-item-border-color" token */
  --kite-dropdown-list-item-border-bottom-style: var(--kite-border-style, solid); /** @deprecated: Replace with "dropdown-list-item-border-style" token */
  --kite-dropdown-inline-disabled-text-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "dropdown-disabled-inline-text-color" token */
  --kite-dropdown-inline-disabled-icon-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "dropdown-disabled-inline-icon-color" token */
  --kite-dynamic-hint-text-color: var(--kite-color-text, #000000);
  --kite-dynamic-hint-text-size: var(--kite-typography-body-size, 1rem);
  --kite-dynamic-hint-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-margin-left: var(--kite-spacing-xs, 0.5rem);
  --kite-dynamic-hint-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-dynamic-hint-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-dynamic-hint-arrow-offset: var(--kite-spacing-2xl, 2rem); /** distance to closest corner */
  --kite-dynamic-hint-title-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-dynamic-hint-criteria-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-dynamic-hint-criteria-positive-icon-color: var(--kite-color-positive, #008516);
  --kite-dynamic-hint-criteria-negative-icon-color: var(--kite-color-negative, #d6312b);
  --kite-dynamic-hint-entry-transition-duration: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1)); /** @deprecated */
  --kite-dynamic-hint-exit-transition-duration: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1)); /** @deprecated */
  --kite-dynamic-hint-criteria-success-icon-fill: var(--kite-color-success, #008516); /** @deprecated: Replace with "dynamic-hint-criteria-positive-icon-color" token */
  --kite-dynamic-hint-criteria-error-icon-fill: var(--kite-color-error, #d6312b); /** @deprecated: Replace with "dynamic-hint-criteria-negative-icon-color" token */
  --kite-interactive-list-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "list-text-color" token */
  --kite-interactive-list-border-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "list-border-color" token */
  --kite-interactive-list-border-style: var(--kite-border-style, solid); /** @deprecated: Replace with "list-border-style" token */
  --kite-interactive-list-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with "list-focus-ring-style" token */
  --kite-interactive-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with "list-focus-ring-width" token */
  --kite-interactive-list-item-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with "list-item-text-color" token */
  --kite-interactive-list-item-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with "list-item-text-size" token */
  --kite-interactive-list-item-padding-top: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-top" token */
  --kite-interactive-list-item-padding-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "list-item-padding-right" token */
  --kite-interactive-list-item-padding-bottom: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-bottom" token */
  --kite-interactive-list-item-padding-left: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "list-item-padding-left" token */
  --kite-interactive-list-item-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with "list-item-focus-ring-style" token */
  --kite-interactive-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with "list-item-focus-ring-width" token */
  --kite-interactive-list-item-padding-right-sm: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-right-sm" token */
  --kite-interactive-list-item-padding-left-sm: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-left-sm" token */
  --kite-interactive-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with "list-item-padding-right-md" token */
  --kite-interactive-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with "list-item-padding-left-md" token */
  --kite-interactive-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem); /** @deprecated: Replace with "list-item-padding-right-lg" token */
  --kite-interactive-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem); /** @deprecated: Replace with "list-item-padding-left-lg" token */
  --kite-interactive-list-item-action-icon-height: var(--kite-interactive-list-item-icon-height, 1.5rem); /** @deprecated: Replace with "list-item-action-icon-height" token */
  --kite-interactive-list-item-action-icon-width: var(--kite-interactive-list-item-icon-width, 1.5rem); /** @deprecated: Replace with "list-item-action-icon-width" token */
  --kite-interactive-list-item-label-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with "list-item-label-text-size" token */
  --kite-interactive-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with "list-item-label-margin-right" token */
  --kite-interactive-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem); /** @deprecated: Replace with "list-item-title-text-size" token */
  --kite-interactive-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with "list-item-disabled-text-color" token */
  --kite-interactive-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with "list-item-negative-label-text-color" token */
  --kite-interactive-list-item-positive-label-text-color: var(--kite-color-positive, #008516); /** @deprecated: Replace with "list-item-positive-label-text-color" token */
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "list-item-neutral-label-text-color" token */
  --kite-interactive-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem); /** @deprecated: Replace with "list-item-multiline-title-text-size" token */
  --kite-interactive-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with "list-item-multiline-title-margin-bottom" token */
  --kite-interactive-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with "list-item-multiline-subtitle-text-size" token */
  --kite-interactive-list-start-margin-right: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "list-start-margin-right" token */
  --kite-interactive-list-end-margin-left: var(--kite-spacing-element-md, 1rem); /** @deprecated: Replace with "list-end-margin-left" token */
  --kite-interactive-list-item-danger-label-text-color: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with "list-item-negative-label-text-color" token */
  --kite-interactive-list-item-info-label-text-color: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "list-item-neutral-label-text-color" token */
  --kite-interactive-list-item-success-label-text-color: var(--kite-color-success, #008516); /** @deprecated: Replace with "list-item-positive-label-text-color" token */
  --kite-interactive-list-md-padding-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-right-sm" token */
  --kite-interactive-list-md-padding-left: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-padding-left-sm" token */
  --kite-interactive-list-xl-padding-right: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with "list-item-padding-right-md" token */
  --kite-interactive-list-xl-padding-left: var(--kite-spacing-xl, 1.5rem); /** @deprecated: Replace with "list-item-padding-left-md" token */
  --kite-interactive-list-xxl-padding-right: var(--kite-spacing-2xl, 2rem); /** @deprecated: Replace with "list-item-padding-right-lg" token */
  --kite-interactive-list-xxl-padding-left: var(--kite-spacing-2xl, 2rem); /** @deprecated: Replace with "list-item-padding-left-lg" token */
  --kite-interactive-list-item-icon-margin: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "list-item-icon-margin-right" token */
  --kite-link-text-color: var(--kite-color-primary, #0271eb);
  --kite-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-link-hover-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-focus-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-press-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-icon-margin: var(--kite-spacing-2xs, 0.25rem);
  --kite-link-visited-text-color: var(--kite-link-hover-text-color, #002e52);
  --kite-link-visited-text-decoration: var(--kite-link-text-decoration, underline);
  --kite-link-standalone-text-decoration-offset: var(--kite-link-text-decoration-offset, 0.125rem);
  --kite-link-standalone-text-decoration-thickness: var(--kite-link-text-decoration-thickness, 0.125rem);
  --kite-link-standalone-hover-icon-color: var(--kite-link-hover-text-color, #002e52);
  --kite-link-standalone-focus-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-press-icon-color: var(--kite-link-press-text-color, #002139);
  --kite-link-standalone-visited-text-decoration: var(--kite-link-standalone-text-decoration, none);
  --kite-link-standalone-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "link-standalone-icon-color" token */
  --kite-link-standalone-focus-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with "link-standalone-focus-icon-color" token */
  --kite-link-standalone-icon-height: var(--kite-link-icon-height, 0.875rem); /** @deprecated: Replace with 'link-icon-height' token */
  --kite-link-standalone-icon-width: var(--kite-link-icon-width, 0.875rem); /** @deprecated: Replace with 'link-icon-width' token */
  --kite-list-text-color: var(--kite-color-text, #000000);
  --kite-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-list-border-style: var(--kite-border-style, solid);
  --kite-list-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-caution-label-icon-color: var(--kite-color-caution, #faa41a);
  --kite-list-item-padding-top: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-text-color: var(--kite-color-text, #000000);
  --kite-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-list-item-padding-right-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-left-sm: var(--kite-spacing-md, 1rem);
  --kite-list-item-padding-right-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-left-md: var(--kite-spacing-xl, 1.5rem);
  --kite-list-item-padding-right-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-padding-left-lg: var(--kite-spacing-2xl, 2rem);
  --kite-list-item-image-border-radius: var(--kite-list-image-border-radius, 0.25rem);
  --kite-list-item-image-max-width: var(--kite-list-image-max-width, 5rem);
  --kite-list-item-image-max-height: var(--kite-list-image-max-height, 5rem);
  --kite-list-item-label-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-list-item-title-text-line-height: var(--kite-typography-title-6-line-height, 1.333);
  --kite-list-item-title-body-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-title-body-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-list-item-payment-logo-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-right: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-payment-logo-padding-left: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-payment-logo-width: var(--kite-payment-logo-width, 1.5rem);
  --kite-list-item-payment-logo-height: var(--kite-payment-logo-height, 1.5rem);
  --kite-list-item-payment-logo-shadow: var(--kite-payment-logo-elevation, none);
  --kite-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-list-item-expanded-transition-timing-function: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-list-item-expanded-transition-duration: var(--kite-motion-faster, 400ms);
  --kite-list-item-negative-label-text-color: var(--kite-color-negative, #d6312b);
  --kite-list-item-neutral-label-text-color: var(--kite-color-primary, #0271eb);
  --kite-list-item-positive-label-text-color: var(--kite-color-positive, #008516);
  --kite-list-item-multiline-title-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-list-item-multiline-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-list-item-multiline-subtitle-text-size: var(--kite-typography-body-size, 1rem);
  --kite-list-item-multiline-subtitle-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-list-item-muted-label-icon-color: var(--kite-list-item-muted-label-text-color, #63738a);
  --kite-list-start-margin-right: var(--kite-spacing-element-xs, 0.5rem); /** @deprecated: Replace with 'list-item-slot-start-margin-right' token */
  --kite-list-end-margin-left: var(--kite-spacing-element-xs, 0.5rem); /** @deprecated: Replace with 'list-item-slot-end-margin-left' token */
  --kite-menu-list-background-color: var(--kite-container-background-color, #ffffff);
  --kite-menu-list-border-color: var(--kite-border-color, #d8dde6);
  --kite-menu-list-border-style: var(--kite-border-style, solid);
  --kite-menu-list-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-list-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-menu-list-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-menu-list-item-text-color: var(--kite-color-text, #000000);
  --kite-menu-list-item-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-list-item-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-list-item-border-style: var(--kite-border-style, solid);
  --kite-menu-list-item-padding-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-padding-left: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-list-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-list-item-icon-margin-right: var(--kite-spacing-md, 1rem);
  --kite-menu-list-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-negative-text-color: var(--kite-color-negative, #d6312b);
  --kite-menu-trigger-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-menu-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-menu-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-menu-trigger-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-trigger-activated-background-color: var(--kite-color-primary, #0271eb);
  --kite-menu-trigger-activated-icon-color: var(--kite-color-on-primary, #ffffff);
  --kite-menu-trigger-icon-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-menu-contextual-label-trigger-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-menu-contextual-label-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-menu-contextual-label-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-menu-contextual-label-trigger-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-menu-list-item-border-bottom-color-dark: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "menu-list-item-border-color" token */
  --kite-menu-list-offset-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with "menu-list-margin-right" token */
  --kite-menu-list-item-border-bottom-color: var(--kite-border-color, #d8dde6); /** @deprecated: Replace with "menu-list-item-border-color" token */
  --kite-menu-list-item-border-bottom-style: var(--kite-border-style, solid); /** @deprecated: Replace with "menu-list-item-border-style" token */
  --kite-meter-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-label-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-fill-color: var(--kite-color-neutral, #73b7ff);
  --kite-meter-tick-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-value-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-meter-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-meter-caution-fill-color: var(--kite-color-caution, #faa41a);
  --kite-meter-sm-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-sm-status-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-sm-status-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-sm-value-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-lg-status-label-text-color: var(--kite-color-text, #000000);
  --kite-meter-lg-status-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-lg-status-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-lg-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-track-color: var(--kite-meter-track-color, #d8dde6);
  --kite-meter-circular-track-height: var(--kite-meter-track-height, 0.5rem);
  --kite-meter-circular-tick-color: var(--kite-meter-tick-color, #000000);
  --kite-meter-circular-tick-width: var(--kite-meter-tick-width, 0.25rem);
  --kite-meter-circular-value-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-meter-circular-value-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-meter-circular-sm-height: var(--kite-meter-circular-sm-width, 1.5rem);
  --kite-meter-circular-sm-track-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-circular-sm-icon-width: var(--kite-meter-sm-icon-width, 0.75rem);
  --kite-meter-circular-sm-icon-height: var(--kite-meter-sm-icon-height, 0.75rem);
  --kite-meter-circular-lg-label-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-meter-circular-lg-label-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-meter-circular-lg-value-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-meter-circular-lg-icon-width: var(--kite-meter-lg-icon-width, 1rem);
  --kite-meter-circular-lg-icon-height: var(--kite-meter-lg-icon-height, 1rem);
  --kite-meter-circular-lg-icon-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-meter-positive-progress-fill-background-color: var(--kite-color-positive, #008516); /** @deprecated: Replace with 'meter-positive-fill-color' token */
  --kite-meter-caution-progress-fill-background-color: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with 'meter-caution-fill-color' token */
  --kite-meter-alert-progress-fill-background-color: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with 'meter-negative-fill-color' token */
  --kite-meter-success-progress-fill-background-color: var(--kite-color-positive, #008516); /** @deprecated: Replace with 'meter-positive-fill-color' token */
  --kite-meter-positive-status-icon-fill: var(--kite-color-positive, #008516); /** @deprecated: Replace with 'meter-positive-icon-color' token */
  --kite-meter-caution-status-icon-fill: var(--kite-color-caution, #faa41a); /** @deprecated: Replace with 'meter-caution-icon-color' token */
  --kite-meter-alert-status-icon-fill: var(--kite-color-negative, #d6312b); /** @deprecated: Replace with 'meter-negative-icon-color' token */
  --kite-meter-linear-track-margin-bottom: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'meter-track-margin-bottom' token */
  --kite-meter-linear-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with 'meter-label-text-margin-bottom' token */
  --kite-meter-circular-small-track-margin-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with 'meter-circular-sm-track-margin-right' token */
  --kite-meter-circular-large-status-icon-margin: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with 'meter-circular-lg-icon-margin' token */
  --kite-meter-circular-large-value-label-text-margin-bottom: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'meter-circular-lg-value-label-margin-bottom' token */
  --kite-pagination-controls-background-color: var(--kite-container-background-color, #ffffff);
  --kite-pagination-controls-border-color: var(--kite-border-color, #d8dde6);
  --kite-pagination-controls-border-style: var(--kite-border-style, solid);
  --kite-pagination-controls-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-pagination-controls-margin-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-controls-text-size: var(--kite-typography-body-size, 1rem);
  --kite-pagination-controls-button-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-pagination-controls-button-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-pagination-controls-button-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-pagination-controls-button-icon-color: var(--kite-color-primary, #0271eb);
  --kite-pagination-page-select-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-select-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-page-select-padding-left: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-select-current-label-text-weight: var(--kite-pagination-dropdown-placeholder-text-weight, 700);
  --kite-pagination-dropdown-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-pagination-dropdown-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-icon-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-dropdown-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-pagination-count-margin-right: var(--kite-spacing-md, 1rem);
  --kite-pagination-page-size-label-text-color: var(--kite-color-text, #000000);
  --kite-pagination-page-size-label-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-pagination-controls-padding-top: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'pagination-page-select-padding-top' token */
  --kite-pagination-controls-padding-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'pagination-page-select-padding-right' token */
  --kite-pagination-controls-padding-bottom: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'pagination-page-select-padding-bottom' token */
  --kite-pagination-controls-padding-left: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'pagination-page-select-padding-left' token */
  --kite-pagination-controls-button-disabled-icon-fill: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'pagination-controls-button-disabled-icon-color' token */
  --kite-pagination-per-page-label-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with 'pagination-page-size-label-text-color' token */
  --kite-pagination-per-page-label-margin-right: var(--kite-spacing-xs, 0.5rem); /** @deprecated: Replace with 'pagination-page-size-label-margin-right' token */
  --kite-pagination-item-count-label-margin-right: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'pagination-count-margin-right' token */
  --kite-payment-logo-background-color: var(--kite-container-background-color, #ffffff);
  --kite-payment-logo-text-color: var(--kite-color-text, #000000);
  --kite-payment-logo-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-payment-logo-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-text-color: var(--kite-color-text, #000000);
  --kite-popover-text-size: var(--kite-typography-body-size, 1rem);
  --kite-popover-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-offset: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-arrow-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-popover-arrow-offset: var(--kite-spacing-md, 1rem);
  --kite-popover-trigger-disabled-icon-color: var(--kite-color-disabled, #9ba9bd);
  --kite-popover-trigger-icon-color: var(--kite-color-primary, #0271eb);
  --kite-popover-trigger-label-text-color: var(--kite-color-text, #000000);
  --kite-popover-trigger-label-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-popover-trigger-margin-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-popover-trigger-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-popover-title-text-size: var(--kite-typography-title-6-size, 1.125rem);
  --kite-popover-title-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-link-margin-top: var(--kite-spacing-sm, 0.75rem);
  --kite-popover-dismiss-icon-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-popover-trigger-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'popover-trigger-icon-color' token */
  --kite-popover-trigger-active-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'popover-trigger-expanded-icon-color' token */
  --kite-popover-trigger-focus-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'popover-trigger-focus-icon-color' token */
  --kite-popover-trigger-hover-icon-fill: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'popover-trigger-hover-icon-color' token */
  --kite-progress-indicator-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-progress-indicator-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-progress-indicator-label-margin-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-label-text-color: var(--kite-color-text, #000000);
  --kite-progress-indicator-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-label-text-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-fill-color: var(--kite-color-primary, #0271eb);
  --kite-progress-indicator-backdrop-background-color: var(--kite-color-background, #ffffff);
  --kite-progress-indicator-value-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-size: var(--kite-typography-body-size, 1rem);
  --kite-progress-indicator-secondary-label-margin-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-progress-indicator-icon-height: var(--kite-progress-indicator-icon-width, 1.25rem);
  --kite-progress-indicator-positive-fill-color: var(--kite-color-positive, #008516);
  --kite-progress-indicator-negative-fill-color: var(--kite-color-negative, #d6312b);
  --kite-progress-indicator-button-margin-top: var(--kite-spacing-md, 1rem);
  --kite-progress-indicator-circular-label-text-size: var(--kite-typography-body-display-size, 1.25rem);
  --kite-progress-indicator-circular-label-text-margin-top: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-label-text-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-progress-indicator-circular-sm-height: var(--kite-progress-indicator-circular-sm-width, 1.5rem);
  --kite-progress-indicator-lg-status-text-color: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'progress-indicator-value-label-color' token */
  --kite-progress-indicator-lg-status-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with 'progress-indicator-value-label-size' token */
  --kite-progress-indicator-lg-label-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with 'progress-indicator-label-text-color' token */
  --kite-progress-indicator-lg-label-text-size: var(--kite-typography-body-display-size, 1.25rem); /** @deprecated: Replace with 'progress-indicator-circular-label-text-size' token */
  --kite-progress-indicator-lg-sub-label-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with 'progress-indicator-secondary-label-size' token */
  --kite-radio-text-color: var(--kite-color-text, #000000);
  --kite-radio-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-radio-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-radio-width: var(--kite-radio-height, 1.25rem);
  --kite-radio-selected-border-color: var(--kite-color-primary, #0271eb);
  --kite-radio-selected-focus-ring-width: var(--kite-radio-focus-ring-width, 0.25rem);
  --kite-radio-selected-disabled-border-color: var(--kite-color-disabled, #9ba9bd);
  --kite-radio-selected-indicator-width: var(--kite-radio-selected-indicator-height, 0.75rem);
  --kite-radio-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-radio-cursor: var(--kite-form-control-cursor, pointer);
  --kite-radio-input-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-radio-group-legend-text-size: var(--kite-typography-body-size, 1rem);
  --kite-radio-group-legend-margin-bottom: var(--kite-spacing-md, 1rem);
  --kite-radio-selected-disabled-center-background-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'radio-selected-disabled-indicator-background-color' token */
  --kite-search-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-search-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-search-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-search-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-search-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-search-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-search-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-select-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-select-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-select-cursor: var(--kite-form-control-cursor, pointer);
  --kite-select-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-select-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-select-error-text-margin-top: var(--kite-spacing-2xs, 0.25rem); /** @deprecated: Replace with 'select-feedback-margin-top' token */
  --kite-skip-link-text-size: var(--kite-typography-body-size, 1rem);
  --kite-skip-link-border-style: var(--kite-border-style, solid);
  --kite-skip-link-border-width: var(--kite-border-width-thick, 0.125rem);
  --kite-skip-link-padding-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-right: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-skip-link-padding-left: var(--kite-spacing-md, 1rem);
  --kite-skip-link-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-skip-link-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-skip-link-stacked-margin-top: var(--kite-spacing-md, 1rem);
  --kite-skip-link-spacing-stack: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'skip-link-stacked-margin-top' token */
  --kite-switch-text-color: var(--kite-color-text, #000000);
  --kite-switch-focus-ring-color: var(--kite-switch-track-background-color, #63738a);
  --kite-switch-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-switch-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-switch-focus-ring-offset: var(--kite-focus-ring-offset, 0.125rem);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-switch-disabled-label-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-disabled-track-background-color: var(--kite-color-disabled, #9ba9bd);
  --kite-switch-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-switch-thumb-width: var(--kite-switch-thumb-height, 1.25rem);
  --kite-switch-label-text-color: var(--kite-color-text, #000000);
  --kite-switch-label-text-size: var(--kite-typography-body-size, 1rem);
  --kite-switch-label-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-switch-label-margin-right: var(--kite-spacing-xl, 1.5rem);
  --kite-switch-on-track-background-color: var(--kite-color-primary, #0271eb);
  --kite-switch-on-thumb-background-color: var(--kite-color-on-primary, #ffffff);
  --kite-switch-on-track-background-color-dark: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'switch-on-track-background-color' token */
  --kite-switch-disabled-label-text-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'switch-disabled-label-text-color' token */
  --kite-switch-disabled-track-background-color-dark: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'switch-disabled-track-background-color' token */
  --kite-switch-group-margin-top: var(--kite-spacing-2xl, 2rem); /** @deprecated */
  --kite-switch-group-margin-bottom: var(--kite-spacing-2xl, 2rem); /** @deprecated */
  --kite-switch-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1)); /** @deprecated: Replace with 'switch-transition-timing-function' token */
  --kite-tabs-text-color: var(--kite-color-text, #000000);
  --kite-tabs-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tabs-tab-text-color: var(--kite-color-text, #000000);
  --kite-tabs-tab-text-size: var(--kite-typography-body-size, 1rem);
  --kite-tabs-tab-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-tabs-tab-border-bottom-style: var(--kite-border-style, solid);
  --kite-tabs-tab-border-bottom-width: var(--kite-border-width-thick, 0.125rem);
  --kite-tabs-tab-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-right: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-padding-bottom: var(--kite-spacing-md, 1rem);
  --kite-tabs-tab-padding-left: var(--kite-spacing-lg, 1.25rem);
  --kite-tabs-tab-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-tab-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-tab-selected-text-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-tab-selected-border-bottom-color: var(--kite-color-primary, #0271eb);
  --kite-tabs-tab-disabled-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-tabs-panel-padding-top: var(--kite-spacing-md, 1rem);
  --kite-tabs-panel-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tabs-panel-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tabs-item-border-bottom-style: var(--kite-border-style, solid); /** @deprecated: Replace with 'tabs-tab-border-bottom-style' token */
  --kite-tabs-item-border-bottom-width: var(--kite-border-width-thick, 0.125rem); /** @deprecated: Replace with 'tabs-tab-border-bottom-width' token */
  --kite-tabs-item-min-padding-top: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'tabs-tab-padding-top' token */
  --kite-tabs-item-min-padding-right: var(--kite-spacing-lg, 1.25rem); /** @deprecated: Replace with 'tabs-tab-padding-right' token */
  --kite-tabs-item-min-padding-bottom: var(--kite-spacing-md, 1rem); /** @deprecated: Replace with 'tabs-tab-padding-bottom' token */
  --kite-tabs-item-min-padding-left: var(--kite-spacing-lg, 1.25rem); /** @deprecated: Replace with 'tabs-tab-padding-left' token */
  --kite-tabs-item-text-color: var(--kite-color-text, #000000); /** @deprecated: Replace with 'tabs-tab-text-color' token */
  --kite-tabs-item-text-size: var(--kite-typography-body-size, 1rem); /** @deprecated: Replace with 'tabs-tab-text-size' token */
  --kite-tabs-item-active-text-color: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'tabs-tab-selected-text-color' token */
  --kite-tabs-item-active-border-bottom-color: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'tabs-tab-selected-border-bottom-color' token */
  --kite-tabs-item-active-border-bottom-color-dark: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'tabs-tab-selected-border-bottom-color' token */
  --kite-tabs-item-disabled-text-color: var(--kite-color-disabled, #9ba9bd); /** @deprecated: Replace with 'tabs-tab-disabled-text-color' token */
  --kite-tabs-item-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with 'tabs-tab-focus-ring-style' token */
  --kite-tabs-item-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with 'tabs-tab-focus-ring-width' token */
  --kite-tabs-transition-curve: var(--kite-motion-standard, cubic-bezier(0.25, 0.1, 0.25, 1)); /** @deprecated: Replace with 'tabs-transition-timing-function' token */
  --kite-tag-group-margin: var(--kite-spacing-xs, 0.5rem);
  --kite-tag-text-color: var(--kite-color-text, #000000);
  --kite-tag-border-style: var(--kite-border-style, solid);
  --kite-tag-padding-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-padding-left: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tag-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tag-icon-margin-right: var(--kite-spacing-2xs, 0.25rem);
  --kite-tag-caution-background-color: var(--kite-color-caution-muted, #fff3e0);
  --kite-tag-caution-border-color: var(--kite-color-caution, #faa41a);
  --kite-tag-caution-icon-color: var(--kite-tag-caution-text-color, #000000);
  --kite-tag-negative-background-color: var(--kite-color-negative-muted, #ffefef);
  --kite-tag-negative-border-color: var(--kite-color-negative, #d6312b);
  --kite-tag-neutral-background-color: var(--kite-color-neutral-muted, #e5f2ff);
  --kite-tag-neutral-border-color: var(--kite-color-neutral, #73b7ff);
  --kite-tag-neutral-icon-color: var(--kite-tag-neutral-text-color, #000000);
  --kite-tag-positive-background-color: var(--kite-color-positive-muted, #e8ffe8);
  --kite-tag-positive-border-color: var(--kite-color-positive, #008516);
  --kite-tag-positive-icon-color: var(--kite-tag-positive-text-color, #000000);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-text-color, #000000);
  --kite-tag-solid-caution-background-color: var(--kite-color-caution, #faa41a);
  --kite-tag-solid-caution-text-color: var(--kite-color-on-caution, #000000);
  --kite-tag-solid-negative-background-color: var(--kite-color-negative, #d6312b);
  --kite-tag-solid-negative-text-color: var(--kite-color-on-negative, #ffffff);
  --kite-tag-solid-neutral-background-color: var(--kite-color-neutral, #73b7ff);
  --kite-tag-solid-neutral-text-color: var(--kite-color-on-neutral, #000000);
  --kite-tag-solid-positive-background-color: var(--kite-color-positive, #008516);
  --kite-tag-solid-positive-text-color: var(--kite-color-on-positive, #ffffff);
  --kite-text-area-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-area-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-area-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-area-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-area-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-area-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-area-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-area-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-area-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-area-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-area-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-area-border-color-dark: var(--kite-form-control-border-color, #63738a); /** @deprecated: Replace with 'text-area-border-color' token */
  --kite-text-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-text-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-text-input-disabled-character-count-text-color: var(--kite-color-disabled, #9ba9bd);
  --kite-text-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-text-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-text-input-addon-focus-ring-offset: var(--kite-form-control-addon-focus-ring-offset, -0.125rem);
  --kite-text-input-addon-icon-width: var(--kite-form-control-addon-icon-width, 1.5rem);
  --kite-text-input-character-count-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-text-input-character-count-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-text-input-character-count-margin-bottom: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-text-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-text-input-error-character-count-text-color: var(--kite-color-negative, #d6312b);
  --kite-text-input-secure-icon-margin-right: var(--kite-spacing-xs, 0.5rem);
  --kite-text-input-secure-confirm-icon-color: var(--kite-color-positive, #008516);
  --kite-text-input-border-color-dark: var(--kite-form-control-border-color, #63738a); /** @deprecated: Replace with 'text-input-border-color' token */
  --kite-text-input-secure-confirm-icon-color-dark: var(--kite-color-success, #008516); /** @deprecated: Replace with 'text-input-secure-confirm-icon-color' token */
  --kite-text-input-secure-show-icon-color: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'text-input-secure-icon-color' token */
  --kite-text-input-secure-show-icon-color-dark: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'text-input-secure-icon-color' token */
  --kite-text-input-secure-show-icon-focus-ring-style: var(--kite-focus-ring-style, solid); /** @deprecated: Replace with 'text-input-secure-icon-focus-ring-style' token */
  --kite-text-input-secure-show-icon-focus-ring-width: var(--kite-focus-ring-width, 0.125rem); /** @deprecated: Replace with 'text-input-secure-icon-focus-ring-width' token */
  --kite-text-input-secure-hide-icon-color: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'text-input-secure-visible-icon-color' token */
  --kite-text-input-secure-hide-icon-color-dark: var(--kite-color-primary, #0271eb); /** @deprecated: Replace with 'text-input-secure-visible-icon-color' token */
  --kite-time-input-background-color: var(--kite-form-control-background-color, #ffffff);
  --kite-time-input-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-time-input-disabled-cursor: var(--kite-form-control-disabled-cursor, not-allowed);
  --kite-time-input-cursor: var(--kite-form-control-cursor, pointer);
  --kite-time-input-icon-size: var(--kite-spacing-xl, 1.5rem);
  --kite-time-input-placeholder-margin-right: var(--kite-spacing-md, 1rem);
  --kite-time-input-placeholder-text-color: var(--kite-form-control-placeholder-text-color, #63738a);
  --kite-time-input-placeholder-text-style: var(--kite-form-control-placeholder-text-style, normal);
  --kite-toast-text-size: var(--kite-typography-body-size, 1rem);
  --kite-toast-text-line-height: var(--kite-typography-body-line-height, 1.5);
  --kite-toast-border-style: var(--kite-border-style, solid);
  --kite-toast-margin-top: var(--kite-spacing-2xl, 2rem);
  --kite-toast-margin-bottom: var(--kite-spacing-2xl, 2rem);
  --kite-toast-padding-top: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-right: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-bottom: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-padding-left: var(--kite-spacing-sm, 0.75rem);
  --kite-toast-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-toast-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-toast-offset: var(--kite-spacing-2xl, 2rem);
  --kite-toast-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-toast-icon-margin-right: var(--kite-spacing-sm, 0.75rem);
  --kite-tooltip-text-size: var(--kite-typography-caption-1-size, 0.875rem);
  --kite-tooltip-text-line-height: var(--kite-typography-caption-1-line-height, 1.429);
  --kite-tooltip-padding-top: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-right: var(--kite-spacing-md, 1rem);
  --kite-tooltip-padding-bottom: var(--kite-spacing-2xs, 0.25rem);
  --kite-tooltip-padding-left: var(--kite-spacing-md, 1rem);
  --kite-tooltip-focus-ring-style: var(--kite-focus-ring-style, solid);
  --kite-tooltip-focus-ring-width: var(--kite-focus-ring-width, 0.125rem);
  --kite-tooltip-arrow-background-color: var(--kite-tooltip-background-color, #000f1a);
  --kite-tooltip-entry-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-exit-transition-duration: var(--kite-motion-fast, 750ms);
  --kite-tooltip-entrance-transition-duration: var(--kite-motion-fast, 750ms); /** @deprecated: Replace with 'tooltip-entry-transition-duration' token */
  --kite-tooltip-entrance-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1)); /** @deprecated: Replace with 'tooltip-entry-transition-timing-function' token */
  --kite-tooltip-entry-transition-curve: var(--kite-motion-entry, cubic-bezier(0, 0, 0.58, 1)); /** @deprecated: Replace with 'tooltip-entry-transition-timing-function' token */
  --kite-tooltip-exit-transition-curve: var(--kite-motion-exit, cubic-bezier(0.42, 0, 1, 1)); /** @deprecated: Replace with 'tooltip-exit-transition-timing-function' token */
  --kite-border-radius: var(--kite-border-radius-sm, 0.125rem); /** Default border radius used for most UI elements */
  --kite-container-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-border-width: var(--kite-border-width, 0.0625rem);
  --kite-my-component-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-my-component-icon-color: var(--kite-my-component-text-color, #000000);
  --kite-form-control-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-focus-border-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-form-control-picker-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-form-control-picker-border-width: var(--kite-border-width, 0.0625rem);
  --kite-form-control-picker-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-form-control-picker-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-form-control-picker-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-form-control-picker-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-form-control-picker-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-form-control-picker-list-item-border-style: var(--kite-form-control-picker-border-style, solid);
  --kite-form-control-picker-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-form-control-picker-list-item-negative-icon-color: var(--kite-form-control-picker-list-item-negative-text-color, #d6312b);
  --kite-form-control-input-focus-ring-color: var(--kite-focus-ring-color, #0257b2); /** @deprecated: Replace with "form-control-focus-ring-color" token */
  --kite-form-spacing-stack: var(--kite-form-spacing-stack-xl, 1.5rem); /** Vertical spacing to use between form fields and groups */
  --kite-typography-display-letter-spacing: var(--kite-typography-sm-display-letter-spacing, normal);
  --kite-typography-display-margin-bottom: var(--kite-typography-sm-display-margin-bottom, 1rem);
  --kite-typography-title-1-margin-bottom: var(--kite-typography-sm-title-1-margin-bottom, 0.75rem);
  --kite-typography-title-2-margin-bottom: var(--kite-typography-sm-title-2-margin-bottom, 0.5rem);
  --kite-typography-title-3-margin-bottom: var(--kite-typography-sm-title-3-margin-bottom, 0.5rem);
  --kite-typography-title-4-margin-bottom: var(--kite-typography-sm-title-4-margin-bottom, 0.5rem);
  --kite-typography-title-5-margin-bottom: var(--kite-typography-sm-title-5-margin-bottom, 0.25rem);
  --kite-typography-title-6-margin-bottom: var(--kite-typography-sm-title-6-margin-bottom, 0.25rem);
  --kite-typography-body-display-margin-bottom: var(--kite-typography-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-body-margin-bottom: var(--kite-typography-sm-body-margin-bottom, 1rem);
  --kite-typography-eyebrow-letter-spacing: var(--kite-typography-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-eyebrow-margin-bottom: var(--kite-typography-sm-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-caption-1-margin-bottom: var(--kite-typography-sm-caption-1-margin-bottom, 0.75rem);
  --kite-typography-caption-2-margin-bottom: var(--kite-typography-sm-caption-2-margin-bottom, 0.75rem);
  --kite-typography-caption-weight: var(--kite-typography-caption-1-weight, 400); /** @deprecated: Replace with 'typography-caption-1-weight' token */
  --kite-typography-caption-style: var(--kite-typography-caption-1-style, normal); /** @deprecated: Replace with 'typography-caption-1-style' token */
  --kite-typography-caption-letter-spacing: var(--kite-typography-caption-1-letter-spacing, normal); /** @deprecated: Replace with 'typography-caption-1-letter-spacing' token */
  --kite-accordion-border-width: var(--kite-border-width, 0.0625rem);
  --kite-accordion-padding-top: var(--kite-accordion-padding-top-sm, 1rem);
  --kite-accordion-padding-right: var(--kite-accordion-padding-right-sm, 1rem);
  --kite-accordion-padding-bottom: var(--kite-accordion-padding-bottom-sm, 1rem);
  --kite-accordion-padding-left: var(--kite-accordion-padding-left-sm, 1rem);
  --kite-accordion-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-accordion-icon-color: var(--kite-accordion-title-text-color, #000000);
  --kite-accordion-icon-transition-timing-function: var(--kite-accordion-icon-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-label-text-weight: var(--kite-typography-body-weight, 400);
  --kite-accordion-expanded-transition-timing-function: var(--kite-accordion-expanded-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-accordion-border-bottom-width: var(--kite-border-width, 0.0625rem); /** @deprecated: Replace with "accordion-border-width" token */
  --kite-alert-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-alert-border-width: var(--kite-border-width, 0.0625rem);
  --kite-alert-text-weight: var(--kite-typography-body-weight, 400);
  --kite-alert-dismiss-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-link-text-color: var(--kite-alert-text-color, #000000);
  --kite-alert-passive-title-letter-spacing: var(--kite-typography-body-letter-spacing, normal);
  --kite-alert-passive-caution-status-icon-color: var(--kite-alert-text-color, #000000);
  --kite-alert-page-border-radius: var(--kite-border-radius-md, 0.25rem); /** @deprecated: Replace with "alert-border-radius" token */
  --kite-badge-border-width: var(--kite-border-width, 0.0625rem);
  --kite-badge-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-blockquote-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-group-item-margin-right: var(--kite-button-group-button-margin-right, 1.5rem);
  --kite-button-group-item-margin-bottom: var(--kite-button-group-button-margin-bottom, 1rem);
  --kite-button-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-button-border-width: var(--kite-border-width, 0.0625rem);
  --kite-button-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-focus-ring-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-button-focus-icon-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-hover-icon-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-press-icon-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-disabled-icon-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-icon-color: var(--kite-button-text-color, #ffffff);
  --kite-button-destructive-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-button-destructive-icon-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-background-color: var(--kite-button-background-color, #0271eb);
  --kite-button-primary-border-style: var(--kite-button-border-style, solid);
  --kite-button-primary-text-color: var(--kite-button-text-color, #ffffff);
  --kite-button-primary-press-background-color: var(--kite-button-press-background-color, #0257b2);
  --kite-button-primary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-primary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-background-color: var(--kite-button-focus-background-color, #0257b2);
  --kite-button-primary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-primary-hover-background-color: var(--kite-button-hover-background-color, #0257b2);
  --kite-button-primary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-primary-destructive-background-color: var(--kite-button-destructive-background-color, #d6312b);
  --kite-button-primary-destructive-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-background-color: var(--kite-button-destructive-disabled-background-color, #d8dde6);
  --kite-button-primary-destructive-disabled-border-color: var(--kite-button-destructive-disabled-border-color, rgba(0, 0, 0, 0));
  --kite-button-secondary-icon-color: var(--kite-button-secondary-text-color, #0271eb);
  --kite-button-secondary-border-style: var(--kite-button-border-style, solid);
  --kite-button-secondary-focus-text-color: var(--kite-button-focus-text-color, #ffffff);
  --kite-button-secondary-hover-text-color: var(--kite-button-hover-text-color, #ffffff);
  --kite-button-secondary-press-text-color: var(--kite-button-press-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-icon-color: var(--kite-button-secondary-destructive-text-color, #d6312b);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-style: var(--kite-button-border-style, solid);
  --kite-button-borderless-icon-color: var(--kite-button-borderless-text-color, #0271eb);
  --kite-button-borderless-focus-icon-color: var(--kite-button-borderless-focus-text-color, #0257b2);
  --kite-button-borderless-hover-icon-color: var(--kite-button-borderless-hover-text-color, #0257b2);
  --kite-button-borderless-press-icon-color: var(--kite-button-borderless-press-text-color, #0257b2);
  --kite-button-borderless-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-icon-color: var(--kite-button-borderless-destructive-text-color, #d6312b);
  --kite-button-borderless-destructive-focus-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-hover-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-press-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-border-color: var(--kite-button-borderless-destructive-border-color, rgba(0, 0, 0, 0));
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-button-disabled-text-color, #9ba9bd);
  --kite-calendar-border-width: var(--kite-border-width, 0.0625rem);
  --kite-calendar-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-calendar-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-calendar-controls-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-invalid-text-decoration-thickness: var(--kite-calendar-day-unavailable-text-decoration-thickness, 0.125rem);
  --kite-calendar-day-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-due-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-calendar-day-out-month-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #000000);
  --kite-calendar-day-out-range-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-calendar-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-calendar-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-calendar-error-feedback-icon-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-calendar-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-calendar-standalone-background-color: var(--kite-card-background-color, #ffffff);
  --kite-card-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-card-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-card-border-style: var(--kite-container-border-style, solid);
  --kite-card-padding-top: var(--kite-card-padding-top-sm, 1rem);
  --kite-card-padding-right: var(--kite-card-padding-right-sm, 1rem);
  --kite-card-padding-bottom: var(--kite-card-padding-bottom-sm, 1rem);
  --kite-card-padding-left: var(--kite-card-padding-left-sm, 1rem);
  --kite-card-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-checkbox-border-style: var(--kite-form-control-border-style, solid);
  --kite-checkbox-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-checkbox-focus-ring-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-checkbox-selected-disabled-icon-color: var(--kite-checkbox-disabled-icon-color, #d8dde6);
  --kite-checkbox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-checkbox-disabled-label-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-checkbox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-checkbox-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-checkbox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-checkbox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-checkbox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-checkbox-group-checkbox-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-checkbox-indeterminate-background-color: var(--kite-checkbox-selected-background-color, #0271eb);
  --kite-checkbox-indeterminate-icon-color: var(--kite-checkbox-selected-icon-color, #ffffff);
  --kite-checkbox-indeterminate-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color, #9ba9bd);
  --kite-chip-border-width: var(--kite-border-width, 0.0625rem);
  --kite-chip-selected-padding-top: var(--kite-chip-padding-top, 0.25rem);
  --kite-chip-selected-padding-bottom: var(--kite-chip-padding-bottom, 0.25rem);
  --kite-combobox-text-color: var(--kite-form-control-text-color, #000000);
  --kite-combobox-border-style: var(--kite-form-control-border-style, solid);
  --kite-combobox-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-combobox-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-combobox-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-combobox-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-combobox-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-combobox-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-combobox-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-combobox-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-combobox-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-combobox-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-combobox-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-combobox-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-combobox-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-combobox-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-combobox-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-combobox-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-combobox-picker-offset-y: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-combobox-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-combobox-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-combobox-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-data-table-border-width: var(--kite-border-width, 0.0625rem);
  --kite-data-table-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-data-table-header-text-color: var(--kite-data-table-text-color, #000000);
  --kite-data-table-header-border-bottom-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-header-border-bottom-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-cell-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-cell-padding-top: var(--kite-data-table-padding-top, 0.75rem);
  --kite-data-table-cell-padding-right: var(--kite-data-table-padding-right, 0.75rem);
  --kite-data-table-cell-padding-bottom: var(--kite-data-table-padding-bottom, 0.75rem);
  --kite-data-table-cell-padding-left: var(--kite-data-table-padding-left, 0.75rem);
  --kite-data-table-cell-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-cell-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-data-table-row-background-color: var(--kite-data-table-background-color, #ffffff);
  --kite-data-table-row-border-color: var(--kite-data-table-border-color, #d8dde6);
  --kite-data-table-row-border-style: var(--kite-data-table-border-style, solid);
  --kite-data-table-row-focus-ring-style: var(--kite-data-table-focus-ring-style, solid);
  --kite-data-table-row-focus-ring-width: var(--kite-data-table-focus-ring-width, 0.125rem);
  --kite-date-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-date-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-date-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-date-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-date-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-date-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-date-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-date-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-date-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-date-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-date-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-date-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-date-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-date-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-date-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-date-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-date-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-date-input-picker-offset: var(--kite-form-control-picker-offset, 0.25rem);
  --kite-date-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-date-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-date-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-date-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-date-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dialog-border-color: var(--kite-container-border-color, #d8dde6);
  --kite-dialog-border-style: var(--kite-container-border-style, solid);
  --kite-dialog-padding-top: var(--kite-dialog-full-size-padding-top, 3rem);
  --kite-dialog-padding-right: var(--kite-dialog-full-size-padding-right, 1rem);
  --kite-dialog-padding-bottom: var(--kite-dialog-full-size-padding-bottom, 1.25rem);
  --kite-dialog-padding-left: var(--kite-dialog-full-size-padding-left, 1rem);
  --kite-dialog-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dialog-breakpoint-md-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dialog-title-text-weight: var(--kite-typography-title-5-weight, 500);
  --kite-dialog-dismiss-icon-color: var(--kite-dialog-icon-color, #000000);
  --kite-dialog-scrolled-border-top-width: var(--kite-border-width, 0.0625rem);
  --kite-dialog-default-size-border-radius: var(--kite-border-radius-md, 0.25rem); /** @deprecated: Replace with "dialog-breakpoint-md-border-radius" token */
  --kite-dropdown-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-dropdown-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-dropdown-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-dropdown-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-dropdown-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-dropdown-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-dropdown-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-dropdown-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-dropdown-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-dropdown-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-dropdown-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-dropdown-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-dropdown-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-dropdown-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-dropdown-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-dropdown-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-dropdown-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-dropdown-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-dropdown-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-dropdown-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-dropdown-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-dropdown-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dropdown-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-dropdown-inline-text-color: var(--kite-form-control-text-color, #000000);
  --kite-dropdown-inline-border-style: var(--kite-form-control-border-style, solid);
  --kite-dropdown-inline-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dropdown-inline-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-dropdown-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem); /** @deprecated: Replace with "dropdown-list-item-border-width" token */
  --kite-dynamic-hint-background-color: var(--kite-card-background-color, #ffffff);
  --kite-dynamic-hint-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-dynamic-hint-criteria-text-size: var(--kite-dynamic-hint-text-size, 1rem);
  --kite-dynamic-hint-criteria-text-color: var(--kite-dynamic-hint-text-color, #000000);
  --kite-interactive-list-border-width: var(--kite-border-width, 0.0625rem); /** @deprecated: Replace with "list-border-width" token */
  --kite-interactive-list-focus-ring-color: var(--kite-focus-ring-color, #0257b2); /** @deprecated: Replace with "list-focus-ring-color" token */
  --kite-interactive-list-item-border-color: var(--kite-interactive-list-border-color, #d8dde6); /** @deprecated: Replace with "list-item-border-color" token */
  --kite-interactive-list-item-border-style: var(--kite-interactive-list-border-style, solid); /** @deprecated: Replace with "list-item-border-style" token */
  --kite-interactive-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2); /** @deprecated: Replace with "list-item-focus-ring-color" token */
  --kite-interactive-list-item-padding-top-sm: var(--kite-interactive-list-item-padding-top, 1rem); /** @deprecated: Replace with "list-item-padding-top-sm" token */
  --kite-interactive-list-item-padding-bottom-sm: var(--kite-interactive-list-item-padding-bottom, 1rem); /** @deprecated: Replace with "list-item-padding-bottom-sm" token */
  --kite-interactive-list-item-padding-top-md: var(--kite-interactive-list-item-padding-top, 1rem); /** @deprecated: Replace with "list-item-padding-top-md" token */
  --kite-interactive-list-item-padding-bottom-md: var(--kite-interactive-list-item-padding-bottom, 1rem); /** @deprecated: Replace with "list-item-padding-bottom-md" token */
  --kite-interactive-list-item-padding-top-lg: var(--kite-interactive-list-item-padding-top, 1rem); /** @deprecated: Replace with "list-item-padding-top-lg" token */
  --kite-interactive-list-item-padding-bottom-lg: var(--kite-interactive-list-item-padding-bottom, 1rem); /** @deprecated: Replace with "list-item-padding-bottom-lg" token */
  --kite-interactive-list-item-icon-color: var(--kite-interactive-list-item-text-color, #000000); /** @deprecated: Replace with "list-item-icon-color" token */
  --kite-interactive-list-item-label-text-color: var(--kite-interactive-list-item-text-color, #000000); /** @deprecated: Replace with "list-item-label-text-color" token */
  --kite-interactive-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500); /** @deprecated: Replace with "list-item-title-text-weight" token */
  --kite-interactive-list-item-disabled-icon-color: var(--kite-interactive-list-item-disabled-text-color, #9ba9bd); /** @deprecated: Replace with "list-item-disabled-icon-color" token */
  --kite-interactive-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500); /** @deprecated: Replace with "list-item-breakpoint-md-title-text-weight" token */
  --kite-link-text-weight: var(--kite-typography-body-weight, 400);
  --kite-link-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-link-focus-text-color: var(--kite-link-text-color, #0271eb);
  --kite-link-icon-color: var(--kite-link-text-color, #0271eb);
  --kite-link-standalone-visited-icon-color: var(--kite-link-visited-text-color, #002e52);
  --kite-link-standalone-icon-margin-left: var(--kite-link-icon-margin, 0.25rem); /** @deprecated: Replace with 'link-icon-margin' token */
  --kite-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-list-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-list-item-border-color: var(--kite-list-border-color, #d8dde6);
  --kite-list-item-border-style: var(--kite-list-border-style, solid);
  --kite-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-list-item-padding-top-sm: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-sm: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-md: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-md: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-padding-top-lg: var(--kite-list-item-padding-top, 1rem);
  --kite-list-item-padding-bottom-lg: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-slot-start-margin-right: var(--kite-list-start-margin-right, 0.5rem);
  --kite-list-item-slot-end-margin-left: var(--kite-list-end-margin-left, 0.5rem);
  --kite-list-item-icon-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-label-text-color: var(--kite-list-item-text-color, #000000);
  --kite-list-item-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-list-item-disabled-icon-color: var(--kite-list-item-disabled-text-color, #9ba9bd);
  --kite-list-item-negative-label-icon-color: var(--kite-list-item-negative-label-text-color, #d6312b);
  --kite-list-item-neutral-label-icon-color: var(--kite-list-item-neutral-label-text-color, #0271eb);
  --kite-list-item-positive-label-icon-color: var(--kite-list-item-positive-label-text-color, #008516);
  --kite-list-item-expandable-content-padding-right: var(--kite-list-item-padding-right, 0.5rem);
  --kite-list-item-expandable-content-padding-bottom: var(--kite-list-item-padding-bottom, 1rem);
  --kite-list-item-expandable-content-padding-left: var(--kite-list-item-padding-left, 0.5rem);
  --kite-list-item-breakpoint-md-title-text-weight: var(--kite-typography-title-6-weight, 500);
  --kite-menu-list-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-list-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-border-color: var(--kite-menu-list-border-color, #d8dde6);
  --kite-menu-list-item-border-width: var(--kite-border-width, 0.0625rem);
  --kite-menu-list-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-menu-list-item-negative-icon-color: var(--kite-menu-list-item-negative-text-color, #d6312b);
  --kite-menu-trigger-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-menu-trigger-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-menu-contextual-label-trigger-padding-right: var(--kite-menu-trigger-padding-right, 0.75rem);
  --kite-menu-contextual-label-trigger-padding-left: var(--kite-menu-trigger-padding-left, 0.75rem);
  --kite-menu-contextual-label-trigger-activated-label-text-color: var(--kite-menu-trigger-activated-icon-color, #ffffff);
  --kite-menu-list-item-border-bottom-width: var(--kite-border-width, 0.0625rem); /** @deprecated: Replace with "menu-list-item-border-width" token */
  --kite-meter-icon-color: var(--kite-meter-fill-color, #73b7ff);
  --kite-meter-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-positive-icon-color: var(--kite-meter-positive-fill-color, #008516);
  --kite-meter-negative-icon-color: var(--kite-meter-negative-fill-color, #d6312b);
  --kite-meter-caution-icon-color: var(--kite-meter-caution-fill-color, #faa41a);
  --kite-meter-sm-track-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-meter-lg-track-border-radius: var(--kite-border-radius-lg, 0.5rem);
  --kite-meter-circular-track-margin-bottom: var(--kite-meter-track-margin-bottom, 0.25rem);
  --kite-meter-circular-fill-color: var(--kite-meter-fill-color, #73b7ff);
  --kite-meter-circular-tick-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-sm-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-sm-value-label-text-size: var(--kite-meter-sm-label-text-size, 0.875rem);
  --kite-meter-circular-sm-value-label-text-line-height: var(--kite-meter-sm-label-text-line-height, 1.429);
  --kite-meter-circular-lg-track-height: var(--kite-meter-circular-track-height, 0.5rem);
  --kite-meter-circular-lg-tick-width: var(--kite-meter-circular-tick-width, 0.25rem);
  --kite-meter-linear-track-border-radius: var(--kite-border-radius-md, 0.25rem); /** @deprecated: Replace with 'meter-track-border-radius' token */
  --kite-meter-linear-small-border-radius: var(--kite-border-radius-md, 0.25rem); /** @deprecated: Replace with 'meter-sm-track-border-radius' token */
  --kite-meter-linear-large-border-radius: var(--kite-border-radius-lg, 0.5rem); /** @deprecated: Replace with 'meter-lg-track-border-radius' token */
  --kite-pagination-controls-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-border-width: var(--kite-border-width, 0.0625rem);
  --kite-pagination-controls-button-border-color: var(--kite-pagination-controls-border-color, #d8dde6);
  --kite-pagination-controls-button-border-style: var(--kite-pagination-controls-border-style, solid);
  --kite-pagination-controls-button-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-pagination-page-select-current-label-margin-right: var(--kite-pagination-dropdown-margin-right, 0.25rem);
  --kite-pagination-page-select-current-label-margin-left: var(--kite-pagination-dropdown-margin-left, 0.25rem);
  --kite-pagination-dropdown-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-pagination-controls-button-previous-border-color: var(--kite-pagination-controls-border-color, #d8dde6); /** @deprecated: Replace with 'pagination-controls-button-border-color' token */
  --kite-pagination-controls-button-previous-border-style: var(--kite-pagination-controls-border-style, solid); /** @deprecated: Replace with 'pagination-controls-button-border-style' token */
  --kite-payment-logo-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-background-color: var(--kite-card-background-color, #ffffff);
  --kite-popover-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-trigger-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-popover-trigger-focus-ring-radius: var(--kite-border-radius-circle, 50%);
  --kite-popover-trigger-hover-icon-color: var(--kite-popover-trigger-icon-color, #0271eb);
  --kite-popover-dismiss-icon-color: var(--kite-popover-text-color, #000000);
  --kite-progress-indicator-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-progress-indicator-value-label-color: var(--kite-progress-indicator-fill-color, #0271eb);
  --kite-progress-indicator-secondary-label-weight: var(--kite-typography-body-weight, 400);
  --kite-progress-indicator-positive-icon-color: var(--kite-progress-indicator-positive-fill-color, #008516);
  --kite-progress-indicator-negative-icon-color: var(--kite-progress-indicator-negative-fill-color, #d6312b);
  --kite-progress-indicator-circular-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-progress-indicator-lg-sub-label-text-weight: var(--kite-typography-body-weight, 400); /** @deprecated: Replace with 'progress-indicator-secondary-label-weight' token */
  --kite-radio-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-radio-border-style: var(--kite-form-control-border-style, solid);
  --kite-radio-margin-bottom: var(--kite-form-spacing-stack-md, 1rem);
  --kite-radio-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-radio-selected-border-width: var(--kite-radio-border-width, 0.125rem);
  --kite-radio-selected-disabled-indicator-background-color: var(--kite-radio-selected-disabled-border-color, #9ba9bd);
  --kite-radio-selected-indicator-background-color: var(--kite-radio-selected-border-color, #0271eb);
  --kite-radio-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-radio-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-radio-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-radio-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-radio-group-margin-top: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-radio-group-margin-bottom: var(--kite-form-spacing-stack-2xl, 2rem);
  --kite-search-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-search-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-search-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-search-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-search-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-search-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-search-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-search-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-search-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-search-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-search-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-search-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-search-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-search-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-search-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-search-input-placeholder-margin-right: var(--kite-form-control-padding-left, 0.5rem);
  --kite-search-input-placeholder-margin-left: var(--kite-form-control-padding-right, 0.5rem);
  --kite-search-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-search-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-text-color: var(--kite-form-control-text-color, #000000);
  --kite-select-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-select-border-style: var(--kite-form-control-border-style, solid);
  --kite-select-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-select-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-select-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-select-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-select-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-select-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-select-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-select-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-select-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-select-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-select-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-select-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-select-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-select-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-select-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-select-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-select-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-select-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-select-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-select-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-skip-link-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-skip-link-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-switch-transition-timing-function: var(--kite-switch-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-switch-thumb-border-radius: var(--kite-border-radius-circle, 50%);
  --kite-switch-on-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-switch-indicator-border-radius: var(--kite-border-radius-circle, 50%); /** @deprecated: Replace with 'switch-thumb-border-radius' token */
  --kite-tabs-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-transition-timing-function: var(--kite-tabs-transition-curve, cubic-bezier(0.25, 0.1, 0.25, 1));
  --kite-tabs-tab-text-weight: var(--kite-typography-body-weight, 400);
  --kite-tabs-tab-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-panel-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tabs-item-text-weight: var(--kite-typography-body-weight, 400); /** @deprecated: Replace with 'tabs-tab-text-weight' token */
  --kite-tabs-item-focus-ring-color: var(--kite-focus-ring-color, #0257b2); /** @deprecated: Replace with 'tabs-tab-focus-ring-color' token */
  --kite-tag-border-width: var(--kite-border-width, 0.0625rem);
  --kite-tag-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tag-icon-color: var(--kite-tag-text-color, #000000);
  --kite-tag-negative-icon-color: var(--kite-tag-negative-border-color, #d6312b);
  --kite-tag-solid-caution-icon-color: var(--kite-tag-solid-caution-text-color, #000000);
  --kite-tag-solid-negative-icon-color: var(--kite-tag-solid-negative-text-color, #ffffff);
  --kite-tag-solid-neutral-icon-color: var(--kite-tag-solid-neutral-text-color, #000000);
  --kite-tag-solid-positive-icon-color: var(--kite-tag-solid-positive-text-color, #ffffff);
  --kite-text-area-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-area-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-area-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-area-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-area-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-area-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-area-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-area-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-area-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-area-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-area-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-area-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-area-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-area-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-area-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-area-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-area-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-area-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-area-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-area-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-area-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-area-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-area-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-area-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b); /** @deprecated: Replace with 'text-area-error-feedback-text-color' token */
  --kite-text-area-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem); /** @deprecated: Replace with 'text-area-feedback-margin-top' token */
  --kite-text-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-text-input-text-size: var(--kite-form-control-text-size, 1rem);
  --kite-text-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-text-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-text-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-text-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-text-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-text-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-text-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-text-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-text-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-text-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-text-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-text-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-text-input-disabled-label-text-color: var(--kite-form-control-disabled-label-text-color, #9ba9bd);
  --kite-text-input-addon-icon-color: var(--kite-form-control-addon-icon-color, #0271eb);
  --kite-text-input-addon-padding-right: var(--kite-form-control-addon-padding-right, 0.5rem);
  --kite-text-input-addon-padding-left: var(--kite-form-control-addon-padding-left, 0.5rem);
  --kite-text-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-text-input-label-text-color: var(--kite-form-control-label-text-color, #000000);
  --kite-text-input-label-text-size: var(--kite-form-control-label-text-size, 1rem);
  --kite-text-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-text-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-text-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-text-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-text-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-text-input-secure-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-icon-height: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-secure-confirm-icon-width: var(--kite-text-input-addon-icon-width, 1.5rem);
  --kite-text-input-error-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b); /** @deprecated: Replace with 'text-input-error-feedback-text-color' token */
  --kite-text-input-error-text-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem); /** @deprecated: Replace with 'text-input-feedback-margin-top' token */
  --kite-text-input-secure-show-icon-focus-ring-color: var(--kite-focus-ring-color, #0257b2); /** @deprecated: Replace with 'text-input-secure-icon-focus-ring-color' token */
  --kite-time-input-text-color: var(--kite-form-control-text-color, #000000);
  --kite-time-input-border-style: var(--kite-form-control-border-style, solid);
  --kite-time-input-padding-top: var(--kite-form-control-padding-top, 0.75rem);
  --kite-time-input-padding-right: var(--kite-form-control-padding-right, 0.5rem);
  --kite-time-input-padding-bottom: var(--kite-form-control-padding-bottom, 0.75rem);
  --kite-time-input-padding-left: var(--kite-form-control-padding-left, 0.5rem);
  --kite-time-input-focus-ring-style: var(--kite-form-control-focus-ring-style, solid);
  --kite-time-input-focus-ring-width: var(--kite-form-control-focus-ring-width, 0.125rem);
  --kite-time-input-hover-border-width: var(--kite-form-control-hover-border-width, 0.125rem);
  --kite-time-input-disabled-background-color: var(--kite-form-control-disabled-background-color, #ffffff);
  --kite-time-input-disabled-border-color: var(--kite-form-control-disabled-border-color, #9ba9bd);
  --kite-time-input-disabled-icon-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-text-color: var(--kite-form-control-disabled-text-color, #9ba9bd);
  --kite-time-input-disabled-helper-text-color: var(--kite-form-control-disabled-helper-text-color, #9ba9bd);
  --kite-time-input-feedback-margin-top: var(--kite-form-control-feedback-margin-top, 0.25rem);
  --kite-time-input-helper-text-color: var(--kite-form-control-helper-text-color, #63738a);
  --kite-time-input-label-color: var(--kite-form-control-label-text-color, #000000);
  --kite-time-input-label-margin-bottom: var(--kite-form-control-label-margin-bottom, 0.25rem);
  --kite-time-input-error-border-color: var(--kite-form-control-error-border-color, #d6312b);
  --kite-time-input-error-border-width: var(--kite-form-control-error-border-width, 0.125rem);
  --kite-time-input-error-feedback-text-color: var(--kite-form-control-error-feedback-text-color, #d6312b);
  --kite-toast-border-radius: var(--kite-border-radius-md, 0.25rem);
  --kite-toast-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tooltip-focus-ring-color: var(--kite-focus-ring-color, #0257b2);
  --kite-tooltip-entry-transition-timing-function: var(--kite-tooltip-entry-transition-curve, cubic-bezier(0, 0, 0.58, 1));
  --kite-tooltip-exit-transition-timing-function: var(--kite-tooltip-exit-transition-curve, cubic-bezier(0.42, 0, 1, 1));
  --kite-container-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-my-component-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-form-control-picker-list-item-border-color: var(--kite-form-control-picker-border-color, #d8dde6);
  --kite-form-control-picker-list-item-border-width: var(--kite-form-control-picker-border-width, 0.0625rem);
  --kite-typography-caption-margin-bottom: var(--kite-typography-caption-1-margin-bottom, 0.75rem); /** @deprecated: Replace with 'typography-caption-1-margin-bottom' token */
  --kite-alert-passive-border-radius: var(--kite-alert-border-radius, 0.25rem);
  --kite-button-destructive-focus-icon-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-destructive-hover-icon-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-destructive-press-icon-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-destructive-disabled-icon-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-primary-icon-color: var(--kite-button-primary-text-color, #ffffff);
  --kite-button-primary-press-icon-color: var(--kite-button-primary-press-text-color, #ffffff);
  --kite-button-primary-disabled-icon-color: var(--kite-button-primary-disabled-text-color, #9ba9bd);
  --kite-button-primary-focus-icon-color: var(--kite-button-primary-focus-text-color, #ffffff);
  --kite-button-primary-hover-icon-color: var(--kite-button-primary-hover-text-color, #ffffff);
  --kite-button-primary-destructive-icon-color: var(--kite-button-primary-destructive-text-color, #ffffff);
  --kite-button-primary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-text-color: var(--kite-button-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-secondary-focus-icon-color: var(--kite-button-secondary-focus-text-color, #ffffff);
  --kite-button-secondary-hover-icon-color: var(--kite-button-secondary-hover-text-color, #ffffff);
  --kite-button-secondary-press-icon-color: var(--kite-button-secondary-press-text-color, #ffffff);
  --kite-button-secondary-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-text-color: var(--kite-button-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-text-color: var(--kite-button-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-text-color: var(--kite-button-destructive-press-text-color, #ffffff);
  --kite-button-secondary-destructive-disabled-icon-color: var(--kite-button-secondary-disabled-text-color, #9ba9bd);
  --kite-button-borderless-border-width: var(--kite-button-border-width, 0.0625rem);
  --kite-button-borderless-disabled-icon-color: var(--kite-button-borderless-disabled-text-color, #9ba9bd);
  --kite-button-borderless-destructive-disabled-icon-color: var(--kite-button-borderless-destructive-disabled-text-color, #9ba9bd);
  --kite-button-primary-icon-fill: var(--kite-button-icon-color, #ffffff); /** @deprecated: Replace with 'button-primary-icon-color' token */
  --kite-button-primary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff); /** @deprecated: Replace with 'button-primary-press-icon-color' token */
  --kite-button-primary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd); /** @deprecated: Replace with 'button-primary-disabled-icon-color' token */
  --kite-button-primary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff); /** @deprecated: Replace with 'button-primary-focus-icon-color' token */
  --kite-button-primary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff); /** @deprecated: Replace with 'button-primary-hover-icon-color' token */
  --kite-button-secondary-active-icon-fill: var(--kite-button-press-icon-color, #ffffff); /** @deprecated: Replace with 'button-secondary-press-icon-color' token */
  --kite-button-secondary-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd); /** @deprecated: Replace with 'button-secondary-disabled-icon-color' token */
  --kite-button-secondary-focus-icon-fill: var(--kite-button-focus-icon-color, #ffffff); /** @deprecated: Replace with 'button-secondary-focus-icon-color' token */
  --kite-button-secondary-hover-icon-fill: var(--kite-button-hover-icon-color, #ffffff); /** @deprecated: Replace with 'button-secondary-hover-icon-color' token */
  --kite-button-borderless-disabled-icon-fill: var(--kite-button-disabled-icon-color, #9ba9bd); /** @deprecated: Replace with 'button-borderless-disabled-icon-color' token */
  --kite-calendar-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-calendar-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-calendar-standalone-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-calendar-standalone-border-style: var(--kite-card-border-style, solid);
  --kite-calendar-standalone-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-card-border-width: var(--kite-container-border-width, 0.0625rem);
  --kite-checkbox-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-checkbox-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-checkbox-selected-disabled-border-color: var(--kite-checkbox-disabled-border-color, #9ba9bd);
  --kite-checkbox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-checkbox-error-feedback-icon-color: var(--kite-checkbox-error-feedback-text-color, #d6312b);
  --kite-checkbox-error-selected-background-color: var(--kite-checkbox-error-border-color, #d6312b);
  --kite-checkbox-indeterminate-disabled-icon-color: var(--kite-checkbox-selected-disabled-icon-color, #d8dde6);
  --kite-combobox-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-combobox-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-data-table-header-border-bottom-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-cell-focus-ring-color: var(--kite-data-table-focus-ring-color, #0257b2);
  --kite-data-table-row-border-width: var(--kite-data-table-border-width, 0.0625rem);
  --kite-data-table-row-focus-ring-color: var(--kite-data-table-focus-ring-color, #0257b2);
  --kite-data-table-sticky-column-background-color: var(--kite-data-table-row-background-color, #ffffff);
  --kite-date-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-date-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-dropdown-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-dropdown-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-dropdown-focus-ring-style: var(--kite-select-focus-ring-style, solid);
  --kite-dropdown-focus-ring-width: var(--kite-select-focus-ring-width, 0.125rem);
  --kite-dropdown-icon-color: var(--kite-dropdown-text-color, #000000);
  --kite-dropdown-inline-disabled-icon-color: var(--kite-dropdown-inline-disabled-text-color, #9ba9bd);
  --kite-dropdown-inline-placeholder-text-color: var(--kite-dropdown-inline-text-color, #000000);
  --kite-dynamic-hint-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-dynamic-hint-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-dynamic-hint-border-style: var(--kite-card-border-style, solid);
  --kite-dynamic-hint-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-dynamic-hint-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-dynamic-hint-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-dynamic-hint-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-dynamic-hint-arrow-background-color: var(--kite-dynamic-hint-background-color, #ffffff);
  --kite-interactive-list-item-border-width: var(--kite-interactive-list-border-width, 0.0625rem); /** @deprecated: Replace with "list-item-border-width" token */
  --kite-interactive-list-item-action-icon-color: var(--kite-interactive-list-item-icon-color, #000000); /** @deprecated: Replace with "list-item-action-icon-color" token */
  --kite-interactive-list-item-disabled-action-icon-color: var(--kite-interactive-list-item-disabled-icon-color, #9ba9bd); /** @deprecated: Replace with "list-item-disabled-action-icon-color" token */
  --kite-link-standalone-focus-icon-color: var(--kite-link-focus-text-color, #0271eb);
  --kite-link-standalone-icon-color: var(--kite-link-icon-color, #0271eb); /** @deprecated: Replace with 'link-icon-color' token */
  --kite-list-item-border-width: var(--kite-list-border-width, 0.0625rem);
  --kite-list-item-caution-label-text-color: var(--kite-list-item-label-text-color, #000000);
  --kite-list-item-action-icon-color: var(--kite-list-item-icon-color, #000000);
  --kite-list-item-label-icon-color: var(--kite-list-item-label-text-color, #000000);
  --kite-list-item-disabled-action-icon-color: var(--kite-list-item-disabled-icon-color, #9ba9bd);
  --kite-meter-circular-icon-color: var(--kite-meter-circular-fill-color, #73b7ff);
  --kite-meter-circular-lg-tick-height: var(--kite-meter-circular-lg-track-height, 0.5rem);
  --kite-pagination-controls-button-border-width: var(--kite-pagination-controls-border-width, 0.0625rem);
  --kite-pagination-controls-button-previous-border-width: var(--kite-pagination-controls-border-width, 0.0625rem); /** @deprecated: Replace with 'pagination-controls-button-border-width' token */
  --kite-popover-border-color: var(--kite-card-border-color, #d8dde6);
  --kite-popover-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-popover-border-style: var(--kite-card-border-style, solid);
  --kite-popover-padding-top: var(--kite-card-padding-top, 1rem);
  --kite-popover-padding-right: var(--kite-card-padding-right, 1rem);
  --kite-popover-padding-bottom: var(--kite-card-padding-bottom, 1rem);
  --kite-popover-padding-left: var(--kite-card-padding-left, 1rem);
  --kite-popover-arrow-background-color: var(--kite-popover-background-color, #ffffff);
  --kite-popover-trigger-focus-icon-color: var(--kite-popover-trigger-hover-icon-color, #0271eb);
  --kite-popover-trigger-expanded-icon-color: var(--kite-popover-trigger-hover-icon-color, #0271eb);
  --kite-radio-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-radio-focus-ring-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-selected-border-style: var(--kite-radio-border-style, solid);
  --kite-radio-selected-focus-ring-style: var(--kite-radio-focus-ring-style, solid);
  --kite-radio-selected-indicator-border-radius: var(--kite-radio-border-radius, 50%);
  --kite-radio-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-search-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-search-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-select-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-select-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-select-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-switch-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-tag-border-radius: var(--kite-border-radius, 0.125rem);
  --kite-text-area-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-area-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-area-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-text-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-text-input-margin-bottom: var(--kite-form-spacing-stack, 1.5rem);
  --kite-text-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-text-input-secure-icon-color: var(--kite-text-input-addon-icon-color, #0271eb);
  --kite-text-input-secure-icon-focus-ring-style: var(--kite-text-input-focus-ring-style, solid);
  --kite-text-input-secure-icon-focus-ring-width: var(--kite-text-input-focus-ring-width, 0.125rem);
  --kite-text-input-secure-confirm-icon-margin-right: var(--kite-text-input-addon-padding-right, 0.5rem);
  --kite-text-input-secure-visible-icon-height: var(--kite-text-input-secure-icon-height, 1.5rem); /** @deprecated: Replace with 'text-input-secure-unmasked-icon-height' token */
  --kite-text-input-secure-visible-icon-width: var(--kite-text-input-secure-icon-width, 1.5rem); /** @deprecated: Replace with 'text-input-secure-unmasked-icon-width' token */
  --kite-time-input-border-width: var(--kite-form-control-border-width, 0.0625rem);
  --kite-time-input-focus-ring-color: var(--kite-form-control-focus-ring-color, #0257b2);
  --kite-time-input-label-text-weight: var(--kite-form-control-label-text-weight, 400);
  --kite-tooltip-border-radius: var(--kite-card-border-radius, 0.25rem);
  --kite-tooltip-border-style: var(--kite-card-border-style, solid);
  --kite-button-primary-destructive-focus-icon-color: var(--kite-button-primary-destructive-focus-text-color, #ffffff);
  --kite-button-primary-destructive-hover-icon-color: var(--kite-button-primary-destructive-hover-text-color, #ffffff);
  --kite-button-primary-destructive-press-icon-color: var(--kite-button-primary-destructive-press-text-color, #ffffff);
  --kite-button-primary-destructive-disabled-icon-color: var(--kite-button-primary-destructive-disabled-text-color, #9ba9bd);
  --kite-button-secondary-destructive-focus-icon-color: var(--kite-button-secondary-destructive-focus-text-color, #ffffff);
  --kite-button-secondary-destructive-hover-icon-color: var(--kite-button-secondary-destructive-hover-text-color, #ffffff);
  --kite-button-secondary-destructive-press-icon-color: var(--kite-button-secondary-destructive-press-text-color, #ffffff);
  --kite-calendar-standalone-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-checkbox-indeterminate-disabled-border-color: var(--kite-checkbox-selected-disabled-border-color, #9ba9bd);
  --kite-dropdown-focus-ring-color: var(--kite-select-focus-ring-color, #0257b2);
  --kite-dynamic-hint-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-dynamic-hint-arrow-border-color: var(--kite-dynamic-hint-border-color, #d8dde6);
  --kite-dynamic-hint-arrow-border-style: var(--kite-dynamic-hint-border-style, solid);
  --kite-popover-border-width: var(--kite-card-border-width, 0.0625rem);
  --kite-popover-arrow-border-color: var(--kite-popover-border-color, #d8dde6);
  --kite-popover-arrow-border-style: var(--kite-popover-border-style, solid);
  --kite-radio-selected-focus-ring-color: var(--kite-radio-focus-ring-color, #0257b2);
  --kite-text-input-secure-icon-focus-ring-color: var(--kite-text-input-focus-ring-color, #0257b2);
  --kite-text-input-secure-unmasked-icon-height: var(--kite-text-input-secure-visible-icon-height, 1.5rem);
  --kite-text-input-secure-unmasked-icon-width: var(--kite-text-input-secure-visible-icon-width, 1.5rem);
  --kite-text-input-secure-visible-icon-color: var(--kite-text-input-secure-icon-color, #0271eb); /** @deprecated: Replace with 'text-input-secure-unmasked-icon-color' token */
  --kite-dynamic-hint-arrow-border-width: var(--kite-dynamic-hint-border-width, 0.0625rem);
  --kite-text-input-secure-unmasked-icon-color: var(--kite-text-input-secure-visible-icon-color, #0271eb);
}

.kite-theme--mode-compact {
  --kite-layout-sm: 3rem;
  --kite-layout-md: 4rem;
  --kite-layout-lg: 6rem;
  --kite-layout-xl: 8rem;
  --kite-layout-2xl: 10rem;
  --kite-layout-2xs: var(--kite-size-32, 2rem);
  --kite-layout-xs: var(--kite-size-40, 2.5rem);
  --kite-spacing-2xs: var(--kite-size-2, 0.125rem);
  --kite-spacing-xs: var(--kite-size-4, 0.25rem);
  --kite-spacing-sm: var(--kite-size-8, 0.5rem);
  --kite-spacing-md: var(--kite-size-12, 0.75rem);
  --kite-spacing-lg: var(--kite-size-16, 1rem);
  --kite-spacing-xl: var(--kite-size-20, 1.25rem);
  --kite-spacing-2xl: var(--kite-size-24, 1.5rem);
}

.kite-theme--mode-rutledge {
  --kite-font-weight-light: 200;
  --kite-font-family-sans-serif: var(--kite-font-family-rutledge, Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  --kite-typography-sm-display-size: var(--kite-typography-rutledge-sm-display-size, 3rem);
  --kite-typography-sm-display-line-height: var(--kite-typography-rutledge-sm-display-line-height, 1.25);
  --kite-typography-sm-title-1-size: var(--kite-typography-rutledge-sm-title-1-size, 2.5rem);
  --kite-typography-sm-title-1-line-height: var(--kite-typography-rutledge-sm-title-1-line-height, 1.3);
  --kite-typography-sm-title-2-size: var(--kite-typography-rutledge-sm-title-2-size, 2.25rem);
  --kite-typography-sm-title-2-line-height: var(--kite-typography-rutledge-sm-title-2-line-height, 1.222);
  --kite-typography-sm-title-3-size: var(--kite-typography-rutledge-sm-title-3-size, 2rem);
  --kite-typography-sm-title-4-size: var(--kite-typography-rutledge-sm-title-4-size, 1.75rem);
  --kite-typography-sm-title-4-line-height: var(--kite-typography-rutledge-sm-title-4-line-height, 1.286);
  --kite-typography-sm-title-5-size: var(--kite-typography-rutledge-sm-title-5-size, 1.5rem);
  --kite-typography-sm-title-5-line-height: var(--kite-typography-rutledge-sm-title-5-line-height, 1.25);
  --kite-typography-sm-title-6-size: var(--kite-typography-rutledge-sm-title-6-size, 1.25rem);
  --kite-typography-sm-title-6-line-height: var(--kite-typography-rutledge-sm-title-6-line-height, 1.3);
  --kite-typography-sm-body-display-size: var(--kite-typography-rutledge-sm-body-display-size, 1.25rem);
  --kite-typography-sm-body-display-line-height: var(--kite-typography-rutledge-sm-body-display-line-height, 1.3);
  --kite-typography-sm-body-size: var(--kite-typography-rutledge-sm-body-size, 1rem);
  --kite-typography-sm-body-line-height: var(--kite-typography-rutledge-sm-body-line-height, 1.5);
  --kite-typography-sm-eyebrow-size: var(--kite-typography-rutledge-sm-eyebrow-size, 0.875rem);
  --kite-typography-sm-eyebrow-style: var(--kite-typography-rutledge-sm-eyebrow-style, uppercase);
  --kite-typography-sm-eyebrow-line-height: var(--kite-typography-rutledge-sm-eyebrow-line-height, 1.571);
  --kite-typography-lg-display-size: var(--kite-typography-rutledge-lg-display-size, 4rem);
  --kite-typography-lg-display-line-height: var(--kite-typography-rutledge-lg-display-line-height, 1.125);
  --kite-typography-lg-title-1-size: var(--kite-typography-rutledge-lg-title-1-size, 3rem);
  --kite-typography-lg-title-1-line-height: var(--kite-typography-rutledge-lg-title-1-line-height, 1.25);
  --kite-typography-lg-title-2-size: var(--kite-typography-rutledge-lg-title-2-size, 2.5rem);
  --kite-typography-lg-title-2-line-height: var(--kite-typography-rutledge-lg-title-2-line-height, 1.25);
  --kite-typography-lg-title-3-size: var(--kite-typography-rutledge-lg-title-3-size, 2.25rem);
  --kite-typography-lg-title-3-line-height: var(--kite-typography-rutledge-lg-title-3-line-height, 1.222);
  --kite-typography-lg-title-4-size: var(--kite-typography-rutledge-lg-title-4-size, 2rem);
  --kite-typography-lg-title-4-line-height: var(--kite-typography-rutledge-lg-title-4-line-height, 1.25);
  --kite-typography-lg-title-5-size: var(--kite-typography-rutledge-lg-title-5-size, 1.5rem);
  --kite-typography-lg-title-5-line-height: var(--kite-typography-rutledge-lg-title-5-line-height, 1.25);
  --kite-typography-lg-title-6-size: var(--kite-typography-rutledge-lg-title-6-size, 1.25rem);
  --kite-typography-lg-title-6-line-height: var(--kite-typography-rutledge-lg-title-6-line-height, 1.3);
  --kite-typography-lg-body-display-size: var(--kite-typography-rutledge-lg-body-display-size, 1.25rem);
  --kite-typography-lg-body-display-line-height: var(--kite-typography-rutledge-lg-body-display-line-height, 1.3);
  --kite-typography-lg-body-size: var(--kite-typography-rutledge-lg-body-size, 1rem);
  --kite-typography-lg-body-line-height: var(--kite-typography-rutledge-lg-body-line-height, 1.5);
  --kite-typography-lg-eyebrow-size: var(--kite-typography-rutledge-lg-eyebrow-size, 1rem);
  --kite-typography-lg-eyebrow-style: var(--kite-typography-rutledge-lg-eyebrow-style, uppercase);
  --kite-typography-lg-eyebrow-line-height: var(--kite-typography-rutledge-lg-eyebrow-line-height, 1.5);
  --kite-typography-xxs-title-1-size: var(--kite-typography-rutledge-xxs-title-1-size, 1.3125rem);
  --kite-typography-xxs-title-1-line-height: var(--kite-typography-rutledge-xxs-title-1-line-height, 1.333);
  --kite-typography-xxs-title-2-size: var(--kite-typography-rutledge-xxs-title-2-size, 1.125rem);
  --kite-typography-xxs-title-2-line-height: var(--kite-typography-rutledge-xxs-title-2-line-height, 1.5);
  --kite-typography-xxs-title-3-size: var(--kite-typography-rutledge-xxs-title-3-size, 1rem);
  --kite-typography-xxs-title-3-line-height: var(--kite-typography-rutledge-xxs-title-3-line-height, 1.5);
  --kite-typography-xxs-title-4-size: var(--kite-typography-rutledge-xxs-title-4-size, 0.875rem);
  --kite-typography-xxs-title-4-line-height: var(--kite-typography-rutledge-xxs-title-4-line-height, 1.5);
  --kite-typography-xxs-title-5-size: var(--kite-typography-rutledge-xxs-title-5-size, 0.875rem);
  --kite-typography-xxs-title-5-line-height: var(--kite-typography-rutledge-xxs-title-5-line-height, 1.5);
  --kite-typography-xxs-body-size: var(--kite-typography-rutledge-xxs-body-size, 0.875rem);
  --kite-typography-xxs-body-line-height: var(--kite-typography-rutledge-xxs-body-line-height, 1.5);
  --kite-typography-xxs-eyebrow-size: var(--kite-typography-rutledge-xxs-eyebrow-size, 0.8125rem);
  --kite-typography-xxs-eyebrow-style: var(--kite-typography-rutledge-xxs-eyebrow-style, uppercase);
  --kite-typography-xxs-eyebrow-line-height: var(--kite-typography-rutledge-xxs-eyebrow-line-height, 1.538);
  --kite-typography-xxs-caption-size: var(--kite-typography-rutledge-xxs-caption-size, 0.75rem);
  --kite-typography-xxs-caption-line-height: var(--kite-typography-rutledge-xxs-caption-line-height, 1.5);
  --kite-typography-xs-title-1-size: var(--kite-typography-rutledge-xs-title-1-size, 1.4375rem);
  --kite-typography-xs-title-1-line-height: var(--kite-typography-rutledge-xs-title-1-line-height, 1.304);
  --kite-typography-xs-title-2-size: var(--kite-typography-rutledge-xs-title-2-size, 1.1875rem);
  --kite-typography-xs-title-2-line-height: var(--kite-typography-rutledge-xs-title-2-line-height, 1.421);
  --kite-typography-xs-title-3-size: var(--kite-typography-rutledge-xs-title-3-size, 1.0625rem);
  --kite-typography-xs-title-3-line-height: var(--kite-typography-rutledge-xs-title-3-line-height, 1.471);
  --kite-typography-xs-title-4-size: var(--kite-typography-rutledge-xs-title-4-size, 0.9375rem);
  --kite-typography-xs-title-4-line-height: var(--kite-typography-rutledge-xs-title-4-line-height, 1.533);
  --kite-typography-xs-title-5-size: var(--kite-typography-rutledge-xs-title-5-size, 0.9375rem);
  --kite-typography-xs-title-5-line-height: var(--kite-typography-rutledge-xs-title-5-line-height, 1.533);
  --kite-typography-xs-body-size: var(--kite-typography-rutledge-xs-body-size, 0.9375rem);
  --kite-typography-xs-body-line-height: var(--kite-typography-rutledge-xs-body-line-height, 1.533);
  --kite-typography-xs-eyebrow-size: var(--kite-typography-rutledge-xs-eyebrow-size, 0.8125rem);
  --kite-typography-xs-eyebrow-style: var(--kite-typography-rutledge-xs-eyebrow-style, uppercase);
  --kite-typography-xs-eyebrow-line-height: var(--kite-typography-rutledge-xs-eyebrow-line-height, 1.538);
  --kite-typography-xs-caption-size: var(--kite-typography-rutledge-xs-caption-size, 0.75rem);
  --kite-typography-xs-caption-line-height: var(--kite-typography-rutledge-xs-caption-line-height, 1.5);
  --kite-typography-md-title-1-size: var(--kite-typography-rutledge-md-title-1-size, 2.25rem);
  --kite-typography-md-title-1-line-height: var(--kite-typography-rutledge-md-title-1-line-height, 1.25);
  --kite-typography-md-title-2-size: var(--kite-typography-rutledge-md-title-2-size, 1.75rem);
  --kite-typography-md-title-2-line-height: var(--kite-typography-rutledge-md-title-2-line-height, 1.286);
  --kite-typography-md-title-3-size: var(--kite-typography-rutledge-md-title-3-size, 1.5rem);
  --kite-typography-md-title-3-line-height: var(--kite-typography-rutledge-md-title-3-line-height, 1.292);
  --kite-typography-md-title-4-size: var(--kite-typography-rutledge-md-title-4-size, 1.25rem);
  --kite-typography-md-title-4-line-height: var(--kite-typography-rutledge-md-title-4-line-height, 1.05);
  --kite-typography-md-title-5-size: var(--kite-typography-rutledge-md-title-5-size, 1rem);
  --kite-typography-md-title-5-line-height: var(--kite-typography-rutledge-md-title-5-line-height, 1.5);
  --kite-typography-md-body-size: var(--kite-typography-rutledge-md-body-size, 1rem);
  --kite-typography-md-body-line-height: var(--kite-typography-rutledge-md-body-line-height, 1.5);
  --kite-typography-md-eyebrow-size: var(--kite-typography-rutledge-md-eyebrow-size, 0.875rem);
  --kite-typography-md-eyebrow-style: var(--kite-typography-rutledge-md-eyebrow-style, uppercase);
  --kite-typography-md-eyebrow-line-height: var(--kite-typography-rutledge-md-eyebrow-line-height, 1.5);
  --kite-typography-md-caption-size: var(--kite-typography-rutledge-md-caption-size, 0.75rem);
  --kite-typography-md-caption-line-height: var(--kite-typography-rutledge-md-caption-line-height, 1.75);
  --kite-typography-xl-title-1-size: var(--kite-typography-rutledge-xl-title-1-size, 3.5rem);
  --kite-typography-xl-title-1-line-height: var(--kite-typography-rutledge-xl-title-1-line-height, 1.393);
  --kite-typography-xl-title-2-size: var(--kite-typography-rutledge-xl-title-2-size, 2.625rem);
  --kite-typography-xl-title-2-line-height: var(--kite-typography-rutledge-xl-title-2-line-height, 1.429);
  --kite-typography-xl-title-3-size: var(--kite-typography-rutledge-xl-title-3-size, 2.25rem);
  --kite-typography-xl-title-3-line-height: var(--kite-typography-rutledge-xl-title-3-line-height, 1.056);
  --kite-typography-xl-title-4-size: var(--kite-typography-rutledge-xl-title-4-size, 1.75rem);
  --kite-typography-xl-title-4-line-height: var(--kite-typography-rutledge-xl-title-4-line-height, 0.964);
  --kite-typography-xl-title-5-size: var(--kite-typography-rutledge-xl-title-5-size, 1.5rem);
  --kite-typography-xl-title-5-line-height: var(--kite-typography-rutledge-xl-title-5-line-height, 1);
  --kite-typography-xl-body-size: var(--kite-typography-rutledge-xl-body-size, 1.5rem);
  --kite-typography-xl-body-line-height: var(--kite-typography-rutledge-xl-body-line-height, 1.333);
  --kite-typography-xl-eyebrow-size: var(--kite-typography-rutledge-xl-eyebrow-size, 1.375rem);
  --kite-typography-xl-eyebrow-style: var(--kite-typography-rutledge-xl-eyebrow-style, uppercase);
  --kite-typography-xl-eyebrow-line-height: var(--kite-typography-rutledge-xl-eyebrow-line-height, 1.091);
  --kite-typography-xl-caption-size: var(--kite-typography-rutledge-xl-caption-size, 1.25rem);
  --kite-typography-xl-caption-line-height: var(--kite-typography-rutledge-xl-caption-line-height, 1.2);
  --kite-typography-sm-display-weight: var(--kite-typography-rutledge-sm-display-weight, 700);
  --kite-typography-sm-display-letter-spacing: var(--kite-typography-rutledge-sm-display-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-1-weight: var(--kite-typography-rutledge-sm-title-1-weight, 700);
  --kite-typography-sm-title-1-letter-spacing: var(--kite-typography-rutledge-sm-title-1-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-2-weight: var(--kite-typography-rutledge-sm-title-2-weight, 700);
  --kite-typography-sm-title-2-letter-spacing: var(--kite-typography-rutledge-sm-title-2-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-3-weight: var(--kite-typography-rutledge-sm-title-3-weight, 700);
  --kite-typography-sm-title-3-letter-spacing: var(--kite-typography-rutledge-sm-title-3-letter-spacing, -0.0625rem);
  --kite-typography-sm-title-4-weight: var(--kite-typography-rutledge-sm-title-4-weight, 700);
  --kite-typography-sm-title-4-letter-spacing: var(--kite-typography-rutledge-sm-title-4-letter-spacing, normal);
  --kite-typography-sm-title-5-weight: var(--kite-typography-rutledge-sm-title-5-weight, 700);
  --kite-typography-sm-title-5-letter-spacing: var(--kite-typography-rutledge-sm-title-5-letter-spacing, normal);
  --kite-typography-sm-title-6-weight: var(--kite-typography-rutledge-sm-title-6-weight, 700);
  --kite-typography-sm-title-6-letter-spacing: var(--kite-typography-rutledge-sm-title-6-letter-spacing, normal);
  --kite-typography-sm-body-display-weight: var(--kite-typography-rutledge-sm-body-display-weight, 400);
  --kite-typography-sm-body-display-letter-spacing: var(--kite-typography-rutledge-sm-body-display-letter-spacing, normal);
  --kite-typography-sm-body-weight: var(--kite-typography-rutledge-sm-body-weight, 400);
  --kite-typography-sm-body-letter-spacing: var(--kite-typography-rutledge-sm-body-letter-spacing, normal);
  --kite-typography-sm-eyebrow-weight: var(--kite-typography-rutledge-sm-eyebrow-weight, 700);
  --kite-typography-lg-display-weight: var(--kite-typography-rutledge-lg-display-weight, 700);
  --kite-typography-lg-display-letter-spacing: var(--kite-typography-rutledge-lg-display-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-1-weight: var(--kite-typography-rutledge-lg-title-1-weight, 700);
  --kite-typography-lg-title-1-letter-spacing: var(--kite-typography-rutledge-lg-title-1-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-2-weight: var(--kite-typography-rutledge-lg-title-2-weight, 700);
  --kite-typography-lg-title-2-letter-spacing: var(--kite-typography-rutledge-lg-title-2-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-3-weight: var(--kite-typography-rutledge-lg-title-3-weight, 700);
  --kite-typography-lg-title-3-letter-spacing: var(--kite-typography-rutledge-lg-title-3-letter-spacing, -0.0625rem);
  --kite-typography-lg-title-4-weight: var(--kite-typography-rutledge-lg-title-4-weight, 700);
  --kite-typography-lg-title-4-letter-spacing: var(--kite-typography-rutledge-lg-title-4-letter-spacing, normal);
  --kite-typography-lg-title-5-weight: var(--kite-typography-rutledge-lg-title-5-weight, 700);
  --kite-typography-lg-title-5-letter-spacing: var(--kite-typography-rutledge-lg-title-5-letter-spacing, normal);
  --kite-typography-lg-title-6-weight: var(--kite-typography-rutledge-lg-title-6-weight, 500);
  --kite-typography-lg-title-6-letter-spacing: var(--kite-typography-rutledge-lg-title-6-letter-spacing, normal);
  --kite-typography-lg-body-display-weight: var(--kite-typography-rutledge-lg-body-display-weight, 400);
  --kite-typography-lg-body-display-letter-spacing: var(--kite-typography-rutledge-lg-body-display-letter-spacing, normal);
  --kite-typography-lg-body-weight: var(--kite-typography-rutledge-lg-body-weight, 400);
  --kite-typography-lg-body-letter-spacing: var(--kite-typography-rutledge-lg-body-letter-spacing, normal);
  --kite-typography-lg-eyebrow-weight: var(--kite-typography-rutledge-lg-eyebrow-weight, 700);
  --kite-typography-xxs-title-1-weight: var(--kite-typography-rutledge-xxs-title-1-weight, 500);
  --kite-typography-xxs-title-1-letter-spacing: var(--kite-typography-rutledge-xxs-title-1-letter-spacing, normal);
  --kite-typography-xxs-title-2-weight: var(--kite-typography-rutledge-xxs-title-2-weight, 500);
  --kite-typography-xxs-title-2-letter-spacing: var(--kite-typography-rutledge-xxs-title-2-letter-spacing, normal);
  --kite-typography-xxs-title-3-weight: var(--kite-typography-rutledge-xxs-title-3-weight, 500);
  --kite-typography-xxs-title-3-letter-spacing: var(--kite-typography-rutledge-xxs-title-3-letter-spacing, normal);
  --kite-typography-xxs-title-4-weight: var(--kite-typography-rutledge-xxs-title-4-weight, 700);
  --kite-typography-xxs-title-4-letter-spacing: var(--kite-typography-rutledge-xxs-title-4-letter-spacing, normal);
  --kite-typography-xxs-title-5-weight: var(--kite-typography-rutledge-xxs-title-5-weight, 500);
  --kite-typography-xxs-title-5-letter-spacing: var(--kite-typography-rutledge-xxs-title-5-letter-spacing, normal);
  --kite-typography-xxs-body-weight: var(--kite-typography-rutledge-xxs-body-weight, 400);
  --kite-typography-xxs-body-letter-spacing: var(--kite-typography-rutledge-xxs-body-letter-spacing, normal);
  --kite-typography-xxs-eyebrow-weight: var(--kite-typography-rutledge-xxs-eyebrow-weight, 700);
  --kite-typography-xxs-caption-weight: var(--kite-typography-rutledge-xxs-caption-weight, 400);
  --kite-typography-xxs-caption-letter-spacing: var(--kite-typography-rutledge-xxs-caption-letter-spacing, normal);
  --kite-typography-xs-title-1-weight: var(--kite-typography-rutledge-xs-title-1-weight, 500);
  --kite-typography-xs-title-1-letter-spacing: var(--kite-typography-rutledge-xs-title-1-letter-spacing, normal);
  --kite-typography-xs-title-2-weight: var(--kite-typography-rutledge-xs-title-2-weight, 500);
  --kite-typography-xs-title-2-letter-spacing: var(--kite-typography-rutledge-xs-title-2-letter-spacing, normal);
  --kite-typography-xs-title-3-weight: var(--kite-typography-rutledge-xs-title-3-weight, 500);
  --kite-typography-xs-title-3-letter-spacing: var(--kite-typography-rutledge-xs-title-3-letter-spacing, normal);
  --kite-typography-xs-title-4-weight: var(--kite-typography-rutledge-xs-title-4-weight, 700);
  --kite-typography-xs-title-4-letter-spacing: var(--kite-typography-rutledge-xs-title-4-letter-spacing, normal);
  --kite-typography-xs-title-5-weight: var(--kite-typography-rutledge-xs-title-5-weight, 500);
  --kite-typography-xs-title-5-letter-spacing: var(--kite-typography-rutledge-xs-title-5-letter-spacing, normal);
  --kite-typography-xs-body-weight: var(--kite-typography-rutledge-xs-body-weight, 400);
  --kite-typography-xs-body-letter-spacing: var(--kite-typography-rutledge-xs-body-letter-spacing, normal);
  --kite-typography-xs-eyebrow-weight: var(--kite-typography-rutledge-xs-eyebrow-weight, 700);
  --kite-typography-xs-caption-weight: var(--kite-typography-rutledge-xs-caption-weight, 400);
  --kite-typography-xs-caption-letter-spacing: var(--kite-typography-rutledge-xs-caption-letter-spacing, normal);
  --kite-typography-md-title-1-weight: var(--kite-typography-rutledge-md-title-1-weight, 700);
  --kite-typography-md-title-1-letter-spacing: var(--kite-typography-rutledge-md-title-1-letter-spacing, -0.0625rem);
  --kite-typography-md-title-2-weight: var(--kite-typography-rutledge-md-title-2-weight, 700);
  --kite-typography-md-title-2-letter-spacing: var(--kite-typography-rutledge-md-title-2-letter-spacing, -0.0625rem);
  --kite-typography-md-title-3-weight: var(--kite-typography-rutledge-md-title-3-weight, 700);
  --kite-typography-md-title-3-letter-spacing: var(--kite-typography-rutledge-md-title-3-letter-spacing, -0.0625rem);
  --kite-typography-md-title-4-weight: var(--kite-typography-rutledge-md-title-4-weight, 700);
  --kite-typography-md-title-4-letter-spacing: var(--kite-typography-rutledge-md-title-4-letter-spacing, normal);
  --kite-typography-md-title-5-weight: var(--kite-typography-rutledge-md-title-5-weight, 700);
  --kite-typography-md-title-5-letter-spacing: var(--kite-typography-rutledge-md-title-5-letter-spacing, normal);
  --kite-typography-md-body-weight: var(--kite-typography-rutledge-md-body-weight, 400);
  --kite-typography-md-body-letter-spacing: var(--kite-typography-rutledge-md-body-letter-spacing, normal);
  --kite-typography-md-eyebrow-weight: var(--kite-typography-rutledge-md-eyebrow-weight, 700);
  --kite-typography-md-caption-weight: var(--kite-typography-rutledge-md-caption-weight, 400);
  --kite-typography-md-caption-letter-spacing: var(--kite-typography-rutledge-md-caption-letter-spacing, normal);
  --kite-typography-xl-title-1-weight: var(--kite-typography-rutledge-xl-title-1-weight, 500);
  --kite-typography-xl-title-1-letter-spacing: var(--kite-typography-rutledge-xl-title-1-letter-spacing, normal);
  --kite-typography-xl-title-2-weight: var(--kite-typography-rutledge-xl-title-2-weight, 500);
  --kite-typography-xl-title-2-letter-spacing: var(--kite-typography-rutledge-xl-title-2-letter-spacing, -0.0625rem);
  --kite-typography-xl-title-3-weight: var(--kite-typography-rutledge-xl-title-3-weight, 400);
  --kite-typography-xl-title-3-letter-spacing: var(--kite-typography-rutledge-xl-title-3-letter-spacing, -0.0625rem);
  --kite-typography-xl-title-4-weight: var(--kite-typography-rutledge-xl-title-4-weight, 400);
  --kite-typography-xl-title-4-letter-spacing: var(--kite-typography-rutledge-xl-title-4-letter-spacing, normal);
  --kite-typography-xl-title-5-weight: var(--kite-typography-rutledge-xl-title-5-weight, 500);
  --kite-typography-xl-title-5-letter-spacing: var(--kite-typography-rutledge-xl-title-5-letter-spacing, normal);
  --kite-typography-xl-body-weight: var(--kite-typography-rutledge-xl-body-weight, 400);
  --kite-typography-xl-body-letter-spacing: var(--kite-typography-rutledge-xl-body-letter-spacing, normal);
  --kite-typography-xl-eyebrow-weight: var(--kite-typography-rutledge-xl-eyebrow-weight, 700);
  --kite-typography-xl-caption-weight: var(--kite-typography-rutledge-xl-caption-weight, 500);
  --kite-typography-xl-caption-letter-spacing: var(--kite-typography-rutledge-xl-caption-letter-spacing, normal);
  --kite-typography-sm-display-margin-bottom: var(--kite-typography-rutledge-sm-display-margin-bottom, 1.5rem);
  --kite-typography-sm-title-1-margin-bottom: var(--kite-typography-rutledge-sm-title-1-margin-bottom, 1rem);
  --kite-typography-sm-title-2-margin-bottom: var(--kite-typography-rutledge-sm-title-2-margin-bottom, 1rem);
  --kite-typography-sm-title-3-margin-bottom: var(--kite-typography-rutledge-sm-title-3-margin-bottom, 1rem);
  --kite-typography-sm-title-4-margin-bottom: var(--kite-typography-rutledge-sm-title-4-margin-bottom, 1rem);
  --kite-typography-sm-title-5-margin-bottom: var(--kite-typography-rutledge-sm-title-5-margin-bottom, 1rem);
  --kite-typography-sm-title-6-margin-bottom: var(--kite-typography-rutledge-sm-title-6-margin-bottom, 0.75rem);
  --kite-typography-sm-body-display-margin-bottom: var(--kite-typography-rutledge-sm-body-display-margin-bottom, 1.5rem);
  --kite-typography-sm-body-margin-bottom: var(--kite-typography-rutledge-sm-body-margin-bottom, 1.5rem);
  --kite-typography-sm-eyebrow-letter-spacing: var(--kite-typography-rutledge-sm-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-sm-eyebrow-margin-bottom: var(--kite-typography-rutledge-sm-eyebrow-margin-bottom, 1rem);
  --kite-typography-lg-display-margin-bottom: var(--kite-typography-rutledge-lg-display-margin-bottom, 1.5rem);
  --kite-typography-lg-title-1-margin-bottom: var(--kite-typography-rutledge-lg-title-1-margin-bottom, 1rem);
  --kite-typography-lg-title-2-margin-bottom: var(--kite-typography-rutledge-lg-title-2-margin-bottom, 1rem);
  --kite-typography-lg-title-3-margin-bottom: var(--kite-typography-rutledge-lg-title-3-margin-bottom, 1rem);
  --kite-typography-lg-title-4-margin-bottom: var(--kite-typography-rutledge-lg-title-4-margin-bottom, 1rem);
  --kite-typography-lg-title-5-margin-bottom: var(--kite-typography-rutledge-lg-title-5-margin-bottom, 1rem);
  --kite-typography-lg-title-6-margin-bottom: var(--kite-typography-rutledge-lg-title-6-margin-bottom, 1rem);
  --kite-typography-lg-body-display-margin-bottom: var(--kite-typography-rutledge-lg-body-display-margin-bottom, 1.5rem);
  --kite-typography-lg-body-margin-bottom: var(--kite-typography-rutledge-lg-body-margin-bottom, 1rem);
  --kite-typography-lg-eyebrow-letter-spacing: var(--kite-typography-rutledge-lg-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-lg-eyebrow-margin-bottom: var(--kite-typography-rutledge-lg-eyebrow-margin-bottom, 1rem);
  --kite-typography-xxs-title-1-margin-bottom: var(--kite-typography-rutledge-xxs-title-1-margin-bottom, 1.5rem);
  --kite-typography-xxs-title-2-margin-bottom: var(--kite-typography-rutledge-xxs-title-2-margin-bottom, 1rem);
  --kite-typography-xxs-title-3-margin-bottom: var(--kite-typography-rutledge-xxs-title-3-margin-bottom, 1rem);
  --kite-typography-xxs-title-4-margin-bottom: var(--kite-typography-rutledge-xxs-title-4-margin-bottom, 0.5rem);
  --kite-typography-xxs-title-5-margin-bottom: var(--kite-typography-rutledge-xxs-title-5-margin-bottom, 0.25rem);
  --kite-typography-xxs-body-margin-bottom: var(--kite-typography-rutledge-xxs-body-margin-bottom, 1.5rem);
  --kite-typography-xxs-eyebrow-letter-spacing: var(--kite-typography-rutledge-xxs-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xxs-eyebrow-margin-bottom: var(--kite-typography-rutledge-xxs-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-xxs-caption-margin-bottom: var(--kite-typography-rutledge-xxs-caption-margin-bottom, 1.25rem);
  --kite-typography-xs-title-1-margin-bottom: var(--kite-typography-rutledge-xs-title-1-margin-bottom, 1.5rem);
  --kite-typography-xs-title-2-margin-bottom: var(--kite-typography-rutledge-xs-title-2-margin-bottom, 1rem);
  --kite-typography-xs-title-3-margin-bottom: var(--kite-typography-rutledge-xs-title-3-margin-bottom, 1rem);
  --kite-typography-xs-title-4-margin-bottom: var(--kite-typography-rutledge-xs-title-4-margin-bottom, 0.5rem);
  --kite-typography-xs-title-5-margin-bottom: var(--kite-typography-rutledge-xs-title-5-margin-bottom, 0.25rem);
  --kite-typography-xs-body-margin-bottom: var(--kite-typography-rutledge-xs-body-margin-bottom, 1.5rem);
  --kite-typography-xs-eyebrow-letter-spacing: var(--kite-typography-rutledge-xs-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xs-eyebrow-margin-bottom: var(--kite-typography-rutledge-xs-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-xs-caption-margin-bottom: var(--kite-typography-rutledge-xs-caption-margin-bottom, 1.25rem);
  --kite-typography-md-title-1-margin-bottom: var(--kite-typography-rutledge-md-title-1-margin-bottom, 1.5rem);
  --kite-typography-md-title-2-margin-bottom: var(--kite-typography-rutledge-md-title-2-margin-bottom, 1rem);
  --kite-typography-md-title-3-margin-bottom: var(--kite-typography-rutledge-md-title-3-margin-bottom, 1rem);
  --kite-typography-md-title-4-margin-bottom: var(--kite-typography-rutledge-md-title-4-margin-bottom, 0.5rem);
  --kite-typography-md-title-5-margin-bottom: var(--kite-typography-rutledge-md-title-5-margin-bottom, 0.25rem);
  --kite-typography-md-body-margin-bottom: var(--kite-typography-rutledge-md-body-margin-bottom, 1.5rem);
  --kite-typography-md-eyebrow-letter-spacing: var(--kite-typography-rutledge-md-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-md-eyebrow-margin-bottom: var(--kite-typography-rutledge-md-eyebrow-margin-bottom, 0.5rem);
  --kite-typography-md-caption-margin-bottom: var(--kite-typography-rutledge-md-caption-margin-bottom, 1.25rem);
  --kite-typography-xl-title-1-margin-bottom: var(--kite-typography-rutledge-xl-title-1-margin-bottom, 2rem);
  --kite-typography-xl-title-2-margin-bottom: var(--kite-typography-rutledge-xl-title-2-margin-bottom, 1.25rem);
  --kite-typography-xl-title-3-margin-bottom: var(--kite-typography-rutledge-xl-title-3-margin-bottom, 1.25rem);
  --kite-typography-xl-title-4-margin-bottom: var(--kite-typography-rutledge-xl-title-4-margin-bottom, 0.75rem);
  --kite-typography-xl-title-5-margin-bottom: var(--kite-typography-rutledge-xl-title-5-margin-bottom, 0.5rem);
  --kite-typography-xl-body-margin-bottom: var(--kite-typography-rutledge-xl-body-margin-bottom, 2rem);
  --kite-typography-xl-eyebrow-letter-spacing: var(--kite-typography-rutledge-xl-eyebrow-letter-spacing, 0.125rem);
  --kite-typography-xl-eyebrow-margin-bottom: var(--kite-typography-rutledge-xl-eyebrow-margin-bottom, 0.75rem);
  --kite-typography-xl-caption-margin-bottom: var(--kite-typography-rutledge-xl-caption-margin-bottom, 1.5rem);
}

.kite-theme--mode-dark {
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.5);
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-border-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-hover-background-color: rgba(255, 255, 255, 0.05); /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-popover-border-color: rgba(0, 0, 0, 0);
  --kite-color-background: var(--kite-color-dark-blue-30, #001221); /** Default background color for the app */
  --kite-color-background-secondary: var(--kite-color-dark-blue-20, #002747); /** Secondary background color for the app */
  --kite-color-text: var(--kite-color-white, #ffffff); /** Default body text color */
  --kite-color-text-secondary: var(--kite-color-gray-10, #f8f8f8); /** Secondary text color for microcopy, etc. */
  --kite-color-caution: var(--kite-color-yellow-10, #ffd400); /** Color for elements that have to do with caution or warning */
  --kite-color-negative: var(--kite-color-red-10, #ff4d4a); /** Color for elements providing negative, destructive, critical or dangerous information and actions */
  --kite-color-on-negative: var(--kite-color-black, #000000); /** Text color found on negative color */
  --kite-color-neutral: var(--kite-color-light-blue-20, #5db8fc); /** Color for elements providing neutral information (not error, success, or caution) */
  --kite-color-positive: var(--kite-color-green-10, #00bf1f); /** Color for elements that have to do with positive or successful states and actions */
  --kite-color-on-positive: var(--kite-color-black, #000000); /** Text color found on positive color */
  --kite-color-disabled: var(--kite-color-gray-30, #63738a); /** Default color for elements in disabled states */
  --kite-color-error: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'color-negative' token */
  --kite-color-success: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with 'color-positive' token */
  --kite-color-focus: var(--kite-color-white, #ffffff); /** Default color to use for focus states and focus ring outlines */
  --kite-border-color: var(--kite-color-white, #ffffff); /** Default border color for UI elements */
  --kite-container-background-color: var(--kite-color-dark-blue-20, #002747); /** `container-*` tokens can be shared across "containers", such as card components, sidebars, drawers ect. These tokens function to set any "container" apart from the app background by applying a default background color, border and even hover state. */
  --kite-container-border-color: var(--kite-color-dark-blue-20, #002747);
  --kite-container-hover-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-my-component-background-color: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-disabled-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-form-control-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-white, #ffffff);
  --kite-accordion-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-accordion-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-alert-text-color: var(--kite-color-black, #000000);
  --kite-alert-negative-border-left-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-border-left-color: var(--kite-color-green-20, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-badge-disabled-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-button-destructive-background-color: var(--kite-color-red-20, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-focus-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-hover-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-press-text-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-secondary-press-icon-color: var(--kite-color-dark-blue-20, #002747);
  --kite-button-borderless-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-focus-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-due-background-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-due-text-color: var(--kite-color-black, #000000);
  --kite-calendar-standalone-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-chip-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-text-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-chip-focus-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-chip-selected-background-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-chip-selected-text-color: var(--kite-color-dark-blue-30, #001221);
  --kite-chip-selected-disabled-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-chip-disabled-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-combobox-picker-results-text-color: var(--kite-color-white, #ffffff);
  --kite-data-table-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-row-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.5);
  --kite-data-table-striped-row-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-date-input-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-date-input-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-dropdown-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-dynamic-hint-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-interactive-list-border-color: var(--kite-color-dark-blue-10, #003561); /** @deprecated: Replace with "list-border-color" token */
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-blue-10, #31a2ff); /** @deprecated: Replace with "list-border-color" token */
  --kite-link-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-press-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-list-item-neutral-label-text-color: var(--kite-color-blue-10, #31a2ff);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-menu-list-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-menu-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-meter-track-color: var(--kite-color-dark-blue-10, #003561);
  --kite-meter-tick-color: var(--kite-color-white, #ffffff);
  --kite-meter-caution-fill-color: var(--kite-color-yellow-10, #ffd400);
  --kite-pagination-controls-background-color: var(--kite-color-dark-blue-30, #001221);
  --kite-pagination-controls-border-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-controls-button-icon-color: var(--kite-color-white, #ffffff);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-pagination-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-popover-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-popover-trigger-icon-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-track-color: var(--kite-color-dark-blue-10, #003561);
  --kite-progress-indicator-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-white, #ffffff);
  --kite-radio-border-color: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color: var(--kite-color-blue-20, #0073d1);
  --kite-select-icon-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-skip-link-border-color: var(--kite-color-blue-10, #31a2ff);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-white, #ffffff);
  --kite-tabs-tab-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-dark-blue-20, #002747);
  --kite-tag-border-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-tag-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-tag-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-tag-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-tag-solid-background-color: var(--kite-color-light-blue-10, #b7cee5);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-secure-icon-color: var(--kite-color-blue-10, #31a2ff);
  --kite-time-input-icon-color: var(--kite-color-white, #ffffff);
  --kite-toast-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-10, #003561);
  --kite-form-control-picker-background-color: var(--kite-form-control-background-color, #002747);
  --kite-form-control-picker-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-button-disabled-background-color: var(--kite-color-disabled, #63738a);
  --kite-button-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative, #ff4d4a);
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-calendar-controls-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-controls-focus-text-color: var(--kite-color-text, #ffffff);
  --kite-calendar-day-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-border-color: var(--kite-border-color, #ffffff);
  --kite-chip-border-color: var(--kite-chip-text-color, #b7cee5);
  --kite-dialog-overlay-background-color: var(--kite-color-background, #001221);
  --kite-link-text-color: var(--kite-color-text, #ffffff);
  --kite-tag-text-color: var(--kite-tag-border-color, #b7cee5);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #ffffff);
  --kite-switch-focus-ring-color: var(--kite-focus-ring-color, #ffffff);
}

.kite-theme--life-unltd-white.kite-theme--mode-dark {
  --kite-elevation-0: none;
  --kite-elevation-1: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-2: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-3: 0 3px 12px 0 rgba(0, 0, 0, 0.5);
  --kite-elevation-4: 0 24px 24px 0 rgba(0, 0, 0, 0.5);
  --kite-data-table-scroll-shadow: inset -14px 0 10px -14px rgba(0, 0, 0, 0.5);
  --kite-dynamic-hint-border-color: rgba(0, 0, 0, 0);
  --kite-interactive-list-item-hover-background-color: rgba(255, 255, 255, 0.05); /** @deprecated: Replace with "list-item-hover-background-color" token */
  --kite-popover-border-color: rgba(0, 0, 0, 0);
  --kite-color-background: var(--kite-color-dark-blue-30, #000f1a); /** Default background color for the app */
  --kite-color-background-secondary: var(--kite-color-dark-blue-20, #002139); /** Secondary background color for the app */
  --kite-color-text: var(--kite-color-white, #ffffff); /** Default body text color */
  --kite-color-text-secondary: var(--kite-color-gray-10, #f8f8f8); /** Secondary text color for microcopy, etc. */
  --kite-color-caution: var(--kite-color-yellow-10, #ffd400); /** Color for elements that have to do with caution or warning */
  --kite-color-negative: var(--kite-color-red-10, #ff4d4a); /** Color for elements providing negative, destructive, critical or dangerous information and actions */
  --kite-color-on-negative: var(--kite-color-black, #000000); /** Text color found on negative color */
  --kite-color-neutral: var(--kite-color-light-blue-20, #73b7ff); /** Color for elements providing neutral information (not error, success, or caution) */
  --kite-color-positive: var(--kite-color-green-10, #00bf1f); /** Color for elements that have to do with positive or successful states and actions */
  --kite-color-on-positive: var(--kite-color-black, #000000); /** Text color found on positive color */
  --kite-color-disabled: var(--kite-color-gray-30, #63738a); /** Default color for elements in disabled states */
  --kite-color-error: var(--kite-color-red-10, #ff4d4a); /** @deprecated: Replace with 'color-negative' token */
  --kite-color-success: var(--kite-color-green-10, #00bf1f); /** @deprecated: Replace with 'color-positive' token */
  --kite-color-focus: var(--kite-color-white, #ffffff); /** Default color to use for focus states and focus ring outlines */
  --kite-border-color: var(--kite-color-white, #ffffff); /** Default border color for UI elements */
  --kite-container-background-color: var(--kite-color-dark-blue-20, #002139); /** `container-*` tokens can be shared across "containers", such as card components, sidebars, drawers ect. These tokens function to set any "container" apart from the app background by applying a default background color, border and even hover state. */
  --kite-container-border-color: var(--kite-color-dark-blue-20, #002139);
  --kite-container-hover-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-my-component-background-color: var(--kite-color-red-10, #ff4d4a);
  --kite-form-control-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-disabled-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-form-control-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-form-control-placeholder-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-form-control-picker-backdrop-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-form-control-picker-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-form-control-picker-list-item-check-icon-color: var(--kite-color-white, #ffffff);
  --kite-accordion-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-accordion-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-alert-text-color: var(--kite-color-black, #000000);
  --kite-alert-negative-border-left-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-negative-status-icon-color: var(--kite-color-red-20, #d6312b);
  --kite-alert-positive-border-left-color: var(--kite-color-green-20, #008516);
  --kite-alert-positive-status-icon-color: var(--kite-color-green-20, #008516);
  --kite-badge-disabled-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-button-destructive-background-color: var(--kite-color-red-20, #d6312b);
  --kite-button-destructive-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-text-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-icon-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-border-color: var(--kite-color-white, #ffffff);
  --kite-button-secondary-focus-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-focus-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-hover-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-press-text-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-secondary-press-icon-color: var(--kite-color-dark-blue-20, #002139);
  --kite-button-borderless-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-focus-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-hover-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-press-icon-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-button-borderless-destructive-hover-text-color: var(--kite-color-white, #ffffff);
  --kite-button-borderless-destructive-press-text-color: var(--kite-color-white, #ffffff);
  --kite-calendar-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-calendar-controls-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-focus-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-hover-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-calendar-day-due-background-color: var(--kite-color-white, #ffffff);
  --kite-calendar-day-due-text-color: var(--kite-color-black, #000000);
  --kite-calendar-standalone-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-chip-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-text-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-chip-focus-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-chip-selected-background-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-chip-selected-text-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-chip-selected-disabled-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-chip-disabled-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-combobox-picker-results-text-color: var(--kite-color-white, #ffffff);
  --kite-data-table-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-row-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-data-table-sticky-shadow-color: rgba(0, 0, 0, 0.5);
  --kite-data-table-striped-row-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-data-table-striped-inverse-row-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-date-input-focus-ring-color: var(--kite-color-white, #ffffff);
  --kite-date-input-addon-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-dropdown-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-dropdown-list-item-icon-color: var(--kite-color-white, #ffffff);
  --kite-dropdown-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-dynamic-hint-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-interactive-list-border-color: var(--kite-color-dark-blue-10, #002e52); /** @deprecated: Replace with "list-border-color" token */
  --kite-interactive-list-item-neutral-label-text-color: var(--kite-color-blue-10, #4da4ff); /** @deprecated: Replace with "list-border-color" token */
  --kite-link-hover-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-link-press-text-color: var(--kite-color-gray-30, #63738a);
  --kite-list-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-list-item-hover-background-color: rgba(255, 255, 255, 0.05);
  --kite-list-item-neutral-label-text-color: var(--kite-color-blue-10, #4da4ff);
  --kite-list-item-muted-label-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-menu-list-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-menu-list-border-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-list-item-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-menu-trigger-hover-background-color: var(--kite-color-gray-30, #63738a);
  --kite-meter-track-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-meter-tick-color: var(--kite-color-white, #ffffff);
  --kite-meter-caution-fill-color: var(--kite-color-yellow-10, #ffd400);
  --kite-pagination-controls-background-color: var(--kite-color-dark-blue-30, #000f1a);
  --kite-pagination-controls-border-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-controls-button-icon-color: var(--kite-color-white, #ffffff);
  --kite-pagination-dropdown-hover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-pagination-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-popover-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-popover-trigger-icon-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-track-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-progress-indicator-fill-color: var(--kite-color-white, #ffffff);
  --kite-progress-indicator-secondary-label-color: var(--kite-color-white, #ffffff);
  --kite-radio-border-color: var(--kite-color-white, #ffffff);
  --kite-radio-selected-border-color: var(--kite-color-blue-20, #0271eb);
  --kite-select-icon-color: var(--kite-color-white, #ffffff);
  --kite-skip-link-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-skip-link-border-color: var(--kite-color-blue-10, #4da4ff);
  --kite-switch-disabled-thumb-background-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-tabs-tab-hover-border-bottom-color: var(--kite-color-white, #ffffff);
  --kite-tabs-tab-selected-text-color: var(--kite-color-white, #ffffff);
  --kite-tag-background-color: var(--kite-color-dark-blue-20, #002139);
  --kite-tag-border-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-tag-caution-border-color: var(--kite-color-yellow-20, #faa41a);
  --kite-tag-negative-border-color: var(--kite-color-red-20, #d6312b);
  --kite-tag-positive-border-color: var(--kite-color-green-20, #008516);
  --kite-tag-solid-background-color: var(--kite-color-light-blue-10, #b8d4f2);
  --kite-tag-solid-text-color: var(--kite-color-black, #000000);
  --kite-text-area-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-character-count-text-color: var(--kite-color-gray-25, #9ba9bd);
  --kite-text-input-secure-icon-color: var(--kite-color-blue-10, #4da4ff);
  --kite-time-input-icon-color: var(--kite-color-white, #ffffff);
  --kite-toast-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-tooltip-background-color: var(--kite-color-dark-blue-10, #002e52);
  --kite-form-control-picker-background-color: var(--kite-form-control-background-color, #002139);
  --kite-form-control-picker-border-color: var(--kite-form-control-border-color, #63738a);
  --kite-button-disabled-background-color: var(--kite-color-disabled, #63738a);
  --kite-button-disabled-text-color: var(--kite-color-on-disabled, #d8dde6);
  --kite-button-destructive-focus-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-hover-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-destructive-press-text-color: var(--kite-button-destructive-text-color, #ffffff);
  --kite-button-secondary-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-secondary-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-button-borderless-destructive-focus-text-color: var(--kite-color-negative, #ff4d4a);
  --kite-button-borderless-destructive-disabled-text-color: var(--kite-color-disabled, #63738a);
  --kite-calendar-controls-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-calendar-controls-focus-text-color: var(--kite-color-text, #ffffff);
  --kite-calendar-day-text-color: var(--kite-color-on-primary, #ffffff);
  --kite-checkbox-border-color: var(--kite-border-color, #ffffff);
  --kite-chip-border-color: var(--kite-chip-text-color, #b8d4f2);
  --kite-dialog-overlay-background-color: var(--kite-color-background, #000f1a);
  --kite-link-text-color: var(--kite-color-text, #ffffff);
  --kite-tag-text-color: var(--kite-tag-border-color, #b8d4f2);
  --kite-calendar-day-out-month-hover-text-color: var(--kite-form-control-text-color, #ffffff);
  --kite-switch-focus-ring-color: var(--kite-focus-ring-color, #ffffff);
}

.kite-theme,
.kite-theme--white {
  --kite-popover-trigger-disabled-cursor: var(--kite-cursor-disabled);
  --kite-popover-trigger-disabled-icon-color: var(--kite-color-disabled);
}

@media print {
  *,
  *::before,
  *::after,
  p::first-letter,
  div::first-letter,
  blockquote::first-letter,
  li::first-letter,
  p::first-line,
  div::first-line,
  blockquote::first-line,
  li::first-line {
    background: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: local("Spectrum Sans Light"), local("SpectrumSans-Light"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Lt.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Lt.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 300;
  font-display: auto;
  src: local("Spectrum Sans Light Italic"), local("SpectrumSans-LightItalic"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_LtIt.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_LtIt.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 350;
  font-display: auto;
  src: local("Spectrum Sans Book"), local("SpectrumSans-Book"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bk.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bk.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 350;
  font-display: auto;
  src: local("Spectrum Sans Book Italic"), local("SpectrumSans-BookItalic"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BkIt.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BkIt.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: local("Spectrum Sans Regular"), local("SpectrumSans-Regular"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Rg.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Rg.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: local("Spectrum Sans Italic"), local("SpectrumSans-Italic"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_It.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_It.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 500;
  font-display: auto;
  src: local("Spectrum Sans Medium"), local("SpectrumSans-Medium"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Md.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Md.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 500;
  font-display: auto;
  src: local("Spectrum Sans Medium Italic"), local("SpectrumSans-MediumItalic"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_MdIt.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_MdIt.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 700;
  font-display: auto;
  src: local("Spectrum Sans Bold"), local("SpectrumSans-Bold"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bd.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bd.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 700;
  font-display: auto;
  src: local("Spectrum Sans Bold Italic"), local("SpectrumSans-BoldItalic"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BdIt.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BdIt.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src: local("Spectrum Sans ExtraBold"), local("SpectrumSans-ExtraBold"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBd.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBd.woff") format("woff");
}
@font-face {
  font-family: "Spectrum Sans";
  font-style: italic;
  font-weight: 800;
  src: local("Spectrum Sans ExtraBold Italic"), local("SpectrumSans-ExtraBoldItalic"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2") format("woff2-variations"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBdIt.woff2") format("woff2"), url("https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBdIt.woff") format("woff");
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  font-size: var(--kite-font-size-px);
}

code,
kbd,
samp {
  font-family: var(--kite-font-family-monospace);
}

details,
summary {
  margin-bottom: var(--kite-spacing-sm);
}

.kite-focus,
:focus {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}

.kite-focus:not(.kite-focus-visible),
:focus:not(:focus-visible) {
  outline: 0;
}

.kite-focus-visible,
.focus-visible,
:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}

.kite-focus--always :focus {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
}

h1,
.kite-type-style--title-1 {
  font-size: var(--kite-typography-title-1-size);
  font-weight: var(--kite-typography-title-1-weight);
  font-style: var(--kite-typography-title-1-style);
  letter-spacing: var(--kite-typography-title-1-letter-spacing);
  line-height: var(--kite-typography-title-1-line-height);
  margin: 0 0 var(--kite-typography-title-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h1,
  .kite-type-style--title-1 {
    font-size: var(--kite-typography-lg-title-1-size);
    font-weight: var(--kite-typography-lg-title-1-weight);
    letter-spacing: var(--kite-typography-lg-title-1-letter-spacing);
    line-height: var(--kite-typography-lg-title-1-line-height);
    margin: 0 0 var(--kite-typography-lg-title-1-margin-bottom);
  }
}

h2,
.kite-type-style--title-2 {
  font-size: var(--kite-typography-title-2-size);
  font-weight: var(--kite-typography-title-2-weight);
  font-style: var(--kite-typography-title-2-style);
  letter-spacing: var(--kite-typography-title-2-letter-spacing);
  line-height: var(--kite-typography-title-2-line-height);
  margin: 0 0 var(--kite-typography-title-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h2,
  .kite-type-style--title-2 {
    font-size: var(--kite-typography-lg-title-2-size);
    font-weight: var(--kite-typography-lg-title-2-weight);
    letter-spacing: var(--kite-typography-lg-title-2-letter-spacing);
    line-height: var(--kite-typography-lg-title-2-line-height);
    margin: 0 0 var(--kite-typography-lg-title-2-margin-bottom);
  }
}

h3,
.kite-type-style--title-3 {
  font-size: var(--kite-typography-title-3-size);
  font-weight: var(--kite-typography-title-3-weight);
  font-style: var(--kite-typography-title-3-style);
  letter-spacing: var(--kite-typography-title-3-letter-spacing);
  line-height: var(--kite-typography-title-3-line-height);
  margin: 0 0 var(--kite-typography-title-3-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h3,
  .kite-type-style--title-3 {
    font-size: var(--kite-typography-lg-title-3-size);
    font-weight: var(--kite-typography-lg-title-3-weight);
    letter-spacing: var(--kite-typography-lg-title-3-letter-spacing);
    line-height: var(--kite-typography-lg-title-3-line-height);
    margin: 0 0 var(--kite-typography-lg-title-3-margin-bottom);
  }
}

h4,
.kite-type-style--title-4 {
  font-size: var(--kite-typography-title-4-size);
  font-weight: var(--kite-typography-title-4-weight);
  font-style: var(--kite-typography-title-4-style);
  letter-spacing: var(--kite-typography-title-4-letter-spacing);
  line-height: var(--kite-typography-title-4-line-height);
  margin: 0 0 var(--kite-typography-title-4-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h4,
  .kite-type-style--title-4 {
    font-size: var(--kite-typography-lg-title-4-size);
    font-weight: var(--kite-typography-lg-title-4-weight);
    letter-spacing: var(--kite-typography-lg-title-4-letter-spacing);
    line-height: var(--kite-typography-lg-title-4-line-height);
    margin: 0 0 var(--kite-typography-lg-title-4-margin-bottom);
  }
}

h5,
.kite-type-style--title-5 {
  font-size: var(--kite-typography-title-5-size);
  font-weight: var(--kite-typography-title-5-weight);
  font-style: var(--kite-typography-title-5-style);
  letter-spacing: var(--kite-typography-title-5-letter-spacing);
  line-height: var(--kite-typography-title-5-line-height);
  margin: 0 0 var(--kite-typography-title-5-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h5,
  .kite-type-style--title-5 {
    font-size: var(--kite-typography-lg-title-5-size);
    font-weight: var(--kite-typography-lg-title-5-weight);
    letter-spacing: var(--kite-typography-lg-title-5-letter-spacing);
    line-height: var(--kite-typography-lg-title-5-line-height);
    margin: 0 0 var(--kite-typography-lg-title-5-margin-bottom);
  }
}

h6,
.kite-type-style--title-6 {
  font-size: var(--kite-typography-title-6-size);
  font-weight: var(--kite-typography-title-6-weight);
  font-style: var(--kite-typography-title-6-style);
  letter-spacing: var(--kite-typography-title-6-letter-spacing);
  line-height: var(--kite-typography-title-6-line-height);
  margin: 0 0 var(--kite-typography-title-6-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h6,
  .kite-type-style--title-6 {
    font-size: var(--kite-typography-lg-title-6-size);
    font-weight: var(--kite-typography-lg-title-6-weight);
    letter-spacing: var(--kite-typography-lg-title-6-letter-spacing);
    line-height: var(--kite-typography-lg-title-6-line-height);
    margin: 0 0 var(--kite-typography-lg-title-6-margin-bottom);
  }
}

.kite-type-style--eyebrow {
  font-size: var(--kite-typography-eyebrow-size);
  font-weight: var(--kite-typography-eyebrow-weight);
  font-style: var(--kite-typography-eyebrow-style);
  letter-spacing: var(--kite-typography-eyebrow-letter-spacing);
  line-height: var(--kite-typography-eyebrow-line-height);
  margin: 0 0 var(--kite-typography-eyebrow-margin-bottom);
  text-transform: var(--kite-typography-eyebrow-text-transform);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--eyebrow {
    font-size: var(--kite-typography-lg-eyebrow-size);
    font-weight: var(--kite-typography-lg-eyebrow-weight);
    letter-spacing: var(--kite-typography-lg-eyebrow-letter-spacing);
    line-height: var(--kite-typography-lg-eyebrow-line-height);
    margin: 0 0 var(--kite-typography-lg-eyebrow-margin-bottom);
    text-transform: var(--kite-typography-sm-eyebrow-text-transform);
  }
}

h1,
.kite-type-style--title-1,
h2,
.kite-type-style--title-2,
h3,
.kite-type-style--title-3,
h4,
.kite-type-style--title-4,
h5,
.kite-type-style--title-5,
h6,
.kite-type-style--title-6,
.kite-type-style--eyebrow {
  font-family: "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.kite-type-style--body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}

p {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  p {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}

.kite-type-style--caption,
.kite-type-style--caption-1,
figcaption {
  font-size: var(--kite-typography-caption-1-size);
  font-weight: var(--kite-typography-caption-1-weight);
  font-style: var(--kite-typography-caption-1-style);
  letter-spacing: var(--kite-typography-caption-1-letter-spacing);
  line-height: var(--kite-typography-caption-1-line-height);
  margin: 0 0 var(--kite-typography-caption-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption,
  .kite-type-style--caption-1,
  figcaption {
    font-size: var(--kite-typography-lg-caption-1-size);
    font-weight: var(--kite-typography-lg-caption-1-weight);
    letter-spacing: var(--kite-typography-lg-caption-1-letter-spacing);
    line-height: var(--kite-typography-lg-caption-1-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-1-margin-bottom);
  }
}

.kite-type-style--caption-2 {
  font-size: var(--kite-typography-caption-2-size);
  font-weight: var(--kite-typography-caption-2-weight);
  font-style: var(--kite-typography-caption-2-style);
  letter-spacing: var(--kite-typography-caption-2-letter-spacing);
  line-height: var(--kite-typography-caption-2-line-height);
  margin: 0 0 var(--kite-typography-caption-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption-2 {
    font-size: var(--kite-typography-lg-caption-2-size);
    font-weight: var(--kite-typography-lg-caption-2-weight);
    letter-spacing: var(--kite-typography-lg-caption-2-letter-spacing);
    line-height: var(--kite-typography-lg-caption-2-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-2-margin-bottom);
  }
}

.kite-type-style--display {
  font-size: var(--kite-typography-display-size);
  font-weight: var(--kite-typography-display-weight);
  font-style: var(--kite-typography-display-style);
  letter-spacing: var(--kite-typography-display-letter-spacing);
  line-height: var(--kite-typography-display-line-height);
  margin: 0 0 var(--kite-typography-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--display {
    font-size: var(--kite-typography-lg-display-size);
    font-weight: var(--kite-typography-lg-display-weight);
    letter-spacing: var(--kite-typography-lg-display-letter-spacing);
    line-height: var(--kite-typography-lg-display-line-height);
    margin: 0 0 var(--kite-typography-lg-display-margin-bottom);
  }
}

.kite-type-style--body-display {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body-display {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}

a {
  --text-decoration: var(--kite-link-text-decoration);
  --color: var(--kite-link-text-color);
  --focus-ring-color: var(--kite-link-focus-ring-color);
  --focus-text-color: var(--kite-link-focus-text-color);
  --hover-text-color: var(--kite-link-hover-text-color);
  --press-text-color: var(--kite-link-press-text-color);
  --visited-text-color: var(--kite-link-visited-text-color);
  color: var(--color);
  font-weight: var(--kite-link-text-weight);
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  text-underline-offset: var(--kite-link-text-decoration-offset);
}

a.kite-hover, a:hover {
  --text-decoration: var(--kite-link-hover-text-decoration);
  color: var(--hover-text-color);
}
a.kite-focus-visible, a:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
  --text-decoration: var(--kite-link-focus-text-decoration);
  color: var(--focus-text-color);
  outline-color: var(--focus-ring-color);
}
a.kite-active, a:active {
  --text-decoration: var(--kite-link-press-text-decoration);
  color: var(--press-text-color);
}
a.kite-visited, a:visited {
  --text-decoration: var(--kite-link-visited-text-decoration);
  color: var(--visited-text-color);
}
a.kite-disabled, a:disabled {
  pointer-events: none;
}

a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: inherit;
}

ol,
ul,
.kite-text-list {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0 0 0 var(--kite-spacing-xl);
}
ol.kite-list--alpha, ol.kite-text-list--alpha,
ul.kite-list--alpha,
ul.kite-text-list--alpha,
.kite-text-list.kite-list--alpha,
.kite-text-list.kite-text-list--alpha {
  list-style: lower-alpha;
}
ol.kite-list--unstyled, ol.kite-text-list--unstyled,
ul.kite-list--unstyled,
ul.kite-text-list--unstyled,
.kite-text-list.kite-list--unstyled,
.kite-text-list.kite-text-list--unstyled {
  list-style: none;
  padding-left: 0;
}
ol.kite-list--unstyled > li, ol.kite-text-list--unstyled > li,
ul.kite-list--unstyled > li,
ul.kite-text-list--unstyled > li,
.kite-text-list.kite-list--unstyled > li,
.kite-text-list.kite-text-list--unstyled > li {
  padding-left: 0;
}
ol.kite-reset,
ul.kite-reset,
.kite-text-list.kite-reset {
  border: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ol.kite-reset *,
ol.kite-reset *::before,
ol.kite-reset *::after,
ul.kite-reset *,
ul.kite-reset *::before,
ul.kite-reset *::after,
.kite-text-list.kite-reset *,
.kite-text-list.kite-reset *::before,
.kite-text-list.kite-reset *::after {
  box-sizing: inherit;
}
ol.kite-reset > li,
ul.kite-reset > li,
.kite-text-list.kite-reset > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
ol > li,
ul > li,
.kite-text-list > li {
  line-height: 1.5;
  margin-bottom: var(--kite-spacing-sm);
  padding-left: var(--kite-spacing-xs);
}

dl {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0;
}

dt {
  font-weight: var(--kite-font-weight-bold);
}

dd {
  margin: 0 0 var(--kite-spacing-xs) 0;
}

hr {
  border: 0;
  border-top: var(--kite-border-width-thin) var(--kite-border-style) var(--kite-border-color);
  margin-top: var(--kite-spacing-xl);
  margin-bottom: var(--kite-spacing-xl);
}

blockquote,
.kite-blockquote {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  blockquote,
  .kite-blockquote {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
blockquote,
.kite-blockquote {
  border-left: var(--kite-blockquote-border-left-color) var(--kite-blockquote-border-left-style) var(--kite-blockquote-border-left-width);
  margin-bottom: var(--kite-blockquote-margin-bottom);
  padding: var(--kite-blockquote-padding-top) var(--kite-blockquote-padding-right) var(--kite-blockquote-padding-bottom) var(--kite-blockquote-padding-left);
}

.kite-blockquote__footer {
  color: var(--kite-blockquote-cite-color);
  display: block;
  font-size: var(--kite-blockquote-cite-text-size);
}
.kite-blockquote__footer::before {
  content: var(--kite-blockquote-cite-punctuation);
}

mark,
.kite-mark {
  background-color: var(--kite-color-yellow-10);
}

abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  text-decoration: underline dotted;
}

h1,
.kite-type-style--title-1 {
  font-size: var(--kite-typography-title-1-size);
  font-weight: var(--kite-typography-title-1-weight);
  font-style: var(--kite-typography-title-1-style);
  letter-spacing: var(--kite-typography-title-1-letter-spacing);
  line-height: var(--kite-typography-title-1-line-height);
  margin: 0 0 var(--kite-typography-title-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h1,
  .kite-type-style--title-1 {
    font-size: var(--kite-typography-lg-title-1-size);
    font-weight: var(--kite-typography-lg-title-1-weight);
    letter-spacing: var(--kite-typography-lg-title-1-letter-spacing);
    line-height: var(--kite-typography-lg-title-1-line-height);
    margin: 0 0 var(--kite-typography-lg-title-1-margin-bottom);
  }
}

h2,
.kite-type-style--title-2 {
  font-size: var(--kite-typography-title-2-size);
  font-weight: var(--kite-typography-title-2-weight);
  font-style: var(--kite-typography-title-2-style);
  letter-spacing: var(--kite-typography-title-2-letter-spacing);
  line-height: var(--kite-typography-title-2-line-height);
  margin: 0 0 var(--kite-typography-title-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h2,
  .kite-type-style--title-2 {
    font-size: var(--kite-typography-lg-title-2-size);
    font-weight: var(--kite-typography-lg-title-2-weight);
    letter-spacing: var(--kite-typography-lg-title-2-letter-spacing);
    line-height: var(--kite-typography-lg-title-2-line-height);
    margin: 0 0 var(--kite-typography-lg-title-2-margin-bottom);
  }
}

h3,
.kite-type-style--title-3 {
  font-size: var(--kite-typography-title-3-size);
  font-weight: var(--kite-typography-title-3-weight);
  font-style: var(--kite-typography-title-3-style);
  letter-spacing: var(--kite-typography-title-3-letter-spacing);
  line-height: var(--kite-typography-title-3-line-height);
  margin: 0 0 var(--kite-typography-title-3-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h3,
  .kite-type-style--title-3 {
    font-size: var(--kite-typography-lg-title-3-size);
    font-weight: var(--kite-typography-lg-title-3-weight);
    letter-spacing: var(--kite-typography-lg-title-3-letter-spacing);
    line-height: var(--kite-typography-lg-title-3-line-height);
    margin: 0 0 var(--kite-typography-lg-title-3-margin-bottom);
  }
}

h4,
.kite-type-style--title-4 {
  font-size: var(--kite-typography-title-4-size);
  font-weight: var(--kite-typography-title-4-weight);
  font-style: var(--kite-typography-title-4-style);
  letter-spacing: var(--kite-typography-title-4-letter-spacing);
  line-height: var(--kite-typography-title-4-line-height);
  margin: 0 0 var(--kite-typography-title-4-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h4,
  .kite-type-style--title-4 {
    font-size: var(--kite-typography-lg-title-4-size);
    font-weight: var(--kite-typography-lg-title-4-weight);
    letter-spacing: var(--kite-typography-lg-title-4-letter-spacing);
    line-height: var(--kite-typography-lg-title-4-line-height);
    margin: 0 0 var(--kite-typography-lg-title-4-margin-bottom);
  }
}

h5,
.kite-type-style--title-5 {
  font-size: var(--kite-typography-title-5-size);
  font-weight: var(--kite-typography-title-5-weight);
  font-style: var(--kite-typography-title-5-style);
  letter-spacing: var(--kite-typography-title-5-letter-spacing);
  line-height: var(--kite-typography-title-5-line-height);
  margin: 0 0 var(--kite-typography-title-5-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h5,
  .kite-type-style--title-5 {
    font-size: var(--kite-typography-lg-title-5-size);
    font-weight: var(--kite-typography-lg-title-5-weight);
    letter-spacing: var(--kite-typography-lg-title-5-letter-spacing);
    line-height: var(--kite-typography-lg-title-5-line-height);
    margin: 0 0 var(--kite-typography-lg-title-5-margin-bottom);
  }
}

h6,
.kite-type-style--title-6 {
  font-size: var(--kite-typography-title-6-size);
  font-weight: var(--kite-typography-title-6-weight);
  font-style: var(--kite-typography-title-6-style);
  letter-spacing: var(--kite-typography-title-6-letter-spacing);
  line-height: var(--kite-typography-title-6-line-height);
  margin: 0 0 var(--kite-typography-title-6-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  h6,
  .kite-type-style--title-6 {
    font-size: var(--kite-typography-lg-title-6-size);
    font-weight: var(--kite-typography-lg-title-6-weight);
    letter-spacing: var(--kite-typography-lg-title-6-letter-spacing);
    line-height: var(--kite-typography-lg-title-6-line-height);
    margin: 0 0 var(--kite-typography-lg-title-6-margin-bottom);
  }
}

.kite-type-style--eyebrow {
  font-size: var(--kite-typography-eyebrow-size);
  font-weight: var(--kite-typography-eyebrow-weight);
  font-style: var(--kite-typography-eyebrow-style);
  letter-spacing: var(--kite-typography-eyebrow-letter-spacing);
  line-height: var(--kite-typography-eyebrow-line-height);
  margin: 0 0 var(--kite-typography-eyebrow-margin-bottom);
  text-transform: var(--kite-typography-eyebrow-text-transform);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--eyebrow {
    font-size: var(--kite-typography-lg-eyebrow-size);
    font-weight: var(--kite-typography-lg-eyebrow-weight);
    letter-spacing: var(--kite-typography-lg-eyebrow-letter-spacing);
    line-height: var(--kite-typography-lg-eyebrow-line-height);
    margin: 0 0 var(--kite-typography-lg-eyebrow-margin-bottom);
    text-transform: var(--kite-typography-sm-eyebrow-text-transform);
  }
}

h1,
.kite-type-style--title-1,
h2,
.kite-type-style--title-2,
h3,
.kite-type-style--title-3,
h4,
.kite-type-style--title-4,
h5,
.kite-type-style--title-5,
h6,
.kite-type-style--title-6,
.kite-type-style--eyebrow {
  font-family: "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.kite-type-style--body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}

p {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  p {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}

.kite-type-style--caption,
.kite-type-style--caption-1,
figcaption {
  font-size: var(--kite-typography-caption-1-size);
  font-weight: var(--kite-typography-caption-1-weight);
  font-style: var(--kite-typography-caption-1-style);
  letter-spacing: var(--kite-typography-caption-1-letter-spacing);
  line-height: var(--kite-typography-caption-1-line-height);
  margin: 0 0 var(--kite-typography-caption-1-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption,
  .kite-type-style--caption-1,
  figcaption {
    font-size: var(--kite-typography-lg-caption-1-size);
    font-weight: var(--kite-typography-lg-caption-1-weight);
    letter-spacing: var(--kite-typography-lg-caption-1-letter-spacing);
    line-height: var(--kite-typography-lg-caption-1-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-1-margin-bottom);
  }
}

.kite-type-style--caption-2 {
  font-size: var(--kite-typography-caption-2-size);
  font-weight: var(--kite-typography-caption-2-weight);
  font-style: var(--kite-typography-caption-2-style);
  letter-spacing: var(--kite-typography-caption-2-letter-spacing);
  line-height: var(--kite-typography-caption-2-line-height);
  margin: 0 0 var(--kite-typography-caption-2-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--caption-2 {
    font-size: var(--kite-typography-lg-caption-2-size);
    font-weight: var(--kite-typography-lg-caption-2-weight);
    letter-spacing: var(--kite-typography-lg-caption-2-letter-spacing);
    line-height: var(--kite-typography-lg-caption-2-line-height);
    margin: 0 0 var(--kite-typography-lg-caption-2-margin-bottom);
  }
}

.kite-type-style--display {
  font-size: var(--kite-typography-display-size);
  font-weight: var(--kite-typography-display-weight);
  font-style: var(--kite-typography-display-style);
  letter-spacing: var(--kite-typography-display-letter-spacing);
  line-height: var(--kite-typography-display-line-height);
  margin: 0 0 var(--kite-typography-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--display {
    font-size: var(--kite-typography-lg-display-size);
    font-weight: var(--kite-typography-lg-display-weight);
    letter-spacing: var(--kite-typography-lg-display-letter-spacing);
    line-height: var(--kite-typography-lg-display-line-height);
    margin: 0 0 var(--kite-typography-lg-display-margin-bottom);
  }
}

.kite-type-style--body-display {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-type-style--body-display {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}

a {
  --text-decoration: var(--kite-link-text-decoration);
  --color: var(--kite-link-text-color);
  --focus-ring-color: var(--kite-link-focus-ring-color);
  --focus-text-color: var(--kite-link-focus-text-color);
  --hover-text-color: var(--kite-link-hover-text-color);
  --press-text-color: var(--kite-link-press-text-color);
  --visited-text-color: var(--kite-link-visited-text-color);
  color: var(--color);
  font-weight: var(--kite-link-text-weight);
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  text-underline-offset: var(--kite-link-text-decoration-offset);
}

a.kite-hover, a:hover {
  --text-decoration: var(--kite-link-hover-text-decoration);
  color: var(--hover-text-color);
}
a.kite-focus-visible, a:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
  --text-decoration: var(--kite-link-focus-text-decoration);
  color: var(--focus-text-color);
  outline-color: var(--focus-ring-color);
}
a.kite-active, a:active {
  --text-decoration: var(--kite-link-press-text-decoration);
  color: var(--press-text-color);
}
a.kite-visited, a:visited {
  --text-decoration: var(--kite-link-visited-text-decoration);
  color: var(--visited-text-color);
}
a.kite-disabled, a:disabled {
  pointer-events: none;
}

a:not([href]),
a:not([href]):hover {
  color: inherit;
  text-decoration: inherit;
}

ol,
ul,
.kite-text-list {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0 0 0 var(--kite-spacing-xl);
}
ol.kite-list--alpha, ol.kite-text-list--alpha,
ul.kite-list--alpha,
ul.kite-text-list--alpha,
.kite-text-list.kite-list--alpha,
.kite-text-list.kite-text-list--alpha {
  list-style: lower-alpha;
}
ol.kite-list--unstyled, ol.kite-text-list--unstyled,
ul.kite-list--unstyled,
ul.kite-text-list--unstyled,
.kite-text-list.kite-list--unstyled,
.kite-text-list.kite-text-list--unstyled {
  list-style: none;
  padding-left: 0;
}
ol.kite-list--unstyled > li, ol.kite-text-list--unstyled > li,
ul.kite-list--unstyled > li,
ul.kite-text-list--unstyled > li,
.kite-text-list.kite-list--unstyled > li,
.kite-text-list.kite-text-list--unstyled > li {
  padding-left: 0;
}
ol.kite-reset,
ul.kite-reset,
.kite-text-list.kite-reset {
  border: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ol.kite-reset *,
ol.kite-reset *::before,
ol.kite-reset *::after,
ul.kite-reset *,
ul.kite-reset *::before,
ul.kite-reset *::after,
.kite-text-list.kite-reset *,
.kite-text-list.kite-reset *::before,
.kite-text-list.kite-reset *::after {
  box-sizing: inherit;
}
ol.kite-reset > li,
ul.kite-reset > li,
.kite-text-list.kite-reset > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
ol > li,
ul > li,
.kite-text-list > li {
  line-height: 1.5;
  margin-bottom: var(--kite-spacing-sm);
  padding-left: var(--kite-spacing-xs);
}

dl {
  margin: 0 0 var(--kite-spacing-xl) 0;
  padding: 0;
}

dt {
  font-weight: var(--kite-font-weight-bold);
}

dd {
  margin: 0 0 var(--kite-spacing-xs) 0;
}

hr {
  border: 0;
  border-top: var(--kite-border-width-thin) var(--kite-border-style) var(--kite-border-color);
  margin-top: var(--kite-spacing-xl);
  margin-bottom: var(--kite-spacing-xl);
}

blockquote,
.kite-blockquote {
  font-size: var(--kite-typography-body-display-size);
  font-weight: var(--kite-typography-body-display-weight);
  font-style: var(--kite-typography-body-display-style);
  letter-spacing: var(--kite-typography-body-display-letter-spacing);
  line-height: var(--kite-typography-body-display-line-height);
  margin: 0 0 var(--kite-typography-body-display-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  blockquote,
  .kite-blockquote {
    font-size: var(--kite-typography-lg-body-display-size);
    font-weight: var(--kite-typography-lg-body-display-weight);
    letter-spacing: var(--kite-typography-lg-body-display-letter-spacing);
    line-height: var(--kite-typography-lg-body-display-line-height);
    margin: 0 0 var(--kite-typography-lg-body-display-margin-bottom);
  }
}
blockquote,
.kite-blockquote {
  border-left: var(--kite-blockquote-border-left-color) var(--kite-blockquote-border-left-style) var(--kite-blockquote-border-left-width);
  margin-bottom: var(--kite-blockquote-margin-bottom);
  padding: var(--kite-blockquote-padding-top) var(--kite-blockquote-padding-right) var(--kite-blockquote-padding-bottom) var(--kite-blockquote-padding-left);
}

.kite-blockquote__footer {
  color: var(--kite-blockquote-cite-color);
  display: block;
  font-size: var(--kite-blockquote-cite-text-size);
}
.kite-blockquote__footer::before {
  content: var(--kite-blockquote-cite-punctuation);
}

mark,
.kite-mark {
  background-color: var(--kite-color-yellow-10);
}

abbr[title] {
  border-bottom: 0;
  cursor: help;
  text-decoration: underline;
  text-decoration: underline dotted;
}

body,
.kite-body {
  font-size: var(--kite-typography-body-size);
  font-weight: var(--kite-typography-body-weight);
  font-style: var(--kite-typography-body-style);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  margin: 0 0 var(--kite-typography-body-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  body,
  .kite-body {
    font-size: var(--kite-typography-lg-body-size);
    font-weight: var(--kite-typography-lg-body-weight);
    letter-spacing: var(--kite-typography-lg-body-letter-spacing);
    line-height: var(--kite-typography-lg-body-line-height);
    margin: 0 0 var(--kite-typography-lg-body-margin-bottom);
  }
}
body,
.kite-body {
  background-color: var(--kite-color-background);
  color: var(--kite-color-text);
  font-family: "Spectrum Sans", Rutledge, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body:focus,
.kite-body:focus {
  outline: none;
}

body {
  margin: 0;
}

.kite-container,
.kite-container--fluid,
.kite-container--full-overflow {
  margin-right: auto;
  margin-left: auto;
  padding: 0 var(--kite-grid-xs-margins);
  width: 100%;
}
@media only screen and (min-width: 52.5rem) {
  .kite-container,
  .kite-container--fluid,
  .kite-container--full-overflow {
    padding: 0 var(--kite-grid-lg-margins);
  }
}

.kite-container {
  max-width: 80rem;
}

.kite-container--full-overflow {
  margin-right: -50vw;
  margin-left: -50vw;
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
}

.kite-grid {
  display: flex;
  flex-wrap: wrap;
}

.kite-cell {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
.kite-cell > .kite-card {
  height: 100%;
}

.kite-grid {
  margin: 0 calc(var(--kite-grid-xs-gutters) / -2);
}
@media only screen and (min-width: 30rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-md-gutters) / -2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
  }
}
@media only screen and (min-width: 60rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
  }
}
@media only screen and (min-width: 80rem) {
  .kite-grid {
    margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
  }
}
.kite-grid > .kite-cell {
  padding: calc(var(--kite-grid-xs-gutters) / 2);
}
@media only screen and (min-width: 30rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-sm-gutters) / 2);
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-md-gutters) / 2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-lg-gutters) / 2);
  }
}
@media only screen and (min-width: 60rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-xl-gutters) / 2);
  }
}
@media only screen and (min-width: 80rem) {
  .kite-grid > .kite-cell {
    padding: calc(var(--kite-grid-xxl-gutters) / 2);
  }
}
.kite-grid.kite-grid--no-gutters {
  margin: 0;
}
.kite-grid.kite-grid--no-gutters > .kite-cell {
  padding: 0;
}

.kite-cell-1,
.kite-cell-1-xs.kite-cell-1-xs {
  flex: 0 0 25%;
}

.kite-cell-2,
.kite-cell-2-xs.kite-cell-2-xs {
  flex: 0 0 50%;
}

.kite-cell-3,
.kite-cell-3-xs.kite-cell-3-xs {
  flex: 0 0 75%;
}

.kite-cell-4,
.kite-cell-4-xs {
  flex: 0 0 100%;
}

.kite-cell-5,
.kite-cell-5-xs {
  flex: 0 0 100%;
}

.kite-cell-6,
.kite-cell-6-xs {
  flex: 0 0 100%;
}

.kite-cell-7,
.kite-cell-7-xs {
  flex: 0 0 100%;
}

.kite-cell-8,
.kite-cell-8-xs {
  flex: 0 0 100%;
}

.kite-cell-9,
.kite-cell-9-xs {
  flex: 0 0 100%;
}

.kite-cell-10,
.kite-cell-10-xs {
  flex: 0 0 100%;
}

.kite-cell-11,
.kite-cell-11-xs {
  flex: 0 0 100%;
}

.kite-cell-12,
.kite-cell-12-xs {
  flex: 0 0 100%;
}

.kite-cell-flex {
  flex: 1;
}

@media only screen and (min-width: 30rem) {
  .kite-cell-1,
  .kite-cell-1-gt-xs.kite-cell-1-gt-xs {
    flex: 0 0 25%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-xs.kite-cell-2-gt-xs {
    flex: 0 0 50%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-xs.kite-cell-3-gt-xs {
    flex: 0 0 75%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-xs {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-xs.kite-cell-flex-gt-xs {
    flex: 1;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-cell-1,
  .kite-cell-1-gt-sm.kite-cell-1-gt-sm {
    flex: 0 0 25%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-sm.kite-cell-2-gt-sm {
    flex: 0 0 50%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-sm.kite-cell-3-gt-sm {
    flex: 0 0 75%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-sm {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-sm.kite-cell-flex-gt-sm {
    flex: 1;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-cell-1,
  .kite-cell-1-gt-md.kite-cell-1-gt-md {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-md.kite-cell-2-gt-md {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-md.kite-cell-3-gt-md {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-md.kite-cell-4-gt-md {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-md.kite-cell-5-gt-md {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-md.kite-cell-6-gt-md {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-md.kite-cell-7-gt-md {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-md.kite-cell-8-gt-md {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-md.kite-cell-9-gt-md {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-md.kite-cell-10-gt-md {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-md.kite-cell-11-gt-md {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-md {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-md.kite-cell-flex-gt-md {
    flex: 1;
  }
}
@media only screen and (min-width: 60rem) {
  .kite-cell-1,
  .kite-cell-1-gt-lg.kite-cell-1-gt-lg {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-lg.kite-cell-2-gt-lg {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-lg.kite-cell-3-gt-lg {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-lg.kite-cell-4-gt-lg {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-lg.kite-cell-5-gt-lg {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-lg.kite-cell-6-gt-lg {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-lg.kite-cell-7-gt-lg {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-lg.kite-cell-8-gt-lg {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-lg.kite-cell-9-gt-lg {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-lg.kite-cell-10-gt-lg {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-lg.kite-cell-11-gt-lg {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-lg {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-lg.kite-cell-flex-gt-lg {
    flex: 1;
  }
}
@media only screen and (min-width: 80rem) {
  .kite-cell-1,
  .kite-cell-1-gt-xl.kite-cell-1-gt-xl {
    flex: 0 0 8.3333333333%;
  }
  .kite-cell-2,
  .kite-cell-2-gt-xl.kite-cell-2-gt-xl {
    flex: 0 0 16.6666666667%;
  }
  .kite-cell-3,
  .kite-cell-3-gt-xl.kite-cell-3-gt-xl {
    flex: 0 0 25%;
  }
  .kite-cell-4,
  .kite-cell-4-gt-xl.kite-cell-4-gt-xl {
    flex: 0 0 33.3333333333%;
  }
  .kite-cell-5,
  .kite-cell-5-gt-xl.kite-cell-5-gt-xl {
    flex: 0 0 41.6666666667%;
  }
  .kite-cell-6,
  .kite-cell-6-gt-xl.kite-cell-6-gt-xl {
    flex: 0 0 50%;
  }
  .kite-cell-7,
  .kite-cell-7-gt-xl.kite-cell-7-gt-xl {
    flex: 0 0 58.3333333333%;
  }
  .kite-cell-8,
  .kite-cell-8-gt-xl.kite-cell-8-gt-xl {
    flex: 0 0 66.6666666667%;
  }
  .kite-cell-9,
  .kite-cell-9-gt-xl.kite-cell-9-gt-xl {
    flex: 0 0 75%;
  }
  .kite-cell-10,
  .kite-cell-10-gt-xl.kite-cell-10-gt-xl {
    flex: 0 0 83.3333333333%;
  }
  .kite-cell-11,
  .kite-cell-11-gt-xl.kite-cell-11-gt-xl {
    flex: 0 0 91.6666666667%;
  }
  .kite-cell-12,
  .kite-cell-12-gt-xl {
    flex: 0 0 100%;
  }
  .kite-cell-flex-gt-xl.kite-cell-flex-gt-xl {
    flex: 1;
  }
}
.kite-container-grid {
  display: flex;
  flex-wrap: wrap;
  container-type: inline-size;
  container-name: kite-grid-container;
}

.kite-container-cell {
  box-sizing: border-box;
  flex: 0 0 100%;
  max-width: 100%;
}
.kite-container-cell > .kite-card {
  height: 100%;
}

.kite-container-grid {
  margin: 0 calc(var(--kite-grid-xs-gutters) / -2);
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-sm-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-md-gutters) / -2);
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-md-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-lg-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-xl-gutters) / -2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-grid {
      margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-grid {
    margin: 0 calc(var(--kite-grid-xxl-gutters) / -2);
  }
}
.kite-container-grid > .kite-container-cell {
  padding: calc(var(--kite-grid-xs-gutters) / 2);
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-sm-gutters) / 2);
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-sm-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-md-gutters) / 2);
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-md-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-lg-gutters) / 2);
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-lg-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-xl-gutters) / 2);
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-xl-gutters) / 2);
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-grid > .kite-container-cell {
      padding: calc(var(--kite-grid-xxl-gutters) / 2);
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-grid > .kite-container-cell {
    padding: calc(var(--kite-grid-xxl-gutters) / 2);
  }
}
.kite-container-grid.kite-container-grid--no-gutters {
  margin: 0;
}
.kite-container-grid.kite-container-grid--no-gutters > .kite-container-cell {
  padding: 0;
}

.kite-container-cell-1,
.kite-container-cell-1-xs.kite-container-cell-1-xs {
  flex: 0 0 25cqw;
}

.kite-container-cell-2,
.kite-container-cell-2-xs.kite-container-cell-2-xs {
  flex: 0 0 50cqw;
}

.kite-container-cell-3,
.kite-container-cell-3-xs.kite-container-cell-3-xs {
  flex: 0 0 75cqw;
}

.kite-container-cell-4,
.kite-container-cell-4-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-5,
.kite-container-cell-5-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-6,
.kite-container-cell-6-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-7,
.kite-container-cell-7-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-8,
.kite-container-cell-8-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-9,
.kite-container-cell-9-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-10,
.kite-container-cell-10-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-11,
.kite-container-cell-11-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-12,
.kite-container-cell-12-xs {
  flex: 0 0 100cqw;
}

.kite-container-cell-flex {
  flex: 1;
}

@supports not (container-type: inline-size) {
  @media only screen and (min-width: 30rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-xs.kite-container-cell-1-gt-xs {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-xs.kite-container-cell-2-gt-xs {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-xs.kite-container-cell-3-gt-xs {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-xs {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-xs.kite-container-cell-flex-gt-xs {
      flex: 1;
    }
  }
}
@container (min-width: 30rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-xs.kite-container-cell-1-gt-xs {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-xs.kite-container-cell-2-gt-xs {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-xs.kite-container-cell-3-gt-xs {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-xs {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-xs.kite-container-cell-flex-gt-xs {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 37.5rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-sm.kite-container-cell-1-gt-sm {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-sm.kite-container-cell-2-gt-sm {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-sm.kite-container-cell-3-gt-sm {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-sm {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-sm.kite-container-cell-flex-gt-sm {
      flex: 1;
    }
  }
}
@container (min-width: 37.5rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-sm.kite-container-cell-1-gt-sm {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-sm.kite-container-cell-2-gt-sm {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-sm.kite-container-cell-3-gt-sm {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-sm {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-sm.kite-container-cell-flex-gt-sm {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 52.5rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-md.kite-container-cell-1-gt-md {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-md.kite-container-cell-2-gt-md {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-md.kite-container-cell-3-gt-md {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-md.kite-container-cell-4-gt-md {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-md.kite-container-cell-5-gt-md {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-md.kite-container-cell-6-gt-md {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-md.kite-container-cell-7-gt-md {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-md.kite-container-cell-8-gt-md {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-md.kite-container-cell-9-gt-md {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-md.kite-container-cell-10-gt-md {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-md.kite-container-cell-11-gt-md {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-md {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-md.kite-container-cell-flex-gt-md {
      flex: 1;
    }
  }
}
@container (min-width: 52.5rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-md.kite-container-cell-1-gt-md {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-md.kite-container-cell-2-gt-md {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-md.kite-container-cell-3-gt-md {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-md.kite-container-cell-4-gt-md {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-md.kite-container-cell-5-gt-md {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-md.kite-container-cell-6-gt-md {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-md.kite-container-cell-7-gt-md {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-md.kite-container-cell-8-gt-md {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-md.kite-container-cell-9-gt-md {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-md.kite-container-cell-10-gt-md {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-md.kite-container-cell-11-gt-md {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-md {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-md.kite-container-cell-flex-gt-md {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 60rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-lg.kite-container-cell-1-gt-lg {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-lg.kite-container-cell-2-gt-lg {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-lg.kite-container-cell-3-gt-lg {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-lg.kite-container-cell-4-gt-lg {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-lg.kite-container-cell-5-gt-lg {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-lg.kite-container-cell-6-gt-lg {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-lg.kite-container-cell-7-gt-lg {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-lg.kite-container-cell-8-gt-lg {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-lg.kite-container-cell-9-gt-lg {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-lg.kite-container-cell-10-gt-lg {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-lg.kite-container-cell-11-gt-lg {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-lg {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-lg.kite-container-cell-flex-gt-lg {
      flex: 1;
    }
  }
}
@container (min-width: 60rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-lg.kite-container-cell-1-gt-lg {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-lg.kite-container-cell-2-gt-lg {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-lg.kite-container-cell-3-gt-lg {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-lg.kite-container-cell-4-gt-lg {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-lg.kite-container-cell-5-gt-lg {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-lg.kite-container-cell-6-gt-lg {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-lg.kite-container-cell-7-gt-lg {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-lg.kite-container-cell-8-gt-lg {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-lg.kite-container-cell-9-gt-lg {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-lg.kite-container-cell-10-gt-lg {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-lg.kite-container-cell-11-gt-lg {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-lg {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-lg.kite-container-cell-flex-gt-lg {
    flex: 1;
  }
}
@supports not (container-type: inline-size) {
  @media only screen and (min-width: 80rem) {
    .kite-container-cell-1,
    .kite-container-cell-1-gt-xl.kite-container-cell-1-gt-xl {
      flex: 0 0 8.3333333333cqw;
    }
    .kite-container-cell-2,
    .kite-container-cell-2-gt-xl.kite-container-cell-2-gt-xl {
      flex: 0 0 16.6666666667cqw;
    }
    .kite-container-cell-3,
    .kite-container-cell-3-gt-xl.kite-container-cell-3-gt-xl {
      flex: 0 0 25cqw;
    }
    .kite-container-cell-4,
    .kite-container-cell-4-gt-xl.kite-container-cell-4-gt-xl {
      flex: 0 0 33.3333333333cqw;
    }
    .kite-container-cell-5,
    .kite-container-cell-5-gt-xl.kite-container-cell-5-gt-xl {
      flex: 0 0 41.6666666667cqw;
    }
    .kite-container-cell-6,
    .kite-container-cell-6-gt-xl.kite-container-cell-6-gt-xl {
      flex: 0 0 50cqw;
    }
    .kite-container-cell-7,
    .kite-container-cell-7-gt-xl.kite-container-cell-7-gt-xl {
      flex: 0 0 58.3333333333cqw;
    }
    .kite-container-cell-8,
    .kite-container-cell-8-gt-xl.kite-container-cell-8-gt-xl {
      flex: 0 0 66.6666666667cqw;
    }
    .kite-container-cell-9,
    .kite-container-cell-9-gt-xl.kite-container-cell-9-gt-xl {
      flex: 0 0 75cqw;
    }
    .kite-container-cell-10,
    .kite-container-cell-10-gt-xl.kite-container-cell-10-gt-xl {
      flex: 0 0 83.3333333333cqw;
    }
    .kite-container-cell-11,
    .kite-container-cell-11-gt-xl.kite-container-cell-11-gt-xl {
      flex: 0 0 91.6666666667cqw;
    }
    .kite-container-cell-12,
    .kite-container-cell-12-gt-xl {
      flex: 0 0 100cqw;
    }
    .kite-container-cell-flex-gt-xl.kite-container-cell-flex-gt-xl {
      flex: 1;
    }
  }
}
@container (min-width: 80rem) {
  .kite-container-cell-1,
  .kite-container-cell-1-gt-xl.kite-container-cell-1-gt-xl {
    flex: 0 0 8.3333333333cqw;
  }
  .kite-container-cell-2,
  .kite-container-cell-2-gt-xl.kite-container-cell-2-gt-xl {
    flex: 0 0 16.6666666667cqw;
  }
  .kite-container-cell-3,
  .kite-container-cell-3-gt-xl.kite-container-cell-3-gt-xl {
    flex: 0 0 25cqw;
  }
  .kite-container-cell-4,
  .kite-container-cell-4-gt-xl.kite-container-cell-4-gt-xl {
    flex: 0 0 33.3333333333cqw;
  }
  .kite-container-cell-5,
  .kite-container-cell-5-gt-xl.kite-container-cell-5-gt-xl {
    flex: 0 0 41.6666666667cqw;
  }
  .kite-container-cell-6,
  .kite-container-cell-6-gt-xl.kite-container-cell-6-gt-xl {
    flex: 0 0 50cqw;
  }
  .kite-container-cell-7,
  .kite-container-cell-7-gt-xl.kite-container-cell-7-gt-xl {
    flex: 0 0 58.3333333333cqw;
  }
  .kite-container-cell-8,
  .kite-container-cell-8-gt-xl.kite-container-cell-8-gt-xl {
    flex: 0 0 66.6666666667cqw;
  }
  .kite-container-cell-9,
  .kite-container-cell-9-gt-xl.kite-container-cell-9-gt-xl {
    flex: 0 0 75cqw;
  }
  .kite-container-cell-10,
  .kite-container-cell-10-gt-xl.kite-container-cell-10-gt-xl {
    flex: 0 0 83.3333333333cqw;
  }
  .kite-container-cell-11,
  .kite-container-cell-11-gt-xl.kite-container-cell-11-gt-xl {
    flex: 0 0 91.6666666667cqw;
  }
  .kite-container-cell-12,
  .kite-container-cell-12-gt-xl {
    flex: 0 0 100cqw;
  }
  .kite-container-cell-flex-gt-xl.kite-container-cell-flex-gt-xl {
    flex: 1;
  }
}
fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.kite-icon {
  /** @deprecated: Use `--color` instead */
  /** @since: v2.0.0 */
  /** @prop --fill: Fill color of the icon. Deprecated: Use `--color` instead. */
  --fill: currentColor;
  /** @prop --color: Color of the icon */
  --color: var(--fill, currentColor);
  /** @prop --size: Width and Height of the icon */
  --size: 1em;
  /** @prop --offset: inline icon vertical icon alignment */
  --offset: 0;
  contain: strict;
  display: inline-block;
  position: relative;
  bottom: calc(var(--offset) * 0.1em);
  width: var(--size);
  height: var(--size);
}

.kite-icon--inline {
  --offset: 1;
  vertical-align: middle;
}

.kite-icon__inner {
  width: 100%;
  height: 100%;
}
.kite-icon__inner svg {
  display: block;
  fill: var(--color);
  width: 100%;
  height: 100%;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-icon__inner svg {
    fill: currentColor;
  }
}

.kite-payment-logo {
  contain: strict;
  display: inline-block;
  position: relative;
  width: var(--kite-payment-logo-width);
  height: var(--kite-payment-logo-height);
}
.kite-payment-logo--inline {
  vertical-align: middle;
}
.kite-payment-logo__inner {
  width: 100%;
  height: 100%;
}
.kite-payment-logo__inner img,
.kite-payment-logo__inner svg {
  display: block;
  width: 100%;
  height: 100%;
}

:root {
  --pi: 3.1415926536;
}

.kite-assistive-text,
.kite-visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
.kite-assistive-text--focusable:active, .kite-assistive-text--focusable:focus,
.kite-visually-hidden--focusable:active,
.kite-visually-hidden--focusable:focus {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}

.kite-display-none {
  display: none;
}

.kite-display-inline {
  display: inline;
}

.kite-display-inline-block {
  display: inline-block;
}

.kite-display-block {
  display: block;
}

.kite-display-table {
  display: table;
}

.kite-display-table-cell {
  display: table-cell;
}

.kite-display-flex {
  display: flex;
}

.kite-display-inline-flex {
  display: inline-flex;
}

@media only screen and (min-width: 30rem) {
  .kite-display-none-gt-sm {
    display: none;
  }
  .kite-display-inline-gt-sm {
    display: inline;
  }
  .kite-display-inline-block-gt-sm {
    display: inline-block;
  }
  .kite-display-block-gt-sm {
    display: block;
  }
  .kite-display-table-gt-sm {
    display: table;
  }
  .kite-display-table-cell-gt-sm {
    display: table-cell;
  }
  .kite-display-flex-gt-sm {
    display: flex;
  }
  .kite-display-inline-flex-gt-sm {
    display: inline-flex;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-display-none-gt-md {
    display: none;
  }
  .kite-display-inline-gt-md {
    display: inline;
  }
  .kite-display-inline-block-gt-md {
    display: inline-block;
  }
  .kite-display-block-gt-md {
    display: block;
  }
  .kite-display-table-gt-md {
    display: table;
  }
  .kite-display-table-cell-gt-md {
    display: table-cell;
  }
  .kite-display-flex-gt-md {
    display: flex;
  }
  .kite-display-inline-flex-gt-md {
    display: inline-flex;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-display-none-gt-lg {
    display: none;
  }
  .kite-display-inline-gt-lg {
    display: inline;
  }
  .kite-display-inline-block-gt-lg {
    display: inline-block;
  }
  .kite-display-block-gt-lg {
    display: block;
  }
  .kite-display-table-gt-lg {
    display: table;
  }
  .kite-display-table-cell-gt-lg {
    display: table-cell;
  }
  .kite-display-flex-gt-lg {
    display: flex;
  }
  .kite-display-inline-flex-gt-lg {
    display: inline-flex;
  }
}
@media only screen and (min-width: 60rem) {
  .kite-display-none-gt-xl {
    display: none;
  }
  .kite-display-inline-gt-xl {
    display: inline;
  }
  .kite-display-inline-block-gt-xl {
    display: inline-block;
  }
  .kite-display-block-gt-xl {
    display: block;
  }
  .kite-display-table-gt-xl {
    display: table;
  }
  .kite-display-table-cell-gt-xl {
    display: table-cell;
  }
  .kite-display-flex-gt-xl {
    display: flex;
  }
  .kite-display-inline-flex-gt-xl {
    display: inline-flex;
  }
}
.kite-accordion {
  /** @prop --background-color-hover: Background color of row on hover */
  --background-color-hover: var(--kite-accordion-hover-background-color);
  /** @prop --border-color: Bottom border-color */
  --border-color: var(--kite-accordion-border-color);
  /** @prop --icon-color: Show/hide icon color */
  --icon-color: var(--kite-accordion-icon-color);
  /** @prop --icon-color-disabled: Show/hide icon color in disabled state */
  --icon-color-disabled: var(--kite-accordion-disabled-icon-color);
  /** @prop --title-color: Text color of title text */
  --title-color: var(--kite-accordion-title-text-color);
  /** @prop --title-color-disabled: Text color of title text in disabled state */
  --title-color-disabled: var(--kite-accordion-disabled-title-text-color);
  /** @prop --label-color: Text color of label text */
  --label-color: var(--kite-accordion-label-text-color);
  /** @prop --label-color-disabled: Text color of label text in disabled state */
  --label-color-disabled: var(--kite-accordion-disabled-label-text-color);
}

ul.kite-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-accordion > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.kite-accordion-row {
  border-bottom: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  width: 100%;
  overflow: hidden;
}
.kite-accordion-row > h1,
.kite-accordion-row > h2,
.kite-accordion-row > h3,
.kite-accordion-row > h4,
.kite-accordion-row > h5,
.kite-accordion-row > h6 {
  font-size: unset;
  margin: 0;
}
.kite-accordion-row > h1,
.kite-accordion-row > h2,
.kite-accordion-row > h3,
.kite-accordion-row > h4,
.kite-accordion-row > h5,
.kite-accordion-row > h6 {
  font-size: unset;
  margin: 0;
}
.kite-accordion-row:first-of-type {
  border-top: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
}
.kite-accordion-row__button {
  background-color: transparent;
  border: 0;
  cursor: var(--kite-accordion-cursor);
  font-size: var(--kite-accordion-title-text-size);
  line-height: var(--kite-accordion-title-text-line-height);
  padding: var(--kite-accordion-padding-top) 0 var(--kite-accordion-padding-bottom) 0;
  position: relative;
  width: var(--kite-accordion-trigger-width);
  height: 100%;
}
.kite-accordion-row__button.kite-hover:enabled, .kite-accordion-row__button:hover:enabled {
  background-color: var(--background-color-hover);
}
.kite-accordion-row__button.kite-focus-visible, .kite-accordion-row__button:focus-visible {
  outline: none;
}
.kite-accordion-row__button.kite-focus-visible::after, .kite-accordion-row__button:focus-visible::after {
  border: var(--kite-accordion-focus-ring-width) var(--kite-accordion-focus-ring-style) var(--kite-accordion-focus-ring-color);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kite-accordion-row__button:disabled {
  cursor: var(--kite-accordion-disabled-cursor);
}
.kite-accordion-row__button:disabled .kite-title {
  color: var(--title-color-disabled);
}
.kite-accordion-row__button:disabled .kite-accordion-row__label {
  color: var(--label-color-disabled);
}
.kite-accordion-row__button:disabled .kite-accordion-row__icon .kite-icon {
  --color: var(--icon-color-disabled);
}
.kite-accordion-row__button-inner {
  align-items: center;
  display: flex;
  padding: 0 var(--kite-accordion-icon-padding-right) 0 var(--kite-accordion-title-padding-left);
  height: 100%;
}
.kite-accordion-row .kite-title {
  color: var(--title-color);
  font-weight: var(--kite-accordion-title-text-weight);
  flex-grow: 1;
  text-align: left;
}
.kite-accordion-row__label {
  color: var(--label-color);
  font-weight: var(--kite-accordion-label-text-weight);
  margin-right: var(--kite-accordion-label-margin-right);
  margin-left: var(--kite-accordion-label-margin-left);
}
.kite-accordion-row__label--alert, .kite-accordion-row__label--negative {
  color: var(--kite-accordion-negative-label-text-color);
}
.kite-accordion-row__label--success, .kite-accordion-row__label--positive {
  color: var(--kite-accordion-positive-label-text-color);
}
.kite-accordion-row__icon {
  --icon-size: var(--kite-accordion-icon-width);
  transition: transform var(--kite-accordion-icon-transition-duration) var(--kite-accordion-icon-transition-timing-function);
  width: var(--icon-size);
  height: var(--icon-size);
}
.kite-accordion-row__icon .kite-icon {
  --color: var(--icon-color);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__icon {
    transition-property: none;
  }
}
.kite-accordion-row__content-window {
  --max-height: 0;
  max-height: var(--max-height);
  overflow: hidden;
}
.kite-accordion-row__content {
  --opacity: 0;
  opacity: var(--opacity);
  display: none;
  text-align: left;
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-expanded-padding-right) var(--kite-accordion-expanded-padding-bottom) var(--kite-accordion-expanded-padding-left);
}
.kite-accordion-row__content > :last-child {
  margin-bottom: 0;
}
.kite-accordion-row__content-window--transitioning {
  transition: all var(--kite-accordion-expanded-transition-duration) var(--kite-accordion-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__content-window--transitioning {
    transition-property: none;
  }
}
.kite-accordion-row__content-window--transitioning .kite-accordion-row__content {
  transition: all var(--kite-accordion-expanded-transition-duration) var(--kite-accordion-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__content-window--transitioning .kite-accordion-row__content {
    transition-property: none;
  }
}
.kite-accordion-row--active .kite-accordion-row__content, .kite-accordion-row--expanded .kite-accordion-row__content {
  display: block;
}
.kite-accordion-row--active .kite-accordion-row__icon, .kite-accordion-row--expanded .kite-accordion-row__icon {
  transform: rotate(-180deg);
}

.kite-accordion--rules-top .kite-accordion-row {
  border-top: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  border-bottom: 0;
}

.kite-accordion--rules-bottom .kite-accordion-row:first-of-type {
  border-top: 0;
}

.kite-accordion--rules-none .kite-accordion-row {
  border-bottom: 0;
}
.kite-accordion--rules-none .kite-accordion-row:first-of-type {
  border-top: 0;
}

.kite-accordion--in-card {
  padding-left: 0;
}
.kite-accordion--in-card .kite-accordion-row {
  border-bottom: 0;
  border-top: 0;
  position: relative;
}
.kite-accordion--in-card .kite-accordion-row::before {
  border-bottom: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  content: "";
  overflow: visible;
  position: absolute;
  bottom: 0;
  left: 0;
}
.kite-accordion--in-card .kite-accordion-row:last-child::before {
  border-bottom: 0;
}
.kite-accordion--in-card .kite-accordion-row__button--padding-sm {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card .kite-accordion-row__button--padding-md {
  padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
}
.kite-accordion--in-card .kite-accordion-row__button--padding-lg {
  padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
}
.kite-accordion--in-card .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-sm);
  margin-left: var(--kite-accordion-padding-left-sm);
  width: calc(100% - var(--kite-accordion-padding-left-sm) - var(--kite-accordion-padding-right-sm));
}
.kite-accordion--in-card .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-sm) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-sm) + var(--kite-accordion-title-padding-left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-accordion--in-card .kite-accordion-row::before {
    margin-right: var(--kite-accordion-padding-right-md);
    margin-left: var(--kite-accordion-padding-left-md);
    width: calc(100% - var(--kite-accordion-padding-left-md) - var(--kite-accordion-padding-right-md));
  }
  .kite-accordion--in-card .kite-accordion-row__button {
    padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
  }
  .kite-accordion--in-card .kite-accordion-row__content {
    padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-md) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-md) + var(--kite-accordion-title-padding-left));
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-accordion--in-card .kite-accordion-row::before {
    margin-right: var(--kite-accordion-padding-right-lg);
    margin-left: var(--kite-accordion-padding-left-lg);
    width: calc(100% - var(--kite-accordion-padding-left-lg) - var(--kite-accordion-padding-right-lg));
  }
  .kite-accordion--in-card .kite-accordion-row__button {
    padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
  }
  .kite-accordion--in-card .kite-accordion-row__content {
    padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-lg) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-lg) + var(--kite-accordion-title-padding-left));
  }
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-sm);
  margin-left: var(--kite-accordion-padding-left-sm);
  width: calc(100% - var(--kite-accordion-padding-left-sm) - var(--kite-accordion-padding-right-sm));
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-sm) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-sm) + var(--kite-accordion-title-padding-left));
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-md);
  margin-left: var(--kite-accordion-padding-left-md);
  width: calc(100% - var(--kite-accordion-padding-left-md) - var(--kite-accordion-padding-right-md));
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-md) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-md) + var(--kite-accordion-title-padding-left));
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-lg);
  margin-left: var(--kite-accordion-padding-left-lg);
  width: calc(100% - var(--kite-accordion-padding-left-lg) - var(--kite-accordion-padding-right-lg));
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-lg) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-lg) + var(--kite-accordion-title-padding-left));
}

.kite-accordion {
  /** @prop --background-color-hover: Background color of row on hover */
  --background-color-hover: var(--kite-accordion-hover-background-color);
  /** @prop --border-color: Bottom border-color */
  --border-color: var(--kite-accordion-border-color);
  /** @prop --icon-color: Show/hide icon color */
  --icon-color: var(--kite-accordion-icon-color);
  /** @prop --icon-color-disabled: Show/hide icon color in disabled state */
  --icon-color-disabled: var(--kite-accordion-disabled-icon-color);
  /** @prop --title-color: Text color of title text */
  --title-color: var(--kite-accordion-title-text-color);
  /** @prop --title-color-disabled: Text color of title text in disabled state */
  --title-color-disabled: var(--kite-accordion-disabled-title-text-color);
  /** @prop --label-color: Text color of label text */
  --label-color: var(--kite-accordion-label-text-color);
  /** @prop --label-color-disabled: Text color of label text in disabled state */
  --label-color-disabled: var(--kite-accordion-disabled-label-text-color);
}

ul.kite-accordion {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-accordion > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.kite-accordion-row {
  border-bottom: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  width: 100%;
  overflow: hidden;
}
.kite-accordion-row > h1,
.kite-accordion-row > h2,
.kite-accordion-row > h3,
.kite-accordion-row > h4,
.kite-accordion-row > h5,
.kite-accordion-row > h6 {
  font-size: unset;
  margin: 0;
}
.kite-accordion-row > h1,
.kite-accordion-row > h2,
.kite-accordion-row > h3,
.kite-accordion-row > h4,
.kite-accordion-row > h5,
.kite-accordion-row > h6 {
  font-size: unset;
  margin: 0;
}
.kite-accordion-row:first-of-type {
  border-top: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
}
.kite-accordion-row__button {
  background-color: transparent;
  border: 0;
  cursor: var(--kite-accordion-cursor);
  font-size: var(--kite-accordion-title-text-size);
  line-height: var(--kite-accordion-title-text-line-height);
  padding: var(--kite-accordion-padding-top) 0 var(--kite-accordion-padding-bottom) 0;
  position: relative;
  width: var(--kite-accordion-trigger-width);
  height: 100%;
}
.kite-accordion-row__button.kite-hover:enabled, .kite-accordion-row__button:hover:enabled {
  background-color: var(--background-color-hover);
}
.kite-accordion-row__button.kite-focus-visible, .kite-accordion-row__button:focus-visible {
  outline: none;
}
.kite-accordion-row__button.kite-focus-visible::after, .kite-accordion-row__button:focus-visible::after {
  border: var(--kite-accordion-focus-ring-width) var(--kite-accordion-focus-ring-style) var(--kite-accordion-focus-ring-color);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kite-accordion-row__button:disabled {
  cursor: var(--kite-accordion-disabled-cursor);
}
.kite-accordion-row__button:disabled .kite-title {
  color: var(--title-color-disabled);
}
.kite-accordion-row__button:disabled .kite-accordion-row__label {
  color: var(--label-color-disabled);
}
.kite-accordion-row__button:disabled .kite-accordion-row__icon .kite-icon {
  --color: var(--icon-color-disabled);
}
.kite-accordion-row__button-inner {
  align-items: center;
  display: flex;
  padding: 0 var(--kite-accordion-icon-padding-right) 0 var(--kite-accordion-title-padding-left);
  height: 100%;
}
.kite-accordion-row .kite-title {
  color: var(--title-color);
  font-weight: var(--kite-accordion-title-text-weight);
  flex-grow: 1;
  text-align: left;
}
.kite-accordion-row__label {
  color: var(--label-color);
  font-weight: var(--kite-accordion-label-text-weight);
  margin-right: var(--kite-accordion-label-margin-right);
  margin-left: var(--kite-accordion-label-margin-left);
}
.kite-accordion-row__label--alert, .kite-accordion-row__label--negative {
  color: var(--kite-accordion-negative-label-text-color);
}
.kite-accordion-row__label--success, .kite-accordion-row__label--positive {
  color: var(--kite-accordion-positive-label-text-color);
}
.kite-accordion-row__icon {
  --icon-size: var(--kite-accordion-icon-width);
  transition: transform var(--kite-accordion-icon-transition-duration) var(--kite-accordion-icon-transition-timing-function);
  width: var(--icon-size);
  height: var(--icon-size);
}
.kite-accordion-row__icon .kite-icon {
  --color: var(--icon-color);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__icon {
    transition-property: none;
  }
}
.kite-accordion-row__content-window {
  --max-height: 0;
  max-height: var(--max-height);
  overflow: hidden;
}
.kite-accordion-row__content {
  --opacity: 0;
  opacity: var(--opacity);
  display: none;
  text-align: left;
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-expanded-padding-right) var(--kite-accordion-expanded-padding-bottom) var(--kite-accordion-expanded-padding-left);
}
.kite-accordion-row__content > :last-child {
  margin-bottom: 0;
}
.kite-accordion-row__content-window--transitioning {
  transition: all var(--kite-accordion-expanded-transition-duration) var(--kite-accordion-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__content-window--transitioning {
    transition-property: none;
  }
}
.kite-accordion-row__content-window--transitioning .kite-accordion-row__content {
  transition: all var(--kite-accordion-expanded-transition-duration) var(--kite-accordion-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-accordion-row__content-window--transitioning .kite-accordion-row__content {
    transition-property: none;
  }
}
.kite-accordion-row--active .kite-accordion-row__content, .kite-accordion-row--expanded .kite-accordion-row__content {
  display: block;
}
.kite-accordion-row--active .kite-accordion-row__icon, .kite-accordion-row--expanded .kite-accordion-row__icon {
  transform: rotate(-180deg);
}

.kite-accordion--rules-top .kite-accordion-row {
  border-top: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  border-bottom: 0;
}

.kite-accordion--rules-bottom .kite-accordion-row:first-of-type {
  border-top: 0;
}

.kite-accordion--rules-none .kite-accordion-row {
  border-bottom: 0;
}
.kite-accordion--rules-none .kite-accordion-row:first-of-type {
  border-top: 0;
}

.kite-accordion--in-card {
  padding-left: 0;
}
.kite-accordion--in-card .kite-accordion-row {
  border-bottom: 0;
  border-top: 0;
  position: relative;
}
.kite-accordion--in-card .kite-accordion-row::before {
  border-bottom: var(--kite-accordion-border-width) var(--kite-accordion-border-style) var(--border-color);
  content: "";
  overflow: visible;
  position: absolute;
  bottom: 0;
  left: 0;
}
.kite-accordion--in-card .kite-accordion-row:last-child::before {
  border-bottom: 0;
}
.kite-accordion--in-card .kite-accordion-row__button--padding-sm {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card .kite-accordion-row__button--padding-md {
  padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
}
.kite-accordion--in-card .kite-accordion-row__button--padding-lg {
  padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
}
.kite-accordion--in-card .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-sm);
  margin-left: var(--kite-accordion-padding-left-sm);
  width: calc(100% - var(--kite-accordion-padding-left-sm) - var(--kite-accordion-padding-right-sm));
}
.kite-accordion--in-card .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-sm) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-sm) + var(--kite-accordion-title-padding-left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-accordion--in-card .kite-accordion-row::before {
    margin-right: var(--kite-accordion-padding-right-md);
    margin-left: var(--kite-accordion-padding-left-md);
    width: calc(100% - var(--kite-accordion-padding-left-md) - var(--kite-accordion-padding-right-md));
  }
  .kite-accordion--in-card .kite-accordion-row__button {
    padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
  }
  .kite-accordion--in-card .kite-accordion-row__content {
    padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-md) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-md) + var(--kite-accordion-title-padding-left));
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-accordion--in-card .kite-accordion-row::before {
    margin-right: var(--kite-accordion-padding-right-lg);
    margin-left: var(--kite-accordion-padding-left-lg);
    width: calc(100% - var(--kite-accordion-padding-left-lg) - var(--kite-accordion-padding-right-lg));
  }
  .kite-accordion--in-card .kite-accordion-row__button {
    padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
  }
  .kite-accordion--in-card .kite-accordion-row__content {
    padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-lg) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-lg) + var(--kite-accordion-title-padding-left));
  }
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-sm);
  margin-left: var(--kite-accordion-padding-left-sm);
  width: calc(100% - var(--kite-accordion-padding-left-sm) - var(--kite-accordion-padding-right-sm));
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-sm) var(--kite-accordion-padding-right-sm) var(--kite-accordion-padding-bottom-sm) var(--kite-accordion-padding-left-sm);
}
.kite-accordion--in-card.kite-accordion--padding-sm .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-sm) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-sm) + var(--kite-accordion-title-padding-left));
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-md);
  margin-left: var(--kite-accordion-padding-left-md);
  width: calc(100% - var(--kite-accordion-padding-left-md) - var(--kite-accordion-padding-right-md));
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-md) var(--kite-accordion-padding-right-md) var(--kite-accordion-padding-bottom-md) var(--kite-accordion-padding-left-md);
}
.kite-accordion--in-card.kite-accordion--padding-md .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-md) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-md) + var(--kite-accordion-title-padding-left));
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row::before {
  margin-right: var(--kite-accordion-padding-right-lg);
  margin-left: var(--kite-accordion-padding-left-lg);
  width: calc(100% - var(--kite-accordion-padding-left-lg) - var(--kite-accordion-padding-right-lg));
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row__button {
  padding: var(--kite-accordion-padding-top-lg) var(--kite-accordion-padding-right-lg) var(--kite-accordion-padding-bottom-lg) var(--kite-accordion-padding-left-lg);
}
.kite-accordion--in-card.kite-accordion--padding-lg .kite-accordion-row__content {
  padding: var(--kite-accordion-expanded-padding-top) var(--kite-accordion-padding-right-lg) var(--kite-accordion-expanded-padding-bottom) calc(var(--kite-accordion-padding-left-lg) + var(--kite-accordion-title-padding-left));
}

.kite-accordion-row .kite-title .kite-icon {
  margin-top: var(--kite-icon-inline-offset);
  vertical-align: middle;
}

.kite-alert {
  /** @prop --dismiss-icon-color: Close icon color */
  --dismiss-icon-color: var(--kite-alert-dismiss-icon-color);
  /** @prop --global-caution-background-color: Global caution background color */
  --global-caution-background-color: var(--kite-alert-global-caution-background-color);
  /** @prop --global-caution-status-icon-color: Global caution indicator icon color */
  --global-caution-status-icon-color: var(--kite-alert-global-caution-status-icon-color);
  /** @prop --global-caution-link-text-color: Global caution link text color */
  --global-caution-link-text-color: var(--kite-alert-global-caution-link-text-color);
  /** @prop --global-caution-text-color: Global caution text color */
  --global-caution-text-color: var(--kite-alert-global-caution-text-color);
  /** @prop --global-negative-background-color: Global negative background color */
  --global-negative-background-color: var(--kite-alert-global-negative-background-color);
  /** @prop --global-negative-status-icon-color: Global negative status icon color */
  --global-negative-status-icon-color: var(--kite-alert-global-negative-status-icon-color);
  /** @prop --global-negative-link-text-color: Global negative link text color */
  --global-negative-link-text-color: var(--kite-alert-global-negative-link-text-color);
  /** @prop --global-negative-text-color: Global negative text color */
  --global-negative-text-color: var(--kite-alert-global-negative-text-color);
  /** @prop --global-neutral-text-color: Global neutral text color */
  --global-neutral-text-color: var(--kite-alert-global-neutral-text-color);
  /** @prop --global-neutral-background-color: Global neutral background color */
  --global-neutral-background-color: var(--kite-alert-global-neutral-background-color);
  /** @prop --global-neutral-status-icon-color: Global neutral indicator icon color */
  --global-neutral-status-icon-color: var(--kite-alert-global-neutral-status-icon-color);
  /** @prop --global-neutral-link-text-color: Global neutral link text color */
  --global-neutral-link-text-color: var(--kite-alert-global-neutral-link-text-color);
  /** @prop --page-background-color: Page background color */
  --page-background-color: var(--kite-alert-background-color);
  /** @prop --page-border-color: Page border color */
  --page-border-color: var(--kite-alert-border-color);
  /** @prop --page-link-text-color: Page link text color */
  --page-link-text-color: var(--kite-alert-link-text-color);
  /** @prop --page-text-color: Page text color */
  --page-text-color: var(--kite-alert-text-color);
  /** @prop --page-caution-border-left-color: Page caution border left color */
  --page-caution-border-left-color: var(--kite-alert-caution-border-left-color);
  /** @prop --page-caution-status-icon-color: Page caution indicator icon color */
  --page-caution-status-icon-color: var(--kite-alert-caution-status-icon-color);
  /** @prop --page-negative-border-left-color: Page negative border left color */
  --page-negative-border-left-color: var(--kite-alert-negative-border-left-color);
  /** @prop --page-negative-status-icon-color: Page negative indicator icon color */
  --page-negative-status-icon-color: var(--kite-alert-negative-status-icon-color);
  /** @deprecated: Use `--page-neutral-border-left-color` instead */
  /** @since: v2.0.0 */
  /** @prop --page-info-border-left-color: Page neutral border left color. Deprecated: Use `--page-neutral-border-left-color` instead. */
  --page-info-border-left-color: var(--kite-alert-neutral-border-left-color);
  /** @prop --page-neutral-border-left-color: Page neutral border left color */
  --page-neutral-border-left-color: var(--page-info-border-left-color, --kite-alert-neutral-border-left-color);
  /** @deprecated: Use `--page-neutral-status-icon-color` instead */
  /** @since: v2.0.0 */
  /** @prop --page-info-status-icon-color: Page neutral indicator icon color. Deprecated: Use `--page-neutral-status-icon-color` instead. */
  --page-info-status-icon-color: var(--kite-alert-neutral-status-icon-color);
  /** @prop --page-neutral-status-icon-color: Page neutral indicator icon color. */
  --page-neutral-status-icon-color: var(--page-info-status-icon-color, var(--kite-alert-neutral-status-icon-color));
  /** @prop --page-positive-border-left-color: Page positive border left color */
  --page-positive-border-left-color: var(--kite-alert-positive-border-left-color);
  /** @prop --page-positive-status-icon-color: Page positive indicator icon color */
  --page-positive-status-icon-color: var(--kite-alert-positive-status-icon-color);
}

.kite-alert {
  --global-background-color: var(--global-neutral-background-color);
  --global-icon-color: var(--global-neutral-status-icon-color);
  --global-link-text-color: var(--global-neutral-link-text-color);
  --global-link-icon-color: var(--kite-alert-global-neutral-link-icon-color);
  --global-text-color: var(--global-neutral-text-color);
  --page-icon-color: var(--page-neutral-status-icon-color);
  --page-border-left-color: var(--page-neutral-border-left-color);
  --passive-background-color: var(--kite-alert-passive-neutral-background-color);
  --passive-border-color: var(--kite-alert-passive-neutral-border-color);
  --passive-icon-color: var(--kite-alert-passive-neutral-status-icon-color);
  --kite-button-margin-top: var(--kite-spacing-xs);
  --kite-button-focus-ring-color: var(--kite-alert-focus-ring-color);
  --kite-button-secondary-text-color: var(--kite-color-primary);
  --kite-button-secondary-border-color: var(--kite-color-primary);
  --kite-button-secondary-hover-background-color: var(--kite-color-blue-30);
  --kite-button-secondary-hover-text-color: var(--kite-color-white);
  --kite-button-secondary-press-background-color: var(--kite-color-blue-30);
  --kite-button-secondary-press-text-color: var(--kite-color-white);
  --kite-button-secondary-focus-background-color: var(--kite-color-blue-30);
  --kite-button-secondary-focus-text-color: var(--kite-color-white);
  --kite-button-secondary-disabled-text-color: var(--kite-color-gray-25);
  --kite-button-secondary-disabled-border-color: var(--kite-color-gray-25);
  --kite-link-text-color: var(--page-link-text-color);
  --kite-link-hover-text-color: var(--kite-color-dark-blue-10);
  --kite-link-focus-text-color: var(--page-link-text-color);
  --kite-link-press-text-color: var(--kite-color-dark-blue-20);
  --kite-link-visited-text-color: var(--kite-color-dark-blue-10);
  --kite-link-standalone-icon-color: var(--kite-alert-link-icon-color);
  --kite-link-standalone-hover-icon-color: var(--kite-color-dark-blue-10);
  --kite-link-standalone-focus-icon-color: var(--kite-alert-link-icon-color);
  --kite-link-standalone-press-icon-color: var(--kite-color-dark-blue-20);
  --kite-link-standalone-visited-icon-color: var(--kite-color-dark-blue-10);
  border-width: var(--kite-alert-border-width);
}
.kite-alert--caution {
  --global-background-color: var(--global-caution-background-color);
  --global-icon-color: var(--global-caution-status-icon-color);
  --global-link-text-color: var(--global-caution-link-text-color);
  --global-link-icon-color: var(--kite-alert-global-caution-link-icon-color);
  --global-text-color: var(--global-caution-text-color);
  --page-icon-color: var(--page-caution-status-icon-color);
  --page-border-left-color: var(--page-caution-border-left-color);
  --passive-background-color: var(--kite-alert-passive-caution-background-color);
  --passive-border-color: var(--kite-alert-passive-caution-border-color);
  --passive-icon-color: var(--kite-alert-passive-caution-status-icon-color);
}
.kite-alert--error, .kite-alert--negative {
  --global-background-color: var(--global-negative-background-color);
  --global-icon-color: var(--global-negative-status-icon-color);
  --global-link-text-color: var(--global-negative-link-text-color);
  --global-link-icon-color: var(--kite-alert-global-negative-link-icon-color);
  --global-text-color: var(--global-negative-text-color);
  --page-icon-color: var(--page-negative-status-icon-color);
  --page-border-left-color: var(--page-negative-border-left-color);
  --passive-background-color: var(--kite-alert-passive-negative-background-color);
  --passive-border-color: var(--kite-alert-passive-negative-border-color);
  --passive-icon-color: var(--kite-alert-passive-negative-status-icon-color);
}
.kite-alert--error.kite-alert--global, .kite-alert--negative.kite-alert--global {
  --kite-button-secondary-hover-text-color: var(--kite-color-black);
  --kite-button-secondary-press-text-color: var(--kite-color-black);
  --kite-button-secondary-focus-text-color: var(--kite-color-black);
}
.kite-alert--success, .kite-alert--positive {
  --page-icon-color: var(--page-positive-status-icon-color);
  --page-border-left-color: var(--page-positive-border-left-color);
  --passive-background-color: var(--kite-alert-passive-positive-background-color);
  --passive-border-color: var(--kite-alert-passive-positive-border-color);
  --passive-icon-color: var(--kite-alert-passive-positive-status-icon-color);
}
.kite-alert--global {
  --kite-button-focus-ring-color: var(--kite-alert-global-focus-ring-color);
  --kite-button-secondary-text-color: var(--global-text-color);
}
.kite-alert--passive {
  --kite-button-secondary-text-color: var(--kite-alert-text-color);
}
.kite-alert--global, .kite-alert--passive {
  --kite-button-secondary-border-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-hover-background-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-hover-text-color: var(--kite-color-white);
  --kite-button-secondary-press-background-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-press-text-color: var(--kite-color-white);
  --kite-button-secondary-focus-background-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-focus-text-color: var(--kite-color-white);
  --kite-button-secondary-disabled-text-color: var(--kite-button-secondary-text-color);
  --kite-button-secondary-disabled-border-color: var(--kite-button-secondary-border-color);
}

.kite-alert {
  background-color: var(--page-background-color);
  border-color: var(--page-border-color);
  border-radius: var(--kite-alert-border-radius);
  border-style: var(--kite-alert-border-style);
  box-shadow: var(--kite-alert-elevation);
  color: var(--page-text-color);
  display: none;
  flex-direction: column;
  font-size: var(--kite-alert-text-size);
  font-weight: var(--kite-alert-text-weight);
  padding: var(--kite-alert-padding-top) var(--kite-alert-padding-right) var(--kite-alert-padding-bottom) calc(var(--kite-alert-padding-left) + var(--kite-alert-border-left-width));
  text-align: var(--kite-alert-text-align);
  position: relative;
}
.kite-alert:not(:first-child) {
  margin-top: var(--kite-alert-stacked-margin-top);
}
.kite-alert::before {
  background-color: var(--page-border-left-color);
  border-radius: var(--kite-alert-border-radius) 0 0 var(--kite-alert-border-radius);
  content: "";
  position: absolute;
  top: calc(var(--kite-alert-border-width) * -1);
  bottom: calc(var(--kite-alert-border-width) * -1);
  left: calc(var(--kite-alert-border-width) * -1);
  width: var(--kite-alert-border-left-width);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-alert::before {
    background-color: CanvasText;
  }
}
.kite-alert--active, .kite-alert--activated {
  display: flex;
}
.kite-alert__inner {
  display: flex;
  flex-grow: 1;
}
.kite-alert__message {
  flex-grow: 1;
}
.kite-alert__link, .kite-alert__action {
  display: block;
  margin-top: var(--kite-alert-link-margin-top);
  margin-left: calc(var(--kite-alert-status-icon-width) + var(--kite-alert-status-icon-margin-right));
}
.kite-alert .kite-link.kite-focus-visible, .kite-alert .kite-link:focus-visible {
  outline-color: var(--kite-alert-focus-ring-color);
}
.kite-alert__dismiss-button {
  background-color: transparent;
  border: 0;
  cursor: var(--kite-alert-dismiss-icon-cursor);
  flex-shrink: 0;
  font-size: 0;
  margin-right: var(--kite-alert-dismiss-icon-margin-right);
  margin-left: var(--kite-alert-dismiss-icon-margin-left);
  padding: 0;
  width: var(--kite-alert-dismiss-icon-width);
  height: var(--kite-alert-dismiss-icon-height);
}
.kite-alert__dismiss-button.kite-focus-visible, .kite-alert__dismiss-button:focus-visible {
  outline-color: var(--kite-alert-focus-ring-color);
}
.kite-alert__dismiss-button .kite-alert__icon {
  width: var(--kite-alert-dismiss-icon-width);
}
.kite-alert__dismiss-button .kite-alert__icon .kite-icon {
  --color: var(--dismiss-icon-color);
}
.kite-alert__icon {
  color: var(--page-icon-color);
  flex-shrink: 0;
  margin-right: var(--kite-alert-status-icon-margin-right);
  width: var(--kite-alert-status-icon-width);
  height: var(--kite-alert-status-icon-height);
}
.kite-alert__icon .kite-icon {
  --size: var(--kite-alert-status-icon-height);
}
.kite-alert--global::before {
  content: none;
}
.kite-alert--global.kite-alert--error .kite-alert__dismiss-button .kite-icon, .kite-alert--global.kite-alert--negative .kite-alert__dismiss-button .kite-icon {
  --color: var(--global-negative-status-icon-color);
}
.kite-alert--global {
  background-color: var(--global-background-color);
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: none;
  color: var(--global-text-color);
  font-size: var(--kite-alert-text-size);
  margin-bottom: 0;
  padding: var(--kite-alert-global-padding-top) var(--kite-alert-global-padding-right) var(--kite-alert-global-padding-bottom) var(--kite-alert-global-padding-left);
  width: 100%;
}
.kite-alert--global .kite-alert__icon {
  color: var(--global-icon-color);
  margin-right: var(--kite-alert-global-status-icon-margin-right);
}
.kite-alert--global .kite-alert__link,
.kite-alert--global .kite-alert__action {
  margin-left: calc(var(--kite-alert-status-icon-width) + var(--kite-alert-global-status-icon-margin-right));
}
.kite-alert--global .kite-alert__link .kite-link,
.kite-alert--global .kite-alert__action .kite-link {
  color: var(--global-link-text-color);
  --icon-color: var(--global-link-icon-color);
}
.kite-alert--global .kite-link.kite-focus-visible, .kite-alert--global .kite-link:focus-visible,
.kite-alert--global .kite-alert__dismiss-button.kite-focus-visible,
.kite-alert--global .kite-alert__dismiss-button:focus-visible {
  outline-color: var(--kite-alert-global-focus-ring-color);
}
.kite-alert--passive {
  --translate: 0px, 0px;
  background-color: var(--passive-background-color);
  border-color: var(--passive-border-color);
  border-radius: var(--kite-alert-passive-border-radius);
  box-shadow: var(--kite-alert-passive-elevation);
  padding: var(--kite-alert-passive-padding-top) var(--kite-alert-passive-padding-right) var(--kite-alert-passive-padding-bottom) var(--kite-alert-passive-padding-left);
  transform: translate(var(--translate));
  transition: transform var(--kite-alert-passive-transition-duration) var(--kite-alert-passive-entry-transition-timing-function), visibility var(--kite-alert-passive-transition-duration) var(--kite-alert-passive-entry-transition-timing-function);
  min-width: var(--kite-alert-passive-min-width);
}
@media only screen and (min-width: 52.5rem) {
  .kite-alert--passive {
    max-width: var(--kite-alert-passive-breakpoint-lg-max-width);
    width: fit-content;
  }
}
.kite-alert--passive::before {
  content: none;
}
.kite-alert--passive .kite-alert__icon {
  color: var(--passive-icon-color);
  margin-right: var(--kite-alert-passive-status-icon-margin-right);
}
.kite-alert--passive .kite-alert__dismiss-button {
  margin-left: var(--kite-alert-passive-dismiss-icon-margin-left);
}
.kite-alert--passive .kite-alert__title {
  display: block;
  font-size: var(--kite-alert-passive-title-text-size);
  font-weight: var(--kite-alert-passive-title-text-weight);
  letter-spacing: var(--kite-alert-passive-title-letter-spacing);
  line-height: var(--kite-alert-passive-title-line-height);
  margin-bottom: var(--kite-alert-passive-title-margin-bottom);
}
.kite-alert--passive .kite-alert__link,
.kite-alert--passive .kite-alert__action {
  margin-left: calc(var(--kite-alert-status-icon-width) + var(--kite-alert-passive-status-icon-margin-right));
}
.kite-alert--passive .kite-alert__link .kite-link,
.kite-alert--passive .kite-alert__action .kite-link {
  color: var(--kite-alert-passive-link-text-color);
  --icon-color: var(--kite-alert-passive-link-text-color);
}

.kite-alert--passive:not(.kite-alert-region *),
.kite-alert-region--passive {
  margin: var(--kite-alert-passive-margin-top) var(--kite-alert-passive-margin-right) var(--kite-alert-passive-margin-bottom) var(--kite-alert-passive-margin-left);
  position: fixed;
  top: auto;
  right: var(--kite-alert-passive-offset-x);
  bottom: var(--kite-alert-passive-offset-y);
  left: var(--kite-alert-passive-offset-x);
  z-index: var(--kite-alert-passive-zindex);
}
@media only screen and (min-width: 52.5rem) {
  .kite-alert--passive:not(.kite-alert-region *),
  .kite-alert-region--passive {
    margin: var(--kite-alert-passive-breakpoint-lg-margin-top) var(--kite-alert-passive-breakpoint-lg-margin-right) var(--kite-alert-passive-breakpoint-lg-margin-bottom) var(--kite-alert-passive-breakpoint-lg-margin-left);
    top: var(--kite-alert-passive-breakpoint-lg-offset-y);
    right: var(--kite-alert-passive-breakpoint-lg-offset-x);
    bottom: auto;
    left: auto;
  }
}

@media only screen and (min-width: 52.5rem) {
  .kite-alert-region--passive {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}

.rk--attached-overlay {
  z-index: var(--kite-dialog-zindex);
}

.kite-badge {
  --badge-offset-horizontal: -1em;
  --badge-offset-vertical: -1em;
  --badge-offset-baseline: 0.08em;
  --badge-size-sm: var(--kite-badge-sm-width);
  --badge-radius: var(--kite-badge-border-radius);
  --badge-border-width: var(--kite-badge-border-width);
  --badge-border-style: var(--kite-badge-border-style);
  --badge-border-color: var(--kite-badge-border-color);
  /** @prop --badge-background: Background color of the Badge */
  --badge-background: var(--kite-badge-background-color);
  /** @prop --badge-color: Text color of the Badge */
  --badge-color: var(--kite-badge-text-color);
  --badge-background-disabled: var(--kite-badge-disabled-background-color);
  --badge-color-disabled: var(--kite-badge-disabled-text-color);
}

.kite-badge {
  align-items: center;
  background-color: var(--badge-background);
  border: var(--badge-border-width) var(--badge-border-style) var(--badge-border-color);
  border-radius: var(--badge-radius);
  color: var(--badge-color);
  display: inline-flex;
  font-size: var(--kite-badge-text-size);
  font-weight: var(--kite-badge-text-weight);
  justify-content: center;
  line-height: 1;
  margin: var(--kite-badge-margin-top) var(--kite-badge-margin-right) var(--kite-badge-margin-bottom) var(--kite-badge-margin-left);
  height: var(--kite-badge-height);
  min-width: var(--kite-badge-min-width);
  overflow: hidden;
  padding: var(--kite-badge-padding-top) var(--kite-badge-padding-right) var(--kite-badge-padding-bottom) var(--kite-badge-padding-left);
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.kite-badge:empty, .kite-badge--sm {
  --badge-offset-horizontal: calc((var(--badge-size-sm) / 2) * -1);
  --badge-offset-vertical: calc(var(--badge-border-width) + 1px);
  min-width: auto;
  padding: 0;
  width: var(--badge-size-sm);
  height: var(--badge-size-sm);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-badge:empty, .kite-badge--sm {
    border-width: calc(var(--badge-size-sm) / 2);
  }
}
.kite-badge--top, .kite-badge--right, .kite-badge--bottom, .kite-badge--left {
  margin: 0;
  position: absolute;
}
.kite-badge--top {
  top: var(--badge-offset-vertical);
}
.kite-badge--right {
  right: var(--badge-offset-horizontal);
}
.kite-badge--bottom {
  bottom: var(--badge-offset-vertical);
}
.kite-badge--left {
  left: var(--badge-offset-horizontal);
}
.kite-badge--disabled {
  background-color: var(--badge-background-disabled);
  color: var(--badge-color-disabled);
}
.kite-badge--inline {
  margin: 0;
  position: relative;
  bottom: var(--badge-offset-baseline);
}
.kite-badge__container {
  display: inline-flex;
  align-items: center;
  gap: var(--kite-badge-margin-left);
}
.kite-badge__container .kite-badge {
  margin: 0;
}

.rk-badge-container {
  --rk-badge-center-offset-sm: 0.5rem;
  --rk-badge-center-offset-md: 1rem;
  --rk-badge-center-offset: var(--rk-badge-center-offset-md);
  display: inline-block;
  position: relative;
}
.rk-badge-container .rk-badge {
  vertical-align: top;
}
.rk-badge-container .rk-badge--align-center {
  align-self: center;
}

.kite-badge--sm {
  --rk-badge-center-offset: var(--rk-badge-center-offset-sm);
}

.rk-badge-container--flex {
  display: flex;
}

.kite-badge--left.rk-badge--align-center {
  left: calc(var(--badge-offset-horizontal) - var(--rk-badge-center-offset));
}

.kite-badge--right.rk-badge--align-center {
  right: calc(var(--badge-offset-horizontal) - var(--rk-badge-center-offset));
}

.kite-button.kite-button--fullwidth-to-shrinkwrap {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-button.kite-button--fullwidth-to-shrinkwrap {
    width: auto;
  }
}

.kite-button {
  /** @prop --background: Background of the button */
  --background: var(--kite-button-primary-background-color);
  /** @prop --background-press: Background of the button when pressed */
  --background-press: var(--kite-button-primary-press-background-color);
  /** @prop --background-disabled: Background of the button when disabled */
  --background-disabled: var(--kite-button-primary-disabled-background-color);
  /** @deprecated: Use `--kite-button-primary-focus-background-color` instead */
  /** @since: v2.0.0 */
  /** @prop --background-focused: Background of the button when focused with the tab key. Deprecated: Use `--kite-button-primary-focus-background-color` instead. */
  --background-focused: var(--kite-button-primary-focus-background-color);
  /** @prop --background-focus: Background of the button when focused with the tab key */
  --background-focus: var(--background-focused, var(--kite-button-primary-focus-background-color));
  /** @prop --background-hover: Background of the button on hover */
  --background-hover: var(--kite-button-primary-hover-background-color);
  /** @prop --border-color: Border color of the button */
  --border-color: var(--kite-button-primary-border-color);
  /** @prop --border-color-press: Border color of the button when pressed */
  --border-color-press: var(--kite-button-primary-press-border-color);
  /** @prop --border-color-disabled: Border color of button when disabled */
  --border-color-disabled: var(--kite-button-primary-disabled-border-color);
  /** @deprecated: Use `--kite-button-primary-focus-border-color` instead */
  /** @since: v2.0.0 */
  /** @prop --border-color-focused: Border color of button when focused. Deprecated: Use `--kite-button-primary-focus-border-color` instead. */
  --border-color-focused: var(--kite-button-primary-focus-border-color);
  /** @prop --border-color-focus: Border color of button when focused */
  --border-color-focus: var(--border-color-focused, var(--kite-button-primary-focus-border-color));
  /** @prop --border-color-hover: Border color of button when hover */
  --border-color-hover: var(--kite-button-primary-hover-border-color);
  /** @prop --border-radius: Border radius of the button */
  --border-radius: var(--kite-button-border-radius);
  /** @prop --border-style: Border style of the button */
  --border-style: var(--kite-button-primary-border-style);
  /** @prop --border-width: Border width of the button */
  --border-width: var(--kite-button-primary-border-width);
  /** @prop --color: Text color of the button */
  --color: var(--kite-button-primary-text-color);
  /** @prop --color-press: Text color of the button when pressed */
  --color-press: var(--kite-button-primary-press-text-color);
  /** @prop --color-disabled: Text color of the button when disabled */
  --color-disabled: var(--kite-button-primary-disabled-text-color);
  /** @deprecated: Use `--kite-button-primary-focus-text-color` instead */
  /** @since: v2.0.0 */
  /** @prop --color-focused: Text color of the button when focused with the tab key. Deprecated: Use `--kite-button-primary-focus-text-color` instead. */
  --color-focused: var(--kite-button-primary-focus-text-color);
  /** @prop --color-focus: Text color of the button when focused with the tab key */
  --color-focus: var(--color-focused, var(--kite-button-primary-focus-text-color));
  /** @prop --color-hover: Text color of the button when hover */
  --color-hover: var(--kite-button-primary-hover-text-color);
  /** @prop --cursor: Cursor to display on hover */
  --cursor: var(--kite-button-cursor);
  /** @prop --cursor-disabled: Cursor to display on hover, when button is disabled */
  --cursor-disabled: var(--kite-button-disabled-cursor);
  /** @prop --font-family: Font family of the button */
  --font-family: inherit;
  /** @prop --kite-button-font-size: Font size of the button */
  --font-size: var(--kite-button-text-size);
  /** @prop --font-weight: Font weight of the button */
  --font-weight: var(--kite-button-text-weight);
  /** @prop --height: Height of the button */
  --height: var(--kite-button-height);
  /** @prop --icon-margin: Left/right margin of the icon */
  --icon-margin: var(--kite-button-icon-margin);
  /** @prop --icon-size: Width of the icon */
  --icon-size: var(--kite-button-icon-width);
  --icon-color: var(--kite-button-icon-color);
  --icon-color-press: var(--kite-button-press-icon-color);
  --icon-color-disabled: var(--kite-button-disabled-icon-color);
  --icon-color-focus: var(--kite-button-focus-icon-color);
  --icon-color-hover: var(--kite-button-hover-icon-color);
  /** @prop --line-height: Line-height of the button */
  --line-height: var(--kite-button-text-line-height);
  /** @prop --margin-top: Top margin of the button */
  --margin-top: var(--kite-button-margin-top);
  /** @prop --margin-right: Right margin of the button */
  --margin-right: var(--kite-button-margin-right);
  /** @prop --margin-bottom: Bottom margin of the button */
  --margin-bottom: var(--kite-button-margin-bottom);
  /** @prop --margin-left: Left margin of the button */
  --margin-left: var(--kite-button-margin-left);
  /** @prop --padding-top: Top padding of the button */
  --padding-top: var(--kite-button-padding-top);
  /** @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button */
  --padding-start: var(--kite-button-padding-left, 20px);
  /** @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button */
  --padding-end: var(--kite-button-padding-right, 20px);
  /** @prop --padding-bottom: Bottom padding of the button */
  --padding-bottom: var(--kite-button-padding-bottom);
  /** @prop --transition: Transition of the button */
  --transition: background-color var(--kite-motion-duration-fastest) var(--kite-motion-standard),
  	border-color var(--kite-motion-duration-fastest) var(--kite-motion-standard);
  /** @prop --width: Width of the button */
  --width: var(--kite-button-width);
  --width-breakpoint-sm: 100%;
  --focus-ring-color: var(--kite-button-focus-ring-color);
  --focus-ring-offset: calc((var(--border-width) + var(--focus-ring-width) + var(--kite-button-focus-ring-offset)) * -1);
  --focus-ring-radius: var(--kite-button-focus-ring-radius);
  --focus-ring-style: var(--kite-button-focus-ring-style);
  --focus-ring-width: var(--kite-button-focus-ring-width);
  --kite-progress-indicator-button-fill-color: var(--color);
}

.kite-button--secondary {
  --background: var(--kite-button-secondary-background-color);
  --background-press: var(--kite-button-secondary-press-background-color);
  --background-disabled: var(--kite-button-secondary-disabled-background-color);
  --background-focus: var(--kite-button-secondary-focus-background-color);
  --background-hover: var(--kite-button-secondary-hover-background-color);
  --border-color: var(--kite-button-secondary-border-color);
  --border-color-press: var(--kite-button-secondary-press-border-color);
  --border-color-disabled: var(--kite-button-secondary-disabled-border-color);
  --border-color-focus: var(--kite-button-secondary-focus-border-color);
  --border-color-hover: var(--kite-button-secondary-hover-border-color);
  --color: var(--kite-button-secondary-text-color);
  --color-press: var(--kite-button-secondary-press-text-color);
  --color-disabled: var(--kite-button-secondary-disabled-text-color);
  --color-focus: var(--kite-button-secondary-focus-text-color);
  --color-hover: var(--kite-button-secondary-hover-text-color);
  --icon-color: var(--kite-button-secondary-icon-color);
  --icon-color-press: var(--kite-button-secondary-press-icon-color);
  --icon-color-disabled: var(--kite-button-secondary-disabled-icon-color);
  --icon-color-focus: var(--kite-button-secondary-focus-icon-color);
  --icon-color-hover: var(--kite-button-secondary-hover-icon-color);
}
.kite-button--borderless {
  --background: var(--kite-button-borderless-background-color);
  --background-press: var(--kite-button-borderless-press-background-color);
  --background-disabled: var(--kite-button-borderless-disabled-background-color);
  --background-focus: var(--kite-button-borderless-focus-background-color);
  --background-hover: var(--kite-button-borderless-hover-background-color);
  --border-color: var(--kite-button-borderless-border-color);
  --border-color-press: var(--kite-button-borderless-press-border-color);
  --border-color-disabled: var(--kite-button-borderless-disabled-border-color);
  --border-color-focus: var(--kite-button-borderless-focus-border-color);
  --border-color-hover: var(--kite-button-borderless-hover-border-color);
  --color: var(--kite-button-borderless-text-color);
  --color-press: var(--kite-button-borderless-press-text-color);
  --color-disabled: var(--kite-button-borderless-disabled-text-color);
  --color-focus: var(--kite-button-borderless-focus-text-color);
  --color-hover: var(--kite-button-borderless-hover-text-color);
  --icon-color: var(--kite-button-borderless-icon-color);
  --icon-color-press: var(--kite-button-borderless-press-icon-color);
  --icon-color-disabled: var(--kite-button-borderless-disabled-icon-color);
  --icon-color-focus: var(--kite-button-borderless-focus-icon-color);
  --icon-color-hover: var(--kite-button-borderless-hover-icon-color);
}
.kite-button--destructive {
  --focus-ring-color: var(--kite-button-destructive-focus-ring-color);
  --background: var(--kite-button-primary-destructive-background-color);
  --background-press: var(--kite-button-primary-destructive-press-background-color);
  --background-disabled: var(--kite-button-primary-destructive-disabled-background-color);
  --background-focus: var(--kite-button-primary-destructive-focus-background-color);
  --background-hover: var(--kite-button-primary-destructive-hover-background-color);
  --border-color: var(--kite-button-primary-destructive-border-color);
  --border-color-press: var(--kite-button-primary-destructive-press-border-color);
  --border-color-disabled: var(--kite-button-primary-destructive-disabled-border-color);
  --border-color-focus: var(--kite-button-primary-destructive-focus-border-color);
  --border-color-hover: var(--kite-button-primary-destructive-hover-border-color);
  --color: var(--kite-button-primary-destructive-text-color);
  --color-press: var(--kite-button-primary-destructive-press-text-color);
  --color-disabled: var(--kite-button-primary-destructive-disabled-text-color);
  --color-focus: var(--kite-button-primary-destructive-focus-text-color);
  --color-hover: var(--kite-button-primary-destructive-hover-text-color);
  --icon-color: var(--kite-button-primary-destructive-icon-color);
  --icon-color-press: var(--kite-button-primary-destructive-press-icon-color);
  --icon-color-disabled: var(--kite-button-primary-destructive-disabled-icon-color);
  --icon-color-focus: var(--kite-button-primary-destructive-focus-icon-color);
  --icon-color-hover: var(--kite-button-primary-destructive-hover-icon-color);
}
.kite-button--destructive.kite-button--secondary {
  --background: var(--kite-button-secondary-destructive-background-color);
  --background-press: var(--kite-button-secondary-destructive-press-background-color);
  --background-disabled: var(--kite-button-secondary-destructive-disabled-background-color);
  --background-focus: var(--kite-button-secondary-destructive-focus-background-color);
  --background-hover: var(--kite-button-secondary-destructive-hover-background-color);
  --border-color: var(--kite-button-secondary-destructive-border-color);
  --border-color-press: var(--kite-button-secondary-destructive-press-border-color);
  --border-color-disabled: var(--kite-button-secondary-destructive-disabled-border-color);
  --border-color-focus: var(--kite-button-secondary-destructive-focus-border-color);
  --border-color-hover: var(--kite-button-secondary-destructive-hover-border-color);
  --color: var(--kite-button-secondary-destructive-text-color);
  --color-press: var(--kite-button-secondary-destructive-press-text-color);
  --color-disabled: var(--kite-button-secondary-destructive-disabled-text-color);
  --color-focus: var(--kite-button-secondary-destructive-focus-text-color);
  --color-hover: var(--kite-button-secondary-destructive-hover-text-color);
  --icon-color: var(--kite-button-secondary-destructive-icon-color);
  --icon-color-press: var(--kite-button-secondary-destructive-press-icon-color);
  --icon-color-disabled: var(--kite-button-secondary-destructive-disabled-icon-color);
  --icon-color-focus: var(--kite-button-secondary-destructive-focus-icon-color);
  --icon-color-hover: var(--kite-button-secondary-destructive-hover-icon-color);
}
.kite-button--destructive.kite-button--borderless {
  --background: var(--kite-button-borderless-destructive-background-color);
  --background-press: var(--kite-button-borderless-destructive-press-background-color);
  --background-disabled: var(--kite-button-borderless-destructive-disabled-background-color);
  --background-focus: var(--kite-button-borderless-destructive-focus-background-color);
  --background-hover: var(--kite-button-borderless-destructive-hover-background-color);
  --border-color: var(--kite-button-borderless-destructive-border-color);
  --border-color-press: var(--kite-button-borderless-destructive-press-border-color);
  --border-color-disabled: var(--kite-button-borderless-destructive-disabled-border-color);
  --border-color-focus: var(--kite-button-borderless-destructive-focus-border-color);
  --border-color-hover: var(--kite-button-borderless-destructive-hover-border-color);
  --color: var(--kite-button-borderless-destructive-text-color);
  --color-press: var(--kite-button-borderless-destructive-press-text-color);
  --color-disabled: var(--kite-button-borderless-destructive-disabled-text-color);
  --color-focus: var(--kite-button-borderless-destructive-focus-text-color);
  --color-hover: var(--kite-button-borderless-destructive-hover-text-color);
  --icon-color: var(--kite-button-borderless-destructive-icon-color);
  --icon-color-press: var(--kite-button-borderless-destructive-press-icon-color);
  --icon-color-disabled: var(--kite-button-borderless-destructive-disabled-icon-color);
  --icon-color-focus: var(--kite-button-borderless-destructive-focus-icon-color);
  --icon-color-hover: var(--kite-button-borderless-destructive-hover-icon-color);
}

.kite-button {
  background: var(--background);
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  color: var(--color);
  cursor: var(--cursor);
  display: block;
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
  padding: calc(var(--padding-top) - var(--border-width)) var(--padding-end) calc(var(--padding-bottom) - var(--border-width)) var(--padding-start);
  position: relative;
  text-align: var(--kite-button-text-align);
  text-decoration: none;
  transition: var(--transition);
  user-select: none;
  width: var(--width);
  height: auto;
  min-height: var(--height);
}
@media only screen and (min-width: 30rem) {
  .kite-button {
    display: inline-block;
    vertical-align: middle;
    width: var(--width-breakpoint-sm);
  }
}
.kite-button--shrinkwrap {
  width: var(--kite-button-shrinkwrap-width);
}
.kite-button--sm {
  min-width: var(--kite-button-shrinkwrap-min-width-sm);
}
.kite-button--md {
  min-width: var(--kite-button-shrinkwrap-min-width-md);
}
.kite-button--lg {
  min-width: var(--kite-button-shrinkwrap-min-width-lg);
}
.kite-button--xl {
  min-width: var(--kite-button-shrinkwrap-min-width-xl);
}
.kite-button::before {
  border: 0 var(--focus-ring-style) transparent;
  border-radius: var(--focus-ring-radius);
  content: "";
  position: absolute;
  top: var(--focus-ring-offset);
  right: var(--focus-ring-offset);
  bottom: var(--focus-ring-offset);
  left: var(--focus-ring-offset);
  transition: var(--transition);
}
.kite-button.kite-focus-visible, .kite-button:focus-visible {
  background-color: var(--background-focus);
  border-color: var(--border-color-focus);
  --color: var(--color-focus);
  outline: 0;
}
.kite-button.kite-focus-visible::before, .kite-button:focus-visible::before {
  border-color: var(--focus-ring-color);
  border-width: var(--focus-ring-width);
}
.kite-button.kite-focus-visible .kite-icon, .kite-button:focus-visible .kite-icon {
  --color: var(--icon-color-focus);
}
.kite-button.kite-hover, .kite-button:hover {
  background-color: var(--background-hover);
  border-color: var(--border-color-hover);
  --color: var(--color-hover);
}
.kite-button.kite-hover .kite-icon, .kite-button:hover .kite-icon {
  --color: var(--icon-color-hover);
}
.kite-button.kite-active, .kite-button:active {
  background-color: var(--background-press);
  border-color: var(--border-color-press);
  --color: var(--color-press);
}
.kite-button.kite-active .kite-icon, .kite-button:active .kite-icon {
  --color: var(--icon-color-press);
}
.kite-button.kite-disabled, .kite-button:disabled {
  background-color: var(--background-disabled);
  border-color: var(--border-color-disabled);
  --color: var(--color-disabled);
  cursor: var(--cursor-disabled);
}
@media screen and (-ms-high-contrast: active) {
  .kite-button.kite-disabled, .kite-button:disabled {
    background-color: transparent;
  }
}
.kite-button.kite-disabled .kite-icon, .kite-button:disabled .kite-icon {
  --color: var(--icon-color-disabled);
}
.kite-button__inner {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  flex-shrink: 0;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  gap: var(--icon-margin);
}
.kite-button .kite-icon {
  --color: var(--icon-color);
  font-size: var(--icon-size);
  pointer-events: none;
}
.kite-button--icon-only {
  padding-left: var(--kite-button-icon-only-padding-left);
  padding-right: var(--kite-button-icon-only-padding-right);
}

a.kite-button:hover,
.kite-button--anchor:hover {
  text-decoration: none;
}
a.kite-button.kite-button--disabled,
.kite-button--anchor.kite-button--disabled {
  background-color: var(--background-disabled);
  border-color: var(--border-color-disabled);
  --color: var(--color-disabled);
}

.kite-button.kite-button--fullwidth-to-shrinkwrap {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-button.kite-button--fullwidth-to-shrinkwrap {
    width: auto;
  }
}

.kite-card {
  /**	@prop --background: Background of the card */
  --background: var(--kite-card-background-color);
  /** @prop --border: Border shorthand property for the card */
  --border: var(--kite-card-border-width) var(--kite-card-border-style) var(--border-color);
  /** @prop --border-color: Border color of the card */
  --border-color: var(--kite-card-border-color);
  /** @prop --border-radius: Border radius of the card */
  --border-radius: var(--kite-card-border-radius);
  /** @prop --padding-top-sm: Padding top <=600px viewport */
  --padding-top-sm: var(--kite-card-padding-top-sm);
  /** @prop --padding-right-sm: Padding right <=600px viewport */
  --padding-right-sm: var(--kite-card-padding-right-sm);
  /** @prop --padding-bottom-sm: Padding bottom <=600px viewport */
  --padding-bottom-sm: var(--kite-card-padding-bottom-sm);
  /** @prop --padding-left-sm: Padding left <=600px viewport */
  --padding-left-sm: var(--kite-card-padding-left-sm);
  /** @prop --padding-top-md: Padding top 601px - 839px viewport */
  --padding-top-md: var(--kite-card-padding-top-md);
  /** @prop --padding-right-md: Padding right 601px - 839px viewport */
  --padding-right-md: var(--kite-card-padding-right-md);
  /** @prop --padding-bottom-md: Padding bottom 601px - 839px viewport */
  --padding-bottom-md: var(--kite-card-padding-bottom-md);
  /** @prop --padding-left-md: Padding left 601px - 839px viewport */
  --padding-left-md: var(--kite-card-padding-left-md);
  /** @prop --padding-top-lg: Padding top >=840px viewport */
  --padding-top-lg: var(--kite-card-padding-top-lg);
  /** @prop --padding-right-lg: Padding right >=840px viewport */
  --padding-right-lg: var(--kite-card-padding-right-lg);
  /** @prop --padding-bottom-lg: Padding bottom >=840px viewport */
  --padding-bottom-lg: var(--kite-card-padding-bottom-lg);
  /** @prop --padding-left-lg: Padding left >=840px viewport */
  --padding-left-lg: var(--kite-card-padding-left-lg);
}

.kite-card {
  background-color: var(--background);
  border: var(--border);
  border-radius: var(--border-radius);
  padding: var(--padding-top-sm) var(--padding-right-sm) var(--padding-bottom-sm) var(--padding-left-sm);
  text-align: left;
}
@media only screen and (min-width: 37.5rem) {
  .kite-card {
    padding: var(--padding-top-md) var(--padding-right-md) var(--padding-bottom-md) var(--padding-left-md);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card {
    padding: var(--padding-top-lg) var(--padding-right-lg) var(--padding-bottom-lg) var(--padding-left-lg);
  }
}
.kite-card--elevation-1 {
  box-shadow: var(--kite-elevation-1);
}
.kite-card--elevation-2 {
  box-shadow: var(--kite-elevation-2);
}
.kite-card--elevation-3 {
  box-shadow: var(--kite-elevation-3);
}
.kite-card--elevation-4 {
  box-shadow: var(--kite-elevation-4);
}
.kite-card--reset-padding {
  padding: 0;
}

.kite-cell > .kite-card--reset-height {
  height: auto;
}

.kite-checkbox {
  --focus-ring-offset: calc(((var(--kite-checkbox-focus-ring-width) * 2) + var(--kite-checkbox-focus-ring-offset)) * -1);
  --background-color: var(--kite-checkbox-background-color);
  --hover-background-color: var(--kite-checkbox-hover-background-color);
  --border-color: var(--kite-checkbox-border-color);
  --label-text-color: var(--kite-checkbox-label-text-color);
  --icon-color: var(--kite-checkbox-selected-icon-color);
  --focus-ring-color: var(--kite-checkbox-focus-ring-color);
  --selected-background-color: var(--kite-checkbox-selected-background-color);
  --selected-disabled-background-color: var(--kite-checkbox-selected-disabled-background-color);
  --indeterminate-background-color: var(--kite-checkbox-indeterminate-background-color);
  --indeterminate-disabled-background-color: var(--kite-checkbox-indeterminate-disabled-background-color);
  --disabled-border-color: var(--kite-checkbox-disabled-border-color);
  --disabled-label-text-color: var(--kite-checkbox-disabled-label-text-color);
  --disabled-icon-color: var(--kite-checkbox-disabled-icon-color);
}

.kite-checkbox {
  display: flex;
  flex-direction: column;
  margin: var(--kite-checkbox-margin-top) var(--kite-checkbox-margin-right) var(--kite-checkbox-margin-bottom) var(--kite-checkbox-margin-left);
}
.kite-checkbox__label {
  display: flex;
  align-items: flex-start;
  position: relative;
  font-size: var(--kite-checkbox-label-text-size);
  font-weight: var(--kite-checkbox-label-text-weight);
  user-select: none;
}
.kite-checkbox__control {
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.kite-checkbox__control.kite-focus-visible ~ .kite-checkbox__indicator::before, .kite-checkbox__control:focus-visible ~ .kite-checkbox__indicator::before {
  border: var(--kite-checkbox-focus-ring-width) var(--kite-checkbox-focus-ring-style) var(--focus-ring-color);
  border-radius: var(--kite-checkbox-focus-ring-radius);
  content: "";
  position: absolute;
  top: var(--focus-ring-offset);
  right: var(--focus-ring-offset);
  bottom: var(--focus-ring-offset);
  left: var(--focus-ring-offset);
}
.kite-checkbox__indicator {
  background-color: var(--background-color);
  border: var(--kite-checkbox-border-width) var(--kite-checkbox-border-style) var(--border-color);
  border-radius: var(--kite-checkbox-border-radius);
  cursor: pointer;
  flex: 0 0 auto;
  margin-top: 2px;
  margin-right: var(--kite-checkbox-input-margin-right);
  position: relative;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: var(--kite-motion-fastest);
  transition-timing-function: var(--kite-motion-standard);
  width: var(--kite-checkbox-width);
  height: var(--kite-checkbox-height);
}
.kite-checkbox__indicator .kite-icon {
  --size: 100%;
  --color: transparent;
  display: block;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-checkbox__indicator .kite-icon__inner svg {
    fill: var(--color);
  }
}
.kite-checkbox__feedback {
  color: var(--kite-checkbox-error-feedback-text-color);
  display: block;
  margin-top: var(--kite-checkbox-feedback-margin-top);
}
.kite-checkbox__feedback .kite-icon {
  --size: var(--kite-checkbox-error-feedback-icon-width);
  --color: var(--kite-checkbox-error-feedback-icon-color);
  margin-right: var(--kite-checkbox-error-feedback-icon-margin-right);
}
.kite-checkbox__control:checked ~ .kite-checkbox__indicator, .kite-checkbox--checked .kite-checkbox__indicator {
  --border-color: var(--selected-background-color);
  --background-color: var(--selected-background-color);
}
.kite-checkbox__control:checked ~ .kite-checkbox__indicator .kite-checkbox__checked-icon, .kite-checkbox--checked .kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--icon-color);
}
.kite-checkbox__control:checked ~ .kite-checkbox__indicator .kite-checkbox__mixed-icon, .kite-checkbox--checked .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  display: none;
}
.kite-checkbox__control:indeterminate ~ .kite-checkbox__indicator, .kite-checkbox--mixed .kite-checkbox__indicator {
  --background-color: var(--indeterminate-background-color);
  --border-color: var(--indeterminate-background-color);
}
.kite-checkbox__control:indeterminate ~ .kite-checkbox__indicator .kite-checkbox__checked-icon, .kite-checkbox--mixed .kite-checkbox__indicator .kite-checkbox__checked-icon {
  display: none;
}
.kite-checkbox__control:indeterminate ~ .kite-checkbox__indicator .kite-checkbox__mixed-icon, .kite-checkbox--mixed .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  --color: var(--icon-color);
}
.kite-checkbox__control:not(:disabled):not(:checked):not(:indeterminate):hover ~ .kite-checkbox__indicator {
  --background-color: var(--hover-background-color);
}
.kite-checkbox__control:disabled ~ .kite-checkbox__indicator {
  --border-color: var(--disabled-border-color);
  cursor: var(--kite-checkbox-disabled-cursor);
}
.kite-checkbox__control:disabled ~ .kite-checkbox__description {
  color: var(--disabled-label-text-color);
  cursor: var(--kite-checkbox-disabled-cursor);
}
.kite-checkbox__control:disabled ~ .kite-checkbox__indicator, .kite-checkbox--disabled .kite-checkbox__indicator {
  --border-color: var(--disabled-border-color);
  cursor: var(--kite-checkbox-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-checkbox__control:disabled ~ .kite-checkbox__indicator, .kite-checkbox--disabled .kite-checkbox__indicator {
    --border-color: GrayText;
  }
}
.kite-checkbox__control:disabled ~ .kite-checkbox__description, .kite-checkbox--disabled .kite-checkbox__description {
  color: var(--disabled-label-text-color);
  cursor: var(--kite-checkbox-disabled-cursor);
}
.kite-checkbox__control:checked:disabled ~ .kite-checkbox__indicator, .kite-checkbox--checked.kite-checkbox--disabled .kite-checkbox__indicator {
  --background-color: var(--selected-disabled-background-color);
}
.kite-checkbox__control:checked:disabled ~ .kite-checkbox__indicator .kite-checkbox__checked-icon, .kite-checkbox--checked.kite-checkbox--disabled .kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--disabled-icon-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-checkbox__control:checked:disabled ~ .kite-checkbox__indicator .kite-checkbox__checked-icon, .kite-checkbox--checked.kite-checkbox--disabled .kite-checkbox__indicator .kite-checkbox__checked-icon {
    --color: GrayText;
  }
}
.kite-checkbox__control:indeterminate:disabled ~ .kite-checkbox__indicator, .kite-checkbox--mixed.kite-checkbox--disabled .kite-checkbox__indicator {
  --background-color: var(--indeterminate-disabled-background-color);
}
.kite-checkbox__control:indeterminate:disabled ~ .kite-checkbox__indicator .kite-checkbox__mixed-icon, .kite-checkbox--mixed.kite-checkbox--disabled .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  --color: var(--disabled-icon-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-checkbox__control:indeterminate:disabled ~ .kite-checkbox__indicator .kite-checkbox__mixed-icon, .kite-checkbox--mixed.kite-checkbox--disabled .kite-checkbox__indicator .kite-checkbox__mixed-icon {
    --color: GrayText;
  }
}
.kite-checkbox--error .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-border-color);
}
.kite-checkbox--error .kite-checkbox__control:not(:disabled):checked ~ .kite-checkbox__indicator, .kite-checkbox--error.kite-checkbox--checked .kite-checkbox__indicator,
.kite-checkbox--error .kite-checkbox__control:not(:disabled):indeterminate ~ .kite-checkbox__indicator, .kite-checkbox--error.kite-checkbox--mixed .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-selected-background-color);
  --background-color: var(--kite-checkbox-error-selected-background-color);
}

.kite-checkbox-group__list {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 var(--kite-checkbox-group-list-padding-left);
}
.kite-checkbox-group__item {
  margin: 0;
  padding: 0;
}
.kite-checkbox-group .kite-checkbox {
  margin-bottom: var(--kite-checkbox-group-checkbox-margin-bottom);
}
.kite-checkbox-group--error .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-border-color);
}
.kite-checkbox-group--error .kite-checkbox__control:not(:disabled):checked ~ .kite-checkbox__indicator, .kite-checkbox-group--error.kite-checkbox--checked .kite-checkbox__indicator,
.kite-checkbox-group--error .kite-checkbox__control:not(:disabled):indeterminate ~ .kite-checkbox__indicator, .kite-checkbox-group--error.kite-checkbox--mixed .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-selected-background-color);
  --background-color: var(--kite-checkbox-error-selected-background-color);
}

/**
   Adding React specific shame because RK is not using the indeterminate pseudo selector that Vanilla is using for this scss
 */
.kite-checkbox.kite-checkbox--mixed .kite-checkbox__control:hover ~ .kite-checkbox__indicator {
  --hover-background-color: var(--indeterminate-background-color);
}

.kite-checkbox-group--error .kite-checkbox.kite-checkbox--mixed .kite-checkbox__control:hover ~ .kite-checkbox__indicator {
  --background-color: var(--kite-checkbox-error-selected-background-color);
}

.kite-checkbox-group--error legend + .kite-checkbox.kite-checkbox--mixed .kite-checkbox__control ~ .kite-checkbox__indicator,
.kite-checkbox-group--error legend .kite-checkbox.kite-checkbox--mixed .kite-checkbox__control ~ .kite-checkbox__indicator {
  --border-color: var(--kite-checkbox-error-selected-background-color);
  --background-color: var(--kite-checkbox-error-selected-background-color);
}

.kite-chip {
  /** @prop --text-color: text color */
  --text-color: var(--kite-chip-text-color);
  --border-color: var(--kite-chip-border-color);
  /** @prop --background-color: chip background color */
  --background-color: var(--kite-chip-background-color);
  --focus-ring-color: var(--kite-chip-focus-ring-color);
  /** @prop --focus-background-color: focus state background color */
  --focus-background-color: var(--kite-chip-focus-background-color);
  --hover-background-color: var(--kite-chip-hover-background-color);
  /** @prop --selected-background-color: selected state background color */
  --selected-background-color: var(--kite-chip-selected-background-color);
  /** @prop --selected-text-color: selected state text color*/
  --selected-text-color: var(--kite-chip-selected-text-color);
  --selected-disabled-color: var(--kite-chip-selected-disabled-text-color);
  --selected-disabled-background-color: var(--kite-chip-selected-disabled-background-color);
  --disabled-color: var(--kite-chip-disabled-text-color);
  --disabled-border-color: var(--kite-chip-disabled-border-color);
  --disabled-background-color: var(--kite-chip-disabled-background-color);
}

.kite-chip-group {
  display: inline-block;
  width: 100%;
}
.kite-chip-group > legend {
  margin-bottom: var(--kite-chip-legend-margin-bottom);
}

.kite-chip {
  background: transparent;
  border: 0;
  border-radius: var(--kite-chip-border-radius);
  color: var(--text-color);
  cursor: var(--kite-chip-cursor);
  display: block;
  float: left;
  font-weight: var(--kite-chip-text-weight);
  line-height: var(--kite-chip-text-line-height);
  margin: var(--kite-chip-margin-top) var(--kite-chip-margin-right) var(--kite-chip-margin-bottom) var(--kite-chip-margin-left);
  min-height: var(--kite-chip-min-height);
  padding: var(--kite-chip-padding-top) var(--kite-chip-padding-right) var(--kite-chip-padding-bottom) var(--kite-chip-padding-left);
  position: relative;
  height: var(--kite-chip-height);
}
.kite-chip .kite-chip__inner {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.kite-chip__indicator {
  display: none;
  margin: 0 var(--kite-chip-icon-margin) 0 0;
  width: var(--kite-chip-icon-width);
  height: var(--kite-chip-icon-height);
}
.kite-chip__dismiss {
  margin: 0 0 0 var(--kite-chip-icon-margin);
  width: var(--kite-chip-icon-width);
  height: var(--kite-chip-icon-height);
}
.kite-chip__text {
  z-index: 0;
  width: max-content;
}
.kite-chip__background {
  background: var(--background-color);
  border: var(--kite-chip-border-width) var(--kite-chip-border-style) var(--border-color);
  border-radius: var(--kite-chip-border-radius);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kite-chip input[type=checkbox],
.kite-chip input[type=radio] {
  opacity: 0;
  width: 0;
  appearance: none;
}
.kite-chip[aria-pressed=true], .kite-chip[aria-pressed=true].kite-focus-visible, .kite-chip[aria-pressed=true]:focus-visible, .kite-chip--selected.kite-focus-visible, .kite-chip--selected:focus-visible, .kite-chip--selected {
  background: var(--selected-background-color);
  color: var(--selected-text-color);
  padding: var(--kite-chip-selected-padding-top) var(--kite-chip-selected-padding-right) var(--kite-chip-selected-padding-bottom) var(--kite-chip-selected-padding-left);
}
.kite-chip[aria-pressed=true] .kite-chip__background, .kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__background, .kite-chip[aria-pressed=true]:focus-visible .kite-chip__background, .kite-chip--selected.kite-focus-visible .kite-chip__background, .kite-chip--selected:focus-visible .kite-chip__background, .kite-chip--selected .kite-chip__background {
  background: var(--selected-background-color);
}
.kite-chip[aria-pressed=true] .kite-chip__indicator,
.kite-chip[aria-pressed=true] .kite-chip__dismiss, .kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__indicator,
.kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__dismiss, .kite-chip[aria-pressed=true]:focus-visible .kite-chip__indicator,
.kite-chip[aria-pressed=true]:focus-visible .kite-chip__dismiss, .kite-chip--selected.kite-focus-visible .kite-chip__indicator,
.kite-chip--selected.kite-focus-visible .kite-chip__dismiss, .kite-chip--selected:focus-visible .kite-chip__indicator,
.kite-chip--selected:focus-visible .kite-chip__dismiss, .kite-chip--selected .kite-chip__indicator,
.kite-chip--selected .kite-chip__dismiss {
  display: block;
  position: relative;
}
.kite-chip[aria-pressed=true] .kite-chip__indicator .kite-icon,
.kite-chip[aria-pressed=true] .kite-chip__dismiss .kite-icon, .kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__indicator .kite-icon,
.kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__dismiss .kite-icon, .kite-chip[aria-pressed=true]:focus-visible .kite-chip__indicator .kite-icon,
.kite-chip[aria-pressed=true]:focus-visible .kite-chip__dismiss .kite-icon, .kite-chip--selected.kite-focus-visible .kite-chip__indicator .kite-icon,
.kite-chip--selected.kite-focus-visible .kite-chip__dismiss .kite-icon, .kite-chip--selected:focus-visible .kite-chip__indicator .kite-icon,
.kite-chip--selected:focus-visible .kite-chip__dismiss .kite-icon, .kite-chip--selected .kite-chip__indicator .kite-icon,
.kite-chip--selected .kite-chip__dismiss .kite-icon {
  --color: var(--selected-text-color);
}
.kite-chip[aria-pressed=true] .kite-chip__text, .kite-chip[aria-pressed=true].kite-focus-visible .kite-chip__text, .kite-chip[aria-pressed=true]:focus-visible .kite-chip__text, .kite-chip--selected.kite-focus-visible .kite-chip__text, .kite-chip--selected:focus-visible .kite-chip__text, .kite-chip--selected .kite-chip__text {
  color: var(--selected-text-color);
  margin: 0;
}
.kite-chip.kite-hover .kite-chip__background, .kite-chip:hover .kite-chip__background {
  background: var(--hover-background-color);
}
.kite-chip.kite-hover .kite-chip__text, .kite-chip:hover .kite-chip__text {
  color: var(--text-color);
}
.kite-chip.kite-hover .kite-chip__indicator .kite-icon,
.kite-chip.kite-hover .kite-chip__dismiss .kite-icon, .kite-chip:hover .kite-chip__indicator .kite-icon,
.kite-chip:hover .kite-chip__dismiss .kite-icon {
  --color: var(--text-color);
}
.kite-chip.kite-focus-visible, .kite-chip:focus-visible {
  outline: 0;
}
.kite-chip.kite-focus-visible .kite-chip__background, .kite-chip:focus-visible .kite-chip__background {
  background: var(--focus-background-color);
}
.kite-chip.kite-focus-visible .kite-chip__text, .kite-chip:focus-visible .kite-chip__text {
  color: var(--text-color);
}
.kite-chip.kite-focus-visible .kite-chip__indicator .kite-icon,
.kite-chip.kite-focus-visible .kite-chip__dismiss .kite-icon, .kite-chip:focus-visible .kite-chip__indicator .kite-icon,
.kite-chip:focus-visible .kite-chip__dismiss .kite-icon {
  --color: var(--text-color);
}
.kite-chip.kite-focus-visible::after, .kite-chip:focus-visible::after {
  border: var(--kite-chip-focus-ring-width) var(--kite-chip-focus-ring-style) var(--focus-ring-color);
  border-radius: var(--kite-chip-border-radius);
  content: "";
  position: absolute;
  top: calc(-1 * var(--kite-chip-focus-ring-offset));
  left: calc(-1 * var(--kite-chip-focus-ring-offset));
  width: calc(100% + 2 * var(--kite-chip-focus-ring-offset));
  height: calc(100% + 2 * var(--kite-chip-focus-ring-offset));
}
.kite-chip .kite-chip__input:focus-visible ~ .kite-chip__background {
  background: var(--focus-background-color);
}
.kite-chip .kite-chip__input:focus-visible ~ .kite-chip__text {
  color: var(--text-color);
}
.kite-chip .kite-chip__input:focus-visible ~ .kite-chip__indicator .kite-icon {
  --color: var(--text-color);
}
.kite-chip .kite-chip__input:focus-visible ~ .kite-chip__focus-ring {
  border: var(--kite-chip-focus-ring-width) var(--kite-chip-focus-ring-style) var(--focus-ring-color);
  border-radius: var(--kite-chip-border-radius);
  outline: 0;
  position: absolute;
  top: calc(-1 * (var(--kite-chip-focus-ring-offset)));
  left: calc(-1 * (var(--kite-chip-focus-ring-offset)));
  width: calc(100% + 2 * (var(--kite-chip-focus-ring-offset)));
  height: calc(100% + 2 * (var(--kite-chip-focus-ring-offset)));
}
.kite-chip--selected input:focus-visible ~ .kite-chip__background {
  background: var(--selected-background-color);
}
.kite-chip--selected input:focus-visible ~ .kite-chip__text {
  color: var(--selected-text-color);
  margin: 0;
}
.kite-chip--selected input:focus-visible ~ .kite-chip__indicator .kite-icon {
  --color: var(--selected-text-color);
}
.kite-chip.kite-disabled, .kite-chip:disabled {
  cursor: var(--kite-chip-disabled-cursor);
}
.kite-chip.kite-disabled .kite-chip__background, .kite-chip:disabled .kite-chip__background {
  background-color: var(--disabled-background-color);
  border-color: var(--disabled-border-color);
}
.kite-chip.kite-disabled .kite-chip__text, .kite-chip:disabled .kite-chip__text {
  color: var(--disabled-color);
}
.kite-chip.kite-disabled .kite-icon, .kite-chip:disabled .kite-icon {
  --color: var(--disabled-color);
}
.kite-chip.kite-disabled.kite-chip--selected, .kite-chip[aria-pressed=true]:disabled {
  background: var(--selected-disabled-background-color);
  color: var(--selected-disabled-color);
}
.kite-chip.kite-disabled.kite-chip--selected .kite-chip__background, .kite-chip[aria-pressed=true]:disabled .kite-chip__background {
  background: var(--selected-disabled-background-color);
}
.kite-chip.kite-disabled.kite-chip--selected .kite-chip__text, .kite-chip[aria-pressed=true]:disabled .kite-chip__text {
  color: var(--selected-disabled-color);
}
.kite-chip.kite-disabled.kite-chip--selected .kite-chip__indicator .kite-icon,
.kite-chip.kite-disabled.kite-chip--selected .kite-chip__dismiss .kite-icon, .kite-chip[aria-pressed=true]:disabled .kite-chip__indicator .kite-icon,
.kite-chip[aria-pressed=true]:disabled .kite-chip__dismiss .kite-icon {
  --color: var(--selected-disabled-color);
}
.kite-chip--wrap {
  height: auto;
}
.kite-chip--wrap .kite-chip__text {
  width: fit-content;
}

.kite-chip-group--scroll {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  overflow: auto;
}
.kite-chip-group--scroll .kite-chip-group__list {
  flex-wrap: nowrap;
}
.kite-chip-group--scroll legend {
  margin-bottom: calc(var(--kite-chip-legend-margin-bottom) - var(--kite-chip-focus-ring-offset) + var(--kite-chip-focus-ring-width));
}

ul.kite-chip-group__list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: var(--kite-chip-focus-ring-offset);
}
ul.kite-chip-group__list > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.kite-chip-group__list {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
}

.kite-chip {
  margin-top: calc(var(--kite-chip-focus-ring-offset) + var(--kite-chip-focus-ring-width) + var(--kite-chip-margin-top) * 1rem);
}

.kite-chip-group--wrap .kite-chip {
  height: var(--kite-chip-multiline-height);
}
.kite-chip-group--wrap .kite-chip__text {
  width: fit-content;
}

.kite-combobox {
  --trigger-border-width: var(--kite-combobox-border-width);
  --trigger-border-style: var(--kite-combobox-border-style);
  --trigger-border-color: var(--kite-combobox-border-color);
}

.kite-combobox {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-combobox {
    max-width: var(--kite-combobox-max-width);
  }
}
.kite-combobox__label-group {
  margin-bottom: var(--kite-combobox-label-margin-bottom);
}
.kite-combobox__label {
  color: var(--kite-combobox-label-text-color);
  display: inline-block;
  font-weight: var(--kite-combobox-label-text-weight);
}
.kite-combobox__helper-text {
  display: block;
  color: var(--kite-combobox-helper-text-color);
  font-size: var(--kite-combobox-helper-text-size);
  line-height: var(--kite-combobox-helper-text-line-height);
}
.kite-combobox__trigger {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  background-color: var(--kite-combobox-background-color);
  border: var(--trigger-border-width) var(--trigger-border-style) var(--trigger-border-color);
  border-radius: var(--kite-combobox-border-radius);
  color: var(--kite-combobox-text-color);
  cursor: var(--kite-combobox-cursor);
  display: flex;
  justify-content: space-between;
  line-height: var(--kite-combobox-text-line-height);
  margin: var(--kite-combobox-margin-top) var(--kite-combobox-margin-right) var(--kite-combobox-margin-bottom) var(--kite-combobox-margin-left);
  width: 100%;
  padding: calc(var(--kite-combobox-padding-top) - var(--trigger-border-width)) calc(var(--kite-combobox-padding-right) - var(--trigger-border-width)) calc(var(--kite-combobox-padding-bottom) - var(--trigger-border-width)) calc(var(--kite-combobox-padding-left) - var(--trigger-border-width));
  text-align: left;
  height: var(--kite-combobox-height);
}
.kite-combobox__trigger .kite-icon {
  --color: var(--kite-combobox-text-color);
  flex-shrink: 0;
  margin-right: var(--kite-combobox-icon-margin-right);
  margin-left: var(--kite-combobox-icon-margin-left);
}
.kite-combobox__trigger.kite-focus-visible, .kite-combobox__trigger:focus-visible {
  outline: var(--kite-combobox-focus-ring-width) var(--kite-combobox-focus-ring-style) var(--kite-combobox-focus-ring-color);
  outline-offset: var(--kite-combobox-focus-ring-offset);
}
.kite-combobox__trigger:disabled, .kite-combobox__trigger[aria-disabled=true] {
  --trigger-border-color: var(--kite-combobox-disabled-border-color);
  background-color: var(--kite-combobox-disabled-background-color);
  color: var(--kite-combobox-disabled-text-color);
  cursor: var(--kite-combobox-disabled-cursor);
}
.kite-combobox__trigger:disabled .kite-icon, .kite-combobox__trigger[aria-disabled=true] .kite-icon {
  --color: var(--kite-combobox-disabled-icon-color);
}
.kite-combobox__trigger:not([disabled]):hover, .kite-combobox__trigger.kite-hover:not([disabled]) {
  --trigger-border-width: var(--kite-combobox-hover-border-width);
}
.kite-combobox__value {
  display: flex;
  text-align: left;
  overflow: hidden;
}
.kite-combobox__value--placeholder {
  color: var(--kite-combobox-placeholder-text-color);
  font-style: var(--kite-combobox-placeholder-text-style);
}
.kite-combobox__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--kite-combobox-placeholder-margin-right);
}
.kite-combobox__overflow-label {
  font-weight: var(--kite-combobox-overflow-label-text-weight);
}
.kite-combobox__feedback {
  margin-top: var(--kite-combobox-feedback-margin-top);
  display: block;
  color: var(--kite-combobox-error-feedback-text-color);
}
.kite-combobox .kite-picker__list {
  --max-item-count: 5;
}
.kite-combobox .kite-picker__action {
  align-items: flex-start;
  padding-left: var(--kite-combobox-picker-list-item-padding-left);
}
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check .kite-checkbox__indicator, .kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check .kite-checkbox__indicator {
  cursor: var(--kite-combobox-disabled-cursor);
  border-color: var(--kite-checkbox-selected-disabled-background-color);
}
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check--mixed .kite-checkbox__indicator,
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check--selected .kite-checkbox__indicator, .kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check--mixed .kite-checkbox__indicator,
.kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check--selected .kite-checkbox__indicator {
  background-color: var(--kite-checkbox-selected-disabled-background-color);
}
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check--mixed .kite-checkbox__indicator .kite-checkbox__checked-icon,
.kite-combobox .kite-picker__action:disabled .kite-picker__action-check--selected .kite-checkbox__indicator .kite-checkbox__checked-icon, .kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check--mixed .kite-checkbox__indicator .kite-checkbox__checked-icon,
.kite-combobox .kite-picker__action[aria-disabled=true] .kite-picker__action-check--selected .kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--kite-checkbox-disabled-icon-color);
}
.kite-combobox .kite-picker__action-check .kite-checkbox {
  margin: 0;
}
.kite-combobox .kite-picker__action-check .kite-checkbox .kite-icon {
  --size: 100%;
  margin: 0;
}
.kite-combobox .kite-picker__action-check .kite-checkbox__indicator {
  transition: none;
}
.kite-combobox .kite-picker__action-check--mixed .kite-checkbox__indicator {
  background-color: var(--kite-checkbox-selected-background-color);
  border-color: var(--kite-checkbox-selected-background-color);
}
.kite-combobox .kite-picker__action-check--mixed .kite-checkbox__indicator .kite-checkbox__checked-icon {
  display: none;
}
.kite-combobox .kite-picker__action-check--mixed .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  --color: var(--kite-checkbox-selected-icon-color);
}
.kite-combobox .kite-picker__action-check--selected .kite-checkbox__indicator {
  background-color: var(--kite-checkbox-selected-background-color);
  border-color: var(--kite-checkbox-selected-background-color);
}
.kite-combobox .kite-picker__action-check--selected .kite-checkbox__indicator .kite-checkbox__checked-icon {
  --color: var(--kite-checkbox-selected-icon-color);
}
.kite-combobox .kite-picker__action-check--selected .kite-checkbox__indicator .kite-checkbox__mixed-icon {
  display: none;
}
.kite-combobox .kite-picker__results {
  color: var(--kite-combobox-picker-results-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: var(--kite-combobox-picker-results-padding-top);
  padding-bottom: var(--kite-combobox-picker-results-padding-bottom);
}
.kite-combobox .kite-picker__results .kite-progress {
  position: relative;
}
.kite-combobox .kite-search-input__input:has(~ .kite-search-input__input-addon--clear) {
  padding-right: calc(var(--kite-combobox-icon-margin-right) + var(--input-addon-total-width) - var(--input-border-width));
}
.kite-combobox .kite-search-input__input--focus-visible ~ .kite-search-input__appearance, .kite-combobox .kite-search-input__input.kite-focus-visible ~ .kite-search-input__appearance, .kite-combobox .kite-search-input__input:focus-visible:not(.kite-search-input__input--listbox-focused) ~ .kite-search-input__appearance {
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
}
.kite-combobox .kite-search-input__input-addon--clear .kite-icon {
  margin-right: var(--kite-combobox-icon-margin-right);
}
.kite-combobox .kite-search-input__appearance {
  border-radius: var(--kite-form-control-picker-border-radius) var(--kite-form-control-picker-border-radius) 0 0;
  border: none;
  border-bottom: var(--kite-form-control-picker-list-item-border-width) var(--kite-form-control-picker-list-item-border-style) var(--kite-form-control-picker-list-item-border-color);
}
.kite-combobox--open .kite-combobox__trigger .kite-icon {
  transform: rotate(-180deg);
}
.kite-combobox--disabled .kite-combobox__trigger, .kite-combobox--readonly .kite-combobox__trigger {
  --trigger-border-color: var(--kite-combobox-disabled-border-color);
  outline-color: var(--kite-combobox-disabled-border-color);
}
.kite-combobox--disabled .kite-combobox__trigger .kite-icon, .kite-combobox--readonly .kite-combobox__trigger .kite-icon {
  --color: var(--kite-combobox-disabled-icon-color);
}
.kite-combobox--disabled .kite-search-input, .kite-combobox--readonly .kite-search-input {
  display: none;
}
.kite-combobox--disabled .kite-picker__list, .kite-combobox--readonly .kite-picker__list {
  cursor: var(--kite-combobox-disabled-cursor);
}
.kite-combobox--disabled .kite-combobox__label,
.kite-combobox--disabled .kite-combobox__value,
.kite-combobox--disabled .kite-picker__action, .kite-combobox--readonly .kite-combobox__label,
.kite-combobox--readonly .kite-combobox__value,
.kite-combobox--readonly .kite-picker__action {
  color: var(--kite-combobox-disabled-text-color);
}
.kite-combobox--disabled .kite-combobox__helper-text, .kite-combobox--readonly .kite-combobox__helper-text {
  color: var(--kite-combobox-disabled-helper-text-color);
}
.kite-combobox--error .kite-combobox__trigger {
  --trigger-border-color: var(--kite-combobox-error-border-color);
  --trigger-border-width: var(--kite-combobox-error-border-width);
}
.kite-combobox--single-select .kite-picker__action {
  padding-left: var(--kite-form-control-picker-list-item-padding-left);
}

.kite-picker {
  position: relative;
}
.kite-picker--list .kite-picker__content {
  padding: 0;
}
.kite-picker--open.kite-picker--overlay,
.kite-picker--open .kite-picker__content {
  opacity: 1;
  visibility: visible;
}
.kite-picker--overlay {
  /** Positioning props **/
  --translateX: 0;
  --label-height: calc(var(--kite-form-control-label-text-line-height) * var(--kite-form-control-label-text-size));
  --translateY: calc(var(--label-height) + var(--kite-form-control-label-margin-bottom) + var(--kite-form-control-height) + var(--kite-form-control-picker-offset));
  /** @prop --picker-trigger-width: Represents the width of a picker's trigger element. May require dynamic calculation */
  --picker-trigger-width: 0;
  /** @prop --picker-trigger-height: Represents the height of a picker's trigger element. May require dynamic calculation */
  --picker-trigger-height: 0;
  /** Positioning styles **/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(var(--translateX), var(--translateY));
  z-index: var(--kite-form-control-picker-zindex);
  visibility: hidden;
  opacity: 0;
  /** Positioning variants **/
}
.kite-picker--overlay.kite-picker--top {
  --translateY: calc(-100% - var(--picker-trigger-height) - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--bottom {
  --translateY: var(--kite-form-control-picker-offset);
}
.kite-picker--overlay.kite-picker--right {
  --translateX: calc(var(--picker-trigger-width) + var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--left {
  --translateX: calc(-100% - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--top, .kite-picker--overlay.kite-picker--bottom {
  --translateX: calc(-50% + (var(--picker-trigger-width) / 2));
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-start, .kite-picker--overlay.kite-picker--bottom.kite-picker--align-start {
  --translateX: 0;
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-end, .kite-picker--overlay.kite-picker--bottom.kite-picker--align-end {
  --translateX: calc(-100% + var(--picker-trigger-width));
}
.kite-picker--overlay.kite-picker--right, .kite-picker--overlay.kite-picker--left {
  --translateY: -50%;
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-start, .kite-picker--overlay.kite-picker--left.kite-picker--align-start {
  --translateY: calc(-1 * var(--picker-trigger-height));
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-end, .kite-picker--overlay.kite-picker--left.kite-picker--align-end {
  --translateY: -100%;
}
.kite-picker__content {
  background-color: var(--kite-form-control-picker-background-color);
  border: var(--kite-form-control-picker-border-width) var(--kite-form-control-picker-border-style) var(--kite-form-control-picker-border-color);
  border-radius: var(--kite-form-control-picker-border-radius);
  box-shadow: var(--kite-form-control-picker-elevation);
  display: block;
  padding: var(--kite-form-control-picker-padding-top) var(--kite-form-control-picker-padding-right) var(--kite-form-control-picker-padding-bottom) var(--kite-form-control-picker-padding-left);
  opacity: 0;
  visibility: hidden;
  min-width: var(--kite-form-control-picker-min-width);
  width: 100%;
}
.kite-picker__list {
  cursor: var(--kite-form-control-picker-cursor);
  list-style-type: none;
  margin: 0;
  padding: 0;
  --max-item-count: ;
  --picker-list-item-height: calc(((var(--kite-form-control-picker-list-item-line-height) * 1rem) + var(--kite-form-control-picker-list-item-padding-top) + var(--kite-form-control-picker-list-item-padding-bottom) + var(--kite-form-control-picker-list-item-border-width)));
  --picker-list-max-height: calc(var(--picker-list-item-height) * var(--max-item-count));
  max-height: calc(var(--picker-list-max-height) + 0.5 * var(--picker-list-item-height));
  overflow-y: auto;
}
.kite-picker__item {
  margin: 0;
  padding: 0;
  min-width: 100%;
  max-width: var(--kite-form-control-picker-list-item-max-width);
}
.kite-picker__item:not(:last-child) .kite-picker__action {
  border-bottom: var(--kite-form-control-picker-list-item-border-width) var(--kite-form-control-picker-list-item-border-style) var(--kite-form-control-picker-list-item-border-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action, .kite-picker__item.kite-picker__item--negative a.kite-picker__action {
  color: var(--kite-form-control-picker-list-item-negative-text-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action .kite-icon, .kite-picker__item.kite-picker__item--negative a.kite-picker__action .kite-icon {
  --color: var(--kite-form-control-picker-list-item-negative-icon-color);
}
.kite-picker a.kite-picker__action, .kite-picker__action {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--kite-form-control-picker-list-item-text-color);
  cursor: var(--kite-form-control-picker-cursor);
  display: inline-flex;
  font-size: var(--kite-form-control-picker-list-item-text-size);
  line-height: var(--kite-form-control-picker-list-item-line-height);
  padding: var(--kite-form-control-picker-list-item-padding-top) var(--kite-form-control-picker-list-item-padding-right) var(--kite-form-control-picker-list-item-padding-bottom) var(--kite-form-control-picker-list-item-padding-left);
  text-align: left;
  text-decoration: unset;
  width: 100%;
}
.kite-picker a.kite-picker__action:focus-visible, .kite-picker a.kite-picker__action.kite-focus-visible, .kite-picker__action:focus-visible, .kite-picker__action.kite-focus-visible {
  outline: var(--kite-form-control-picker-list-item-focus-ring-width) var(--kite-form-control-picker-list-item-focus-ring-style) var(--kite-form-control-picker-list-item-focus-ring-color);
  outline-offset: var(--kite-form-control-picker-list-item-focus-ring-offset);
}
.kite-picker a.kite-picker__action-icon, .kite-picker__action-icon {
  display: inline;
}
.kite-picker a.kite-picker__action-icon .kite-icon, .kite-picker__action-icon .kite-icon {
  --size: var(--kite-form-control-picker-list-item-icon-width);
  margin-right: var(--kite-form-control-picker-list-item-icon-margin-right);
  vertical-align: text-bottom;
}
.kite-picker a.kite-picker__action-check .kite-icon, .kite-picker__action-check .kite-icon {
  --color: none;
  --size: var(--kite-form-control-picker-list-item-check-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-form-control-picker-list-item-check-icon-margin-right);
  margin-left: var(--kite-form-control-picker-list-item-check-icon-margin-left);
  vertical-align: text-bottom;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg, .kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg {
    fill: none;
  }
}
.kite-picker a.kite-picker__action-check--selected .kite-icon, .kite-picker__action-check--selected .kite-icon {
  --color: var(--kite-form-control-picker-list-item-check-icon-color);
}
.kite-picker a.kite-picker__action--hover, .kite-picker a.kite-picker__action.kite-hover, .kite-picker a.kite-picker__action:hover, .kite-picker__action--hover, .kite-picker__action.kite-hover, .kite-picker__action:hover {
  background-color: var(--kite-form-control-picker-list-item-hover-background-color);
  text-decoration: unset;
}
.kite-picker a.kite-picker__action[aria-selected=true], .kite-picker a.kite-picker__action[aria-checked=true], .kite-picker a.kite-picker__action[aria-current], .kite-picker__action[aria-selected=true], .kite-picker__action[aria-checked=true], .kite-picker__action[aria-current] {
  font-weight: var(--kite-form-control-picker-list-item-selected-text-weight);
}
.kite-picker a.kite-picker__action:disabled, .kite-picker a.kite-picker__action[aria-disabled=true], .kite-picker__action:disabled, .kite-picker__action[aria-disabled=true] {
  color: var(--kite-form-control-picker-list-item-disabled-text-color);
  cursor: var(--kite-form-control-picker-list-item-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action:disabled, .kite-picker a.kite-picker__action[aria-disabled=true], .kite-picker__action:disabled, .kite-picker__action[aria-disabled=true] {
    color: GrayText;
  }
}
.kite-picker a.kite-picker__action:disabled:hover, .kite-picker a.kite-picker__action[aria-disabled=true]:hover, .kite-picker__action:disabled:hover, .kite-picker__action[aria-disabled=true]:hover {
  background-color: transparent;
}
.kite-picker__backdrop {
  background-color: var(--kite-form-control-picker-backdrop-background-color);
  opacity: var(--kite-form-control-picker-backdrop-opacity);
  pointer-events: auto;
  touch-action: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--kite-form-control-picker-backdrop-zindex);
}
.kite-picker__backdrop--hidden {
  opacity: 0;
  visibility: hidden;
}

.kite-search-input {
  --input-border-color: var(--kite-search-input-border-color);
  --input-border-style: var(--kite-search-input-border-style);
  --input-border-width: var(--kite-search-input-border-width);
  --input-addon-total-width: calc(var(--kite-search-input-addon-padding-left) + var(--kite-search-input-addon-icon-width) + var(--kite-search-input-addon-padding-right));
}
.kite-search-input:has(.kite-search-input__input-group.kite-hover .kite-search-input__input:not([disabled]), .kite-search-input__input-group:hover .kite-search-input__input:not([disabled])) {
  --input-border-width: var(--kite-search-input-hover-border-width);
}
.kite-search-input:has(.kite-search-input__input--focus-visible), .kite-search-input:has(.kite-search-input__input.kite-focus-visible, .kite-search-input__input:focus-visible) {
  --input-border-width: var(--kite-search-input-focus-ring-width);
  --input-border-color: var(--kite-search-input-focus-ring-style);
  --input-border-style: var(--kite-search-input-focus-ring-color);
}
.kite-search-input--disabled {
  --input-border-color: var(--kite-search-input-disabled-border-color);
  --input-border-width: var(--kite-search-input-border-width);
}
.kite-search-input--error {
  --input-border-color: var(--kite-search-input-error-border-color);
  --input-border-width: var(--kite-search-input-error-border-width);
}

.kite-search-input {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 30rem) {
  .kite-search-input {
    max-width: var(--kite-search-input-max-width);
  }
}
.kite-search-input__label {
  color: var(--kite-search-input-label-text-color);
  display: block;
  margin-bottom: var(--kite-search-input-label-margin-bottom);
}
.kite-search-input__input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: var(--kite-search-input-height);
}
@media only screen and (min-width: 30rem) {
  .kite-search-input__input-group {
    max-width: var(--kite-search-input-max-width);
  }
}
.kite-search-input__input-addon {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding-top: var(--kite-search-input-addon-padding-top, var(--kite-form-control-addon-padding-top));
  padding-right: var(--kite-search-input-addon-padding-right, var(--kite-form-control-addon-padding-right));
  padding-bottom: var(--kite-search-input-addon-padding-bottom, var(--kite-form-control-addon-padding-bottom));
  padding-left: var(--kite-search-input-addon-padding-left, var(--kite-form-control-addon-padding-left));
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.kite-search-input__input-addon:first-child {
  right: auto;
  left: 0;
}
.kite-search-input__input-addon .kite-icon {
  --color: var(--kite-search-input-addon-icon-color, var(--kite-form-control-addon-icon-color));
  --size: var(--kite-search-input-addon-icon-width, var(--kite-form-control-addon-icon-width));
}
.kite-search-input__input-addon--button {
  cursor: var(--kite-cursor-action);
  text-decoration: none;
  user-select: none;
}
.kite-search-input__input-addon--button:focus-visible {
  outline-offset: var(--kite-search-input-addon-focus-ring-offset, var(--kite-form-control-addon-focus-ring-offset));
}
.kite-search-input__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--kite-search-input-text-color);
  line-height: var(--kite-search-input-text-line-height);
  outline: none;
  padding-top: calc(var(--kite-search-input-padding-top) - var(--input-border-width));
  padding-right: calc(var(--kite-search-input-padding-right) - var(--input-border-width));
  padding-bottom: calc(var(--kite-search-input-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--input-addon-total-width) - var(--input-border-width));
  position: absolute;
  top: var(--input-border-width);
  left: var(--input-border-width);
  width: calc(100% - var(--input-border-width) * 2);
  height: calc(var(--kite-search-input-height) * var(--input-border-width) * 2);
  z-index: 1;
}
.kite-search-input__input:has(~ .kite-search-input__input-addon) {
  padding-right: calc(var(--input-addon-total-width) - var(--input-border-width));
}
.kite-search-input__input::placeholder {
  color: var(--kite-search-input-placeholder-text-color);
  font-style: var(--kite-search-input-placeholder-text-style);
}
.kite-search-input__input:disabled::placeholder {
  color: var(--kite-search-input-disabled-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-search-input__input:disabled ~ .kite-search-input__appearance {
    border-color: GrayText;
  }
}
.kite-search-input__input::-webkit-search-cancel-button {
  display: none;
}
.kite-search-input__input--focus-visible, .kite-search-input__input.kite-focus-visible, .kite-search-input__input:focus-visible:not(.kite-search-input__input--listbox-focused) {
  outline: none;
}
.kite-search-input__appearance {
  background-color: var(--kite-search-input-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-search-input-border-radius);
  color: var(--kite-search-input-text-color);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.kite-search-input--disabled .kite-search-input__label {
  color: var(--kite-search-input-disabled-label-text-color);
}
.kite-search-input--disabled .kite-search-input__input {
  color: var(--kite-search-input-disabled-text-color);
  cursor: var(--kite-search-input-disabled-cursor);
}
.kite-search-input--disabled .kite-search-input__input-addon {
  cursor: var(--kite-search-input-disabled-cursor, var(--kite-form-control-disabled-cursor));
}
.kite-search-input--disabled .kite-search-input__input-addon .kite-icon {
  --color: var(--kite-search-input-disabled-text-color, var(--kite-form-control-disabled-text-color));
}

.kite-combobox {
  --trigger-border-width: var(--kite-combobox-border-width);
  --trigger-border-style: var(--kite-combobox-border-style);
  --trigger-border-color: var(--kite-combobox-border-color);
}
.kite-combobox__trigger {
  border: var(--trigger-border-width) var(--trigger-border-style) var(--trigger-border-color);
}
.kite-combobox__trigger:hover {
  --trigger-border-width: var(--kite-combobox-hover-border-width);
}
.kite-combobox--trigger__wrap {
  display: block;
  position: relative;
}
.kite-combobox--trigger__ios-input {
  all: unset;
  border: var(--trigger-border-width) var(--trigger-border-style) var(--trigger-border-color);
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.kite-combobox--trigger__ios-input:hover {
  --trigger-border-width: var(--kite-combobox-hover-border-width);
}

/**
 Combobox virtualization shame
 */
.rk-picker__list--virtualization.kite-picker__list {
  position: relative;
}
.rk-picker__list--virtualization.kite-picker__list .kite-picker__action-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.kite-data-table {
  /** @prop --cell-padding: table cell padding size */
  --cell-padding-top: var(--kite-data-table-padding-top);
  --cell-padding-right: var(--kite-data-table-padding-right);
  --cell-padding-bottom: var(--kite-data-table-padding-bottom);
  --cell-padding-left: var(--kite-data-table-padding-left);
  /** @prop --text-color: table content text color */
  --text-color: var(--kite-data-table-text-color);
  /** @prop --header-color: table title text color */
  --header-color: var(--kite-data-table-header-text-color);
  /** @prop --background-color: table background color */
  --background-color: var(--kite-data-table-background-color);
  --cell-focus-ring-color: var(--kite-data-table-cell-focus-ring-color);
  --row-focus-ring-color: var(--kite-data-table-row-focus-ring-color);
  --header-border-bottom-color: var(--kite-data-table-header-border-bottom-color);
  --row-border-color: var(--kite-data-table-row-border-color);
  --cell-border-color: var(--kite-data-table-cell-border-color);
  /** @prop --stripped-background: zebra striped table row default background color and row background color for inverse striped table*/
  --striped-background: var(--kite-data-table-striped-row-background-color);
  /** @prop --stripped-inverse-background: zebra striped table stripe row background color and default background for inverse striped table */
  --striped-inverse-background: var(--kite-data-table-striped-inverse-row-background-color);
  --hover-background: var(--kite-data-table-row-hover-background-color);
  --scroll-shadow: var(--kite-data-table-scroll-shadow);
  --data-table-sticky-header-top: 0;
}
@media only screen and (min-width: 37.5rem) {
  .kite-data-table {
    --cell-padding-right: var(--kite-data-table-breakpoint-md-padding-right);
    --cell-padding-left: var(--kite-data-table-breakpoint-md-padding-left);
  }
}
.kite-data-table--compact {
  --cell-padding-top: var(--kite-data-table-compact-cell-padding-top);
  --cell-padding-right: var(--kite-data-table-compact-cell-padding-right);
  --cell-padding-bottom: var(--kite-data-table-compact-cell-padding-bottom);
  --cell-padding-left: var(--kite-data-table-compact-cell-padding-left);
}
.kite-data-table--comfortable {
  --cell-padding-top: var(--kite-data-table-cell-comfortable-padding-top);
  --cell-padding-right: var(--kite-data-table-cell-comfortable-padding-right);
  --cell-padding-bottom: var(--kite-data-table-cell-comfortable-padding-bottom);
  --cell-padding-left: var(--kite-data-table-cell-comfortable-padding-left);
}

.kite-data-table {
  color: var(--text-color);
  font-size: var(--kite-data-table-text-size);
  line-height: var(--kite-data-table-text-line-height);
  position: relative;
}
@media only screen and (min-width: 37.5rem) {
  .kite-data-table {
    font-size: var(--kite-data-table-breakpoint-md-text-size);
    line-height: var(--kite-data-table-breakpoint-md-text-line-height);
  }
}
.kite-data-table--last-col-right tr th:last-child,
.kite-data-table--last-col-right tr td:last-child {
  --kite-data-table-header-text-align: right;
  --kite-data-table-cell-text-align: right;
}
.kite-data-table--last-col-right tr th:last-child .kite-data-table__header-action,
.kite-data-table--last-col-right tr td:last-child .kite-data-table__header-action {
  justify-content: flex-end;
}
.kite-data-table--scroll {
  display: flex;
  flex-wrap: nowrap;
}
.kite-data-table--scroll .kite-data-table__scroll-wrap {
  overflow-x: scroll;
  flex-grow: 1;
}
.kite-data-table--scroll .kite-data-table__shadow {
  box-shadow: var(--scroll-shadow);
  margin-left: calc(-1 * var(--kite-data-table-scroll-shadow-width));
  width: var(--kite-data-table-scroll-shadow-width);
}
.kite-data-table--sticky-col-start .kite-data-table__scroll-wrap, .kite-data-table--sticky-col-end .kite-data-table__scroll-wrap {
  overflow-x: scroll;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-start.kite-data-table table, .kite-data-table--sticky-col-end.kite-data-table table {
    border-collapse: separate;
    border-spacing: 0;
  }
}
.kite-data-table--sticky-col-start th:first-of-type,
.kite-data-table--sticky-col-start td:first-of-type {
  position: sticky;
  left: 0;
  z-index: var(--kite-zindex-sticky);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-start th:first-of-type,
  .kite-data-table--sticky-col-start td:first-of-type {
    border-right: 1px solid transparent;
  }
}
.kite-data-table--sticky-col-start.kite-data-table--sticky-shadow th:first-of-type,
.kite-data-table--sticky-col-start.kite-data-table--sticky-shadow td:first-of-type {
  background: linear-gradient(to left, transparent, var(--kite-data-table-sticky-shadow-color) var(--kite-data-table-scroll-shadow-width), var(--kite-data-table-sticky-column-background-color) var(--kite-data-table-scroll-shadow-width), var(--kite-data-table-sticky-column-background-color));
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-start.kite-data-table--sticky-shadow th:first-of-type,
  .kite-data-table--sticky-col-start.kite-data-table--sticky-shadow td:first-of-type {
    background-color: Canvas;
  }
}
.kite-data-table--sticky-col-end th:last-of-type,
.kite-data-table--sticky-col-end td:last-of-type {
  position: sticky;
  right: 0;
  z-index: var(--kite-zindex-sticky);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-end th:last-of-type,
  .kite-data-table--sticky-col-end td:last-of-type {
    border-left: 1px solid transparent;
  }
}
.kite-data-table--sticky-col-end.kite-data-table--sticky-shadow th:last-of-type,
.kite-data-table--sticky-col-end.kite-data-table--sticky-shadow td:last-of-type {
  background: linear-gradient(to right, transparent, var(--kite-data-table-sticky-shadow-color) var(--kite-data-table-scroll-shadow-width), var(--kite-data-table-sticky-column-background-color) var(--kite-data-table-scroll-shadow-width), var(--kite-data-table-sticky-column-background-color));
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-col-end.kite-data-table--sticky-shadow th:last-of-type,
  .kite-data-table--sticky-col-end.kite-data-table--sticky-shadow td:last-of-type {
    background-color: Canvas;
  }
}
.kite-data-table table {
  background-color: var(--background-color);
  border-collapse: collapse;
  table-layout: auto;
  width: 100%;
}
.kite-data-table th {
  border-bottom: var(--kite-data-table-header-border-bottom-width) var(--kite-data-table-header-border-bottom-style) var(--header-border-bottom-color);
}
.kite-data-table th,
.kite-data-table th a,
.kite-data-table th span,
.kite-data-table th button {
  color: var(--header-color);
  font-weight: var(--kite-data-table-header-text-weight);
  text-align: var(--kite-data-table-header-text-align);
}
.kite-data-table tbody tr {
  background-color: var(--kite-data-table-row-background-color);
}
.kite-data-table tbody tr.kite-hover, .kite-data-table tbody tr:hover {
  --kite-data-table-row-background-color: var(--hover-background);
  --kite-data-table-sticky-column-background-color: var(--hover-background);
}
.kite-data-table tr.kite-focus-visible, .kite-data-table tr:focus-visible {
  outline: var(--kite-data-table-row-focus-ring-width) var(--kite-data-table-row-focus-ring-style) var(--row-focus-ring-color);
  outline-offset: calc(-1 * var(--kite-data-table-cell-focus-ring-width));
}
.kite-data-table tr:last-child td {
  border-bottom: var(--kite-data-table-row-border-width) var(--kite-data-table-row-border-style) var(--row-border-color);
}
.kite-data-table td {
  text-align: var(--kite-data-table-cell-text-align);
}
.kite-data-table th,
.kite-data-table td {
  padding: var(--cell-padding-top) var(--cell-padding-right) var(--cell-padding-bottom) var(--cell-padding-left);
}
.kite-data-table th.kite-focus-visible, .kite-data-table th:focus-visible,
.kite-data-table td.kite-focus-visible,
.kite-data-table td:focus-visible {
  outline: var(--kite-data-table-cell-focus-ring-width) var(--kite-data-table-cell-focus-ring-style) var(--cell-focus-ring-color);
  outline-offset: calc(-1 * var(--kite-data-table-cell-focus-ring-width));
}
.kite-data-table__header--actionable.kite-data-table__header--actionable {
  padding: 0;
}
.kite-data-table__header--actionable.kite-data-table__header--actionable.kite-hover, .kite-data-table__header--actionable.kite-data-table__header--actionable:hover {
  background-color: var(--hover-background);
  --kite-data-table-sticky-column-background-color: var(--hover-background);
  cursor: pointer;
}
.kite-data-table__header-action {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: var(--cell-padding-top) var(--cell-padding-right) var(--cell-padding-bottom) var(--cell-padding-left);
  text-align: var(--kite-data-table-header-text-align);
  width: 100%;
  appearance: none;
}
.kite-data-table__header-action.kite-focus-visible, .kite-data-table__header-action:focus-visible {
  outline: var(--kite-data-table-cell-focus-ring-width) var(--kite-data-table-cell-focus-ring-style) var(--cell-focus-ring-color);
  outline-offset: calc(-1 * var(--kite-data-table-cell-focus-ring-width));
}
.kite-data-table__sort {
  align-self: center;
  display: inline-flex;
  flex-direction: column;
  padding-left: var(--kite-data-table-icon-padding-left);
  vertical-align: middle;
}
.kite-data-table__sort-icon-up, .kite-data-table__sort-icon-down {
  display: none;
}
.kite-data-table__sort--asc .kite-data-table__sort-icon-up {
  display: inline;
}
.kite-data-table__sort--asc .kite-data-table__sort-icon-down,
.kite-data-table__sort--asc .kite-data-table__sort-icon-up-down {
  display: none;
}
.kite-data-table__sort--desc .kite-data-table__sort-icon-down {
  display: inline;
}
.kite-data-table__sort--desc .kite-data-table__sort-icon-up,
.kite-data-table__sort--desc .kite-data-table__sort-icon-up-down {
  display: none;
}
.kite-data-table--cell-border td, .kite-data-table--cell-border th {
  border: var(--kite-data-table-cell-border-width) var(--kite-data-table-cell-border-style) var(--cell-border-color);
}
.kite-data-table--cell-border th {
  border-bottom-width: 0;
}
.kite-data-table--row-border td {
  border-bottom: var(--kite-data-table-row-border-width) var(--kite-data-table-row-border-style) var(--row-border-color);
  border-top: var(--kite-data-table-row-border-width) var(--kite-data-table-row-border-style) var(--row-border-color);
}
.kite-data-table--row-border thead th {
  border: none;
}
.kite-data-table--menu th:last-child {
  width: var(--kite-data-table-menu-column-width);
  padding: var(--kite-data-table-menu-column-padding-top) var(--kite-data-table-menu-column-padding-right) var(--kite-data-table-menu-column-padding-bottom) var(--kite-data-table-menu-column-padding-left);
}
.kite-data-table--menu td:last-child {
  padding-left: var(--kite-data-table-menu-cell-padding-left);
  padding-right: var(--kite-data-table-menu-cell-padding-right);
  padding-top: var(--kite-data-table-menu-cell-padding-top);
  padding-bottom: var(--kite-data-table-menu-cell-padding-bottom);
}
.kite-data-table--menu .kite-menu .kite-picker--overlay {
  --translateX: var(--list-translate-x);
  --translateY: var(--list-translate-y);
}
.kite-data-table--responsive {
  overflow-x: auto;
}
.kite-data-table--right {
  --kite-data-table-header-text-align: right;
  --kite-data-table-cell-text-align: right;
}
.kite-data-table--right .kite-data-table__header-action {
  justify-content: flex-end;
}
.kite-data-table--striped tbody tr:nth-child(2n+1):not(.kite-hover, :hover) {
  --kite-data-table-row-background-color: var(--striped-inverse-background);
  --kite-data-table-sticky-column-background-color: var(--striped-inverse-background);
}
.kite-data-table--striped tbody tr:nth-child(2n):not(.kite-hover, :hover) {
  --kite-data-table-row-background-color: var(--striped-background);
  --kite-data-table-sticky-column-background-color: var(--striped-background);
}
.kite-data-table--striped-inverse tbody tr:nth-child(2n+1):not(.kite-hover, :hover) {
  --kite-data-table-row-background-color: var(--striped-background);
  --kite-data-table-sticky-column-background-color: var(--striped-background);
}
.kite-data-table--striped-inverse tbody tr:nth-child(2n):not(.kite-hover, :hover) {
  --kite-data-table-row-background-color: var(--striped-inverse-background);
  --kite-data-table-sticky-column-background-color: var(--striped-inverse-background);
}
.kite-data-table--sticky-header th {
  background-color: var(--kite-data-table-row-background-color);
  border-bottom: none;
  position: sticky;
  top: var(--data-table-sticky-header-top);
  z-index: var(--kite-zindex-sticky);
}
.kite-data-table--sticky-header th::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--kite-data-table-header-border-bottom-width);
  background-color: var(--kite-data-table-header-border-bottom-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-header th::after {
    border-bottom: 1px solid transparent;
  }
}
.kite-data-table--sticky-header.kite-data-table--sticky-shadow th {
  background: linear-gradient(to top, transparent, var(--kite-data-table-sticky-shadow-color) var(--kite-data-table-scroll-shadow-width), var(--kite-data-table-row-background-color) var(--kite-data-table-scroll-shadow-width), var(--kite-data-table-row-background-color));
}
.kite-data-table--sticky-header.kite-data-table--sticky-shadow th::after {
  background-color: transparent;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-data-table--sticky-header.kite-data-table--sticky-shadow th {
    background-color: Canvas;
  }
}
.kite-data-table .kite-checkbox {
  margin: 0;
}
.kite-data-table .kite-checkbox__label {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.kite-data-table .kite-progress.rk-progress {
  display: contents;
}
.kite-data-table .kite-progress.rk-progress .kite-progress__icons {
  margin: 0 auto;
}

.kite-date-input {
  --input-border-color: var(--kite-date-input-border-color);
  --input-border-width: var(--kite-date-input-border-width);
  --input-border-style: var(--kite-date-input-border-style);
  --input-addon-total-width: calc(var(--kite-date-input-addon-padding-left) + var(--kite-date-input-addon-icon-width) + var(--kite-date-input-addon-padding-right));
}
:has(.kite-date-input__input-group--hover), .kite-date-input:has(.kite-date-input__input-group.kite-hover .kite-date-input__input:not([disabled]), .kite-date-input__input-group:hover .kite-date-input__input:not([disabled])) {
  --input-border-width: var(--kite-date-input-hover-border-width);
}
.kite-date-input:has(.kite-date-input__input--focus-visible), .kite-date-input:has(.kite-date-input__input.kite-focus-visible, .kite-date-input__input:focus-visible) {
  --input-border-width: var(--kite-date-input-focus-ring-width);
  --input-border-color: var(--kite-date-input-focus-ring-style);
  --input-border-style: var(--kite-date-input-focus-ring-color);
}
.kite-date-input--disabled {
  --input-border-color: var(--kite-date-input-disabled-border-color);
  --input-border-width: var(--kite-date-input-border-width);
}
.kite-date-input.kite-form-control--error, .kite-date-input--error {
  --input-border-color: var(--kite-date-input-error-border-color);
  --input-border-width: var(--kite-date-input-error-border-width);
}

.kite-date-input {
  position: relative;
  width: 100%;
}
.kite-date-input__label-group {
  margin-bottom: var(--kite-date-input-label-margin-bottom);
}
.kite-date-input__label {
  color: var(--kite-date-input-label-text-color);
  display: block;
}
.kite-date-input__helper-text {
  display: block;
  color: var(--kite-date-input-helper-text-color);
  font-size: var(--kite-date-input-helper-text-size);
  line-height: var(--kite-date-input-helper-text-line-height);
}
.kite-date-input__input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: var(--kite-date-input-height);
}
.kite-date-input__input-addon {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding-top: var(--kite-date-input-addon-padding-top, var(--kite-form-control-addon-padding-top));
  padding-right: var(--kite-date-input-addon-padding-right, var(--kite-form-control-addon-padding-right));
  padding-bottom: var(--kite-date-input-addon-padding-bottom, var(--kite-form-control-addon-padding-bottom));
  padding-left: var(--kite-date-input-addon-padding-left, var(--kite-form-control-addon-padding-left));
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.kite-date-input__input-addon:first-child {
  right: auto;
  left: 0;
}
.kite-date-input__input-addon .kite-icon {
  --color: var(--kite-date-input-addon-icon-color, var(--kite-form-control-addon-icon-color));
  --size: var(--kite-date-input-addon-icon-width, var(--kite-form-control-addon-icon-width));
}
.kite-date-input__input-addon--button {
  cursor: var(--kite-cursor-action);
  text-decoration: none;
  user-select: none;
}
.kite-date-input__input-addon--button:focus-visible {
  outline-offset: var(--kite-date-input-addon-focus-ring-offset, var(--kite-form-control-addon-focus-ring-offset));
}
.kite-date-input__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--kite-date-input-text-color);
  line-height: var(--kite-date-input-text-line-height);
  outline: none;
  padding-top: calc(var(--kite-date-input-padding-top) - var(--input-border-width));
  padding-right: calc(var(--input-addon-total-width) - var(--input-border-width));
  padding-bottom: calc(var(--kite-date-input-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--kite-date-input-padding-left) - var(--input-border-width));
  position: absolute;
  top: var(--input-border-width);
  left: var(--input-border-width);
  width: calc(100% - var(--input-border-width) * 2);
  height: calc(var(--kite-date-input-height) * var(--input-border-width) * 2);
  z-index: 1;
}
.kite-date-input__input::placeholder {
  color: var(--kite-date-input-placeholder-text-color);
  font-style: var(--kite-date-input-placeholder-text-style);
}
.kite-date-input__input:disabled::placeholder {
  color: var(--kite-date-input-disabled-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-date-input__input:disabled ~ .kite-date-input__appearance {
    border-color: GrayText;
  }
}
.kite-date-input__input::-webkit-calendar-picker-indicator {
  display: none;
}
.kite-date-input__input--focus-visible, .kite-date-input__input.kite-focus-visible, .kite-date-input__input:focus-visible {
  outline: none;
}
.kite-date-input__appearance {
  background-color: var(--kite-date-input-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-date-input-border-radius);
  color: var(--kite-date-input-text-color);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.kite-date-input .kite-form-control__error, .kite-date-input__feedback {
  color: var(--kite-date-input-error-feedback-text-color);
  display: none;
  margin-top: var(--kite-date-input-feedback-margin-top);
}
.kite-date-input .kite-picker--overlay {
  --translateY: calc(var(--kite-date-input-label-height) + var(--kite-date-input-label-margin-bottom) + var(--kite-date-input-height) + var(--kite-date-input-picker-offset));
}
.kite-date-input .kite-picker__content {
  padding: var(--kite-date-input-picker-padding-top) var(--kite-date-input-picker-padding-right) var(--kite-date-input-picker-padding-bottom) var(--kite-date-input-picker-padding-left);
}
.kite-date-input.kite-form-control--error .kite-form-control__error,
.kite-date-input.kite-form-control--error .kite-date-input__feedback, .kite-date-input--error .kite-form-control__error,
.kite-date-input--error .kite-date-input__feedback {
  display: block;
}
.kite-date-input--disabled .kite-date-input__label {
  color: var(--kite-date-input-disabled-label-text-color);
}
.kite-date-input--disabled .kite-date-input__helper-text {
  color: var(--kite-date-input-disabled-helper-text-color);
}
.kite-date-input--disabled .kite-date-input__input {
  color: var(--kite-date-input-disabled-text-color);
  cursor: var(--kite-date-input-disabled-cursor);
}
.kite-date-input--disabled .kite-date-input__input-addon {
  cursor: var(--kite-date-input-disabled-cursor, var(--kite-form-control-disabled-cursor));
}
.kite-date-input--disabled .kite-date-input__input-addon .kite-icon {
  --color: var(--kite-date-input-disabled-text-color, var(--kite-form-control-disabled-text-color));
}

.kite-calendar__header {
  width: calc(100% + var(--kite-date-input-picker-padding-right) + var(--kite-date-input-picker-padding-left));
  margin-left: calc(var(--kite-date-input-picker-padding-right) * -1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kite-calendar__month-year {
  font-weight: var(--kite-calendar-month-year-text-weight);
  margin: var(--kite-calendar-month-year-margin-top) var(--kite-calendar-month-year-margin-right) var(--kite-calendar-month-year-margin-bottom) var(--kite-calendar-month-year-margin-left);
}
.kite-calendar__prev, .kite-calendar__next {
  border: 0;
  background: transparent;
  cursor: var(--kite-calendar-action-cursor);
  padding: var(--kite-calendar-controls-padding-top) var(--kite-calendar-controls-padding-right) var(--kite-calendar-controls-padding-bottom) var(--kite-calendar-controls-padding-left);
  color: var(--kite-calendar-controls-text-color);
}
.kite-calendar__prev--hidden, .kite-calendar__next--hidden {
  visibility: hidden;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__prev--hover, .kite-calendar__prev.kite-hover, .kite-calendar__prev:hover, .kite-calendar__next--hover, .kite-calendar__next.kite-hover, .kite-calendar__next:hover {
    background-color: var(--kite-calendar-controls-hover-background-color);
  }
}
.kite-calendar__prev.kite-focus-visible, .kite-calendar__prev:focus-visible, .kite-calendar__next.kite-focus-visible, .kite-calendar__next:focus-visible {
  color: var(--kite-calendar-controls-focus-text-color);
  outline-offset: 0;
}
.kite-calendar__prev {
  border-radius: var(--kite-form-control-picker-border-radius) 0 0 0;
}
.kite-calendar__next {
  border-radius: 0 var(--kite-form-control-picker-border-radius) 0 0;
}
.kite-calendar__table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  width: 100%;
}
.kite-calendar__table-header, .kite-calendar__cell {
  height: var(--kite-calendar-day-height);
  width: var(--kite-calendar-day-width);
  text-align: var(--kite-calendar-day-text-align);
}
.kite-calendar__day {
  color: var(--kite-calendar-day-text-color);
  border: 1px solid transparent;
  background: transparent;
  cursor: var(--kite-calendar-action-cursor);
  position: relative;
  padding: 0;
}
.kite-calendar__day,
.kite-calendar__day .kite-calendar__day-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--hover, .kite-calendar__day.kite-hover, .kite-calendar__day:hover {
    background-color: var(--kite-calendar-day-hover-background-color);
  }
}
.kite-calendar__day:focus-visible {
  outline: var(--kite-calendar-focus-ring-width) var(--kite-calendar-focus-ring-style) var(--kite-calendar-focus-ring-color);
  outline-offset: var(--kite-calendar-day-focus-ring-offset);
}
.kite-calendar__day--disabled {
  color: var(--kite-calendar-day-disabled-text-color);
}
.kite-calendar__day--unavailable {
  text-decoration: var(--kite-calendar-day-unavailable-text-decoration-line);
  text-decoration-thickness: var(--kite-calendar-day-unavailable-text-decoration-thickness);
}
.kite-calendar__day--out-range {
  color: var(--kite-calendar-day-out-range-text-color);
  text-decoration: var(--kite-calendar-day-out-range-text-decoration-line);
  text-decoration-thickness: var(--kite-calendar-day-out-range-text-decoration-thickness);
}
.kite-calendar__day--out-range, .kite-calendar__day--disabled {
  cursor: var(--kite-calendar-day-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day--out-range, .kite-calendar__day--disabled {
    color: GrayText;
    border-color: GrayText;
  }
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--out-range--hover, .kite-calendar__day--out-range.kite-hover, .kite-calendar__day--out-range:hover, .kite-calendar__day--disabled--hover, .kite-calendar__day--disabled.kite-hover, .kite-calendar__day--disabled:hover {
    background-color: transparent;
  }
}
.kite-calendar__day[aria-current=date] {
  color: var(--kite-calendar-day-today-text-color);
  position: relative;
}
.kite-calendar__day[aria-current=date]::after {
  content: "";
  position: absolute;
  bottom: var(--kite-calendar-day-today-indicator-offset);
  width: var(--kite-calendar-day-today-indicator-width);
  height: var(--kite-calendar-day-today-indicator-height);
  background-color: var(--kite-calendar-day-today-indicator-background-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day[aria-current=date] {
    color: Highlight;
  }
}
.kite-calendar__day--selected {
  background-color: var(--kite-calendar-day-selected-background-color);
  color: var(--kite-calendar-day-selected-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day--selected {
    background-color: SelectedItem;
  }
}
.kite-calendar__day--selected[aria-disabled=true] {
  cursor: default;
}
.kite-calendar__day--prev-month:not(.kite-calendar__day--selected), .kite-calendar__day--next-month:not(.kite-calendar__day--selected) {
  color: var(--kite-calendar-day-out-month-text-color);
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--prev-month--hover:not(.kite-calendar__day--disabled), .kite-calendar__day--prev-month.kite-hover:not(.kite-calendar__day--disabled), .kite-calendar__day--prev-month:hover:not(.kite-calendar__day--disabled), .kite-calendar__day--next-month--hover:not(.kite-calendar__day--disabled), .kite-calendar__day--next-month.kite-hover:not(.kite-calendar__day--disabled), .kite-calendar__day--next-month:hover:not(.kite-calendar__day--disabled) {
    color: var(--kite-calendar-day-out-month-hover-text-color);
  }
}
.kite-calendar__day-due {
  position: absolute;
  bottom: calc(var(--kite-calendar-day-due-offset) * -1);
  text-transform: var(--kite-calendar-day-due-text-transform);
  background-color: var(--kite-calendar-day-due-background-color);
  color: var(--kite-calendar-day-due-text-color);
  font-size: var(--kite-calendar-day-due-text-size);
  line-height: var(--kite-calendar-day-due-text-line-height);
  border-radius: var(--kite-calendar-day-due-border-radius);
  border: 1px solid transparent;
  padding: calc(var(--kite-calendar-day-due-padding-top) - 1px) calc(var(--kite-calendar-day-due-padding-right) - 1px) calc(var(--kite-calendar-day-due-padding-bottom) - 1px) calc(var(--kite-calendar-day-due-padding-left) - 1px);
  z-index: 1;
}
.kite-calendar--standalone {
  background-color: var(--kite-calendar-standalone-background-color);
  border: var(--kite-calendar-standalone-border-width) var(--kite-calendar-standalone-border-style) var(--kite-calendar-standalone-border-color);
  border-radius: var(--kite-calendar-standalone-border-radius);
  padding: var(--kite-calendar-standalone-padding-top) var(--kite-calendar-standalone-padding-right) var(--kite-calendar-standalone-padding-bottom) var(--kite-calendar-standalone-padding-left);
  min-width: var(--kite-calendar-standalone-min-width);
  min-height: var(--kite-calendar-standalone-min-height);
}
.kite-calendar--standalone .kite-calendar__header {
  width: 100%;
  margin-left: 0;
}
.kite-calendar--standalone .kite-calendar__table-header span:not(.kite-assistive-text),
.kite-calendar--standalone .kite-calendar__day {
  aspect-ratio: 1/1;
}
.kite-calendar--standalone .kite-calendar__table-header span:not(.kite-assistive-text) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kite-time-input {
  --selection-border-width: var(--kite-time-input-border-width);
  --selection-border-style: var(--kite-time-input-border-style);
  --selection-border-color: var(--kite-time-input-border-color);
}

.kite-time-input {
  position: relative;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-time-input {
    max-width: var(--kite-time-input-max-width);
  }
}
.kite-time-input__label-group {
  margin-bottom: var(--kite-time-input-label-margin-bottom);
}
.kite-time-input__label {
  color: var(--kite-time-input-label-color);
  display: inline-block;
  font-weight: var(--kite-time-input-label-text-weight);
}
.kite-time-input__helper-text {
  display: block;
  color: var(--kite-time-input-helper-text-color);
  font-size: var(--kite-time-input-helper-text-size);
  line-height: var(--kite-time-input-helper-text-line-height);
}
.kite-time-input__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  background-color: var(--kite-time-input-background-color);
  border: var(--selection-border-width) var(--selection-border-style) var(--selection-border-color);
  border-radius: var(--kite-time-input-border-radius);
  color: var(--kite-time-input-text-color);
  cursor: var(--kite-time-input-cursor);
  display: flex;
  justify-content: space-between;
  line-height: var(--kite-time-input-text-line-height);
  margin: var(--kite-time-input-margin-top) var(--kite-time-input-margin-right) var(--kite-time-input-margin-bottom) var(--kite-time-input-margin-left);
  padding: calc(var(--kite-time-input-padding-top) - var(--selection-border-width)) calc(var(--kite-time-input-padding-right) - var(--selection-border-width)) calc(var(--kite-time-input-padding-bottom) - var(--selection-border-width)) calc(var(--kite-time-input-padding-left) - var(--selection-border-width));
  width: 100%;
  text-align: left;
  height: var(--kite-time-input-height);
  -webkit-user-select: none; /* Safari */
  user-select: none;
}
.kite-time-input__selection .kite-icon {
  --color: var(--kite-time-input-icon-color);
  --size: var(--kite-time-input-icon-size);
  flex-shrink: 0;
  margin-right: var(--kite-time-input-icon-margin-right);
}
.kite-time-input__selection.kite-focus-visible, .kite-time-input__selection:focus-visible {
  outline: var(--kite-time-input-focus-ring-width) var(--kite-time-input-focus-ring-style) var(--kite-time-input-focus-ring-color);
  outline-offset: var(--kite-time-input-focus-ring-offset);
}
.kite-time-input__selection:disabled, .kite-time-input__selection[aria-disabled=true] {
  --selection-border-color: var(--kite-time-input-disabled-border-color);
  background-color: var(--kite-time-input-disabled-background-color);
  color: var(--kite-time-input-disabled-text-color);
  cursor: var(--kite-time-input-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-time-input__selection:disabled, .kite-time-input__selection[aria-disabled=true] {
    border-color: GrayText;
    color: GrayText;
  }
}
.kite-time-input__selection:disabled .kite-icon, .kite-time-input__selection[aria-disabled=true] .kite-icon {
  --color: var(--kite-time-input-disabled-icon-color);
}
.kite-time-input__selection.kite-hover:not([aria-disabled=true], [disabled]), .kite-time-input__selection:hover:not([aria-disabled=true], [disabled]) {
  --selection-border-width: var(--kite-time-input-hover-border-width);
}
.kite-time-input__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--kite-time-input-placeholder-margin-right);
  margin-left: var(--kite-time-input-placeholder-margin-left);
  text-align: left;
}
.kite-time-input__value--placeholder {
  color: var(--kite-time-input-placeholder-text-color);
  font-style: var(--kite-time-input-placeholder-text-style);
}
.kite-time-input__feedback {
  display: none;
  color: var(--kite-time-input-error-feedback-text-color);
  margin-top: var(--kite-time-input-feedback-margin-top);
}
.kite-time-input--error .kite-time-input__selection {
  --selection-border-color: var(--kite-time-input-error-border-color);
  --selection-border-width: var(--kite-time-input-error-border-width);
}
.kite-time-input--error .kite-time-input__feedback {
  display: block;
}
.kite-time-input--disabled .kite-time-input__label,
.kite-time-input--disabled .kite-time-input__value {
  color: var(--kite-time-input-disabled-text-color);
}
.kite-time-input--disabled .kite-time-input__helper-text {
  color: var(--kite-time-input-disabled-helper-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-time-input--disabled .kite-time-input__value {
    color: GrayText;
  }
}

.kite-picker {
  position: relative;
}
.kite-picker--list .kite-picker__content {
  padding: 0;
}
.kite-picker--open.kite-picker--overlay,
.kite-picker--open .kite-picker__content {
  opacity: 1;
  visibility: visible;
}
.kite-picker--overlay {
  /** Positioning props **/
  --translateX: 0;
  --label-height: calc(var(--kite-form-control-label-text-line-height) * var(--kite-form-control-label-text-size));
  --translateY: calc(var(--label-height) + var(--kite-form-control-label-margin-bottom) + var(--kite-form-control-height) + var(--kite-form-control-picker-offset));
  /** @prop --picker-trigger-width: Represents the width of a picker's trigger element. May require dynamic calculation */
  --picker-trigger-width: 0;
  /** @prop --picker-trigger-height: Represents the height of a picker's trigger element. May require dynamic calculation */
  --picker-trigger-height: 0;
  /** Positioning styles **/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(var(--translateX), var(--translateY));
  z-index: var(--kite-form-control-picker-zindex);
  visibility: hidden;
  opacity: 0;
  /** Positioning variants **/
}
.kite-picker--overlay.kite-picker--top {
  --translateY: calc(-100% - var(--picker-trigger-height) - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--bottom {
  --translateY: var(--kite-form-control-picker-offset);
}
.kite-picker--overlay.kite-picker--right {
  --translateX: calc(var(--picker-trigger-width) + var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--left {
  --translateX: calc(-100% - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--top, .kite-picker--overlay.kite-picker--bottom {
  --translateX: calc(-50% + (var(--picker-trigger-width) / 2));
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-start, .kite-picker--overlay.kite-picker--bottom.kite-picker--align-start {
  --translateX: 0;
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-end, .kite-picker--overlay.kite-picker--bottom.kite-picker--align-end {
  --translateX: calc(-100% + var(--picker-trigger-width));
}
.kite-picker--overlay.kite-picker--right, .kite-picker--overlay.kite-picker--left {
  --translateY: -50%;
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-start, .kite-picker--overlay.kite-picker--left.kite-picker--align-start {
  --translateY: calc(-1 * var(--picker-trigger-height));
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-end, .kite-picker--overlay.kite-picker--left.kite-picker--align-end {
  --translateY: -100%;
}
.kite-picker__content {
  background-color: var(--kite-form-control-picker-background-color);
  border: var(--kite-form-control-picker-border-width) var(--kite-form-control-picker-border-style) var(--kite-form-control-picker-border-color);
  border-radius: var(--kite-form-control-picker-border-radius);
  box-shadow: var(--kite-form-control-picker-elevation);
  display: block;
  padding: var(--kite-form-control-picker-padding-top) var(--kite-form-control-picker-padding-right) var(--kite-form-control-picker-padding-bottom) var(--kite-form-control-picker-padding-left);
  opacity: 0;
  visibility: hidden;
  min-width: var(--kite-form-control-picker-min-width);
  width: 100%;
}
.kite-picker__list {
  cursor: var(--kite-form-control-picker-cursor);
  list-style-type: none;
  margin: 0;
  padding: 0;
  --max-item-count: ;
  --picker-list-item-height: calc(((var(--kite-form-control-picker-list-item-line-height) * 1rem) + var(--kite-form-control-picker-list-item-padding-top) + var(--kite-form-control-picker-list-item-padding-bottom) + var(--kite-form-control-picker-list-item-border-width)));
  --picker-list-max-height: calc(var(--picker-list-item-height) * var(--max-item-count));
  max-height: calc(var(--picker-list-max-height) + 0.5 * var(--picker-list-item-height));
  overflow-y: auto;
}
.kite-picker__item {
  margin: 0;
  padding: 0;
  min-width: 100%;
  max-width: var(--kite-form-control-picker-list-item-max-width);
}
.kite-picker__item:not(:last-child) .kite-picker__action {
  border-bottom: var(--kite-form-control-picker-list-item-border-width) var(--kite-form-control-picker-list-item-border-style) var(--kite-form-control-picker-list-item-border-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action, .kite-picker__item.kite-picker__item--negative a.kite-picker__action {
  color: var(--kite-form-control-picker-list-item-negative-text-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action .kite-icon, .kite-picker__item.kite-picker__item--negative a.kite-picker__action .kite-icon {
  --color: var(--kite-form-control-picker-list-item-negative-icon-color);
}
.kite-picker a.kite-picker__action, .kite-picker__action {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--kite-form-control-picker-list-item-text-color);
  cursor: var(--kite-form-control-picker-cursor);
  display: inline-flex;
  font-size: var(--kite-form-control-picker-list-item-text-size);
  line-height: var(--kite-form-control-picker-list-item-line-height);
  padding: var(--kite-form-control-picker-list-item-padding-top) var(--kite-form-control-picker-list-item-padding-right) var(--kite-form-control-picker-list-item-padding-bottom) var(--kite-form-control-picker-list-item-padding-left);
  text-align: left;
  text-decoration: unset;
  width: 100%;
}
.kite-picker a.kite-picker__action:focus-visible, .kite-picker a.kite-picker__action.kite-focus-visible, .kite-picker__action:focus-visible, .kite-picker__action.kite-focus-visible {
  outline: var(--kite-form-control-picker-list-item-focus-ring-width) var(--kite-form-control-picker-list-item-focus-ring-style) var(--kite-form-control-picker-list-item-focus-ring-color);
  outline-offset: var(--kite-form-control-picker-list-item-focus-ring-offset);
}
.kite-picker a.kite-picker__action-icon, .kite-picker__action-icon {
  display: inline;
}
.kite-picker a.kite-picker__action-icon .kite-icon, .kite-picker__action-icon .kite-icon {
  --size: var(--kite-form-control-picker-list-item-icon-width);
  margin-right: var(--kite-form-control-picker-list-item-icon-margin-right);
  vertical-align: text-bottom;
}
.kite-picker a.kite-picker__action-check .kite-icon, .kite-picker__action-check .kite-icon {
  --color: none;
  --size: var(--kite-form-control-picker-list-item-check-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-form-control-picker-list-item-check-icon-margin-right);
  margin-left: var(--kite-form-control-picker-list-item-check-icon-margin-left);
  vertical-align: text-bottom;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg, .kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg {
    fill: none;
  }
}
.kite-picker a.kite-picker__action-check--selected .kite-icon, .kite-picker__action-check--selected .kite-icon {
  --color: var(--kite-form-control-picker-list-item-check-icon-color);
}
.kite-picker a.kite-picker__action--hover, .kite-picker a.kite-picker__action.kite-hover, .kite-picker a.kite-picker__action:hover, .kite-picker__action--hover, .kite-picker__action.kite-hover, .kite-picker__action:hover {
  background-color: var(--kite-form-control-picker-list-item-hover-background-color);
  text-decoration: unset;
}
.kite-picker a.kite-picker__action[aria-selected=true], .kite-picker a.kite-picker__action[aria-checked=true], .kite-picker a.kite-picker__action[aria-current], .kite-picker__action[aria-selected=true], .kite-picker__action[aria-checked=true], .kite-picker__action[aria-current] {
  font-weight: var(--kite-form-control-picker-list-item-selected-text-weight);
}
.kite-picker a.kite-picker__action:disabled, .kite-picker a.kite-picker__action[aria-disabled=true], .kite-picker__action:disabled, .kite-picker__action[aria-disabled=true] {
  color: var(--kite-form-control-picker-list-item-disabled-text-color);
  cursor: var(--kite-form-control-picker-list-item-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action:disabled, .kite-picker a.kite-picker__action[aria-disabled=true], .kite-picker__action:disabled, .kite-picker__action[aria-disabled=true] {
    color: GrayText;
  }
}
.kite-picker a.kite-picker__action:disabled:hover, .kite-picker a.kite-picker__action[aria-disabled=true]:hover, .kite-picker__action:disabled:hover, .kite-picker__action[aria-disabled=true]:hover {
  background-color: transparent;
}
.kite-picker__backdrop {
  background-color: var(--kite-form-control-picker-backdrop-background-color);
  opacity: var(--kite-form-control-picker-backdrop-opacity);
  pointer-events: auto;
  touch-action: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--kite-form-control-picker-backdrop-zindex);
}
.kite-picker__backdrop--hidden {
  opacity: 0;
  visibility: hidden;
}

.kite-date-input .kite-picker {
  webkit-transform: initial;
  transform: initial;
  transition: initial;
  position: relative;
}

.kite-dialog {
  /** @prop --backdrop-background-color: Background color of dialog overlay */
  --backdrop-background-color: var(--kite-dialog-overlay-background-color);
  --dismiss-icon-color: var(--kite-dialog-dismiss-icon-color);
}

.kite-dialog {
  align-items: var(--kite-dialog-position-y);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--kite-dialog-overlay-zindex);
  display: flex;
  justify-content: space-around;
  visibility: hidden;
}
.kite-dialog__container {
  --translate: 0px, 0px;
  box-shadow: var(--kite-dialog-elevation);
  display: inline-flex;
  max-width: var(--kite-dialog-max-width);
  padding: var(--kite-dialog-padding-top) var(--kite-dialog-padding-right) var(--kite-dialog-padding-bottom) var(--kite-dialog-padding-left);
  position: relative;
  vertical-align: middle;
  width: var(--kite-dialog-width);
  height: var(--kite-dialog-height);
  border-width: var(--kite-dialog-border-width);
  transform: translate(var(--translate));
  transition: transform var(--kite-dialog-transition-duration) var(--kite-dialog-transition-timing-function), visibility var(--kite-dialog-transition-duration) var(--kite-dialog-transition-timing-function);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-dialog__container {
    border: 1px solid CanvasText;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-dialog__container {
    border-radius: var(--kite-dialog-breakpoint-md-border-radius);
    max-height: var(--kite-dialog-breakpoint-md-max-height);
    padding: var(--kite-dialog-breakpoint-md-padding-top) var(--kite-dialog-breakpoint-md-padding-right) var(--kite-dialog-breakpoint-md-padding-bottom) var(--kite-dialog-breakpoint-md-padding-left);
    width: var(--kite-dialog-breakpoint-md-width);
    height: auto;
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-dialog__container {
    width: var(--kite-dialog-breakpoint-lg-width);
  }
}
@media only screen and (min-width: 60rem) {
  .kite-dialog__container {
    max-height: var(--kite-dialog-breakpoint-xl-max-height);
  }
}
@media only screen and (min-width: 80rem) {
  .kite-dialog__container {
    width: var(--kite-dialog-breakpoint-2xl-width);
  }
}
.kite-dialog__container-document {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kite-dialog__content {
  margin-right: calc(var(--kite-dialog-content-padding-right) * -1);
  margin-bottom: calc(var(--kite-dialog-content-padding-bottom) * -1);
  margin-left: calc(var(--kite-dialog-content-padding-left) * -1);
  overflow-x: hidden;
  overflow-y: auto;
  padding: var(--kite-dialog-content-padding-top) var(--kite-dialog-content-padding-right) var(--kite-dialog-content-padding-bottom) var(--kite-dialog-content-padding-left);
}
@media only screen and (min-width: 37.5rem) {
  .kite-dialog__content {
    margin-right: calc(var(--kite-dialog-breakpoint-md-padding-right) * -1);
    margin-bottom: calc(var(--kite-dialog-breakpoint-md-padding-bottom) * -1);
    margin-left: calc(var(--kite-dialog-breakpoint-md-padding-left) * -1);
    padding-right: var(--kite-dialog-breakpoint-md-padding-right);
    padding-bottom: var(--kite-dialog-breakpoint-md-padding-bottom);
    padding-left: var(--kite-dialog-breakpoint-md-padding-left);
  }
}
.kite-dialog__content--scrolled {
  border-top: var(--kite-dialog-scrolled-border-top-width) var(--kite-dialog-scrolled-border-top-style) var(--kite-dialog-scrolled-border-top-color);
  box-shadow: inset var(--kite-dialog-scrolled-elevation);
}
.kite-dialog__content-group + .kite-dialog__content-group {
  margin-top: var(--kite-dialog-content-group-margin-top);
}
.kite-dialog__backdrop {
  background-color: var(--backdrop-background-color);
  opacity: var(--kite-dialog-overlay-opacity);
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.kite-dialog__dismiss-button {
  background-color: transparent;
  border: 0;
  cursor: var(--kite-dialog-dismiss-icon-cursor);
  font-size: 0;
  padding: 0;
  position: absolute;
  top: var(--kite-size-20);
  right: var(--kite-size-16);
  width: var(--kite-dialog-dismiss-icon-width);
  height: var(--kite-dialog-dismiss-icon-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-dialog__dismiss-button {
    top: var(--kite-size-24);
    right: var(--kite-size-24);
  }
}
.kite-dialog__dismiss-button .kite-icon {
  --color: var(--dismiss-icon-color);
  --size: var(--kite-dialog-dismiss-icon-height);
}
.kite-dialog__title {
  align-items: center;
  display: flex;
  font-size: var(--kite-dialog-title-text-size);
  font-weight: var(--kite-dialog-title-text-weight);
  line-height: var(--kite-dialog-title-text-line-height);
  margin-bottom: var(--kite-dialog-title-margin-bottom);
}
@media only screen and (min-width: 37.5rem) {
  .kite-dialog__title {
    font-size: var(--kite-dialog-breakpoint-md-title-text-size);
    font-weight: var(--kite-dialog-breakpoint-md-title-text-weight);
    line-height: var(--kite-dialog-breakpoint-md-title-text-line-height);
  }
}
.kite-dialog__title .kite-icon {
  align-self: flex-start;
  flex-shrink: 0;
  margin-top: calc((var(--kite-dialog-title-text-line-height) - 1) * var(--kite-dialog-title-text-size) / 2);
  margin-right: var(--kite-dialog-title-icon-margin-right);
}
.kite-dialog .kite-button-group {
  flex-basis: 0;
  margin-bottom: 0;
  gap: var(--kite-button-group-item-margin-right);
  display: flex;
  flex-direction: column;
}
.kite-dialog .kite-button-group .kite-button {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-dialog .kite-button-group {
    flex-direction: row;
  }
  .kite-dialog .kite-button-group .kite-button {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.5 * var(--kite-button-group-item-margin-right));
    margin-right: 0;
    width: auto;
  }
  .kite-dialog .kite-button-group .kite-button:only-child {
    flex-grow: 0;
    flex-basis: content;
    min-width: calc(50% - 0.5 * var(--kite-button-group-item-margin-right));
  }
  .kite-dialog .kite-button-group .kite-button:nth-of-type(3) {
    flex-grow: 0;
    margin-right: auto;
    margin-left: auto;
  }
}
.kite-dialog .kite-alert {
  margin-top: var(--kite-dialog-alert-margin-top);
  margin-bottom: var(--kite-dialog-alert-margin-bottom);
}

.kite-button-group {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: var(--kite-button-group-margin-top) 0 var(--kite-button-group-margin-bottom);
  margin-right: 0;
  padding: unset;
  list-style: none;
}
.kite-button-group__item {
  margin-bottom: var(--kite-button-group-item-margin-bottom);
  padding: unset;
}
@media only screen and (min-width: 30rem) {
  .kite-button-group__item {
    display: inline-block;
    margin-right: var(--kite-button-group-item-margin-right);
  }
}
.kite-button-group--full .kite-button-group__item {
  width: 100%;
}

form .kite-button-group,
.kite-button-group--form {
  flex-direction: column;
}
@media only screen and (min-width: 37.5rem) {
  form .kite-button-group,
  .kite-button-group--form {
    display: block;
  }
  form .kite-button-group__item:nth-child(3),
  .kite-button-group--form__item:nth-child(3) {
    display: block;
  }
  form .kite-button-group__item:only-child,
  .kite-button-group--form__item:only-child {
    margin: 0;
  }
}
@media only screen and (min-width: 52.5rem) {
  form .kite-button-group,
  .kite-button-group--form {
    display: flex;
    flex-direction: row;
  }
}

.kite-dialog__container .kite-dialog__content .kite-progress {
  background-color: var(--backdrop-color);
  z-index: var(--kite-zindex-default);
}
.kite-dialog__container .kite-dialog__content .kite-button-group .kite-progress {
  background-color: unset;
}

.kite-dialog__backdrop {
  --backdrop-background-color: var(--kite-dialog-overlay-background-color);
  z-index: var(--kite-dialog-zindex);
}

.rk-dialog__visible {
  visibility: visible;
}

.kite-dynamic-hint {
  --arrow-background-color: var(--kite-dynamic-hint-arrow-background-color);
  --arrow-border-color: var(--kite-dynamic-hint-arrow-border-color);
  --arrow-border-width: var(--kite-dynamic-hint-arrow-border-width);
  --background-color: var(--kite-dynamic-hint-background-color);
  --border-color: var(--kite-dynamic-hint-border-color);
  --color: var(--kite-dynamic-hint-text-color);
  --elevation: var(--kite-dynamic-hint-elevation);
  --error-color: var(--kite-dynamic-hint-criteria-negative-icon-color);
  --success-color: var(--kite-dynamic-hint-criteria-positive-icon-color);
  /* --icon-inline-offset: Offset to visually center-align icons inline with Rutledge, and default line-heights */
  --icon-inline-offset: -0.1em;
}

.kite-dynamic-hint-container {
  position: relative;
}

.kite-dynamic-hint {
  background-color: var(--background-color);
  border: var(--kite-dynamic-hint-border-width) var(--kite-dynamic-hint-border-style) var(--border-color);
  border-radius: var(--kite-dynamic-hint-border-radius);
  box-shadow: var(--elevation);
  color: var(--color);
  display: none;
  margin: calc(var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-top)) 0 var(--kite-dynamic-hint-margin-bottom) 0;
  max-width: var(--kite-dynamic-hint-max-width);
  padding: var(--kite-dynamic-hint-padding-top) var(--kite-dynamic-hint-padding-right) var(--kite-dynamic-hint-padding-bottom) var(--kite-dynamic-hint-padding-left);
  position: relative;
  z-index: var(--kite-dynamic-hint-zindex);
  font-size: var(--kite-dynamic-hint-text-size);
  text-align: left;
  font-family: var(--kite-font-family);
  font-style: var(--kite-typography-body-style);
  font-weight: var(--kite-typography-body-weight);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  text-transform: none;
}
.kite-dynamic-hint::after, .kite-dynamic-hint::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  z-index: var(--kite-dynamic-hint-zindex);
  border-style: solid;
  border-color: transparent;
  border-bottom-width: var(--kite-dynamic-hint-arrow-height);
  border-left-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
  border-right-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
  border-top-width: var(--kite-dynamic-hint-arrow-height);
  --arrow-translate-x: calc(1 * var(--kite-dynamic-hint-arrow-offset));
  --arrow-translate-y: calc(-2 * var(--kite-dynamic-hint-arrow-height));
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translate(var(--arrow-translate-x), var(--arrow-translate-y));
}
.kite-dynamic-hint::before {
  z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  border-bottom-color: var(--arrow-background-color);
  top: calc(2 * var(--arrow-border-width));
}
.kite-dynamic-hint::after {
  border-bottom-color: var(--arrow-border-color);
}
@media only screen and (min-width: 52.5rem) {
  .kite-dynamic-hint {
    --offset-x: 0;
    --offset-y: 0;
    --transform-y: calc(var(--offset-y) - (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
    --transform-x: calc(var(--offset-x) + var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-left));
    display: block;
    margin: 0;
    margin-right: -100%;
    position: absolute;
    transform: translate(var(--transform-x), var(--transform-y));
    visibility: hidden;
  }
  .kite-dynamic-hint::after, .kite-dynamic-hint::before {
    --arrow-translate-x: calc(-2 * (var(--kite-dynamic-hint-arrow-height)));
    border-bottom-color: transparent;
    border-bottom-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    border-left-width: var(--kite-dynamic-hint-arrow-height);
    border-right-width: var(--kite-dynamic-hint-arrow-height);
    border-top-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    left: 0;
    right: auto;
    --arrow-translate-y: -50%;
    top: 50%;
    bottom: auto;
    transform: translate(var(--arrow-translate-x), var(--arrow-translate-y));
  }
  .kite-dynamic-hint::before {
    border-right-color: var(--arrow-background-color);
    left: calc(2 * var(--arrow-border-width));
  }
  .kite-dynamic-hint::after {
    border-right-color: var(--arrow-border-color);
  }
  .kite-dynamic-hint--show {
    visibility: visible;
  }
  .kite-dynamic-hint--left {
    --transform-x: calc(var(--offset-x) - var(--kite-dynamic-hint-arrow-height) - var(--kite-dynamic-hint-margin-top));
  }
  .kite-dynamic-hint--left::after, .kite-dynamic-hint--left::before {
    --arrow-translate-x: calc(2 * (var(--kite-dynamic-hint-arrow-height)));
    border-color: transparent;
    border-bottom-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    border-left-width: var(--kite-dynamic-hint-arrow-height);
    border-right-width: var(--kite-dynamic-hint-arrow-height);
    border-top-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    left: auto;
    right: 0;
  }
  .kite-dynamic-hint--left::before {
    border-left-color: var(--arrow-background-color);
    right: calc(2 * var(--arrow-border-width));
  }
  .kite-dynamic-hint--left::after {
    border-left-color: var(--arrow-border-color);
  }
  .kite-dynamic-hint--right {
    --transform-x: calc(var(--offset-x) + var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-left));
  }
  .kite-dynamic-hint--right::after, .kite-dynamic-hint--right::before {
    --arrow-translate-x: calc(-2 * (var(--kite-dynamic-hint-arrow-height)));
    border-bottom-color: transparent;
    border-bottom-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    border-left-width: var(--kite-dynamic-hint-arrow-height);
    border-right-width: var(--kite-dynamic-hint-arrow-height);
    border-top-width: calc(var(--kite-dynamic-hint-arrow-width) / 2);
    left: 0;
    right: auto;
  }
  .kite-dynamic-hint--right::before {
    border-right-color: var(--arrow-background-color);
    left: calc(2 * var(--arrow-border-width));
  }
  .kite-dynamic-hint--right::after {
    border-right-color: var(--arrow-border-color);
  }
  .kite-dynamic-hint--align-start {
    --transform-y: calc(var(--offset-y) - (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
  }
  .kite-dynamic-hint--align-start::after, .kite-dynamic-hint--align-start::before {
    --arrow-translate-y: calc(1 * var(--kite-dynamic-hint-arrow-offset));
    top: 0;
    bottom: auto;
  }
  .kite-dynamic-hint--align-end {
    --transform-y: calc(var(--offset-y) + (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
  }
  .kite-dynamic-hint--align-end::after, .kite-dynamic-hint--align-end::before {
    --arrow-translate-y: calc(-1 * var(--kite-dynamic-hint-arrow-offset));
    top: auto;
    bottom: 0;
  }
  .kite-dynamic-hint--top-right {
    --transform-x: calc(var(--offset-x) + var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-left));
    --transform-y: calc(var(--offset-y) + (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
    position: absolute;
  }
  .kite-dynamic-hint--top-right::after, .kite-dynamic-hint--top-right::before {
    border-bottom: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-left: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-right: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-top: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    transform: translate(calc(-2 * (var(--kite-dynamic-hint-arrow-height))), calc(-1 * var(--kite-dynamic-hint-arrow-offset)));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--top-right::before {
    border-right-color: var(--arrow-background-color);
    left: calc(2 * var(--arrow-border-width));
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--top-right::after {
    border-right-color: var(--arrow-border-color);
    left: 0;
    z-index: var(--kite-dynamic-hint-zindex);
  }
  .kite-dynamic-hint--bottom-left {
    --transform-x: calc(var(--offset-x) - var(--kite-dynamic-hint-arrow-height) - var(--kite-dynamic-hint-margin-top));
    --transform-y: calc(var(--offset-y) - (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
    position: absolute;
  }
  .kite-dynamic-hint--bottom-left::after, .kite-dynamic-hint--bottom-left::before {
    border-bottom: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-left: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-right: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-top: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    transform: translate(calc(2 * (var(--kite-dynamic-hint-arrow-height))), var(--kite-dynamic-hint-arrow-offset));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--bottom-left::before {
    border-left-color: var(--arrow-background-color);
    right: calc(2 * var(--arrow-border-width));
    left: auto;
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--bottom-left::after {
    border-left-color: var(--arrow-border-color);
    right: 0;
    left: auto;
    z-index: var(--kite-dynamic-hint-zindex);
  }
  .kite-dynamic-hint--top-left {
    --transform-x: calc(var(--offset-x) - var(--kite-dynamic-hint-arrow-height) - var(--kite-dynamic-hint-margin-top));
    --transform-y: calc(var(--offset-y) + (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
    position: absolute;
  }
  .kite-dynamic-hint--top-left::after, .kite-dynamic-hint--top-left::before {
    border-bottom: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-left: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-right: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-top: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    transform: translate(calc(2 * (var(--kite-dynamic-hint-arrow-height))), calc(-1 * var(--kite-dynamic-hint-arrow-offset)));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--top-left::before {
    border-left-color: var(--arrow-background-color);
    right: calc(2 * var(--arrow-border-width));
    left: auto;
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--top-left::after {
    border-left-color: var(--arrow-border-color);
    right: 0;
    left: auto;
    z-index: var(--kite-dynamic-hint-zindex);
  }
  .kite-dynamic-hint--bottom-right {
    --transform-x: calc(var(--offset-x) + var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-left));
    --transform-y: calc(var(--offset-y) - (var(--kite-dynamic-hint-arrow-offset) + (var(--kite-dynamic-hint-arrow-width) / 2)));
  }
  .kite-dynamic-hint--bottom-right::after, .kite-dynamic-hint--bottom-right::before {
    border-bottom: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-left: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-right: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-top: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    transform: translate(calc(-2 * (var(--kite-dynamic-hint-arrow-height))), var(--kite-dynamic-hint-arrow-offset));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--bottom-right::before {
    border-right-color: var(--arrow-background-color);
    left: calc(2 * var(--arrow-border-width));
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--bottom-right::after {
    border-right-color: var(--arrow-border-color);
    left: 0;
    z-index: var(--kite-dynamic-hint-zindex);
  }
  .kite-dynamic-hint--mobile, .kite-dynamic-hint--inline {
    margin: calc(var(--kite-dynamic-hint-arrow-height) + var(--kite-dynamic-hint-margin-top)) 0 var(--kite-dynamic-hint-margin-bottom) 0;
    position: relative;
  }
  .kite-dynamic-hint--mobile::after, .kite-dynamic-hint--mobile::before, .kite-dynamic-hint--inline::after, .kite-dynamic-hint--inline::before {
    border-bottom: var(--kite-dynamic-hint-arrow-height) solid transparent;
    border-left: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-right: calc(var(--kite-dynamic-hint-arrow-width) / 2) solid transparent;
    border-top: var(--kite-dynamic-hint-arrow-height) solid transparent;
    content: "";
    position: absolute;
    right: auto;
    left: 0;
    transform: translate(var(--kite-dynamic-hint-arrow-offset), calc(-2 * (var(--kite-dynamic-hint-arrow-height))));
    width: 0;
    height: 0;
  }
  .kite-dynamic-hint--mobile::before, .kite-dynamic-hint--inline::before {
    border-bottom-color: var(--arrow-background-color);
    top: calc(2 * var(--arrow-border-width));
    z-index: calc(var(--kite-dynamic-hint-zindex) + 1);
  }
  .kite-dynamic-hint--mobile::after, .kite-dynamic-hint--inline::after {
    border-bottom-color: var(--arrow-border-color);
    top: 0;
    z-index: var(--kite-dynamic-hint-zindex);
  }
}
.kite-dynamic-hint--show {
  display: block;
}
.kite-dynamic-hint__criteria-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kite-dynamic-hint__title {
  font-weight: var(--kite-dynamic-hint-title-text-weight);
  margin-bottom: var(--kite-dynamic-hint-title-margin-bottom);
}
.kite-dynamic-hint__error-icon, .kite-dynamic-hint__success-icon {
  margin-top: var(--kite-icon-inline-offset);
}
.kite-dynamic-hint__criteria-item {
  display: flex;
  font-size: var(--kite-dynamic-hint-criteria-text-size);
  margin-bottom: var(--kite-dynamic-hint-criteria-margin-bottom);
  padding-left: 0;
}
.kite-dynamic-hint__criteria-item:last-of-type {
  margin-bottom: 0;
}
.kite-dynamic-hint__criteria-item--success .kite-dynamic-hint__error-icon {
  display: none;
}
.kite-dynamic-hint__criteria-item--success .kite-icon {
  --color: var(--success-color);
}
.kite-dynamic-hint__criteria-item--error .kite-dynamic-hint__success-icon {
  display: none;
}
.kite-dynamic-hint__criteria-item--error .kite-icon {
  --color: var(--error-color);
}
.kite-dynamic-hint__criteria-item .kite-icon {
  --size: var(--kite-dynamic-hint-criteria-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-dynamic-hint-criteria-icon-margin-right);
  vertical-align: middle;
}

.kite-icon {
  /** @deprecated: Use `--color` instead */
  /** @since: v2.0.0 */
  /** @prop --fill: Fill color of the icon. Deprecated: Use `--color` instead. */
  --fill: currentColor;
  /** @prop --color: Color of the icon */
  --color: var(--fill, currentColor);
  /** @prop --size: Width and Height of the icon */
  --size: 1em;
  /** @prop --offset: inline icon vertical icon alignment */
  --offset: 0;
  contain: strict;
  display: inline-block;
  position: relative;
  bottom: calc(var(--offset) * 0.1em);
  width: var(--size);
  height: var(--size);
}

.kite-icon--inline {
  --offset: 1;
  vertical-align: middle;
}

.kite-icon__inner {
  width: 100%;
  height: 100%;
}
.kite-icon__inner svg {
  display: block;
  fill: var(--color);
  width: 100%;
  height: 100%;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-icon__inner svg {
    fill: currentColor;
  }
}

.kite-image {
  --max-size: 100%;
  --max-width: var(--max-size);
  --max-height: var(--max-size);
  --border-radius: var(--kite-border-radius);
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  width: var(--max-width);
  height: var(--max-height);
}
.kite-image--start {
  align-items: flex-start;
}
.kite-image--circle {
  border-radius: 100%;
}
.kite-image--circle .kite-image__container, .kite-image--cover .kite-image__container {
  width: 100%;
  height: 100%;
}
.kite-image--circle .kite-image__container img, .kite-image--cover .kite-image__container img {
  object-fit: cover;
}
.kite-image__container {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.kite-image img {
  display: block;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.kite-list {
  --multiline-title-height: calc(var(--kite-list-item-multiline-title-text-size) * var(--kite-typography-lg-body-line-height, 1.5));
  --border-color: var(--kite-list-border-color);
  --label-text-color: var(--kite-list-item-label-text-color);
  --negative-label-text-color: var(--kite-list-item-negative-label-text-color);
  --neutral-label-text-color: var(--kite-list-item-neutral-label-text-color);
  --muted-label-text-color: var(--kite-list-item-muted-label-text-color);
  --positive-label-text-color: var(--kite-list-item-positive-label-text-color);
  --caution-label-text-color: var(--kite-list-item-caution-label-text-color);
  --text-color: var(--kite-list-item-text-color);
  --icon-color: var(--kite-list-item-icon-color);
  --action-icon-color: var(--kite-list-item-action-icon-color);
  --disabled-icon-color: var(--kite-list-item-disabled-icon-color);
  --hover-background-color: var(--kite-list-item-hover-background-color);
}

ul.kite-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-list > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.kite-list {
  border-top: var(--kite-list-border-width) var(--kite-list-border-style) var(--border-color);
}
.kite-list--align-items {
  --start-area: max-content;
  --center-area: 1fr;
  --end-area: min-content;
  display: grid;
  grid-template-columns: var(--start-area) var(--center-area) var(--end-area);
  grid-template-areas: "start center end";
}
@media only screen and (min-width: 30rem) {
  .kite-list--align-items {
    --end-area: max-content;
  }
}
.kite-list--align-items .kite-list-item__start {
  grid-area: start;
}
.kite-list--align-items .kite-list-item__center {
  grid-area: center;
}
.kite-list--align-items .kite-list-item__end {
  grid-area: end;
}
.kite-list--align-items.kite-list *:not([hidden],
.kite-list-item__inner *,
.kite-list-item__expandable-container,
.kite-list-item__expandable-container *) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-auto-flow: column;
}
.kite-list--align-items .kite-list-item__expandable-container {
  grid-column: 1/-1;
}

.kite-list-item {
  --start-align-offset: 0;
  display: block;
  position: relative;
}
.kite-list-item--disabled {
  --icon-color: var(--kite-list-item-disabled-icon-color);
  --text-color: var(--kite-list-item-disabled-text-color);
  --label-text-color: var(--text-color);
  --negative-label-text-color: var(--label-text-color);
  --neutral-label-text-color: var(--label-text-color);
  --muted-label-text-color: var(--label-text-color);
  --positive-label-text-color: var(--label-text-color);
  color: var(--text-color);
}
.kite-list-item--disabled .kite-list-item__action, .kite-list-item--disabled .kite-list-item__content {
  cursor: var(--kite-list-item-disabled-cursor);
}
.kite-list-item--disabled .kite-list-item__action:hover, .kite-list-item--disabled .kite-list-item__content:hover {
  background-color: transparent;
}
.kite-list-item--danger .kite-list-item__label, .kite-list-item--negative .kite-list-item__label {
  color: var(--negative-label-text-color);
}
.kite-list-item--info .kite-list-item__label, .kite-list-item--neutral .kite-list-item__label {
  color: var(--neutral-label-text-color);
}
.kite-list-item--success .kite-list-item__label, .kite-list-item--positive .kite-list-item__label {
  color: var(--positive-label-text-color);
}
.kite-list-item--align-to-icon {
  --start-align-offset:
  calc(
  	var(--kite-list-item-icon-width) +
  	var(--kite-list-item-slot-start-margin-right)
  );
}
.kite-list-item--align-to-thumbnail-sm {
  --start-align-offset:
  	calc(var(--kite-list-item-image-sm-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-thumbnail-md {
  --start-align-offset:
  	calc(var(--kite-list-item-image-md-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-thumbnail, .kite-list-item--align-to-thumbnail-lg {
  --start-align-offset:
  	calc(var(--kite-list-item-image-lg-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-payment-logo {
  --start-align-offset:
  calc(
  	var(--kite-payment-logo-width) +
  	var(--kite-list-item-slot-start-margin-right)
  );
}
.kite-list-item--popover .kite-list-item__center {
  flex-direction: unset;
}
.kite-list-item--popover .kite-popover {
  margin-top: 2px;
}
.kite-list-item--expanded .kite-list-item__expandable-content, .kite-list-item--expanded .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item--expanded .rk-kite-list-item__body {
  display: block;
}
.kite-list-item--expanded .kite-list-item__end > .kite-icon {
  transform: rotate(-180deg);
}
.kite-list-item::before {
  border-bottom: var(--kite-list-item-border-width) var(--kite-list-item-border-style) var(--kite-list-item-border-color);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.kite-list-item__action, .kite-list-item__content {
  background-color: var(--kite-list-item-background-color);
  border: 0;
  color: var(--text-color);
  display: block;
  line-height: inherit;
  padding: var(--kite-list-item-padding-top) var(--kite-list-item-padding-right) var(--kite-list-item-padding-bottom) var(--kite-list-item-padding-left);
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.kite-list-item__action {
  cursor: var(--kite-list-item-cursor);
}
.kite-list-item__action.kite-hover, .kite-list-item__action:hover, .kite-list-item__action.kite-visited, .kite-list-item__action:visited {
  color: var(--text-color);
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .kite-list-item__action.kite-hover, .kite-list-item__action:hover {
    background-color: var(--hover-background-color);
  }
}
.kite-list-item__action.kite-focus-visible, .kite-list-item__action:focus-visible {
  color: var(--text-color);
  outline-offset: var(--kite-list-item-focus-ring-offset);
}
.kite-list-item__inner {
  display: flex;
  flex-direction: row;
}
.kite-list-item__start > .kite-icon, .kite-list-item__end > .kite-icon {
  --color: var(--icon-color);
  --offset: 0;
}
.kite-list-item__start {
  display: flex;
  flex-direction: column;
  margin-right: var(--kite-list-item-slot-start-margin-right);
  max-width: var(--kite-list-item-slot-start-max-width);
}
.kite-list-item__start .kite-payment-logo {
  width: var(--kite-list-item-payment-logo-width);
  height: var(--kite-list-item-payment-logo-height);
  margin-top: var(--kite-list-item-payment-logo-margin-top);
  box-shadow: var(--kite-list-item-payment-logo-shadow);
  border-radius: var(--kite-list-item-payment-logo-border-radius);
}
.kite-list-item__start > .kite-icon {
  --size: var(--kite-list-item-icon-width);
}
.kite-list-item__center {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: var(--start-align-offset);
}
.kite-list-item__center .kite-list-item__label {
  margin-top: var(--kite-list-item-multiline-subtitle-margin-bottom);
}
.kite-list-item__end {
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-self: flex-end;
  margin-left: var(--kite-list-item-slot-end-margin-left);
}
.kite-list-item__end--centered {
  align-self: center;
}
.kite-list-item__end > .kite-icon {
  --size: var(--kite-list-item-action-icon-width);
  min-height: calc(var(--size) * var(--kite-typography-body-line-height, 1.5));
  margin-left: var(--kite-list-item-label-margin-right);
  flex-shrink: 0;
  transition: transform var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
.kite-list-item__end .kite-switch {
  margin-bottom: 0px;
}
.kite-list-item__label {
  color: var(--label-text-color);
  font-size: var(--kite-list-item-label-text-size);
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item__label {
    white-space: nowrap;
  }
}
.kite-list-item__label .kite-icon {
  --size: var(--kite-list-item-label-icon-width);
  margin-right: var(--kite-list-item-label-icon-margin-right);
}
.kite-list-item__label--negative {
  color: var(--negative-label-text-color);
}
.kite-list-item__label--positive {
  color: var(--positive-label-text-color);
}
.kite-list-item__label--neutral {
  color: var(--neutral-label-text-color);
}
.kite-list-item__label--muted {
  color: var(--muted-label-text-color);
}
.kite-list-item__label--caution {
  color: var(--caution-label-text-color);
}
.kite-list-item__label--caution .kite-icon {
  --color: var(--kite-list-item-caution-label-icon-color);
}
.kite-list-item__image .kite-image {
  --max-width: var(--kite-list-item-image-max-width);
  --max-height: var(--kite-list-item-image-max-height);
  --border-radius: var(--kite-list-item-image-border-radius);
  justify-content: flex-start;
}
.kite-list-item__image--sm .kite-image {
  --max-width: var(--kite-list-item-image-sm-max-width);
  --max-height: var(--kite-list-item-image-sm-max-height);
}
.kite-list-item__image--md .kite-image {
  --max-width: var(--kite-list-item-image-md-max-width);
  --max-height: var(--kite-list-item-image-md-max-height);
}
.kite-list-item__image--lg .kite-image {
  --max-width: var(--kite-list-item-image-lg-max-width);
  --max-height: var(--kite-list-item-image-lg-max-height);
}
.kite-list-item .kite-title {
  font-size: var(--kite-list-item-title-text-size);
  font-weight: var(--kite-list-item-title-text-weight);
  line-height: var(--kite-list-item-title-text-line-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-title {
    font-size: var(--kite-list-item-breakpoint-md-title-text-size);
    font-weight: var(--kite-list-item-breakpoint-md-title-text-weight);
    line-height: var(--kite-list-item-breakpoint-md-title-text-line-height);
  }
}
.kite-list-item .kite-title--body {
  font-size: var(--kite-list-item-title-body-text-size);
  font-weight: var(--kite-list-item-title-body-text-weight);
  line-height: var(--kite-list-item-title-body-text-line-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-title--body {
    font-size: var(--kite-list-item-breakpoint-md-title-body-text-size);
    font-weight: var(--kite-list-item-breakpoint-md-title-body-text-weight);
    line-height: var(--kite-list-item-breakpoint-md-title-body-text-line-height);
  }
}
.kite-list-item .kite-subtitle {
  font-size: var(--kite-list-item-multiline-subtitle-text-size);
  margin-top: var(--kite-list-item-multiline-title-margin-bottom);
}
.kite-list-item .kite-menu--block .kite-picker--overlay {
  left: auto;
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-menu--block .kite-picker--overlay {
    left: 0;
  }
}
.kite-list-item__expandable-container {
  --max-height: 0;
  max-height: var(--max-height);
  overflow: hidden;
}
.kite-list-item__expandable-container--transitioning {
  transition: all var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-list-item__expandable-container--transitioning {
    transition-property: none;
  }
}
.kite-list-item__expandable-container--transitioning .kite-list-item__expandable-content, .kite-list-item__expandable-container--transitioning .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item__expandable-container--transitioning .rk-kite-list-item__body {
  transition: all var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-list-item__expandable-container--transitioning .kite-list-item__expandable-content, .kite-list-item__expandable-container--transitioning .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item__expandable-container--transitioning .rk-kite-list-item__body {
    transition-property: none;
  }
}
.kite-list-item__expandable-content, .kite-list-item .rk-kite-list-item__body {
  --opacity: 0;
  opacity: var(--opacity);
  display: none;
  text-align: left;
  padding: var(--kite-list-item-expandable-content-padding-top) var(--kite-list-item-expandable-content-padding-right) var(--kite-list-item-expandable-content-padding-bottom) var(--kite-list-item-expandable-content-padding-left);
}
.kite-list-item__expandable-content > :last-child, .kite-list-item .rk-kite-list-item__body > :last-child {
  margin-bottom: 0;
}

.kite-card .kite-list {
  border-top: 0;
}
.kite-card .kite-list-item:last-child::before {
  border-bottom: 0;
}
.kite-card .kite-list-item::before {
  left: var(--kite-list-item-padding-left-sm);
  width: calc(100% - var(--kite-list-item-padding-left-sm) * 2);
}
@media only screen and (min-width: 37.5rem) {
  .kite-card .kite-list-item::before {
    left: var(--kite-list-item-padding-left-md);
    width: calc(100% - var(--kite-list-item-padding-left-md) * 2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card .kite-list-item::before {
    left: var(--kite-list-item-padding-left-lg);
    width: calc(100% - var(--kite-list-item-padding-left-lg) * 2);
  }
}
.kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-sm) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-sm) + var(--kite-list-item-padding-left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
    padding-right: calc(var(--kite-list-item-padding-right-md) + var(--kite-list-item-padding-right));
    padding-left: calc(var(--kite-list-item-padding-left-md) + var(--kite-list-item-padding-left));
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
    padding-right: calc(var(--kite-list-item-padding-right-lg) + var(--kite-list-item-padding-right));
    padding-left: calc(var(--kite-list-item-padding-left-lg) + var(--kite-list-item-padding-left));
  }
}
.kite-card .kite-list-item--sm::before {
  left: var(--kite-list-item-padding-left-sm);
  width: calc(100% - var(--kite-list-item-padding-left-sm) * 2);
}
.kite-card .kite-list-item--sm .kite-list-item__action,
.kite-card .kite-list-item--sm .kite-list-item__content,
.kite-card .kite-list-item--sm .kite-list-item__expandable-content,
.kite-card .kite-list-item--sm .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--sm .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-sm) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-sm) + var(--kite-list-item-padding-left));
}
.kite-card .kite-list-item--md::before {
  left: var(--kite-list-item-padding-left-md);
  width: calc(100% - var(--kite-list-item-padding-left-md) * 2);
}
.kite-card .kite-list-item--md .kite-list-item__action,
.kite-card .kite-list-item--md .kite-list-item__content,
.kite-card .kite-list-item--md .kite-list-item__expandable-content,
.kite-card .kite-list-item--md .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--md .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-md) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-md) + var(--kite-list-item-padding-left));
}
.kite-card .kite-list-item--lg::before {
  left: var(--kite-list-item-padding-left-lg);
  width: calc(100% - var(--kite-list-item-padding-left-lg) * 2);
}
.kite-card .kite-list-item--lg .kite-list-item__action,
.kite-card .kite-list-item--lg .kite-list-item__content,
.kite-card .kite-list-item--lg .kite-list-item__expandable-content,
.kite-card .kite-list-item--lg .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--lg .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-lg) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-lg) + var(--kite-list-item-padding-left));
}

.kite-list {
  --multiline-title-height: calc(var(--kite-list-item-multiline-title-text-size) * var(--kite-typography-lg-body-line-height, 1.5));
  --border-color: var(--kite-list-border-color);
  --label-text-color: var(--kite-list-item-label-text-color);
  --negative-label-text-color: var(--kite-list-item-negative-label-text-color);
  --neutral-label-text-color: var(--kite-list-item-neutral-label-text-color);
  --muted-label-text-color: var(--kite-list-item-muted-label-text-color);
  --positive-label-text-color: var(--kite-list-item-positive-label-text-color);
  --caution-label-text-color: var(--kite-list-item-caution-label-text-color);
  --text-color: var(--kite-list-item-text-color);
  --icon-color: var(--kite-list-item-icon-color);
  --action-icon-color: var(--kite-list-item-action-icon-color);
  --disabled-icon-color: var(--kite-list-item-disabled-icon-color);
  --hover-background-color: var(--kite-list-item-hover-background-color);
}

ul.kite-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-list > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.kite-list {
  border-top: var(--kite-list-border-width) var(--kite-list-border-style) var(--border-color);
}
.kite-list--align-items {
  --start-area: max-content;
  --center-area: 1fr;
  --end-area: min-content;
  display: grid;
  grid-template-columns: var(--start-area) var(--center-area) var(--end-area);
  grid-template-areas: "start center end";
}
@media only screen and (min-width: 30rem) {
  .kite-list--align-items {
    --end-area: max-content;
  }
}
.kite-list--align-items .kite-list-item__start {
  grid-area: start;
}
.kite-list--align-items .kite-list-item__center {
  grid-area: center;
}
.kite-list--align-items .kite-list-item__end {
  grid-area: end;
}
.kite-list--align-items.kite-list *:not([hidden],
.kite-list-item__inner *,
.kite-list-item__expandable-container,
.kite-list-item__expandable-container *) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-auto-flow: column;
}
.kite-list--align-items .kite-list-item__expandable-container {
  grid-column: 1/-1;
}

.kite-list-item {
  --start-align-offset: 0;
  display: block;
  position: relative;
}
.kite-list-item--disabled {
  --icon-color: var(--kite-list-item-disabled-icon-color);
  --text-color: var(--kite-list-item-disabled-text-color);
  --label-text-color: var(--text-color);
  --negative-label-text-color: var(--label-text-color);
  --neutral-label-text-color: var(--label-text-color);
  --muted-label-text-color: var(--label-text-color);
  --positive-label-text-color: var(--label-text-color);
  color: var(--text-color);
}
.kite-list-item--disabled .kite-list-item__action, .kite-list-item--disabled .kite-list-item__content {
  cursor: var(--kite-list-item-disabled-cursor);
}
.kite-list-item--disabled .kite-list-item__action:hover, .kite-list-item--disabled .kite-list-item__content:hover {
  background-color: transparent;
}
.kite-list-item--danger .kite-list-item__label, .kite-list-item--negative .kite-list-item__label {
  color: var(--negative-label-text-color);
}
.kite-list-item--info .kite-list-item__label, .kite-list-item--neutral .kite-list-item__label {
  color: var(--neutral-label-text-color);
}
.kite-list-item--success .kite-list-item__label, .kite-list-item--positive .kite-list-item__label {
  color: var(--positive-label-text-color);
}
.kite-list-item--align-to-icon {
  --start-align-offset:
  calc(
  	var(--kite-list-item-icon-width) +
  	var(--kite-list-item-slot-start-margin-right)
  );
}
.kite-list-item--align-to-thumbnail-sm {
  --start-align-offset:
  	calc(var(--kite-list-item-image-sm-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-thumbnail-md {
  --start-align-offset:
  	calc(var(--kite-list-item-image-md-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-thumbnail, .kite-list-item--align-to-thumbnail-lg {
  --start-align-offset:
  	calc(var(--kite-list-item-image-lg-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-payment-logo {
  --start-align-offset:
  calc(
  	var(--kite-payment-logo-width) +
  	var(--kite-list-item-slot-start-margin-right)
  );
}
.kite-list-item--popover .kite-list-item__center {
  flex-direction: unset;
}
.kite-list-item--popover .kite-popover {
  margin-top: 2px;
}
.kite-list-item--expanded .kite-list-item__expandable-content, .kite-list-item--expanded .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item--expanded .rk-kite-list-item__body {
  display: block;
}
.kite-list-item--expanded .kite-list-item__end > .kite-icon {
  transform: rotate(-180deg);
}
.kite-list-item::before {
  border-bottom: var(--kite-list-item-border-width) var(--kite-list-item-border-style) var(--kite-list-item-border-color);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.kite-list-item__action, .kite-list-item__content {
  background-color: var(--kite-list-item-background-color);
  border: 0;
  color: var(--text-color);
  display: block;
  line-height: inherit;
  padding: var(--kite-list-item-padding-top) var(--kite-list-item-padding-right) var(--kite-list-item-padding-bottom) var(--kite-list-item-padding-left);
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.kite-list-item__action {
  cursor: var(--kite-list-item-cursor);
}
.kite-list-item__action.kite-hover, .kite-list-item__action:hover, .kite-list-item__action.kite-visited, .kite-list-item__action:visited {
  color: var(--text-color);
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .kite-list-item__action.kite-hover, .kite-list-item__action:hover {
    background-color: var(--hover-background-color);
  }
}
.kite-list-item__action.kite-focus-visible, .kite-list-item__action:focus-visible {
  color: var(--text-color);
  outline-offset: var(--kite-list-item-focus-ring-offset);
}
.kite-list-item__inner {
  display: flex;
  flex-direction: row;
}
.kite-list-item__start > .kite-icon, .kite-list-item__end > .kite-icon {
  --color: var(--icon-color);
  --offset: 0;
}
.kite-list-item__start {
  display: flex;
  flex-direction: column;
  margin-right: var(--kite-list-item-slot-start-margin-right);
  max-width: var(--kite-list-item-slot-start-max-width);
}
.kite-list-item__start .kite-payment-logo {
  width: var(--kite-list-item-payment-logo-width);
  height: var(--kite-list-item-payment-logo-height);
  margin-top: var(--kite-list-item-payment-logo-margin-top);
  box-shadow: var(--kite-list-item-payment-logo-shadow);
  border-radius: var(--kite-list-item-payment-logo-border-radius);
}
.kite-list-item__start > .kite-icon {
  --size: var(--kite-list-item-icon-width);
}
.kite-list-item__center {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: var(--start-align-offset);
}
.kite-list-item__center .kite-list-item__label {
  margin-top: var(--kite-list-item-multiline-subtitle-margin-bottom);
}
.kite-list-item__end {
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-self: flex-end;
  margin-left: var(--kite-list-item-slot-end-margin-left);
}
.kite-list-item__end--centered {
  align-self: center;
}
.kite-list-item__end > .kite-icon {
  --size: var(--kite-list-item-action-icon-width);
  min-height: calc(var(--size) * var(--kite-typography-body-line-height, 1.5));
  margin-left: var(--kite-list-item-label-margin-right);
  flex-shrink: 0;
  transition: transform var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
.kite-list-item__end .kite-switch {
  margin-bottom: 0px;
}
.kite-list-item__label {
  color: var(--label-text-color);
  font-size: var(--kite-list-item-label-text-size);
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item__label {
    white-space: nowrap;
  }
}
.kite-list-item__label .kite-icon {
  --size: var(--kite-list-item-label-icon-width);
  margin-right: var(--kite-list-item-label-icon-margin-right);
}
.kite-list-item__label--negative {
  color: var(--negative-label-text-color);
}
.kite-list-item__label--positive {
  color: var(--positive-label-text-color);
}
.kite-list-item__label--neutral {
  color: var(--neutral-label-text-color);
}
.kite-list-item__label--muted {
  color: var(--muted-label-text-color);
}
.kite-list-item__label--caution {
  color: var(--caution-label-text-color);
}
.kite-list-item__label--caution .kite-icon {
  --color: var(--kite-list-item-caution-label-icon-color);
}
.kite-list-item__image .kite-image {
  --max-width: var(--kite-list-item-image-max-width);
  --max-height: var(--kite-list-item-image-max-height);
  --border-radius: var(--kite-list-item-image-border-radius);
  justify-content: flex-start;
}
.kite-list-item__image--sm .kite-image {
  --max-width: var(--kite-list-item-image-sm-max-width);
  --max-height: var(--kite-list-item-image-sm-max-height);
}
.kite-list-item__image--md .kite-image {
  --max-width: var(--kite-list-item-image-md-max-width);
  --max-height: var(--kite-list-item-image-md-max-height);
}
.kite-list-item__image--lg .kite-image {
  --max-width: var(--kite-list-item-image-lg-max-width);
  --max-height: var(--kite-list-item-image-lg-max-height);
}
.kite-list-item .kite-title {
  font-size: var(--kite-list-item-title-text-size);
  font-weight: var(--kite-list-item-title-text-weight);
  line-height: var(--kite-list-item-title-text-line-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-title {
    font-size: var(--kite-list-item-breakpoint-md-title-text-size);
    font-weight: var(--kite-list-item-breakpoint-md-title-text-weight);
    line-height: var(--kite-list-item-breakpoint-md-title-text-line-height);
  }
}
.kite-list-item .kite-title--body {
  font-size: var(--kite-list-item-title-body-text-size);
  font-weight: var(--kite-list-item-title-body-text-weight);
  line-height: var(--kite-list-item-title-body-text-line-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-title--body {
    font-size: var(--kite-list-item-breakpoint-md-title-body-text-size);
    font-weight: var(--kite-list-item-breakpoint-md-title-body-text-weight);
    line-height: var(--kite-list-item-breakpoint-md-title-body-text-line-height);
  }
}
.kite-list-item .kite-subtitle {
  font-size: var(--kite-list-item-multiline-subtitle-text-size);
  margin-top: var(--kite-list-item-multiline-title-margin-bottom);
}
.kite-list-item .kite-menu--block .kite-picker--overlay {
  left: auto;
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-menu--block .kite-picker--overlay {
    left: 0;
  }
}
.kite-list-item__expandable-container {
  --max-height: 0;
  max-height: var(--max-height);
  overflow: hidden;
}
.kite-list-item__expandable-container--transitioning {
  transition: all var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-list-item__expandable-container--transitioning {
    transition-property: none;
  }
}
.kite-list-item__expandable-container--transitioning .kite-list-item__expandable-content, .kite-list-item__expandable-container--transitioning .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item__expandable-container--transitioning .rk-kite-list-item__body {
  transition: all var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-list-item__expandable-container--transitioning .kite-list-item__expandable-content, .kite-list-item__expandable-container--transitioning .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item__expandable-container--transitioning .rk-kite-list-item__body {
    transition-property: none;
  }
}
.kite-list-item__expandable-content, .kite-list-item .rk-kite-list-item__body {
  --opacity: 0;
  opacity: var(--opacity);
  display: none;
  text-align: left;
  padding: var(--kite-list-item-expandable-content-padding-top) var(--kite-list-item-expandable-content-padding-right) var(--kite-list-item-expandable-content-padding-bottom) var(--kite-list-item-expandable-content-padding-left);
}
.kite-list-item__expandable-content > :last-child, .kite-list-item .rk-kite-list-item__body > :last-child {
  margin-bottom: 0;
}

.kite-card .kite-list {
  border-top: 0;
}
.kite-card .kite-list-item:last-child::before {
  border-bottom: 0;
}
.kite-card .kite-list-item::before {
  left: var(--kite-list-item-padding-left-sm);
  width: calc(100% - var(--kite-list-item-padding-left-sm) * 2);
}
@media only screen and (min-width: 37.5rem) {
  .kite-card .kite-list-item::before {
    left: var(--kite-list-item-padding-left-md);
    width: calc(100% - var(--kite-list-item-padding-left-md) * 2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card .kite-list-item::before {
    left: var(--kite-list-item-padding-left-lg);
    width: calc(100% - var(--kite-list-item-padding-left-lg) * 2);
  }
}
.kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-sm) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-sm) + var(--kite-list-item-padding-left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
    padding-right: calc(var(--kite-list-item-padding-right-md) + var(--kite-list-item-padding-right));
    padding-left: calc(var(--kite-list-item-padding-left-md) + var(--kite-list-item-padding-left));
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
    padding-right: calc(var(--kite-list-item-padding-right-lg) + var(--kite-list-item-padding-right));
    padding-left: calc(var(--kite-list-item-padding-left-lg) + var(--kite-list-item-padding-left));
  }
}
.kite-card .kite-list-item--sm::before {
  left: var(--kite-list-item-padding-left-sm);
  width: calc(100% - var(--kite-list-item-padding-left-sm) * 2);
}
.kite-card .kite-list-item--sm .kite-list-item__action,
.kite-card .kite-list-item--sm .kite-list-item__content,
.kite-card .kite-list-item--sm .kite-list-item__expandable-content,
.kite-card .kite-list-item--sm .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--sm .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-sm) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-sm) + var(--kite-list-item-padding-left));
}
.kite-card .kite-list-item--md::before {
  left: var(--kite-list-item-padding-left-md);
  width: calc(100% - var(--kite-list-item-padding-left-md) * 2);
}
.kite-card .kite-list-item--md .kite-list-item__action,
.kite-card .kite-list-item--md .kite-list-item__content,
.kite-card .kite-list-item--md .kite-list-item__expandable-content,
.kite-card .kite-list-item--md .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--md .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-md) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-md) + var(--kite-list-item-padding-left));
}
.kite-card .kite-list-item--lg::before {
  left: var(--kite-list-item-padding-left-lg);
  width: calc(100% - var(--kite-list-item-padding-left-lg) * 2);
}
.kite-card .kite-list-item--lg .kite-list-item__action,
.kite-card .kite-list-item--lg .kite-list-item__content,
.kite-card .kite-list-item--lg .kite-list-item__expandable-content,
.kite-card .kite-list-item--lg .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--lg .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-lg) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-lg) + var(--kite-list-item-padding-left));
}

.kite-list-item__start .kite-icon {
  margin-top: 0.25rem;
}

.kite-list-item__start:empty {
  margin: 0;
}

.kite-link {
  --text-decoration: var(--kite-link-text-decoration);
  --color: var(--kite-link-text-color);
  --focus-ring-color: var(--kite-link-focus-ring-color);
  --focus-text-color: var(--kite-link-focus-text-color);
  --hover-text-color: var(--kite-link-hover-text-color);
  --press-text-color: var(--kite-link-press-text-color);
  --visited-text-color: var(--kite-link-visited-text-color);
  color: var(--color);
  font-weight: var(--kite-link-text-weight);
  text-decoration: var(--text-decoration);
  text-decoration-thickness: var(--kite-link-text-decoration-thickness);
  text-underline-offset: var(--kite-link-text-decoration-offset);
}

.kite-link.kite-hover, .kite-link:hover {
  --text-decoration: var(--kite-link-hover-text-decoration);
  color: var(--hover-text-color);
}
.kite-link.kite-focus-visible, .kite-link:focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) var(--kite-focus-ring-color);
  outline-offset: var(--kite-focus-ring-offset);
  --text-decoration: var(--kite-link-focus-text-decoration);
  color: var(--focus-text-color);
  outline-color: var(--focus-ring-color);
}
.kite-link.kite-active, .kite-link:active {
  --text-decoration: var(--kite-link-press-text-decoration);
  color: var(--press-text-color);
}
.kite-link.kite-visited, .kite-link:visited {
  --text-decoration: var(--kite-link-visited-text-decoration);
  color: var(--visited-text-color);
}
.kite-link.kite-disabled, .kite-link:disabled {
  pointer-events: none;
}

.kite-link {
  --icon-size: var(--kite-link-icon-height);
  --icon-color: var(--kite-link-icon-color);
}
.kite-link:is(a:not([href])) {
  --icon-color: currentColor;
}
.kite-link:has(.kite-icon) {
  display: inline-flex;
  align-items: center;
  gap: var(--kite-link-icon-margin);
}
.kite-link__icon {
  display: inline;
}
.kite-link__icon .kite-icon {
  --color: var(--icon-color);
  object-fit: contain;
  width: var(--icon-size);
  height: var(--icon-size);
}
.kite-link--standalone {
  --text-decoration: var(--kite-link-standalone-text-decoration);
  --icon-color: var(--kite-link-standalone-icon-color);
  font-weight: var(--kite-link-standalone-text-weight);
  text-decoration-thickness: var(--kite-link-standalone-text-decoration-thickness);
  text-underline-offset: var(--kite-link-standalone-text-decoration-offset);
}
.kite-link--standalone.kite-hover, .kite-link--standalone:hover {
  --text-decoration: var(--kite-link-standalone-hover-text-decoration);
  --icon-color: var(--kite-link-standalone-hover-icon-color);
}
.kite-link--standalone.kite-focus-visible, .kite-link--standalone:focus-visible {
  --text-decoration: var(--kite-link-standalone-focus-text-decoration);
  --icon-color: var(--kite-link-standalone-focus-icon-color);
}
.kite-link--standalone.kite-active, .kite-link--standalone:active {
  --text-decoration: var(--kite-link-standalone-press-text-decoration);
  --icon-color: var(--kite-link-standalone-press-icon-color);
}
.kite-link--standalone.kite-visited, .kite-link--standalone:visited {
  --text-decoration: var(--kite-link-standalone-visited-text-decoration);
  --icon-color: var(--kite-link-standalone-visited-icon-color);
}

.kite-list {
  --multiline-title-height: calc(var(--kite-list-item-multiline-title-text-size) * var(--kite-typography-lg-body-line-height, 1.5));
  --border-color: var(--kite-list-border-color);
  --label-text-color: var(--kite-list-item-label-text-color);
  --negative-label-text-color: var(--kite-list-item-negative-label-text-color);
  --neutral-label-text-color: var(--kite-list-item-neutral-label-text-color);
  --muted-label-text-color: var(--kite-list-item-muted-label-text-color);
  --positive-label-text-color: var(--kite-list-item-positive-label-text-color);
  --caution-label-text-color: var(--kite-list-item-caution-label-text-color);
  --text-color: var(--kite-list-item-text-color);
  --icon-color: var(--kite-list-item-icon-color);
  --action-icon-color: var(--kite-list-item-action-icon-color);
  --disabled-icon-color: var(--kite-list-item-disabled-icon-color);
  --hover-background-color: var(--kite-list-item-hover-background-color);
}

ul.kite-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-list > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}

.kite-list {
  border-top: var(--kite-list-border-width) var(--kite-list-border-style) var(--border-color);
}
.kite-list--align-items {
  --start-area: max-content;
  --center-area: 1fr;
  --end-area: min-content;
  display: grid;
  grid-template-columns: var(--start-area) var(--center-area) var(--end-area);
  grid-template-areas: "start center end";
}
@media only screen and (min-width: 30rem) {
  .kite-list--align-items {
    --end-area: max-content;
  }
}
.kite-list--align-items .kite-list-item__start {
  grid-area: start;
}
.kite-list--align-items .kite-list-item__center {
  grid-area: center;
}
.kite-list--align-items .kite-list-item__end {
  grid-area: end;
}
.kite-list--align-items.kite-list *:not([hidden],
.kite-list-item__inner *,
.kite-list-item__expandable-container,
.kite-list-item__expandable-container *) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-auto-flow: column;
}
.kite-list--align-items .kite-list-item__expandable-container {
  grid-column: 1/-1;
}

.kite-list-item {
  --start-align-offset: 0;
  display: block;
  position: relative;
}
.kite-list-item--disabled {
  --icon-color: var(--kite-list-item-disabled-icon-color);
  --text-color: var(--kite-list-item-disabled-text-color);
  --label-text-color: var(--text-color);
  --negative-label-text-color: var(--label-text-color);
  --neutral-label-text-color: var(--label-text-color);
  --muted-label-text-color: var(--label-text-color);
  --positive-label-text-color: var(--label-text-color);
  color: var(--text-color);
}
.kite-list-item--disabled .kite-list-item__action, .kite-list-item--disabled .kite-list-item__content {
  cursor: var(--kite-list-item-disabled-cursor);
}
.kite-list-item--disabled .kite-list-item__action:hover, .kite-list-item--disabled .kite-list-item__content:hover {
  background-color: transparent;
}
.kite-list-item--danger .kite-list-item__label, .kite-list-item--negative .kite-list-item__label {
  color: var(--negative-label-text-color);
}
.kite-list-item--info .kite-list-item__label, .kite-list-item--neutral .kite-list-item__label {
  color: var(--neutral-label-text-color);
}
.kite-list-item--success .kite-list-item__label, .kite-list-item--positive .kite-list-item__label {
  color: var(--positive-label-text-color);
}
.kite-list-item--align-to-icon {
  --start-align-offset:
  calc(
  	var(--kite-list-item-icon-width) +
  	var(--kite-list-item-slot-start-margin-right)
  );
}
.kite-list-item--align-to-thumbnail-sm {
  --start-align-offset:
  	calc(var(--kite-list-item-image-sm-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-thumbnail-md {
  --start-align-offset:
  	calc(var(--kite-list-item-image-md-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-thumbnail, .kite-list-item--align-to-thumbnail-lg {
  --start-align-offset:
  	calc(var(--kite-list-item-image-lg-max-width) + var(--kite-list-item-slot-start-margin-right));
}
.kite-list-item--align-to-payment-logo {
  --start-align-offset:
  calc(
  	var(--kite-payment-logo-width) +
  	var(--kite-list-item-slot-start-margin-right)
  );
}
.kite-list-item--popover .kite-list-item__center {
  flex-direction: unset;
}
.kite-list-item--popover .kite-popover {
  margin-top: 2px;
}
.kite-list-item--expanded .kite-list-item__expandable-content, .kite-list-item--expanded .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item--expanded .rk-kite-list-item__body {
  display: block;
}
.kite-list-item--expanded .kite-list-item__end > .kite-icon {
  transform: rotate(-180deg);
}
.kite-list-item::before {
  border-bottom: var(--kite-list-item-border-width) var(--kite-list-item-border-style) var(--kite-list-item-border-color);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.kite-list-item__action, .kite-list-item__content {
  background-color: var(--kite-list-item-background-color);
  border: 0;
  color: var(--text-color);
  display: block;
  line-height: inherit;
  padding: var(--kite-list-item-padding-top) var(--kite-list-item-padding-right) var(--kite-list-item-padding-bottom) var(--kite-list-item-padding-left);
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.kite-list-item__action {
  cursor: var(--kite-list-item-cursor);
}
.kite-list-item__action.kite-hover, .kite-list-item__action:hover, .kite-list-item__action.kite-visited, .kite-list-item__action:visited {
  color: var(--text-color);
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .kite-list-item__action.kite-hover, .kite-list-item__action:hover {
    background-color: var(--hover-background-color);
  }
}
.kite-list-item__action.kite-focus-visible, .kite-list-item__action:focus-visible {
  color: var(--text-color);
  outline-offset: var(--kite-list-item-focus-ring-offset);
}
.kite-list-item__inner {
  display: flex;
  flex-direction: row;
}
.kite-list-item__start > .kite-icon, .kite-list-item__end > .kite-icon {
  --color: var(--icon-color);
  --offset: 0;
}
.kite-list-item__start {
  display: flex;
  flex-direction: column;
  margin-right: var(--kite-list-item-slot-start-margin-right);
  max-width: var(--kite-list-item-slot-start-max-width);
}
.kite-list-item__start .kite-payment-logo {
  width: var(--kite-list-item-payment-logo-width);
  height: var(--kite-list-item-payment-logo-height);
  margin-top: var(--kite-list-item-payment-logo-margin-top);
  box-shadow: var(--kite-list-item-payment-logo-shadow);
  border-radius: var(--kite-list-item-payment-logo-border-radius);
}
.kite-list-item__start > .kite-icon {
  --size: var(--kite-list-item-icon-width);
}
.kite-list-item__center {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-left: var(--start-align-offset);
}
.kite-list-item__center .kite-list-item__label {
  margin-top: var(--kite-list-item-multiline-subtitle-margin-bottom);
}
.kite-list-item__end {
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-self: flex-end;
  margin-left: var(--kite-list-item-slot-end-margin-left);
}
.kite-list-item__end--centered {
  align-self: center;
}
.kite-list-item__end > .kite-icon {
  --size: var(--kite-list-item-action-icon-width);
  min-height: calc(var(--size) * var(--kite-typography-body-line-height, 1.5));
  margin-left: var(--kite-list-item-label-margin-right);
  flex-shrink: 0;
  transition: transform var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
.kite-list-item__end .kite-switch {
  margin-bottom: 0px;
}
.kite-list-item__label {
  color: var(--label-text-color);
  font-size: var(--kite-list-item-label-text-size);
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item__label {
    white-space: nowrap;
  }
}
.kite-list-item__label .kite-icon {
  --size: var(--kite-list-item-label-icon-width);
  margin-right: var(--kite-list-item-label-icon-margin-right);
}
.kite-list-item__label--negative {
  color: var(--negative-label-text-color);
}
.kite-list-item__label--positive {
  color: var(--positive-label-text-color);
}
.kite-list-item__label--neutral {
  color: var(--neutral-label-text-color);
}
.kite-list-item__label--muted {
  color: var(--muted-label-text-color);
}
.kite-list-item__label--caution {
  color: var(--caution-label-text-color);
}
.kite-list-item__label--caution .kite-icon {
  --color: var(--kite-list-item-caution-label-icon-color);
}
.kite-list-item__image .kite-image {
  --max-width: var(--kite-list-item-image-max-width);
  --max-height: var(--kite-list-item-image-max-height);
  --border-radius: var(--kite-list-item-image-border-radius);
  justify-content: flex-start;
}
.kite-list-item__image--sm .kite-image {
  --max-width: var(--kite-list-item-image-sm-max-width);
  --max-height: var(--kite-list-item-image-sm-max-height);
}
.kite-list-item__image--md .kite-image {
  --max-width: var(--kite-list-item-image-md-max-width);
  --max-height: var(--kite-list-item-image-md-max-height);
}
.kite-list-item__image--lg .kite-image {
  --max-width: var(--kite-list-item-image-lg-max-width);
  --max-height: var(--kite-list-item-image-lg-max-height);
}
.kite-list-item .kite-title {
  font-size: var(--kite-list-item-title-text-size);
  font-weight: var(--kite-list-item-title-text-weight);
  line-height: var(--kite-list-item-title-text-line-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-title {
    font-size: var(--kite-list-item-breakpoint-md-title-text-size);
    font-weight: var(--kite-list-item-breakpoint-md-title-text-weight);
    line-height: var(--kite-list-item-breakpoint-md-title-text-line-height);
  }
}
.kite-list-item .kite-title--body {
  font-size: var(--kite-list-item-title-body-text-size);
  font-weight: var(--kite-list-item-title-body-text-weight);
  line-height: var(--kite-list-item-title-body-text-line-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-title--body {
    font-size: var(--kite-list-item-breakpoint-md-title-body-text-size);
    font-weight: var(--kite-list-item-breakpoint-md-title-body-text-weight);
    line-height: var(--kite-list-item-breakpoint-md-title-body-text-line-height);
  }
}
.kite-list-item .kite-subtitle {
  font-size: var(--kite-list-item-multiline-subtitle-text-size);
  margin-top: var(--kite-list-item-multiline-title-margin-bottom);
}
.kite-list-item .kite-menu--block .kite-picker--overlay {
  left: auto;
}
@media only screen and (min-width: 37.5rem) {
  .kite-list-item .kite-menu--block .kite-picker--overlay {
    left: 0;
  }
}
.kite-list-item__expandable-container {
  --max-height: 0;
  max-height: var(--max-height);
  overflow: hidden;
}
.kite-list-item__expandable-container--transitioning {
  transition: all var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-list-item__expandable-container--transitioning {
    transition-property: none;
  }
}
.kite-list-item__expandable-container--transitioning .kite-list-item__expandable-content, .kite-list-item__expandable-container--transitioning .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item__expandable-container--transitioning .rk-kite-list-item__body {
  transition: all var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
@media (prefers-reduced-motion) {
  .kite-list-item__expandable-container--transitioning .kite-list-item__expandable-content, .kite-list-item__expandable-container--transitioning .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-list-item__expandable-container--transitioning .rk-kite-list-item__body {
    transition-property: none;
  }
}
.kite-list-item__expandable-content, .kite-list-item .rk-kite-list-item__body {
  --opacity: 0;
  opacity: var(--opacity);
  display: none;
  text-align: left;
  padding: var(--kite-list-item-expandable-content-padding-top) var(--kite-list-item-expandable-content-padding-right) var(--kite-list-item-expandable-content-padding-bottom) var(--kite-list-item-expandable-content-padding-left);
}
.kite-list-item__expandable-content > :last-child, .kite-list-item .rk-kite-list-item__body > :last-child {
  margin-bottom: 0;
}

.kite-card .kite-list {
  border-top: 0;
}
.kite-card .kite-list-item:last-child::before {
  border-bottom: 0;
}
.kite-card .kite-list-item::before {
  left: var(--kite-list-item-padding-left-sm);
  width: calc(100% - var(--kite-list-item-padding-left-sm) * 2);
}
@media only screen and (min-width: 37.5rem) {
  .kite-card .kite-list-item::before {
    left: var(--kite-list-item-padding-left-md);
    width: calc(100% - var(--kite-list-item-padding-left-md) * 2);
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card .kite-list-item::before {
    left: var(--kite-list-item-padding-left-lg);
    width: calc(100% - var(--kite-list-item-padding-left-lg) * 2);
  }
}
.kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-sm) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-sm) + var(--kite-list-item-padding-left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
    padding-right: calc(var(--kite-list-item-padding-right-md) + var(--kite-list-item-padding-right));
    padding-left: calc(var(--kite-list-item-padding-left-md) + var(--kite-list-item-padding-left));
  }
}
@media only screen and (min-width: 52.5rem) {
  .kite-card .kite-list-item__action, .kite-card .kite-list-item__content, .kite-card .kite-list-item__expandable-content, .kite-card .kite-list-item .rk-kite-list-item__body, .kite-list-item .kite-card .rk-kite-list-item__body {
    padding-right: calc(var(--kite-list-item-padding-right-lg) + var(--kite-list-item-padding-right));
    padding-left: calc(var(--kite-list-item-padding-left-lg) + var(--kite-list-item-padding-left));
  }
}
.kite-card .kite-list-item--sm::before {
  left: var(--kite-list-item-padding-left-sm);
  width: calc(100% - var(--kite-list-item-padding-left-sm) * 2);
}
.kite-card .kite-list-item--sm .kite-list-item__action,
.kite-card .kite-list-item--sm .kite-list-item__content,
.kite-card .kite-list-item--sm .kite-list-item__expandable-content,
.kite-card .kite-list-item--sm .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--sm .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-sm) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-sm) + var(--kite-list-item-padding-left));
}
.kite-card .kite-list-item--md::before {
  left: var(--kite-list-item-padding-left-md);
  width: calc(100% - var(--kite-list-item-padding-left-md) * 2);
}
.kite-card .kite-list-item--md .kite-list-item__action,
.kite-card .kite-list-item--md .kite-list-item__content,
.kite-card .kite-list-item--md .kite-list-item__expandable-content,
.kite-card .kite-list-item--md .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--md .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-md) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-md) + var(--kite-list-item-padding-left));
}
.kite-card .kite-list-item--lg::before {
  left: var(--kite-list-item-padding-left-lg);
  width: calc(100% - var(--kite-list-item-padding-left-lg) * 2);
}
.kite-card .kite-list-item--lg .kite-list-item__action,
.kite-card .kite-list-item--lg .kite-list-item__content,
.kite-card .kite-list-item--lg .kite-list-item__expandable-content,
.kite-card .kite-list-item--lg .kite-list-item .rk-kite-list-item__body,
.kite-list-item .kite-card .kite-list-item--lg .rk-kite-list-item__body {
  padding-right: calc(var(--kite-list-item-padding-right-lg) + var(--kite-list-item-padding-right));
  padding-left: calc(var(--kite-list-item-padding-left-lg) + var(--kite-list-item-padding-left));
}

.kite-list-item__center:has(:only-child) {
  justify-content: center;
}

.kite-list-item .kite-list-item__expandable-container {
  transition: max-height var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
}
.kite-list-item .rk-kite-list-item__body {
  display: block;
  --opacity: 1;
}
.kite-list-item.kite-list-item--expandable .rk-kite-list-item__body {
  transition: opacity var(--kite-list-item-expanded-transition-duration) var(--kite-list-item-expanded-transition-timing-function);
  --opacity: 0;
}

.kite-menu {
  --top: var(--kite-spacing-xl);
  --right: var(--kite-spacing-xl);
  --bottom: var(--kite-spacing-xl);
  --left: var(--kite-spacing-xl);
  --min-height: var(--kite-menu-trigger-icon-height);
  --min-width: var(--kite-menu-trigger-icon-width);
  --visible-opacity: var(--kite-menu-list-activated-opacity);
  --hidden-opacity: var(--kite-menu-list-opacity);
  --list-border-width: var(--kite-menu-list-border-width);
  --list-border-style: var(--kite-menu-list-border-style);
  --list-border-radius: var(--kite-menu-list-border-radius);
  --list-cursor: var(--kite-menu-list-cursor);
  --list-max-width: calc(var(--kite-menu-list-max-width) - var(--right));
  --list-min-width: var(--kite-menu-list-min-width);
  --list-z-index: var(--kite-menu-list-zindex);
  --list-translate-x: calc(-1 * (100% + var(--kite-menu-list-margin-right)));
  --list-translate-y: calc(-1 * (var(--trigger-height)));
  --list-transition-duration: var(--kite-menu-list-transition-duration);
  --list-transition-timing-function: var(--kite-menu-list-transition-timing-function);
  --list-transition-target: var(--kite-menu-list-transition-target-property);
  --list-item-border-width: var(--kite-menu-list-item-border-width);
  --list-item-border-style: var(--kite-menu-list-item-border-style);
  --cursor: var(--kite-menu-trigger-cursor);
  --list-item-focus-ring-width: var(--kite-menu-list-item-focus-ring-width);
  --list-item-focus-ring-style: var(--kite-menu-list-item-focus-ring-style);
  --list-item-text-size: var(--kite-menu-list-item-text-size);
  --list-item-text-line-height: var(--kite-menu-list-item-text-line-height);
  --list-item-padding-top: var(--kite-menu-list-item-padding-top);
  --list-item-padding-right: var(--kite-menu-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-menu-list-item-padding-left);
  --trigger-border-radius: var(--kite-menu-trigger-border-radius);
  --trigger-width: calc(var(--kite-menu-trigger-padding-left) + var(--kite-menu-trigger-icon-width) + var(--kite-menu-trigger-padding-right));
  --trigger-height: calc(var(--kite-menu-trigger-padding-top) + var(--kite-menu-trigger-icon-height) + var(--kite-menu-trigger-padding-bottom));
  --width: var(--trigger-width);
  --height: var(--trigger-height);
  --hcm-border-width: 1px;
  /** @prop --trigger-background-color: Contextual Menu trigger background color */
  --trigger-background-color: var(--kite-menu-trigger-background-color);
  /** @prop --trigger-hover-background-color: Contextual Menu trigger hover background color */
  --trigger-hover-background-color: var(--kite-menu-trigger-hover-background-color);
  /** @prop--trigger-activated-background-color: Contextual Menu trigger activated background color */
  --trigger-activated-background-color: var(--kite-menu-trigger-activated-background-color);
  /** @prop--trigger-disabled-background-color: Contextual Menu trigger disabled background color */
  --trigger-disabled-background-color: var(--kite-menu-trigger-disabled-background-color);
  /** @prop --trigger-icon-color: Contextual Menu trigger icon color color */
  --trigger-icon-color: var(--kite-menu-trigger-icon-color);
  /** @prop --trigger-activated-icon-color: Contextual Menu trigger icon activated fill */
  --trigger-activated-icon-color: var(--kite-menu-trigger-activated-icon-color);
  /** @prop --trigger-disabled-icon-color: Contextual Menu trigger disabled icon color */
  --trigger-disabled-icon-color: var(--kite-menu-trigger-disabled-icon-color);
  /** @prop --trigger-label-text-size: Contextual Menu trigger label text size */
  --trigger-label-text-size: var(--kite-menu-contextual-label-trigger-label-text-size);
  /** @prop --trigger-label-text-line-height: Contextual Menu trigger label text line-height */
  --trigger-label-text-line-height: var(--kite-menu-contextual-label-trigger-label-text-line-height);
  /** @prop --trigger-label-color: Contextual Menu trigger label color */
  --trigger-label-color: var(--kite-menu-contextual-label-trigger-label-text-color);
  /** @prop --trigger-label-color: Contextual Menu  activated trigger label color */
  --trigger-activated-label-color: var(--kite-menu-contextual-label-trigger-activated-label-text-color);
  /** @prop --trigger-disabled-label-color: Contextual Menu  disabled trigger label color */
  --trigger-disabled-label-color: var(--kite-menu-contextual-label-trigger-disabled-label-text-color);
  /** @prop --list-item-focus-ring-color: All menu list item focus border color */
  --list-item-focus-ring-color: var(--kite-menu-list-item-focus-ring-color);
  /** @prop --trigger-focus-ring-color: Trigger focus border color */
  --trigger-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  /** @prop --trigger-disabled-cursor: Trigger disabled cursor */
  --trigger-disabled-cursor: var(--kite-menu-trigger-disabled-cursor);
  /** @prop --list-background-color: Menu list background color */
  --list-background-color: var(--kite-menu-list-background-color);
  /** @prop --list-border-color: Menu list border color */
  --list-border-color: var(--kite-menu-list-border-color);
  /** @prop --list-elevation: Menu list elevation */
  --list-elevation: var(--kite-menu-list-elevation);
  /** @prop --list-item-border-color: Menu list item border color */
  --list-item-border-color: var(--kite-menu-list-item-border-color);
  /** @deprecated: Use `--list-item-negative-text-color` instead */
  /** @since: v2.0.0 */
  /** @prop --list-item-destructive-text-color: Contextual Menu list item negative text color. Deprecated: Use `--list-item-negative-text-color` instead. */
  --list-item-destructive-text-color: var(--kite-menu-list-item-negative-text-color);
  /** @prop --list-item-negative-text-color: Contextual Menu list item negative text color. */
  --list-item-negative-text-color: var(--list-item-destructive-text-color, var(--kite-menu-list-item-negative-text-color));
  /** @deprecated: Use `--list-item-negative-icon-color` instead */
  /** @since: v2.0.0 */
  /** @prop --list-item-destructive-icon-color: Contextual Menu list item negative icon color. Deprecated: Use `--list-item-negative-icon-color` instead. */
  --list-item-destructive-icon-color: var(--kite-menu-list-item-negative-icon-color);
  /** @prop --list-item-negative-icon-color: Contextual Menu list item negative icon color */
  --list-item-negative-icon-color: var(--list-item-destructive-icon-color, var(--kite-menu-list-item-negative-icon-color));
  /** @prop --list-item-hover-background-color: Menu list item hover-background color*/
  --list-item-hover-background-color: var(--kite-menu-list-item-hover-background-color);
  /** @prop --list-item-text-color: Menu list item text color */
  --list-item-text-color: var(--kite-menu-list-item-text-color);
  /** @prop --list-item-icon-color: Contextual Menu list item icon color */
  --list-item-icon-color: var(--kite-menu-list-item-icon-color);
  /** @prop --list-item-disabled-text-color: Menu list item disabled text color */
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --list-item-disabled-cursor: var(--kite-menu-list-item-disabled-cursor);
  --label-text-size: var(--kite-form-control-label-text-size);
  --label-line-height: var(--kite-form-control-label-text-line-height);
  --label-height: calc(var(--label-line-height) * var(--label-text-size));
}

.kite-menu--bottom {
  --list-translate-y: -100%;
}
.kite-menu--left {
  --list-translate-x: calc(var(--trigger-width) + var(--kite-menu-list-margin-right));
  --list-max-width: calc(var(--kite-menu-list-max-width) - var(--left));
}
.kite-menu--block {
  --width: auto;
  --list-max-width: 100%;
}
.kite-menu--sm {
  --kite-menu-trigger-padding-top: var(--kite-menu-sm-trigger-padding-top);
  --kite-menu-trigger-padding-left: var(--kite-menu-sm-trigger-padding-left);
  --kite-menu-trigger-padding-bottom: var(--kite-menu-sm-trigger-padding-bottom);
  --kite-menu-trigger-padding-right: var(--kite-menu-sm-trigger-padding-right);
}
.kite-menu--contextual-label {
  --width: auto;
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-margin-top: var(--kite-dropdown-list-margin-top);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu {
    --list-max-width: var(--kite-menu-list-max-width);
  }
}
.kite-menu--dropdown {
  --cursor: var(--kite-dropdown-cursor);
  --width: auto;
  --disabled-cursor: var(--kite-dropdown-disabled-cursor);
  --max-width: calc(100% - var(--right));
  --min-width: auto;
  --height: var(--kite-dropdown-height);
  --padding-top: var(--kite-dropdown-padding-top);
  --padding-right: var(--kite-dropdown-padding-right);
  --padding-bottom: var(--kite-dropdown-padding-bottom);
  --padding-left: var(--kite-dropdown-padding-left);
  --icon-margin-right: var(--kite-dropdown-icon-margin-right);
  --label-margin-bottom: var(--kite-dropdown-label-margin-bottom);
  --visible-opacity: var(--kite-dropdown-list-activated-opacity);
  --hidden-opacity: var(--kite-dropdown-list-opacity);
  --border-width: var(--kite-dropdown-border-width);
  --border-style: var(--kite-dropdown-border-style);
  --hover-border-width: var(--kite-dropdown-hover-border-width);
  --focus-ring-width: var(--kite-dropdown-focus-ring-width);
  --focus-ring-style: var(--kite-dropdown-focus-ring-style);
  --focus-ring-offset: var(--kite-dropdown-focus-ring-offset);
  --value-margin-left: 0;
  --value-margin-right: var(--kite-dropdown-placeholder-margin-right);
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-border-width: var(--kite-dropdown-list-border-width);
  --list-border-style: var(--kite-dropdown-list-border-style);
  --list-border-radius: var(--kite-dropdown-list-border-radius);
  --list-cursor: var(--kite-dropdown-list-cursor);
  --list-max-width: calc(var(--kite-dropdown-list-max-width) - var(--right));
  --list-min-width: var(--kite-dropdown-list-min-width);
  --list-margin-top: var(--kite-dropdown-list-margin-top);
  --list-z-index: var(--kite-dropdown-list-zindex);
  --list-transition-duration: var(--kite-dropdown-list-transition-duration);
  --list-transition-timing-function: var(--kite-dropdown-list-transition-timing-function);
  --list-transition-target: var(--kite-dropdown-list-transition-target-property);
  --list-item-disabled-cursor: var(--kite-dropdown-list-item-disabled-cursor);
  --list-item-border-width: var(--kite-dropdown-list-item-border-width);
  --list-item-border-style: var(--kite-dropdown-list-item-border-style);
  --list-item-icon-margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  --list-item-icon-margin-left: var(--kite-dropdown-list-item-icon-margin-left);
  --list-item-icon-width: var(--kite-dropdown-list-item-icon-width);
  --list-item-icon-height: var(--kite-dropdown-list-item-icon-height);
  --list-item-text-size: var(--kite-dropdown-list-item-text-size);
  --list-item-text-line-height: var(--kite-dropdown-action-line-height);
  --list-item-padding-top: var(--kite-dropdown-list-item-padding-top);
  --list-item-padding-right: var(--kite-dropdown-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-dropdown-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-dropdown-list-item-padding-left);
  --list-item-focus-ring-width: var(--kite-dropdown-list-item-focus-ring-width);
  --list-item-focus-ring-style: var(--kite-dropdown-list-item-focus-ring-style);
  /** @prop --selection-background-color: Dropdown / Inline Menu Selection Background Color */
  --selection-background-color: var(--kite-dropdown-background-color);
  /** @prop --selection-color: Dropdown / Inline Menu Selection Text Color */
  --selection-color: var(--kite-dropdown-text-color);
  /** @prop --selection-icon-color: Dropdown / Inline Menu Selection Icon Color */
  --selection-icon-color: var(--kite-dropdown-icon-color);
  /** @prop --selection-border-color: Dropdown Menu Selection Border Color */
  --selection-border-color: var(--kite-dropdown-border-color);
  /** @prop --selection-fill: Dropdown / Inline Menu list item selection icon color */
  --selection-fill: var(--kite-dropdown-list-item-icon-color);
  /** @prop --selection-fill: Dropdown / Inline Menu Selection Label text color */
  --label-color: var(--kite-dropdown-label-text-color);
  /** @prop --selection-focus-ring: Dropdown / Inline Menu Selection focus ring color */
  --selection-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  --list-background-color: var(--kite-menu-list-background-color);
  --list-border-color: var(--kite-menu-list-border-color);
  --list-elevation: var(--kite-menu-list-elevation);
  --list-item-border-color: var(--kite-menu-list-item-border-color);
  --list-item-text-color: var(--kite-menu-list-item-text-color);
  --list-item-hover-background-color: var(--kite-menu-list-item-hover-background-color);
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --list-item-focus-ring-color: var(--kite-menu-list-item-focus-ring-color);
  /** @prop --disabled-selection-background-color: Dropdown / Inline Menu disabled Selection background color */
  --disabled-selection-background-color: var(--kite-dropdown-disabled-background-color);
  /** @prop --disabled-selection-border-color: Dropdown / Inline Menu disabled Selection border color */
  --disabled-selection-border-color: var(--kite-dropdown-disabled-border-color);
  /** @prop --disabled-selection-color: Dropdown / Inline Menu disabled Selection text color */
  --disabled-selection-color: var(--kite-dropdown-disabled-text-color);
  /** @prop --disabled-selection-color: Dropdown / Inline Menu disabled Selection icon color*/
  --disabled-selection-icon-color: var(--kite-dropdown-disabled-icon-color);
}
.kite-menu--dropdown.kite-menu--left {
  --max-width: calc(100% - var(--left));
  --list-max-width: calc(var(--kite-dropdown-list-max-width) - var(--left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown.kite-menu--left {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--dropdown.kite-menu--block {
  --max-width: 100%;
  --list-max-width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown.kite-menu--block {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--dropdown.kite-menu--full {
  --width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-menu--dropdown.kite-menu--full {
    --max-width: var(--kite-dropdown-max-width);
    --list-max-width: none;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--inline {
  --disabled-cursor: var(--kite-dropdown-inline-disabled-cursor);
  --cursor: var(--kite-dropdown-cursor);
  --border-width: var(--kite-dropdown-inline-border-width);
  --border-style: var(--kite-dropdown-inline-border-style);
  --padding-top: var(--kite-dropdown-inline-padding-top);
  --padding-right: var(--kite-dropdown-inline-padding-right);
  --padding-bottom: var(--kite-dropdown-inline-padding-bottom);
  --padding-left: var(--kite-dropdown-inline-padding-left);
  --label-text-weight: var(--kite-dropdown-inline-label-text-weight);
  --focus-ring-width: var(--kite-dropdown-inline-focus-ring-width);
  --focus-ring-style: var(--kite-dropdown-inline-focus-ring-style);
  --focus-ring-offset: var(--kite-dropdown-inline-focus-ring-offset);
  --value-margin-left: var(--kite-dropdown-inline-placeholder-margin-right);
  --value-margin-right: var(--kite-dropdown-inline-placeholder-margin-left);
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-margin-top: var(--kite-dropdown-list-margin-top);
  --list-min-width: var(--kite-dropdown-list-min-width);
  --list-item-disabled-cursor: var(--kite-dropdown-list-item-disabled-cursor);
  --list-item-icon-margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  --list-item-icon-width: var(--kite-dropdown-list-item-icon-width);
  --list-item-icon-height: var(--kite-dropdown-list-item-icon-height);
  --list-item-padding-top: var(--kite-dropdown-list-item-padding-top);
  --list-item-padding-right: var(--kite-dropdown-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-dropdown-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-dropdown-list-item-padding-left);
  --height: unset;
  --max-width: calc(100% - var(--right));
  --min-width: min-content;
  --width: auto;
  --selection-background-color: var(--kite-dropdown-inline-background-color);
  --selection-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  --selection-color: var(--kite-dropdown-inline-text-color);
  --selection-border-color: transparent;
  --label-color: var(--kite-dropdown-label-text-color);
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --selection-fill: var(--kite-dropdown-list-item-icon-color);
  --disabled-selection-background-color: var(--kite-dropdown-inline-disabled-background-color);
  --disabled-selection-color: var(--kite-dropdown-disabled-text-color);
  --disabled-selection-icon-color: var(--kite-dropdown-disabled-icon-color);
}
.kite-menu--inline.kite-menu--left {
  --max-width: calc(100% - var(--left));
}
.kite-menu--inline.kite-menu--block {
  --max-width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--inline {
    --width: fit-content;
  }
}

.kite-menu {
  min-height: var(--min-height);
  min-width: var(--min-width);
  position: absolute;
  top: var(--top);
  right: var(--right);
  width: var(--width);
}
.kite-menu__trigger {
  background-color: var(--trigger-background-color);
  background-repeat: no-repeat;
  background-size: calc(var(--kite-menu-trigger-icon-height) * 2);
  border: var(--hcm-border-width) solid transparent;
  border-radius: var(--trigger-border-radius);
  cursor: var(--cursor);
  padding-top: calc(var(--kite-menu-trigger-padding-top) - var(--hcm-border-width));
  padding-right: calc(var(--kite-menu-trigger-padding-right) - var(--hcm-border-width));
  padding-bottom: calc(var(--kite-menu-trigger-padding-bottom) - var(--hcm-border-width));
  padding-left: calc(var(--kite-menu-trigger-padding-left) - var(--hcm-border-width));
  width: var(--trigger-width);
  height: var(--trigger-height);
}
.kite-menu__trigger.kite-hover, .kite-menu__trigger:hover {
  background-color: var(--trigger-hover-background-color);
}
.kite-menu__trigger.kite-focus-visible, .kite-menu__trigger:focus-visible {
  border-radius: 0;
  outline-color: var(--trigger-focus-ring-color);
  outline-offset: 0;
}
.kite-menu__trigger.kite-disabled, .kite-menu__trigger:disabled {
  background-color: var(--trigger-disabled-background-color);
  cursor: var(--trigger-disabled-cursor);
}
.kite-menu__trigger.kite-disabled .kite-menu__trigger-label, .kite-menu__trigger:disabled .kite-menu__trigger-label {
  color: var(--trigger-disabled-label-color);
}
.kite-menu__trigger.kite-disabled .kite-icon, .kite-menu__trigger:disabled .kite-icon {
  --color: var(--trigger-disabled-icon-color);
}
.kite-menu__trigger .kite-icon {
  --size: var(--kite-menu-trigger-icon-width);
  --color: var(--trigger-icon-color);
}
.kite-menu__trigger-label {
  color: var(--trigger-label-color);
  font-size: var(--trigger-label-text-size);
  font-weight: var(--kite-menu-contextual-label-trigger-label-text-weight);
  line-height: var(--trigger-label-text-line-height);
}
.kite-menu__label-group {
  margin-bottom: var(--label-margin-bottom);
}
.kite-menu__label {
  color: var(--label-color);
  display: inline-block;
  font-size: var(--label-text-size);
  font-weight: var(--label-text-weight);
  line-height: var(--label-line-height);
}
.kite-menu__helper-text {
  display: block;
  color: var(--kite-dropdown-helper-text-color);
  font-size: var(--kite-dropdown-helper-text-size);
  line-height: var(--kite-dropdown-helper-text-line-height);
}
.kite-menu__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  background-color: var(--selection-background-color);
  border: var(--border-width) var(--border-style) var(--selection-border-color);
  border-radius: var(--kite-dropdown-border-radius);
  color: var(--selection-color);
  cursor: var(--cursor);
  display: flex;
  justify-content: space-between;
  line-height: var(--kite-dropdown-text-line-height);
  margin: var(--kite-dropdown-inline-margin-top) var(--kite-dropdown-inline-margin-right) var(--kite-dropdown-inline-margin-bottom) var(--kite-dropdown-inline-margin-left);
  max-width: 100%;
  min-width: var(--min-width);
  width: fit-content;
  padding: calc(var(--padding-top) - var(--border-width)) calc(var(--padding-right) - var(--border-width)) calc(var(--padding-bottom) - var(--border-width)) calc(var(--padding-left) - var(--border-width));
  text-align: left;
  height: var(--height);
  -webkit-user-select: none; /* Safari */
  user-select: none;
}
.kite-menu__selection .kite-icon {
  --color: var(--selection-color);
  flex-shrink: 0;
  margin-right: var(--icon-margin-right);
}
.kite-menu__selection.kite-focus-visible, .kite-menu__selection:focus-visible {
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--selection-focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
.kite-menu__selection:disabled, .kite-menu__selection[aria-disabled=true] {
  --selection-border-color: var(--disabled-selection-border-color);
  background-color: var(--disabled-selection-background-color);
  color: var(--disabled-selection-color);
  cursor: var(--disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-menu__selection:disabled, .kite-menu__selection[aria-disabled=true] {
    border-color: GrayText;
    color: GrayText;
  }
}
.kite-menu__selection:disabled .kite-icon, .kite-menu__selection[aria-disabled=true] .kite-icon {
  --color: var(--disabled-selection-icon-color);
}
.kite-menu__selection.kite-hover:not([aria-disabled=true], [disabled]), .kite-menu__selection:hover:not([aria-disabled=true], [disabled]) {
  --border-width: var(--hover-border-width);
}
.kite-menu__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--value-margin-right);
  margin-left: var(--value-margin-left);
  text-align: left;
}
.kite-menu a.kite-menu__action, .kite-menu__action {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--list-item-text-color);
  cursor: var(--list-cursor);
  display: inline-flex;
  font-size: var(--list-item-text-size);
  line-height: var(--list-item-text-line-height);
  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
  text-align: left;
  text-decoration: unset;
  width: 100%;
}
.kite-menu a.kite-menu__action.kite-focus-visible, .kite-menu a.kite-menu__action:focus-visible, .kite-menu__action.kite-focus-visible, .kite-menu__action:focus-visible {
  margin-left: calc(-1 * var(--list-border-width));
  outline: var(--kite-menu-list-item-focus-ring-width) var(--kite-menu-list-item-focus-ring-style) var(--list-item-focus-ring-color);
  outline-offset: calc(var(--kite-menu-list-item-focus-ring-width) * -1);
  width: calc(100% + 2 * var(--list-border-width));
}
.kite-menu a.kite-menu__action-icon, .kite-menu__action-icon {
  display: inline;
}
.kite-menu a.kite-menu__action-icon .kite-icon, .kite-menu__action-icon .kite-icon {
  --size: var(--kite-menu-list-item-icon-width);
  margin-right: var(--kite-menu-list-item-icon-margin-right);
  vertical-align: text-bottom;
}
.kite-menu a.kite-menu__action-check .kite-icon, .kite-menu__action-check .kite-icon {
  --color: none;
  --size: var(--list-item-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  margin-left: var(--kite-dropdown-list-item-icon-margin-left);
  vertical-align: text-bottom;
}
.kite-menu a.kite-menu__action-check--selected .kite-icon, .kite-menu__action-check--selected .kite-icon {
  --color: var(--selection-fill);
}
.kite-menu a.kite-menu__action.kite-hover, .kite-menu a.kite-menu__action:hover, .kite-menu__action.kite-hover, .kite-menu__action:hover {
  background-color: var(--list-item-hover-background-color);
  text-decoration: unset;
}
.kite-menu a.kite-menu__action[aria-selected=true], .kite-menu a.kite-menu__action[aria-current], .kite-menu__action[aria-selected=true], .kite-menu__action[aria-current] {
  font-weight: var(--kite-dropdown-list-item-selected-text-weight);
}
.kite-menu a.kite-menu__action:disabled, .kite-menu a.kite-menu__action[aria-disabled=true], .kite-menu__action:disabled, .kite-menu__action[aria-disabled=true] {
  color: var(--list-item-disabled-text-color);
  cursor: var(--list-item-disabled-cursor);
}
.kite-menu a.kite-menu__action:disabled:hover, .kite-menu a.kite-menu__action[aria-disabled=true]:hover, .kite-menu__action:disabled:hover, .kite-menu__action[aria-disabled=true]:hover {
  background-color: transparent;
}
.kite-menu .kite-picker--overlay {
  --picker-trigger-width: var(--trigger-width);
  --picker-trigger-height: var(--trigger-height);
  --translateY: var(--kite-form-control-picker-offset);
  left: auto;
  top: auto;
  z-index: var(--list-z-index);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu .kite-picker--overlay {
    --translateX: var(--list-translate-x);
    --translateY: var(--list-translate-y);
    left: 0;
  }
}
.kite-menu .kite-picker__content, .kite-menu .kite-picker--overlay {
  max-width: var(--list-max-width);
  min-width: var(--list-min-width);
  width: max-content;
}
.kite-menu .kite-picker a.kite-picker__action, .kite-menu .kite-picker__action {
  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
}
.kite-menu--left {
  right: auto;
  left: var(--left);
}
.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--bottom {
  top: auto;
  bottom: var(--bottom);
}
.kite-menu--bottom .kite-picker--overlay {
  --translateY: calc(-100% - var(--trigger-height) - var(--kite-form-control-picker-offset));
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--bottom .kite-picker--overlay {
    --translateY: var(--list-translate-y);
  }
}
.kite-menu--bottom.kite-menu--dropdown .kite-menu__list, .kite-menu--bottom.kite-menu--inline .kite-menu__list {
  margin-top: 0;
  transform: translateY(calc(-100% - var(--height) - var(--list-margin-top)));
}
.kite-menu--bottom.kite-menu--dropdown .kite-picker--overlay {
  --translateY: calc(-100% + (var(--label-height) + var(--kite-form-control-label-margin-bottom)) - var(--kite-form-control-picker-offset));
}
.kite-menu--block {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.kite-menu--block .kite-menu__list {
  right: 0;
  left: 0;
  width: fit-content;
}
.kite-menu--block .kite-picker--overlay {
  left: 0;
}
.kite-menu--sm {
  line-height: 1;
}
.kite-menu--dropdown {
  max-width: var(--max-width);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown {
    max-width: var(--kite-dropdown-max-width);
  }
}
.kite-menu--dropdown .kite-picker--overlay {
  --translateY: calc(var(--label-height) + var(--kite-form-control-label-margin-bottom) + var(--kite-form-control-height) + var(--kite-form-control-picker-offset));
  top: 0;
  left: auto;
}
.kite-menu--dropdown.kite-menu--full .kite-menu__selection {
  width: 100%;
  max-width: none;
}
.kite-menu--dropdown.kite-menu--full .kite-menu__list,
.kite-menu--dropdown.kite-menu--full .kite-picker__content,
.kite-menu--dropdown.kite-menu--full .kite-picker--overlay {
  width: 100%;
}
.kite-menu--dropdown.kite-menu--block .kite-picker--overlay, .kite-menu--dropdown.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--inline {
  max-width: var(--max-width);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--inline {
    max-width: none;
  }
}
.kite-menu--inline .kite-menu__selection {
  display: inline-flex;
  border-radius: var(--kite-dropdown-inline-border-radius);
}
.kite-menu--inline .kite-picker--overlay {
  --translateY: calc(var(--label-height) + var(--kite-form-control-picker-offset));
  top: 0;
  left: auto;
}
.kite-menu--inline.kite-menu--block .kite-picker--overlay, .kite-menu--inline.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--contextual-label .kite-menu__trigger {
  align-items: center;
  display: flex;
  gap: var(--kite-menu-contextual-label-trigger-label-margin-right);
  padding-top: var(--kite-menu-contextual-label-trigger-padding-top);
  padding-bottom: var(--kite-menu-contextual-label-trigger-padding-bottom);
  width: unset;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--contextual-label .kite-picker--overlay:not(.kite-picker--top,
  .kite-picker--bottom,
  .kite-picker--right,
  .kite-picker--left) {
    --translateY: var(--kite-form-control-picker-offset);
    left: auto;
  }
  .kite-menu--contextual-label.kite-menu--bottom .kite-picker--overlay:not(.kite-picker--top,
  .kite-picker--bottom,
  .kite-picker--right,
  .kite-picker--left) {
    --translateY: calc(-100% - var(--trigger-height) - var(--kite-form-control-picker-offset));
  }
  .kite-menu--contextual-label.kite-menu--block .kite-picker--overlay, .kite-menu--contextual-label.kite-menu--left .kite-picker--overlay {
    left: 0;
  }
}
.kite-menu--expand-above {
  --pagination-height: 56px;
}
.kite-menu--expand-above .kite-menu__list,
.kite-menu--expand-above .kite-picker__content {
  transform: translateY(calc(-100% - var(--pagination-height)));
}
.kite-menu--scrollable {
  --menu-item-height: calc((var(--list-item-text-size) * var(--list-item-text-line-height)) + var(--list-item-padding-top) + var(--list-item-padding-bottom) + var(--list-item-border-width));
  --max-height: calc((var(--max-item-count) * var(--menu-item-height)) + (var(--menu-item-height) * 0.5));
}
.kite-menu--scrollable .kite-menu__list,
.kite-menu--scrollable .kite-picker__content {
  max-height: var(--max-height);
  overflow-x: auto;
}
.kite-menu--disabled .kite-menu__label,
.kite-menu--disabled .kite-menu__value {
  color: var(--disabled-selection-color);
}
.kite-menu--disabled .kite-menu__helper-text {
  color: var(--kite-dropdown-disabled-helper-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-menu--disabled .kite-menu__value {
    color: GrayText;
  }
}
.kite-menu--open .kite-menu__trigger {
  background-color: var(--trigger-activated-background-color);
}
.kite-menu--open .kite-menu__trigger .kite-icon {
  --color: var(--trigger-activated-icon-color);
}
.kite-menu--open .kite-menu__trigger-label {
  color: var(--trigger-activated-label-color);
}
.kite-menu--open .kite-menu__selection .kite-icon {
  transform: rotate(-180deg);
}
.kite-menu--open.kite-menu--dropdown .kite-menu__selection {
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--selection-focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
.kite-menu--open .kite-menu__list {
  display: block;
  opacity: var(--visible-opacity);
}
.kite-menu__list {
  background-color: var(--list-background-color);
  border: var(--list-border-width) var(--list-border-style) var(--list-border-color);
  border-radius: var(--list-border-radius);
  box-shadow: var(--list-elevation);
  cursor: var(--list-cursor);
  display: none;
  list-style-type: none;
  margin-top: var(--list-margin-top);
  margin-right: calc(-1 * var(--list-max-width));
  min-width: var(--list-min-width);
  max-width: var(--list-max-width);
  opacity: var(--hidden-opacity);
  padding: 0;
  position: absolute;
  z-index: var(--list-z-index);
  transform: translate(var(--list-translate-x), var(--list-translate-y));
  transition: var(--list-transition-duration) var(--list-transition-timing-function) var(--list-transition-target-property);
}
.kite-menu__item {
  margin: 0;
  max-width: var(--list-max-width);
  min-width: 100%;
  padding: 0;
}
.kite-menu__item:not(:last-child) .kite-menu__action {
  border-bottom: var(--list-item-border-width) var(--list-item-border-style) var(--list-item-border-color);
}
.kite-menu__item.kite-menu__item--destructive .kite-menu__action,
.kite-menu__item.kite-menu__item--destructive a.kite-menu__action, .kite-menu__item.kite-menu__item--negative .kite-menu__action,
.kite-menu__item.kite-menu__item--negative a.kite-menu__action {
  color: var(--list-item-negative-text-color);
}
.kite-menu__item.kite-menu__item--destructive .kite-menu__action .kite-icon,
.kite-menu__item.kite-menu__item--destructive a.kite-menu__action .kite-icon, .kite-menu__item.kite-menu__item--negative .kite-menu__action .kite-icon,
.kite-menu__item.kite-menu__item--negative a.kite-menu__action .kite-icon {
  --color: var(--list-item-negative-icon-color);
}

.kite-picker {
  position: relative;
}
.kite-picker--list .kite-picker__content {
  padding: 0;
}
.kite-picker--open.kite-picker--overlay,
.kite-picker--open .kite-picker__content {
  opacity: 1;
  visibility: visible;
}
.kite-picker--overlay {
  /** Positioning props **/
  --translateX: 0;
  --label-height: calc(var(--kite-form-control-label-text-line-height) * var(--kite-form-control-label-text-size));
  --translateY: calc(var(--label-height) + var(--kite-form-control-label-margin-bottom) + var(--kite-form-control-height) + var(--kite-form-control-picker-offset));
  /** @prop --picker-trigger-width: Represents the width of a picker's trigger element. May require dynamic calculation */
  --picker-trigger-width: 0;
  /** @prop --picker-trigger-height: Represents the height of a picker's trigger element. May require dynamic calculation */
  --picker-trigger-height: 0;
  /** Positioning styles **/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(var(--translateX), var(--translateY));
  z-index: var(--kite-form-control-picker-zindex);
  visibility: hidden;
  opacity: 0;
  /** Positioning variants **/
}
.kite-picker--overlay.kite-picker--top {
  --translateY: calc(-100% - var(--picker-trigger-height) - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--bottom {
  --translateY: var(--kite-form-control-picker-offset);
}
.kite-picker--overlay.kite-picker--right {
  --translateX: calc(var(--picker-trigger-width) + var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--left {
  --translateX: calc(-100% - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--top, .kite-picker--overlay.kite-picker--bottom {
  --translateX: calc(-50% + (var(--picker-trigger-width) / 2));
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-start, .kite-picker--overlay.kite-picker--bottom.kite-picker--align-start {
  --translateX: 0;
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-end, .kite-picker--overlay.kite-picker--bottom.kite-picker--align-end {
  --translateX: calc(-100% + var(--picker-trigger-width));
}
.kite-picker--overlay.kite-picker--right, .kite-picker--overlay.kite-picker--left {
  --translateY: -50%;
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-start, .kite-picker--overlay.kite-picker--left.kite-picker--align-start {
  --translateY: calc(-1 * var(--picker-trigger-height));
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-end, .kite-picker--overlay.kite-picker--left.kite-picker--align-end {
  --translateY: -100%;
}
.kite-picker__content {
  background-color: var(--kite-form-control-picker-background-color);
  border: var(--kite-form-control-picker-border-width) var(--kite-form-control-picker-border-style) var(--kite-form-control-picker-border-color);
  border-radius: var(--kite-form-control-picker-border-radius);
  box-shadow: var(--kite-form-control-picker-elevation);
  display: block;
  padding: var(--kite-form-control-picker-padding-top) var(--kite-form-control-picker-padding-right) var(--kite-form-control-picker-padding-bottom) var(--kite-form-control-picker-padding-left);
  opacity: 0;
  visibility: hidden;
  min-width: var(--kite-form-control-picker-min-width);
  width: 100%;
}
.kite-picker__list {
  cursor: var(--kite-form-control-picker-cursor);
  list-style-type: none;
  margin: 0;
  padding: 0;
  --max-item-count: ;
  --picker-list-item-height: calc(((var(--kite-form-control-picker-list-item-line-height) * 1rem) + var(--kite-form-control-picker-list-item-padding-top) + var(--kite-form-control-picker-list-item-padding-bottom) + var(--kite-form-control-picker-list-item-border-width)));
  --picker-list-max-height: calc(var(--picker-list-item-height) * var(--max-item-count));
  max-height: calc(var(--picker-list-max-height) + 0.5 * var(--picker-list-item-height));
  overflow-y: auto;
}
.kite-picker__item {
  margin: 0;
  padding: 0;
  min-width: 100%;
  max-width: var(--kite-form-control-picker-list-item-max-width);
}
.kite-picker__item:not(:last-child) .kite-picker__action {
  border-bottom: var(--kite-form-control-picker-list-item-border-width) var(--kite-form-control-picker-list-item-border-style) var(--kite-form-control-picker-list-item-border-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action, .kite-picker__item.kite-picker__item--negative a.kite-picker__action {
  color: var(--kite-form-control-picker-list-item-negative-text-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action .kite-icon, .kite-picker__item.kite-picker__item--negative a.kite-picker__action .kite-icon {
  --color: var(--kite-form-control-picker-list-item-negative-icon-color);
}
.kite-picker a.kite-picker__action, .kite-picker__action {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--kite-form-control-picker-list-item-text-color);
  cursor: var(--kite-form-control-picker-cursor);
  display: inline-flex;
  font-size: var(--kite-form-control-picker-list-item-text-size);
  line-height: var(--kite-form-control-picker-list-item-line-height);
  padding: var(--kite-form-control-picker-list-item-padding-top) var(--kite-form-control-picker-list-item-padding-right) var(--kite-form-control-picker-list-item-padding-bottom) var(--kite-form-control-picker-list-item-padding-left);
  text-align: left;
  text-decoration: unset;
  width: 100%;
}
.kite-picker a.kite-picker__action:focus-visible, .kite-picker a.kite-picker__action.kite-focus-visible, .kite-picker__action:focus-visible, .kite-picker__action.kite-focus-visible {
  outline: var(--kite-form-control-picker-list-item-focus-ring-width) var(--kite-form-control-picker-list-item-focus-ring-style) var(--kite-form-control-picker-list-item-focus-ring-color);
  outline-offset: var(--kite-form-control-picker-list-item-focus-ring-offset);
}
.kite-picker a.kite-picker__action-icon, .kite-picker__action-icon {
  display: inline;
}
.kite-picker a.kite-picker__action-icon .kite-icon, .kite-picker__action-icon .kite-icon {
  --size: var(--kite-form-control-picker-list-item-icon-width);
  margin-right: var(--kite-form-control-picker-list-item-icon-margin-right);
  vertical-align: text-bottom;
}
.kite-picker a.kite-picker__action-check .kite-icon, .kite-picker__action-check .kite-icon {
  --color: none;
  --size: var(--kite-form-control-picker-list-item-check-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-form-control-picker-list-item-check-icon-margin-right);
  margin-left: var(--kite-form-control-picker-list-item-check-icon-margin-left);
  vertical-align: text-bottom;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg, .kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg {
    fill: none;
  }
}
.kite-picker a.kite-picker__action-check--selected .kite-icon, .kite-picker__action-check--selected .kite-icon {
  --color: var(--kite-form-control-picker-list-item-check-icon-color);
}
.kite-picker a.kite-picker__action--hover, .kite-picker a.kite-picker__action.kite-hover, .kite-picker a.kite-picker__action:hover, .kite-picker__action--hover, .kite-picker__action.kite-hover, .kite-picker__action:hover {
  background-color: var(--kite-form-control-picker-list-item-hover-background-color);
  text-decoration: unset;
}
.kite-picker a.kite-picker__action[aria-selected=true], .kite-picker a.kite-picker__action[aria-checked=true], .kite-picker a.kite-picker__action[aria-current], .kite-picker__action[aria-selected=true], .kite-picker__action[aria-checked=true], .kite-picker__action[aria-current] {
  font-weight: var(--kite-form-control-picker-list-item-selected-text-weight);
}
.kite-picker a.kite-picker__action:disabled, .kite-picker a.kite-picker__action[aria-disabled=true], .kite-picker__action:disabled, .kite-picker__action[aria-disabled=true] {
  color: var(--kite-form-control-picker-list-item-disabled-text-color);
  cursor: var(--kite-form-control-picker-list-item-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action:disabled, .kite-picker a.kite-picker__action[aria-disabled=true], .kite-picker__action:disabled, .kite-picker__action[aria-disabled=true] {
    color: GrayText;
  }
}
.kite-picker a.kite-picker__action:disabled:hover, .kite-picker a.kite-picker__action[aria-disabled=true]:hover, .kite-picker__action:disabled:hover, .kite-picker__action[aria-disabled=true]:hover {
  background-color: transparent;
}
.kite-picker__backdrop {
  background-color: var(--kite-form-control-picker-backdrop-background-color);
  opacity: var(--kite-form-control-picker-backdrop-opacity);
  pointer-events: auto;
  touch-action: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--kite-form-control-picker-backdrop-zindex);
}
.kite-picker__backdrop--hidden {
  opacity: 0;
  visibility: hidden;
}

.kite-menu__value--placeholder {
  color: var(--kite-form-control-placeholder-text-color);
}

.kite-menu--contextual .kite-picker--list {
  webkit-transform: initial;
  transform: initial;
  transition: initial;
  position: relative;
}

.kite-menu {
  user-select: none;
}

.kite-picker--list {
  --list-max-width: 100%;
  --list-min-width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  .kite-picker--list {
    --list-max-width: 21rem;
  }
}

.kite-menu {
  --top: var(--kite-spacing-xl);
  --right: var(--kite-spacing-xl);
  --bottom: var(--kite-spacing-xl);
  --left: var(--kite-spacing-xl);
  --min-height: var(--kite-menu-trigger-icon-height);
  --min-width: var(--kite-menu-trigger-icon-width);
  --visible-opacity: var(--kite-menu-list-activated-opacity);
  --hidden-opacity: var(--kite-menu-list-opacity);
  --list-border-width: var(--kite-menu-list-border-width);
  --list-border-style: var(--kite-menu-list-border-style);
  --list-border-radius: var(--kite-menu-list-border-radius);
  --list-cursor: var(--kite-menu-list-cursor);
  --list-max-width: calc(var(--kite-menu-list-max-width) - var(--right));
  --list-min-width: var(--kite-menu-list-min-width);
  --list-z-index: var(--kite-menu-list-zindex);
  --list-translate-x: calc(-1 * (100% + var(--kite-menu-list-margin-right)));
  --list-translate-y: calc(-1 * (var(--trigger-height)));
  --list-transition-duration: var(--kite-menu-list-transition-duration);
  --list-transition-timing-function: var(--kite-menu-list-transition-timing-function);
  --list-transition-target: var(--kite-menu-list-transition-target-property);
  --list-item-border-width: var(--kite-menu-list-item-border-width);
  --list-item-border-style: var(--kite-menu-list-item-border-style);
  --cursor: var(--kite-menu-trigger-cursor);
  --list-item-focus-ring-width: var(--kite-menu-list-item-focus-ring-width);
  --list-item-focus-ring-style: var(--kite-menu-list-item-focus-ring-style);
  --list-item-text-size: var(--kite-menu-list-item-text-size);
  --list-item-text-line-height: var(--kite-menu-list-item-text-line-height);
  --list-item-padding-top: var(--kite-menu-list-item-padding-top);
  --list-item-padding-right: var(--kite-menu-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-menu-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-menu-list-item-padding-left);
  --trigger-border-radius: var(--kite-menu-trigger-border-radius);
  --trigger-width: calc(var(--kite-menu-trigger-padding-left) + var(--kite-menu-trigger-icon-width) + var(--kite-menu-trigger-padding-right));
  --trigger-height: calc(var(--kite-menu-trigger-padding-top) + var(--kite-menu-trigger-icon-height) + var(--kite-menu-trigger-padding-bottom));
  --width: var(--trigger-width);
  --height: var(--trigger-height);
  --hcm-border-width: 1px;
  /** @prop --trigger-background-color: Contextual Menu trigger background color */
  --trigger-background-color: var(--kite-menu-trigger-background-color);
  /** @prop --trigger-hover-background-color: Contextual Menu trigger hover background color */
  --trigger-hover-background-color: var(--kite-menu-trigger-hover-background-color);
  /** @prop--trigger-activated-background-color: Contextual Menu trigger activated background color */
  --trigger-activated-background-color: var(--kite-menu-trigger-activated-background-color);
  /** @prop--trigger-disabled-background-color: Contextual Menu trigger disabled background color */
  --trigger-disabled-background-color: var(--kite-menu-trigger-disabled-background-color);
  /** @prop --trigger-icon-color: Contextual Menu trigger icon color color */
  --trigger-icon-color: var(--kite-menu-trigger-icon-color);
  /** @prop --trigger-activated-icon-color: Contextual Menu trigger icon activated fill */
  --trigger-activated-icon-color: var(--kite-menu-trigger-activated-icon-color);
  /** @prop --trigger-disabled-icon-color: Contextual Menu trigger disabled icon color */
  --trigger-disabled-icon-color: var(--kite-menu-trigger-disabled-icon-color);
  /** @prop --trigger-label-text-size: Contextual Menu trigger label text size */
  --trigger-label-text-size: var(--kite-menu-contextual-label-trigger-label-text-size);
  /** @prop --trigger-label-text-line-height: Contextual Menu trigger label text line-height */
  --trigger-label-text-line-height: var(--kite-menu-contextual-label-trigger-label-text-line-height);
  /** @prop --trigger-label-color: Contextual Menu trigger label color */
  --trigger-label-color: var(--kite-menu-contextual-label-trigger-label-text-color);
  /** @prop --trigger-label-color: Contextual Menu  activated trigger label color */
  --trigger-activated-label-color: var(--kite-menu-contextual-label-trigger-activated-label-text-color);
  /** @prop --trigger-disabled-label-color: Contextual Menu  disabled trigger label color */
  --trigger-disabled-label-color: var(--kite-menu-contextual-label-trigger-disabled-label-text-color);
  /** @prop --list-item-focus-ring-color: All menu list item focus border color */
  --list-item-focus-ring-color: var(--kite-menu-list-item-focus-ring-color);
  /** @prop --trigger-focus-ring-color: Trigger focus border color */
  --trigger-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  /** @prop --trigger-disabled-cursor: Trigger disabled cursor */
  --trigger-disabled-cursor: var(--kite-menu-trigger-disabled-cursor);
  /** @prop --list-background-color: Menu list background color */
  --list-background-color: var(--kite-menu-list-background-color);
  /** @prop --list-border-color: Menu list border color */
  --list-border-color: var(--kite-menu-list-border-color);
  /** @prop --list-elevation: Menu list elevation */
  --list-elevation: var(--kite-menu-list-elevation);
  /** @prop --list-item-border-color: Menu list item border color */
  --list-item-border-color: var(--kite-menu-list-item-border-color);
  /** @deprecated: Use `--list-item-negative-text-color` instead */
  /** @since: v2.0.0 */
  /** @prop --list-item-destructive-text-color: Contextual Menu list item negative text color. Deprecated: Use `--list-item-negative-text-color` instead. */
  --list-item-destructive-text-color: var(--kite-menu-list-item-negative-text-color);
  /** @prop --list-item-negative-text-color: Contextual Menu list item negative text color. */
  --list-item-negative-text-color: var(--list-item-destructive-text-color, var(--kite-menu-list-item-negative-text-color));
  /** @deprecated: Use `--list-item-negative-icon-color` instead */
  /** @since: v2.0.0 */
  /** @prop --list-item-destructive-icon-color: Contextual Menu list item negative icon color. Deprecated: Use `--list-item-negative-icon-color` instead. */
  --list-item-destructive-icon-color: var(--kite-menu-list-item-negative-icon-color);
  /** @prop --list-item-negative-icon-color: Contextual Menu list item negative icon color */
  --list-item-negative-icon-color: var(--list-item-destructive-icon-color, var(--kite-menu-list-item-negative-icon-color));
  /** @prop --list-item-hover-background-color: Menu list item hover-background color*/
  --list-item-hover-background-color: var(--kite-menu-list-item-hover-background-color);
  /** @prop --list-item-text-color: Menu list item text color */
  --list-item-text-color: var(--kite-menu-list-item-text-color);
  /** @prop --list-item-icon-color: Contextual Menu list item icon color */
  --list-item-icon-color: var(--kite-menu-list-item-icon-color);
  /** @prop --list-item-disabled-text-color: Menu list item disabled text color */
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --list-item-disabled-cursor: var(--kite-menu-list-item-disabled-cursor);
  --label-text-size: var(--kite-form-control-label-text-size);
  --label-line-height: var(--kite-form-control-label-text-line-height);
  --label-height: calc(var(--label-line-height) * var(--label-text-size));
}

.kite-menu--bottom {
  --list-translate-y: -100%;
}
.kite-menu--left {
  --list-translate-x: calc(var(--trigger-width) + var(--kite-menu-list-margin-right));
  --list-max-width: calc(var(--kite-menu-list-max-width) - var(--left));
}
.kite-menu--block {
  --width: auto;
  --list-max-width: 100%;
}
.kite-menu--sm {
  --kite-menu-trigger-padding-top: var(--kite-menu-sm-trigger-padding-top);
  --kite-menu-trigger-padding-left: var(--kite-menu-sm-trigger-padding-left);
  --kite-menu-trigger-padding-bottom: var(--kite-menu-sm-trigger-padding-bottom);
  --kite-menu-trigger-padding-right: var(--kite-menu-sm-trigger-padding-right);
}
.kite-menu--contextual-label {
  --width: auto;
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-margin-top: var(--kite-dropdown-list-margin-top);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu {
    --list-max-width: var(--kite-menu-list-max-width);
  }
}
.kite-menu--dropdown {
  --cursor: var(--kite-dropdown-cursor);
  --width: auto;
  --disabled-cursor: var(--kite-dropdown-disabled-cursor);
  --max-width: calc(100% - var(--right));
  --min-width: auto;
  --height: var(--kite-dropdown-height);
  --padding-top: var(--kite-dropdown-padding-top);
  --padding-right: var(--kite-dropdown-padding-right);
  --padding-bottom: var(--kite-dropdown-padding-bottom);
  --padding-left: var(--kite-dropdown-padding-left);
  --icon-margin-right: var(--kite-dropdown-icon-margin-right);
  --label-margin-bottom: var(--kite-dropdown-label-margin-bottom);
  --visible-opacity: var(--kite-dropdown-list-activated-opacity);
  --hidden-opacity: var(--kite-dropdown-list-opacity);
  --border-width: var(--kite-dropdown-border-width);
  --border-style: var(--kite-dropdown-border-style);
  --hover-border-width: var(--kite-dropdown-hover-border-width);
  --focus-ring-width: var(--kite-dropdown-focus-ring-width);
  --focus-ring-style: var(--kite-dropdown-focus-ring-style);
  --focus-ring-offset: var(--kite-dropdown-focus-ring-offset);
  --value-margin-left: 0;
  --value-margin-right: var(--kite-dropdown-placeholder-margin-right);
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-border-width: var(--kite-dropdown-list-border-width);
  --list-border-style: var(--kite-dropdown-list-border-style);
  --list-border-radius: var(--kite-dropdown-list-border-radius);
  --list-cursor: var(--kite-dropdown-list-cursor);
  --list-max-width: calc(var(--kite-dropdown-list-max-width) - var(--right));
  --list-min-width: var(--kite-dropdown-list-min-width);
  --list-margin-top: var(--kite-dropdown-list-margin-top);
  --list-z-index: var(--kite-dropdown-list-zindex);
  --list-transition-duration: var(--kite-dropdown-list-transition-duration);
  --list-transition-timing-function: var(--kite-dropdown-list-transition-timing-function);
  --list-transition-target: var(--kite-dropdown-list-transition-target-property);
  --list-item-disabled-cursor: var(--kite-dropdown-list-item-disabled-cursor);
  --list-item-border-width: var(--kite-dropdown-list-item-border-width);
  --list-item-border-style: var(--kite-dropdown-list-item-border-style);
  --list-item-icon-margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  --list-item-icon-margin-left: var(--kite-dropdown-list-item-icon-margin-left);
  --list-item-icon-width: var(--kite-dropdown-list-item-icon-width);
  --list-item-icon-height: var(--kite-dropdown-list-item-icon-height);
  --list-item-text-size: var(--kite-dropdown-list-item-text-size);
  --list-item-text-line-height: var(--kite-dropdown-action-line-height);
  --list-item-padding-top: var(--kite-dropdown-list-item-padding-top);
  --list-item-padding-right: var(--kite-dropdown-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-dropdown-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-dropdown-list-item-padding-left);
  --list-item-focus-ring-width: var(--kite-dropdown-list-item-focus-ring-width);
  --list-item-focus-ring-style: var(--kite-dropdown-list-item-focus-ring-style);
  /** @prop --selection-background-color: Dropdown / Inline Menu Selection Background Color */
  --selection-background-color: var(--kite-dropdown-background-color);
  /** @prop --selection-color: Dropdown / Inline Menu Selection Text Color */
  --selection-color: var(--kite-dropdown-text-color);
  /** @prop --selection-icon-color: Dropdown / Inline Menu Selection Icon Color */
  --selection-icon-color: var(--kite-dropdown-icon-color);
  /** @prop --selection-border-color: Dropdown Menu Selection Border Color */
  --selection-border-color: var(--kite-dropdown-border-color);
  /** @prop --selection-fill: Dropdown / Inline Menu list item selection icon color */
  --selection-fill: var(--kite-dropdown-list-item-icon-color);
  /** @prop --selection-fill: Dropdown / Inline Menu Selection Label text color */
  --label-color: var(--kite-dropdown-label-text-color);
  /** @prop --selection-focus-ring: Dropdown / Inline Menu Selection focus ring color */
  --selection-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  --list-background-color: var(--kite-menu-list-background-color);
  --list-border-color: var(--kite-menu-list-border-color);
  --list-elevation: var(--kite-menu-list-elevation);
  --list-item-border-color: var(--kite-menu-list-item-border-color);
  --list-item-text-color: var(--kite-menu-list-item-text-color);
  --list-item-hover-background-color: var(--kite-menu-list-item-hover-background-color);
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --list-item-focus-ring-color: var(--kite-menu-list-item-focus-ring-color);
  /** @prop --disabled-selection-background-color: Dropdown / Inline Menu disabled Selection background color */
  --disabled-selection-background-color: var(--kite-dropdown-disabled-background-color);
  /** @prop --disabled-selection-border-color: Dropdown / Inline Menu disabled Selection border color */
  --disabled-selection-border-color: var(--kite-dropdown-disabled-border-color);
  /** @prop --disabled-selection-color: Dropdown / Inline Menu disabled Selection text color */
  --disabled-selection-color: var(--kite-dropdown-disabled-text-color);
  /** @prop --disabled-selection-color: Dropdown / Inline Menu disabled Selection icon color*/
  --disabled-selection-icon-color: var(--kite-dropdown-disabled-icon-color);
}
.kite-menu--dropdown.kite-menu--left {
  --max-width: calc(100% - var(--left));
  --list-max-width: calc(var(--kite-dropdown-list-max-width) - var(--left));
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown.kite-menu--left {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--dropdown.kite-menu--block {
  --max-width: 100%;
  --list-max-width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown.kite-menu--block {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--dropdown.kite-menu--full {
  --width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-menu--dropdown.kite-menu--full {
    --max-width: var(--kite-dropdown-max-width);
    --list-max-width: none;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown {
    --list-max-width: var(--kite-dropdown-list-max-width);
  }
}
.kite-menu--inline {
  --disabled-cursor: var(--kite-dropdown-inline-disabled-cursor);
  --cursor: var(--kite-dropdown-cursor);
  --border-width: var(--kite-dropdown-inline-border-width);
  --border-style: var(--kite-dropdown-inline-border-style);
  --padding-top: var(--kite-dropdown-inline-padding-top);
  --padding-right: var(--kite-dropdown-inline-padding-right);
  --padding-bottom: var(--kite-dropdown-inline-padding-bottom);
  --padding-left: var(--kite-dropdown-inline-padding-left);
  --label-text-weight: var(--kite-dropdown-inline-label-text-weight);
  --focus-ring-width: var(--kite-dropdown-inline-focus-ring-width);
  --focus-ring-style: var(--kite-dropdown-inline-focus-ring-style);
  --focus-ring-offset: var(--kite-dropdown-inline-focus-ring-offset);
  --value-margin-left: var(--kite-dropdown-inline-placeholder-margin-right);
  --value-margin-right: var(--kite-dropdown-inline-placeholder-margin-left);
  --list-translate-x: 0;
  --list-translate-y: 0;
  --list-margin-top: var(--kite-dropdown-list-margin-top);
  --list-min-width: var(--kite-dropdown-list-min-width);
  --list-item-disabled-cursor: var(--kite-dropdown-list-item-disabled-cursor);
  --list-item-icon-margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  --list-item-icon-width: var(--kite-dropdown-list-item-icon-width);
  --list-item-icon-height: var(--kite-dropdown-list-item-icon-height);
  --list-item-padding-top: var(--kite-dropdown-list-item-padding-top);
  --list-item-padding-right: var(--kite-dropdown-list-item-padding-right);
  --list-item-padding-bottom: var(--kite-dropdown-list-item-padding-bottom);
  --list-item-padding-left: var(--kite-dropdown-list-item-padding-left);
  --height: unset;
  --max-width: calc(100% - var(--right));
  --min-width: min-content;
  --width: auto;
  --selection-background-color: var(--kite-dropdown-inline-background-color);
  --selection-focus-ring-color: var(--kite-menu-trigger-focus-ring-color);
  --selection-color: var(--kite-dropdown-inline-text-color);
  --selection-border-color: transparent;
  --label-color: var(--kite-dropdown-label-text-color);
  --list-item-disabled-text-color: var(--kite-menu-list-item-disabled-text-color);
  --selection-fill: var(--kite-dropdown-list-item-icon-color);
  --disabled-selection-background-color: var(--kite-dropdown-inline-disabled-background-color);
  --disabled-selection-color: var(--kite-dropdown-disabled-text-color);
  --disabled-selection-icon-color: var(--kite-dropdown-disabled-icon-color);
}
.kite-menu--inline.kite-menu--left {
  --max-width: calc(100% - var(--left));
}
.kite-menu--inline.kite-menu--block {
  --max-width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--inline {
    --width: fit-content;
  }
}

.kite-menu {
  min-height: var(--min-height);
  min-width: var(--min-width);
  position: absolute;
  top: var(--top);
  right: var(--right);
  width: var(--width);
}
.kite-menu__trigger {
  background-color: var(--trigger-background-color);
  background-repeat: no-repeat;
  background-size: calc(var(--kite-menu-trigger-icon-height) * 2);
  border: var(--hcm-border-width) solid transparent;
  border-radius: var(--trigger-border-radius);
  cursor: var(--cursor);
  padding-top: calc(var(--kite-menu-trigger-padding-top) - var(--hcm-border-width));
  padding-right: calc(var(--kite-menu-trigger-padding-right) - var(--hcm-border-width));
  padding-bottom: calc(var(--kite-menu-trigger-padding-bottom) - var(--hcm-border-width));
  padding-left: calc(var(--kite-menu-trigger-padding-left) - var(--hcm-border-width));
  width: var(--trigger-width);
  height: var(--trigger-height);
}
.kite-menu__trigger.kite-hover, .kite-menu__trigger:hover {
  background-color: var(--trigger-hover-background-color);
}
.kite-menu__trigger.kite-focus-visible, .kite-menu__trigger:focus-visible {
  border-radius: 0;
  outline-color: var(--trigger-focus-ring-color);
  outline-offset: 0;
}
.kite-menu__trigger.kite-disabled, .kite-menu__trigger:disabled {
  background-color: var(--trigger-disabled-background-color);
  cursor: var(--trigger-disabled-cursor);
}
.kite-menu__trigger.kite-disabled .kite-menu__trigger-label, .kite-menu__trigger:disabled .kite-menu__trigger-label {
  color: var(--trigger-disabled-label-color);
}
.kite-menu__trigger.kite-disabled .kite-icon, .kite-menu__trigger:disabled .kite-icon {
  --color: var(--trigger-disabled-icon-color);
}
.kite-menu__trigger .kite-icon {
  --size: var(--kite-menu-trigger-icon-width);
  --color: var(--trigger-icon-color);
}
.kite-menu__trigger-label {
  color: var(--trigger-label-color);
  font-size: var(--trigger-label-text-size);
  font-weight: var(--kite-menu-contextual-label-trigger-label-text-weight);
  line-height: var(--trigger-label-text-line-height);
}
.kite-menu__label-group {
  margin-bottom: var(--label-margin-bottom);
}
.kite-menu__label {
  color: var(--label-color);
  display: inline-block;
  font-size: var(--label-text-size);
  font-weight: var(--label-text-weight);
  line-height: var(--label-line-height);
}
.kite-menu__helper-text {
  display: block;
  color: var(--kite-dropdown-helper-text-color);
  font-size: var(--kite-dropdown-helper-text-size);
  line-height: var(--kite-dropdown-helper-text-line-height);
}
.kite-menu__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  background-color: var(--selection-background-color);
  border: var(--border-width) var(--border-style) var(--selection-border-color);
  border-radius: var(--kite-dropdown-border-radius);
  color: var(--selection-color);
  cursor: var(--cursor);
  display: flex;
  justify-content: space-between;
  line-height: var(--kite-dropdown-text-line-height);
  margin: var(--kite-dropdown-inline-margin-top) var(--kite-dropdown-inline-margin-right) var(--kite-dropdown-inline-margin-bottom) var(--kite-dropdown-inline-margin-left);
  max-width: 100%;
  min-width: var(--min-width);
  width: fit-content;
  padding: calc(var(--padding-top) - var(--border-width)) calc(var(--padding-right) - var(--border-width)) calc(var(--padding-bottom) - var(--border-width)) calc(var(--padding-left) - var(--border-width));
  text-align: left;
  height: var(--height);
  -webkit-user-select: none; /* Safari */
  user-select: none;
}
.kite-menu__selection .kite-icon {
  --color: var(--selection-color);
  flex-shrink: 0;
  margin-right: var(--icon-margin-right);
}
.kite-menu__selection.kite-focus-visible, .kite-menu__selection:focus-visible {
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--selection-focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
.kite-menu__selection:disabled, .kite-menu__selection[aria-disabled=true] {
  --selection-border-color: var(--disabled-selection-border-color);
  background-color: var(--disabled-selection-background-color);
  color: var(--disabled-selection-color);
  cursor: var(--disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-menu__selection:disabled, .kite-menu__selection[aria-disabled=true] {
    border-color: GrayText;
    color: GrayText;
  }
}
.kite-menu__selection:disabled .kite-icon, .kite-menu__selection[aria-disabled=true] .kite-icon {
  --color: var(--disabled-selection-icon-color);
}
.kite-menu__selection.kite-hover:not([aria-disabled=true], [disabled]), .kite-menu__selection:hover:not([aria-disabled=true], [disabled]) {
  --border-width: var(--hover-border-width);
}
.kite-menu__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--value-margin-right);
  margin-left: var(--value-margin-left);
  text-align: left;
}
.kite-menu a.kite-menu__action, .kite-menu__action {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--list-item-text-color);
  cursor: var(--list-cursor);
  display: inline-flex;
  font-size: var(--list-item-text-size);
  line-height: var(--list-item-text-line-height);
  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
  text-align: left;
  text-decoration: unset;
  width: 100%;
}
.kite-menu a.kite-menu__action.kite-focus-visible, .kite-menu a.kite-menu__action:focus-visible, .kite-menu__action.kite-focus-visible, .kite-menu__action:focus-visible {
  margin-left: calc(-1 * var(--list-border-width));
  outline: var(--kite-menu-list-item-focus-ring-width) var(--kite-menu-list-item-focus-ring-style) var(--list-item-focus-ring-color);
  outline-offset: calc(var(--kite-menu-list-item-focus-ring-width) * -1);
  width: calc(100% + 2 * var(--list-border-width));
}
.kite-menu a.kite-menu__action-icon, .kite-menu__action-icon {
  display: inline;
}
.kite-menu a.kite-menu__action-icon .kite-icon, .kite-menu__action-icon .kite-icon {
  --size: var(--kite-menu-list-item-icon-width);
  margin-right: var(--kite-menu-list-item-icon-margin-right);
  vertical-align: text-bottom;
}
.kite-menu a.kite-menu__action-check .kite-icon, .kite-menu__action-check .kite-icon {
  --color: none;
  --size: var(--list-item-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-dropdown-list-item-icon-margin-right);
  margin-left: var(--kite-dropdown-list-item-icon-margin-left);
  vertical-align: text-bottom;
}
.kite-menu a.kite-menu__action-check--selected .kite-icon, .kite-menu__action-check--selected .kite-icon {
  --color: var(--selection-fill);
}
.kite-menu a.kite-menu__action.kite-hover, .kite-menu a.kite-menu__action:hover, .kite-menu__action.kite-hover, .kite-menu__action:hover {
  background-color: var(--list-item-hover-background-color);
  text-decoration: unset;
}
.kite-menu a.kite-menu__action[aria-selected=true], .kite-menu a.kite-menu__action[aria-current], .kite-menu__action[aria-selected=true], .kite-menu__action[aria-current] {
  font-weight: var(--kite-dropdown-list-item-selected-text-weight);
}
.kite-menu a.kite-menu__action:disabled, .kite-menu a.kite-menu__action[aria-disabled=true], .kite-menu__action:disabled, .kite-menu__action[aria-disabled=true] {
  color: var(--list-item-disabled-text-color);
  cursor: var(--list-item-disabled-cursor);
}
.kite-menu a.kite-menu__action:disabled:hover, .kite-menu a.kite-menu__action[aria-disabled=true]:hover, .kite-menu__action:disabled:hover, .kite-menu__action[aria-disabled=true]:hover {
  background-color: transparent;
}
.kite-menu .kite-picker--overlay {
  --picker-trigger-width: var(--trigger-width);
  --picker-trigger-height: var(--trigger-height);
  --translateY: var(--kite-form-control-picker-offset);
  left: auto;
  top: auto;
  z-index: var(--list-z-index);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu .kite-picker--overlay {
    --translateX: var(--list-translate-x);
    --translateY: var(--list-translate-y);
    left: 0;
  }
}
.kite-menu .kite-picker__content, .kite-menu .kite-picker--overlay {
  max-width: var(--list-max-width);
  min-width: var(--list-min-width);
  width: max-content;
}
.kite-menu .kite-picker a.kite-picker__action, .kite-menu .kite-picker__action {
  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
}
.kite-menu--left {
  right: auto;
  left: var(--left);
}
.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--bottom {
  top: auto;
  bottom: var(--bottom);
}
.kite-menu--bottom .kite-picker--overlay {
  --translateY: calc(-100% - var(--trigger-height) - var(--kite-form-control-picker-offset));
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--bottom .kite-picker--overlay {
    --translateY: var(--list-translate-y);
  }
}
.kite-menu--bottom.kite-menu--dropdown .kite-menu__list, .kite-menu--bottom.kite-menu--inline .kite-menu__list {
  margin-top: 0;
  transform: translateY(calc(-100% - var(--height) - var(--list-margin-top)));
}
.kite-menu--bottom.kite-menu--dropdown .kite-picker--overlay {
  --translateY: calc(-100% + (var(--label-height) + var(--kite-form-control-label-margin-bottom)) - var(--kite-form-control-picker-offset));
}
.kite-menu--block {
  display: block;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}
.kite-menu--block .kite-menu__list {
  right: 0;
  left: 0;
  width: fit-content;
}
.kite-menu--block .kite-picker--overlay {
  left: 0;
}
.kite-menu--sm {
  line-height: 1;
}
.kite-menu--dropdown {
  max-width: var(--max-width);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--dropdown {
    max-width: var(--kite-dropdown-max-width);
  }
}
.kite-menu--dropdown .kite-picker--overlay {
  --translateY: calc(var(--label-height) + var(--kite-form-control-label-margin-bottom) + var(--kite-form-control-height) + var(--kite-form-control-picker-offset));
  top: 0;
  left: auto;
}
.kite-menu--dropdown.kite-menu--full .kite-menu__selection {
  width: 100%;
  max-width: none;
}
.kite-menu--dropdown.kite-menu--full .kite-menu__list,
.kite-menu--dropdown.kite-menu--full .kite-picker__content,
.kite-menu--dropdown.kite-menu--full .kite-picker--overlay {
  width: 100%;
}
.kite-menu--dropdown.kite-menu--block .kite-picker--overlay, .kite-menu--dropdown.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--inline {
  max-width: var(--max-width);
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--inline {
    max-width: none;
  }
}
.kite-menu--inline .kite-menu__selection {
  display: inline-flex;
  border-radius: var(--kite-dropdown-inline-border-radius);
}
.kite-menu--inline .kite-picker--overlay {
  --translateY: calc(var(--label-height) + var(--kite-form-control-picker-offset));
  top: 0;
  left: auto;
}
.kite-menu--inline.kite-menu--block .kite-picker--overlay, .kite-menu--inline.kite-menu--left .kite-picker--overlay {
  left: 0;
}
.kite-menu--contextual-label .kite-menu__trigger {
  align-items: center;
  display: flex;
  gap: var(--kite-menu-contextual-label-trigger-label-margin-right);
  padding-top: var(--kite-menu-contextual-label-trigger-padding-top);
  padding-bottom: var(--kite-menu-contextual-label-trigger-padding-bottom);
  width: unset;
}
@media only screen and (min-width: 37.5rem) {
  .kite-menu--contextual-label .kite-picker--overlay:not(.kite-picker--top,
  .kite-picker--bottom,
  .kite-picker--right,
  .kite-picker--left) {
    --translateY: var(--kite-form-control-picker-offset);
    left: auto;
  }
  .kite-menu--contextual-label.kite-menu--bottom .kite-picker--overlay:not(.kite-picker--top,
  .kite-picker--bottom,
  .kite-picker--right,
  .kite-picker--left) {
    --translateY: calc(-100% - var(--trigger-height) - var(--kite-form-control-picker-offset));
  }
  .kite-menu--contextual-label.kite-menu--block .kite-picker--overlay, .kite-menu--contextual-label.kite-menu--left .kite-picker--overlay {
    left: 0;
  }
}
.kite-menu--expand-above {
  --pagination-height: 56px;
}
.kite-menu--expand-above .kite-menu__list,
.kite-menu--expand-above .kite-picker__content {
  transform: translateY(calc(-100% - var(--pagination-height)));
}
.kite-menu--scrollable {
  --menu-item-height: calc((var(--list-item-text-size) * var(--list-item-text-line-height)) + var(--list-item-padding-top) + var(--list-item-padding-bottom) + var(--list-item-border-width));
  --max-height: calc((var(--max-item-count) * var(--menu-item-height)) + (var(--menu-item-height) * 0.5));
}
.kite-menu--scrollable .kite-menu__list,
.kite-menu--scrollable .kite-picker__content {
  max-height: var(--max-height);
  overflow-x: auto;
}
.kite-menu--disabled .kite-menu__label,
.kite-menu--disabled .kite-menu__value {
  color: var(--disabled-selection-color);
}
.kite-menu--disabled .kite-menu__helper-text {
  color: var(--kite-dropdown-disabled-helper-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-menu--disabled .kite-menu__value {
    color: GrayText;
  }
}
.kite-menu--open .kite-menu__trigger {
  background-color: var(--trigger-activated-background-color);
}
.kite-menu--open .kite-menu__trigger .kite-icon {
  --color: var(--trigger-activated-icon-color);
}
.kite-menu--open .kite-menu__trigger-label {
  color: var(--trigger-activated-label-color);
}
.kite-menu--open .kite-menu__selection .kite-icon {
  transform: rotate(-180deg);
}
.kite-menu--open.kite-menu--dropdown .kite-menu__selection {
  outline: var(--focus-ring-width) var(--focus-ring-style) var(--selection-focus-ring-color);
  outline-offset: var(--focus-ring-offset);
}
.kite-menu--open .kite-menu__list {
  display: block;
  opacity: var(--visible-opacity);
}
.kite-menu__list {
  background-color: var(--list-background-color);
  border: var(--list-border-width) var(--list-border-style) var(--list-border-color);
  border-radius: var(--list-border-radius);
  box-shadow: var(--list-elevation);
  cursor: var(--list-cursor);
  display: none;
  list-style-type: none;
  margin-top: var(--list-margin-top);
  margin-right: calc(-1 * var(--list-max-width));
  min-width: var(--list-min-width);
  max-width: var(--list-max-width);
  opacity: var(--hidden-opacity);
  padding: 0;
  position: absolute;
  z-index: var(--list-z-index);
  transform: translate(var(--list-translate-x), var(--list-translate-y));
  transition: var(--list-transition-duration) var(--list-transition-timing-function) var(--list-transition-target-property);
}
.kite-menu__item {
  margin: 0;
  max-width: var(--list-max-width);
  min-width: 100%;
  padding: 0;
}
.kite-menu__item:not(:last-child) .kite-menu__action {
  border-bottom: var(--list-item-border-width) var(--list-item-border-style) var(--list-item-border-color);
}
.kite-menu__item.kite-menu__item--destructive .kite-menu__action,
.kite-menu__item.kite-menu__item--destructive a.kite-menu__action, .kite-menu__item.kite-menu__item--negative .kite-menu__action,
.kite-menu__item.kite-menu__item--negative a.kite-menu__action {
  color: var(--list-item-negative-text-color);
}
.kite-menu__item.kite-menu__item--destructive .kite-menu__action .kite-icon,
.kite-menu__item.kite-menu__item--destructive a.kite-menu__action .kite-icon, .kite-menu__item.kite-menu__item--negative .kite-menu__action .kite-icon,
.kite-menu__item.kite-menu__item--negative a.kite-menu__action .kite-icon {
  --color: var(--list-item-negative-icon-color);
}

.kite-date-input {
  --input-border-color: var(--kite-date-input-border-color);
  --input-border-width: var(--kite-date-input-border-width);
  --input-border-style: var(--kite-date-input-border-style);
  --input-addon-total-width: calc(var(--kite-date-input-addon-padding-left) + var(--kite-date-input-addon-icon-width) + var(--kite-date-input-addon-padding-right));
}
:has(.kite-date-input__input-group--hover), .kite-date-input:has(.kite-date-input__input-group.kite-hover .kite-date-input__input:not([disabled]), .kite-date-input__input-group:hover .kite-date-input__input:not([disabled])) {
  --input-border-width: var(--kite-date-input-hover-border-width);
}
.kite-date-input:has(.kite-date-input__input--focus-visible), .kite-date-input:has(.kite-date-input__input.kite-focus-visible, .kite-date-input__input:focus-visible) {
  --input-border-width: var(--kite-date-input-focus-ring-width);
  --input-border-color: var(--kite-date-input-focus-ring-style);
  --input-border-style: var(--kite-date-input-focus-ring-color);
}
.kite-date-input--disabled {
  --input-border-color: var(--kite-date-input-disabled-border-color);
  --input-border-width: var(--kite-date-input-border-width);
}
.kite-date-input.kite-form-control--error, .kite-date-input--error {
  --input-border-color: var(--kite-date-input-error-border-color);
  --input-border-width: var(--kite-date-input-error-border-width);
}

.kite-date-input {
  position: relative;
  width: 100%;
}
.kite-date-input__label-group {
  margin-bottom: var(--kite-date-input-label-margin-bottom);
}
.kite-date-input__label {
  color: var(--kite-date-input-label-text-color);
  display: block;
}
.kite-date-input__helper-text {
  display: block;
  color: var(--kite-date-input-helper-text-color);
  font-size: var(--kite-date-input-helper-text-size);
  line-height: var(--kite-date-input-helper-text-line-height);
}
.kite-date-input__input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: var(--kite-date-input-height);
}
.kite-date-input__input-addon {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding-top: var(--kite-date-input-addon-padding-top, var(--kite-form-control-addon-padding-top));
  padding-right: var(--kite-date-input-addon-padding-right, var(--kite-form-control-addon-padding-right));
  padding-bottom: var(--kite-date-input-addon-padding-bottom, var(--kite-form-control-addon-padding-bottom));
  padding-left: var(--kite-date-input-addon-padding-left, var(--kite-form-control-addon-padding-left));
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.kite-date-input__input-addon:first-child {
  right: auto;
  left: 0;
}
.kite-date-input__input-addon .kite-icon {
  --color: var(--kite-date-input-addon-icon-color, var(--kite-form-control-addon-icon-color));
  --size: var(--kite-date-input-addon-icon-width, var(--kite-form-control-addon-icon-width));
}
.kite-date-input__input-addon--button {
  cursor: var(--kite-cursor-action);
  text-decoration: none;
  user-select: none;
}
.kite-date-input__input-addon--button:focus-visible {
  outline-offset: var(--kite-date-input-addon-focus-ring-offset, var(--kite-form-control-addon-focus-ring-offset));
}
.kite-date-input__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  appearance: none;
  background-color: transparent;
  border: 0;
  color: var(--kite-date-input-text-color);
  line-height: var(--kite-date-input-text-line-height);
  outline: none;
  padding-top: calc(var(--kite-date-input-padding-top) - var(--input-border-width));
  padding-right: calc(var(--input-addon-total-width) - var(--input-border-width));
  padding-bottom: calc(var(--kite-date-input-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--kite-date-input-padding-left) - var(--input-border-width));
  position: absolute;
  top: var(--input-border-width);
  left: var(--input-border-width);
  width: calc(100% - var(--input-border-width) * 2);
  height: calc(var(--kite-date-input-height) * var(--input-border-width) * 2);
  z-index: 1;
}
.kite-date-input__input::placeholder {
  color: var(--kite-date-input-placeholder-text-color);
  font-style: var(--kite-date-input-placeholder-text-style);
}
.kite-date-input__input:disabled::placeholder {
  color: var(--kite-date-input-disabled-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-date-input__input:disabled ~ .kite-date-input__appearance {
    border-color: GrayText;
  }
}
.kite-date-input__input::-webkit-calendar-picker-indicator {
  display: none;
}
.kite-date-input__input--focus-visible, .kite-date-input__input.kite-focus-visible, .kite-date-input__input:focus-visible {
  outline: none;
}
.kite-date-input__appearance {
  background-color: var(--kite-date-input-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-date-input-border-radius);
  color: var(--kite-date-input-text-color);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.kite-date-input .kite-form-control__error, .kite-date-input__feedback {
  color: var(--kite-date-input-error-feedback-text-color);
  display: none;
  margin-top: var(--kite-date-input-feedback-margin-top);
}
.kite-date-input .kite-picker--overlay {
  --translateY: calc(var(--kite-date-input-label-height) + var(--kite-date-input-label-margin-bottom) + var(--kite-date-input-height) + var(--kite-date-input-picker-offset));
}
.kite-date-input .kite-picker__content {
  padding: var(--kite-date-input-picker-padding-top) var(--kite-date-input-picker-padding-right) var(--kite-date-input-picker-padding-bottom) var(--kite-date-input-picker-padding-left);
}
.kite-date-input.kite-form-control--error .kite-form-control__error,
.kite-date-input.kite-form-control--error .kite-date-input__feedback, .kite-date-input--error .kite-form-control__error,
.kite-date-input--error .kite-date-input__feedback {
  display: block;
}
.kite-date-input--disabled .kite-date-input__label {
  color: var(--kite-date-input-disabled-label-text-color);
}
.kite-date-input--disabled .kite-date-input__helper-text {
  color: var(--kite-date-input-disabled-helper-text-color);
}
.kite-date-input--disabled .kite-date-input__input {
  color: var(--kite-date-input-disabled-text-color);
  cursor: var(--kite-date-input-disabled-cursor);
}
.kite-date-input--disabled .kite-date-input__input-addon {
  cursor: var(--kite-date-input-disabled-cursor, var(--kite-form-control-disabled-cursor));
}
.kite-date-input--disabled .kite-date-input__input-addon .kite-icon {
  --color: var(--kite-date-input-disabled-text-color, var(--kite-form-control-disabled-text-color));
}

.kite-calendar__header {
  width: calc(100% + var(--kite-date-input-picker-padding-right) + var(--kite-date-input-picker-padding-left));
  margin-left: calc(var(--kite-date-input-picker-padding-right) * -1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kite-calendar__month-year {
  font-weight: var(--kite-calendar-month-year-text-weight);
  margin: var(--kite-calendar-month-year-margin-top) var(--kite-calendar-month-year-margin-right) var(--kite-calendar-month-year-margin-bottom) var(--kite-calendar-month-year-margin-left);
}
.kite-calendar__prev, .kite-calendar__next {
  border: 0;
  background: transparent;
  cursor: var(--kite-calendar-action-cursor);
  padding: var(--kite-calendar-controls-padding-top) var(--kite-calendar-controls-padding-right) var(--kite-calendar-controls-padding-bottom) var(--kite-calendar-controls-padding-left);
  color: var(--kite-calendar-controls-text-color);
}
.kite-calendar__prev--hidden, .kite-calendar__next--hidden {
  visibility: hidden;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__prev--hover, .kite-calendar__prev.kite-hover, .kite-calendar__prev:hover, .kite-calendar__next--hover, .kite-calendar__next.kite-hover, .kite-calendar__next:hover {
    background-color: var(--kite-calendar-controls-hover-background-color);
  }
}
.kite-calendar__prev.kite-focus-visible, .kite-calendar__prev:focus-visible, .kite-calendar__next.kite-focus-visible, .kite-calendar__next:focus-visible {
  color: var(--kite-calendar-controls-focus-text-color);
  outline-offset: 0;
}
.kite-calendar__prev {
  border-radius: var(--kite-form-control-picker-border-radius) 0 0 0;
}
.kite-calendar__next {
  border-radius: 0 var(--kite-form-control-picker-border-radius) 0 0;
}
.kite-calendar__table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center;
  width: 100%;
}
.kite-calendar__table-header, .kite-calendar__cell {
  height: var(--kite-calendar-day-height);
  width: var(--kite-calendar-day-width);
  text-align: var(--kite-calendar-day-text-align);
}
.kite-calendar__day {
  color: var(--kite-calendar-day-text-color);
  border: 1px solid transparent;
  background: transparent;
  cursor: var(--kite-calendar-action-cursor);
  position: relative;
  padding: 0;
}
.kite-calendar__day,
.kite-calendar__day .kite-calendar__day-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--hover, .kite-calendar__day.kite-hover, .kite-calendar__day:hover {
    background-color: var(--kite-calendar-day-hover-background-color);
  }
}
.kite-calendar__day:focus-visible {
  outline: var(--kite-calendar-focus-ring-width) var(--kite-calendar-focus-ring-style) var(--kite-calendar-focus-ring-color);
  outline-offset: var(--kite-calendar-day-focus-ring-offset);
}
.kite-calendar__day--disabled {
  color: var(--kite-calendar-day-disabled-text-color);
}
.kite-calendar__day--unavailable {
  text-decoration: var(--kite-calendar-day-unavailable-text-decoration-line);
  text-decoration-thickness: var(--kite-calendar-day-unavailable-text-decoration-thickness);
}
.kite-calendar__day--out-range {
  color: var(--kite-calendar-day-out-range-text-color);
  text-decoration: var(--kite-calendar-day-out-range-text-decoration-line);
  text-decoration-thickness: var(--kite-calendar-day-out-range-text-decoration-thickness);
}
.kite-calendar__day--out-range, .kite-calendar__day--disabled {
  cursor: var(--kite-calendar-day-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day--out-range, .kite-calendar__day--disabled {
    color: GrayText;
    border-color: GrayText;
  }
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--out-range--hover, .kite-calendar__day--out-range.kite-hover, .kite-calendar__day--out-range:hover, .kite-calendar__day--disabled--hover, .kite-calendar__day--disabled.kite-hover, .kite-calendar__day--disabled:hover {
    background-color: transparent;
  }
}
.kite-calendar__day[aria-current=date] {
  color: var(--kite-calendar-day-today-text-color);
  position: relative;
}
.kite-calendar__day[aria-current=date]::after {
  content: "";
  position: absolute;
  bottom: var(--kite-calendar-day-today-indicator-offset);
  width: var(--kite-calendar-day-today-indicator-width);
  height: var(--kite-calendar-day-today-indicator-height);
  background-color: var(--kite-calendar-day-today-indicator-background-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day[aria-current=date] {
    color: Highlight;
  }
}
.kite-calendar__day--selected {
  background-color: var(--kite-calendar-day-selected-background-color);
  color: var(--kite-calendar-day-selected-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-calendar__day--selected {
    background-color: SelectedItem;
  }
}
.kite-calendar__day--selected[aria-disabled=true] {
  cursor: default;
}
.kite-calendar__day--prev-month:not(.kite-calendar__day--selected), .kite-calendar__day--next-month:not(.kite-calendar__day--selected) {
  color: var(--kite-calendar-day-out-month-text-color);
}
@media (hover: hover) and (pointer: fine) {
  .kite-calendar__day--prev-month--hover:not(.kite-calendar__day--disabled), .kite-calendar__day--prev-month.kite-hover:not(.kite-calendar__day--disabled), .kite-calendar__day--prev-month:hover:not(.kite-calendar__day--disabled), .kite-calendar__day--next-month--hover:not(.kite-calendar__day--disabled), .kite-calendar__day--next-month.kite-hover:not(.kite-calendar__day--disabled), .kite-calendar__day--next-month:hover:not(.kite-calendar__day--disabled) {
    color: var(--kite-calendar-day-out-month-hover-text-color);
  }
}
.kite-calendar__day-due {
  position: absolute;
  bottom: calc(var(--kite-calendar-day-due-offset) * -1);
  text-transform: var(--kite-calendar-day-due-text-transform);
  background-color: var(--kite-calendar-day-due-background-color);
  color: var(--kite-calendar-day-due-text-color);
  font-size: var(--kite-calendar-day-due-text-size);
  line-height: var(--kite-calendar-day-due-text-line-height);
  border-radius: var(--kite-calendar-day-due-border-radius);
  border: 1px solid transparent;
  padding: calc(var(--kite-calendar-day-due-padding-top) - 1px) calc(var(--kite-calendar-day-due-padding-right) - 1px) calc(var(--kite-calendar-day-due-padding-bottom) - 1px) calc(var(--kite-calendar-day-due-padding-left) - 1px);
  z-index: 1;
}
.kite-calendar--standalone {
  background-color: var(--kite-calendar-standalone-background-color);
  border: var(--kite-calendar-standalone-border-width) var(--kite-calendar-standalone-border-style) var(--kite-calendar-standalone-border-color);
  border-radius: var(--kite-calendar-standalone-border-radius);
  padding: var(--kite-calendar-standalone-padding-top) var(--kite-calendar-standalone-padding-right) var(--kite-calendar-standalone-padding-bottom) var(--kite-calendar-standalone-padding-left);
  min-width: var(--kite-calendar-standalone-min-width);
  min-height: var(--kite-calendar-standalone-min-height);
}
.kite-calendar--standalone .kite-calendar__header {
  width: 100%;
  margin-left: 0;
}
.kite-calendar--standalone .kite-calendar__table-header span:not(.kite-assistive-text),
.kite-calendar--standalone .kite-calendar__day {
  aspect-ratio: 1/1;
}
.kite-calendar--standalone .kite-calendar__table-header span:not(.kite-assistive-text) {
  display: flex;
  justify-content: center;
  align-items: center;
}

.kite-time-input {
  --selection-border-width: var(--kite-time-input-border-width);
  --selection-border-style: var(--kite-time-input-border-style);
  --selection-border-color: var(--kite-time-input-border-color);
}

.kite-time-input {
  position: relative;
  display: block;
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-time-input {
    max-width: var(--kite-time-input-max-width);
  }
}
.kite-time-input__label-group {
  margin-bottom: var(--kite-time-input-label-margin-bottom);
}
.kite-time-input__label {
  color: var(--kite-time-input-label-color);
  display: inline-block;
  font-weight: var(--kite-time-input-label-text-weight);
}
.kite-time-input__helper-text {
  display: block;
  color: var(--kite-time-input-helper-text-color);
  font-size: var(--kite-time-input-helper-text-size);
  line-height: var(--kite-time-input-helper-text-line-height);
}
.kite-time-input__selection {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-items: center;
  background-color: var(--kite-time-input-background-color);
  border: var(--selection-border-width) var(--selection-border-style) var(--selection-border-color);
  border-radius: var(--kite-time-input-border-radius);
  color: var(--kite-time-input-text-color);
  cursor: var(--kite-time-input-cursor);
  display: flex;
  justify-content: space-between;
  line-height: var(--kite-time-input-text-line-height);
  margin: var(--kite-time-input-margin-top) var(--kite-time-input-margin-right) var(--kite-time-input-margin-bottom) var(--kite-time-input-margin-left);
  padding: calc(var(--kite-time-input-padding-top) - var(--selection-border-width)) calc(var(--kite-time-input-padding-right) - var(--selection-border-width)) calc(var(--kite-time-input-padding-bottom) - var(--selection-border-width)) calc(var(--kite-time-input-padding-left) - var(--selection-border-width));
  width: 100%;
  text-align: left;
  height: var(--kite-time-input-height);
  -webkit-user-select: none; /* Safari */
  user-select: none;
}
.kite-time-input__selection .kite-icon {
  --color: var(--kite-time-input-icon-color);
  --size: var(--kite-time-input-icon-size);
  flex-shrink: 0;
  margin-right: var(--kite-time-input-icon-margin-right);
}
.kite-time-input__selection.kite-focus-visible, .kite-time-input__selection:focus-visible {
  outline: var(--kite-time-input-focus-ring-width) var(--kite-time-input-focus-ring-style) var(--kite-time-input-focus-ring-color);
  outline-offset: var(--kite-time-input-focus-ring-offset);
}
.kite-time-input__selection:disabled, .kite-time-input__selection[aria-disabled=true] {
  --selection-border-color: var(--kite-time-input-disabled-border-color);
  background-color: var(--kite-time-input-disabled-background-color);
  color: var(--kite-time-input-disabled-text-color);
  cursor: var(--kite-time-input-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-time-input__selection:disabled, .kite-time-input__selection[aria-disabled=true] {
    border-color: GrayText;
    color: GrayText;
  }
}
.kite-time-input__selection:disabled .kite-icon, .kite-time-input__selection[aria-disabled=true] .kite-icon {
  --color: var(--kite-time-input-disabled-icon-color);
}
.kite-time-input__selection.kite-hover:not([aria-disabled=true], [disabled]), .kite-time-input__selection:hover:not([aria-disabled=true], [disabled]) {
  --selection-border-width: var(--kite-time-input-hover-border-width);
}
.kite-time-input__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: var(--kite-time-input-placeholder-margin-right);
  margin-left: var(--kite-time-input-placeholder-margin-left);
  text-align: left;
}
.kite-time-input__value--placeholder {
  color: var(--kite-time-input-placeholder-text-color);
  font-style: var(--kite-time-input-placeholder-text-style);
}
.kite-time-input__feedback {
  display: none;
  color: var(--kite-time-input-error-feedback-text-color);
  margin-top: var(--kite-time-input-feedback-margin-top);
}
.kite-time-input--error .kite-time-input__selection {
  --selection-border-color: var(--kite-time-input-error-border-color);
  --selection-border-width: var(--kite-time-input-error-border-width);
}
.kite-time-input--error .kite-time-input__feedback {
  display: block;
}
.kite-time-input--disabled .kite-time-input__label,
.kite-time-input--disabled .kite-time-input__value {
  color: var(--kite-time-input-disabled-text-color);
}
.kite-time-input--disabled .kite-time-input__helper-text {
  color: var(--kite-time-input-disabled-helper-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-time-input--disabled .kite-time-input__value {
    color: GrayText;
  }
}

.kite-picker {
  position: relative;
}
.kite-picker--list .kite-picker__content {
  padding: 0;
}
.kite-picker--open.kite-picker--overlay,
.kite-picker--open .kite-picker__content {
  opacity: 1;
  visibility: visible;
}
.kite-picker--overlay {
  /** Positioning props **/
  --translateX: 0;
  --label-height: calc(var(--kite-form-control-label-text-line-height) * var(--kite-form-control-label-text-size));
  --translateY: calc(var(--label-height) + var(--kite-form-control-label-margin-bottom) + var(--kite-form-control-height) + var(--kite-form-control-picker-offset));
  /** @prop --picker-trigger-width: Represents the width of a picker's trigger element. May require dynamic calculation */
  --picker-trigger-width: 0;
  /** @prop --picker-trigger-height: Represents the height of a picker's trigger element. May require dynamic calculation */
  --picker-trigger-height: 0;
  /** Positioning styles **/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(var(--translateX), var(--translateY));
  z-index: var(--kite-form-control-picker-zindex);
  visibility: hidden;
  opacity: 0;
  /** Positioning variants **/
}
.kite-picker--overlay.kite-picker--top {
  --translateY: calc(-100% - var(--picker-trigger-height) - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--bottom {
  --translateY: var(--kite-form-control-picker-offset);
}
.kite-picker--overlay.kite-picker--right {
  --translateX: calc(var(--picker-trigger-width) + var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--left {
  --translateX: calc(-100% - var(--kite-form-control-picker-offset));
}
.kite-picker--overlay.kite-picker--top, .kite-picker--overlay.kite-picker--bottom {
  --translateX: calc(-50% + (var(--picker-trigger-width) / 2));
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-start, .kite-picker--overlay.kite-picker--bottom.kite-picker--align-start {
  --translateX: 0;
}
.kite-picker--overlay.kite-picker--top.kite-picker--align-end, .kite-picker--overlay.kite-picker--bottom.kite-picker--align-end {
  --translateX: calc(-100% + var(--picker-trigger-width));
}
.kite-picker--overlay.kite-picker--right, .kite-picker--overlay.kite-picker--left {
  --translateY: -50%;
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-start, .kite-picker--overlay.kite-picker--left.kite-picker--align-start {
  --translateY: calc(-1 * var(--picker-trigger-height));
}
.kite-picker--overlay.kite-picker--right.kite-picker--align-end, .kite-picker--overlay.kite-picker--left.kite-picker--align-end {
  --translateY: -100%;
}
.kite-picker__content {
  background-color: var(--kite-form-control-picker-background-color);
  border: var(--kite-form-control-picker-border-width) var(--kite-form-control-picker-border-style) var(--kite-form-control-picker-border-color);
  border-radius: var(--kite-form-control-picker-border-radius);
  box-shadow: var(--kite-form-control-picker-elevation);
  display: block;
  padding: var(--kite-form-control-picker-padding-top) var(--kite-form-control-picker-padding-right) var(--kite-form-control-picker-padding-bottom) var(--kite-form-control-picker-padding-left);
  opacity: 0;
  visibility: hidden;
  min-width: var(--kite-form-control-picker-min-width);
  width: 100%;
}
.kite-picker__list {
  cursor: var(--kite-form-control-picker-cursor);
  list-style-type: none;
  margin: 0;
  padding: 0;
  --max-item-count: ;
  --picker-list-item-height: calc(((var(--kite-form-control-picker-list-item-line-height) * 1rem) + var(--kite-form-control-picker-list-item-padding-top) + var(--kite-form-control-picker-list-item-padding-bottom) + var(--kite-form-control-picker-list-item-border-width)));
  --picker-list-max-height: calc(var(--picker-list-item-height) * var(--max-item-count));
  max-height: calc(var(--picker-list-max-height) + 0.5 * var(--picker-list-item-height));
  overflow-y: auto;
}
.kite-picker__item {
  margin: 0;
  padding: 0;
  min-width: 100%;
  max-width: var(--kite-form-control-picker-list-item-max-width);
}
.kite-picker__item:not(:last-child) .kite-picker__action {
  border-bottom: var(--kite-form-control-picker-list-item-border-width) var(--kite-form-control-picker-list-item-border-style) var(--kite-form-control-picker-list-item-border-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action, .kite-picker__item.kite-picker__item--negative a.kite-picker__action {
  color: var(--kite-form-control-picker-list-item-negative-text-color);
}
.kite-picker__item.kite-picker__item--negative .kite-picker__action .kite-icon, .kite-picker__item.kite-picker__item--negative a.kite-picker__action .kite-icon {
  --color: var(--kite-form-control-picker-list-item-negative-icon-color);
}
.kite-picker a.kite-picker__action, .kite-picker__action {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--kite-form-control-picker-list-item-text-color);
  cursor: var(--kite-form-control-picker-cursor);
  display: inline-flex;
  font-size: var(--kite-form-control-picker-list-item-text-size);
  line-height: var(--kite-form-control-picker-list-item-line-height);
  padding: var(--kite-form-control-picker-list-item-padding-top) var(--kite-form-control-picker-list-item-padding-right) var(--kite-form-control-picker-list-item-padding-bottom) var(--kite-form-control-picker-list-item-padding-left);
  text-align: left;
  text-decoration: unset;
  width: 100%;
}
.kite-picker a.kite-picker__action:focus-visible, .kite-picker a.kite-picker__action.kite-focus-visible, .kite-picker__action:focus-visible, .kite-picker__action.kite-focus-visible {
  outline: var(--kite-form-control-picker-list-item-focus-ring-width) var(--kite-form-control-picker-list-item-focus-ring-style) var(--kite-form-control-picker-list-item-focus-ring-color);
  outline-offset: var(--kite-form-control-picker-list-item-focus-ring-offset);
}
.kite-picker a.kite-picker__action-icon, .kite-picker__action-icon {
  display: inline;
}
.kite-picker a.kite-picker__action-icon .kite-icon, .kite-picker__action-icon .kite-icon {
  --size: var(--kite-form-control-picker-list-item-icon-width);
  margin-right: var(--kite-form-control-picker-list-item-icon-margin-right);
  vertical-align: text-bottom;
}
.kite-picker a.kite-picker__action-check .kite-icon, .kite-picker__action-check .kite-icon {
  --color: none;
  --size: var(--kite-form-control-picker-list-item-check-icon-width);
  flex-shrink: 0;
  margin-right: var(--kite-form-control-picker-list-item-check-icon-margin-right);
  margin-left: var(--kite-form-control-picker-list-item-check-icon-margin-left);
  vertical-align: text-bottom;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg, .kite-picker__action-check--hidden:not(.kite-picker__action-check--selected) .kite-icon .kite-icon__inner svg {
    fill: none;
  }
}
.kite-picker a.kite-picker__action-check--selected .kite-icon, .kite-picker__action-check--selected .kite-icon {
  --color: var(--kite-form-control-picker-list-item-check-icon-color);
}
.kite-picker a.kite-picker__action--hover, .kite-picker a.kite-picker__action.kite-hover, .kite-picker a.kite-picker__action:hover, .kite-picker__action--hover, .kite-picker__action.kite-hover, .kite-picker__action:hover {
  background-color: var(--kite-form-control-picker-list-item-hover-background-color);
  text-decoration: unset;
}
.kite-picker a.kite-picker__action[aria-selected=true], .kite-picker a.kite-picker__action[aria-checked=true], .kite-picker a.kite-picker__action[aria-current], .kite-picker__action[aria-selected=true], .kite-picker__action[aria-checked=true], .kite-picker__action[aria-current] {
  font-weight: var(--kite-form-control-picker-list-item-selected-text-weight);
}
.kite-picker a.kite-picker__action:disabled, .kite-picker a.kite-picker__action[aria-disabled=true], .kite-picker__action:disabled, .kite-picker__action[aria-disabled=true] {
  color: var(--kite-form-control-picker-list-item-disabled-text-color);
  cursor: var(--kite-form-control-picker-list-item-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-picker a.kite-picker__action:disabled, .kite-picker a.kite-picker__action[aria-disabled=true], .kite-picker__action:disabled, .kite-picker__action[aria-disabled=true] {
    color: GrayText;
  }
}
.kite-picker a.kite-picker__action:disabled:hover, .kite-picker a.kite-picker__action[aria-disabled=true]:hover, .kite-picker__action:disabled:hover, .kite-picker__action[aria-disabled=true]:hover {
  background-color: transparent;
}
.kite-picker__backdrop {
  background-color: var(--kite-form-control-picker-backdrop-background-color);
  opacity: var(--kite-form-control-picker-backdrop-opacity);
  pointer-events: auto;
  touch-action: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--kite-form-control-picker-backdrop-zindex);
}
.kite-picker__backdrop--hidden {
  opacity: 0;
  visibility: hidden;
}

.kite-picker--open.kite-picker--overlay, .kite-picker--open .kite-picker__content {
  visibility: inherit;
}

.kite-menu__value--placeholder {
  color: var(--kite-form-control-placeholder-text-color);
}

.kite-menu .kite-picker--list, .kite-time-input .kite-picker--list {
  webkit-transform: initial;
  transform: initial;
  transition: initial;
  position: relative;
}

.kite-pagination .kite-menu--inline .kite-picker__content .rk-picker__list--virtualization,
.kite-pagination .kite-menu--inline .kite-picker--overlay .rk-picker__list--virtualization {
  min-width: var(--list-min-width);
}

.kite-meter {
  /** @prop --percent: Sets meter percent progress. Supports values between `0.` and `1.` */
  --percent: 0;
  /** @prop --color: Sets meter color */
  --color: var(--kite-meter-fill-color);
  /** @prop --icon-color: Sets status icon color  */
  --icon-color: var(--kite-meter-icon-color);
  --label-text-weight: var(--kite-meter-label-text-weight);
  --tick-width: var(--kite-meter-tick-width);
  --tick-height: var(--kite-meter-tick-height);
  --status-icon-height: var(--kite-meter-icon-height);
  --status-icon-width: var(--kite-meter-icon-width);
  --value-label-text-weight: var(--kite-meter-value-label-text-weight);
  --label-text-color: var(--kite-meter-label-text-color);
  --label-text-size: var(--kite-meter-label-text-size);
  --label-text-line-height: var(--kite-meter-label-text-line-height);
  --label-text-margin-bottom: var(--kite-meter-label-margin-bottom);
  --track-border-radius: var(--kite-meter-track-border-radius);
  --track-height: var(--kite-meter-track-height);
  --track-margin-bottom: var(--kite-meter-track-margin-bottom);
  --value-label-text-color: var(--kite-meter-value-label-text-color);
  --value-label-text-size: var(--kite-meter-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-value-label-text-line-height);
  --tick-color: var(--kite-meter-tick-color);
  --track-color: var(--kite-meter-track-color);
  --status-label-text-size: var(--kite-meter-status-label-text-size);
  --status-label-text-line-height: var(--kite-meter-status-label-text-line-height);
  --status-label-text-weight: var(--kite-meter-status-label-text-weight);
}
.kite-meter--success, .kite-meter--positive {
  --color: var(--kite-meter-positive-fill-color);
  --icon-color: var(--kite-meter-positive-icon-color);
}
.kite-meter--caution {
  --color: var(--kite-meter-caution-fill-color);
  --icon-color: var(--kite-meter-caution-icon-color);
}
.kite-meter--alert, .kite-meter--negative {
  --color: var(--kite-meter-negative-fill-color);
  --icon-color: var(--kite-meter-negative-icon-color);
}
.kite-meter--lg {
  --status-icon-height: var(--kite-meter-lg-icon-height);
  --status-icon-width: var(--kite-meter-lg-icon-width);
  --track-height: var(--kite-meter-lg-track-height);
  --label-text-size: var(--kite-meter-lg-label-text-size);
  --label-text-line-height: var(--kite-meter-lg-label-text-line-height);
  --value-label-text-size: var(--kite-meter-lg-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-lg-value-label-text-line-height);
  --track-border-radius: var(--kite-meter-lg-track-border-radius);
  --status-label-text-size: var(--kite-meter-lg-status-label-text-size);
  --status-label-text-line-height: var(--kite-meter-lg-status-label-text-line-height);
  --status-label-text-weight: var(--kite-meter-lg-status-label-text-weight);
}
.kite-meter--sm {
  --status-icon-height: var(--kite-meter-sm-icon-height);
  --status-icon-width: var(--kite-meter-sm-icon-width);
  --track-height: var(--kite-meter-sm-track-height);
  --label-text-size: var(--kite-meter-sm-label-text-size);
  --label-text-line-height: var(--kite-meter-sm-label-text-line-height);
  --value-label-text-size: var(--kite-meter-sm-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-sm-value-label-text-line-height);
  --track-border-radius: var(--kite-meter-sm-track-border-radius);
  --status-label-text-size: var(--kite-meter-sm-status-label-text-size);
  --status-label-text-line-height: var(--kite-meter-sm-status-label-text-line-height);
  --status-label-text-weight: var(--kite-meter-sm-status-label-text-weight);
}
.kite-meter--circular {
  --circle-height: var(--kite-meter-circular-height);
  --circle-width: var(--kite-meter-circular-width);
  --track-height: var(--kite-meter-circular-track-height);
  --track-margin-right: 0;
  --track-margin-bottom: var(--kite-meter-circular-track-margin-bottom);
  --label-text-size: var(--kite-meter-circular-label-text-size);
  --label-text-line-height: var(--kite-meter-circular-label-text-line-height);
  --value-label-text-size: var(--kite-meter-circular-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-circular-value-label-text-line-height);
  --tick-width: var(--kite-meter-circular-tick-width);
  --tick-height: var(--kite-meter-circular-tick-height);
  --label-margin-top: var(--kite-meter-circular-label-margin-top);
  --status-icon-height: var(--kite-meter-circular-icon-height);
  --status-icon-width: var(--kite-meter-circular-icon-width);
  --circle-height-px: var(--kite-meter-circular-height-px);
  --track-height-px: var(--kite-meter-circular-track-height-px);
  --circle-diameter: calc(var(--circle-height-px) - var(--track-height-px));
  --circle-circumference: calc(var(--pi) * var(--circle-diameter));
}
.kite-meter--circular.kite-meter--sm {
  --circle-height: var(--kite-meter-circular-sm-height);
  --circle-width: var(--kite-meter-circular-sm-width);
  --track-height: var(--kite-meter-circular-sm-track-height);
  --circle-height-px: var(--kite-meter-circular-sm-height-px);
  --track-height-px: var(--kite-meter-circular-sm-track-height-px);
  --track-margin-right: var(--kite-meter-circular-sm-track-margin-right);
  --value-label-text-size: var(--kite-meter-circular-sm-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-circular-sm-value-label-text-line-height);
  --tick-width: var(--kite-meter-circular-sm-tick-width);
  --tick-height: var(--kite-meter-circular-sm-tick-height);
  --status-icon-margin: var(--kite-meter-circular-sm-icon-margin);
  --status-icon-height: var(--kite-meter-circular-sm-icon-height);
  --status-icon-width: var(--kite-meter-circular-sm-icon-width);
  --label-margin-top: auto;
}
.kite-meter--circular.kite-meter--lg {
  --circle-height: var(--kite-meter-circular-lg-height);
  --circle-width: var(--kite-meter-circular-lg-width);
  --track-height: var(--kite-meter-circular-lg-track-height);
  --circle-height-px: var(--kite-meter-circular-lg-height-px);
  --track-height-px: var(--kite-meter-circular-lg-track-height-px);
  --label-text-size: var(--kite-meter-circular-lg-label-text-size);
  --label-text-line-height: var(--kite-meter-circular-lg-label-text-line-height);
  --value-label-text-size: var(--kite-meter-circular-lg-value-label-text-size);
  --value-label-text-line-height: var(--kite-meter-circular-lg-value-label-text-line-height);
  --value-label-margin-bottom: var(--kite-meter-circular-lg-value-label-margin-bottom);
  --tick-width: var(--kite-meter-circular-lg-tick-width);
  --tick-height: var(--kite-meter-circular-lg-tick-height);
  --status-icon-margin: var(--kite-meter-circular-lg-icon-margin);
  --status-icon-height: var(--kite-meter-circular-lg-icon-height);
  --status-icon-width: var(--kite-meter-circular-lg-icon-width);
  --label-margin-top: auto;
}

.kite-meter {
  contain: content;
  width: 100%;
}
.kite-meter__label {
  color: var(--label-text-color);
  display: block;
  font-size: var(--label-text-size);
  line-height: var(--label-text-line-height);
  font-weight: var(--label-text-weight);
  margin-bottom: var(--label-text-margin-bottom);
}
.kite-meter__track {
  background-color: var(--track-color);
  border-color: var(--tick-color);
  border-radius: var(--track-border-radius) 0 0 var(--track-border-radius);
  border-style: solid;
  border-width: 0 var(--tick-width) 0 0;
  margin-bottom: var(--track-margin-bottom);
  width: 100%;
  height: var(--track-height);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-meter__track {
    border: 1px solid CanvasText;
  }
}
.kite-meter__progress-fill {
  background-color: var(--color);
  border-bottom-left-radius: var(--track-border-radius);
  border-top-left-radius: var(--track-border-radius);
  width: calc(var(--percent) * 100 * 1%);
  height: 100%;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-meter__progress-fill {
    --color: CanvasText;
  }
}
.kite-meter__value-group {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.kite-meter__value-label {
  color: var(--value-label-text-color);
  font-size: var(--value-label-text-size);
  line-height: var(--value-label-text-line-height);
  font-weight: var(--value-label-text-weight);
}
.kite-meter__status-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--kite-meter-icon-margin);
}
.kite-meter__status-icon {
  width: var(--status-icon-width);
  height: var(--status-icon-height);
}
.kite-meter__status-icon .kite-icon {
  --color: var(--icon-color);
  --size: var(--status-icon-width);
  display: inline;
}
.kite-meter__status-label {
  color: var(--kite-meter-status-label-text-color);
  font-size: var(--status-label-text-size);
  line-height: var(--status-label-text-line-height);
  font-weight: var(--status-label-text-weight);
}
.kite-meter--circular {
  display: flex;
  flex-direction: column;
}
.kite-meter--circular .kite-meter__value-group {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.kite-meter--circular .kite-meter__progress-group {
  align-self: center;
  position: relative;
  width: var(--circle-width);
  height: var(--circle-height);
}
.kite-meter--circular .kite-meter__label {
  font-size: var(--label-text-size);
  margin: var(--label-margin-top) auto 0;
  order: 3;
}
.kite-meter--circular .kite-meter__value-label {
  text-align: center;
}
.kite-meter--circular .kite-meter__progress {
  margin: 0 auto;
  margin-bottom: var(--track-margin-bottom);
  width: var(--circle-width);
  height: var(--circle-height);
}
.kite-meter--circular .kite-meter__track {
  fill: none;
  margin-right: var(--track-margin-right);
  stroke: var(--track-color);
  stroke-width: var(--track-height);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-meter--circular .kite-meter__track {
    --track-color: none;
  }
}
.kite-meter--circular .kite-meter__progress-fill {
  --dash-length: calc(var(--circle-circumference) * var(--percent));
  --dash-full: calc(var(--circle-circumference) - var(--dash-length));
  fill: none;
  stroke-dasharray: var(--dash-length), var(--dash-full);
  stroke-dashoffset: calc(var(--circle-circumference) * 0.25);
  stroke-width: var(--track-height);
  stroke: var(--color);
}
.kite-meter--circular .kite-meter__tick {
  fill: var(--tick-color);
  width: var(--tick-width);
  height: var(--tick-height);
}
.kite-meter--circular.kite-meter--sm {
  display: flex;
  justify-content: center;
}
.kite-meter--circular.kite-meter--sm .kite-meter__progress-group {
  align-items: center;
  display: flex;
  width: auto;
  height: 100%;
}
.kite-meter--circular.kite-meter--sm .kite-meter__status-icon {
  margin: var(--status-icon-margin) calc(var(--track-margin-right) + var(--status-icon-margin)) var(--status-icon-margin) var(--status-icon-margin);
}
.kite-meter--circular.kite-meter--sm .kite-meter__value-group {
  align-items: center;
  flex-direction: row;
  font-size: var(--value-label-text-size);
  line-height: var(--value-label-text-line-height);
  margin: 0;
  order: 2;
  position: relative;
  transform: none;
  width: auto;
}
.kite-meter--circular.kite-meter--sm .kite-meter__progress {
  margin: 0 var(--track-margin-right) 0 0;
  order: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.kite-meter--circular.kite-meter--lg {
  --label-width: 75%;
}
.kite-meter--circular.kite-meter--lg .kite-meter__value-label {
  margin-bottom: var(--value-label-margin-bottom);
  text-align: center;
}
.kite-meter--circular.kite-meter--lg .kite-meter__label {
  margin: 0 auto;
  text-align: center;
  width: var(--label-width);
}
.kite-meter--circular.kite-meter--lg .kite-meter__status-icon {
  margin-bottom: var(--status-icon-margin);
}

.kite-pagination {
  --cursor: var(--kite-pagination-controls-button-cursor);
  --cursor-disabled: var(--kite-pagination-controls-button-disabled-cursor);
  /** @prop --background: Pagination control background color */
  --background: var(--kite-pagination-controls-background-color);
  /** @prop --border-color: Pagination control border color */
  --border-color: var(--kite-pagination-controls-border-color);
  /** @prop --count-color: Pagination count text color */
  --count-color: var(--kite-pagination-count-text-color);
  /** @prop --prenext-background: Previous / next action background color */
  --prevnext-background: var(--kite-pagination-controls-button-background-color);
  /** @prop --prenext-background-hover: Previous / next action background color on hover */
  --prevnext-background-hover: var(--kite-pagination-controls-button-hover-background-color);
  /** @prop --prenext-color: Previous / next action icon fill */
  --prevnext-color: var(--kite-pagination-controls-button-icon-color);
  /** @prop --prenext-color-disabled: Disabled previous / next action icon fill */
  --prevnext-color-disabled: var(--kite-pagination-controls-button-disabled-icon-color);
  /** @prop --dropdown-hover-background-color: Dropdown hover background color */
  --dropdown-hover-background-color: var(--kite-pagination-dropdown-hover-background-color);
}

.kite-pagination {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media only screen and (min-width: 52.5rem) {
  .kite-pagination {
    flex-direction: row;
    justify-content: center;
  }
}
.kite-pagination .kite-menu--inline {
  display: inline-block;
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  height: auto;
}
.kite-pagination .kite-menu--inline .kite-menu__selection {
  border-radius: var(--kite-pagination-dropdown-border-radius);
  padding-top: var(--kite-pagination-dropdown-padding-top);
  padding-right: var(--kite-pagination-dropdown-padding-right);
  padding-bottom: var(--kite-pagination-dropdown-padding-bottom);
  padding-left: var(--kite-pagination-dropdown-padding-left);
  height: var(--kite-pagination-dropdown-height);
}
.kite-pagination .kite-menu--inline .kite-menu__selection.kite-hover, .kite-pagination .kite-menu--inline .kite-menu__selection:hover {
  background-color: var(--dropdown-hover-background-color);
}
.kite-pagination .kite-menu--inline .kite-menu__selection .kite-icon {
  margin-right: var(--kite-pagination-dropdown-icon-margin-right);
  margin-left: var(--kite-pagination-dropdown-icon-margin-left);
}
.kite-pagination .kite-menu--inline .kite-menu__value {
  font-weight: var(--kite-pagination-dropdown-placeholder-text-weight);
  font-style: var(--kite-pagination-dropdown-placeholder-text-style);
}
.kite-pagination .kite-menu--inline .kite-picker--overlay {
  --translateY: calc(var(--kite-pagination-dropdown-height) + var(--kite-pagination-page-select-padding-bottom));
  left: 0;
}
.kite-pagination .kite-menu--inline .kite-menu__list,
.kite-pagination .kite-menu--inline .kite-picker--overlay,
.kite-pagination .kite-menu--inline .kite-picker__content {
  min-width: auto;
  width: fit-content;
}
.kite-pagination__left {
  align-items: center;
  background: var(--background);
  border: var(--kite-pagination-controls-border-width) var(--kite-pagination-controls-border-style) var(--border-color);
  border-radius: var(--kite-pagination-controls-border-radius);
  display: flex;
  margin: var(--kite-pagination-controls-margin-top) var(--kite-pagination-controls-margin-right) var(--kite-pagination-controls-margin-bottom) var(--kite-pagination-controls-margin-left);
}
@media only screen and (min-width: 52.5rem) {
  .kite-pagination__left {
    margin-bottom: var(--kite-pagination-controls-breakpoint-lg-margin-bottom);
  }
}
.kite-pagination__prevnext {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  justify-content: center;
}
.kite-pagination__prevnext button,
.kite-pagination__prevnext a {
  align-items: center;
  background: var(--prevnext-background);
  border: 0;
  border-right: var(--kite-pagination-controls-button-border-width) var(--kite-pagination-controls-button-border-style) var(--border-color);
  color: var(--prevnext-color);
  cursor: var(--cursor);
  display: inline-flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: var(--kite-pagination-controls-button-width);
  height: 100%;
}
.kite-pagination__prevnext button.kite-focus-visible, .kite-pagination__prevnext button:focus-visible,
.kite-pagination__prevnext a.kite-focus-visible,
.kite-pagination__prevnext a:focus-visible {
  outline-offset: var(--kite-pagination-controls-button-focus-ring-offset);
  border-radius: var(--kite-pagination-controls-border-radius);
}
.kite-pagination__prevnext button.kite-hover:enabled, .kite-pagination__prevnext button:hover:enabled,
.kite-pagination__prevnext a.kite-hover:enabled,
.kite-pagination__prevnext a:hover:enabled {
  background-color: var(--prevnext-background-hover);
}
.kite-pagination__prevnext button.kite-disabled, .kite-pagination__prevnext button[disabled], .kite-pagination__prevnext button:disabled,
.kite-pagination__prevnext a.kite-disabled,
.kite-pagination__prevnext a[disabled],
.kite-pagination__prevnext a:disabled {
  color: var(--prevnext-color-disabled);
  cursor: var(--cursor-disabled);
}
.kite-pagination__page-select {
  align-items: center;
  display: flex;
  padding: var(--kite-pagination-page-select-padding-top) var(--kite-pagination-page-select-padding-right) var(--kite-pagination-page-select-padding-bottom) var(--kite-pagination-page-select-padding-left);
}
.kite-pagination__page-select .kite-menu--inline {
  margin: var(--kite-pagination-dropdown-margin-top) var(--kite-pagination-dropdown-margin-right) var(--kite-pagination-dropdown-margin-bottom) var(--kite-pagination-dropdown-margin-left);
}
.kite-pagination__page-current {
  font-weight: var(--kite-pagination-page-select-current-label-text-weight);
  margin: var(--kite-pagination-page-select-current-label-margin-top) var(--kite-pagination-page-select-current-label-margin-right) var(--kite-pagination-page-select-current-label-margin-bottom) var(--kite-pagination-page-select-current-label-margin-left);
  padding: var(--kite-pagination-page-select-current-label-padding-top) var(--kite-pagination-page-select-current-label-padding-right) var(--kite-pagination-page-select-current-label-padding-bottom) var(--kite-pagination-page-select-current-label-padding-left);
}
.kite-pagination__page-total {
  display: none;
}
@media only screen and (min-width: 37.5rem) {
  .kite-pagination__page-total {
    display: unset;
    white-space: nowrap;
  }
}
.kite-pagination__right, .kite-pagination__page-size {
  align-items: center;
  display: flex;
}
.kite-pagination__right .kite-menu, .kite-pagination__page-size .kite-menu {
  background: transparent;
}
.kite-pagination__right {
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: var(--kite-pagination-count-margin-right);
}
@media only screen and (min-width: 37.5rem) {
  .kite-pagination__right {
    flex-direction: row;
  }
}
.kite-pagination__count {
  color: var(--count-color);
}
.kite-pagination__page-size-label {
  margin-right: var(--kite-pagination-page-size-label-margin-right);
}
.kite-pagination--up .kite-menu__list {
  top: initial;
  bottom: calc(50% + var(--kite-pagination-page-select-padding-top) + var(--kite-pagination-controls-border-width));
}
.kite-pagination--up .kite-menu .kite-picker--overlay {
  --translateY: calc(-100% - var(--kite-pagination-page-select-padding-top) - var(--kite-pagination-controls-border-width));
}

.payment-logo {
  display: inline-block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
}

.kite-light-mode-payment-logo {
  display: unset;
}

.kite-dark-mode-payment-logo {
  display: unset;
}

.kite-theme--mode-dark .kite-dark-mode-payment-logo {
  display: unset;
}
.kite-theme--mode-dark .kite-light-mode-payment-logo {
  display: none;
}

.kite-popover {
  /** @prop --icon-size: sets default trigger icon size (width and height)  */
  --icon-size: var(--kite-popover-trigger-icon-height);
  /** @prop --arrow-offset: Sets the offset distance between the arrow and the edge of the content box. May be adjusted to align arrow with trigger. */
  --arrow-offset: var(--kite-popover-arrow-offset);
  /** @prop --offset-x: Moves content box along x-axis, relative to trigger. May be dynamically calculated */
  --offset-x: 0;
  /** @prop --offset-y: Moves content box along y-axis, relative to trigger. May be dynamically calculated */
  --offset-y: 0;
  /** @prop --transform-x: Positions popover content and arrow on the x-axis of trigger;used for shifting entire content in conjunction with --arrow-offset */
  --transform-x: 0;
  --transform-y: 0;
  /** @prop --width:  sets popover content width */
  --width: auto;
  /** @prop --height: sets popover content height  */
  --height: auto;
  --icon-height: var(--icon-size, --kite-popover-trigger-icon-height);
  --icon-width: var(--icon-size, --kite-popover-trigger-icon-width);
  --icon-total-width: calc(var(--icon-width) + calc(var(--kite-popover-trigger-focus-ring-offset) * 2 + calc(var(--kite-popover-trigger-focus-ring-width) * 2)));
  --icon-total-height: calc(var(--icon-height) + calc(var(--kite-popover-trigger-focus-ring-offset) * 2 + calc(var(--kite-popover-trigger-focus-ring-width) * 2)));
  --total-trigger-width: calc(var(--kite-popover-trigger-margin-left) + var(--icon-total-width) + var(--kite-popover-trigger-margin-right) * 1px);
  --arrow-width: var(--kite-popover-arrow-width);
  --content-offset: var(--kite-popover-offset);
  --max-height: var(--kite-popover-max-height);
  --max-width: var(--kite-popover-max-width);
  --border-color: var(--kite-popover-border-color);
  --background-color: var(--kite-popover-background-color);
  --elevation: var(--kite-popover-elevation);
  --dismiss-color: var(--kite-popover-dismiss-icon-color);
  --arrow-color: var(--kite-popover-background-color);
  --arrow-border: var(--kite-popover-arrow-border-color);
  --icon-color: var(--kite-popover-trigger-icon-color);
  --active-icon-color: var(--kite-popover-trigger-expanded-icon-color);
  --expanded-icon-color: var(--active-icon-color, --kite-popover-trigger-expanded-icon-color);
  --focus-icon-color: var(--kite-popover-trigger-focus-icon-color);
  --trigger-label-color: var(--kite-popover-trigger-label-text-color);
  --ring-color: var(--kite-popover-trigger-focus-ring-color);
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover {
    --kite-popover-max-width: var(--kite-popover-breakpoint-md-max-width);
  }
}

.kite-popover {
  display: flex;
  color: var(--kite-popover-text-color);
  font-size: var(--kite-popover-text-size);
  text-align: var(--kite-popover-text-align);
  font-family: var(--kite-font-family);
  font-style: var(--kite-typography-body-style);
  font-weight: var(--kite-typography-body-weight);
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-typography-body-line-height);
  text-transform: none;
}
.kite-popover__group {
  display: flex;
  align-self: center;
}
.kite-popover.kite-popover--inline .kite-popover__group {
  display: inline-flex;
  align-items: baseline;
}
.kite-popover__trigger {
  background-color: transparent;
  border: none;
  cursor: var(--kite-popover-trigger-cursor);
  display: flex;
  margin: var(--kite-popover-trigger-margin-top) var(--kite-popover-trigger-margin-right) var(--kite-popover-trigger-margin-bottom) var(--kite-popover-trigger-margin-left);
  padding: 0;
}
.kite-popover__trigger--hidden {
  display: none;
}
.kite-popover__trigger .kite-icon {
  --color: var(--icon-color);
  --size: var(--icon-total-width);
}
.kite-popover__trigger .kite-icon__inner {
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: center;
}
.kite-popover__trigger .kite-icon__inner::before {
  border: 0 var(--kite-popover-trigger-focus-ring-style) transparent;
  border-radius: var(--kite-popover-trigger-focus-ring-radius);
  content: "";
  width: var(--icon-total-width);
  height: var(--icon-total-height);
}
.kite-popover__trigger .kite-popover__icon-default {
  display: inherit;
}
.kite-popover__trigger .kite-popover__icon-emphasized {
  display: none;
}
.kite-popover__trigger svg {
  position: absolute;
  width: var(--icon-width);
  height: var(--icon-height);
}
.kite-popover__trigger.kite-focus-visible, .kite-popover__trigger:focus-visible {
  outline: 0;
}
.kite-popover__trigger.kite-focus-visible .kite-icon__inner::before, .kite-popover__trigger:focus-visible .kite-icon__inner::before {
  border: var(--kite-popover-trigger-focus-ring-width) var(--kite-popover-trigger-focus-ring-style) var(--ring-color);
}
.kite-popover__trigger.kite-active .kite-icon, .kite-popover__trigger:active .kite-icon {
  --color: var(--expanded-icon-color);
}
.kite-popover__trigger.kite-active .kite-popover__icon-default, .kite-popover__trigger:active .kite-popover__icon-default {
  display: none;
}
.kite-popover__trigger.kite-active .kite-popover__icon-emphasized, .kite-popover__trigger:active .kite-popover__icon-emphasized {
  display: inherit;
}
.kite-popover__trigger.kite-hover .kite-icon, .kite-popover__trigger:hover .kite-icon, .kite-popover__trigger.kite-focus-visible .kite-icon, .kite-popover__trigger:focus-visible .kite-icon {
  --color: var(--focus-icon-color);
}
.kite-popover__trigger.kite-hover .kite-popover__icon-default, .kite-popover__trigger:hover .kite-popover__icon-default, .kite-popover__trigger.kite-focus-visible .kite-popover__icon-default, .kite-popover__trigger:focus-visible .kite-popover__icon-default {
  display: none;
}
.kite-popover__trigger.kite-hover .kite-popover__icon-emphasized, .kite-popover__trigger:hover .kite-popover__icon-emphasized, .kite-popover__trigger.kite-focus-visible .kite-popover__icon-emphasized, .kite-popover__trigger:focus-visible .kite-popover__icon-emphasized {
  display: inherit;
}
.kite-popover__assistive-text {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
.kite-popover__dismiss-button {
  align-self: flex-end;
  background-color: transparent;
  border: none;
  display: block;
  margin: var(--kite-popover-dismiss-icon-margin-top) var(--kite-popover-dismiss-icon-margin-right) var(--kite-popover-dismiss-icon-margin-bottom) var(--kite-popover-dismiss-icon-margin-left);
  padding: 0;
  width: var(--kite-popover-dismiss-icon-width);
  height: var(--kite-popover-dismiss-icon-height);
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__dismiss-button {
    display: none;
  }
}
.kite-popover__dismiss-button svg {
  cursor: var(--kite-popover-dismiss-icon-cursor);
  fill: var(--dismiss-color);
  width: var(--kite-popover-dismiss-icon-width);
  height: var(--kite-popover-dismiss-icon-height);
}
.kite-popover__content {
  --transform-y: calc(var(--content-offset) + var(--offset-y));
  background-color: var(--background-color);
  border-color: var(--border-color);
  border-radius: var(--kite-popover-border-radius);
  border-style: var(--kite-popover-border-style);
  border-width: var(--kite-popover-border-width);
  box-shadow: var(--elevation);
  display: flex;
  flex-direction: column;
  margin: var(--kite-popover-margin) calc(-1 * var(--kite-popover-max-width)) 0 0;
  max-height: var(--kite-popover-max-height);
  max-width: var(--kite-popover-max-width);
  opacity: 0;
  padding: var(--kite-popover-padding-top) var(--kite-popover-padding-right) var(--kite-popover-padding-bottom) var(--kite-popover-padding-left);
  position: absolute;
  top: 0;
  z-index: var(--kite-popover-zindex);
  transform: translate(var(--transform-x), var(--transform-y));
  visibility: hidden;
  width: var(--width);
  height: var(--height);
}
.kite-popover__content::after, .kite-popover__content::before {
  --arrow-transform-x: calc(var(--arrow-offset) - (var(--arrow-width) / 2) - var(--kite-popover-border-width));
  --arrow-transform-y: 0;
  --arrow-rotate-angle: 0;
  border-left: calc(var(--arrow-width) / 2) solid transparent;
  border-right: calc(var(--arrow-width) / 2) solid transparent;
  content: "";
  position: absolute;
  left: 0;
  transform: translate(var(--arrow-transform-x), var(--arrow-transform-y)) rotate(var(--arrow-rotate-angle));
  width: 0;
  height: 0;
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content::after, .kite-popover__content::before {
    --arrow-transform-x: calc((var(--kite-popover-max-width) / 2) - (var(--arrow-width) / 2) + var(--kite-popover-border-width));
  }
}
.kite-popover__content::after {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-color);
  top: calc(-1 * (var(--kite-popover-arrow-height) - var(--kite-popover-arrow-border-width) + var(--kite-popover-border-width)));
}
.kite-popover__content::before {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-border);
  top: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content {
    --content-midpoint: calc((var(--kite-popover-max-width) / 2));
    --trigger-midpoint: calc((var(--kite-popover-trigger-margin-left) + var(--icon-total-width)) / 2);
    --transform-x: calc((var(--content-midpoint) - var(--trigger-midpoint)) * -1);
  }
  .kite-popover__content::after, .kite-popover__content::before {
    left: 0;
  }
}
.kite-popover__content-title {
  margin-bottom: var(--kite-popover-title-margin-bottom);
}
.kite-popover__content-text {
  margin: 0;
}
.kite-popover__content .kite-link {
  margin-top: var(--kite-popover-link-margin-top);
}
.kite-popover__content--active, .kite-popover__content--expanded {
  opacity: 1;
  visibility: visible;
}
.kite-popover__content--top {
  --transform-y: calc(-100% - var(--kite-popover-arrow-height) + var(--offset-y) - var(--content-offset));
  margin: 0 calc(-1 * var(--kite-popover-max-width)) var(--kite-popover-margin) 0;
}
.kite-popover__content--top::after, .kite-popover__content--top::before {
  border-bottom: 0;
  top: auto;
}
.kite-popover__content--top::after {
  border-top: var(--kite-popover-arrow-height) solid var(--arrow-color);
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
}
.kite-popover__content--top::before {
  border-top: var(--kite-popover-arrow-height) solid var(--arrow-border);
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--top.kite-popover__content--align-start, .kite-popover__content--bottom.kite-popover__content--align-start {
    --transform-x: calc(var(--offset-x) - (var(--arrow-offset) + (var(--arrow-width) / 2)) - var(--kite-popover-border-width));
  }
  .kite-popover__content--top.kite-popover__content--align-start::after, .kite-popover__content--top.kite-popover__content--align-start::before, .kite-popover__content--bottom.kite-popover__content--align-start::after, .kite-popover__content--bottom.kite-popover__content--align-start::before {
    --arrow-transform-x: var(--arrow-offset);
    right: auto;
    left: 0;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--top.kite-popover__content--align-end, .kite-popover__content--bottom.kite-popover__content--align-end {
    --transform-x: calc(var(--offset-x) + (var(--arrow-offset) + (var(--arrow-width) / 2)) + var(--kite-popover-border-width));
    left: 0;
  }
  .kite-popover__content--top.kite-popover__content--align-end::after, .kite-popover__content--top.kite-popover__content--align-end::before, .kite-popover__content--bottom.kite-popover__content--align-end::after, .kite-popover__content--bottom.kite-popover__content--align-end::before {
    --arrow-transform-x: calc(var(--arrow-offset) * -1);
    right: 0;
    left: auto;
  }
}
.kite-popover__content--left, .kite-popover__content--right {
  --transform-y: calc(-100% - var(--kite-popover-arrow-height) + var(--offset-y) - var(--content-offset));
  margin: 0 calc(-1 * var(--kite-popover-max-width)) var(--kite-popover-margin) 0;
}
.kite-popover__content--left::after, .kite-popover__content--left::before, .kite-popover__content--right::after, .kite-popover__content--right::before {
  border-bottom: 0;
  top: auto;
}
.kite-popover__content--left::after, .kite-popover__content--right::after {
  border-top: var(--kite-popover-arrow-height) solid var(--arrow-color);
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
}
.kite-popover__content--left::before, .kite-popover__content--right::before {
  border-top: var(--kite-popover-arrow-height) solid var(--arrow-border);
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--left, .kite-popover__content--right {
    --transform-y: calc(50% + (var(--icon-total-height) / 2));
  }
  .kite-popover__content--left::before, .kite-popover__content--left::after, .kite-popover__content--right::before, .kite-popover__content--right::after {
    --arrow-transform-x: 0;
    --arrow-transform-y: -50%;
    top: 50%;
    border-top: calc(var(--arrow-width) / 2) solid transparent;
    border-bottom: calc(var(--arrow-width) / 2) solid transparent;
  }
  .kite-popover__content--left.kite-popover__content--align-start, .kite-popover__content--right.kite-popover__content--align-start {
    --transform-y: calc(var(--offset-y) - (var(--arrow-offset) + (var(--arrow-width) / 2)) - var(--kite-popover-border-width));
    top: 0;
  }
  .kite-popover__content--left.kite-popover__content--align-start::after, .kite-popover__content--left.kite-popover__content--align-start::before, .kite-popover__content--right.kite-popover__content--align-start::after, .kite-popover__content--right.kite-popover__content--align-start::before {
    --arrow-transform-y: var(--arrow-offset);
    top: 0;
    bottom: auto;
  }
  .kite-popover__content--left.kite-popover__content--align-end, .kite-popover__content--right.kite-popover__content--align-end {
    --transform-y: calc(var(--offset-y) + (var(--arrow-offset) + (var(--arrow-width) / 2)) + var(--kite-popover-border-width));
  }
  .kite-popover__content--left.kite-popover__content--align-end::after, .kite-popover__content--left.kite-popover__content--align-end::before, .kite-popover__content--right.kite-popover__content--align-end::after, .kite-popover__content--right.kite-popover__content--align-end::before {
    --arrow-transform-y: calc(var(--arrow-offset) * -1);
    top: auto;
    bottom: 0;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--left {
    --transform-x: calc((-100% + var(--kite-popover-trigger-margin-left)) - (var(--kite-popover-arrow-height) + var(--content-offset)));
    margin: 0 calc(var(--kite-popover-margin) + -1 * var(--kite-popover-max-width)) 0 0;
  }
  .kite-popover__content--left::after, .kite-popover__content--left::before {
    border-right: 0;
    left: auto;
  }
  .kite-popover__content--left::after {
    border-left: var(--kite-popover-arrow-height) solid var(--arrow-color);
    right: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
  }
  .kite-popover__content--left::before {
    border-left: var(--kite-popover-arrow-height) solid var(--arrow-border);
    right: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--right {
    --transform-x: calc(0% + var(--total-trigger-width) + var(--content-offset));
    margin: 0 calc(-1 * var(--kite-popover-max-width)) 0 var(--kite-popover-margin);
  }
  .kite-popover__content--right::after, .kite-popover__content--right::before {
    border-left: 0;
    right: auto;
  }
  .kite-popover__content--right::after {
    border-right: var(--kite-popover-arrow-height) solid var(--arrow-color);
    left: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
  }
  .kite-popover__content--right::before {
    border-right: var(--kite-popover-arrow-height) solid var(--arrow-border);
    left: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
  }
}
.kite-popover__content--dismiss .kite-popover__dismiss-button {
  display: block;
}
.kite-popover__content--hide-dismiss .kite-popover__dismiss-button {
  display: none;
}
.kite-popover--disabled .kite-popover__trigger {
  cursor: var(--kite-popover-trigger-disabled-cursor);
}
.kite-popover--disabled .kite-popover__trigger .kite-icon {
  --color: var(--kite-popover-trigger-disabled-icon-color);
}
.kite-popover--disabled .kite-popover__trigger.kite-hover .kite-popover__icon-default, .kite-popover--disabled .kite-popover__trigger:hover .kite-popover__icon-default {
  display: inherit;
}
.kite-popover--disabled .kite-popover__trigger.kite-hover .kite-popover__icon-emphasized, .kite-popover--disabled .kite-popover__trigger:hover .kite-popover__icon-emphasized {
  display: none;
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--bottom-right {
    --transform-x: calc(var(--offset-x) - (var(--arrow-offset) + (var(--arrow-width) / 2)) - var(--kite-popover-border-width));
  }
  .kite-popover__content--bottom-right::after, .kite-popover__content--bottom-right::before {
    --arrow-transform-x: var(--arrow-offset);
    left: 0;
  }
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--bottom-left {
    --transform-x: calc(var(--offset-x) + (var(--arrow-offset) + (var(--arrow-width) / 2)) + var(--kite-popover-border-width));
    left: 0;
  }
  .kite-popover__content--bottom-left::after, .kite-popover__content--bottom-left::before {
    --arrow-transform-x: calc(var(--arrow-offset) * -1);
    right: 0;
    left: auto;
  }
}
.kite-popover__content--top-right {
  --transform-y: calc((-1 * 100%) - var(--kite-popover-arrow-height) + var(--offset-y) - var(--content-offset));
  margin: 0 calc(-1 * var(--kite-popover-max-width)) var(--kite-popover-margin) 0;
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--top-right::after, .kite-popover__content--top-right::before {
    transform: translate(var(--arrow-offset), 0) rotate(180deg);
  }
}
.kite-popover__content--top-right::after, .kite-popover__content--top-right::before {
  transform: translate(var(--arrow-transform-x), 0) rotate(180deg);
}
.kite-popover__content--top-right::after {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-color);
  top: auto;
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
}
.kite-popover__content--top-right::before {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-border);
  top: auto;
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}
.kite-popover__content--top-left {
  --transform-y: calc((-1 * 100%) - var(--kite-popover-arrow-height) + var(--offset-y) - var(--content-offset));
  margin: 0 calc(-1 * var(--kite-popover-max-width)) var(--kite-popover-margin) 0;
}
@media only screen and (min-width: 37.5rem) {
  .kite-popover__content--top-left {
    --transform-x: calc(var(--offset-x) + (var(--arrow-offset) + (var(--arrow-width) / 2)) + var(--kite-popover-border-width));
    left: 0;
  }
  .kite-popover__content--top-left::after, .kite-popover__content--top-left::before {
    --arrow-transform-x: calc(var(--arrow-offset) * -1);
    right: 0;
    left: auto;
  }
}
.kite-popover__content--top-left::after, .kite-popover__content--top-left::before {
  transform: translate(var(--arrow-transform-x), 0) rotate(180deg);
}
.kite-popover__content--top-left::after {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-color);
  top: auto;
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)) + var(--kite-popover-arrow-border-width));
}
.kite-popover__content--top-left::before {
  border-bottom: var(--kite-popover-arrow-height) solid var(--arrow-border);
  top: auto;
  bottom: calc(-1 * (var(--kite-popover-arrow-height) + var(--kite-popover-border-width)));
}

.kite-popover {
  --kite-popover-offset-y: 0.5rem;
  color: var(--kite-color-text);
  font-family: var(--kite-font-family-sans-serif);
  line-height: var(--kite-typography-sans-sm-body-line-height);
  font-style: normal;
  text-transform: none;
}
.kite-popover p {
  margin: 0;
}
.kite-popover a {
  font-size: var(--kite-typography-sans-lg-body-size);
}

.kite-popover__content--expanded {
  position: relative;
  margin-top: 0;
}

.rk-popover__content--interior {
  display: flex;
  flex-direction: column;
}

.kite-popover__content--active, .kite-popover__content--expanded {
  visibility: inherit;
}

.kite-progress {
  --pi: 3.1415926536;
  /** @prop --percent: Sets the rendering of the determinate Progress Indicator. Supports values between `0` and `1` */
  --percent: 1;
  --backdrop-radius: 0;
  --size: var(--kite-progress-indicator-icon-width);
  --track-size: var(--kite-progress-indicator-track-size);
  /** @prop --backdrop-color: Backdrop color when used as overlay */
  --backdrop-color: var(--kite-progress-indicator-backdrop-background-color);
  /** @prop --backdrop-opacity: Backdrop opacity when used as overlay */
  --backdrop-opacity: var(--kite-progress-indicator-backdrop-opacity);
  /** @prop --indicator-width: Sets width of the progress indicator */
  --indicator-width: 100%;
  /** @prop --track-color: Sets track color for the progress indicator */
  --track-color: var(--kite-progress-indicator-track-color);
  /** @prop --fill-color: Sets progress fill color for the progress indicator */
  --fill-color: var(--kite-progress-indicator-fill-color);
  --secondary-label-color: var(--kite-progress-indicator-secondary-label-color);
  --progress-transition-delay: var(--kite-progress-indicator-transition-delay);
  --progress-text-align: var(--kite-progress-indicator-label-text-align);
  --label-text-color: var(--kite-progress-indicator-label-text-color);
  --label-text-size: var(--kite-progress-indicator-label-text-size);
  --label-text-weight: var(--kite-progress-indicator-label-text-weight);
}
.kite-progress--circular {
  --percent: 0;
  --size: var(--kite-progress-indicator-circular-width);
  --indicator-width: auto;
  --progress-text-align: var(--kite-progress-indicator-circular-label-text-align);
  --label-text-size: var(--kite-progress-indicator-circular-label-text-size);
  --label-text-weight: var(--kite-progress-indicator-circular-label-text-weight);
  --size-px: var(--kite-progress-indicator-circular-width-px);
  --track-size-px: var(--kite-progress-indicator-track-size-px);
  --progress-circle-diameter: calc(var(--size-px) - var(--track-size-px));
  --progress-circle-circumference: calc(var(--pi) * var(--progress-circle-diameter));
}

.kite-progress {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  text-align: var(--progress-text-align);
  width: 100%;
  height: 100%;
  z-index: var(--kite-progress-indicator-zindex);
}
.kite-progress__backdrop {
  background-color: var(--backdrop-color);
  display: none;
  opacity: var(--backdrop-opacity);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.kite-progress__indicator {
  color: var(--fill-color);
  position: relative;
  width: var(--indicator-width);
}
.kite-progress__label-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--kite-progress-indicator-label-text-margin-right);
  margin-bottom: var(--kite-progress-indicator-label-margin-bottom);
}
.kite-progress__label {
  color: var(--label-text-color);
  font-size: var(--label-text-size);
  font-weight: var(--label-text-weight);
}
.kite-progress__icons {
  position: relative;
  width: var(--size);
  height: var(--size);
  margin: 0 0 0 auto;
}
.kite-progress .kite-progress__success,
.kite-progress .kite-progress__error {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
.kite-progress__value-label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
@media (prefers-reduced-motion) {
  .kite-progress__value-label {
    clip: auto;
    clip-path: unset;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
  }
}
.kite-progress--reduce-motion .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}

.kite-progress progress {
  display: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kite-progress progress:indeterminate {
  appearance: none;
}
.kite-progress__secondary-label {
  color: var(--secondary-label-color);
  margin-top: var(--kite-progress-indicator-secondary-label-margin-top);
}
.kite-progress__button {
  margin-top: var(--kite-progress-indicator-button-margin-top);
}
.kite-progress__track {
  height: var(--track-size);
  background-color: var(--track-color);
  overflow: hidden;
}
@media (prefers-reduced-motion) {
  .kite-progress__track {
    display: none;
  }
}
.kite-progress--reduce-motion .kite-progress__track {
  display: none;
}

@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-progress__track {
    border: 1px solid CanvasText;
  }
}
.kite-progress__progress-fill {
  background-color: var(--fill-color);
  height: var(--track-size);
  transform: scaleX(var(--percent));
  transform-origin: left;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: kite-progress-linear-indeterminate;
  animation-timing-function: var(--kite-motion-standard);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-progress__progress-fill {
    --fill-color: CanvasText;
  }
}
.kite-progress--btn, .kite-progress--sm {
  --size: var(--kite-progress-indicator-circular-sm-width);
  --track-size: var(--kite-progress-indicator-circular-sm-track-size);
  --size-px: var(--kite-progress-indicator-circular-sm-width-px);
  --track-size-px: var(--kite-progress-indicator-circular-sm-track-size-px);
}
.kite-progress--lg {
  --size: var(--kite-progress-indicator-circular-lg-width);
  --size-px: var(--kite-progress-indicator-circular-lg-width-px);
}
.kite-progress--lg .kite-progress__success,
.kite-progress--lg .kite-progress__error {
  transform: rotate(-8deg) scale(1.05);
}
.kite-progress--overlay .kite-progress__backdrop {
  display: block;
}
.kite-progress--overlay .kite-progress__label,
.kite-progress--overlay .kite-progress__secondary-label {
  position: relative;
}
.kite-progress--btn {
  --kite-progress-indicator-zindex: auto;
  position: relative;
  width: var(--size);
  height: var(--size);
}
.kite-progress--btn .kite-progress__indicator {
  --fill-color: var(--kite-progress-indicator-button-fill-color);
}
.kite-progress--btn .kite-progress__icons {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.kite-progress--btn progress {
  width: 100%;
  height: 100%;
}
.kite-progress--btn .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  opacity: 0;
}
@media (prefers-reduced-motion) {
  .kite-progress--btn .kite-progress__value-label {
    clip: auto;
    clip-path: unset;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
    opacity: 1;
  }
}
.kite-progress--reduce-motion .kite-progress--btn .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  opacity: 1;
}

.kite-progress--determinate {
  --percent: 0;
}
.kite-progress--determinate .kite-progress__assistive-text {
  display: none;
}
.kite-progress--determinate progress {
  display: block;
}
.kite-progress--determinate .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  color: var(--fill-color);
  display: block;
  font-size: calc(var(--kite-progress-indicator-value-label-size) * 0.5);
  font-size: var(--kite-progress-indicator-value-label-size);
  font-weight: var(--kite-progress-indicator-value-label-weight);
  margin: 0 0 0 auto;
}
@media (prefers-reduced-motion) {
  .kite-progress--determinate .kite-progress__value-label {
    position: relative;
    top: auto;
  }
}
.kite-progress--determinate.kite-progress--reduce-motion .kite-progress__value-label {
  position: relative;
  top: auto;
}
.kite-progress--determinate.kite-progress--success .kite-progress__value-label, .kite-progress--determinate.kite-progress--error .kite-progress__value-label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
@media (prefers-reduced-motion) {
  .kite-progress--determinate.kite-progress--success .kite-progress__value-label, .kite-progress--determinate.kite-progress--error .kite-progress__value-label {
    clip: auto;
    clip-path: unset;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    height: auto;
  }
}
.kite-progress--determinate.kite-progress--success.kite-progress--reduce-motion .kite-progress__value-label, .kite-progress--determinate.kite-progress--error.kite-progress--reduce-motion .kite-progress__value-label {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
}
.kite-progress--determinate .kite-progress__progress-fill {
  animation: none;
  transition-duration: var(--kite-motion-fastest);
  transition-property: transform;
  transition-timing-function: linear;
}
.kite-progress--success, .kite-progress--error {
  --percent: 1;
}
.kite-progress--success .kite-progress__progress-fill, .kite-progress--error .kite-progress__progress-fill {
  animation: none;
}
.kite-progress--success {
  --fill-color: var(--kite-progress-indicator-positive-fill-color);
}
.kite-progress--success .kite-progress__success {
  opacity: 1;
  visibility: visible;
}
.kite-progress--error {
  --fill-color: var(--kite-progress-indicator-negative-fill-color);
}
.kite-progress--error .kite-progress__error {
  opacity: 1;
  visibility: visible;
}
.kite-progress--circular {
  align-items: center;
  border-radius: var(--backdrop-radius);
}
.kite-progress--circular .kite-progress__icons {
  margin: 0;
}
@media (prefers-reduced-motion) {
  .kite-progress--circular .kite-progress__icons {
    display: none;
  }
}
.kite-progress--circular.kite-progress--reduce-motion .kite-progress__icons {
  display: none;
}
.kite-progress--circular .kite-progress__success,
.kite-progress--circular .kite-progress__error {
  transform: rotate(-8deg) scale(0.925);
  transition-delay: var(--progress-transition-delay);
  transition-duration: var(--kite-motion-fast);
  transition-property: opacity, transform;
  transition-timing-function: linear, ease-in-out;
}
.kite-progress--circular .kite-progress__spinner {
  animation: kite-progress-rotate 1.5s linear infinite;
  display: block;
  opacity: 1;
  transform: rotate(0deg);
  transform-origin: center center;
  transition: opacity var(--kite-motion-faster) linear var(--progress-transition-delay);
}
@keyframes kite-progress-rotate {
  100% {
    transform: rotate(270deg);
  }
}
.kite-progress--circular .kite-progress__spinner .kite-progress__circle {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: kite-progress-dash-rotate, kite-progress-dash-offset;
  animation-timing-function: ease-in-out;
  fill: none;
  stroke: var(--fill-color);
  stroke-dasharray: var(--progress-circle-circumference);
  stroke-dashoffset: var(--progress-circle-circumference);
  stroke-linecap: butt;
  stroke-width: var(--track-size);
  transform: rotate(0deg);
  transform-origin: center center;
  transition-delay: 0s, var(--progress-transition-delay), var(--progress-transition-delay);
  transition-duration: var(--kite-motion-fastest), var(--kite-motion-fast), var(--kite-motion-fast);
  transition-property: stroke, opacity, stroke-width;
  transition-timing-function: linear, linear, ease-in-out;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-progress--circular .kite-progress__spinner .kite-progress__circle {
    --fill-color: CanvasText;
  }
}
.kite-progress--circular .kite-progress__label {
  line-height: var(--kite-progress-indicator-circular-label-text-line-height);
  margin: var(--kite-progress-indicator-circular-label-text-margin-top) 0 var(--kite-progress-indicator-circular-label-text-margin-bottom) 0;
}
.kite-progress--circular .kite-progress__secondary-label {
  margin-top: var(--kite-progress-indicator-circular-secondary-label-margin-top);
}
.kite-progress--circular.kite-progress--determinate .kite-progress__success,
.kite-progress--circular.kite-progress--determinate .kite-progress__error {
  transition-delay: 0s;
}
.kite-progress--circular.kite-progress--determinate .kite-progress__spinner {
  animation: none;
  transform: rotate(270deg);
}
.kite-progress--circular.kite-progress--determinate .kite-progress__spinner .kite-progress__circle {
  --dash-length: calc(var(--progress-circle-circumference) * var(--percent));
  --dash-full: calc(var(--progress-circle-circumference) + 1px);
  animation: none;
  stroke-dasharray: var(--dash-length), var(--dash-full);
  stroke-dashoffset: 0;
  transition-delay: 0s;
  transition-duration: var(--kite-motion-fastest);
  transition-property: stroke-dasharray, stroke-width;
  transition-timing-function: linear;
}
.kite-progress--circular.kite-progress--determinate .kite-progress__value-label {
  position: absolute;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  width: 100%;
  margin: 0;
}
@media (prefers-reduced-motion) {
  .kite-progress--circular.kite-progress--determinate .kite-progress__value-label {
    position: relative;
    top: auto;
    transform: none;
  }
}
.kite-progress--circular.kite-progress--determinate.kite-progress--reduce-motion .kite-progress__value-label {
  position: relative;
  top: auto;
  transform: none;
}
.kite-progress--circular.kite-progress--determinate.kite-progress--sm .kite-progress__value-label {
  font-size: calc(var(--kite-progress-indicator-value-label-size) * 0.3333);
}
.kite-progress--circular.kite-progress--determinate.kite-progress--lg .kite-progress__value-label {
  font-size: var(--kite-progress-indicator-value-label-size);
}
.kite-progress--circular.kite-progress--success > .kite-progress__indicator .kite-progress__spinner, .kite-progress--circular.kite-progress--error > .kite-progress__indicator .kite-progress__spinner {
  opacity: 0;
}
.kite-progress--circular.kite-progress--success > .kite-progress__indicator .kite-progress__circle, .kite-progress--circular.kite-progress--error > .kite-progress__indicator .kite-progress__circle {
  stroke-width: 0;
}
.kite-progress--circular.kite-progress--success > .kite-progress__indicator .kite-progress__success,
.kite-progress--circular.kite-progress--success > .kite-progress__indicator .kite-progress__error, .kite-progress--circular.kite-progress--error > .kite-progress__indicator .kite-progress__success,
.kite-progress--circular.kite-progress--error > .kite-progress__indicator .kite-progress__error {
  transform: rotate(0deg) scale(1.05);
}
.kite-progress--hidden .kite-progress__backdrop,
.kite-progress--hidden .kite-progress__icons,
.kite-progress--hidden .kite-progress__track,
.kite-progress--hidden .kite-progress__assistive-text,
.kite-progress--hidden progress,
.kite-progress--hidden .kite-progress__label,
.kite-progress--hidden .kite-progress__secondary-label {
  display: none;
}
.kite-progress--hidden.kite-progress--determinate .kite-progress__value-label {
  display: none;
}

@keyframes kite-progress-linear-indeterminate {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes kite-progress-dash-rotate {
  50% {
    transform: rotate(135deg);
  }
  100% {
    transform: rotate(450deg);
  }
}
@keyframes kite-progress-dash-offset {
  50% {
    stroke-dashoffset: calc(var(--progress-circle-circumference) * 0.25);
  }
  100% {
    stroke-dashoffset: var(--progress-circle-circumference);
  }
}
.kite-tabs__panel--active .rk-progress {
  position: relative;
}

.kite-radio-group {
  border: 0;
  display: block;
  margin-bottom: var(--kite-radio-group-margin-bottom);
  margin-inline-end: 0;
  margin-inline-start: 0;
  padding: 0;
}
.kite-radio-group__legend {
  font-size: var(--kite-radio-group-legend-text-size);
  margin-bottom: var(--kite-radio-group-legend-margin-bottom);
  padding: 0;
}
.kite-radio-group .kite-radio {
  margin-bottom: var(--kite-radio-margin-bottom);
}
.kite-radio-group .kite-radio:last-child {
  margin-bottom: 0;
}

.kite-radio-group__legend {
  display: inline-block;
}

.kite-radio {
  /**	@prop --focus-ring-color: Focus state border color */
  --focus-ring-color: var(--kite-radio-focus-ring-color);
  /**	@prop --background-color: Checkbox background color */
  --background-color: var(--kite-radio-background-color);
  /**	@prop --border-color: Border color */
  --border-color: var(--kite-radio-border-color);
  /**	@prop --label-text-color: Label text color */
  --label-text-color: var(--kite-radio-label-text-color);
  /**	@prop --disabled-border-color: Disabled state border color */
  --disabled-border-color: var(--kite-radio-disabled-border-color);
  /**	@prop --disabled-label-text-color: Disabled state text color */
  --disabled-label-text-color: var(--kite-radio-disabled-label-text-color);
  /**	@prop --selected-indicator-background-color: Selected state indicator background color */
  --selected-indicator-background-color: var(--kite-radio-selected-indicator-background-color);
  /**	@prop --selected-focus-ring-color: Selected focus state border color */
  --selected-focus-ring-color: var(--kite-radio-selected-focus-ring-color);
  /**	@prop --selected-disabled-center-background-color: Selected disabled state center backround color */
  --selected-disabled-center-background-color: var(--kite-radio-selected-disabled-indicator-background-color);
  /**	@prop --selected-disabled-border-color: Selected disabled state border color */
  --selected-disabled-border-color: var(--kite-radio-selected-disabled-border-color);
  /**	@prop --selected-border-color: Selected state border color */
  --selected-border-color: var(--kite-radio-selected-border-color);
}

.kite-radio {
  align-items: center;
  display: flex;
  margin-bottom: var(--kite-radio-margin-bottom);
  position: relative;
  user-select: none;
}
.kite-radio .kite-radio__input,
.kite-radio input {
  color: var(--label-text-color);
  margin: var(--kite-radio-input-margin-top) var(--kite-radio-input-margin-right) var(--kite-radio-input-margin-bottom) var(--kite-radio-input-margin-left);
  opacity: 0;
  position: absolute;
  z-index: -1;
  width: var(--kite-radio-width);
  height: var(--kite-radio-height);
}
.kite-radio .kite-radio__input.kite-focus-visible ~ .kite-radio__indicator::before, .kite-radio .kite-radio__input:focus-visible ~ .kite-radio__indicator::before,
.kite-radio input.kite-focus-visible ~ .kite-radio__indicator::before,
.kite-radio input:focus-visible ~ .kite-radio__indicator::before {
  border: var(--kite-radio-focus-ring-width) var(--kite-radio-focus-ring-style) var(--focus-ring-color);
  border-radius: var(--kite-radio-focus-ring-radius);
  content: "";
  position: absolute;
  top: calc(var(--kite-radio-focus-ring-offset) * -1);
  right: calc(var(--kite-radio-focus-ring-offset) * -1);
  bottom: calc(var(--kite-radio-focus-ring-offset) * -1);
  left: calc(var(--kite-radio-focus-ring-offset) * -1);
}
.kite-radio__indicator {
  background-color: var(--background-color);
  border: var(--kite-radio-border-width) var(--kite-radio-border-style) var(--border-color);
  border-radius: var(--kite-radio-border-radius);
  cursor: var(--kite-radio-cursor);
  flex: 0 0 auto;
  margin: var(--kite-radio-input-margin-top) var(--kite-radio-input-margin-right) var(--kite-radio-input-margin-bottom) var(--kite-radio-input-margin-left);
  position: relative;
  transition-property: background-color, border-color, box-shadow;
  transition-duration: var(--kite-motion-fastest);
  transition-timing-function: var(--kite-motion-standard);
  width: var(--kite-radio-width);
  height: var(--kite-radio-height);
}
.kite-radio input:checked ~ .kite-radio__indicator {
  border: var(--kite-radio-selected-border-width) var(--kite-radio-selected-border-style) var(--selected-border-color);
}
.kite-radio input:checked ~ .kite-radio__indicator::after {
  border: calc(var(--kite-radio-selected-indicator-width) / 2) var(--kite-radio-selected-border-style) var(--selected-border-color);
  border-radius: var(--kite-radio-selected-indicator-border-radius);
  content: "";
  position: absolute;
  top: var(--kite-radio-border-offset);
  right: var(--kite-radio-border-offset);
  bottom: var(--kite-radio-border-offset);
  left: var(--kite-radio-border-offset);
}
.kite-radio input:disabled ~ .kite-radio__indicator {
  border-color: var(--disabled-border-color);
  cursor: var(--kite-radio-disabled-cursor);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-radio input:disabled ~ .kite-radio__indicator {
    border-color: GrayText;
  }
}
.kite-radio input:disabled ~ .kite-radio__description {
  color: var(--disabled-label-text-color);
  cursor: var(--kite-radio-disabled-cursor);
}
.kite-radio input:checked:disabled ~ .kite-radio__indicator {
  border-color: var(--selected-disabled-border-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-radio input:checked:disabled ~ .kite-radio__indicator {
    border-color: GrayText;
  }
}
.kite-radio input:checked:disabled ~ .kite-radio__indicator::after {
  border-color: var(--selected-disabled-center-background-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-radio input:checked:disabled ~ .kite-radio__indicator::after {
    border-color: GrayText;
  }
}

.kite-radio input[aria-disabled=true] ~ .kite-radio__indicator {
  cursor: var(--kite-radio-disabled-cursor);
  border-color: var(--kite-radio-disabled-border-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-radio input[aria-disabled=true] ~ .kite-radio__indicator {
    border-color: GrayText;
  }
}
.kite-radio input[aria-disabled=true] ~ .kite-radio__indicator::after {
  border-color: var(--kite-radio-disabled-border-color);
}
.kite-radio input[aria-disabled=true] ~ .kite-radio__indicator ~ .kite-radio__description {
  cursor: var(--kite-radio-disabled-cursor);
  color: var(--kite-radio-disabled-label-text-color);
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-radio input[aria-disabled=true]:checked ~ .kite-radio__indicator::after {
    border-color: GrayText;
  }
}

.kite-select {
  /** @prop --select-line-height: Select line-height */
  --select-line-height: var(--kite-select-text-line-height);
  /** @prop --select-max-width: Select max width */
  --select-max-width: var(--kite-select-max-width);
  --background-color: var(--kite-select-background-color);
  --icon-color: var(--kite-select-icon-color);
  --select-border-color: var(--kite-select-border-color);
  --select-border-width: var(--kite-select-border-width);
  --select-border-style: var(--kite-select-border-style);
}
.kite-select select:disabled ~ .kite-icon {
  --icon-color: var(--kite-select-disabled-icon-color);
}

.kite-select {
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-select {
    max-width: var(--select-max-width);
  }
}
.kite-select__label-group {
  margin-bottom: var(--kite-select-label-margin-bottom);
}
.kite-select__label {
  color: var(--kite-select-label-text-color);
  display: block;
}
.kite-select__label--disabled {
  color: var(--kite-select-disabled-label-text-color);
}
.kite-select__helper-text {
  display: block;
  color: var(--kite-select-helper-text-color);
  font-size: var(--kite-select-helper-text-size);
  line-height: var(--kite-select-helper-text-line-height);
}
.kite-select__select-group {
  display: flex;
}
.kite-select__select {
  background-color: var(--kite-select-background-color);
  border: var(--select-border-width) var(--select-border-style) var(--select-border-color);
  border-radius: var(--kite-select-border-radius);
  color: var(--kite-select-text-color);
  cursor: var(--kite-select-cursor);
  line-height: var(--select-line-height);
  outline: none;
  padding-top: calc(var(--kite-select-padding-top) - var(--select-border-width));
  padding-right: calc(var(--kite-select-padding-right) - var(--select-border-width) + var(--kite-select-icon-width));
  padding-bottom: calc(var(--kite-select-padding-bottom) - var(--select-border-width));
  padding-left: calc(var(--kite-select-padding-left) - var(--select-border-width));
  width: 100%;
  height: var(--kite-select-height);
  /* stylelint-disable */
  -moz-appearance: none;
  -webkit-appearance: none;
  /* stylelint-enable */
  appearance: none;
  overflow: hidden;
  text-overflow: var(--kite-select-text-overflow);
  white-space: nowrap;
}
.kite-select__select.kite-focus-visible, .kite-select__select:focus-visible {
  --select-border-width: var(--kite-select-focus-ring-width);
  --select-border-color: var(--kite-select-focus-ring-color);
  --select-border-style: var(--kite-select-focus-ring-style);
  outline: none;
}
.kite-select__select:disabled {
  --select-border-color: var(--kite-select-disabled-border-color);
  background-color: var(--kite-select-disabled-background-color);
  cursor: var(--kite-select-disabled-cursor);
  opacity: 1;
  color: var(--kite-select-disabled-text-color);
}
.kite-select__select--placeholder {
  color: var(--kite-select-placeholder-text-color);
  font-style: var(--kite-select-placeholder-text-style);
}
.kite-select__select option:not(:disabled) {
  color: var(--kite-select-text-color);
}
.kite-select.kite-hover .kite-select__select,
.kite-select .kite-select__select:hover:not(:disabled) {
  --select-border-width: var(--kite-select-hover-border-width);
}
.kite-select .kite-select__icon {
  --color: var(--icon-color);
  --size: var(--kite-select-icon-width);
  align-self: center;
  margin-left: calc(-1 * (var(--kite-select-padding-right) + var(--kite-select-icon-width)));
  pointer-events: none;
}
.kite-select--disabled .kite-select__label {
  color: var(--kite-select-disabled-label-text-color);
}
.kite-select--disabled .kite-select__helper-text {
  color: var(--kite-select-disabled-helper-text-color);
}
.kite-select__error, .kite-select__feedback {
  color: var(--kite-select-error-feedback-text-color);
  display: block;
  margin-top: var(--kite-select-feedback-margin-top);
}
.kite-select--error {
  --select-border-color: var(--kite-select-error-border-color);
  --select-border-width: var(--kite-select-error-border-width);
}

.kite-skip-link {
  /** @prop --border-radius: Border radius of skip link */
  --border-radius: var(--kite-skip-link-border-radius);
  /** @prop --padding-top: Padding top of skip link */
  --padding-top: var(--kite-skip-link-padding-top);
  /** @prop --padding-right: Padding right of skip link */
  --padding-right: var(--kite-skip-link-padding-right);
  /** @prop --padding-bottom: Padding bottom of skip link */
  --padding-bottom: var(--kite-skip-link-padding-bottom);
  /** @prop --padding-left: Padding left of skip link */
  --padding-left: var(--kite-skip-link-padding-left);
  /** @prop --background-color: Background color of skip link */
  --background-color: var(--kite-skip-link-background-color);
  /** @prop --border-color: Border color of skip link */
  --border-color: var(--kite-skip-link-border-color);
  /** @prop --text-color: Text color of skip link */
  --text-color: var(--kite-skip-link-text-color);
}

.kite-skip-link {
  background-color: var(--background-color);
  border: var(--kite-skip-link-border-width) var(--kite-skip-link-border-style) var(--border-color);
  border-radius: var(--border-radius);
  clip: rect(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
  position: absolute;
  top: 0;
  left: 0;
  line-height: var(--kite-skip-link-text-line-height);
  z-index: var(--kite-skip-link-zindex);
  /* stylelint-disable */
  width: -moz-fit-content;
  /* stylelint-enable */
  width: fit-content;
}
.kite-skip-link--show {
  clip: auto;
  position: relative;
}
.kite-skip-link ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kite-skip-link ul > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
.kite-skip-link li:not(:first-child) {
  margin-top: var(--kite-skip-link-stacked-margin-top);
}
.kite-skip-link a {
  color: var(--text-color);
  font-weight: var(--kite-skip-link-text-weight);
}
.kite-skip-link:focus-within {
  clip: auto;
}

.kite-switch {
  /** @prop --focus-ring-color-on: Focus border color when switched on */
  --focus-ring-color-on: var(--kite-switch-on-focus-ring-color);
  /** @prop --focus-ring-color-off: Focus border color when switched off */
  --focus-ring-color-off: var(--kite-switch-focus-ring-color);
  /** @prop --label-color: Default label text color */
  --label-color: var(--kite-switch-label-text-color);
  /** @prop --label-color-disabled: Disabled label text color */
  --label-color-disabled: var(--kite-switch-disabled-label-text-color);
  /** @prop --switch-thumb-transform: Distance to move thumb on click */
  --switch-thumb-transform: translateX(var(--kite-switch-thumb-transform-x));
  /** @prop --thumb-color: Default thumb background color */
  --thumb-color: var(--kite-switch-thumb-background-color);
  /** @prop --thumb-color-disabled: Disabled thumb background color */
  --thumb-color-disabled: var(--kite-switch-disabled-thumb-background-color);
  /** @prop --track-background-disabled: Track background color when disabled */
  --track-background-disabled: var(--kite-switch-disabled-track-background-color);
  /** @prop --track-background-off: Track background color when switched on */
  --track-background-off: var(--kite-switch-track-background-color);
  /** @prop --track-background-on: Track background color when switched on */
  --track-background-on: var(--kite-switch-on-track-background-color);
}

.kite-switch {
  background-color: var(--kite-switch-background-color);
  border: var(--kite-switch-border-width);
  cursor: var(--kite-switch-cursor);
  margin-bottom: var(--kite-switch-margin-bottom);
  padding: 0;
  position: relative;
}
.kite-switch.kite-focus-visible, .kite-switch:focus-visible {
  outline: 0;
}
.kite-switch.kite-focus-visible .kite-switch__track::after, .kite-switch:focus-visible .kite-switch__track::after {
  --focus-ring-offset: calc(var(--kite-switch-focus-ring-width) + var(--kite-switch-focus-ring-offset));
  border: var(--kite-switch-focus-ring-width) var(--kite-switch-focus-ring-style) var(--focus-ring-color-off);
  border-radius: var(--kite-switch-focus-ring-radius);
  content: "";
  position: absolute;
  top: calc(var(--focus-ring-offset) * -1);
  left: calc(var(--focus-ring-offset) * -1);
  width: calc(100% + var(--focus-ring-offset) * 2);
  height: calc(100% + var(--focus-ring-offset) * 2);
}
.kite-switch__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.kite-switch--on .kite-switch__track {
  background-color: var(--track-background-on);
}
.kite-switch--on .kite-switch__thumb {
  transform: var(--switch-thumb-transform);
}
.kite-switch__label {
  color: var(--label-color);
  line-height: var(--kite-switch-label-text-line-height);
  margin-right: var(--kite-switch-label-margin-right);
}
.kite-switch__track {
  background-color: var(--track-background-off);
  border-radius: var(--kite-switch-track-border-radius);
  display: inline-block;
  flex-shrink: 0;
  padding: var(--kite-switch-track-padding-top) var(--kite-switch-track-padding-right) var(--kite-switch-track-padding-bottom) var(--kite-switch-track-padding-left);
  position: relative;
  transition: all var(--kite-switch-transition-duration);
  width: var(--kite-switch-track-width);
}
.kite-switch__track::before {
  --border-width-hcm: 2px;
  border: var(--border-width-hcm) solid transparent;
  border-radius: var(--kite-switch-track-border-radius);
  content: "";
  position: absolute;
  top: calc(var(--border-width-hcm) * -1);
  left: calc(var(--border-width-hcm) * -1);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
.kite-switch__thumb {
  border: calc(var(--kite-switch-thumb-width) / 2) solid var(--thumb-color);
  border-radius: var(--kite-switch-track-border-radius);
  display: block;
  transition: all var(--kite-switch-transition-duration);
  width: var(--kite-switch-thumb-width);
  height: var(--kite-switch-thumb-height);
}
.kite-switch:disabled {
  cursor: var(--kite-switch-disabled-cursor);
}
.kite-switch:disabled .kite-switch__label {
  color: var(--label-color-disabled);
}
.kite-switch:disabled .kite-switch__track {
  background-color: var(--track-background-disabled);
}
.kite-switch:disabled .kite-switch__thumb {
  border-color: var(--thumb-color-disabled);
}
.kite-switch--on.kite-focus-visible .kite-switch__track::after, .kite-switch--on:focus-visible .kite-switch__track::after {
  border-color: var(--focus-ring-color-on);
}

.kite-tabs--center .kite-tabs__tab:first-of-type {
  margin-left: auto;
}
.kite-tabs--center .kite-tabs__tab:last-of-type {
  margin-right: auto;
}
.kite-tabs__tablist {
  display: flex;
  justify-content: left;
  overflow-x: auto;
  position: relative;
  transition: transform var(--kite-tabs-transition-duration) var(--kite-tabs-transition-timing-function);
}
.kite-tabs__tab {
  /** @prop --tab-border-bottom-color: Menu tab border bottom color */
  --tab-border-bottom-color: var(--kite-tabs-tab-border-bottom-color);
  /** @prop --tab-text-color: Menu tab text color */
  --tab-text-color: var(--kite-tabs-tab-text-color);
  /** @deprecated: Use `--tab-selected-text-color` instead */
  /** @since: v2.0.0 */
  /** @prop --tab-activated-text-color: Active menu tab text color. Deprecated: Use `--tab-selected-text-color` instead. */
  --tab-activated-text-color: var(--kite-tabs-tab-selected-text-color);
  /** @prop --tab-selected-text-color: Active menu tab text color */
  --tab-selected-text-color: var(--tab-activated-text-color, --kite-tabs-tab-selected-text-color);
  /** @prop --tab-selected-border-bottom-color: Active menu tab border bottom color */
  --tab-selected-border-bottom-color: var(--kite-tabs-tab-selected-border-bottom-color);
  /** @prop --tab-hover-border-bottom-color: Menu tab hover border bottom color */
  --tab-hover-border-bottom-color: var(--kite-tabs-tab-hover-border-bottom-color);
  /** @prop --tab-disabled-text-color: Disabled menu tab text color */
  --tab-disabled-text-color: var(--kite-tabs-tab-disabled-text-color);
  /** @prop --tab-focus-ring-color: Focused tab outline color */
  --tab-focus-ring-color: var(--kite-tabs-tab-focus-ring-color);
  background: var(--kite-tabs-tab-background);
  border: 0;
  border-bottom: var(--kite-tabs-tab-border-bottom-width) var(--kite-tabs-tab-border-bottom-style) var(--tab-border-bottom-color);
  color: var(--tab-text-color);
  flex-shrink: 0;
  font-size: var(--kite-tabs-tab-text-size);
  line-height: var(--kite-tabs-tab-text-line-height);
  font-weight: var(--kite-tabs-tab-text-weight);
  min-width: var(--kite-tabs-tab-min-width);
  outline-offset: var(--kite-tabs-tab-focus-ring-offset);
  padding: var(--kite-tabs-tab-padding-top) var(--kite-tabs-tab-padding-right) var(--kite-tabs-tab-padding-bottom) var(--kite-tabs-tab-padding-left);
  text-align: var(--kite-tabs-tab-text-align);
}
.kite-tabs__tab.kite-focus-visible, .kite-tabs__tab:focus-visible {
  outline: var(--kite-tabs-tab-focus-ring-width) var(--kite-tabs-tab-focus-ring-style) var(--tab-focus-ring-color);
  outline-offset: var(--kite-tabs-tab-focus-ring-offset);
}
.kite-tabs__tab--active, .kite-tabs__tab--selected {
  color: var(--kite-tabs-tab-selected-text-color);
  font-weight: var(--kite-tabs-tab-selected-text-weight);
}
.kite-tabs__tab:disabled {
  color: var(--tab-disabled-text-color);
  cursor: var(--kite-tabs-tab-disabled-cursor);
}
@media (hover: hover) and (pointer: fine) {
  .kite-tabs__tab.kite-hover, .kite-tabs__tab:hover:not(:disabled) {
    border-bottom-color: var(--tab-hover-border-bottom-color);
    cursor: var(--kite-tabs-tab-cursor);
  }
}
.kite-tabs__ink-bar {
  background-color: var(--kite-tabs-tab-selected-border-bottom-color);
  position: absolute;
  bottom: 0;
  transition: var(--kite-tabs-transition-duration) var(--kite-tabs-transition-timing-function);
  height: var(--kite-tabs-tab-border-bottom-width);
}
.kite-tabs__panels {
  overflow: hidden;
  padding: var(--kite-tabs-panel-padding-top) var(--kite-tabs-panel-padding-right) var(--kite-tabs-panel-padding-bottom) var(--kite-tabs-panel-padding-left);
  position: relative;
}
.kite-tabs__panel {
  display: none;
  flex-basis: 100%;
  overflow: hidden;
}
.kite-tabs__panel.kite-focus-visible, .kite-tabs__panel:focus-visible {
  outline-offset: var(--kite-tabs-panel-focus-ring-offset);
}
.kite-tabs__panel--active, .kite-tabs__panel--selected {
  display: block;
  flex-grow: 1;
  position: relative;
}

.kite-tabs--right .kite-tabs__tablist {
  justify-content: flex-end;
}

.kite-tabs .kite-tabs__tablist {
  overflow-y: hidden;
}

.rk-indicator {
  display: flex;
  position: absolute;
  top: var(--kite-tabs-tab-border-bottom-width);
  left: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
}
.rk-indicator .rk-underline {
  align-self: flex-end;
  background-color: var(--kite-tabs-tab-selected-border-bottom-color);
  width: 100%;
  height: var(--kite-tabs-tab-border-bottom-width);
}

.kite-tabs__tab {
  position: relative;
}

.kite-tabs__tab--selected .rk-indicator {
  opacity: 1;
}
.kite-tabs__tab--selected .rk-indicator.rk-inkbar-transition {
  transition: var(--kite-tabs-transition-duration) var(--kite-tabs-transition-timing-function);
}

.hidden {
  display: none;
}

.kite-tabs__panel:has(.kite-progress) {
  overflow: initial;
}
.kite-tabs__panel:has(.kite-progress) .kite-progress {
  position: relative;
}

.kite-text-area,
.kite-text-input {
  /** @prop --text-input-max-width: Input max width */
  --text-input-max-width: var(--kite-text-input-max-width);
  /** @prop --text-area-max-width: Text area max width */
  --text-area-max-width: var(--kite-text-area-max-width);
  --confirm-icon-color: var(--kite-text-input-secure-confirm-icon-color);
  --disabled-text-color: var(--kite-text-input-disabled-text-color);
  --input-border-color: var(--kite-text-input-border-color);
  --input-border-style: var(--kite-text-input-border-style);
  --input-border-width: var(--kite-text-input-border-width);
  --placeholder-text-color: var(--kite-text-input-placeholder-text-color);
  --secure-icon-color: var(--kite-text-input-secure-icon-color);
  --secure-visible-icon-color: var(--kite-text-input-secure-visible-icon-color);
  --input-addon-total-width: calc(var(--kite-text-input-addon-padding-left) + var(--kite-text-input-addon-icon-width) + var(--kite-text-input-addon-padding-right));
  --secure-icon-total-width: calc(var(--kite-text-input-addon-padding-left) + var(--kite-text-input-secure-icon-width) + var(--kite-text-input-addon-padding-right));
  --confirm-icon-total-width: calc(var(--kite-text-input-addon-padding-left) + var(--kite-text-input-secure-confirm-icon-width));
}

.kite-text-input {
  --count-text-color: var(--kite-text-input-character-count-text-color);
}
.kite-text-input:has(.kite-text-input__input-group.kite-hover .kite-text-input__input:not([disabled]), .kite-text-input__input-group:hover .kite-text-input__input:not([disabled])) {
  --input-border-width: var(--kite-text-input-hover-border-width);
}
.kite-text-input:has(.kite-text-input__input.kite-focus-visible, .kite-text-input__input:focus-visible) {
  --input-border-width: var(--kite-text-input-focus-ring-width);
  --input-border-color: var(--kite-text-input-focus-ring-color);
  --input-border-style: var(--kite-text-input-focus-ring-style);
}
.kite-text-input--disabled {
  --input-border-color: var(--kite-text-input-disabled-border-color);
  --input-border-width: var(--kite-text-input-border-width);
  --count-text-color: var(--kite-text-input-disabled-character-count-text-color);
}
.kite-text-input--error {
  --input-border-color: var(--kite-text-input-error-border-color);
  --input-border-width: var(--kite-text-input-error-border-width);
  --count-text-color: var(--kite-text-input-error-character-count-text-color);
}

.kite-text-input {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 30rem) {
  .kite-text-input {
    max-width: var(--text-input-max-width);
  }
}
.kite-text-input__label-group {
  margin-bottom: var(--kite-text-input-label-margin-bottom);
}
.kite-text-input__label {
  color: var(--kite-text-input-label-text-color);
  display: block;
}
.kite-text-input__label--disabled {
  color: var(--kite-text-input-disabled-label-text-color);
}
.kite-text-input__helper-text {
  display: block;
  color: var(--kite-text-input-helper-text-color);
  font-size: var(--kite-text-input-helper-text-size);
  line-height: var(--kite-text-input-helper-text-line-height);
}
.kite-text-input__input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  height: var(--kite-text-input-height);
}
@media only screen and (min-width: 30rem) {
  .kite-text-input__input-group {
    max-width: var(--text-input-max-width);
  }
}
.kite-text-input__input-addon, .kite-text-input__mask-toggle {
  background: transparent;
  border: 0;
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  padding-top: var(--kite-text-input-addon-padding-top, var(--kite-form-control-addon-padding-top));
  padding-right: var(--kite-text-input-addon-padding-right, var(--kite-form-control-addon-padding-right));
  padding-bottom: var(--kite-text-input-addon-padding-bottom, var(--kite-form-control-addon-padding-bottom));
  padding-left: var(--kite-text-input-addon-padding-left, var(--kite-form-control-addon-padding-left));
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.kite-text-input__input-addon:first-child, .kite-text-input__mask-toggle:first-child {
  right: auto;
  left: 0;
}
.kite-text-input__input-addon .kite-icon, .kite-text-input__mask-toggle .kite-icon {
  --color: var(--kite-text-input-addon-icon-color, var(--kite-form-control-addon-icon-color));
  --size: var(--kite-text-input-addon-icon-width, var(--kite-form-control-addon-icon-width));
}
.kite-text-input__input-addon--button, .kite-text-input__mask-toggle {
  cursor: var(--kite-cursor-action);
  text-decoration: none;
  user-select: none;
}
.kite-text-input__input-addon--button:focus-visible, .kite-text-input__mask-toggle:focus-visible {
  outline-offset: var(--kite-text-input-addon-focus-ring-offset, var(--kite-form-control-addon-focus-ring-offset));
}
.kite-text-input__mask-toggle.kite-text-input__mask-toggle--pressed .kite-text-input__unmask-icon {
  display: none;
}
.kite-text-input__mask-toggle.kite-text-input__mask-toggle--pressed .kite-text-input__mask-icon {
  display: inline;
}
.kite-text-input__mask-toggle span:nth-child(3) {
  visibility: hidden;
}
.kite-text-input__mask-toggle .kite-text-input__unmask-icon,
.kite-text-input__mask-toggle .kite-text-input__mask-icon {
  height: var(--kite-text-input-secure-icon-height);
}
.kite-text-input__mask-toggle .kite-text-input__unmask-icon .kite-icon {
  --color: var(--secure-icon-color);
  --size: var(--kite-text-input-secure-icon-width);
}
.kite-text-input__mask-toggle .kite-text-input__mask-icon {
  display: none;
}
.kite-text-input__mask-toggle .kite-text-input__mask-icon .kite-icon {
  --color: var(--secure-visible-icon-color);
  --size: var(--kite-text-input-secure-visible-icon-width);
}
.kite-text-input__confirmed-icon {
  align-items: center;
  display: flex;
  font-size: 0;
  overflow: hidden;
  width: var(--kite-text-input-secure-confirm-icon-width);
  height: calc(var(--kite-text-input-height) - var(--input-border-width) * 2);
  position: absolute;
  top: var(--input-border-width);
  right: var(--secure-icon-total-width);
  z-index: 2;
}
.kite-text-input__confirmed-icon .kite-icon {
  --size: var(--kite-text-input-secure-confirm-icon-width);
  --color: var(--confirm-icon-color);
}
.kite-text-input__character-count {
  color: var(--count-text-color);
  font-size: var(--kite-text-input-character-count-text-size);
  line-height: var(--kite-text-input-character-count-text-line-height);
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(calc(-100% - var(--kite-text-input-label-margin-bottom)));
}
.kite-text-input__input {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  color: var(--kite-text-input-text-color);
  line-height: var(--kite-text-input-text-line-height);
  outline: none;
  padding-top: calc(var(--kite-text-input-padding-top) - var(--input-border-width));
  padding-right: calc(var(--kite-text-input-padding-right) - var(--input-border-width));
  padding-bottom: calc(var(--kite-text-input-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--kite-text-input-padding-left) - var(--input-border-width));
  position: absolute;
  top: var(--input-border-width);
  left: var(--input-border-width);
  width: calc(100% - var(--input-border-width) * 2);
  height: calc(var(--kite-text-input-height) - var(--input-border-width) * 2);
  z-index: 1;
}
.kite-text-input__input::placeholder {
  color: var(--placeholder-text-color);
  font-style: var(--kite-text-input-placeholder-text-style);
}
.kite-text-input__input:disabled {
  color: var(--disabled-text-color);
  cursor: var(--kite-text-input-disabled-cursor);
}
.kite-text-input__input:disabled::placeholder {
  color: var(--disabled-text-color);
}
.kite-text-input__input:disabled ~ .kite-text-input__appearance {
  background-color: var(--kite-text-input-disabled-background-color);
  cursor: var(--kite-text-input-disabled-cursor);
  opacity: 1;
}
@media (-ms-high-contrast: active), (forced-colors: active), (prefers-contrast: forced) {
  .kite-text-input__input:disabled ~ .kite-text-input__appearance {
    border-color: GrayText;
  }
}
.kite-text-input__input.kite-focus-visible, .kite-text-input__input:focus-visible {
  outline: none;
}
.kite-text-input:has(.kite-text-input__input-addon ~ .kite-text-input__input) .kite-text-input__input {
  padding-left: calc(var(--input-addon-total-width) - var(--input-border-width));
}
.kite-text-input:has(.kite-text-input__input ~ .kite-text-input__input-addon) .kite-text-input__input {
  padding-right: calc(var(--input-addon-total-width) - var(--input-border-width));
}
.kite-text-input__appearance {
  background-color: var(--kite-text-input-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-text-input-border-radius);
  color: var(--kite-text-input-text-color);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.kite-text-input__error, .kite-text-input__feedback {
  color: var(--kite-text-input-error-feedback-text-color);
  display: block;
  margin-top: var(--kite-text-input-feedback-margin-top);
}
.kite-text-input .kite-text-input__confirmed-indicator ~ .kite-text-input__input, .kite-text-input.kite-text-input--confirmed .kite-text-input__input {
  padding-right: calc(var(--confirm-icon-total-width) - var(--input-border-width));
}
.kite-text-input--masked .kite-text-input__input::-ms-reveal {
  display: none;
}
.kite-text-input--masked .kite-text-input__input {
  padding-right: calc(var(--secure-icon-total-width) - var(--input-border-width));
}
.kite-text-input--masked.kite-text-input--confirmed .kite-text-input__input {
  padding-right: calc(var(--secure-icon-total-width) + var(--confirm-icon-total-width) - var(--input-border-width));
}
.kite-text-input--disabled .kite-text-input__label {
  color: var(--kite-text-input-disabled-label-text-color);
}
.kite-text-input--disabled .kite-text-input__helper-text {
  color: var(--kite-text-input-disabled-helper-text-color);
}
.kite-text-input--disabled .kite-text-input__input-addon {
  cursor: var(--kite-text-input-disabled-cursor, var(--kite-form-control-disabled-cursor));
}
.kite-text-input--disabled .kite-text-input__input-addon .kite-icon {
  --color: var(--kite-text-input-disabled-text-color, var(--kite-form-control-disabled-text-color));
}

.kite-text-area {
  --count-text-color: var(--kite-text-area-character-count-text-color);
}
.kite-text-area.kite-hover, .kite-text-area:has(.kite-text-area__input-group.kite-hover .kite-text-area__input:not([disabled]), .kite-text-area__input-group:hover .kite-text-area__input:not([disabled])) {
  --input-border-width: var(--kite-text-area-hover-border-width);
}
.kite-text-area:has(.kite-text-area__input.kite-focus-visible, .kite-text-area__input:focus-visible) {
  --input-border-width: var(--kite-text-area-focus-ring-width);
  --input-border-color: var(--kite-text-area-focus-ring-color);
  --input-border-style: var(--kite-text-area-focus-ring-style);
}
.kite-text-area--disabled {
  --input-border-color: var(--kite-text-area-disabled-border-color);
  --count-text-color: var(--kite-text-area-disabled-character-count-text-color);
}
.kite-text-area--error {
  --input-border-color: var(--kite-text-area-error-border-color);
  --input-border-width: var(--kite-text-input-error-border-width);
  --count-text-color: var(--kite-text-area-error-character-count-text-color);
}

@media only screen and (min-width: 30rem) {
  .kite-text-area {
    max-width: var(--text-area-max-width);
  }
}
.kite-text-area__label-group {
  margin-bottom: var(--kite-text-area-label-margin-bottom);
}
.kite-text-area__label {
  color: var(--kite-text-area-label-text-color);
  display: block;
}
.kite-text-area__label--disabled {
  color: var(--kite-text-area-disabled-label-text-color);
}
.kite-text-area__helper-text {
  display: block;
  color: var(--kite-text-area-helper-text-color);
  font-size: var(--kite-text-area-helper-text-size);
  line-height: var(--kite-text-area-helper-text-line-height);
}
.kite-text-area__input-group {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 30rem) {
  .kite-text-area__input-group {
    max-width: var(--text-area-max-width);
  }
}
.kite-text-area__character-count {
  color: var(--count-text-color);
  font-size: var(--kite-text-area-character-count-text-size);
  line-height: var(--kite-text-area-character-count-text-line-height);
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(calc(-100% - var(--kite-text-area-label-margin-bottom)));
}
.kite-text-area__character-count--disabled {
  color: var(--disabled-text-color);
}
.kite-text-area__input {
  background-color: var(--kite-text-area-background-color);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--kite-text-area-border-radius);
  color: var(--kite-text-area-text-color);
  display: inline;
  line-height: var(--kite-text-area-text-line-height);
  min-height: var(--kite-text-area-min-height);
  outline: none;
  padding-top: calc(var(--kite-text-area-padding-top) - var(--input-border-width));
  padding-right: calc(var(--kite-text-area-padding-right) - var(--input-border-width));
  padding-bottom: calc(var(--kite-text-area-padding-bottom) - var(--input-border-width));
  padding-left: calc(var(--kite-text-area-padding-left) - var(--input-border-width));
  width: 100%;
  appearance: none;
}
.kite-text-area__input::placeholder {
  color: var(--placeholder-text-color);
  font-style: var(--kite-text-area-placeholder-text-style);
}
.kite-text-area__input:disabled {
  background-color: var(--kite-text-area-disabled-background-color);
  cursor: var(--kite-text-area-disabled-cursor);
  opacity: 1;
  color: var(--disabled-text-color);
}
.kite-text-area__input:disabled::placeholder {
  color: var(--disabled-text-color);
}
.kite-text-area__input.kite-focus-visible, .kite-text-area__input:focus-visible {
  outline: none;
}
.kite-text-area__error, .kite-text-area__feedback {
  color: var(--kite-text-area-error-feedback-text-color);
  display: block;
  margin-top: var(--kite-text-area-feedback-margin-top);
}
.kite-text-area--disabled .kite-text-area__label {
  color: var(--kite-text-area-disabled-label-text-color);
}
.kite-text-area--disabled .kite-text-area__helper-text {
  color: var(--kite-text-area-disabled-helper-text-color);
}
.kite-text-area--no-resize .kite-text-area__input {
  resize: none;
}

/** Shame for if there is a confirmed icon (green checkmark), without a password mask toggle.*/
:not(.kite-text-input__mask-toggle) + .kite-text-input__confirmed-icon {
  right: 0;
  margin-right: var(--kite-text-input-addon-padding-right);
  margin-left: var(--kite-text-input-addon-padding-left);
}

.kite-text-input--confirmed:not(.kite-text-input--masked) .kite-text-input__input {
  padding-right: calc(var(--secure-icon-total-width) - var(--input-border-width));
}

.kite-toast {
  --hcm-border-width: 1px;
  /** @prop --z-index: Z-index of the toast */
  --z-index: var(--kite-toast-zindex);
  /** @prop --background-color: Background color */
  --background-color: var(--kite-toast-background-color);
  /** @prop --text-color: Text color */
  --text-color: var(--kite-toast-text-color);
}

.kite-toast {
  align-items: flex-start;
  background-color: var(--background-color);
  border: var(--hcm-border-width) var(--kite-toast-border-style) var(--kite-toast-border-color);
  border-radius: var(--kite-toast-border-radius);
  box-shadow: var(--kite-toast-elevation);
  color: var(--text-color);
  display: flex;
  font-size: var(--kite-toast-text-size);
  line-height: var(--kite-toast-text-line-height);
  margin-top: var(--kite-toast-margin-top);
  margin-right: var(--kite-toast-margin-right);
  margin-bottom: var(--kite-toast-margin-bottom);
  margin-left: var(--kite-toast-margin-left);
  min-height: var(--kite-toast-min-height);
  opacity: 0;
  padding-top: calc(var(--kite-toast-padding-top) - var(--hcm-border-width));
  padding-right: calc(var(--kite-toast-padding-right) - var(--hcm-border-width));
  padding-bottom: calc(var(--kite-toast-padding-bottom) - var(--hcm-border-width));
  padding-left: calc(var(--kite-toast-padding-left) - var(--hcm-border-width));
  position: fixed;
  z-index: var(--z-index);
  transition: margin var(--kite-toast-transition-duration) var(--kite-toast-transition-timing-function);
  width: 100%;
}
@media only screen and (min-width: 30rem) {
  .kite-toast {
    max-width: var(--kite-toast-max-width);
    width: fit-content;
  }
  .kite-toast--align-start {
    left: var(--kite-toast-offset);
    right: auto;
  }
  .kite-toast--align-end {
    left: auto;
    right: var(--kite-toast-offset);
  }
  .kite-toast--align-center {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
.kite-toast--bottom {
  bottom: 0;
}
.kite-toast:not(.kite-toast--bottom) {
  top: 0;
}
.kite-toast .kite-icon {
  fill: var(--kite-toast-icon-color);
  flex-shrink: 0;
  margin-right: var(--kite-toast-icon-margin-right);
  min-height: 1em;
  width: var(--kite-toast-icon-width);
  height: calc(var(--kite-toast-text-line-height) * 1em);
}

.rk-toast {
  opacity: 1;
  transition: margin var(--kite-toast-transition-duration), opacity var(--kite-toast-transition-duration) var(--kite-toast-transition-curve);
}
.rk-toast__invisible {
  opacity: 0;
}

.kite-tooltip {
  /** @prop --tooltip-offset: Offset to adjust where the tip appears relevant to the trigger (moves the Tooltip "further from", or "closer to" the trigger) */
  --tooltip-offset: calc(var(--kite-tooltip-offset) * 1px);
  /** @prop --tooltip-align-offset: Offset to adjust the Tooltip left/right when using the `align-start` and `align-end` modifiers */
  --tooltip-align-offset: 0;
  /** @prop --tooltip-background: Background color of tooltip */
  --tooltip-background: var(--kite-tooltip-background-color);
  /** @prop --tooltip-color: Text color of tooltip */
  --tooltip-color: var(--kite-tooltip-text-color);
  --tooltip-arrow-width: calc(var(--kite-tooltip-arrow-width) / 2);
  --tooltip-arrow-height: var(--kite-tooltip-arrow-height);
  --tooltip-arrow-height-adjust: calc(var(--tooltip-arrow-height) + 1px);
  --tooltip-arrow-offset: calc(-1 * var(--tooltip-offset));
  --tooltip-text-offset: calc(var(--tooltip-arrow-offset) - var(--tooltip-arrow-height));
  --tooltip-padding: var(--kite-tooltip-padding-top) var(--kite-tooltip-padding-right) var(--kite-tooltip-padding-bottom) var(--kite-tooltip-padding-left);
  --tooltip-radius: var(--kite-tooltip-border-radius);
  --tooltip-max-width: 90vw;
}

.kite-tooltip {
  position: relative;
}
.kite-tooltip__trigger:not(.kite-button) {
  align-items: center;
  appearance: none;
  background: none;
  border: 0;
  display: inline-flex;
  padding: 0;
}
.kite-tooltip__trigger:focus-visible::after, .kite-tooltip__trigger:hover::after {
  display: flex;
}
.kite-tooltip__trigger:focus-visible + .kite-tooltip__text,
.kite-tooltip__trigger:focus-visible .kite-tooltip__text, .kite-tooltip__trigger:hover + .kite-tooltip__text,
.kite-tooltip__trigger:hover .kite-tooltip__text {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  position: absolute;
  width: max-content;
}
.kite-tooltip__trigger::after {
  border: var(--tooltip-arrow-width) solid transparent;
  content: "";
  display: none;
  position: absolute;
  z-index: var(--kite-tooltip-zindex);
  width: 0;
  height: 0;
}
.kite-tooltip__text {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  align-items: center;
  background: var(--tooltip-background);
  border: 1px var(--kite-tooltip-border-style) var(--kite-tooltip-border-color);
  border-radius: var(--tooltip-radius);
  display: flex;
  padding: var(--tooltip-padding);
  pointer-events: none;
  position: absolute;
  z-index: var(--kite-tooltip-zindex);
  max-width: var(--tooltip-max-width);
  width: max-content;
  white-space: normal;
  color: var(--tooltip-color);
  font-size: var(--kite-tooltip-text-size);
  font-family: var(--kite-font-family);
  font-style: var(--kite-typography-body-style);
  font-weight: normal;
  letter-spacing: var(--kite-typography-body-letter-spacing);
  line-height: var(--kite-tooltip-text-line-height);
  text-transform: none;
}
@media only screen and (min-width: 30rem) {
  .kite-tooltip__text {
    --tooltip-max-width: var(--kite-tooltip-breakpoint-sm-max-width);
  }
}
.kite-tooltip--multiline {
  max-width: var(--kite-tooltip-breakpoint-sm-max-width);
  white-space: normal;
}
.kite-tooltip--no-arrow::after,
.kite-tooltip--no-arrow .kite-tooltip__trigger::after {
  display: none;
}
.kite-tooltip--no-arrow:focus-visible::after,
.kite-tooltip--no-arrow .kite-tooltip__trigger:focus-visible::after {
  display: none;
}
.kite-tooltip--no-arrow:hover::after,
.kite-tooltip--no-arrow .kite-tooltip__trigger:hover::after {
  display: none;
}
.kite-tooltip--top::after {
  border-bottom-width: 0;
  border-top-color: var(--tooltip-background);
  border-top-width: var(--tooltip-arrow-height-adjust);
  top: var(--tooltip-arrow-offset);
  left: 50%;
  transform: translate(-50%, -100%);
}
.kite-tooltip--top + .kite-tooltip__text,
.kite-tooltip--top .kite-tooltip__text {
  top: var(--tooltip-text-offset);
  left: 50%;
  transform: translate(-50%, -100%);
}
.kite-tooltip--right::after {
  border-left-width: 0;
  border-right-color: var(--tooltip-background);
  border-right-width: var(--tooltip-arrow-height-adjust);
  top: 50%;
  right: var(--tooltip-arrow-offset);
  transform: translate(100%, -50%);
}
.kite-tooltip--right + .kite-tooltip__text,
.kite-tooltip--right .kite-tooltip__text {
  top: 50%;
  right: var(--tooltip-text-offset);
  transform: translate(100%, -50%);
}
.kite-tooltip--bottom::after {
  border-bottom-color: var(--tooltip-background);
  border-bottom-width: var(--tooltip-arrow-height-adjust);
  border-top-width: 0;
  bottom: var(--tooltip-arrow-offset);
  left: 50%;
  transform: translate(-50%, 100%);
}
.kite-tooltip--bottom + .kite-tooltip__text,
.kite-tooltip--bottom .kite-tooltip__text {
  bottom: var(--tooltip-text-offset);
  left: 50%;
  transform: translate(-50%, 100%);
}
.kite-tooltip--left::after {
  border-left-color: var(--tooltip-background);
  border-left-width: var(--tooltip-arrow-height-adjust);
  border-right-width: 0;
  top: 50%;
  left: var(--tooltip-arrow-offset);
  transform: translate(-100%, -50%);
}
.kite-tooltip--left + .kite-tooltip__text,
.kite-tooltip--left .kite-tooltip__text {
  top: 50%;
  left: var(--tooltip-text-offset);
  transform: translate(-100%, -50%);
}
.kite-tooltip--align-start.kite-tooltip--top + .kite-tooltip__text,
.kite-tooltip--align-start.kite-tooltip--top .kite-tooltip__text {
  left: var(--tooltip-align-offset);
  transform: translate(0, -100%);
}
.kite-tooltip--align-start.kite-tooltip--bottom + .kite-tooltip__text,
.kite-tooltip--align-start.kite-tooltip--bottom .kite-tooltip__text {
  left: var(--tooltip-align-offset);
  transform: translate(0, 100%);
}
.kite-tooltip--align-end.kite-tooltip--top + .kite-tooltip__text,
.kite-tooltip--align-end.kite-tooltip--top .kite-tooltip__text {
  right: var(--tooltip-align-offset);
  left: auto;
  transform: translate(0, -100%);
}
.kite-tooltip--align-end.kite-tooltip--bottom + .kite-tooltip__text,
.kite-tooltip--align-end.kite-tooltip--bottom .kite-tooltip__text {
  right: var(--tooltip-align-offset);
  left: auto;
  transform: translate(0, 100%);
}
.kite-tooltip--hidden.kite-focus::after, .kite-tooltip--hidden:focus::after, .kite-tooltip--hidden.kite-focus-visible::after, .kite-tooltip--hidden:focus-visible::after, .kite-tooltip--hidden.kite-hover::after, .kite-tooltip--hidden:hover::after {
  display: none;
}
.kite-tooltip--hidden.kite-focus + .kite-tooltip__text,
.kite-tooltip--hidden.kite-focus .kite-tooltip__text, .kite-tooltip--hidden:focus + .kite-tooltip__text,
.kite-tooltip--hidden:focus .kite-tooltip__text, .kite-tooltip--hidden.kite-focus-visible + .kite-tooltip__text,
.kite-tooltip--hidden.kite-focus-visible .kite-tooltip__text, .kite-tooltip--hidden:focus-visible + .kite-tooltip__text,
.kite-tooltip--hidden:focus-visible .kite-tooltip__text, .kite-tooltip--hidden.kite-hover + .kite-tooltip__text,
.kite-tooltip--hidden.kite-hover .kite-tooltip__text, .kite-tooltip--hidden:hover + .kite-tooltip__text,
.kite-tooltip--hidden:hover .kite-tooltip__text {
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
}
.kite-tooltip--visible::after,
.kite-tooltip--visible .kite-tooltip__trigger::after {
  display: flex;
}
.kite-tooltip--visible.kite-tooltip--no-arrow::after, .kite-tooltip--visible.kite-tooltip--no-arrow .kite-tooltip__trigger::after {
  display: none;
}
.kite-tooltip--visible::after,
.kite-tooltip--visible + .kite-tooltip__text,
.kite-tooltip--visible .kite-tooltip__text {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  position: absolute;
  width: max-content;
}
.kite-tooltip--abbreviation, .kite-tooltip--definition, .kite-tooltip--truncation {
  display: inline-flex;
}
.kite-tooltip--abbreviation {
  speak: spell-out;
}

abbr.kite-tooltip--abbreviation,
abbr.kite-tooltip--truncation {
  cursor: help;
}
abbr.kite-tooltip--abbreviation::before,
abbr.kite-tooltip--truncation::before {
  border: 0;
  border-bottom: 1px dotted;
  content: "";
  position: absolute;
  bottom: 0.15em;
  left: 0;
  width: 100%;
}

.kite-button.kite-tooltip {
  --button-padding-offset: var(--kite-button-padding-top);
  --tooltip-text-offset: calc(-1 * (var(--button-padding-offset) + var(--tooltip-arrow-height)));
}
.kite-button.kite-tooltip--top {
  --button-padding-offset: var(--kite-button-padding-top);
}
.kite-button.kite-tooltip--right {
  --button-padding-offset: var(--kite-button-padding-right);
}
.kite-button.kite-tooltip--bottom {
  --button-padding-offset: var(--kite-button-padding-bottom);
}
.kite-button.kite-tooltip--left {
  --button-padding-offset: var(--kite-button-padding-left);
}
.kite-button.kite-tooltip--align-start {
  --tooltip-align-offset: calc(-1 * (var(--kite-button-padding-left)));
}
.kite-button.kite-tooltip--align-end {
  --tooltip-align-offset: calc(-1 * (var(--kite-button-padding-right)));
}
.kite-button--icon-only.kite-tooltip--left {
  --button-padding-offset: var(--kite-button-icon-only-padding-left);
}
.kite-button--icon-only.kite-tooltip--right {
  --button-padding-offset: var(--kite-button-icon-only-padding-right);
}
.kite-button--icon-only.kite-tooltip--align-start {
  --tooltip-align-offset: calc(-1 * (var(--kite-button-icon-only-padding-left)));
}
.kite-button--icon-only.kite-tooltip--align-end {
  --tooltip-align-offset: calc(-1 * (var(--kite-button-icon-only-padding-right)));
}

.kite-tooltip .kite-tooltip__trigger::after {
  display: none;
}
.kite-tooltip .kite-tooltip__trigger:focus-visible .kite-tooltip__text.rk-tooltip, .kite-tooltip .kite-tooltip__trigger:hover .kite-tooltip__text.rk-tooltip {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  height: auto;
  width: max-content;
}
.kite-tooltip .kite-tooltip__trigger .kite-tooltip__text {
  clip: auto;
  clip-path: unset;
  margin: 0;
  overflow: visible;
  width: max-content;
  height: auto;
  position: relative;
  display: block;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
  transform: unset;
}

.kite-tooltip__arrow::after {
  border: var(--tooltip-arrow-width) solid transparent;
  content: "";
  position: absolute;
  z-index: var(--kite-tooltip-zindex);
  width: 0;
  height: 0;
  transform: translate(calc(-50% + 1px));
}

.kite-tooltip__arrow--top::after {
  border-bottom-width: 0;
  border-top-color: var(--tooltip-background);
  border-top-width: var(--tooltip-arrow-height-adjust);
  top: 100%;
  left: 50%;
}

.kite-tooltip__arrow--top.kite-tooltip__arrow--align-start::after, .kite-tooltip__arrow--bottom.kite-tooltip__arrow--align-start::after {
  left: var(--tooltip-arrow-x-transform);
}
.kite-tooltip__arrow--top.kite-tooltip__arrow--align-end::after, .kite-tooltip__arrow--bottom.kite-tooltip__arrow--align-end::after {
  left: calc(100% - var(--tooltip-arrow-x-transform));
}

.kite-tooltip__arrow--bottom::after {
  border-bottom-color: var(--tooltip-background);
  border-bottom-width: var(--tooltip-arrow-height-adjust);
  border-top-width: 0;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}

.kite-tooltip__arrow--left::after {
  border-left-color: var(--tooltip-background);
  border-left-width: var(--tooltip-arrow-height-adjust);
  border-right-width: 0;
  top: 50%;
  left: 100%;
}

.kite-tooltip__arrow--right::after {
  border-right-color: var(--tooltip-background);
  border-right-width: var(--tooltip-arrow-height-adjust);
  border-left-width: 0;
  top: 50%;
  left: 0;
  transform: translate(-100%, -50%);
}

.kite-tooltip__arrow--left::after {
  transform: translate(0, -50%);
}

.kite-tooltip--no-arrow .kite-tooltip__arrow::after {
  display: none;
}

/**
  Shame for tooltip inline with a label for text input
 */
.rk-tooltip--inline {
  height: 100%;
  margin-left: var(--kite-spacing-xs);
}

.kite-title-interactive {
  display: flex;
}
.kite-title-interactive .kite-popover {
  align-self: center;
  margin-top: 2px;
}

.rk-kite-window--container {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.kite-tag {
  display: inline-flex;
  align-items: baseline;
  gap: var(--kite-tag-icon-margin-right);
  background-color: var(--kite-tag-background-color);
  border: var(--kite-tag-border-width) var(--kite-tag-border-style) var(--kite-tag-border-color);
  border-radius: var(--kite-tag-border-radius);
  padding: var(--kite-tag-padding-top) var(--kite-tag-padding-right) var(--kite-tag-padding-bottom) var(--kite-tag-padding-left);
  color: var(--kite-tag-text-color);
  font-size: var(--kite-tag-text-size);
  line-height: var(--kite-tag-text-line-height);
  font-weight: var(--kite-tag-text-weight);
}
.kite-tag__icon {
  display: flex;
  align-self: center;
  flex-shrink: 0;
}
.kite-tag__icon .kite-icon {
  --size: var(--kite-tag-icon-size);
  --color: var(--kite-tag-icon-color);
}
.kite-tag--positive {
  --kite-tag-background-color: var(--kite-tag-positive-background-color);
  --kite-tag-border-color: var(--kite-tag-positive-border-color);
  --kite-tag-text-color: var(--kite-tag-positive-text-color);
  --kite-tag-icon-color: var(--kite-tag-positive-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-positive-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-positive-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-positive-text-color);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-positive-icon-color);
}
.kite-tag--negative {
  --kite-tag-background-color: var(--kite-tag-negative-background-color);
  --kite-tag-border-color: var(--kite-tag-negative-border-color);
  --kite-tag-text-color: var(--kite-tag-negative-text-color);
  --kite-tag-icon-color: var(--kite-tag-negative-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-negative-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-negative-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-negative-text-color);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-negative-icon-color);
}
.kite-tag--caution {
  --kite-tag-background-color: var(--kite-tag-caution-background-color);
  --kite-tag-border-color: var(--kite-tag-caution-border-color);
  --kite-tag-text-color: var(--kite-tag-caution-text-color);
  --kite-tag-icon-color: var(--kite-tag-caution-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-caution-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-caution-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-caution-text-color);
}
.kite-tag--neutral {
  --kite-tag-background-color: var(--kite-tag-neutral-background-color);
  --kite-tag-border-color: var(--kite-tag-neutral-border-color);
  --kite-tag-text-color: var(--kite-tag-neutral-text-color);
  --kite-tag-icon-color: var(--kite-tag-neutral-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-neutral-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-neutral-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-neutral-text-color);
}
.kite-tag--solid {
  --kite-tag-background-color: var(--kite-tag-solid-background-color);
  --kite-tag-border-color: var(--kite-tag-solid-border-color);
  --kite-tag-text-color: var(--kite-tag-solid-text-color);
  --kite-tag-icon-color: var(--kite-tag-solid-icon-color);
}

.kite-tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kite-tag-group-margin);
}

ul.kite-tag-group {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-tag-group > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
.kite-tag {
  display: inline-flex;
  align-items: baseline;
  gap: var(--kite-tag-icon-margin-right);
  background-color: var(--kite-tag-background-color);
  border: var(--kite-tag-border-width) var(--kite-tag-border-style) var(--kite-tag-border-color);
  border-radius: var(--kite-tag-border-radius);
  padding: var(--kite-tag-padding-top) var(--kite-tag-padding-right) var(--kite-tag-padding-bottom) var(--kite-tag-padding-left);
  color: var(--kite-tag-text-color);
  font-size: var(--kite-tag-text-size);
  line-height: var(--kite-tag-text-line-height);
  font-weight: var(--kite-tag-text-weight);
}
.kite-tag__icon {
  display: flex;
  align-self: center;
  flex-shrink: 0;
}
.kite-tag__icon .kite-icon {
  --size: var(--kite-tag-icon-size);
  --color: var(--kite-tag-icon-color);
}
.kite-tag--positive {
  --kite-tag-background-color: var(--kite-tag-positive-background-color);
  --kite-tag-border-color: var(--kite-tag-positive-border-color);
  --kite-tag-text-color: var(--kite-tag-positive-text-color);
  --kite-tag-icon-color: var(--kite-tag-positive-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-positive-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-positive-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-positive-text-color);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-positive-icon-color);
}
.kite-tag--negative {
  --kite-tag-background-color: var(--kite-tag-negative-background-color);
  --kite-tag-border-color: var(--kite-tag-negative-border-color);
  --kite-tag-text-color: var(--kite-tag-negative-text-color);
  --kite-tag-icon-color: var(--kite-tag-negative-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-negative-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-negative-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-negative-text-color);
  --kite-tag-solid-icon-color: var(--kite-tag-solid-negative-icon-color);
}
.kite-tag--caution {
  --kite-tag-background-color: var(--kite-tag-caution-background-color);
  --kite-tag-border-color: var(--kite-tag-caution-border-color);
  --kite-tag-text-color: var(--kite-tag-caution-text-color);
  --kite-tag-icon-color: var(--kite-tag-caution-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-caution-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-caution-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-caution-text-color);
}
.kite-tag--neutral {
  --kite-tag-background-color: var(--kite-tag-neutral-background-color);
  --kite-tag-border-color: var(--kite-tag-neutral-border-color);
  --kite-tag-text-color: var(--kite-tag-neutral-text-color);
  --kite-tag-icon-color: var(--kite-tag-neutral-icon-color);
  --kite-tag-solid-background-color: var(--kite-tag-solid-neutral-background-color);
  --kite-tag-solid-border-color: var(--kite-tag-solid-neutral-border-color);
  --kite-tag-solid-text-color: var(--kite-tag-solid-neutral-text-color);
}
.kite-tag--solid {
  --kite-tag-background-color: var(--kite-tag-solid-background-color);
  --kite-tag-border-color: var(--kite-tag-solid-border-color);
  --kite-tag-text-color: var(--kite-tag-solid-text-color);
  --kite-tag-icon-color: var(--kite-tag-solid-icon-color);
}

.kite-tag-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kite-tag-group-margin);
}

ul.kite-tag-group {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.kite-tag-group > li {
  line-height: inherit;
  margin: 0;
  padding: 0;
}
:root {
  --kite-font-family-sans-serif: "Spectrum Sans", -apple-system, system-ui,
      BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: normal;
  font-weight: 300;
  src: local("Spectrum Sans Light"), local("SpectrumSans-Light"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Lt.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Lt.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: italic;
  font-weight: 300;
  src: local("Spectrum Sans Light Italic"), local("SpectrumSans-LightItalic"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_LtIt.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_LtIt.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: normal;
  font-weight: 350;
  src: local("Spectrum Sans Book"), local("SpectrumSans-Book"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bk.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bk.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: italic;
  font-weight: 350;
  src: local("Spectrum Sans Book Italic"), local("SpectrumSans-BookItalic"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BkIt.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BkIt.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: normal;
  font-weight: 400;
  src: local("Spectrum Sans Regular"), local("SpectrumSans-Regular"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Rg.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Rg.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: italic;
  font-weight: 400;
  src: local("Spectrum Sans Italic"), local("SpectrumSans-Italic"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_It.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_It.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: normal;
  font-weight: 500;
  src: local("Spectrum Sans Medium"), local("SpectrumSans-Medium"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Md.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Md.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: italic;
  font-weight: 500;
  src: local("Spectrum Sans Medium Italic"), local("SpectrumSans-MediumItalic"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_MdIt.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_MdIt.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: normal;
  font-weight: 700;
  src: local("Spectrum Sans Bold"), local("SpectrumSans-Bold"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bd.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_Bd.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: italic;
  font-weight: 700;
  src: local("Spectrum Sans Bold Italic"), local("SpectrumSans-BoldItalic"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BdIt.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_BdIt.woff) format("woff");
}
@font-face {
  font-display: auto;
  font-family: Spectrum Sans;
  font-style: normal;
  font-weight: 800;
  src: local("Spectrum Sans ExtraBold"), local("SpectrumSans-ExtraBold"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBd.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBd.woff) format("woff");
}
@font-face {
  font-family: Spectrum Sans;
  font-style: italic;
  font-weight: 800;
  src: local("Spectrum Sans ExtraBold Italic"), local("SpectrumSans-ExtraBoldItalic"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSansVF_W_Italics_Wght.woff2) format("woff2-variations"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBdIt.woff2) format("woff2"), url(https://cdn.spectrumflow.net/kite/fonts/spectrum-sans/SpectrumSans_W_XBdIt.woff) format("woff");
}
.typestack-display {
  font-weight: 800;
  font-size: 3rem;
  line-height: 3.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-display {
    font-size: 4rem;
    line-height: 4.5rem;
  }
}

.typestack-title-1,
h1 {
  font-weight: 800;
  font-size: 2.625rem;
  line-height: 3.25rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-title-1,
  h1 {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}

.typestack-title-2,
h2 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.875rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-title-2,
  h2 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}

.typestack-title-3,
h3 {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-title-3,
  h3 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
}

.typestack-title-4,
h4 {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.875rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-title-4,
  h4 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}

.typestack-title-5,
h5 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-title-5,
  h5 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.typestack-title-6,
h6 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-title-6,
  h6 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.typestack-featured-award {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (min-width: 60rem) {
  .typestack-featured-award {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.typestack-eyebrow,
.eyebrow {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-eyebrow,
  .eyebrow {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.light .typestack-eyebrow,
.light .eyebrow {
  color: #5a6e7d;
}
.dark .typestack-eyebrow,
.dark .eyebrow {
  color: #bec6cc;
}

.typestack-body-1,
div.content p,
div.content li {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-body-1,
  div.content p,
  div.content li {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

.typestack-body-2,
body {
  font-weight: 400;
}
@media only screen and (min-width: 52.5rem) {
  .typestack-body-2,
  body {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}

.typestack-clickable,
button {
  font-weight: 500;
  font-size: 1rem;
}

.typestack-caption,
caption,
figcaption {
  font-weight: 400;
  font-size: 0.875rem;
}

.typestack-disclaimer,
.disclaimer {
  font-weight: 500;
  font-size: 0.75rem;
  font-style: normal;
  letter-spacing: -0.1px;
}

html {
  max-width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 1.2rem;
  -webkit-font-smoothing: antialiased;
  font-family: "Spectrum Sans";
  background: #ffffff;
  color: #000000;
}

main,
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  list-style-type: none;
}

*:focus:not(:focus-visible) {
  outline: none;
}

.themed-container {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.themed-container.white, .themed-container.light {
  background: #ffffff;
  color: #000000;
}
.themed-container.white .kite-button .kite-icon__inner svg, .themed-container.light .kite-button .kite-icon__inner svg {
  fill: #026ad9;
}
.themed-container.gray {
  background: #f4f4f4;
  color: #000000;
}
.themed-container.gray .kite-button .kite-icon__inner svg {
  fill: #026ad9;
}
.themed-container.dark {
  background: #002139;
  color: #ffffff;
}
.themed-container.dark .kite-button .kite-icon__inner svg {
  fill: #026ad9;
}
@media only screen and (min-width: 37.5rem) {
  .themed-container {
    padding: 3.75rem 0;
  }
}
.themed-container.stackable {
  padding-bottom: 0;
}
@media only screen and (min-width: 37.5rem) {
  .themed-container.stackable {
    padding-bottom: 0;
  }
}

.component-error {
  background: #aa0000;
  color: #fff;
  font-weight: 500;
  font-size: 1.5rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.component-error.kite-container {
  margin-bottom: 2rem;
}

a {
  font-size: inherit;
  font-weight: 700;
  text-decoration: none;
  color: #026ad9;
}
a:visited, a:active {
  color: #026ad9;
}
a:hover {
  color: #024fea;
  text-decoration: underline;
}

.dark {
  background: #002139;
  color: #ffffff;
}
.dark a {
  color: #1995f2;
}
.dark a:hover {
  color: #ffffff;
}

.js-focus-visible a.focus-visible {
  outline: var(--kite-focus-ring-width) var(--kite-focus-ring-style) #024fea;
  --focus-ring-color: theme-color(light, primary-outline);
}

.ws {
  margin-top: 5rem;
}

nav ul {
  padding: 0;
  margin: 0;
}
nav ul li {
  padding: 0;
  margin: 0;
}

.desktop-only {
  display: none;
}
@media only screen and (min-width: 52.5rem) {
  .desktop-only {
    display: inherit;
  }
}

.mobile-only {
  display: inherit;
}
@media only screen and (min-width: 52.5rem) {
  .mobile-only {
    display: none;
  }
}

figure {
  margin-inline-start: 0;
  margin-inline-end: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

.sr-only {
  border: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.sr-only:not(#skipToMain) {
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
}
.sr-only#skipToMain {
  left: -10rem;
  top: 0;
  transition: left 0.06s ease-in;
  background: #ffffff;
  color: #000000;
  z-index: -1;
}
.sr-only#skipToMain:active, .sr-only#skipToMainhover {
  color: #182b3e;
}
.sr-only#skipToMain.focus-visible, .sr-only#skipToMain:focus {
  left: 4px;
  top: 4px;
  width: auto !important;
  height: 1.75rem !important;
  padding: 0.25rem !important;
  outline: 2px solid #ffffff !important;
  outline-offset: 4px;
  z-index: 100;
}

.anchor-target:before, .anchor-target:target::before {
  content: "";
  display: block;
  height: 4.813rem;
  margin-top: -4.813rem;
  scroll-snap-align: start;
  scroll-margin-top: -4.813rem; /* assigning scroll-margin-top to 'offset' the negative margin from the margin-top - in use with sticky nav*/
}
@media only screen and (min-width: 52.5rem) {
  .anchor-target:before, .anchor-target:target::before {
    height: 7.313rem;
    margin-top: -7.313rem;
    scroll-margin-top: -7.313rem;
  }
}

.layout {
  position: static;
}
.layout.static {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.site-sidebar__controls {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  padding-top: 1.375rem;
  padding-bottom: 1.375rem;
  justify-content: space-between;
  overflow: visible;
}
.site-sidebar form {
  margin-top: 0.5rem;
}
.site-sidebar nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  overflow-y: hidden;
  z-index: 2;
}
.site-sidebar nav > ul {
  margin: 0;
  padding: 0;
}
.site-sidebar nav > ul.main-nav {
  overflow: auto;
  flex: 1 1 auto;
  position: relative;
  overflow-x: hidden;
  margin-left: 0;
  transition: margin-left 0.5s;
}
.site-sidebar nav > ul.main-nav.expanded {
  margin-left: -100vw;
}
.site-sidebar nav > ul.main-nav > li {
  margin: 0;
  padding: 0;
  overflow: visible;
  height: 3rem;
  width: 100vw;
}
.site-sidebar nav > ul.main-nav > li button {
  width: 100vw;
}
.site-sidebar nav > ul.main-nav > li > ul {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin: 0;
  padding: 1rem 0 0 0;
  left: 100vw;
  width: 100vw;
}
.site-sidebar nav > ul.main-nav > li > ul li {
  margin: 0;
  padding: 0;
}
.light .site-sidebar nav > ul.main-nav > li > ul {
  background: #ffffff;
}
.dark .site-sidebar nav > ul.main-nav > li > ul {
  background: #002139;
}
.site-sidebar nav > ul.main-nav > li > ul.was-expanded {
  z-index: 3;
}
.site-sidebar nav > ul.main-nav > li > ul.expanded {
  z-index: 4;
}
.site-sidebar nav > ul.main-nav > li > ul:focus-within {
  z-index: 5;
}
.site-sidebar nav > ul.bottom {
  overflow: hidden;
  padding: 1.5rem 0;
  flex: 0 0 auto;
}
.site-sidebar nav > ul.bottom li {
  margin-bottom: 0;
}
.site-sidebar nav > ul.bottom a {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625;
  height: 2.5rem;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.site-sidebar nav > ul.bottom a .kite-icon {
  margin-right: 0.5rem;
}
.light .site-sidebar nav > ul.bottom {
  background: #f4f4f4;
  color: #000000;
  border-top: 1px solid #bec6cc;
}
.light .site-sidebar nav > ul.bottom a,
.light .site-sidebar nav > ul.bottom a:visited {
  color: #0271eb;
}
.dark .site-sidebar nav > ul.bottom {
  background: #002139;
  color: #ffffff;
  border-top: 1px solid #002139;
}
.dark .site-sidebar nav > ul.bottom a,
.dark .site-sidebar nav > ul.bottom a:visited {
  color: #0271eb;
}
.site-sidebar nav .link-button {
  height: 3rem;
}
@media only screen and (min-width: 52.5rem) {
  .site-sidebar.sidebar {
    display: none;
  }
}
.sidebar {
  position: fixed;
  bottom: 0;
  top: 0;
  right: -100vw;
  width: 100vw;
  height: 100vh;
  transition: right 0.28s ease-in, clip-path 0.28s ease-in;
  z-index: 101;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  clip-path: inset(0 100% 0 0);
}
@supports (height: 100dvh) {
  .sidebar {
    height: 100dvh;
    width: 100dvw;
  }
}
.sidebar .link-button {
  height: 2rem;
}
.sidebar a.link-button,
.sidebar button.link-button {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  display: flex;
  align-items: center;
  border: none;
  text-decoration: none;
  padding: 0;
  margin: 0;
  width: 100%;
  cursor: pointer;
  transition: background 0.35s;
}
.light .sidebar a.link-button.hoverable:hover, .light .sidebar a.link-button.hoverable:focus, .light .sidebar a.link-button.hoverable:focus-visible,
.light .sidebar button.link-button.hoverable:hover,
.light .sidebar button.link-button.hoverable:focus,
.light .sidebar button.link-button.hoverable:focus-visible {
  background: #f4f4f4;
}
.dark .sidebar a.link-button.hoverable:hover, .dark .sidebar a.link-button.hoverable:focus, .dark .sidebar a.link-button.hoverable:focus-visible,
.dark .sidebar button.link-button.hoverable:hover,
.dark .sidebar button.link-button.hoverable:focus,
.dark .sidebar button.link-button.hoverable:focus-visible {
  background: #002139;
}
.light .sidebar a.link-button,
.light .sidebar button.link-button {
  background: #ffffff;
  color: #000000;
}
.dark .sidebar a.link-button,
.dark .sidebar button.link-button {
  background: #002139;
  color: #ffffff;
}
.sidebar a.link-button .kite-container,
.sidebar button.link-button .kite-container {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: space-between;
}
.sidebar a.link-button.small,
.sidebar button.link-button.small {
  text-transform: none;
  font-weight: 500;
}
.sidebar > section {
  padding: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.light .sidebar {
  background: #ffffff;
  color: #000000;
}
.dark .sidebar {
  background: #002139;
  color: #ffffff;
}
.sidebar.expanded {
  right: 0;
  clip-path: inset(0 0 0 0);
  transition: right 0.28s ease-out, clip-path 0.28s ease-out;
}
.article-heading {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  gap: 1.5rem;
}
.article-heading.listicle {
  margin-top: 5rem;
  scroll-margin-top: 5rem;
}
.article-heading .number {
  font-size: 5rem;
  font-weight: 800;
  line-height: 4.75rem;
  height: 4.5rem;
}
.article-heading h2 {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-heading h2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
}
.article-heading p {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-heading p {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.light .article-heading h2,
.light .article-heading .number {
  color: #f25d0d;
}
.dark .article-heading h2,
.dark .article-heading .number {
  color: #fd8331;
}
.article-inline-callout {
  padding: 2.5rem 1rem;
}
.article-inline-callout > div {
  padding: 1.5rem 3.75rem 1.5rem 2.25rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.article-inline-callout > div .gatsby-image-wrapper {
  width: 5.875rem;
  min-width: 5.875rem;
  height: 5.875rem;
  margin-left: -0.1rem;
}
.article-inline-callout > div h3 {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-inline-callout > div h3 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.article-inline-callout > div .subtitle:not(:first-child) {
  margin-top: 1.25rem;
}
.article-inline-callout > div .subtitle,
.article-inline-callout > div .subtitle-2 {
  font-size: 0.875rem;
}
.article-inline-callout > div.light {
  border-left: 0.375rem solid #fd8331;
  background: #f4f4f4;
  color: #000000;
}
.article-inline-callout > div.dark {
  border-left: 0.375rem solid #fd8331;
  background: #002139;
  color: #ffffff;
}
@media only screen and (min-width: 52.5rem) {
  .article-inline-callout {
    padding: 2.5rem 1.5rem;
  }
  .article-inline-callout > div {
    gap: 2.5rem;
  }
}
.article-links {
  display: flex;
  gap: 1rem;
  padding-top: 0.75rem;
}
.article-links .reach-button {
  height: auto;
  padding: 0;
  overflow: visible;
}
.article-sources:not(.kite-container) {
  padding: 0;
}
.article-sources.kite-container {
  margin-bottom: 3rem;
}
.article-sources h3 {
  font-weight: 400;
  font-size: 0.875rem;
}
.article-sources ol {
  counter-reset: list;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.article-sources ol li {
  display: block;
  flex-wrap: nowrap;
  font-weight: 400;
  font-size: 0.875rem;
  padding: 0;
  margin: 0;
  white-space: break-spaces;
}
.article-sources ol li button {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  background: none;
  border: none;
  font-weight: 400;
  font-size: 0.875rem;
  padding: 0;
  margin: 0;
  white-space: break-spaces;
  line-height: 1.5;
  text-align: left;
}
.article-sources ol li button[data-has-navigation=true]:hover {
  text-decoration: underline;
  cursor: pointer;
}
.article-sources ol li button span,
.article-sources ol li button p {
  font-weight: 400;
  font-size: 0.875rem;
  padding: 0;
  margin: 0;
  position: static;
  white-space: break-spaces;
}
.article-sources ol li button span:nth-of-type(2),
.article-sources ol li button p:nth-of-type(2) {
  align-self: flex-start;
  text-align: left;
}
.article-sources ol li button span ol,
.article-sources ol li button span ul,
.article-sources ol li button p ol,
.article-sources ol li button p ul {
  list-style-type: decimal;
  padding-left: 1.5rem;
}
.article-sources ol li button span ol li,
.article-sources ol li button span ul li,
.article-sources ol li button p ol li,
.article-sources ol li button p ul li {
  display: list-item;
  margin-bottom: 0.25rem;
}
.article-sources ol li button span ul,
.article-sources ol li button p ul {
  list-style-type: disc;
}
.article-sources ol li div {
  display: flex;
}
.article-sources ol li div span:first-of-type {
  margin-right: 0.5rem;
}
.article-sources ol li:target::before {
  content: "";
  display: block;
  height: 12.813rem;
  margin-top: -12.813rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-sources ol li:target::before {
    height: 15.313rem;
    margin-top: -15.313rem;
  }
}
.award-cards-wrapper {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  row-gap: 2.5rem;
  margin: 0 auto;
  padding: 3.75rem 1rem;
  max-width: 77rem;
}
.light .award-cards-wrapper .award-card {
  background: #f4f4f4;
}
.light .award-cards-wrapper .kite-button .kite-icon__inner svg {
  fill: #026ad9;
}
.dark .award-cards-wrapper .award-card {
  background: #002a47;
}
.dark .award-cards-wrapper .kite-button .kite-icon__inner svg {
  fill: #1995f2;
}
.award-cards .award-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 1rem;
  padding: 1.5rem;
  margin-bottom: 0;
}
.award-cards .award-card .img {
  flex: 1 1 auto;
  height: 100%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.award-cards .award-card .img .gatsby-image-wrapper {
  height: 100%;
}
.award-cards .award-card .award-card-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
}
.award-cards .award-card .award-card-content h3 {
  margin: 1rem 0;
}
.award-cards .award-card .award-card-content .buttons {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 2rem;
}
.award-cards .award-card .award-card-content .buttons .reach-button {
  padding: 0;
  line-height: 1.25;
  min-width: 0;
  height: auto;
}
@media only screen and (min-width: 37.5rem) {
  .award-cards-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding: 2.5rem 1rem;
  }
  .award-cards .award-card {
    flex: 0 1 46.875rem;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 1rem;
    column-gap: 1.25rem;
    padding: 1rem;
  }
  .award-cards .award-card .img {
    max-width: 11.25rem;
    flex: 1 0 11.25rem;
  }
  .award-cards .award-card .img .gatsby-image-wrapper {
    height: 100%;
  }
  .award-cards .award-card .award-card-content h3 {
    margin-top: 1rem;
  }
  .award-cards .award-card .award-card-content .buttons {
    margin-top: auto;
  }
  .award-cards.dark .award-cards-wrapper .award-card {
    padding: 1rem;
  }
}
@media only screen and (min-width: 80rem) {
  .award-cards-wrapper {
    justify-content: space-between;
    padding: 3.75rem 0;
  }
  .award-cards .award-card {
    flex: 0 1 36.625rem;
  }
}
.award.themed-container {
  padding: 0;
  color: #026ad9;
}
.award.themed-container.dark {
  color: #1995f2;
}
.award-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 1rem;
  max-width: 77rem;
  margin: 0 auto;
}
.award .award-link {
  align-self: center;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex: 1 0 100%;
  column-gap: 1.25rem;
  margin-bottom: 0;
  padding: 1rem 0;
}
.award .award-link .img {
  flex: 0 0 5.625rem;
}
.award .award-link p {
  flex: 1 1 auto;
  display: inline-flex;
}
.award .award-link .buttons {
  align-self: stretch;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
}
.award .award-link .buttons .reach-button {
  justify-content: flex-end;
  height: 100%;
  padding: 0;
  min-width: 0;
}
.award .award-link .buttons .reach-button > span.right {
  align-self: flex-end;
  margin-bottom: 0.125rem;
}
@media only screen and (min-width: 37.5rem) {
  .award-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
  .award .award-link {
    padding: 1rem;
    flex: 0 1 46.875rem;
  }
  .award .award-link .img {
    flex: 0 0 6.25rem;
  }
}
@media only screen and (min-width: 80rem) {
  .award-wrapper {
    justify-content: space-between;
    max-width: 84.5rem;
  }
  .award .award-link {
    flex: 0 1 36.625rem;
    padding: 1rem 0;
    align-self: stretch;
    max-width: 36.625rem;
  }
}
.data-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}
.data-card p {
  display: flex;
  align-items: center;
  line-height: 1;
  justify-content: center;
  width: 100%;
  font-weight: 800;
}
.data-card p:first-of-type {
  border-bottom: 2px solid;
}
.data-card .caption {
  width: 100%;
  text-align: center;
  font-weight: 500;
  margin: 0;
}
.light .data-card {
  background: #f4f4f4;
}
.light .data-card p {
  color: #000000;
  border-color: #f25d0d;
}
.light .data-card p .kite-icon {
  color: #f25d0d;
}
.light .data-card .caption {
  color: #000000;
}
.dark .data-card {
  background: #002a47;
}
.dark .data-card p {
  color: #ffffff;
  border-color: #fd8331;
}
.dark .data-card p .kite-icon {
  color: #fd8331;
}
.dark .data-card .caption {
  color: #ffffff;
}

.data-cards.lg .data-card {
  width: 14.75rem;
  height: 14.75rem;
  padding: 3rem 1.125rem 0 1.125rem;
}
.data-cards.lg .data-card p {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 3rem;
  gap: 0.875rem;
}
.data-cards.lg .data-card p .kite-icon {
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.data-cards.lg .data-card .caption {
  font-size: 1.5rem;
}

.data-cards.md .data-card {
  width: 12.5rem;
  height: 12.5rem;
  padding: 2.5rem 1.25rem 0 1.25rem;
}
.data-cards.md .data-card p {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 2.625rem;
  gap: 0.875rem;
}
.data-cards.md .data-card p .kite-icon {
  width: 2.125rem !important;
  height: 2.125rem !important;
}
.data-cards.md .data-card .caption {
  font-size: 1.25rem;
}

.data-cards.sm .data-card {
  width: 8.25rem;
  height: 8.25rem;
  padding: 1.875rem 0.5rem 0 0.5rem;
}
.data-cards.sm .data-card p {
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 2.25rem;
  gap: 0.25rem;
}
.data-cards.sm .data-card p .kite-icon {
  width: 1.75rem !important;
  height: 1.75rem !important;
}
.data-cards.sm .data-card .caption {
  font-size: 0.875rem;
}
.data-cards > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.data-cards > div h2 {
  margin-bottom: 3.375rem;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
@media only screen and (min-width: 52.5rem) {
  .data-cards > div h2 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
}
.data-cards > div ul {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}
.data-cards > div ul.lg {
  gap: 2.5rem;
}
.data-cards > div ul.md {
  gap: 1.75rem;
}
.data-cards > div ul.sm {
  gap: 1rem;
}
@media only screen and (min-width: 52.5rem) {
  .data-cards > div ul {
    flex-direction: row;
  }
}
.data-cards p.ext-cs-msg {
  font-size: 0.75rem;
  font-weight: normal;
  padding: 0.25rem;
}
.data-cards.sm {
  margin: 2.5rem 0 0 0;
  padding: 0;
}
.data-cards.sm ul.sm {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 52.5rem) {
  .data-cards.sm > div {
    align-items: flex-start;
  }
}
.data-cards.no-bg {
  background: none;
}
.light .accent {
  color: #f25d0d;
}
.dark .accent {
  color: #fd8331;
}
.tagged-image {
  position: relative;
  overflow: hidden;
}
.tagged-image.rounded {
  aspect-ratio: 1/1;
  border-radius: 0.125rem;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translate(0, 0, 0);
}
.tagged-image > .gatsby-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.tagged-image figcaption {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  background: #fd8331;
  color: #000000;
}
.tagged-image figcaption.light {
  background: #ffffff;
}
.tagged-image figcaption span {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.tagged-image figcaption span .kite-icon {
  margin-right: 0.5rem;
}
.tagged-image figcaption p {
  margin: 0;
  font-size: 0.9375rem;
}
.tagged-image figcaption.left {
  left: 0;
}
.tagged-image figcaption.right {
  right: 0;
}
.tagged-image figcaption .gatsby-image-wrapper {
  height: 3rem;
}
.c--text-content {
  word-break: break-word;
}
.c--text-content h1, .c--text-content h2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.c--text-content h1 > *, .c--text-content h2 > * {
  order: 2;
}
.c--text-content h1 .eyebrow:not(:last-child), .c--text-content h2 .eyebrow:not(:last-child) {
  margin-bottom: 0.5rem;
  order: 1;
}
.c--text-content h1:not(:last-child), .c--text-content h2:not(:last-child) {
  margin: 0 0 1rem 0;
}
.c--text-content div {
  width: 100%;
}
.c--text-content .body > * {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--text-content .body > * {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.c--text-content .body p {
  margin: 0;
}
.c--text-content .body p:not(:last-child) {
  margin-bottom: 1rem;
}
.c--text-content .body li {
  list-style: disc;
}
.c--text-content .buttons {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.c--text-content .buttons:only-child {
  justify-content: center;
  margin: 0 0 2.5rem 0;
}
@media only screen and (min-width: 52.5rem) {
  .c--text-content .buttons:only-child {
    margin: 0 0 3.75rem 0;
  }
}

.center .c--text-content {
  text-align: center;
}
.center .c--text-content .buttons {
  justify-content: center;
}
.case-study-preview {
  padding: 3.75rem 0;
}
.case-study-preview .kite-container {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}
.case-study-preview .kite-container .cs--image-wrapper {
  order: 2;
  z-index: 0;
  border-radius: 0.125rem;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translate(0, 0, 0);
}
.case-study-preview .kite-container .cs--context {
  order: 1;
  z-index: 2;
}
@media only screen and (min-width: 52.5rem) {
  .case-study-preview .kite-container {
    flex-direction: row;
    align-items: center;
  }
  .case-study-preview .kite-container .cs--image-wrapper {
    width: 50%;
    margin-top: 0;
    order: 1;
  }
  .case-study-preview .kite-container .cs--context {
    order: 2;
  }
}
.themed-container.c--two-column-text-image {
  padding: 3.75rem 0;
  max-width: none;
}
.themed-container.c--two-column-text-image .kite-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}
.themed-container.c--two-column-text-image .kite-container .gatsby-image-wrapper {
  width: auto;
  order: 1;
  aspect-ratio: 2880/2383;
}
.themed-container.c--two-column-text-image .kite-container .text {
  order: 2;
}
@media only screen and (min-width: 37.5rem) {
  .themed-container.c--two-column-text-image .kite-container {
    justify-content: center;
    gap: 3.75rem;
    align-items: center;
    flex-direction: row;
  }
  .themed-container.c--two-column-text-image .kite-container.left .conditional-wrapper,
  .themed-container.c--two-column-text-image .kite-container.left .gatsby-image-wrapper {
    order: 1;
  }
  .themed-container.c--two-column-text-image .kite-container.left .text {
    order: 2;
  }
  .themed-container.c--two-column-text-image .kite-container .conditional-wrapper,
  .themed-container.c--two-column-text-image .kite-container .gatsby-image-wrapper {
    aspect-ratio: 608/509;
    flex: 1 1 38rem;
    order: 2;
  }
  .themed-container.c--two-column-text-image .kite-container .text {
    flex: 1 1 35.25rem;
    order: 1;
  }
}
.two-column-children {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
.two-column-children li {
  display: flex;
  flex-direction: row;
  gap: 1rem 1.5rem;
  padding-left: 0;
  align-items: center;
}
.two-column-children ul {
  padding-left: 0;
}
.two-column-children .city-block-market {
  margin-bottom: 1rem;
}
.two-column-children .buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.two-column-children .market-details-button {
  margin-bottom: 2rem;
}
.two-column-children .list-city-block {
  margin-bottom: 2rem;
}
.two-column-children .list-city-block .map-icon-container {
  height: 100%;
}
.c--contact-us .kite-container {
  padding-top: 2.5rem;
}
.c--contact-us .kite-container .c--text-content .body > * {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--contact-us .kite-container .c--text-content .body > * {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.c--contact-us .kite-container .iframe-container {
  margin-top: 2.5rem;
  padding: 2rem 1rem;
}
.c--contact-us .kite-container .iframe-container.light {
  background: #ffffff;
  color: #000000;
}
.c--contact-us .kite-container .iframe-container.dark {
  background: #002139;
  color: #ffffff;
}
.c--contact-us .kite-container .iframe-container iframe {
  border: 0;
  height: 68rem;
  width: 100%;
}
.c--contact-us .kite-container ul {
  display: flex;
  flex-direction: column;
  padding: 2.5rem 0;
  gap: 2.5rem;
}
.c--contact-us .kite-container ul li {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  margin: 0;
  padding: 0;
}
.c--contact-us .kite-container ul li .gatsby-image-wrapper {
  aspect-ratio: 1/1;
  flex: 0 0 5.5rem;
}
.c--contact-us .kite-container ul li .icon-text > * {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--contact-us .kite-container ul li .icon-text > * {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media only screen and (min-width: 52.5rem) {
  .c--contact-us .kite-container {
    column-gap: 2rem;
    display: grid;
    justify-content: space-between;
    grid-template-areas: "contact-text iframe" "icons iframe";
    grid-template-columns: minmax(40%, 31.5rem) minmax(47%, 36.625rem);
    grid-template-rows: min-content 1fr;
    padding-top: 0;
  }
  .c--contact-us .kite-container .c--text-content {
    grid-area: contact-text;
    padding-top: 0;
  }
  .c--contact-us .kite-container .iframe-container {
    align-self: flex-start;
    grid-area: iframe;
    margin-top: 0;
    padding: 2.5rem 3rem;
  }
  .c--contact-us .kite-container ul {
    grid-area: icons;
    padding: 5rem 0 5rem 0;
  }
}
@media only screen and (min-width: 60rem) {
  .c--contact-us .kite-container {
    grid-template-columns: minmax(40%, 31.5rem) minmax(47%, 36.625rem);
  }
  .c--contact-us .kite-container .iframe-container {
    padding: 3.625rem 5.375rem;
  }
}
.stackable + .embedded-image {
  margin-top: 4rem;
}

.embedded-image.inline {
  padding: 2.5rem 0;
}
.embedded-image figcaption {
  margin: 0.75rem 0 0 0;
}
.stackable + .embedded-video {
  margin-top: 4rem;
}

.embedded-video.inline {
  padding: 2.5rem 0;
}
.embedded-video .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.embedded-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.embedded-video figcaption {
  margin: 0.75rem 0 0 0;
}
.c--external-form .kite-container {
  max-width: 50rem;
  margin: 0 auto;
}
.c--external-form h2 {
  margin: 0 0 1rem 0;
}
.c--external-form h2.center {
  text-align: center;
}
.c--external-form h2.center ~ .typestack-body-1 > p {
  text-align: center;
}
.c--external-form .iframe-container {
  margin-top: 0;
  padding: 2rem 0;
  background-color: white;
}
.c--external-form .iframe-container.dark {
  margin-top: 2rem;
  padding: 2rem 1rem;
}
.c--external-form .iframe-container.light {
  color: #000000;
}
.c--external-form .iframe-container.dark {
  color: #ffffff;
}
.c--external-form .iframe-container iframe {
  display: block;
  border: 0;
  margin: 0 auto;
  height: 68rem;
}
@media (min-width: 832px) {
  .c--external-form .kite-container {
    padding: 0;
  }
}
.c--four-column.inlinecard {
  width: fit-content;
  margin: 0 auto;
}
.c--four-column .kite-container {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.c--four-column .kite-container.center .column {
  text-align: center;
}
.c--four-column .kite-container.left .column {
  text-align: left;
}
.c--four-column .kite-container.left .column h2,
.c--four-column .kite-container.left .column .text {
  width: 100%;
}
.c--four-column .kite-container .column {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.c--four-column .kite-container .column h2 {
  order: 2;
}
.c--four-column .kite-container .column h2:not(:last-child) {
  margin-bottom: 1rem;
}
.c--four-column .kite-container .column .text {
  order: 3;
}
.c--four-column .kite-container .column .text p {
  font-size: 0.875rem;
}
.c--four-column .kite-container .column .buttons {
  margin-top: 1.25rem;
  order: 4;
}
.c--four-column .kite-container .column p:not(:last-child) {
  margin-bottom: 0.75rem;
}
.c--four-column .kite-container .column .img {
  padding: 0 1rem;
  width: 50%;
  max-width: 8rem;
  order: 1;
}
.c--four-column .kite-container .column .img .gatsby-image-wrapper:not(:first-child) {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 37.5rem) {
  .c--four-column .kite-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 1fr;
  }
  .c--four-column .kite-container.fullwidth {
    column-gap: 1.34375rem;
  }
  .c--four-column .kite-container.inlinecard {
    padding-left: 2.375rem;
    padding-right: 2.375rem;
    column-gap: 0.9375rem;
  }
  .c--four-column .kite-container .column .img {
    width: 100%;
  }
}
@media only screen and (min-width: 52.5rem) {
  .c--four-column .kite-container.fullwidth {
    column-gap: 2.6875rem;
  }
  .c--four-column .kite-container.inlinecard {
    column-gap: 1.875rem;
  }
}
@media only screen and (min-width: 80rem) {
  .c--four-column .kite-container.fullwidth {
    column-gap: 5.375rem;
  }
  .c--four-column .kite-container.inlinecard {
    column-gap: 3.75rem;
  }
}
.infographic .kite-meter {
  margin: 2.5rem 0;
}
.infographic .kite-meter__progress-group, .infographic .kite-meter__progress {
  height: 13.25rem;
  width: 13.25rem;
}
.infographic .kite-meter__value-group {
  justify-content: center;
  gap: 0.25rem;
  height: 5.375rem;
  width: 5.875rem;
}
.infographic .kite-meter__value-group .kite-meter__label {
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0;
}
.infographic .kite-meter__value-group .kite-meter__value-label {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 0;
}
.infographic .kite-meter__progress-group {
  display: flex;
  justify-content: center;
}
.infographic .kite-meter__progress-fill {
  stroke: #f25d0d;
}
.infographic .kite-tabs__tablist {
  border-bottom: 1px solid #bec6cc;
  display: flex;
  flex-wrap: nowrap;
  overflow-y: hidden;
  width: 100%;
}
.infographic .kite-tabs__tablist button {
  flex: 1 0 12.75rem;
  height: 3.5rem;
  padding: 1rem;
  transition: border-bottom 0.08s ease-in;
}
.infographic .kite-tabs__tablist button:hover {
  border-bottom: 3px solid #bec6cc;
}
.infographic .kite-tabs__panels {
  margin: 2.5rem 0;
  padding: 0;
}
.infographic .kite-tabs__panel {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.infographic .kite-tabs__panel .text-container .text {
  display: none;
}
.infographic .kite-tabs__panel > div:last-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.infographic .kite-tabs__ink-bar {
  border-bottom: 3px solid #0271eb;
}
@media only screen and (min-width: 52.5rem) {
  .infographic .kite-tabs__tablist {
    margin: 0 auto;
    width: 51rem;
  }
  .infographic .kite-tabs__panels {
    margin: 2.5rem auto;
    width: 51rem;
  }
  .infographic .kite-tabs__tablist > div {
    justify-content: center;
  }
  .infographic .kite-tabs__panel {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4.125rem;
  }
  .infographic .kite-tabs__panel .text-container {
    display: flex;
    flex: 1 0 25rem;
    flex-direction: column;
    justify-content: center;
  }
  .infographic .kite-tabs__panel .text-container .text {
    display: block;
    margin-top: 1rem;
  }
}
.quiz-card {
  padding: 1.25rem;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.5s;
}
.quiz-card fieldset {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.375rem;
}
@media only screen and (min-width: 52.5rem) {
  .quiz-card fieldset {
    margin-bottom: 1.375rem;
    gap: 1.25rem;
  }
}
.quiz-card fieldset .radio {
  position: relative;
}
.quiz-card fieldset .radio input[type=radio] {
  appearance: none;
  font-size: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
  z-index: 2;
}
.quiz-card fieldset .radio input[type=radio]:checked + label, .quiz-card fieldset .radio input[type=radio]:hover + label {
  background: #0271eb;
  color: #ffffff;
}
.quiz-card fieldset .radio input[type=radio]:not(:checked) + label .check {
  display: none;
}
.quiz-card fieldset .radio label {
  border-radius: 8rem;
  padding: 0.75rem 3.125rem;
  border: 1px solid #0271eb;
  color: #0271eb;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
  text-align: center;
  font-weight: 500;
  z-index: 1;
  transition: background 0.25s, color 0.25s;
}
.quiz-card fieldset .radio label .check {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 1.5rem;
  bottom: revert;
  align-self: center;
}
@media only screen and (min-width: 52.5rem) {
  .quiz-card fieldset .radio label {
    padding: 1.25rem 3.125rem;
  }
}
.quiz-card fieldset legend {
  margin-bottom: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 52.5rem) {
  .quiz-card fieldset legend {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.quiz-card.light {
  background: #f4f4f4;
  color: #000000;
}
.quiz-card.light fieldset legend {
  color: #5a6e7d;
}
.quiz-card.light button:not([disabled]) {
  color: #0271eb;
}
.quiz-card.light button:not([disabled]):hover, .quiz-card.light button:not([disabled]):focus {
  color: #024fea;
}
.quiz-card.dark {
  background: #002a47;
  color: #ffffff;
}
.quiz-card.dark fieldset legend {
  color: #bec6cc;
}
.quiz-card.dark button:not([disabled]) {
  color: #0271eb;
}
.quiz-card.dark button:not([disabled]):hover, .quiz-card.dark button:not([disabled]):focus {
  color: #ffffff;
}
.quiz-card .nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.quiz-card .nav button {
  background: none;
  outline: none;
  border: none;
  display: flex;
  font-size: 1rem;
  align-items: center;
  gap: 0.5rem;
  border: 2px solid transparent;
  height: 2rem;
  padding: 0;
}
.quiz-card .nav button:not([disabled]) {
  cursor: pointer;
}
.quiz-card .nav button:focus {
  border: 2px solid #0271eb;
}
.quiz-card.first .nav {
  justify-content: flex-end;
}
@media only screen and (min-width: 52.5rem) {
  .quiz-card {
    padding: 2.5rem 1.25rem;
  }
}
.quiz-stepper {
  margin-bottom: 1.25rem;
}
.quiz-stepper ul {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0;
  padding: 0;
}
.quiz-stepper ul li {
  background: #bec6cc;
  height: 0.25rem;
  border-radius: 1rem;
  margin: 0;
  padding: 0;
  flex: 1 0 auto;
  margin-bottom: 1rem;
}
.light .quiz-stepper ul li.active {
  background: #f25d0d;
}
.dark .quiz-stepper ul li.active {
  background: #fd8331;
}
@media only screen and (min-width: 52.5rem) {
  .quiz-stepper ul li {
    max-width: 4rem;
  }
}
.light .quiz-stepper .accent {
  color: #f25d0d;
}
.dark .quiz-stepper .accent {
  color: #fd8331;
}

.complete .quiz-stepper {
  margin-bottom: 5rem;
}
.light .complete .quiz-stepper .kite-icon__inner svg {
  fill: #002139;
}
.dark .complete .quiz-stepper .kite-icon__inner svg {
  fill: #002139;
}
.complete .quiz-stepper ul li:last-of-type {
  display: flex;
  flex: 0 1 auto;
  height: 2rem;
  width: 2rem;
}
.complete .quiz-stepper ul li:last-of-type .kite-icon {
  margin: auto;
}
section.quiz-container {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
  overflow: hidden;
}
section.quiz-container form.quiz {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
section.quiz-container form.quiz.complete h2 {
  margin: 1.25rem 0 1rem 0;
}
section.quiz-container form.quiz.complete > ul li {
  display: none;
}
section.quiz-container form.quiz.complete > ul li:last-of-type {
  display: block;
  padding: 0;
  background: none;
}
section.quiz-container form.quiz.complete > ul li .gatsby-image-wrapper {
  aspect-ratio: 1/1;
  border-radius: 0.125rem;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translate(0, 0, 0);
}
section.quiz-container form.quiz > ul {
  margin: 1.25rem 0 0 0;
  padding: 0;
  min-width: 100%;
  max-width: 100%;
  overflow: hidden;
  display: grid;
  grid-auto-columns: 100%;
  grid-template-rows: 1fr;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}
section.quiz-container form.quiz > ul li {
  grid-row: 1;
  scroll-snap-align: start;
}
section.quiz-container form.quiz > ul li:last-of-type {
  display: none;
}
section.quiz-container form.quiz h3 {
  margin: 2.5rem 0;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
@media only screen and (min-width: 52.5rem) {
  section.quiz-container form.quiz h3 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
}
@media only screen and (min-width: 37.5rem) {
  section.quiz-container form.quiz {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (min-width: 52.5rem) {
  section.quiz-container form.quiz {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
  }
  section.quiz-container form.quiz .quiz-stepper {
    padding-top: 1rem;
    margin-bottom: 6.25rem;
    margin-bottom: 5rem;
  }
  section.quiz-container form.quiz > ul {
    margin: 0;
    max-width: 27.25rem;
    min-width: 27.25rem;
  }
  section.quiz-container form.quiz > ul li {
    margin-top: 0;
  }
  section.quiz-container form.quiz h3 {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 2.875rem;
  }
}
@media only screen and (min-width: 52.5rem) and (min-width: 52.5rem) {
  section.quiz-container form.quiz h3 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
@media only screen and (min-width: 80rem) {
  section.quiz-container form.quiz {
    padding: 3.75rem 6.5rem;
    gap: 9.375rem;
  }
}
section.quiz-container .buttons {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 52.5rem) {
  section.quiz-container {
    padding: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media only screen and (min-width: 52.5rem) {
  section.quiz-container form.kite-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  section.quiz-container .buttons {
    align-items: center;
    gap: 1rem;
  }
}
@keyframes slideIn {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.c--toast {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  padding: var(--kite-spacing-md);
  color: #000000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  animation: slideIn 0.3s ease-out;
  gap: 1rem;
  border-radius: var(--kite-border-radius-md);
  border: var(--kite-border-width) solid #d6312b;
  background-color: var(--kite-color-negative-muted);
}
.c--toast--success {
  border: var(--kite-border-width) solid #007664;
  background: rgba(20, 178, 160, 0.1);
}
.c--toast__message {
  flex: 1 1;
}
.c--toast__message strong {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
}
.c--toast__message br {
  font-weight: 400;
}
@media only screen and (min-width: 52.5rem) {
  .c--toast__message br {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
.c--toast__message a {
  font-weight: 500;
  font-size: 1rem;
  color: #000000;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 1rem;
}
.c--toast__message a:hover {
  color: #000000;
}
.c--toast__close {
  position: absolute;
  top: calc(var(--kite-spacing-xs, 0.5rem) + 0.1rem);
  right: calc(var(--kite-spacing-xs, 0.5rem) + 0.1rem);
  background: none;
  border: none;
  color: #000000;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.c--toast__close:hover {
  opacity: 1;
}
.c--toast__close:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes scaleOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.5);
  }
}
.calculator-dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(55, 57, 62, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: fadeIn 0.3s ease-out;
}
.calculator-dialog-overlay.closing {
  animation: fadeOut 0.3s ease-out;
}
.calculator-dialog-overlay .dialog-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: white;
  padding: 1rem 0 1.5rem;
  border-radius: 0.5rem;
  max-width: 30.625rem;
  width: 90%;
  text-align: center;
  position: relative;
  animation: scaleIn 0.3s ease-out;
}
.closing .calculator-dialog-overlay .dialog-content {
  animation: scaleOut 0.3s ease-out;
}
.calculator-dialog-overlay .dialog-content .dialog-close-button {
  padding: 0;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
}
.light .calculator-dialog-overlay .dialog-content .dialog-close-button {
  color: #000000;
}
.dark .calculator-dialog-overlay .dialog-content .dialog-close-button {
  color: #ffffff;
}
.calculator-dialog-overlay .dialog-content .dialog-loader-wrap {
  position: relative;
  margin-top: 1rem;
}
.calculator-dialog-overlay .dialog-content .dialog-loader-wrap,
.calculator-dialog-overlay .dialog-content .kite-progress__icons {
  width: 3.4375rem;
  height: 3.4375rem;
}
.calculator-dialog-overlay .dialog-content .dialog-label {
  margin-top: 1rem;
}
.calculator-dialog-overlay .dialog-content .dialog-slider {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1.5rem 0 1rem;
  min-height: 13.125rem;
  max-width: 30.625rem;
  overflow: hidden;
  background-color: #ffffff;
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.5rem 2rem;
  transform: translateX(100%);
  transition: opacity 0.66s ease-in-out, transform 0.66s ease-in-out;
  opacity: 0;
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide.current {
  opacity: 1;
  transform: translateX(0%);
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide.prev {
  opacity: 0;
  transform: translateX(-100%);
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide.next {
  opacity: 0;
  transform: translateX(100%);
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner {
  display: grid;
  grid-template-rows: min-content min-content;
  grid-template-columns: min-content minmax(0, 1fr);
  grid-template-areas: "icon slideTitle" "slideCopy slideCopy";
  row-gap: 0.5rem;
  column-gap: 0.75rem;
  width: 100%;
  height: 100%;
  padding: 1.5rem 2rem;
  border: 1px solid rgba(216, 221, 230, 0.4);
  border-radius: 0.5rem;
  background-color: rgba(216, 221, 230, 0.4);
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner-icon {
  grid-area: icon;
  width: 2rem;
  height: 2rem;
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner-title {
  grid-area: slideTitle;
  display: flex;
  justify-content: center;
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner-title span {
  text-align: left;
  align-self: center;
  width: 100%;
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner-copy {
  grid-area: slideCopy;
  display: flex;
}
.calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner-copy p {
  text-align: left;
  align-self: center;
  width: 100%;
}
.calculator-dialog-overlay .dialog-content .slide-indicators {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  column-gap: 0.375rem;
}
.calculator-dialog-overlay .dialog-content .slide-dot {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #bec6cc;
  border-radius: 0.6875rem;
  transition: width 0.33s ease-in-out, background-color 0.33s ease-in-out;
}
.calculator-dialog-overlay .dialog-content .slide-dot.active {
  width: 2rem;
  border-radius: 0.6875rem;
  background-color: #000000;
  transition: width 0.33s ease-in-out, background-color 0.33s ease-in-out;
}
@media (min-width: 490px) {
  .calculator-dialog-overlay .dialog-content {
    padding: 2rem 0 1.5rem;
  }
  .calculator-dialog-overlay .dialog-content .dialog-loader-wrap {
    margin: 0.5625rem;
  }
  .calculator-dialog-overlay .dialog-content .dialog-label {
    margin-top: 1.5rem;
  }
  .calculator-dialog-overlay .dialog-content .dialog-slider__slide {
    padding: 2rem 1rem 1.5rem;
  }
  .calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner {
    padding: 2rem 2rem 1.5rem;
    grid-template-columns: min-content 1fr;
    grid-template-rows: minmax(min-content, 26px) 1fr;
    grid-template-areas: "icon slideTitle" "icon slideCopy";
  }
  .calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner-icon {
    width: 3.75rem;
    height: 3.75rem;
  }
  .calculator-dialog-overlay .dialog-content .dialog-slider__slide .slide__inner-copy p {
    align-self: stretch;
  }
  .calculator-dialog-overlay .dialog-content .slide-indicators {
    margin: 1rem;
  }
  .calculator-dialog-overlay .dialog-content .slide-dot {
    width: 0.625rem;
    height: 0.625rem;
  }
  .calculator-dialog-overlay .dialog-content .slide-dot.active {
    width: 2.625rem;
    height: 0.625rem;
  }
}
.c--single-column-dynamic-form {
  padding: 0 0 3.75rem 0;
}
.c--single-column-dynamic-form .kite-container {
  padding: 0;
}
.c--single-column-dynamic-form .dynamic-form-heading {
  padding: 3.75rem 1rem 2rem 1rem;
}
.c--single-column-dynamic-form.white .kite-container, .c--single-column-dynamic-form.light .kite-container {
  padding: 0;
}
.c--single-column-dynamic-form.white .dynamic-form-heading, .c--single-column-dynamic-form.light .dynamic-form-heading {
  padding: 3.75rem 0rem 2rem 0rem;
}
.c--single-column-dynamic-form.white .dynamic-form, .c--single-column-dynamic-form.light .dynamic-form {
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem 1rem;
}
.c--single-column-dynamic-form.white .dynamic-form .form-wrapper, .c--single-column-dynamic-form.light .dynamic-form .form-wrapper {
  padding: 0;
}
@keyframes expandHeight {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 37.5rem;
  }
}
.c--media-calculator {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 2.5rem 1rem 2rem 1rem;
}
.c--media-calculator.light {
  background: #f4f4f4;
}
.c--media-calculator.light {
  border-color: #bec6cc;
}
.c--media-calculator.light form label {
  color: #000000;
}
.c--media-calculator.light form .calculated-inputs .calculating {
  color: #9ba9bd;
}
.c--media-calculator.light form .buttons .kite-button.reach-button.secondary:disabled {
  border-color: #026ad9;
  color: #63738a;
}
.c--media-calculator.light form .buttons .kite-button.reach-button.borderless:disabled .kite-icon__inner svg {
  fill: #9ba9bd;
}
.c--media-calculator.dark {
  border-color: #31475e;
}
.c--media-calculator.dark form label {
  color: #ffffff;
}
.c--media-calculator.dark form .calculated-inputs .calculating {
  color: #9ba9bd;
}
.c--media-calculator.dark form .buttons .kite-button.reach-button.secondary:disabled {
  border-color: #1995f2;
  color: #ffffff;
}
.c--media-calculator.dark form .buttons .kite-button.reach-button.borderless:disabled .kite-icon__inner svg {
  fill: #63738a;
}
.c--media-calculator__wrapper {
  display: grid;
  grid: repeat(4, min-content)/1fr;
  row-gap: 1.5rem;
}
.c--media-calculator__form {
  margin-top: 1.25rem;
  padding: 1.25rem 1.25rem 0 1.25rem;
}
.c--media-calculator__form .typestack-eyebrow {
  text-align: center;
}
.c--media-calculator__form form {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(6, min-content);
  row-gap: 1.5rem;
  margin-top: 1.5rem;
  justify-items: stretch;
}
.c--media-calculator__form form > * {
  min-width: 0;
}
.c--media-calculator__form form .kite-text-input,
.c--media-calculator__form form .kite-select {
  max-width: none;
}
.c--media-calculator__form form .kite-text-input__label-group, .c--media-calculator__form form .kite-text-input__input-group,
.c--media-calculator__form form .kite-select__label-group,
.c--media-calculator__form form .kite-select__input-group {
  max-width: none;
}
.c--media-calculator__form form .zip-code .kite-popover {
  --background-color: #002a47;
  --arrow-color: #002a47;
  --kite-popover-text-color: #ffffff;
  --kite-popover-trigger-disabled-icon-color: #717182;
  --kite-popover-trigger-icon-color: #717182;
  color: #ffffff;
}
.c--media-calculator__form form .zip-code .kite-popover .kite-popover__content {
  color: #ffffff;
}
.c--media-calculator__form form .zip-code .kite-popover .kite-popover__text {
  max-width: 17.375rem;
  padding: 0.625rem;
}
.c--media-calculator__form form .zip-code .kite-popover .kite-popover__trigger .kite-icon {
  --color: var(--kite-popover-trigger-disabled-icon-color);
}
.c--media-calculator__form form .zip-code .kite-popover .kite-popover__trigger .kite-popover__icon-default {
  display: inherit !important;
}
.c--media-calculator__form form .zip-code .kite-popover .kite-popover__trigger .kite-popover__icon-emphasized {
  display: none !important;
}
.c--media-calculator.dark .c--media-calculator__form form .zip-code .kite-popover {
  --background-color: #f4f4f4;
  --arrow-color: #f4f4f4;
  --kite-popover-text-color: #000000;
  --kite-popover-trigger-disabled-icon-color: #717182;
  --kite-popover-trigger-icon-color: #717182;
  --kite-popover-trigger-expanded-icon-color: #717182;
  --kite-popover-trigger-focus-icon-color: #717182;
  --active-icon-color: #717182;
  --expanded-icon-color: #717182;
  --focus-icon-color: #717182;
  --icon-color: #717182;
  color: #000000;
}
.c--media-calculator.dark .c--media-calculator__form form .zip-code .kite-popover .kite-popover__content {
  color: #000000;
}
.c--media-calculator.dark .c--media-calculator__form form .zip-code .kite-popover .kite-popover__trigger svg {
  background: radial-gradient(circle, #ffffff 60%, transparent 61%);
}
.c--media-calculator.dark .c--media-calculator__form form .zip-code .kite-popover .kite-popover__trigger .kite-popover__icon-default {
  display: inherit !important;
}
.c--media-calculator.dark .c--media-calculator__form form .zip-code .kite-popover .kite-popover__trigger .kite-popover__icon-emphasized {
  display: none !important;
}
.c--media-calculator__form form .buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 1rem;
}
.c--media-calculator__form form .buttons .kite-icon {
  width: 1rem;
  height: 1rem;
}
.c--media-calculator__form form .buttons .kite-icon__inner svg {
  fill: var(--color);
}
.c--media-calculator__results {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 1rem;
  align-self: center;
  padding: 1.5rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
  overflow: hidden;
  position: relative;
  color: #000000;
}
.c--media-calculator__results .typestack-eyebrow {
  color: #63738a;
}
.c--media-calculator__results .c--toast {
  position: relative;
  margin-top: 1rem;
}
.c--media-calculator__results .c--toast.error {
  position: absolute;
  top: 4rem;
  left: 1rem;
  right: 1rem;
  margin-top: 0;
}
.c--media-calculator__results h3,
.c--media-calculator__results dl,
.c--media-calculator__results p {
  text-align: center;
}
.c--media-calculator__results .disabled {
  margin: auto auto;
  align-self: stretch;
  color: #5a6e7d;
}
.c--media-calculator__results figure {
  position: relative;
}
.c--media-calculator__results figure .service-figure {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.c--media-calculator__results figure .service-figure figcaption {
  display: flex;
  justify-content: center;
  column-gap: 1rem;
  width: 100%;
}
.c--media-calculator__results figure .service-figure figcaption dl {
  margin-top: 0;
  flex-direction: row;
  align-items: center;
  column-gap: 0.375rem;
}
.c--media-calculator__results figure .service-figure figcaption dl dd {
  margin-bottom: 0;
}
.c--media-calculator__results figure .service-figure figcaption .marker {
  border-radius: 0.145625rem;
  width: 0.875rem;
  height: 0.875rem;
}
.c--media-calculator__results figure .service-figure figcaption .marker.linear {
  background-color: #1995f2;
}
.c--media-calculator__results figure .service-figure figcaption .marker.streaming {
  background-color: #0271eb;
}
.c--media-calculator__results figure .service-figure .service-chart {
  display: inline-flex;
  column-gap: 0.125rem;
  border-radius: 0.125rem;
  overflow: hidden;
  background-color: #e5e7eb;
  width: 100%;
  height: 1.5rem;
}
.c--media-calculator__results figure .service-figure .service-chart .linear,
.c--media-calculator__results figure .service-figure .service-chart .streaming {
  height: 100%;
  transition: width 0.12s ease-out;
}
.c--media-calculator__results figure .service-figure .service-chart .linear {
  background-color: #1995f2;
}
.c--media-calculator__results figure .service-figure .service-chart .streaming {
  background-color: #0271eb;
}
.c--media-calculator__results figure .service-figure .chart__value {
  display: inline-block;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500;
  width: 100%;
  text-align: center;
}
.c--media-calculator__results dl {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  margin: 1rem 0 0 0;
  max-height: 0;
  overflow: hidden;
  animation: expandHeight 0.3s ease-out 1s forwards;
}
.c--media-calculator__results dl .detail-group {
  display: flex;
  flex-direction: column;
  row-gap: 0.3125rem;
}
.c--media-calculator__results dl .detail-group .calculator-results__icon {
  display: none;
}
.c--media-calculator__results dl .detail-group dd,
.c--media-calculator__results dl .detail-group dt {
  margin: 0;
}
.c--media-calculator__results .results-empty {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 1rem;
}
.c--media-calculator__results .results-empty .disabled {
  flex: 1 0 16.6875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.c--media-calculator__results .reach-button {
  border-top: 1px solid #e5e7eb;
  border-radius: 0px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 0 0;
}
.c--media-calculator__disclaimer {
  text-align: center;
}
.c--media-calculator__disclaimer .disclaimer {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c--media-calculator__disclaimer .disclaimer.expanded {
  display: block;
  overflow: visible;
}
.c--media-calculator__disclaimer .disclaimer-toggle {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  column-gap: 0.25rem;
  font-weight: 500;
  font-size: 0.75rem;
  font-style: normal;
  letter-spacing: -0.1px;
  margin-top: 0.25rem;
}
.light .c--media-calculator__disclaimer .disclaimer-toggle {
  color: #026ad9;
}
.dark .c--media-calculator__disclaimer .disclaimer-toggle {
  color: #1995f2;
}
.c--media-calculator__disclaimer .disclaimer-form {
  padding-top: 1.5rem;
}
.c--media-calculator__disclaimer p {
  font-weight: 500;
  font-size: 0.75rem;
  font-style: normal;
  letter-spacing: -0.1px;
}
@media only screen and (min-width: 52.5rem) {
  .c--media-calculator {
    padding: 0 1.5rem 2rem;
    margin: 0 0 3.75rem 0;
  }
  .c--media-calculator__form {
    padding: 1.25rem 5rem;
  }
  .c--media-calculator__form form {
    grid: repeat(6, min-content)/1fr;
    column-gap: 1.5rem;
    grid-template-areas: "zipCode" "budget" "startMonth" "duration" "calculatedInputs" "recaptcha" "buttons";
    padding: 0 2.71875rem;
  }
  .c--media-calculator__form form .zip-code {
    grid-area: zipCode;
  }
  .c--media-calculator__form form .start-month {
    grid-area: startMonth;
  }
  .c--media-calculator__form form .duration {
    grid-area: duration;
  }
  .c--media-calculator__form form .budget {
    grid-area: budget;
  }
  .c--media-calculator__form form .calculated-inputs {
    grid-area: calculatedInputs;
  }
  .c--media-calculator__form form .recaptcha {
    grid-area: recaptcha;
  }
  .c--media-calculator__form form .buttons {
    grid-area: buttons;
    justify-content: center;
  }
  .c--media-calculator__results {
    margin: 0 calc(5rem + 2.71875rem);
    padding: 1.5rem 2.25rem;
  }
  .c--media-calculator__results dl .detail-group {
    flex: 1 1 4.75rem;
  }
}
@media only screen and (min-width: 80rem) {
  .c--media-calculator {
    padding: 0;
    margin: 3.75rem auto;
    max-width: 77rem;
  }
  .c--media-calculator__wrapper {
    display: grid;
    grid: repeat(3, min-content)/22.25rem 1fr;
    column-gap: 11.875rem;
    row-gap: 2rem;
    grid-template-areas: "form results" "form results" "form disclaimer";
    margin: 0;
    padding: 3.75rem 6.5rem;
  }
  .c--media-calculator__form, .c--media-calculator__disclaimer {
    text-align: left;
    padding: 0;
    margin: 0;
  }
  .c--media-calculator__form {
    grid-area: form;
  }
  .c--media-calculator__form .typestack-eyebrow {
    text-align: left;
  }
  .c--media-calculator__form form {
    grid: min-content min-content min-content min-content min-content min-content/1fr;
    row-gap: 1.25rem;
    padding: 0 0 1rem 0;
    margin-top: 1.25rem;
    height: calc(100% - 1.5rem);
    grid-template-areas: "zipCode " "budget " "startMonth " "duration " "calculatedInputs " "recaptcha" "buttons ";
  }
  .c--media-calculator__form form .buttons {
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 3rem;
  }
  .c--media-calculator__results {
    grid-area: results;
    align-self: end;
    height: 100%;
    max-height: 19.5rem;
    margin: 0;
    transition: max-height 0.12s ease-out;
  }
  .c--media-calculator__results > * {
    flex: 0 1 auto;
  }
  .c--media-calculator__results.expanded {
    max-height: fit-content;
  }
  .c--media-calculator__results h3 {
    text-align: left;
  }
  .c--media-calculator__results figure .service-figure figcaption {
    justify-content: flex-start;
  }
  .c--media-calculator__results dl {
    text-align: left;
  }
  .c--media-calculator__results dl .detail-group {
    flex: 0 1 3.5rem;
    display: grid;
    grid: min-content min-content/min-content 1fr;
    grid-template-areas: "icon question" "icon response";
    column-gap: 1rem;
  }
  .c--media-calculator__results dl .detail-group .calculator-results__icon {
    display: block;
    grid-area: icon;
    align-self: center;
  }
  .c--media-calculator__results dl .detail-group dt {
    grid-area: question;
  }
  .c--media-calculator__results dl .detail-group dd {
    grid-area: response;
  }
  .c--media-calculator__results .results-empty {
    flex: 1 0 auto;
  }
  .c--media-calculator__results .results-empty .disabled {
    flex: 1 0 auto;
  }
  .c--media-calculator__disclaimer {
    grid-area: disclaimer;
  }
  .c--media-calculator .c--toast.error {
    left: 2rem;
  }
}
.c--logo-module {
  padding: 0;
}
.c--logo-module.dark .gatsby-image-wrapper img {
  filter: invert(100%);
}
.c--logo-module .logo-module-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  max-width: 64rem;
  padding: 3.75rem 1rem;
}
.c--logo-module .logo-module-inner .image-set {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5rem;
  gap: min(20vw - 0.75rem, 5rem);
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  padding: 2.5rem 1rem 1rem 0;
  margin-top: 2.5rem;
  width: calc(100% + 1rem);
}
.c--logo-module .logo-module-inner .image-set .gatsby-image-wrapper {
  flex: 1 0 50%;
  max-width: 190px;
}
@media only screen and (min-width: 52.5rem) {
  .c--logo-module .logo-module-inner {
    max-width: 80rem;
  }
  .c--logo-module .logo-module-inner .c--text-content {
    text-align: center;
  }
  .c--logo-module .logo-module-inner .image-set {
    width: 100%;
  }
}
@media only screen and (min-width: 60rem) {
  .c--logo-module .logo-module-inner .image-set {
    justify-content: center;
  }
  .c--logo-module .logo-module-inner .image-set .gatsby-image-wrapper {
    flex: 1 1 50%;
  }
}
@media only screen and (min-width: 80rem) {
  .c--logo-module .logo-module-inner {
    justify-content: center;
  }
  .c--logo-module .logo-module-inner .image-set {
    padding: 2.5rem 1rem 1rem 1rem;
  }
  .c--logo-module .logo-module-inner .image-set .gatsby-image-wrapper {
    flex: 1 1 50%;
  }
}
.news-letter-sign-up iframe {
  width: 100%;
  height: 26rem;
  border: 0;
  max-width: 24rem;
  min-width: 21rem;
}
.news-letter-sign-up .news-letter-grid {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}
.news-letter-sign-up .news-letter {
  width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  .news-letter-sign-up .news-letter {
    width: auto;
  }
}
.news-letter-sign-up .kite-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (min-width: 37.5rem) {
  .news-letter-sign-up .kite-container {
    flex-direction: row;
  }
}
@media only screen and (min-width: 52.5rem) {
  .news-letter-sign-up .kite-container {
    gap: 8.125rem;
  }
}
.news-letter-sign-up .news-letter-body p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .news-letter-sign-up .news-letter-body p {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@charset "UTF-8";
.quote-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: none;
  padding: 5rem 1rem;
  text-align: center;
}
.quote-content figure {
  margin: 0;
  max-width: none;
  padding: 0;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.quote-content blockquote {
  border: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0.625rem;
  justify-content: center;
  padding: 0 2.375rem;
  position: relative;
}
.quote-content blockquote::before, .quote-content blockquote::after {
  position: absolute;
  top: 0;
}
.quote-content blockquote::before {
  content: "“";
  text-align: left;
  left: 0;
}
.quote-content blockquote::after {
  content: "”";
  text-align: right;
  right: 0;
}
.quote-content blockquote > p {
  flex: 0 1 auto;
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 1.2857;
}
.quote-content .author {
  margin-top: 1.25rem;
  margin-bottom: 0;
}
.light .quote-content blockquote::before, .light .quote-content blockquote::after {
  color: #f25d0d;
}
.dark .quote-content blockquote::before, .dark .quote-content blockquote::after {
  color: #fd8331;
}
.quote-content.light blockquote > p {
  color: #000000;
}
.quote-content.light blockquote::before, .quote-content.light blockquote::after {
  color: #f25d0d;
}
.quote-content.light blockquote ~ figcaption {
  color: #f25d0d;
}
.quote-content.dark blockquote > p {
  color: #ffffff;
}
.quote-content.dark blockquote::before, .quote-content.dark blockquote::after {
  color: #fd8331;
}
.quote-content.dark blockquote ~ figcaption {
  color: #fd8331;
}
@media only screen and (min-width: 52.5rem) {
  .quote-content figure {
    max-width: 64rem;
    width: auto;
  }
  .quote-content blockquote {
    display: inline-flex;
    flex: 0 1 auto;
  }
  .quote-content blockquote::before, .quote-content blockquote::after {
    margin-top: -0.5rem;
  }
}
.raw-text ul {
  margin-top: 1rem;
}
.raw-text ul li {
  list-style: disc;
}
.raw-text h4,
.raw-text h5,
.raw-text h6 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.raw-text p {
  margin-bottom: 1.5rem;
}
.c--article-preview {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 18.3125rem;
  /** md only applicable for desktop will get styled as sm on mobile */
}
.c--article-preview.light {
  background: #ffffff;
}
.c--article-preview.light.lg {
  background-color: #f4f4f4;
}
.c--article-preview.light .context-link {
  color: #000000;
}
.c--article-preview.light .context-link:hover .text {
  color: #026ad9;
}
.c--article-preview.light > :first-child .text:hover {
  color: #024fea;
  text-decoration: underline;
}
.c--article-preview.light .eyebrow {
  color: #5a6e7d;
}
.c--article-preview.dark {
  background: #002139;
}
.c--article-preview.dark.lg {
  background-color: #002139;
}
.c--article-preview.dark .context-link {
  color: #ffffff;
}
.c--article-preview.dark .context-link:hover .text {
  color: #026ad9;
}
.c--article-preview.dark > :first-child .text:hover {
  color: #ffffff;
  text-decoration: underline;
}
.c--article-preview.dark .eyebrow {
  color: #bec6cc;
}
.c--article-preview.sm {
  width: auto;
}
.c--article-preview.sm .image-link {
  flex: 0 0 6rem;
}
.c--article-preview.sm .image-link .gatsby-image-wrapper {
  aspect-ratio: 1/1;
}
.c--article-preview.sm .context-link {
  flex: 1 1 auto;
  justify-content: center;
  align-self: stretch;
  padding: 0 0 0 1rem;
}
.c--article-preview.md {
  width: auto;
}
.c--article-preview.md > :first-child .text .summary {
  display: none;
}
.c--article-preview.md .image-link {
  flex: 0 0 6rem;
  padding: 0;
}
.c--article-preview.md .image-link .gatsby-image-wrapper {
  aspect-ratio: 1/1;
}
.c--article-preview.md .context-link {
  flex: 1 1 auto;
  justify-content: center;
  align-self: stretch;
  padding: 0 0 0 1rem;
}
.c--article-preview > :last-child .gatsby-image-wrapper {
  border-radius: 0.125rem;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translate(0, 0, 0);
}
.c--article-preview > :first-child {
  flex: 1 1 auto;
}
.c--article-preview > :first-child h3 {
  word-break: break-word;
  overflow-wrap: break-word;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-preview > :first-child h3 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.c--article-preview > :first-child .summary,
.c--article-preview > :first-child .summary > * {
  word-break: break-word;
  overflow-wrap: break-word;
  font-weight: 400;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-preview > :first-child .summary,
  .c--article-preview > :first-child .summary > * {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
.c--article-preview > :first-child .summary,
.c--article-preview > :first-child .summary > * {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c--article-preview.lg {
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 0;
}
.c--article-preview.lg > :first-child {
  padding-left: 1rem;
  gap: 1rem;
  order: 2;
}
.c--article-preview.lg > :first-child h3 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-preview.lg > :first-child h3 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media only screen and (min-width: 52.5rem) {
  .c--article-preview.lg > :first-child {
    gap: 0.5rem;
  }
}
.c--article-preview.lg > :last-child {
  order: 1;
}
.c--article-preview.lg > :last-child .gatsby-image-wrapper {
  height: 10.25rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-preview.lg > :last-child .gatsby-image-wrapper {
    height: 18.75rem;
  }
}
.c--article-preview.lg .gatsby-image-wrapper {
  aspect-ratio: 64/41;
}
.c--article-preview.lg .image-link {
  width: 100%;
  padding: 1.5rem 1rem 0 1rem;
}
.c--article-preview.lg .context-link {
  width: 100%;
  padding: 1.5rem 1rem;
}
.c--article-preview > :first-child {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  order: 2;
}
.c--article-preview > :first-child > a {
  order: 1;
}
.c--article-preview > :first-child .text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  order: 2;
}
.c--article-preview > :first-child .text a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-preview {
    width: fit-content;
  }
  .c--article-preview.sm .image-link {
    flex: 0 0 8.125rem;
  }
  .c--article-preview.md {
    padding: 0;
    width: 41.5rem;
  }
  .c--article-preview.md > :last-child .gatsby-image-wrapper {
    width: 14.75rem;
    height: 14.75rem;
  }
  .c--article-preview.md > :first-child h3 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
@media only screen and (min-width: 52.5rem) and (min-width: 52.5rem) {
  .c--article-preview.md > :first-child h3 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
@media only screen and (min-width: 52.5rem) {
  .c--article-preview.md > :first-child .text .summary {
    display: block;
  }
}
.c--rec-articles > .kite-container {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.c--rec-articles > .kite-container h2 {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  align-items: flex-start;
}
.c--rec-articles > .kite-container h2 a {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
@media only screen and (min-width: 80rem) {
  .c--rec-articles > .kite-container h2 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
  }
  .c--rec-articles > .kite-container h2 a {
    margin-top: 0;
  }
}
.c--rec-articles > .kite-container .articles {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 80rem) {
  .c--rec-articles > .kite-container .articles {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    row-gap: 3.75rem;
    column-gap: 4rem;
  }
  .c--rec-articles > .kite-container .articles section:first-child {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
  .c--rec-articles > .kite-container .articles section:nth-child(2) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    justify-self: end;
    align-self: start;
  }
  .c--rec-articles > .kite-container .articles section:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    justify-self: end;
    align-self: end;
  }
}
.dynamic-form {
  width: 100%;
  max-width: 50rem;
  margin: 0 auto;
}
.dynamic-form-heading {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 50rem;
}
.dynamic-form-heading h3,
.dynamic-form-heading h1 {
  margin: 0 0 1rem 0;
}
.dynamic-form-heading h1 {
  font-size: 2.625rem;
  font-weight: 800;
  line-height: 3.25rem;
}
.dynamic-form-heading h3 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 2.25rem;
}
.dynamic-form-heading.center {
  text-align: center;
}
.dynamic-form-heading.center ~ .typestack-body-1 {
  text-align: center;
}
.dynamic-form .form-wrapper {
  padding: 1rem;
  background-color: #ffffff;
}
.dynamic-form form {
  color: #000000;
}
.dynamic-form form > .typestack-caption {
  padding-bottom: 0.5rem;
}
.dynamic-form form fieldset {
  display: flex;
  flex-direction: column;
}
.dynamic-form form fieldset legend {
  margin-bottom: 1rem;
}
.dynamic-form form fieldset label {
  font-size: 0.9em;
}
.dynamic-form form fieldset input[class^=kite-text-input],
.dynamic-form form fieldset [class^=kite-text-input],
.dynamic-form form fieldset select[class^=kite-select],
.dynamic-form form fieldset [class^=kite-select] {
  max-width: none;
}
.dynamic-form form fieldset > * {
  margin-bottom: 1rem;
}
.dynamic-form form fieldset > *:last-of-type:not(#recaptchaEl) {
  margin-bottom: 0.5rem;
}
.dynamic-form form fieldset #recaptchaEl {
  margin: 1.5rem 0 0 0;
}
.dynamic-form form .kite-form-control [class^=kite-],
.dynamic-form form .kite-form-control .multiselect,
.dynamic-form form .kite-form-control select {
  border-color: #596e7e;
  width: 100%;
  max-width: 100%;
}
.dynamic-form form .kite-form-control [class^=kite-]:invalid, .dynamic-form form .kite-form-control [class^=kite-][disabled],
.dynamic-form form .kite-form-control .multiselect:invalid,
.dynamic-form form .kite-form-control .multiselect[disabled],
.dynamic-form form .kite-form-control select:invalid,
.dynamic-form form .kite-form-control select[disabled] {
  color: #9ba98d;
}
.dynamic-form form .kite-form-control [class^=kite-].error-state,
.dynamic-form form .kite-form-control .multiselect.error-state,
.dynamic-form form .kite-form-control select.error-state {
  border-color: #f04848;
}
.dynamic-form form .kite-form-control__input .focus-visible {
  outline: 1px solid #008cff;
  outline-offset: 0;
}
.dynamic-form form .kite-form-control__input .focus-visible ~ .kite-form-control__bounding-box {
  border: none;
}
.dynamic-form form .kite-form-control--error .focus-visible {
  outline: 1px solid #f04848;
  outline-offset: 0;
}
.dynamic-form form .kite-form-control--error select {
  border-color: #f04848;
  outline-offset: 0;
}
.dynamic-form form .kite-form-control .kite-form-control__error {
  color: #f04848;
  font-weight: 400;
  font-size: 0.875rem;
}
.dynamic-form.light .buttons {
  margin: 1.25rem 0;
}
.dynamic-form.light .buttons .reach-button:hover:not(:disabled), .dynamic-form.light .buttons .reach-button:active:not(:disabled) {
  background-color: #024fea;
  border-color: #024fea;
  color: #ffffff;
}
.dynamic-form.light .buttons .reach-button:invalid, .dynamic-form.light .buttons .reach-button:disabled, .dynamic-form.light .buttons .reach-button:disabled:hover {
  background: none;
  border-color: #9ba9bd;
  outline: 1px solid #9ba9bd;
  color: #9ba9bd;
}
.dynamic-form.dark .buttons {
  margin: 1.25rem 0;
}
.dynamic-form.dark .buttons .reach-button:hover:not(:disabled), .dynamic-form.dark .buttons .reach-button:active:not(:disabled) {
  background-color: #ffffff;
  border-color: #024fea;
  color: #024fea;
}
.dynamic-form.dark .buttons .reach-button:invalid, .dynamic-form.dark .buttons .reach-button:disabled, .dynamic-form.dark .buttons .reach-button:disabled:hover {
  background: none;
  border-color: #63738a;
  outline: 1px solid #63738a;
  color: #63738a;
}
.dynamic-form .disclaimer {
  max-width: 20.875rem;
  color: #253c4f;
  font-weight: 500;
  font-size: 0.75rem;
  font-style: normal;
  letter-spacing: -0.1px;
}
.dynamic-form .disclaimer a {
  font-size: 0.75rem !important;
  line-height: 1.25rem;
  font-weight: 500;
  text-decoration: underline;
}
@media only screen and (min-width: 52.5rem) {
  .dynamic-form {
    margin: 0 auto;
    padding: 1rem;
  }
  .dynamic-form-heading {
    margin: 0 auto;
    padding: 3.75rem 0 2rem 0;
  }
  .dynamic-form-heading h1 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .dynamic-form-heading h3 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.625rem;
  }
  .dynamic-form .form-wrapper {
    padding: 1rem;
  }
}
.c--single-col-custom-text-btns {
  padding: 2.5rem 0;
}
.c--single-col-custom-text-btns.stackable {
  padding-bottom: 0;
  margin-bottom: -2rem;
}
.c--single-col-custom-text-btns.stackable:has(+ .themed-container.dark), .c--single-col-custom-text-btns.stackable:has(+ .themed-container.gray) {
  margin-bottom: 2rem;
}
.c--single-col-custom-text-btns.light .reach-button.kite-button.primary .kite-icon__inner svg {
  fill: #ffffff;
}
.c--single-col-custom-text-btns.light .reach-button.kite-button.primary:hover .kite-icon__inner svg {
  fill: #ffffff;
}
.c--single-col-custom-text-btns.light .reach-button.kite-button.secondary .kite-icon__inner svg {
  fill: #0271eb;
}
.c--single-col-custom-text-btns.light .reach-button.kite-button.secondary:hover .kite-icon__inner svg {
  fill: #ffffff;
}
.c--single-col-custom-text-btns.light .reach-button.kite-button.borderless .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #026ad9;
}
.c--single-col-custom-text-btns.light .reach-button.kite-button.borderless:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #024fea;
}
.c--single-col-custom-text-btns.dark .reach-button.kite-button.primary .kite-icon__inner svg {
  fill: #ffffff;
}
.c--single-col-custom-text-btns.dark .reach-button.kite-button.primary:hover .kite-icon__inner svg {
  fill: #024fea;
}
.c--single-col-custom-text-btns.dark .reach-button.kite-button.secondary .kite-icon__inner svg {
  fill: #ffffff;
}
.c--single-col-custom-text-btns.dark .reach-button.kite-button.secondary:hover .kite-icon__inner svg {
  fill: #024fea;
}
.c--single-col-custom-text-btns.dark .reach-button.kite-button.borderless .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #1995f2;
}
.c--single-col-custom-text-btns.dark .reach-button.kite-button.borderless:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.c--single-col-custom-text-btns.gray .reach-button.kite-button.primary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.c--single-col-custom-text-btns.gray .reach-button.kite-button.primary:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.c--single-col-custom-text-btns.gray .reach-button.kite-button.secondary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #0271eb;
}
.c--single-col-custom-text-btns.gray .reach-button.kite-button.secondary:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.c--single-col-custom-text-btns.gray .reach-button.kite-button.borderless .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #026ad9;
}
.c--single-col-custom-text-btns.gray .reach-button.kite-button.borderless:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #024fea;
}
.c--single-col-custom-text-btns .buttons {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.c--single-col-custom-text-btns .buttons .borderless {
  padding: 0;
  height: auto;
  overflow: visible;
  border-radius: 0;
  white-space: normal;
  text-align: left;
}
.c--single-col-custom-text-btns .buttons .borderless:before {
  border-radius: 0;
  border-width: 0;
}
.c--single-col-custom-text-btns.center .buttons {
  justify-content: center;
}
@media (min-width: 80rem) {
  .c--single-col-custom-text-btns.stackable:has(+ .themed-container.dark), .c--single-col-custom-text-btns.stackable:has(+ .themed-container.gray) {
    margin-bottom: 0rem;
  }
}
.themed-container.c--single-column-text {
  padding: 2.5rem 0;
}
.themed-container.c--single-column-text.stackable {
  padding-bottom: 0;
  margin-bottom: -2rem;
}
.themed-container.c--single-column-text.stackable:has(+ .themed-container.dark) {
  margin-bottom: 2rem;
}
@media (min-width: 80rem) {
  .themed-container.c--single-column-text.stackable:has(+ .themed-container.dark) {
    margin-bottom: 0rem;
  }
}
ol.step-block {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 2.5rem 1.5rem;
  list-style: none;
  margin: 1.25rem auto;
}
ol.step-block.light li::before {
  color: #f25d0d;
}
ol.step-block.dark li::before {
  color: #fd8331;
}
ol.step-block .step {
  flex: 0 1 auto;
  list-style: none;
  padding: 0;
  position: relative;
  margin: 0;
}
ol.step-block .step::before {
  content: counter(list-item);
  font-weight: 800;
  left: 0;
  position: absolute;
  top: 0;
}
ol.step-block .step h3 {
  word-break: break-word;
  margin-bottom: 0.5rem;
}
ol.step-block.step-size-3 {
  gap: 4rem;
}
ol.step-block.step-size-3 .step {
  font-size: 5rem;
  line-height: 5rem;
  padding-left: 4rem;
}
ol.step-block.step-size-3 .step::before {
  top: -0.375rem;
}
ol.step-block.step-size-4 {
  gap: 1rem;
}
ol.step-block.step-size-4 .step {
  font-size: 3rem;
  line-height: 3rem;
  padding-left: 2.75rem;
}
@media only screen and (min-width: 80rem) {
  ol.step-block {
    flex-direction: row;
    max-width: 77rem;
    width: 100%;
    justify-content: space-between;
  }
  ol.step-block.step-size-3 {
    padding: 3.75rem 4.875rem;
  }
  ol.step-block.step-size-3 .step {
    flex: 0 1 33%;
    font-size: 6rem;
    max-width: 19.75rem;
    padding-left: 4.25rem;
  }
  ol.step-block.step-size-3 .step::before {
    top: 0;
  }
  ol.step-block.step-size-4 {
    padding: 2.5rem 2.25rem;
  }
  ol.step-block.step-size-4 .step {
    flex: 0 1 25%;
    font-size: 4rem;
    max-width: 16.75rem;
    padding-left: 3.25rem;
  }
  ol.step-block.step-size-4 .step::before {
    top: 0.375rem;
  }
}
.c--three-column-narrow .inner {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
.c--three-column-narrow .inner .column {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.c--three-column-narrow .inner .column h3 {
  order: 2;
}
.c--three-column-narrow .inner .column h3:not(:last-child) {
  margin-bottom: 0.5rem;
}
.c--three-column-narrow .inner .column.large h3 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--three-column-narrow .inner .column.large h3 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.c--three-column-narrow .inner .column.small h3, .c--three-column-narrow .inner .column.eyebrow h3 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--three-column-narrow .inner .column.small h3, .c--three-column-narrow .inner .column.eyebrow h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.c--three-column-narrow .inner .column .text {
  order: 3;
}
.c--three-column-narrow .inner .column .text p {
  font-weight: 400;
  font-size: 0.875rem;
}
.c--three-column-narrow .inner .column .buttons {
  margin-top: 0.75rem;
  order: 4;
}
.c--three-column-narrow .inner .column p:not(:last-child) {
  margin-bottom: 0.75rem;
}
.c--three-column-narrow .inner .column .img {
  padding: 0 1rem;
  width: 50%;
  max-width: 8rem;
  order: 1;
}
.c--three-column-narrow .inner .column .img .gatsby-image-wrapper:not(:first-child) {
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 37.5rem) {
  .c--three-column-narrow .inner {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 1fr;
    padding-left: 4.3125rem;
    padding-right: 4.3125rem;
    column-gap: 1.5625rem;
  }
  .c--three-column-narrow .inner .column .img {
    width: 100%;
  }
}
@media only screen and (min-width: 52.5rem) {
  .c--three-column-narrow .inner {
    column-gap: 3.125rem;
    padding-left: 8.625rem;
    padding-right: 8.625rem;
  }
}
@media only screen and (min-width: 80rem) {
  .c--three-column-narrow .inner {
    column-gap: 6.25rem;
    padding-left: 17.25rem;
    padding-right: 17.25rem;
  }
}
.c--three-column .kite-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5rem;
  width: 100%;
  margin: 0 auto;
  max-width: 37.5rem;
}
.c--three-column .kite-container.featured-awards-wrapper {
  max-width: 46.875rem;
}
.c--three-column .kite-container .column {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c--three-column .kite-container .column h3,
.c--three-column .kite-container .column h5 {
  order: 2;
}
.c--three-column .kite-container .column h3:not(:last-child),
.c--three-column .kite-container .column h5:not(:last-child) {
  margin-bottom: 1.375rem;
}
.c--three-column .kite-container .column .text {
  order: 3;
}
.c--three-column .kite-container .column .buttons {
  order: 4;
}
.c--three-column .kite-container .column .buttons:not(:nth-child(2)) {
  margin-top: 2rem;
}
.c--three-column .kite-container .column p:not(:last-child) {
  margin-bottom: 1rem;
}
.c--three-column .kite-container .column .video-thumbnail {
  flex: 1 1 auto;
  position: relative;
  width: 100%;
  height: 20rem;
  order: 1;
  overflow: hidden;
  cursor: pointer;
}
.c--three-column .kite-container .column .video-thumbnail:not(:first-child) {
  margin-bottom: 1.375rem;
}
.c--three-column .kite-container .column .video-thumbnail .play-icon {
  position: absolute;
  right: 50%;
  bottom: 50%;
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.75);
  transform: translate(50%, 50%);
  cursor: pointer;
}
.c--three-column .kite-container .column .video-thumbnail .play-icon .kite-icon {
  width: 2.375rem;
  height: 1.625rem;
}
.c--three-column .kite-container .column .video-thumbnail > img {
  display: block;
  position: absolute;
  bottom: 50%;
  right: 50%;
  aspect-ratio: 37/32;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: translate(50%, 50%);
}
.c--three-column .kite-container .column .video-thumbnail .gatsby-image-wrapper {
  width: 100%;
  height: auto;
}
.c--three-column .kite-container .column .conditional-wrapper {
  width: 100%;
}
.c--three-column .kite-container .column .conditional-wrapper .image-wrapper {
  margin-bottom: 1.375rem;
}
.c--three-column .kite-container .column .image-wrapper {
  position: relative;
  order: 1;
  width: 100%;
  height: 20rem;
}
.c--three-column .kite-container .column .image-wrapper:not(:first-child) {
  margin-bottom: 1.375rem;
}
.c--three-column .kite-container .column .image-wrapper .image-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5rem 1rem;
  color: #000000;
  background-color: #fd8331;
  font-weight: 500;
  line-height: normal;
  font-style: normal;
}
.c--three-column .kite-container .column .image-wrapper .gatsby-image-wrapper {
  width: 100%;
  height: 100%;
}
.c--three-column .kite-container .column .image-wrapper .gatsby-image-wrapper.thumbnail {
  position: relative;
}
.c--three-column .kite-container.large .column h3 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.875rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--three-column .kite-container.large .column h3 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
.c--three-column .kite-container.medium .column h5 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--three-column .kite-container.medium .column h5 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.c--three-column .kite-container.small .column h3 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--three-column .kite-container.small .column h3 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.c--three-column .kite-container.small .column.featured-award h3 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  font-weight: 500;
  font-style: normal;
}
@media only screen and (min-width: 60rem) {
  .c--three-column .kite-container.small .column.featured-award h3 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.c--three-column .kite-container.small .column.featured-award .text {
  line-height: 1.625rem;
}
.c--three-column .kite-container.left .column h3,
.c--three-column .kite-container.left .column h5,
.c--three-column .kite-container.left .column .text {
  width: 100%;
  text-align: left;
}
.c--three-column .kite-container.left .column .buttons {
  align-self: flex-start;
}
.c--three-column .kite-container.left .column .buttons .reach-button.kite-button.borderless {
  padding: 0;
  height: auto;
  overflow: visible;
  border-radius: 0;
  white-space: normal;
  text-align: left;
}
.c--three-column .kite-container.center .column h3,
.c--three-column .kite-container.center .column h5,
.c--three-column .kite-container.center .column .text {
  text-align: center;
}
@media only screen and (min-width: 60rem) {
  .c--three-column .kite-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 1fr;
    column-gap: 3.875rem;
    max-width: 80rem;
  }
  .c--three-column .kite-container.featured-awards-wrapper {
    display: flex;
  }
  .c--three-column .kite-container .column .video-thumbnail > img {
    width: auto;
    height: 100%;
  }
  .c--three-column .kite-container .column .video-thumbnail .gatsby-image-wrapper {
    width: auto;
    height: 100%;
  }
}
@media only screen and (min-width: 80rem) {
  .c--three-column .kite-container.featured-awards-wrapper {
    display: grid;
    max-width: 84.5rem;
  }
}
.c--three-column .modal {
  position: fixed;
  bottom: 50%;
  background-color: rgba(0, 0, 0, 0.85);
  right: 50%;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(50%, 50%);
}
.video-player {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 80rem;
  max-height: 45rem;
  padding: 1rem;
  aspect-ratio: 16/9;
}
.video-player .video-container {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.video-player .video-container iframe {
  width: 100%;
  height: 100%;
}
.video-player .video-container .close-button {
  border-radius: 2rem;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: -2rem;
  right: 0;
  cursor: pointer;
  color: #ffffff;
}
@media only screen and (min-width: 30rem) {
  .video-player {
    width: calc(100% - 10rem);
  }
  .video-player .video-container .close-button {
    top: 0;
    right: -2rem;
  }
}
@media only screen and (min-width: 52.5rem) {
  .video-player {
    padding: 0;
  }
}
.c--two-column.light .column {
  background: #f4f4f4;
}
.c--two-column.dark .column {
  background: #002a47;
}
.c--two-column .container-headline {
  text-align: center;
}
.c--two-column .kite-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  margin-top: 3.75rem;
}
.c--two-column .kite-container .column {
  align-self: stretch;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.c--two-column .kite-container .column h3 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  margin-top: 0.5rem;
  order: 2;
}
.c--two-column .kite-container .column h3 > span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  order: 2;
}
.c--two-column .kite-container .column h3 .eyebrow:not(:last-child) {
  margin-bottom: 0.5rem;
  order: 1;
}
.c--two-column .kite-container .column .text {
  margin-top: 1rem;
  order: 3;
}
.c--two-column .kite-container .column .buttons {
  display: flex;
  margin-top: 2rem;
  gap: 1rem;
  order: 4;
}
.c--two-column .kite-container .column .buttons .reach-button {
  height: auto;
  padding: 0;
}
.c--two-column .kite-container .column p:not(:last-child) {
  margin-bottom: 1rem;
}
.c--two-column .kite-container .column .gatsby-image-wrapper {
  aspect-ratio: 10/7;
  margin-bottom: 1rem;
  border-radius: 0.125rem;
  overflow: hidden;
  backface-visibility: hidden;
  transform: translate(0, 0, 0);
}
.c--two-column .kite-container .column .gatsby-image-wrapper:not(:first-child) {
  margin-bottom: 1.375rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--two-column .kite-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 1fr;
    column-gap: 3.75rem;
  }
  .c--two-column .kite-container .container-headline {
    grid-column: span 2;
  }
  .c--two-column .kite-container .column {
    padding: 3rem;
  }
  .c--two-column .kite-container .column .gatsby-image-wrapper {
    height: auto;
    max-height: 21.25rem;
    max-width: 30.625rem;
  }
}
.c--themed-icon {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  margin: 0;
  padding: 0;
}
.c--themed-icon .gatsby-image-wrapper {
  aspect-ratio: 1/1;
  flex: 0 0 6.25rem;
}
.c--themed-icon .icon-text > * {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--themed-icon .icon-text > * {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.c--two-column-form-text,
.c--two-column-dynamic-form {
  position: relative;
}
.c--two-column-form-text .kite-container,
.c--two-column-dynamic-form .kite-container {
  padding: 0 1rem;
}
.c--two-column-form-text .kite-container .form-context-column,
.c--two-column-dynamic-form .kite-container .form-context-column {
  margin-bottom: 1rem;
}
.c--two-column-form-text .kite-container .form-context-column:only-child(.mobile-disable),
.c--two-column-dynamic-form .kite-container .form-context-column:only-child(.mobile-disable) {
  display: none;
}
.c--two-column-form-text .kite-container .form-context-column > *:not(:first-child),
.c--two-column-dynamic-form .kite-container .form-context-column > *:not(:first-child) {
  margin: 2.5rem 0;
}
.c--two-column-form-text .kite-container .form-context-column div,
.c--two-column-dynamic-form .kite-container .form-context-column div {
  width: 100%;
}
.c--two-column-form-text .kite-container .form-context-column .c--text-content h1,
.c--two-column-form-text .kite-container .form-context-column .c--text-content h2,
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content h1,
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content h2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}
.c--two-column-form-text .kite-container .form-context-column .c--text-content h1 > *,
.c--two-column-form-text .kite-container .form-context-column .c--text-content h2 > *,
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content h1 > *,
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content h2 > * {
  order: 2;
}
.c--two-column-form-text .kite-container .form-context-column .c--text-content h1 .eyebrow:not(:last-child),
.c--two-column-form-text .kite-container .form-context-column .c--text-content h2 .eyebrow:not(:last-child),
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content h1 .eyebrow:not(:last-child),
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content h2 .eyebrow:not(:last-child) {
  margin-bottom: 0.5rem;
  order: 1;
}
.c--two-column-form-text .kite-container .form-context-column .c--text-content h1:not(:last-child),
.c--two-column-form-text .kite-container .form-context-column .c--text-content h2:not(:last-child),
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content h1:not(:last-child),
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content h2:not(:last-child) {
  margin: 0 0 1rem 0;
}
.c--two-column-form-text .kite-container .form-context-column .c--text-content .body > *,
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content .body > * {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--two-column-form-text .kite-container .form-context-column .c--text-content .body > *,
  .c--two-column-dynamic-form .kite-container .form-context-column .c--text-content .body > * {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.c--two-column-form-text .kite-container .form-context-column .c--text-content .body p,
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content .body p {
  margin: 0;
}
.c--two-column-form-text .kite-container .form-context-column .c--text-content .body p:not(:last-child),
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content .body p:not(:last-child) {
  margin-bottom: 1rem;
}
.c--two-column-form-text .kite-container .form-context-column .c--text-content .body li,
.c--two-column-dynamic-form .kite-container .form-context-column .c--text-content .body li {
  list-style: disc;
}
.c--two-column-form-text .kite-container .form-context-column .gatsby-image-wrapper.mobile-disabled,
.c--two-column-dynamic-form .kite-container .form-context-column .gatsby-image-wrapper.mobile-disabled {
  display: none;
}
.c--two-column-form-text .kite-container .form-context-column .gatsby-image-wrapper.mobile-disabled:only-child,
.c--two-column-dynamic-form .kite-container .form-context-column .gatsby-image-wrapper.mobile-disabled:only-child {
  padding-bottom: 2.5rem;
}
.c--two-column-form-text .kite-container .form-context-column .gatsby-image-wrapper:first-of-type,
.c--two-column-dynamic-form .kite-container .form-context-column .gatsby-image-wrapper:first-of-type {
  margin: 0;
}
.c--two-column-form-text .kite-container .form-context-column .form-icons,
.c--two-column-dynamic-form .kite-container .form-context-column .form-icons {
  display: flex;
  flex-direction: column;
  padding: 0;
  gap: 2.5rem;
}
.c--two-column-form-text .kite-container .form-context-column .form-icons li p,
.c--two-column-dynamic-form .kite-container .form-context-column .form-icons li p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--two-column-form-text .kite-container .form-context-column .form-icons li p,
  .c--two-column-dynamic-form .kite-container .form-context-column .form-icons li p {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.c--two-column-form-text .kite-container .form-context-column .quote-content,
.c--two-column-dynamic-form .kite-container .form-context-column .quote-content {
  padding: 1rem 1rem 2.125rem;
}
.c--two-column-form-text .kite-container .form-context-column .quote-content figure:not(:first-child),
.c--two-column-dynamic-form .kite-container .form-context-column .quote-content figure:not(:first-child) {
  margin-top: 2rem;
}
.c--two-column-form-text .kite-container .form-context-column .quote-content blockquote,
.c--two-column-dynamic-form .kite-container .form-context-column .quote-content blockquote {
  margin-bottom: 0;
}
.c--two-column-form-text .kite-container .form-context-column .quote-content blockquote > p,
.c--two-column-dynamic-form .kite-container .form-context-column .quote-content blockquote > p {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--two-column-form-text .kite-container .form-context-column .quote-content blockquote > p,
  .c--two-column-dynamic-form .kite-container .form-context-column .quote-content blockquote > p {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.c--two-column-form-text .kite-container .form-context-column .quote-content .author,
.c--two-column-dynamic-form .kite-container .form-context-column .quote-content .author {
  margin-top: 1rem;
}
.c--two-column-form-text .kite-container .form-iframe-column,
.c--two-column-dynamic-form .kite-container .form-iframe-column {
  background-color: #ffffff;
  padding: 0 1rem;
  align-self: flex-start;
}
.c--two-column-form-text .kite-container .form-iframe-column.dark, .c--two-column-form-text .kite-container .form-iframe-column.gray,
.c--two-column-dynamic-form .kite-container .form-iframe-column.dark,
.c--two-column-dynamic-form .kite-container .form-iframe-column.gray {
  padding: 1rem;
}
.c--two-column-form-text .kite-container .form-iframe-column .typestack-caption,
.c--two-column-dynamic-form .kite-container .form-iframe-column .typestack-caption {
  line-height: 1.25rem;
  color: #000000;
}
.c--two-column-form-text .kite-container .form-iframe-column .iframe-container iframe,
.c--two-column-dynamic-form .kite-container .form-iframe-column .iframe-container iframe {
  border: 0;
  height: 68rem;
  width: 100%;
}
.c--two-column-form-text .kite-container .form-iframe-column .iframe-container.light,
.c--two-column-dynamic-form .kite-container .form-iframe-column .iframe-container.light {
  color: #000000;
}
.c--two-column-form-text .kite-container .form-iframe-column .iframe-container.dark,
.c--two-column-dynamic-form .kite-container .form-iframe-column .iframe-container.dark {
  color: #ffffff;
}
.c--two-column-form-text .kite-container .dynamic-form,
.c--two-column-dynamic-form .kite-container .dynamic-form {
  background-color: #ffffff;
  flex: 0 1;
  flex-basis: calc(50% - 40px);
  align-self: flex-start;
  padding: 0;
  width: auto;
  max-width: none;
}
.c--two-column-form-text .kite-container .dynamic-form .dynamic-form-heading,
.c--two-column-dynamic-form .kite-container .dynamic-form .dynamic-form-heading {
  padding-top: 0;
  color: #000000;
}
.c--two-column-form-text .kite-container .dynamic-form .form-wrapper,
.c--two-column-dynamic-form .kite-container .dynamic-form .form-wrapper {
  padding: 0;
}
.c--two-column-form-text.dark .kite-container .dynamic-form, .c--two-column-form-text.gray .kite-container .dynamic-form,
.c--two-column-dynamic-form.dark .kite-container .dynamic-form,
.c--two-column-dynamic-form.gray .kite-container .dynamic-form {
  padding: 1rem;
}
.c--two-column-form-text.gray .reach-button.kite-button.borderless,
.c--two-column-dynamic-form.gray .reach-button.kite-button.borderless {
  color: #026ad9;
}
@media only screen and (min-width: 52.5rem) {
  .c--two-column-form-text .kite-container,
  .c--two-column-dynamic-form .kite-container {
    padding: 0 1.5rem;
    column-gap: 2.5rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
  }
  .c--two-column-form-text .kite-container .form-context-column,
  .c--two-column-dynamic-form .kite-container .form-context-column {
    margin-bottom: 0;
    flex: 0 1;
    flex-basis: calc(50% - 40px);
  }
  .c--two-column-form-text .kite-container .form-context-column .c--text-content,
  .c--two-column-dynamic-form .kite-container .form-context-column .c--text-content {
    padding-top: 0;
  }
  .c--two-column-form-text .kite-container .form-context-column .gatsby-image-wrapper.mobile-disabled,
  .c--two-column-dynamic-form .kite-container .form-context-column .gatsby-image-wrapper.mobile-disabled {
    display: block;
  }
  .c--two-column-form-text .kite-container .form-context-column .form-icons:not(:first-of-type),
  .c--two-column-dynamic-form .kite-container .form-context-column .form-icons:not(:first-of-type) {
    padding: 1rem 0;
  }
  .c--two-column-form-text .kite-container .form-context-column > :last-child,
  .c--two-column-dynamic-form .kite-container .form-context-column > :last-child {
    margin-bottom: 0;
  }
  .c--two-column-form-text .kite-container .form-iframe-column,
  .c--two-column-dynamic-form .kite-container .form-iframe-column {
    flex: 0 1 50%;
    background-color: #ffffff;
    margin-top: 0;
    padding: 1.5rem 2rem;
    border-radius: 0.1875rem;
    border: 1px solid #9ba9bd;
  }
  .c--two-column-form-text .kite-container .form-iframe-column.dark, .c--two-column-form-text .kite-container .form-iframe-column.gray,
  .c--two-column-dynamic-form .kite-container .form-iframe-column.dark,
  .c--two-column-dynamic-form .kite-container .form-iframe-column.gray {
    padding: 1.5rem 2rem;
  }
  .c--two-column-form-text .kite-container .dynamic-form,
  .c--two-column-dynamic-form .kite-container .dynamic-form {
    flex: 0 1 50%;
    margin: 0;
    padding: 1.5rem 2rem;
    border-radius: 0.1875rem;
    border: 1px solid #9ba9bd;
  }
  .c--two-column-form-text.dark, .c--two-column-form-text.gray,
  .c--two-column-dynamic-form.dark,
  .c--two-column-dynamic-form.gray {
    position: static;
  }
  .c--two-column-form-text.dark .kite-container, .c--two-column-form-text.gray .kite-container,
  .c--two-column-dynamic-form.dark .kite-container,
  .c--two-column-dynamic-form.gray .kite-container {
    position: relative;
  }
  .c--two-column-form-text.dark .kite-container .dynamic-form, .c--two-column-form-text.gray .kite-container .dynamic-form,
  .c--two-column-dynamic-form.dark .kite-container .dynamic-form,
  .c--two-column-dynamic-form.gray .kite-container .dynamic-form {
    padding: 2rem;
  }
  .c--two-column-form-text .c--two-column-dynamic-form .kite-container,
  .c--two-column-dynamic-form .c--two-column-dynamic-form .kite-container {
    padding: 0;
  }
}
.themed-container.c--two-column-text-media {
  padding: 3.75rem 0;
  max-width: none;
}
.themed-container.c--two-column-text-media.light .reach-button.kite-button.primary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.light .reach-button.kite-button.primary:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.light .reach-button.kite-button.secondary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #0271eb;
}
.themed-container.c--two-column-text-media.light .reach-button.kite-button.secondary:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.light .reach-button.kite-button.borderless .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #026ad9;
}
.themed-container.c--two-column-text-media.light .reach-button.kite-button.borderless:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #024fea;
}
.themed-container.c--two-column-text-media.dark .reach-button.kite-button.primary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.dark .reach-button.kite-button.primary:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #024fea;
}
.themed-container.c--two-column-text-media.dark .reach-button.kite-button.secondary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.dark .reach-button.kite-button.secondary:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #024fea;
}
.themed-container.c--two-column-text-media.dark .reach-button.kite-button.borderless .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #1995f2;
}
.themed-container.c--two-column-text-media.dark .reach-button.kite-button.borderless:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.gray .reach-button.kite-button.primary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.gray .reach-button.kite-button.primary:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.gray .reach-button.kite-button.secondary .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #0271eb;
}
.themed-container.c--two-column-text-media.gray .reach-button.kite-button.secondary:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #ffffff;
}
.themed-container.c--two-column-text-media.gray .reach-button.kite-button.borderless .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #026ad9;
}
.themed-container.c--two-column-text-media.gray .reach-button.kite-button.borderless:hover .kite-icon__inner svg {
  transition: all 0.35s;
  fill: #024fea;
}
.themed-container.c--two-column-text-media .kite-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}
.themed-container.c--two-column-text-media .kite-container .gatsby-image-wrapper,
.themed-container.c--two-column-text-media .kite-container .conditional-wrapper {
  width: auto;
  order: 1;
  aspect-ratio: 2880/2383;
}
.themed-container.c--two-column-text-media .kite-container .gatsby-image-wrapper > .gatsby-image-wrapper,
.themed-container.c--two-column-text-media .kite-container .conditional-wrapper > .gatsby-image-wrapper {
  max-width: none;
}
.themed-container.c--two-column-text-media .kite-container .inline-video {
  width: 100%;
  order: 1;
}
.themed-container.c--two-column-text-media .kite-container .inline-video .video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.themed-container.c--two-column-text-media .kite-container .inline-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.themed-container.c--two-column-text-media .kite-container .copy {
  order: 2;
}
.themed-container.c--two-column-text-media .kite-container .copy .buttons {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.themed-container.c--two-column-text-media .kite-container .copy .buttons .borderless {
  padding: 0;
  height: auto;
  overflow: visible;
  border-radius: 0;
  white-space: normal;
  text-align: left;
  justify-content: flex-start;
}
.themed-container.c--two-column-text-media .kite-container .copy .buttons .borderless:has(.kite-icon) {
  justify-content: center;
}
.themed-container.c--two-column-text-media .kite-container .copy .buttons .borderless:before {
  border-radius: 0;
  border-width: 0;
}
@media only screen and (min-width: 37.5rem) {
  .themed-container.c--two-column-text-media .kite-container {
    justify-content: center;
    gap: 3.75rem;
    align-items: center;
    flex-direction: row;
  }
  .themed-container.c--two-column-text-media .kite-container.left .conditional-wrapper,
  .themed-container.c--two-column-text-media .kite-container.left .gatsby-image-wrapper,
  .themed-container.c--two-column-text-media .kite-container.left .inline-video {
    order: 1;
  }
  .themed-container.c--two-column-text-media .kite-container.left .copy {
    order: 2;
  }
  .themed-container.c--two-column-text-media .kite-container .conditional-wrapper,
  .themed-container.c--two-column-text-media .kite-container .gatsby-image-wrapper,
  .themed-container.c--two-column-text-media .kite-container .inline-video {
    aspect-ratio: 608/509;
    flex: 1 1 38rem;
    order: 2;
  }
  .themed-container.c--two-column-text-media .kite-container .copy {
    flex: 1 1 35.25rem;
    order: 1;
  }
}
section.homepage-hero {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.25rem 1rem;
  position: relative;
  transition: all 0.5s ease;
}
section.homepage-hero.light {
  background: none;
}
section.homepage-hero.dark {
  background: none;
}
section.homepage-hero:not(.no-bg) {
  background: radial-gradient(farthest-side at 35% 125%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
@media only screen and (min-width: 52.5rem) {
  section.homepage-hero:not(.no-bg) {
    background: radial-gradient(farthest-corner at 16rem 16rem, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  }
}
section.homepage-hero h1 {
  margin-bottom: 1.5rem;
  z-index: 3;
}
section.homepage-hero p {
  margin: 0;
  z-index: 3;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  section.homepage-hero p {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
section.homepage-hero .buttons {
  margin-top: 2rem;
}
section.homepage-hero .buttons ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
section.homepage-hero .heroimage-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  filter: brightness(0.4);
}
section.homepage-hero .heroimage-wrapper .gatsby-image-wrapper {
  height: 100%;
  width: auto;
}
section.homepage-hero.no-bg .gatsby-image-wrapper {
  filter: brightness(0.3);
}
@media only screen and (min-width: 52.5rem) {
  section.homepage-hero {
    padding-top: 16rem;
    justify-content: center;
  }
  section.homepage-hero h1,
  section.homepage-hero p {
    max-width: 31.5rem;
  }
}
.hero {
  min-height: 42.5rem;
  max-height: none;
  display: flex;
  align-items: center;
  overflow: hidden;
  transition: min-height 0.12s linear;
}
.hero.collapsed {
  min-height: 0;
  max-height: 0;
}
.hero .video-wrapper iframe {
  width: 100%;
  height: 100%;
}
.hero.themed-container {
  padding: 0;
}
.hero .kite-container {
  display: flex;
  flex-direction: column;
}
.hero .kite-container > .hero-action-link,
.hero .kite-container > .gatsby-image-wrapper,
.hero .kite-container > .tagged-image,
.hero .kite-container > .video-wrapper {
  margin: 0 -1rem;
  order: 1;
  aspect-ratio: 1/1;
}
.hero .kite-container .hero-action-link {
  width: calc(100% + 2rem);
  overflow: hidden;
}
.hero .kite-container .hero-action-link .gatsby-image-wrapper {
  height: 100%;
  transition: transform ease-in-out 0.75s;
}
.hero .kite-container .hero-action-link:hover .gatsby-image-wrapper, .hero .kite-container .hero-action-link:focus .gatsby-image-wrapper {
  transform: scale(1.035);
  transition: transform ease-in-out 0.75s;
}
.hero.cols-2 .kite-container {
  flex-direction: column;
}
.hero.cols-2 .kite-container .gatsby-image-wrapper {
  order: 1;
}
.hero.cols-2 .kite-container .col {
  order: 2;
}
.hero .col {
  display: flex;
  flex-direction: column;
  margin: 2.5rem 0;
}
.hero .col h1 {
  order: 1;
  margin-bottom: 1rem;
  overflow-wrap: break-word;
}
.hero .col h1 .eyebrow {
  display: block;
  margin-bottom: 0.5rem;
}
.hero .col p {
  order: 3;
}
.hero .col p:not(.eyebrow) {
  font-weight: 400;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .hero .col p:not(.eyebrow) {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
.hero .col p:not(:last-child) {
  margin-bottom: 2rem;
}
.hero .col .hero-children {
  order: 4;
}
.hero .col .buttons {
  order: 5;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}
.hero.cols-1 .kite-container > .hero-action-link,
.hero.cols-1 .kite-container > .gatsby-image-wrapper,
.hero.cols-1 .kite-container > .tagged-image,
.hero.cols-1 .kite-container > .video-wrapper {
  aspect-ratio: 16/9;
}
@media only screen and (min-width: 37.5rem) {
  .hero.cols-2 .kite-container > .hero-action-link,
  .hero.cols-2 .kite-container > .gatsby-image-wrapper,
  .hero.cols-2 .kite-container > .tagged-image,
  .hero.cols-2 .kite-container > .video-wrapper {
    aspect-ratio: 16/9;
  }
}
.hero .hero-children {
  display: flex;
  flex-direction: column;
}
.hero .hero-children a {
  text-decoration: none;
}
.hero .hero-children li {
  display: flex;
  flex-direction: row;
  gap: 1rem 1.5rem;
  padding-left: 0;
  align-items: center;
}
.hero .hero-children ul {
  margin-bottom: 3rem;
  padding-left: 0;
}
.hero .hero-children .city-hero-children {
  margin-bottom: 1.5rem;
}
.hero .hero-children .list-address .map-icon-container {
  height: 100%;
}
@media only screen and (min-width: 52.5rem) {
  .hero.left .kite-container {
    flex-direction: row-reverse;
  }
  .hero .col {
    margin: 0;
  }
  .hero.cols-2 {
    position: relative;
  }
  .hero.cols-2.left .kite-container {
    flex-direction: row-reverse;
  }
  .hero.cols-2.left .kite-container > .hero-action-link,
  .hero.cols-2.left .kite-container > .gatsby-image-wrapper,
  .hero.cols-2.left .kite-container > .tagged-image,
  .hero.cols-2.left .kite-container > .video-wrapper {
    left: 1rem;
  }
  .hero.cols-2.right .kite-container > .hero-action-link,
  .hero.cols-2.right .kite-container > .gatsby-image-wrapper,
  .hero.cols-2.right .kite-container > .tagged-image,
  .hero.cols-2.right .kite-container > .video-wrapper {
    right: 1rem;
  }
  .hero.cols-2 .kite-container .col {
    width: calc(50% - 3.75rem);
  }
  .hero.cols-2 .kite-container > .hero-action-link,
  .hero.cols-2 .kite-container > .gatsby-image-wrapper,
  .hero.cols-2 .kite-container > .tagged-image,
  .hero.cols-2 .kite-container > .video-wrapper {
    position: absolute;
    top: 0;
    width: 50vw;
    bottom: 0;
    aspect-ratio: auto;
  }
  .hero.cols-1 {
    padding: 3.75rem 0;
  }
  .hero.cols-1 .kite-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hero.cols-1 .kite-container .buttons {
    width: 100%;
    justify-content: center;
  }
  .hero.cols-1 .kite-container > .gatsby-image-wrapper,
  .hero.cols-1 .kite-container > .tagged-image,
  .hero.cols-1 .kite-container > .video-wrapper {
    width: 100%;
    margin-top: 4rem;
  }
  .hero.cols-1 .kite-container > .hero-action-link {
    width: 100%;
    margin: 4rem 0;
  }
}
.c--news-card {
  list-style: none;
  color: #000000;
  margin: 0;
  padding: 1.5rem 0.5rem;
  border-top: 1px solid;
  border-left: none;
  border-right: none;
  display: flex;
  align-items: start;
  justify-content: flex-start;
  gap: 1.875rem;
  position: relative;
}
@media only screen and (min-width: 52.5rem) {
  .c--news-card {
    padding: 1.5rem 0;
    align-items: center;
  }
}
.light .c--news-card {
  border-color: #bec6cc;
}
.dark .c--news-card {
  border-color: #31475e;
}
.c--news-card .gatsby-image-wrapper {
  height: 4.6875rem;
  width: 4.6875rem;
  min-width: 4.6875rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--news-card .gatsby-image-wrapper {
    height: 7.5rem;
    width: 13.3125rem;
    min-width: 13.3125rem;
  }
}
.c--news-card h3 span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 52.5rem) {
  .c--news-card h3 span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.c--news-card a {
  display: inline-block;
  position: static;
  width: 100%;
  height: 100%;
  color: #000000;
}
.c--news-card a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c--news-card .content {
  display: flex;
  flex-direction: column-reverse;
  align-items: start;
  width: 100%;
}
@media only screen and (min-width: 52.5rem) {
  .c--news-card .content {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1.875rem;
  }
}
.c--news-card .content__main {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.625rem;
  max-width: 100%;
}
@media only screen and (min-width: 52.5rem) {
  .c--news-card .content__main {
    max-width: 75%;
  }
}
.c--news-card .content__main p {
  display: none;
}
@media only screen and (min-width: 52.5rem) {
  .c--news-card .content__main p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.c--news-card .content__details {
  display: flex;
  flex-direction: column;
  align-items: start;
  min-width: fit-content;
}
@media only screen and (min-width: 52.5rem) {
  .c--news-card .content__details {
    align-items: end;
    gap: 0.625rem;
  }
}
.c--news-card .content__details .category-text {
  color: #63738a;
  text-transform: uppercase;
  font-family: Spectrum Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.13rem;
}
.p--learn header.bar {
  margin-bottom: 4rem;
}
.p--learn header.bar--with-filters {
  border-bottom: 1px solid #bec6cc;
}
.p--learn header.bar .kite-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #434343;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  height: 8rem;
  flex-direction: column;
}
@media only screen and (min-width: 37.5rem) {
  .p--learn header.bar .kite-container {
    flex-direction: row;
    height: 5rem;
  }
}
.p--learn header.bar .kite-container .controls {
  display: flex;
  align-items: center;
  gap: 2rem;
  position: relative;
  height: 100%;
}
.p--learn header.bar .kite-container .controls button {
  background: none;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border: none;
  cursor: pointer;
}
.light .p--learn header.bar .kite-container .controls button:hover {
  color: #0271eb;
}
.dark .p--learn header.bar .kite-container .controls button:hover {
  color: #0271eb;
}
.p--learn header.bar .kite-container .controls .arrow {
  display: none;
  top: calc(2rem + 2px);
  left: 1rem;
  z-index: 10;
}
@media only screen and (min-width: 52.5rem) {
  .p--learn header.bar .kite-container .controls .arrow:not([hidden]) {
    display: block;
  }
}
.p--learn header.bar .kite-container .controls .arrow:nth-of-type(2):not([hidden]) {
  left: auto;
  right: 2rem;
}
.p--learn header.bar .kite-container .controls .control-menu {
  display: none;
}
.p--learn header.bar .kite-container .controls .control-menu:not([hidden]) {
  display: flex;
  flex-direction: column;
  z-index: 9;
  padding: 6rem 1rem 1rem 1rem;
  gap: 4rem;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: wrap;
}
@media only screen and (min-width: 52.5rem) {
  .p--learn header.bar .kite-container .controls .control-menu:not([hidden]) {
    padding: 1rem;
    width: fit-content;
    white-space: nowrap;
    position: absolute;
    top: 3rem;
    border: 1px solid;
    bottom: auto;
    left: auto;
    right: auto;
    overflow-x: visible;
    overflow-y: visible;
  }
}
.light .p--learn header.bar .kite-container .controls .control-menu {
  background: #ffffff;
  border-color: #bec6cc;
}
.dark .p--learn header.bar .kite-container .controls .control-menu {
  background: #002139;
  border-color: #31475e;
}
.p--learn header.bar .kite-container .controls .control-menu.filters {
  margin: 0;
  gap: 2.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .p--learn header.bar .kite-container .controls .control-menu.filters {
    display: none;
  }
}
.p--learn header.bar .kite-container .controls .control-menu:not([hidden]) {
  right: 0;
}
.p--learn header.bar .kite-container .controls .control-menu .kite-radio-group {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 0.875rem;
}
.p--learn header.bar .kite-container .controls .control-menu li {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.p--learn header.bar .kite-container .controls .control-menu li:nth-of-type(1) {
  gap: 0.5rem;
}
.p--learn header.bar .kite-container .controls .control-menu h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 52.5rem) {
  .p--learn header.bar .kite-container .controls .control-menu h4 {
    display: none;
  }
}
.p--learn header.bar .kite-container .controls .control-menu h4 span {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.p--learn header.bar .kite-container .controls .control-menu h4 span .caption {
  color: #5a6e7d;
}
.p--learn header.bar .kite-container .controls .control-menu label {
  margin: 0;
  display: flex;
  align-items: center;
}
.p--learn header.bar .kite-container .controls .control-menu h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000000;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  width: 100%;
}
.p--learn header.bar .kite-container .controls .control-menu h5 label {
  flex: 1 1;
}
.p--learn header.bar .kite-container .controls .control-menu h5 .kite-button {
  flex: 1 1;
  display: flex;
  justify-content: flex-end;
  color: #000000;
  padding: 0;
  height: fit-content;
}
.p--learn header.bar .kite-container .controls .control-menu h5 .kite-button .kite-icon {
  margin: 0;
}
.p--learn header.bar .kite-container .controls .control-menu .sub-filters {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-left: 2rem;
}
.p--learn header.bar .kite-container .controls .control-menu .sub-filters .kite-checkbox {
  gap: 0.75rem;
}
.p--learn header.bar .filter-bar {
  display: none;
}
@media only screen and (min-width: 52.5rem) {
  .p--learn header.bar .filter-bar:not([hidden]) {
    display: block;
    height: fit-content;
    border: 1px solid;
  }
  .p--learn header.bar .filter-bar:not([hidden]) #primary-tags-list {
    display: flex;
    gap: 2.75rem;
  }
  .p--learn header.bar .filter-bar:not([hidden]) #primary-tags-list li {
    margin: 0;
    padding: 0;
    position: relative;
  }
  .light .p--learn header.bar .filter-bar:not([hidden]) {
    background: #ffffff;
    border-color: #bec6cc;
  }
  .dark .p--learn header.bar .filter-bar:not([hidden]) {
    background: #002139;
    border-color: #31475e;
  }
  .p--learn header.bar .filter-bar:not([hidden]) .kite-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    height: fit-content;
  }
  .p--learn header.bar .filter-bar:not([hidden]) .kite-container label {
    margin: 0;
  }
  .p--learn header.bar .filter-bar:not([hidden]) .arrow {
    display: none;
    top: 2.25rem;
    right: -0.4rem;
    z-index: 10;
  }
}
@media only screen and (min-width: 52.5rem) and (min-width: 52.5rem) {
  .p--learn header.bar .filter-bar:not([hidden]) .arrow:not([hidden]) {
    display: block;
  }
}
@media only screen and (min-width: 52.5rem) {
  .p--learn header.bar .filter-bar:not([hidden]) .sub-tags {
    display: none;
  }
  .p--learn header.bar .filter-bar:not([hidden]) .sub-tags:not([hidden]) {
    display: flex;
    flex-direction: column;
    z-index: 9;
    padding: 6rem 1rem 1rem 1rem;
    gap: 4rem;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: wrap;
  }
}
@media only screen and (min-width: 52.5rem) and (min-width: 52.5rem) {
  .p--learn header.bar .filter-bar:not([hidden]) .sub-tags:not([hidden]) {
    padding: 1rem;
    width: fit-content;
    white-space: nowrap;
    position: absolute;
    top: 3rem;
    border: 1px solid;
    bottom: auto;
    left: auto;
    right: auto;
    overflow-x: visible;
    overflow-y: visible;
  }
}
@media only screen and (min-width: 52.5rem) {
  .light .p--learn header.bar .filter-bar:not([hidden]) .sub-tags {
    background: #ffffff;
    border-color: #bec6cc;
  }
  .dark .p--learn header.bar .filter-bar:not([hidden]) .sub-tags {
    background: #002139;
    border-color: #31475e;
  }
}
@media only screen and (min-width: 52.5rem) and (min-width: 52.5rem) {
  .p--learn header.bar .filter-bar:not([hidden]) .sub-tags:not([hidden]) {
    top: 3.25rem;
    gap: 1.5rem;
    min-width: calc(100% + 0.5rem);
  }
  .p--learn header.bar .filter-bar:not([hidden]) .sub-tags:not([hidden]) .kite-checkbox {
    font-size: 0.875rem;
  }
}
.p--learn header.bar .kite-checkbox__control:checked ~ .kite-checkbox__indicator {
  background-color: #002139;
  border-color: #002139;
}
.p--learn header.bar .dropdown-button {
  padding: 0;
}
.p--learn header.bar .dropdown-button .rk-button--copy {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #000000;
  font-weight: 400;
  font-size: 0.875rem;
}
.p--learn header.bar .dropdown-button .rk-button--copy .kite-icon {
  margin: 0;
  width: 0.75rem;
}
.p--learn header.bar .dropdown-button[aria-expanded=true] .kite-icon__inner svg {
  transform: rotate(180deg);
}
.p--learn header.bar .filter-chips {
  display: none;
}
@media only screen and (min-width: 37.5rem) {
  .p--learn header.bar .filter-chips {
    display: block;
    background: #ffffff;
  }
}
.p--learn header.bar .filter-chips[hidden] {
  display: none;
}
.p--learn header.bar .filter-chips .kite-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: fit-content;
  gap: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.p--learn header.bar .filter-chips fieldset.kite-chip-group {
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  column-gap: 1.875rem;
  padding: 0;
}
.p--learn header.bar .filter-chips fieldset.kite-chip-group legend {
  display: none;
}
.p--learn header.bar .filter-chips .kite-chip {
  margin: 0;
  color: #ffffff;
  height: 1.75rem;
  padding: 0.25rem 0.875rem;
  font-weight: 400;
}
.p--learn header.bar .filter-chips .kite-chip .kite-chip__text {
  font-size: 0.875rem;
}
.p--learn header.bar .filter-chips .kite-chip .kite-chip__background {
  background: #002139;
}
.p--learn header.bar .filter-chips .kite-chip:hover .kite-chip__text {
  color: #1995f2;
}
.p--learn header.bar .filter-chips .kite-chip:hover .kite-chip__dismiss .kite-icon__inner svg {
  fill: #1995f2;
}
.p--learn header.bar .clear-all-btn {
  width: fit-content;
  height: 1.75rem;
  padding: 0.25rem 0;
}
.p--learn header.bar .clear-all-btn .rk-button--copy {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 1.5rem;
}
.p--learn header.bar .clear-all-btn .kite-icon {
  margin-right: 0.5rem;
}
.light .p--learn header.bar {
  background: #f4f4f4;
}
.dark .p--learn header.bar {
  background: #002a47;
}
.p--learn .articles {
  row-gap: 2rem;
}
.p--learn .articles li {
  height: 100%;
}
.p--learn .page-controls {
  margin-top: 3rem;
  margin-bottom: 6rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p--learn .page-controls .pager {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.p--learn .page-controls .pager p {
  font-weight: 500;
  margin-top: 1rem;
  font-weight: 400;
}
@media only screen and (min-width: 52.5rem) {
  .p--learn .page-controls .pager p {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
.p--learn .page-controls .top {
  position: absolute;
  background: none;
  border: none;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 3rem;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
}
.light .p--learn .page-controls .top {
  color: #000000;
}
.dark .p--learn .page-controls .top {
  color: #ffffff;
}
.p--news {
  position: relative;
}
.p--news .articles {
  row-gap: 0rem;
}
.p--news .kite-cell {
  padding: 0;
}
.p--news .kite-cell:first-child .c--news-card {
  border-top: none;
  padding-top: 0;
}
.p--news .kite-cell:last-child .c--news-card {
  border-bottom: 1px solid;
}
.light .p--news .kite-cell:last-child .c--news-card {
  border-color: #bec6cc;
}
.dark .p--news .kite-cell:last-child .c--news-card {
  border-color: #31475e;
}
.article-header {
  background: #002139;
  display: flex;
  flex-direction: column;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.article-header.has-hero {
  margin-bottom: 16rem;
  text-align: center;
  align-items: center;
}
.article-header:not(.has-hero) h1,
.article-header:not(.has-hero) p,
.article-header:not(.has-hero) .eyebrow {
  max-width: 64rem;
}
.article-header h1 {
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.875rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-header h1 {
    font-size: 2.625rem;
    line-height: 3.25rem;
  }
}
.article-header p {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-header p {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.article-header .eyebrow {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-weight: 400;
}
@media only screen and (min-width: 52.5rem) {
  .article-header .eyebrow {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
.article-header .eyebrow span {
  margin: 0 0.75rem;
}
.article-header .gatsby-image-wrapper {
  width: 100%;
  margin: 6rem auto -20rem auto;
  height: 32rem;
}
.chip {
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  font-weight: 400;
  font-size: 0.875rem;
  display: inline;
  cursor: pointer;
  transition: all 0.25s;
}
.chip:hover {
  font-weight: 400;
  font-size: 0.875rem;
}
.light .chip {
  color: #000000;
  border: 1px solid #5a6e7d;
}
.light .chip:hover {
  background: #5a6e7d;
  color: #ffffff;
}
.dark .chip {
  color: #ffffff;
  border: 1px solid #bec6cc;
}
.dark .chip:hover {
  background: #bec6cc;
  color: #ffffff;
}
.c--article-aside {
  max-width: 26.25rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-bottom: 2.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-aside {
    padding-top: 2.5rem;
    padding-bottom: 0;
  }
}
.c--article-aside h2 {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-aside h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.c--article-aside > * {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-aside > * {
    padding: 0 0 0 1.875rem;
  }
}
.c--article-aside .connect {
  display: none;
}
@media only screen and (min-width: 52.5rem) {
  .c--article-aside .connect {
    display: flex;
  }
}
.c--article-aside iframe {
  border: none;
  width: 100%;
  height: 23rem;
}
.c--article-aside .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.share-container {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
}
.light .share-container ul li .kite-icon {
  color: #0271eb;
}
.light .share-container ul li .kite-icon:hover {
  color: #024fea;
}
.dark .share-container ul li .kite-icon {
  color: #0271eb;
}
.dark .share-container ul li .kite-icon:hover {
  color: #ffffff;
}
.share-container ul {
  display: flex;
  gap: 2rem;
  margin-top: 1.5rem;
  padding: 0;
}
.share-container ul li {
  padding: 0;
  margin-bottom: 0;
  width: 2rem;
}
.share-container ul li .reach-button.kite-button {
  height: auto;
  padding: 0;
}
.share-container ul li .reach-button.kite-button.borderless {
  min-width: 0;
}
.share-container ul li .reach-button.kite-button .kite-icon {
  margin-right: 0;
}
.article-nav {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: 3.75rem 0;
}
@media only screen and (min-width: 52.5rem) {
  .article-nav {
    margin: 6.25rem 0;
  }
}
.article-nav .reach-button.kite-button {
  padding: 0;
}
.article-nav .next-article {
  align-self: flex-end;
  margin-left: auto;
}
.article-contents {
  display: flex;
  flex-direction: column;
}
.article-contents article {
  padding-top: 2.5rem;
}
.article-contents article .toc {
  background: #f4f4f4;
  padding: 1.5rem;
}
.article-contents article .toc h2 {
  margin-bottom: 1.5rem;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-contents article .toc h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.article-contents article .toc li {
  margin-left: 3rem;
}
.article-contents article .toc li a {
  text-decoration: none;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-contents article .toc li a {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.article-contents article .toc li::marker {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625rem;
}
@media only screen and (min-width: 52.5rem) {
  .article-contents article .toc li::marker {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.article-contents article .categories {
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.article-contents article section:first-of-type.c--single-column-dynamic-form:first-of-type {
  margin-top: 0;
}
.article-contents article .c--single-column-dynamic-form {
  margin-top: 3.75rem;
}
.article-contents article .c--single-column-dynamic-form.dark, .article-contents article .c--single-column-dynamic-form.gray {
  background-color: #ffffff;
  color: #000000;
}
.article-contents article .c--single-column-dynamic-form.gray .reach-button.kite-button.borderless {
  color: #026ad9;
}
.article-contents article .c--single-column-dynamic-form .dynamic-form-heading {
  padding: 0 0 1.5rem 0;
}
.article-contents article .c--single-column-dynamic-form .dynamic-form {
  padding: 0;
}
.article-contents article table {
  display: inline-block;
  border-collapse: collapse;
  margin: 1rem 0 1.5rem 0;
  border-spacing: 2px;
  border-color: gray;
  background-color: #ffffff;
  table-layout: auto;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
}
.article-contents article table caption {
  clip: rect(0, 0, 0, 0);
  border: 0;
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.article-contents article table thead tr {
  background-color: #ffffff;
  border-bottom: 0.0625rem solid rgba(216, 221, 230, 0.4);
}
.article-contents article table thead th {
  color: #000000;
  font-weight: 700;
  text-align: left;
  padding: 0.75rem 0.5rem;
  white-space: nowrap;
}
.article-contents article table thead th span {
  color: var(--header-color);
  font-weight: var(--kite-data-table-header-text-weight);
  text-align: var(--kite-data-table-header-text-align);
}
.article-contents article table tbody tr {
  background-color: #ffffff;
}
.article-contents article table tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}
.article-contents article table tbody td {
  text-align: left;
  padding: 0.75rem 0.5rem;
  white-space: nowrap;
}
@media only screen and (min-width: 52.5rem) {
  .article-contents {
    flex-direction: row;
  }
  .article-contents article {
    max-width: 53.75rem;
    padding-right: 4.375rem;
  }
}
.customer-summary .kite-container {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customer-summary .kite-container h2 {
  order: 2;
  margin: 2rem 0;
}
.customer-summary .kite-container .gatsby-image-wrapper {
  order: 1;
  max-width: 16rem;
}
.customer-summary .kite-container .c--text-content {
  margin-bottom: 2rem;
  order: 3;
  max-width: 40rem;
}
.customer-summary .kite-container .c--three-column-narrow {
  order: 4;
}
.customer-summary .kite-container button {
  order: 5;
}