@charset "UTF-8";
/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
:root,
:where([data-theme=light]) {
  --kds-color-background-accent-blue-bold: #4C4CF0;
  --kds-color-background-accent-blue-subtle: #F1F1FE;
  --kds-color-background-accent-red-bold: #B81F14;
  --kds-color-background-accent-red-subtle: #FEF2F1;
  --kds-color-background-accent-gray-bold: #636363;
  --kds-color-background-accent-gray-subtle: #F2F2F2;
  --kds-color-background-accent-green-bold: #037242;
  --kds-color-background-accent-green-bold-hovered: #025A34;
  --kds-color-background-accent-green-bold-pressed: #024629;
  --kds-color-background-accent-green-subtle: #D2FEEB;
  --kds-color-background-accent-purple-subtle: #F8F3FC;
  --kds-color-background-action: #171717;
  --kds-color-background-action-disabled: #B3B3B3;
  --kds-color-background-action-hover: #000000;
  --kds-color-background-action-pressed: #2C2C2C;
  --kds-color-background-danger-bold: #B81F14;
  --kds-color-background-danger-bold-hovered: #931910;
  --kds-color-background-danger-bold-pressed: #73140D;
  --kds-color-background-danger-disabled: #F7BBB7;
  --kds-color-background-danger-subtle: #FEF2F1;
  --kds-color-background-danger-subtle-hovered: #FBDDDB;
  --kds-color-background-disabled: #C9C9C9;
  --kds-color-background-inverse: #FFFFFF;
  --kds-color-background-inverse-hover: #F2F2F2;
  --kds-color-background-inverse-pressed: #E0E0E0;
  --kds-color-background-selected: #2C2C2C;
  --kds-color-background-surface-inverse: #171717;
  --kds-color-background-surface-primary: #FFFFFF;
  --kds-color-background-surface-secondary: #FAFAFA;
  --kds-color-background-warning-bold: #836207;
  --kds-color-background-warning-subtle: #FDF2D3;
  --kds-color-border-accent-blue-bold: #0F0FBD;
  --kds-color-border-accent-blue-subtle: #C6C6FA;
  --kds-color-border-accent-green-subtle: #06E584;
  --kds-color-border-active: #3C3C3C;
  --kds-color-border-bold: #C9C9C9;
  --kds-color-border-bold-hover: #3C3C3C;
  --kds-color-border-danger-bold: #73140D;
  --kds-color-border-danger-subtle: #F7BBB7;
  --kds-color-border-disabled: #F2F2F2;
  --kds-color-border-focus: #AFAFF9;
  --kds-color-border-subtle: #E0E0E0;
  --kds-color-border-subtle-hover: #B3B3B3;
  --kds-color-border-warning-bold: #4E3A04;
  --kds-color-border-warning-subtle: #F5C43D;
  --kds-color-brand: #05CE78;
  --kds-color-icon: #3C3C3C;
  --kds-color-icon-danger: #931910;
  --kds-color-icon-disabled: #B3B3B3;
  --kds-color-icon-green: #025A34;
  --kds-color-icon-green-inverse: #D2FEEB;
  --kds-color-icon-info: #1212E2;
  --kds-color-icon-inverse: #E0E0E0;
  --kds-color-icon-subtle: #636363;
  --kds-color-icon-warning: #614805;
  --kds-color-text-accent-blue: #4C4CF0;
  --kds-color-text-accent-blue-bolder: #0F0FBD;
  --kds-color-text-accent-gray: #171717;
  --kds-color-text-accent-green: #037242;
  --kds-color-text-accent-green-inverse-disabled: #D2FEEB;
  --kds-color-text-accent-green-bolder: #024629;
  --kds-color-text-accent-purple: #8936C9;
  --kds-color-text-accent-purple-bolder: #582281;
  --kds-color-text-accent-red: #B81F14;
  --kds-color-text-accent-red-bolder: #73140D;
  --kds-color-text-accent-red-inverse-disabled: #FEF2F1;
  --kds-color-text-accent-yellow: #836207;
  --kds-color-text-accent-yellow-bolder: #4E3A04;
  --kds-color-text-disabled: #B3B3B3;
  --kds-color-text-inverse-disabled: #F2F2F2;
  --kds-color-text-inverse-primary: #FFFFFF;
  --kds-color-text-inverse-secondary: #E0E0E0;
  --kds-color-text-placeholder: #636363;
  --kds-color-text-primary: #171717;
  --kds-color-text-secondary: #4D4D4D;
  --kds-dimension-corner-radius-large: 16;
  --kds-dimension-corner-radius-medium: 8;
  --kds-dimension-corner-radius-small: 4;
  --kds-elevation-1-shadow-color: #0000002E;
  --kds-elevation-1-surface-color: var(--kds-color-background-surface-primary);
  --kds-elevation-1-x: 0;
  --kds-elevation-1-y: 2px;
  --kds-elevation-1-blur: 4px;
  --kds-elevation-1-spread: 0;
  --kds-elevation-2-shadow-color: #0000001E;
  --kds-elevation-2-surface-color: var(--kds-color-background-surface-primary);
  --kds-elevation-2-x: 0;
  --kds-elevation-2-y: 6px;
  --kds-elevation-2-blur: 16px;
  --kds-elevation-2-spread: 0;
  --kds-elevation-3-shadow-color: #00000033;
  --kds-elevation-3-surface-color: var(--kds-color-background-surface-primary);
  --kds-elevation-3-x: 0;
  --kds-elevation-3-y: 6px;
  --kds-elevation-3-blur: 20px;
  --kds-elevation-3-spread: 0;
  --kds-elevation-4-shadow-color: #00000047;
  --kds-elevation-4-surface-color: var(--kds-color-background-surface-primary);
  --kds-elevation-4-x: 0;
  --kds-elevation-4-y: 8px;
  --kds-elevation-4-blur: 28px;
  --kds-elevation-4-spread: 0;
}

:where([data-theme=dark]) {
  color-scheme: dark light;
  --kds-color-background-accent-blue-bold: #AFAFF9;
  --kds-color-background-accent-blue-subtle: #0B0B89;
  --kds-color-background-accent-red-bold: #F39C95;
  --kds-color-background-accent-red-subtle: #530E09;
  --kds-color-background-accent-gray-bold: #636363;
  --kds-color-background-accent-gray-subtle: #2C2C2C;
  --kds-color-background-accent-green-bold: #05CE78;
  --kds-color-background-accent-green-bold-hovered: #06E584;
  --kds-color-background-accent-green-bold-pressed: #79FCC3;
  --kds-color-background-accent-green-subtle: #01321D;
  --kds-color-background-accent-purple-subtle: #3F195D;
  --kds-color-background-action: #FAFAFA;
  --kds-color-background-action-disabled: #636363;
  --kds-color-background-action-hover: #FFFFFF;
  --kds-color-background-action-pressed: #F2F2F2;
  --kds-color-background-danger-bold: #F39C95;
  --kds-color-background-danger-bold-hovered: #F7BBB7;
  --kds-color-background-danger-bold-pressed: #FBDDDB;
  --kds-color-background-danger-disabled: #2E0805;
  --kds-color-background-danger-subtle: #2E0805;
  --kds-color-background-danger-subtle-hovered: #73140D;
  --kds-color-background-disabled: #4D4D4D;
  --kds-color-background-inverse: #171717;
  --kds-color-background-inverse-hover: #2C2C2C;
  --kds-color-background-inverse-pressed: #3C3C3C;
  --kds-color-background-selected: #FAFAFA;
  --kds-color-background-surface-inverse: #FFFFFF;
  --kds-color-background-surface-primary: #171717;
  --kds-color-background-surface-secondary: #2C2C2C;
  --kds-color-background-warning-bold: #E4AA0C;
  --kds-color-background-warning-subtle: #241B02;
  --kds-color-border-accent-blue-bold: #DEDEFC;
  --kds-color-border-accent-blue-subtle: #0F0FBD;
  --kds-color-border-accent-green-subtle: #024629;
  --kds-color-border-active: #FAFAFA;
  --kds-color-border-bold: #636363;
  --kds-color-border-bold-hover: #E0E0E0;
  --kds-color-border-danger-bold: #FBDDDB;
  --kds-color-border-danger-subtle: #73140D;
  --kds-color-border-disabled: #2C2C2C;
  --kds-color-border-focus: #AFAFF9;
  --kds-color-border-subtle: #3C3C3C;
  --kds-color-border-subtle-hover: #FFFFFF;
  --kds-color-border-warning-bold: #F9DD90;
  --kds-color-border-warning-subtle: #4E3A04;
  --kds-color-brand: #05CE78;
  --kds-color-icon: #F2F2F2;
  --kds-color-icon-danger: #FBDDDB;
  --kds-color-icon-disabled: #636363;
  --kds-color-icon-green: #79FCC3;
  --kds-color-icon-green-inverse: #024629;
  --kds-color-icon-info: #DEDEFC;
  --kds-color-icon-inverse: #3C3C3C;
  --kds-color-icon-subtle: #B3B3B3;
  --kds-color-icon-warning: #F9DD90;
  --kds-color-text-accent-blue: #AFAFF9;
  --kds-color-text-accent-blue-bolder: #F1F1FE;
  --kds-color-text-accent-gray: #F2F2F2;
  --kds-color-text-accent-green: #05CE78;
  --kds-color-text-accent-green-bolder: #D2FEEB;
  --kds-color-text-accent-green-inverse-disabled: #024629;
  --kds-color-text-accent-purple: #CBA6E7;
  --kds-color-text-accent-purple-bolder: #F8F3FC;
  --kds-color-text-accent-red: #F39C95;
  --kds-color-text-accent-red-bolder: #FEF2F1;
  --kds-color-text-accent-red-inverse-disabled: #73140D;
  --kds-color-text-accent-yellow: #E4AA0C;
  --kds-color-text-accent-yellow-bolder: #FDF2D3;
  --kds-color-text-disabled: #636363;
  --kds-color-text-inverse-disabled: #2C2C2C;
  --kds-color-text-inverse-primary: #171717;
  --kds-color-text-inverse-secondary: #3C3C3C;
  --kds-color-text-placeholder: #B3B3B3;
  --kds-color-text-primary: #FAFAFA;
  --kds-color-text-secondary: #C9C9C9;
  --kds-dimension-corner-radius-large: 16;
  --kds-dimension-corner-radius-medium: 8;
  --kds-dimension-corner-radius-small: 4;
  --kds-elevation-1-shadow-color: #00000000;
  --kds-elevation-1-surface-color: var(--kds-color-background-surface-secondary);
  --kds-elevation-1-x: 0px;
  --kds-elevation-1-y: 0px;
  --kds-elevation-1-blur: 0px;
  --kds-elevation-1-spread: 0px;
  --kds-elevation-2-shadow-color: #00000000;
  --kds-elevation-2-surface-color: var(--kds-color-background-surface-secondary);
  --kds-elevation-2-x: 0px;
  --kds-elevation-2-y: 0px;
  --kds-elevation-2-blur: 0px;
  --kds-elevation-2-spread: 0px;
  --kds-elevation-3-shadow-color: #00000000;
  --kds-elevation-3-surface-color: var(--kds-color-background-surface-secondary);
  --kds-elevation-3-x: 0px;
  --kds-elevation-3-y: 0px;
  --kds-elevation-3-blur: 0px;
  --kds-elevation-3-spread: 0px;
  --kds-elevation-4-shadow-color: #00000000;
  --kds-elevation-4-surface-color: var(--kds-color-background-surface-secondary);
  --kds-elevation-4-x: 0px;
  --kds-elevation-4-y: 0px;
  --kds-elevation-4-blur: 0px;
  --kds-elevation-4-spread: 0px;
}

[class*=kds-border] {
  border-width: 0;
  border-style: solid;
  border-color: var(--kds-color-border-subtle);
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-storybook__table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
}

.kds-storybook__caption {
  padding: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.kds-storybook__table :where(th, td, tr) {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  padding: 1rem;
  border-bottom: 1px solid #e5e5e5;
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}
.kds-storybook__table :where(th, td, tr):where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-storybook__table :where(th) {
  text-align: left;
  font-weight: 500;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-accordion {
  --_border: var(--kds-color-border-bold, transparent);
  --_icon-r: 0deg;
  --_icon-ty: 0px;
  --_padding: var(--kds-accordion-padding, 24px);
  background-color: var(--kds-color-background-surface-primary);
  border: 1px solid var(--_border);
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1rem / 10);
  color: var(--kds-color-text-secondary);
  transition-property: outline-width, outline-color, outline-offset, border-color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-accordion:where(:has(summary)) {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-accordion:where(:has(summary)):where(:has(:is(summary):is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true]))) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-accordion:where(:has(*)):where(:is(summary)):focus-visible {
  outline: none !important;
}
.kds-accordion:where(.is-compact) {
  --_padding: var(--kds-accordion-padding, 16px);
}
@media (prefers-reduced-motion: no-preference) {
  .kds-accordion::details-content {
    block-size: 0;
    overflow: hidden;
    transition-property: outline-width, outline-color, outline-offset, height, content-visibility;
    transition-duration: 100ms;
    transition-timing-function: ease-out;
    transition-delay: 0ms;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
    transition-behavior: allow-discrete;
  }
  .kds-accordion[open]::details-content {
    interpolate-size: allow-keywords;
    block-size: auto;
    block-size: calc-size(auto, size);
  }
}
.kds-accordion > * {
  padding: var(--_padding);
}
.kds-accordion > * + * {
  padding-top: 0;
}
.kds-accordion > :where(summary) {
  color: var(--kds-color-text-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  outline: none;
}
.kds-accordion > :where(summary)::marker, .kds-accordion > :where(summary)::-webkit-details-marker {
  display: none;
}
.kds-accordion > :where(summary:hover) {
  cursor: pointer;
  --_icon-ty: 0.2rem;
}
.kds-accordion > :where(summary:active) > :where(.kds-accordion__icon) {
  --_icon-ty: calc(0.2rem + 0.4rem);
}
.kds-accordion:where(:has(> summary:hover)) {
  --_border: var(--kds-color-border-bold-hover);
}
.kds-accordion :where(.kds-accordion__icon) {
  transition-property: outline-width, outline-color, outline-offset, transform;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
  transform: rotate(var(--_icon-r)) translateY(var(--_icon-ty));
  transform-origin: center center;
}
.kds-accordion :where(.kds-accordion__icon), .kds-accordion :where(.kds-accordion__icon) > * {
  display: block;
}
.kds-accordion:where([open]) > :where(summary) > :where(.kds-accordion__icon) {
  --_icon-r: -180deg;
}

kds-badge {
  border: 1px solid var(--kds-color-background-accent-gray-subtle);
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1rem / 10);
  display: inline-block;
  padding: 3px;
  color: var(--kds-color-text-accent-gray);
  background-color: var(--kds-color-background-accent-gray-subtle);
  transition: 250ms ease-out;
  transition-property: background-color, color, border-color;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6rem;
}
kds-badge:where(:not([data-variant]),
[data-variant=gray]) {
  background-color: var(--kds-color-background-accent-gray-subtle);
  color: var(--kds-color-text-accent-gray);
  border-color: var(--kds-color-background-accent-gray-subtle);
}
kds-badge:where(:not([data-variant]),
[data-variant=gray]) > :where(.kds-icon) {
  --kds-icon-fill: var(--kds-color-icon);
}
kds-badge:where([data-variant=green]) {
  background-color: var(--kds-color-background-accent-green-subtle);
  color: var(--kds-color-text-accent-green-bolder);
  border-color: var(--kds-color-background-accent-green-subtle);
}
kds-badge:where([data-variant=green]) > :where(.kds-icon) {
  --kds-icon-fill: var(--kds-color-icon-green);
}
kds-badge:where([data-variant=purple]) {
  background-color: var(--kds-color-background-accent-purple-subtle);
  color: var(--kds-color-text-accent-purple-bolder);
  border-color: var(--kds-color-background-accent-purple-subtle);
}
kds-badge:where([data-variant=purple]) > :where(.kds-icon) {
  --kds-icon-fill: var(--kds-color-text-accent-purple-bolder);
}
kds-badge:where([data-variant=blue]) {
  background-color: var(--kds-color-background-accent-blue-subtle);
  color: var(--kds-color-text-accent-blue-bolder);
  border-color: var(--kds-color-background-accent-blue-subtle);
}
kds-badge:where([data-variant=blue]) > :where(.kds-icon) {
  --kds-icon-fill: var(--kds-color-icon-info);
}
kds-badge:where([data-variant=danger]) {
  background-color: var(--kds-color-background-danger-subtle);
  color: var(--kds-color-text-accent-red-bolder);
  border-color: var(--kds-color-background-danger-subtle);
}
kds-badge:where([data-variant=danger]) > :where(.kds-icon) {
  --kds-icon-fill: var(--kds-color-icon-danger);
}
kds-badge:where([data-variant=warning]) {
  background-color: var(--kds-color-background-warning-subtle);
  color: var(--kds-color-text-accent-yellow-bolder);
  border-color: var(--kds-color-background-warning-subtle);
}
kds-badge:where([data-variant=warning]) > :where(.kds-icon) {
  --kds-icon-fill: var(--kds-color-icon-warning);
}
kds-badge:where([data-variant=outlined]) {
  background-color: var(--kds-color-background-surface-primary);
  color: var(--kds-color-text-secondary);
  border-color: var(--kds-color-border-subtle);
}
kds-badge:where([data-variant=outlined]) > :where(.kds-icon) {
  --kds-icon-fill: var(--kds-color-icon-subtle);
}
kds-badge:where([aria-disabled=true]) {
  background-color: var(--kds-color-background-surface-primary);
  color: var(--kds-color-text-disabled);
  border-color: var(--kds-color-border-disabled);
}
kds-badge:where([aria-disabled=true]) > :where(.kds-icon) {
  --kds-icon-fill: var(--kds-color-icon-disabled);
}
kds-badge:has(> .kds-icon) {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  vertical-align: bottom;
}
kds-badge:has(> .kds-icon) > :where(.kds-icon) {
  flex-shrink: 0;
}

.kds-badge__content {
  display: inherit;
  flex-direction: inherit;
  align-items: inherit;
  justify-content: inherit;
  gap: inherit;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-banner {
  --_bgc: var(--kds-color-background-accent-blue-subtle);
  --_bc: var(--kds-color-border-accent-blue-bold);
  --_icon: var(--kds-color-icon-info);
  --_footer-grid-row: "FOOTER FOOTER FOOTER" auto;
  background-color: var(--_bgc);
  border-left: 4px solid;
  border-color: var(--_bc);
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px) 0 0 calc(var(--kds-dimension-corner-radius-small) * 1px);
  color: var(--kds-color-text-primary);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  display: grid;
  align-items: first baseline;
  column-gap: 8px;
  padding: 16px;
  grid: var(--_grid-header, " ICON   ...         DISMISS" 1fr " ICON   MESSAGE     DISMISS" var(--_grid-heading-height) " ICON   ...         DISMISS" 1fr) " ...    DESCRIPTION ...    " auto " ...    FOOTER      ...    " auto/auto 1fr auto;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}
@supports (width: 1lh) {
  .kds-banner {
    --_grid-heading-height: minmax(1lh, auto);
    --_grid-icon-height: min-content;
  }
}
.kds-banner__icon {
  --kds-icon-fill: var(--_icon);
}
.kds-banner__dismiss {
  fill: var(--kds-color-icon);
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-banner__dismiss:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-banner > :where(.kds-banner__title) {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.037rem;
}
.kds-banner--small {
  --_grid-header:
  " ...    MESSAGE     ..." 1fr
  " ICON   MESSAGE     DISMISS" var(--_grid-icon-height)
  " ...    MESSAGE     ..." 1fr ;
}
.kds-banner--small > :where(.kds-banner__title) {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.032rem;
}
.kds-banner__icon {
  grid-area: ICON;
}
.kds-banner__title {
  grid-area: MESSAGE;
  margin-bottom: 0;
}
.kds-banner__description {
  grid-area: DESCRIPTION;
}
.kds-banner__dismiss {
  grid-area: DISMISS;
}
.kds-banner__footer {
  grid-area: FOOTER;
}
.kds-banner__description {
  margin-block: 8px 0;
}
.kds-banner__footer {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.kds-banner__title {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.037rem;
  margin: 0;
}
.kds-banner--small > :where(.kds-banner__title) {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.032rem;
}
.kds-banner--info {
  --_bgc: var(--kds-color-background-accent-blue-subtle);
  --_bc: var(--kds-color-border-accent-blue-bold);
  --_icon: var(--kds-color-icon-info);
}
.kds-banner--warning {
  --_bgc: var(--kds-color-background-warning-subtle);
  --_bc: var(--kds-color-border-warning-bold);
  --_icon: var(--kds-color-icon-warning);
}
.kds-banner--error {
  --_bgc: var(--kds-color-background-danger-subtle);
  --_bc: var(--kds-color-border-danger-bold);
  --_icon: var(--kds-color-icon-danger);
}
.kds-banner--success {
  --_bgc: var(--kds-color-background-accent-green-subtle);
  --_bc: var(--kds-color-accent-green-bold);
  --_icon: var(--kds-color-icon-green);
}
.kds-banner:where([hidden]) {
  display: none;
}

.kds-button {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.04rem;
  background-clip: border-box;
  --_pb: 12px;
  --_pi: 16px;
  --_p-icon: 12px;
  --_pi-less: 16px;
  --_pi-more: 24px;
  --_pi-start: var(--_pi);
  --_pi-end: var(--_pi);
  --_min-size: 48px;
  --_gap: 8px;
  --_flex-dir: row;
  --_bg: transparent;
  --_color: var(--kds-color-text-primary);
  --_border: var(--kds-button-border-color, transparent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: var(--_flex-dir);
  gap: var(--_gap);
  text-align: center;
  box-sizing: border-box;
  min-height: var(--_min-size);
  min-width: var(--_min-size);
  padding-block: calc(var(--_pb) - 1px);
  padding-inline: calc(var(--_pi) - 1px);
  padding-inline-start: calc(var(--_pi-start, var(--_pi)) - 1px);
  padding-inline-end: calc(var(--_pi-end, var(--_pi)) - 1px);
  background-clip: border-box;
  background-color: var(--_bg);
  border: 1px solid var(--kds-button-border-color, var(--_border));
  color: var(--_color);
  cursor: pointer;
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1rem / 10);
  transition-property: outline-width, outline-color, outline-offset, background-color, border-color, box-shadow, color, fill, gap, margin, min-height, padding, outline;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-button:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-button:where(.kds-button.is-compact) {
  --_min-size: 40px;
  --_pb: 8px;
  --_pi: 12px;
  --_p-icon: 8px;
  --_pi-less: 8px;
  --_pi-more: 16px;
  --_gap: 4px;
}
.kds-button > * {
  flex: 0 0 auto;
}
.kds-button:where(:has(> .kds-icon.is-only)) {
  --_pb: var(--_p-icon);
  --_pi: var(--_p-icon);
  max-height: var(--_min-size);
  aspect-ratio: 1;
}
.kds-button:where(.kds-button:has(> .kds-icon:not(.is-after):not(.is-only))) {
  --_pi-start: var(--_pi-less);
  --_pi-end: var(--_pi-more);
}
.kds-button:where(.kds-button:has(> .kds-icon.is-after:not(.is-only))) {
  --_pi-start: var(--_pi-more);
  --_pi-end: var(--_pi-less);
  --_flex-dir: row-reverse;
}
.kds-button:where([data-variant=filled], :not([data-variant])) {
  --_bg: var(--kds-color-background-action);
  --_color: var(--kds-color-text-inverse-primary);
  --_spinner-color: var(--kds-color-icon);
  --kds-icon-fill: var(--kds-color-icon-inverse);
}
.kds-button:where([data-variant=filled], :not([data-variant])):where(:hover, [data-rac][data-hovered=true]) {
  --_bg: var(--kds-color-background-action-hover);
}
.kds-button:where([data-variant=filled], :not([data-variant])):where(:active, [data-rac][data-pressed=true]) {
  --_bg: var(--kds-color-background-action-pressed);
  --kds-icon-fill: var(--kds-color-icon-inverse);
}
.kds-button:where([data-variant=filled], :not([data-variant])):where(:disabled, [data-rac][data-disabled=true]) {
  --_bg: var(--kds-color-background-action-disabled);
  --_color: var(--kds-color-text-inverse-primary);
  --kds-icon-fill: var(--kds-color-icon-inverse);
}
.kds-button:where([data-variant="filled/inverted"]) {
  --_bg: var(--kds-color-background-surface-primary);
  --_border: var(--_bg);
  --_color: var(--kds-color-text-primary);
  --_spinner-color: var(--kds-color-icon);
  --kds-icon-fill: var(--kds-color-icon);
}
.kds-button:where([data-variant="filled/inverted"]):where(:hover, [data-rac][data-hovered=true]) {
  --_bg: var(--kds-color-background-inverse-hover);
}
.kds-button:where([data-variant="filled/inverted"]):where(:active, [data-rac][data-pressed=true]) {
  --_bg: var(--kds-color-background-inverse-pressed);
}
.kds-button:where([data-variant="filled/inverted"]):where(:disabled, [data-rac][data-disabled=true]) {
  --_bg: var(--kds-color-background-accent-gray-subtle);
  --_border: var(--_bg);
  --_color: var(--kds-color-text-disabled);
  --kds-icon-fill: var(--kds-color-icon-disabled);
}
.kds-button:where([data-variant="filled/destructive"]) {
  --_bg: var(--kds-color-background-danger-bold);
  --_color: var(--kds-color-text-inverse-primary);
  --_spinner-color: var(--kds-color-icon-danger);
  --kds-icon-fill: var(--_color);
}
.kds-button:where([data-variant="filled/destructive"]):where(:hover, [data-rac][data-hovered=true]) {
  --_bg: var(--kds-color-background-danger-bold-hovered);
}
.kds-button:where([data-variant="filled/destructive"]):where(:active, [data-rac][data-pressed=true]) {
  --_bg: var(--kds-color-background-danger-bold-pressed);
}
.kds-button:where([data-variant="filled/destructive"]):where(:disabled, [data-rac][data-disabled=true]) {
  --_bg: #F39C95;
  --_color: #FFFAFA;
  --_fill: #FFFAFA;
}
.kds-button:where([data-variant=outlined]) {
  --_border: var(--kds-color-border-bold);
  --_color: var(--kds-color-text-primary);
  --_spinner-color: var(--kds-color-icon);
  --kds-icon-fill: var(--kds-color-icon);
}
.kds-button:where([data-variant=outlined]):where(:hover, [data-rac][data-hovered=true]) {
  --_border: var(--kds-color-border-bold-hover);
}
.kds-button:where([data-variant=outlined]):where(:focus-visible, [data-rac][data-focused=true]) {
  --_border: var(--kds-color-border-bold);
}
.kds-button:where([data-variant=outlined]):where(:active, [data-rac][data-pressed=true]) {
  --_border: var(--kds-color-border-active);
}
.kds-button:where([data-variant=outlined]):where(:disabled, [data-rac][data-disabled=true]) {
  --_border: #E0E0E0;
  --_color: var(--kds-color-text-disabled);
  --kds-icon-fill: var(--kds-color-icon-disabled);
}
.kds-button:where([data-variant="outlined/destructive"]) {
  --_border: #B81F14;
  --_color: #B81F14;
  --_spinner-color: var(--kds-color-icon-danger);
  --kds-icon-fill: var(--_color);
}
.kds-button:where([data-variant="outlined/destructive"]):where(:hover, [data-rac][data-hovered=true]) {
  --_border: #B81F14;
  --_color: #73140D;
}
.kds-button:where([data-variant="outlined/destructive"]):where(:focus-visible, [data-rac][data-focused=true]) {
  --_border: #73140D;
  --_color: #931910;
}
.kds-button:where([data-variant="outlined/destructive"]):where(:active, [data-rac][data-pressed=true]) {
  --_border: #73140D;
  --_color: #931910;
}
.kds-button:where([data-variant="outlined/destructive"]):where(:disabled, [data-rac][data-disabled=true]) {
  --_color: #F39C95;
  --_border: #F39C95;
}
.kds-button:where([data-variant=borderless]) {
  --_border: var(--_bg);
  --_color: var(--kds-color-text-primary);
  --_spinner-color: var(--kds-color-icon);
  --kds-icon-fill: var(--kds-color-icon);
}
.kds-button:where([data-variant=borderless]):where(:hover, [data-rac][data-hovered=true]) {
  --_border: var(--kds-color-border-subtle-hover);
}
.kds-button:where([data-variant=borderless]):where(:active, [data-rac][data-pressed=true]) {
  --_border: var(--kds-color-border-active);
}
.kds-button:where([data-variant=borderless]):where(:disabled, [data-rac][data-disabled=true]) {
  --_border: transparent;
  --_color: var(--kds-color-text-disabled);
  --kds-icon-fill: var(--kds-color-icon-disabled);
}
.kds-button:where([data-variant="borderless/destructive"]) {
  --_color: #B81F14;
  --_border: transparent;
  --_spinner-color: var(--kds-color-icon-danger);
  --kds-icon-fill: var(--_color);
}
.kds-button:where([data-variant="borderless/destructive"]):where(:hover, [data-rac][data-hovered=true]) {
  --_color: #73140D;
  --_border: #B81F14;
}
.kds-button:where([data-variant="borderless/destructive"]):where(:focus-visible, [data-rac][data-focused=true]) {
  --_color: #931910;
}
.kds-button:where([data-variant="borderless/destructive"]):where(:active, [data-rac][data-pressed=true]) {
  --_color: #931910;
  --_border: #931910;
}
.kds-button:where([data-variant="borderless/destructive"]):where(:disabled, [data-rac][data-disabled=true]) {
  --_color: #F39C95;
  --_border: transparent;
}
.kds-button:where([data-variant=old-school]) {
  --border: transparent;
  --_bg: var(--kds-color-background-accent-green-bold);
  --_color: var(--kds-color-text-inverse-primary);
  --_spinner-color: var(--kds-color-icon-green);
  --kds-icon-fill: var(--kds-color-icon-green-inverse);
}
.kds-button:where([data-variant=old-school]):where(:hover, [data-rac][data-hovered=true]) {
  --_bg: var(--kds-color-background-accent-green-bold-hovered);
}
.kds-button:where([data-variant=old-school]):where(:active, [data-rac][data-pressed=true]) {
  --_bg: var(--kds-color-background-accent-green-bold-pressed);
  --kds-icon-fill: var(--kds-color-icon-green-inverse);
}
.kds-button:where([data-variant=old-school]):where(:disabled, [data-rac][data-disabled=true]) {
  --_bg: #98DDBF;
  --_color: var(--kds-color-text-accent-green-inverse-disabled);
  --kds-icon-fill: var(--kds-color-icon-green-inverse);
}
.kds-button:where([data-variant=transparent]) {
  --_border: transparent;
  --_color: var(--kds-color-text-primary);
  --_spinner-color: var(--kds-color-icon);
  --kds-icon-fill: var(--kds-color-icon);
}
.kds-button:where([data-variant=transparent]):where(:disabled, [data-rac][data-disabled=true]) {
  --_color: var(--kds-color-text-disabled);
  --kds-icon-fill: var(--kds-color-icon-disabled);
}
.kds-button:where(:where(:disabled, [data-rac][data-disabled=true])) {
  cursor: not-allowed;
}
.kds-button:where(:has(> .kds-button__spinner)) {
  position: relative;
}
.kds-button:where(:has(> .kds-button__spinner)) > :where(.kds-button__spinner) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.kds-button:where(:has(> .kds-button__spinner)) > :where(.kds-button__spinner) svg {
  --kds-icon-fill: var(--_spinner-color);
}
.kds-button:where(:has(> .kds-button__spinner)) > :where(.kds-icon.is-only) {
  --kds-icon-fill: transparent;
}
.kds-button--split {
  isolation: isolate;
}
.kds-button--split:where(:hover, :focus) {
  z-index: 1;
}
.kds-button--split:where(:first-of-type) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
* + .kds-button--split:where(:not(:last-of-type)) {
  border-radius: 0;
  border-radius: 0;
}
.kds-button--split:where(:last-of-type) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-checkbox {
  box-sizing: border-box;
  --_bc: var(--kds-color-border-bold);
  --_br: calc(var(--kds-dimension-corner-radius-small) * 1px);
  --_bs: 1px;
  --_bgc: transparent;
  --_color: var(--kds-color-background-surface-primary);
  --_label-color: var(--kds-color-text-primary);
  --_press-bgc: var(--kds-color-background-accent-gray-subtle);
  display: inline-flex;
  min-height: 2.4rem;
  align-items: start;
  gap: 8px;
  flex-shrink: 0;
}
.kds-checkbox[data-focus-visible=true]:where(:has(input)) {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
}
.kds-checkbox[data-focus-visible=true]:where(:has(input)) .kds-checkbox__control {
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-checkbox[data-focus-visible=true]:where(:has(input)):where(:has(:is(input):is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true]))) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-checkbox[data-focus-visible=true]:where(:has(*)):where(:is(input)):focus-visible {
  outline: none !important;
}
.kds-checkbox > :where(input) {
  width: 1px;
  height: 1px;
  padding: 0px;
  border: 0px;
  margin: -1px;
  clip: rect(0px, 0px, 0px, 0px);
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
}
.kds-checkbox__label {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  color: var(--_label-color);
  transition-property: outline-width, outline-color, outline-offset, color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-checkbox__control {
  display: block;
  box-sizing: border-box;
  background-color: var(--_bgc);
  --kds-icon-fill: var(--_color);
  min-height: 2.4rem;
  aspect-ratio: 1;
  border: var(--_bs) solid var(--_bc);
  border-radius: var(--_br);
  padding: calc(4px - var(--_bs));
  transition-property: outline-width, outline-color, outline-offset, background-color, border-color, color, scale, box-shadow;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-checkbox:where(:is(:has(input:checked),
[data-selected=true],
[data-indeterminate=true])) {
  --_bc: var(--kds-color-border-active);
  --_bgc: var(--kds-color-background-selected);
  --_color: var(--kds-color-background-surface-primary);
  --_press-bgc: var(--kds-color-background-accent-gray-bold);
}
.kds-checkbox:where(:hover) {
  --_bc: var(--kds-color-border-bold-hover);
}
.kds-checkbox:where(:active, [data-pressed=true]) {
  --_bs: 2px;
  --_bgc: var(--_press-bgc);
}
.kds-checkbox:where([data-readonly=true]) {
  --_bc: var(--kds-color-border-subtle);
  --_bs: 1px;
  --_bgc: var(--kds-color-background-surface-primary);
  --_color: var(--kds-color-background-surface-primary);
}
.kds-checkbox:where([data-readonly=true]):where(:is(:has(input:checked),
[data-selected=true],
[data-indeterminate=true])) {
  --_bc: var(--kds-color-border-disabled);
  --_bgc: var(--kds-color-background-disabled);
}
.kds-checkbox:where(:is(:has(input:disabled),
[data-disabled=true])) {
  --_label-color: var(--kds-color-text-disabled);
  --_bc: var(--kds-color-border-subtle);
  --_bs: 1px;
  --_bgc: var(--kds-color-background-surface-primary);
  --_color: var(--kds-color-background-surface-primary);
}
.kds-checkbox:where(:is(:has(input:disabled),
[data-disabled=true])):where(:is(:has(input:checked),
[data-selected=true],
[data-indeterminate=true])) {
  --_bc: var(--kds-color-border-disabled);
  --_bgc: var(--kds-color-background-disabled);
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-chip, .kds-chip:where([data-variant=outlined]) {
  --_bw: 1px;
  --_bc: var(--kds-color-border-bold);
  --_bgc: transparent;
  --_pb: 8px;
  --_pi: 16px;
  --_color: var(--kds-color-text-primary);
  --_icon-fill: var(--kds-color-icon);
}
.kds-chip:where([data-variant=filled]) {
  --_bw: 0px;
  --_bc: transparent;
  --_bgc: var(--kds-color-background-accent-gray-subtle);
  --_color: var(--kds-color-text-primary);
  --_icon-fill: var(--kds-color-text-primary);
  --_icon-fill-disabled: var(--kds-color-icon-disabled);
  --_bgc-disabled: var(--kds-color-background-accent-gray-subtle);
  --_color-disabled: var(--kds-color-text-disabled);
}

.kds-chip {
  display: inline-flex;
  padding-inline: calc(var(--_pi) - var(--_bw));
  padding-block: calc(var(--_pb) - var(--_bw));
  border: var(--_bw) solid var(--_bc);
  border-radius: calc(var(--_pb) + var(--_pi));
  gap: 0.4rem;
  align-items: center;
  background-color: var(--_bgc);
  vertical-align: middle;
  transition: 100ms ease-out;
  transition-property: border-color;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.037rem;
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-chip:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-chip, .kds-chip:is(a[href]), .kds-chip:is(button, [role=button]) {
  color: var(--_color);
}
.kds-chip:where([data-size=sm]) {
  --_pb: 8px;
  --_pi: 12px;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.032rem;
}
.kds-chip:where(:is(button, [role=button], a[href], [role=row]:is([data-selection-mode=single], [data-selection-mode=multiple])):not(:disabled, [aria-disabled=true], [data-disabled=true]):is([aria-pressed],
[data-selection-mode=single],
[data-selection-mode=multiple])),
.kds-chip :where(.kds-chip__remove:not(:disabled, [aria-disabled=true], [data-disabled=true])) {
  cursor: pointer;
}
.kds-chip:where(:is(button, [role=button], a[href], [role=row]:is([data-selection-mode=single], [data-selection-mode=multiple])):is(:hover, [data-hovered=true]),
:has(.kds-chip__remove:hover)):where(:not(:disabled, [aria-disabled=true], [data-disabled=true])) {
  --_bw: var(--_bw-hover, 1px);
  --_bc: var(--_bc-hover, var(--kds-color-border-bold-hover));
}
.kds-chip:where(:is(button, [role=button], a[href], [role=row]:is([data-selection-mode=single], [data-selection-mode=multiple])):is(:active,
[data-pressed=true], [aria-pressed=true],
[data-selected=true], [aria-selected=true]),
:has(.kds-chip__remove:active)):where(:not(:disabled, [aria-disabled=true], [data-disabled=true])) {
  --_bw: var(--_bw-active, 2px);
  --_bc: var(--_bc-active, var(--kds-color-border-active));
}
.kds-chip:where(:disabled, [aria-disabled=true], [data-disabled=true]) {
  --_color: var(--_color-disabled, var(--kds-color-text-disabled));
  --_bc: var(--_bc-disabled, var(--kds-color-border-disabled));
  --_bgc: var(--_bgc-disabled, transparent);
  --_icon-fill: var(--_icon-fill-disabled, var(--kds-color-text-disabled));
  cursor: auto;
}
.kds-chip:where(:has(.kds-chip__remove)) {
  transition: 100ms ease-out;
  transition-property: border-color;
}
.kds-chip__icon {
  --kds-icon-fill: var(--_icon-fill);
  flex: 1 0 auto;
  margin-inline-start: -4px;
}
.kds-chip__remove {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  border-radius: calc(infinity * 1px);
  --kds-icon-fill: var(--_icon-fill);
  margin-inline-start: 4px;
  margin-inline-end: -4px;
}
.kds-chip__remove:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-chip__remove:where(:disabled, [aria-disabled=true]) {
  cursor: default;
}
.kds-chip__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--kds-chip-gap, 8px);
  outline: none;
}
.kds-chip:where(:has(> button:is(:active, .kds--pressed)):not([aria-pressed=true])) {
  --_bw: var(--_bw-pressed, 2px);
}

.kds-combo-box__input-group {
  --kds-input-group-padding: 8px;
  position: relative;
}

.kds-combo-box__value,
.kds-combo-box__actions {
  padding-block: var(--kds-input-group-padding);
  margin-block: calc((var(--kds-input-group-padding) + 1px) * -1);
}
.kds-combo-box__value:first-child,
.kds-combo-box__actions:first-child {
  padding-inline-start: 4px;
}

.kds-combo-box__value {
  flex: 1 0 auto;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  gap: 8px;
  container: search/inline-size;
}
.kds-combo-box__value :where(.kds-combo-box__control) {
  flex: 1 0 auto;
  field-sizing: content;
  min-width: 5ch;
  max-width: 100cqi;
}
.kds-combo-box__value .kds-combo-box__chip-group {
  flex: 1 0 auto;
}
.kds-combo-box__value .kds-combo-box__chip-group, .kds-combo-box__value .kds-combo-box__chip-group :where(:has(.kds-chip__list),
.kds-chip__list) {
  display: contents;
}

.kds-combo-box__control {
  border: none;
  outline-width: 0;
  flex: 1 0 5ch;
}
.kds-combo-box__control::-webkit-search-cancel-button {
  display: none;
}

.kds-combo-box__actions {
  display: grid;
}
.kds-combo-box__actions > * {
  grid-column: 1;
  grid-row: 1;
  margin: calc(var(--kds-input-group-padding) * -1);
}

.kds-combo-box__menu-anchor {
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  inset: auto 0 0 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
  visibility: hidden;
}

[data-empty=true] .kds-combo-box__clear {
  display: none;
}

.kds-combo-box__popover {
  min-width: calc(var(--kds-combo-box-menu-width, 0) * 1px);
}

.kds-combo-box__control {
  margin-block: calc(var(--kds-input-group-padding) * -1);
  min-height: 3.2rem;
  padding-block: 0.8rem;
  padding-inline: 0;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-dialog {
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  background-color: var(--kds-color-background-surface-primary);
  color: var(--kds-color-text-primary);
  max-height: calc(100vh - 48px * 2);
  margin-inline: 48px;
  overflow: auto;
  scrollbar-width: thin;
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  display: grid;
  grid-template-areas: "HEADER " "CONTENT" "FOOTER ";
  gap: 16px;
}
@media (max-width: 480px) {
  .kds-dialog {
    margin-inline: 12px;
  }
}
.kds-dialog:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-dialog__header {
  grid-area: HEADER;
}
.kds-dialog__content {
  grid-area: CONTENT;
}
.kds-dialog__footer {
  grid-area: FOOTER;
}
.kds-dialog__form {
  display: grid;
  grid-column: 1/-1;
  grid-row: 1/-1;
  grid-template-rows: subgrid;
  grid-template-columns: subgrid;
}
.kds-dialog__header, .kds-dialog__footer {
  display: flex;
  justify-content: space-between;
  column-gap: 16px;
  padding-block: 16px;
  padding-inline: 24px;
  background-color: inherit;
  position: sticky;
  z-index: 1;
  inset: 0;
}
.kds-dialog__content {
  padding-inline: 24px;
  z-index: 0;
}
@media screen and (max-width: 480px) {
  .kds-dialog__content {
    padding-inline: 16px;
  }
}
.kds-dialog__header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  column-gap: 16px;
  position: sticky;
  inset-block-start: 0;
}
@media screen and (max-width: 480px) {
  .kds-dialog__header {
    padding-inline: 16px;
  }
}
.kds-dialog__footer {
  display: flex;
  align-items: center;
  gap: 16px;
  position: sticky;
  inset-block-end: 0;
}
@media screen and (max-width: 480px) {
  .kds-dialog__footer {
    padding-inline: 16px;
  }
}
.kds-dialog__header, .kds-dialog__footer {
  box-shadow: 0 0 0 0 transparent;
  background-color: var(--kds-color-background-surface-primary);
  animation: kds-dialog-scroll-elevation linear forwards;
  animation-timeline: scroll();
}
@keyframes kds-dialog-scroll-elevation {
  to {
    box-shadow: var(--kds-elevation-1-x) var(--kds-elevation-1-y) var(--kds-elevation-1-blur) var(--kds-elevation-1-spread) var(--kds-elevation-1-shadow-color);
    background-color: var(--kds-elevation-1-surface-color);
  }
}
.kds-dialog__header {
  animation-range-start: 0%;
  animation-range-end: 48px;
}
.kds-dialog__footer {
  animation-fill-mode: backwards;
  animation-direction: reverse;
  animation-range-start: calc(100% - 48px);
  animation-range-end: 100%;
  --kds-elevation-1-y: -2px;
}
.kds-dialog__actions {
  margin-inline-start: auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 8px;
}
.kds-dialog__close {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-dialog__close:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}

.kds-modal[data-entering] {
  animation: modal-zoom 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
@keyframes modal-zoom {
  from {
    box-shadow: 0 0 0 0 transparent;
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    box-shadow: var(--kds-elevation-3-x) var(--kds-elevation-3-y) var(--kds-elevation-3-blur) var(--kds-elevation-3-spread) var(--kds-elevation-3-shadow-color);
    transform: scale(1);
    opacity: 1;
  }
}
.kds-modal__overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100vw;
  height: var(--visual-viewport-height, 100vh);
  display: grid;
  place-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4.5px);
}
.kds-modal__overlay[data-entering] {
  animation: modal-fade 150ms ease-out forwards;
}
@keyframes modal-fade {
  from {
    backdrop-filter: blur(0px);
    opacity: 0;
  }
  to {
    backdrop-filter: blur(4.5px);
    opacity: 1;
  }
}
.kds-modal__overlay[data-exiting] {
  animation: modal-fade 150ms reverse ease-in;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
kds-disclosure,
.kds-disclosure {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition-property: outline-width, outline-color, outline-offset, grid-template-rows;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
kds-disclosure__content,
.kds-disclosure__content {
  min-height: 0;
  visibility: var(--_visibility, visible);
  transition: visibility 0s var(--_delay, 100ms);
}
kds-disclosure:where(:is(:not([aria-hidden=true]),
.kds-disclosure__trigger:where([data-rac][data-selected=true]) + *)),
.kds-disclosure:where(:is(:not([aria-hidden=true]),
.kds-disclosure__trigger:where([data-rac][data-selected=true]) + *)) {
  grid-template-rows: 1fr;
  --_visibility: visible;
  --_delay: 0s;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-field {
  --_color: var(--kds-color-text-secondary);
  --_label-color: var(--kds-color-text-primary);
  --_align: var(--kds-field-align, stretch);
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  color: var(--_color);
  --_help-color: var(--kds-color-text-secondary);
  --_icon-color: var(--kds-color-icon);
  --kds-input-group-bc: var(--kds-color-border-bold);
  --kds-input-group-bgc: var(--kds-color-background-surface-primary);
  --kds-input-group-color: var(--_label-color);
  --kds-input-group-info-color: var(--kds-color-text-secondary);
}
.kds-field__content {
  display: grid;
  justify-items: stretch;
  grid-template-columns: minmax(min-content, 1fr);
}
.kds-field__help {
  display: flex;
  gap: 4px;
  align-items: baseline;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin-top: -8px;
}
.kds-field__help > * {
  margin-top: 8px;
}
.kds-field__help:where([data-size=static]) {
  min-height: 1lh;
}
.kds-field__icon {
  flex: 0 0 auto;
  grid-area: ICON;
  --kds-icon-fill: var(--_icon-color);
  align-self: start;
  min-height: 1lh;
  display: inline-flex;
  align-items: center;
}
.kds-field__help {
  grid-area: HELP;
}
.kds-field__label {
  display: inline-block;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.032rem;
  color: var(--_label-color);
}
.kds-field__error, .kds-field__warning, .kds-field__description {
  color: var(--_help-color);
}
.kds-field__help {
  display: grid;
  grid-auto-flow: column;
  list-style-type: none;
}
.kds-field__help:where([data-size=stable]) {
  min-height: 1lh;
}
.kds-field__help > :where([aria-hidden]) {
  isolation: isolate;
  grid-row: 1;
  grid-column: 1;
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
}
.kds-field__help > :where([aria-hidden=true],
[aria-hidden=false]:has(~ [aria-hidden=false])) {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.kds-field__help:where(:not([data-size=stable])) > :where([aria-hidden=true],
[aria-hidden=false]:has(~ [aria-hidden=false])) {
  display: none;
}
.kds-field__status {
  justify-self: end;
}
.kds-field:where(:is([data-warning=true],
:has([data-warning=true]))) {
  --_help-color: var(--kds-color-text-accent-yellow-bolder);
  --_icon-color: var(--kds-color-icon-warning);
  --kds-input-group-bc: var(--kds-color-border-warning-bold);
  --kds-input-group-bgc: var(--kds-color-background-warning-subtle);
}
.kds-field:where(:is(:user-invalid, [aria-invalid=true],
:has(:user-invalid, [aria-invalid=true]),
[data-invalid=true])) {
  --_help-color: var(--kds-color-text-accent-red-bolder);
  --_icon-color: var(--kds-color-icon-danger);
  --kds-input-group-bc: var(--kds-color-border-danger-bold);
  --kds-input-group-bgc: var(--kds-color-background-danger-subtle);
}
.kds-field:where(:is(:disabled, [aria-disabled=true],
:has(:disabled, [aria-disabled=true]):not(:has(:enabled, [aria-disabled=false])),
[data-disabled=true])) {
  --_color: var(--kds-color-text-disabled);
  --_label-color: var(--kds-color-text-disabled);
  --_help-color: var(--kds-color-text-disabled);
  --_icon-color: var(--kds-color-icon-disabled);
  --kds-input-group-color: var(--kds-color-text-disabled);
  --kds-input-group-bc: var(--kds-color-border-disabled);
  --kds-input-group-bgc: var(--kds-color-background-surface-primary);
  --kds-input-group-info-color: var(--kds-color-text-disabled);
}
.kds-field:where(:is([data-readonly=true],
[data-readonly=true] *,
[role=radiogroup][aria-readonly=true],
:has(input:is(input:is([type=text], [type=password], [type=search], [type=url], [type=email], [type=tel], [type=number], [type=date], [type=time], [type=datetime-local], [type=month], [type=week])):read-only:not(:disabled),
[aria-readonly=true]):not(:has(input:is(:read-write, :not([aria-readonly=true])))))) {
  --_color: var(--kds-color-text-secondary);
  --_label-color: var(--kds-color-text-primary);
  --_help-color: var(--kds-color-text-secondary);
  --_icon-color: var(--kds-color-icon);
  --kds-input-group-bc: transparent;
  --kds-input-group-bgc: var(--kds-color-background-surface-primary);
  --kds-input-group-color: var(--_label-color);
  --kds-input-group-icon-color: var(--kds-color-icon);
  --kds-input-group-info-color: var(--kds-color-text-secondary);
  --kds-input-group-padding-inline: 0px;
}

.kds-heading {
  font-family: "Inter", sans-serif;
}

.kds-grid {
  --kds-grid-col-size: auto;
}

.kds-icon {
  --_fill: var(--kds-icon-fill, var(--kds-color-icon));
  display: block;
  fill: var(--_fill);
  transition-property: outline-width, outline-color, outline-offset, fill, stroke;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-input-group {
  --_bc: var(--kds-input-group-bc, var(--kds-color-border-bold));
  --_bgc: var(--kds-input-group-bgc, var(--kds-color-background-surface-primary));
  --_color: var(--kds-input-group-color, var(--kds-color-text-secondary));
  --_affix-color: var(--kds-input-group-affix-color, var(--kds-color-text-secondary));
  --_icon-color: var(--kds-input-group-icon-color, var(--kds-color-icon));
  --_border-offset: 1px;
  --_gap: var(--kds-input-group-gap, 8px);
  --_icon-size: var(--kds-input-group-icon-size, 24px);
  --_padding: var(--kds-input-group-padding, 12px);
  --_inset: var(--kds-input-group-inset, -1px);
  box-sizing: border-box;
  border: 1px solid var(--_bc);
  min-height: 48px;
  gap: var(--_gap);
  padding: var(--_padding);
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1rem / 10);
  background-color: var(--_bgc);
  color: var(--_color);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  transition-property: outline-width, outline-color, outline-offset;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-input-group:where(:has(.kds-input-group__control)) {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-input-group:where(:has(.kds-input-group__control)):where(:has(:is(.kds-input-group__control):is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true]))) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-input-group:where(:has(*)):where(:is(.kds-input-group__control)):focus-visible {
  outline: none !important;
}
.kds-input-group > * {
  padding-block: var(--_padding);
  margin-block: calc((var(--_padding) + 1px) * -1);
}
.kds-input-group > *:where(:first-child) {
  margin-inline-start: calc((var(--_padding) + 1px) * -1);
}
.kds-input-group > *:where(:last-child) {
  margin-inline-end: calc((var(--_padding) + 1px) * -1);
}
.kds-input-group > *:where(:not(.kds-button)):where(:first-child) {
  padding-inline-start: var(--_padding);
}
.kds-input-group > *:where(:not(.kds-button)):where(:last-child) {
  padding-inline-end: var(--_padding);
}
@layer defaults {
  .kds-input-group {
    display: inline-flex;
    align-items: stretch;
  }
}
.kds-input-group__control {
  --_color: var(--color, var(--kds-color-text-primary, currentColor));
  color: var(--_color);
  flex: 1 1 auto;
}
.kds-input-group__control:where(:is(.kds-input-group :is(select, input, textarea))) {
  appearance: none;
  background-color: transparent;
  border: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.kds-input-group__button:where(:not(:hover)) {
  --kds-button-border-color: var(--_bc, var(--kds-color-border-bold));
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-page-grid {
  --_page-grid-margin:
    var(--kds-page-grid-margin, var(--_responsive-margin));
  --_page-grid-col-count: var(--kds-page-grid-count, var(--_responsive-col-count));
  --_page-grid-col-template:
    var(--kds-page-grid-col-template, var(--_main-template-columns));
  --_page-grid-gap: var(--kds-page-grid-gap, 0px);
  --_page-grid-max-width: var(--kds-page-grid-max-width, 1440px);
  --_responsive-margin: 16px;
  --_responsive-col-count: 6;
  --_responsive-gap: 12px;
  display: grid;
  --_page-grid-rail-width: max(0px, (100% - var(--_page-grid-max-width)) / 2);
  --_cols: repeat(var(--_page-grid-col-count), [col] 1fr);
  --_margins-template-columns:
    [margins-start
      left-margin]
        var(--_page-grid-margin)
        [rails-start
          left-rail]
            var(--_page-grid-rail-width)
          [main-start]
            var(--_cols)
          [main-end
          right-rail]
            var(--_page-grid-rail-width)
        [rails-end
      right-margin]
        var(--_page-grid-margin)
    [margins-end];
  --_rails-template-columns:
    [rails-start
      left-rail]
        var(--_page-grid-rail-width)
        [main-start]
          var(--_cols)
        [main-end
      right-rail]
        var(--_page-grid-rail-width)
    [rails-end];
  --_main-template-columns:
    [main-start]
      var(--_cols)
    [main-end];
}
@media (min-width: 750px) {
  .kds-page-grid {
    --_responsive-margin: 24px;
    --_responsive-col-count: 12;
    --_responsive-gap: 16px;
  }
}
@media (min-width: 1024px) {
  .kds-page-grid {
    --_responsive-margin: 32px;
    --_responsive-col-count: 12;
    --_responsive-gap: 24px;
  }
}
.kds-page-grid:where(:not([class*=kds-page-grid--])), .kds-page-grid--main {
  --_page-grid-gap: var(--kds-page-grid-gap, var(--_responsive-gap));
  column-gap: var(--_page-grid-gap, 0px);
  grid-template-columns: var(--kds-page-grid-col-template, var(--_main-template-columns));
}
.kds-page-grid--rails {
  column-gap: var(--kds-page-grid-gap, 0px);
  grid-template-columns: var(--kds-page-grid-col-template, var(--_rails-template-columns));
}
.kds-page-grid--margins {
  column-gap: var(--kds-page-grid-gap, 0px);
  grid-template-columns: var(--kds-page-grid-col-template, var(--_margins-template-columns));
}

:where(:is(.kds-page-grid, .kds-subgrid):not(.kds-page-grid--auto-placement)):where(.kds-page-grid:not([class*=kds-page-grid--]),
.kds-page-grid--main) > * {
  grid-column: 1/-1;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-popover {
  isolation: isolate;
}

.kds-popover__overlay {
  background-color: var(--kds-elevation-2-surface-color);
  box-shadow: var(--kds-elevation-2-x) var(--kds-elevation-2-y) var(--kds-elevation-2-blur) var(--kds-elevation-2-spread) var(--kds-elevation-2-shadow-color);
  border: 1px solid var(--kds-color-border-subtle);
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  overflow: auto;
}
.kds-popover__overlay[data-position=fixed] {
  position: fixed !important;
}

.kds-popover__list {
  padding: 8px;
  outline: none;
  cursor: default;
  display: grid;
  grid-template-columns: [FULL-start START] var(--_gutter-start, auto) [PREFIX] auto [TEXT] 1fr [SUFFIX] auto [END] var(--_gutter-end, auto) [FULL-end];
}
.kds-popover__list [role=menu] {
  outline: none;
}
.kds-popover__list > * {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
}

.kds-popover__section {
  display: grid;
}
.kds-popover__section > * {
  grid-column: 1 / -1;
  grid-template-columns: subgrid;
}

.kds-popover__header {
  padding: 8px;
}

.kds-popover__separator {
  height: 1px;
  margin: 8px;
  background-color: var(--kds-color-border-subtle);
  display: none;
}
.kds-popover__separator:where(:not(:first-child, :last-child)) {
  display: block;
}
.kds-popover__separator + :where(.kds-popover__separator) {
  display: none;
}

.kds-popover__item {
  display: flex;
  gap: 8px;
  align-items: start;
  padding: 8px;
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  display: grid;
  justify-content: end;
}
.kds-popover__item:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-popover__item > * {
  grid-column: auto;
  grid-template-columns: subgrid;
}
.kds-popover__item:where(:hover,
[data-hover=true],
[data-ui-state=hovered],
:focus:focus-visible,
[data-focus-visible=true]) {
  background-color: var(--kds-color-background-inverse-hover);
  cursor: pointer;
}
.kds-popover__item:where(:hover,
[data-hover=true],
[data-ui-state=hovered],
:focus:focus-visible,
[data-focus-visible=true]):where(:not([data-ui-state=hovered])) {
  isolation: isolate;
}
.kds-popover__item:where(:active,
[data-pressed=true],
[data-ui-state=pressed]) {
  background-color: var(--kds-color-background-inverse-pressed);
}
.kds-popover__item:where([aria-disabled=true],
[data-disabled=true],
[data-ui-state=disabled]) {
  color: var(--kds-color-text-disabled);
  background-color: transparent;
  cursor: not-allowed;
}
.kds-popover__item > * {
  display: inline-block;
}
.kds-popover__item > *:where(:not(:last-child)) {
  margin-inline-end: 8px;
}
.kds-popover__item > :where(.kds-popover__label), .kds-popover__item > :where(.kds-popover__label) ~ * {
  justify-self: start;
}

.kds-popover__item-prefix {
  display: inline-block;
  grid-column: PREFIX;
}

.kds-popover__label {
  display: inline-block;
  grid-column: TEXT;
}

.kds-popover__description {
  display: inline-block;
  color: var(--kds-color-text-secondary);
  grid-column: TEXT;
}

.kds-popover__label:where(:not(:is(.kds-popover__item-prefix) ~ *)),
.kds-popover__description:where(:not(:is(.kds-popover__item-prefix) ~ *)) {
  grid-column-start: PREFIX;
}
.kds-popover__label:where(:not(:has(~ .kds-popover__item-suffix))),
.kds-popover__description:where(:not(:has(~ .kds-popover__item-suffix))) {
  grid-column-end: SUFFIX;
}

.kds-popover__label:where(:is(*:has(> .kds-popover__description:last-child) > *)) {
  margin-inline-end: 0;
}

.kds-popover__item-suffix {
  display: inline-block;
  grid-column: SUFFIX;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
kds-radio,
.kds-radio {
  --_color: var(--kds-radio-color, var(--kds-color-text-primary));
  --_bc: var(--kds-color-border-bold);
  --_bgc: var(--kds-color-background-selected);
  display: grid;
  gap: 0 8px;
  grid-template-columns: auto 1fr;
}
kds-radio > :where(:is(kds-disclosure, .kds-disclosure)),
.kds-radio > :where(:is(kds-disclosure, .kds-disclosure)) {
  margin-top: 0;
  grid-column: 2;
}
kds-radio:where(:has(> .kds-radio__control[data-rac][data-selected=true],
> kds-disclosure:not([aria-hidden=true]))) > kds-disclosure,
.kds-radio:where(:has(> .kds-radio__control[data-rac][data-selected=true],
> kds-disclosure:not([aria-hidden=true]))) > kds-disclosure {
  margin-top: 8px;
}

.kds-radio__control {
  display: grid;
  gap: 0 8px;
  grid-template-columns: auto 1fr;
  align-items: inherit;
  color: var(--_color);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  transition-property: outline-width, outline-color, outline-offset, color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
  cursor: pointer;
  grid-template-columns: subgrid;
  grid-column: 1/-1;
}
.kds-radio__control:where(:not([data-readonly=true], [data-disabled=true], [aria-disabled=true])):where([data-rac][data-hovered=true]) {
  --_bc: var(--kds-color-border-bold-hover);
}
.kds-radio__control:where(:not([data-readonly=true], [data-disabled=true], [aria-disabled=true])):where([data-rac][data-pressed=true]) {
  --_bc: var(--kds-color-border-active);
  --_dot-radius: 8px;
}
.kds-radio__control:where([data-rac][data-focus-visible=true]):where(:has(input[type=radio])) {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
}
.kds-radio__control:where([data-rac][data-focus-visible=true]):where(:has(input[type=radio])) .kds-radio__indicator {
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-radio__control:where([data-rac][data-focus-visible=true]):where(:has(input[type=radio])):where(:has(:is(input[type=radio]):is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true]))) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-radio__control:where([data-rac][data-focus-visible=true]):where(:has(*)):where(:is(input[type=radio])):focus-visible {
  outline: none !important;
}
.kds-radio__control:where([data-rac][data-selected=true]) {
  --_bc: var(--kds-color-border-active);
  --_dot-radius: 4px;
}
.kds-radio__control:where([data-rac][data-disabled=true]) {
  --_bc: var(--kds-color-border-subtle);
  --_bgc: var(--kds-color-background-disabled);
  --_color: var(--kds-color-text-disabled);
  cursor: auto;
}
.kds-radio__control:where([data-rac][data-readonly=true]) {
  cursor: auto;
}

.kds-radio__indicator {
  --_content-size: 22px;
  --_content-radius: calc(var(--_content-size) / 2);
  appearance: none;
  border: 1px solid var(--_bc);
  box-sizing: content-box;
  background-color: transparent;
  border-radius: 100%;
  margin: 1px;
  inline-size: var(--_content-size);
  aspect-ratio: 1;
  transition-property: outline-width, outline-color, outline-offset, border-color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-radio__indicator::before {
  content: "";
  display: block;
  inline-size: 100%;
  aspect-ratio: 1;
  border-radius: 100%;
  overflow: hidden;
  box-shadow: inset 0 0 0 calc(var(--_content-radius) - var(--_dot-radius, var(--_content-radius))) var(--_bgc);
  outline: var(--_dot-radius, 0px) solid var(--kds-color-background-surface-primary);
  outline-offset: calc(var(--_content-size) / 2 * -1);
  transition-property: outline-width, outline-color, outline-offset, box-shadow, outline-width;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}

.kds-radio__group {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid var(--kds-color-border-subtle);
  border-radius: 8px;
}
.kds-radio__group > * {
  border: 1px solid var(--kds-color-border-subtle, #E0E0E0);
  border-bottom-color: transparent;
  padding: 16px;
  margin-inline: -1px;
  margin-block-start: -1px;
  border-radius: 0px;
  transition-property: outline-width, outline-color, outline-offset, border-color, border-radius;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-radio__group > *:where(:first-of-type) {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.kds-radio__group > *:where(:last-of-type) {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-block-end: -1px;
}
.kds-radio__group > *:where(:is(.kds-radio__control[data-rac][data-selected=true], :has(> .kds-radio__control[data-rac][data-selected=true]))) {
  border-color: var(--kds-color-border-active);
  border-radius: 8px;
  z-index: 1;
}
.kds-radio__group > *:where(:is(.kds-radio__control[data-rac][data-selected=true], :has(> .kds-radio__control[data-rac][data-selected=true])) + *) {
  border-top-color: transparent;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-select__control {
  --_icon-size: var(--kds-input-group-icon-size, 24px);
  --_gap: var(--kds-input-group-gap, 8px);
  --_padding: var(--kds-input-group-padding, 12px);
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding: var(--_padding);
}
.kds-select__control:where([multiple]) {
  overflow: auto;
  white-space: normal;
  padding-block: var(--_padding);
}
.kds-select__control:where([multiple]) > * {
  border-radius: var(--kds-dimension-corner-radius-small);
}
.kds-select__control:where([multiple]) ~ :where(.kds-select__icon) {
  display: none;
}
.kds-select__control:where([data-readonly=true]) {
  white-space: normal;
}
.kds-select__control:where([data-readonly=true]) ~ :where(.kds-select__icon) {
  display: none;
}
.kds-select__icon {
  inline-size: var(--_icon-size);
  aspect-ratio: 1;
  grid-area: ICON;
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: var(--_padding);
  display: inline-grid;
  place-items: center;
}
.kds-select :where(:has(~ .kds-select__icon)) {
  padding-inline-end: calc(var(--_padding) + var(--_icon-size) + var(--_gap));
  margin-inline-end: calc((var(--_padding) + 1px) * -1);
}
.kds-select :where(:has(> .kds-select__icon)) {
  position: relative;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-stepper-field {
  --kds-input-group-padding: 0px;
}
.kds-stepper-field .kds-input-group {
  align-items: stretch;
}
.kds-stepper-field:where(:has(.kds-stepper-field__control:is([max], [data-max]))) {
  --kds-field-align: start;
}

.kds-stepper-field:where(:not([data-spinner-placement]), [data-spinner-placement=end]) :where(.kds-stepper-field__control) {
  padding: 12px;
}

.kds-stepper-field__control:where([data-spinner-placement=sides] *) {
  text-align: center;
}

.kds-surface {
  background-color: var(--kds-color-background-surface-primary);
  box-shadow: 0 0 0 0 transparent;
  color: var(--kds-color-text-primary);
  padding: 16px;
  border: 1px solid var(--kds-color-border-subtle);
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}
@media (min-width: 600px) {
  .kds-surface {
    padding: 24px;
  }
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-switch {
  --_bc: var(--kds-color-border-bold);
  --_bgc: var(--kds-color-background-surface-primary);
  --_color: var(--kds-color-text-secondary);
  --_icon-fill: var(--kds-color-background-accent-gray-bold);
  --_icon-color: transparent;
  --_bgc-disabled: var(--kds-color-background-surface-primary);
  --_icon-color-disabled: var(--_icon-fill-disabled);
  --_icon-fill-disabled: var(--kds-color-background-accent-gray-subtle);
  --_icon-tx: 0px;
  --_label-color: var(--kds-color-text-primary);
  display: inline-grid;
  align-items: start;
  gap: normal 8px;
  color: var(--_color);
  transition-property: outline-width, outline-color, outline-offset, color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  grid: "TRACK  ..." 1fr "TRACK  LABEL" var(--_min-1lh, auto) "TRACK  ..." 1fr;
  align-items: baseline;
}
.kds-switch[data-focus-visible=true] {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
}
.kds-switch[data-focus-visible=true] .kds-switch__track {
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-switch[data-focus-visible=true]:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
@supports (width: 1lh) {
  .kds-switch {
    --_min-1lh: minmax(1lh, auto);
  }
}
.kds-switch__track {
  grid-area: TRACK;
}
.kds-switch__label {
  grid-area: LABEL;
}
.kds-switch__track {
  display: inline-grid;
  align-items: stretch;
  min-height: 32px;
  min-width: 48px;
  border: 1px solid var(--_bc);
  padding: calc(4px);
  box-sizing: border-box;
  border-radius: 100vmax;
  border-radius: 100lvmax;
  background-color: var(--_bgc);
  transition-property: outline-width, outline-color, outline-offset, background-color, border-color, grid-template-columns;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
  grid: " SPRING-L       CONTENT SPRING-R      " auto/var(--_▶, 0fr) auto var(--_◀, 0fr);
}
.kds-switch__track:before {
  content: "";
  display: block;
}
.kds-switch__thumb {
  display: block;
  box-sizing: border-box;
  min-height: 24px;
  min-width: 24px;
  padding: 4px;
  border-radius: 100vmax;
  border-radius: 100lvmax;
  background-color: var(--_icon-fill);
  --kds-icon-fill: var(--_icon-color);
  translate: var(--_icon-tx);
  transition-property: outline-width, outline-color, outline-offset, background-color, color, translate;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-switch:where(:is(:hover, [data-hovered], [data-state=hovered])) {
  --_bc: var(--kds-color-border-bold-hover);
}
.kds-switch:where(:is(:active, [data-pressed], [data-state=active])) {
  --_icon-tx: 4px;
}
.kds-switch:where(:is(:has(:checked), [data-selected], [data-state=selected])) {
  --_▶: 1fr;
  --_bc: var(--kds-color-border-active);
  --_bgc: var(--kds-color-background-selected);
  --_icon-color: var(--kds-color-icon);
  --_icon-fill: var(--kds-color-background-surface-primary);
  --_icon-color-disabled: var(--kds-color-icon-disabled);
  --_bgc-disabled: var(--kds-color-background-disabled);
  --_icon-fill-disabled: var(--kds-color-background-surface-primary);
}
.kds-switch:where(:is(:has(:checked), [data-selected], [data-state=selected])):where(:is(:active, [data-pressed], [data-state=active])) {
  --_icon-tx: -4px;
}
.kds-switch:where(:is(:disabled, [data-disabled], [data-state=disabled])) {
  --_bc: var(--kds-color-border-disabled);
  --_bgc: var(--_bgc-disabled);
  --_icon-color: var(--_icon-color-disabled);
  --_icon-fill: var(--_icon-fill-disabled);
}
.kds-switch:where(:is([data-readonly], [data-state=readonly])) {
  --_▶: 1fr;
  --_◀: 1fr;
  --_bc: transparent;
  --_bgc: transparent;
  --_icon-color: transparent;
  --_icon-fill: transparent;
  --_tx: 50%;
}
.kds-switch:where(:is([data-readonly], [data-state=readonly])):where(:is(:has(:checked), [data-selected], [data-state=selected])) {
  --_icon-color: var(--kds-color-icon);
}
.kds-switch__label {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  color: var(--_label-color);
  transition-property: outline-width, outline-color, outline-offset, color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-tab {
  --_color: var(--kds-tab-color, var(--kds-color-text-secondary));
  --_indicator: var(--kds-tab-indicator, transparent);
  --_pb: var(--kds-tab-padding-block, 0px);
  --_pi: var(--kds-tab-padding-inline, 0px);
  --_br: var(--kds-tab-border-radius, calc(min(var(--_pb), var(--_pi)) - 2px));
  --_bw: 4px;
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding-block: var(--_pb);
  padding-inline: var(--_pi);
  gap: 8px;
  min-block-size: var(--_min-height, 0);
  border-block-end-color: var(--_indicator);
  border-radius: calc(var(--kds-dimension-corner-radius-small, 0) * 1px);
  color: var(--_color);
  cursor: pointer;
  --kds-focus-ring-offset: calc(var(--_br) * -1);
  transition-property: outline-width, outline-color, outline-offset;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
  border-radius: var(--_br);
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.037rem;
  isolation: isolate;
  position: relative;
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-tab:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-tab:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  inset: var(--_indicator-inset, auto);
  width: var(--_indicator-width);
  height: var(--_indicator-height);
  border-radius: 4px;
  background-color: var(--_indicator);
  transition-property: outline-width, outline-color, outline-offset, background-color, width, height, inset;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-tab:where(:is(:hover,
[data-hovered])) {
  --_color: var(--kds-tab-color-hover, var(--kds-color-text-primary));
  --_indicator: var(--kds-tab-indicator-active, #636363);
}
.kds-tab:where(:is([aria-selected=true],
[data-selected=true])) {
  --_color: var(--kds-tab-color-active, var(--kds-color-background-accent-gray-bold));
  --_indicator: var(--kds-tab-indicator-active, var(--kds-color-background-selected));
}
.kds-tab:where(:is([aria-disabled=true],
[data-disabled=true])) {
  --_color: var(--kds-tab-color-disabled, var(--kds-color-text-disabled));
  --_indicator: var(--kds-tab-indicator-disabled, transparent);
  cursor: default;
}
.kds-tab:where(:is([aria-disabled=true],
[data-disabled=true])):where(:is([aria-selected=true],
[data-selected=true])) {
  --_indicator: var(--kds-tab-indicator-active, var(--kds-color-background-disabled));
}
.kds-tab__list {
  --_tab-direction: row;
  --_tab-align: end;
  display: inline-flex;
  flex-direction: var(--_tab-direction, row);
  align-items: var(--_tab-align, end);
  overflow: auto;
  scroll-behavior: smooth;
}
.kds-tab__list > * {
  flex: 0 0 auto;
  max-inline-size: 100%;
  text-align: center;
}
.kds-tab__list:where([aria-orientation=vertical]) {
  --kds-tab-padding-block: 8px;
  --kds-tab-padding-inline: 16px;
  --_tab-align: normal;
  --_tab-direction: column;
  --_min-height: 48px;
  --_indicator-inset: auto auto auto 0;
  --_indicator-width: 4px;
  --_indicator-height: calc(100% - 8px * 2);
}
.kds-tab__container {
  --kds-tab-padding-block: 28px;
  --kds-tab-padding-inline: 24px;
  --_min-height: 80px;
  --_indicator-inset: auto 0 0 0;
  --_indicator-width: 100%;
  --_indicator-height: 4px;
  display: inline-grid;
}
.kds-tab__container:where([data-orientation=horizontal]) {
  grid-auto-flow: row;
  grid-template-rows: auto 1fr;
}
.kds-tab__container:where([data-orientation=vertical]) {
  grid-auto-flow: column;
  grid-template-columns: fit-content(30ch) 1fr;
}
.kds-tab__container:where([data-compact]) {
  --kds-tab-padding-block: 20px;
  --kds-tab-padding-inline: 16px;
  --_min-height: 64px;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-table {
  border-collapse: collapse;
}

.kds-table {
  position: relative;
  isolation: isolate;
}
.kds-table::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border: 1px solid var(--kds-table-border-color, var(--kds-color-border-subtle));
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  z-index: -1;
}

* + .kds-table__header,
* + .kds-table__body,
* + .kds-table__row {
  border-block-start: 1px solid var(--kds-table-border-color, var(--kds-color-border-subtle));
}

.kds-table__row {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}
.kds-table__row:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
* + .kds-table__row {
  border-top: 1px solid var(--kds-table-border-color, var(--kds-color-border-subtle));
}

.kds-table__column,
.kds-table__cell {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  padding: 16px 24px;
}
.kds-table__column:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])),
.kds-table__cell:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}

.kds-table__column {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.032rem;
  color: var(--kds-color-text-secondary);
}

.kds-table__cell {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
  color: var(--kds-color-text-primary);
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-text-field__icon, .kds-text-field__prefix, .kds-text-field__action {
  flex: 0 0 auto;
}
.kds-text-field__icon, .kds-text-field__action {
  --kds-icon-color: var(--kds-input-group-icon-color, var(--kds-color-icon));
  display: flex;
}
.kds-text-field__control {
  --_size: var(--kds-text-field-control-size, 1);
  min-width: calc(var(--_size) * 1ch);
  color: var(--kds-input-group-color, var(--kds-color-text-secondary));
  background-color: transparent;
  transition-property: outline-width, outline-color, outline-offset, color;
  transition-duration: 100ms;
  transition-timing-function: ease-out;
  transition-delay: 0ms;
}
.kds-text-field__control:where(:read-only, [aria-readonly=true]) ~ :where(.kds-text-input__action) {
  visibility: hidden;
}
.kds-text-field .kds-input-group {
  align-items: start;
}
.kds-text-field .kds-input-group:where(:has(textarea.kds-text-field__control)) .kds-text-field__action {
  align-self: end;
}

.kds-text-field__control:where(:read-only, [aria-readonly=true]) {
  --_spinner-size: 0px;
}

.kds-text-field__control:where([type=number]):where([size]) {
  width: calc(var(--_size, 1) * 1ch + var(--_spinner-size, 23px));
  box-sizing: content-box;
}
.kds-text-field__control:where([type=number]):where(:not(:read-only, [aria-readonly=true]))::-webkit-textfield-decoration-container {
  gap: 4px;
}
.kds-text-field__control:where([type=number]):where(:read-only, [aria-readonly=true]) {
  --_spinner-size: 0px;
}
.kds-text-field__control:where([type=number]):where(:read-only, [aria-readonly=true])::-webkit-inner-spin-button, .kds-text-field__control:where([type=number]):where(:read-only, [aria-readonly=true])::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-toast {
  --_bc: var(--kds-color-border-subtle);
  --_bg: var(--kds-color-background-surface-primary);
  --_color: var(--kds-color-text-primary);
  --_icon: var(--kds-color-icon);
  display: inline-flex;
  align-items: start;
  padding: 16px;
  border: 1px solid var(--_bc);
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  background-color: var(--_bg);
  color: var(--_color);
  gap: 8px;
  box-shadow: 0px 6px 16px 0 rgba(0, 0, 0, 0.12);
  animation: 300ms kds-toast-enter ease-out;
}
@keyframes kds-toast-enter {
  from {
    transform: translateY(-24px);
    opacity: 1;
  }
}
.kds-toast > * {
  flex: 0 0 auto;
}
.kds-toast__content {
  flex: 1;
  display: inherit;
  align-items: inherit;
  justify-content: inherit;
  gap: inherit;
}
.kds-toast__content > * {
  flex: 0 0 auto;
}
.kds-toast__icon {
  --kds-icon-fill: var(--_icon);
}
.kds-toast__message {
  flex: 1 1 auto;
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.032rem;
  color: var(--_color);
}
.kds-toast__dismiss {
  cursor: pointer;
  margin-inline-start: auto;
  border-radius: 100vmax;
}
.kds-toast__region {
  display: flex;
  max-width: 480px;
  flex-direction: column;
  gap: 24px;
}
.kds-toast:where([data-tone=informative]) {
  --_bc: var(--kds-color-border-accent-blue-subtle);
  --_bg: var(--kds-color-background-accent-blue-subtle);
  --_color: var(--kds-color-text-accent-blue-bolder);
  --_icon: var(--kds-color-icon-info);
}
.kds-toast:where([data-tone=positive]) {
  --_bc: var(--kds-color-border-accent-green-subtle);
  --_bg: var(--kds-color-background-accent-green-subtle);
  --_color: var(--kds-color-text-accent-green-bolder);
  --_icon: var(--_color);
}
.kds-toast:where([data-tone=warning]) {
  --_bc: var(--kds-color-border-warning-subtle);
  --_bg: var(--kds-color-background-warning-subtle);
  --_color: var(--kds-color-text-accent-yellow-bolder);
  --_icon: var(--kds-color-icon-warning);
}
.kds-toast:where([data-tone=critical]) {
  --_bc: var(--kds-color-border-danger-subtle);
  --_bg: var(--kds-color-background-danger-subtle);
  --_color: var(--kds-color-text-accent-red-bolder);
  --_icon: var(--kds-color-icon-danger);
}

.kds-toast-region {
  display: flex;
  flex-direction: column-reverse;
  gap: 24px;
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: min(60ch, 100% - 16px);
  z-index: 1000;
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-toast-region:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
.kds-tooltip {
  box-sizing: border-box;
  max-width: min(45ch, 100vw - 32px);
  max-width: min(45ch, 100cqi - 32px);
  padding: 16px;
  background-color: var(--kds-color-background-surface-inverse);
  color: var(--kds-color-text-inverse-primary);
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  fill: var(--kds-color-text-primary);
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.kds-tooltip:where([data-placement=top]) {
  margin-bottom: 8px;
  --origin: translateY(4px);
}
.kds-tooltip:where([data-placement=bottom]) {
  margin-top: 8px;
  --origin: translateY(-4px);
}
.kds-tooltip:where([data-placement=bottom]) :where(.kds-tooltip__arrow svg) {
  transform: rotate(180deg);
}
.kds-tooltip:where([data-placement=right]) {
  margin-left: 8px;
  --origin: translateX(-4px);
}
.kds-tooltip:where([data-placement=right]) :where(.kds-tooltip__arrow svg) {
  transform: rotate(90deg);
}
.kds-tooltip:where([data-placement=left]) {
  margin-right: 8px;
  --origin: translateX(4px);
}
.kds-tooltip:where([data-placement=left]) :where(.kds-tooltip__arrow svg) {
  transform: rotate(-90deg);
}
.kds-tooltip:where([data-entering], [data-exiting]) {
  animation: kds-tooltip 100ms ease-out;
}
@keyframes kds-tooltip {
  from {
    transform: var(--origin);
    opacity: 0;
  }
  to {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
.kds-tooltip:where([data-exiting]) {
  animation-direction: reverse;
}

.kds-tooltip__arrow {
  fill: inherit;
}
.kds-tooltip__arrow :where(svg) {
  display: block;
}

.kds-tooltip__trigger:where(:not([aria-disabled=true])) {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  cursor: help;
  text-decoration: underline dotted 2px var(--kds-color-text-secondary);
}
.kds-tooltip__trigger:where(:not([aria-disabled=true])):where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-tooltip__trigger:where(button) {
  font: inherit;
}

.kds-font-body {
  font-family: "Inter", sans-serif;
}

.kds-font-heading {
  font-family: "Inter", sans-serif;
}

.kds-font-button {
  font-family: "Inter", sans-serif;
}

/**
 * @fileoverview This file is auto-generated by the KDS Design Tokens
 *               Generator in Rails.
 *!              DO NOT EDIT THIS FILE DIRECTLY
 */
:root {
  --kds-shadow-0: 0 0 0 0 transparent;
  --kds-shadow-0-foo: bar;
  --kds-shadow-0-bg: var(--kds-color-background-surface-primary);
  --kds-shadow-1: var(--kds-elevation-1-x) var(--kds-elevation-1-y) var(--kds-elevation-1-blur) var(--kds-elevation-1-spread) var(--kds-elevation-1-shadow-color);
  --kds-shadow-1-bg: var(--kds-elevation-1-surface-color);
  --kds-shadow-2: var(--kds-elevation-2-x) var(--kds-elevation-2-y) var(--kds-elevation-2-blur) var(--kds-elevation-2-spread) var(--kds-elevation-2-shadow-color);
  --kds-shadow-2-bg: var(--kds-elevation-2-surface-color);
  --kds-shadow-3: var(--kds-elevation-3-x) var(--kds-elevation-3-y) var(--kds-elevation-3-blur) var(--kds-elevation-3-spread) var(--kds-elevation-3-shadow-color);
  --kds-shadow-3-bg: var(--kds-elevation-3-surface-color);
  --kds-shadow-4: var(--kds-elevation-4-x) var(--kds-elevation-4-y) var(--kds-elevation-4-blur) var(--kds-elevation-4-spread) var(--kds-elevation-4-shadow-color);
  --kds-shadow-4-bg: var(--kds-elevation-4-surface-color);
}

.kds-elevation-0 {
  background-color: var(--kds-color-background-surface-primary);
  box-shadow: 0 0 0 0 transparent;
}

.kds-elevation,
.kds-elevation-1 {
  background-color: var(--kds-elevation-1-surface-color);
  box-shadow: var(--kds-elevation-1-x) var(--kds-elevation-1-y) var(--kds-elevation-1-blur) var(--kds-elevation-1-spread) var(--kds-elevation-1-shadow-color);
}

.kds-elevation-2 {
  background-color: var(--kds-elevation-2-surface-color);
  box-shadow: var(--kds-elevation-2-x) var(--kds-elevation-2-y) var(--kds-elevation-2-blur) var(--kds-elevation-2-spread) var(--kds-elevation-2-shadow-color);
}

.kds-elevation-3 {
  background-color: var(--kds-elevation-3-surface-color);
  box-shadow: var(--kds-elevation-3-x) var(--kds-elevation-3-y) var(--kds-elevation-3-blur) var(--kds-elevation-3-spread) var(--kds-elevation-3-shadow-color);
}

.kds-elevation-4 {
  background-color: var(--kds-elevation-4-surface-color);
  box-shadow: var(--kds-elevation-4-x) var(--kds-elevation-4-y) var(--kds-elevation-4-blur) var(--kds-elevation-4-spread) var(--kds-elevation-4-shadow-color);
}

.kds-focus-ring:where(:focus-visible) {
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
}
.kds-focus-ring:where(:focus-visible):where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}

.kds-focus-ring-inset {
  --kds-focus-ring-offset: -4px;
}

:where(.kds-type):is(h1, h2, h3, h4, h5, h6,
p, dl, hr, ol, ul, pre, table, address, fieldset,
blockquote, code) {
  margin: unset;
  padding: unset;
}

.kds-type-button {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.04rem;
}

.kds-type-body-lg {
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
}

.kds-type-body-md {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}

.kds-type-body-sm {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.kds-type-heading-2xl {
  font-family: "Inter", sans-serif;
  font-size: 4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4.4rem;
  letter-spacing: -0.13rem;
}
.kds-type-heading-2xl:where(.is-responsive-disabled) {
  font-family: "Inter", sans-serif;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.6rem;
  letter-spacing: -0.105rem;
}
.kds-type-heading-2xl:where(.is-responsive-sm) {
  font-family: "Inter", sans-serif;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.6rem;
  letter-spacing: -0.105rem;
}
@media (min-width: 1025px) {
  .kds-type-heading-2xl:where(.is-responsive-sm) {
    font-family: "Inter", sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.4rem;
    letter-spacing: -0.13rem;
  }
}
.kds-type-heading-2xl:where(.is-responsive-md) {
  font-family: "Inter", sans-serif;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.6rem;
  letter-spacing: -0.105rem;
}
@media (min-width: 1025px) {
  .kds-type-heading-2xl:where(.is-responsive-md) {
    font-family: "Inter", sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.4rem;
    letter-spacing: -0.13rem;
  }
}
.kds-type-heading-2xl:where(.is-responsive-lg) {
  font-family: "Inter", sans-serif;
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.6rem;
  letter-spacing: -0.105rem;
}
@media (min-width: 1025px) {
  .kds-type-heading-2xl:where(.is-responsive-lg) {
    font-family: "Inter", sans-serif;
    font-size: 4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 4.4rem;
    letter-spacing: -0.13rem;
  }
}

.kds-type-heading-xl {
  font-family: "Inter", sans-serif;
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 3.2rem;
  letter-spacing: -0.092rem;
}
.kds-type-heading-xl:where(.is-responsive-disabled) {
  font-family: "Inter", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: -0.08rem;
}
.kds-type-heading-xl:where(.is-responsive-sm) {
  font-family: "Inter", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: -0.08rem;
}
@media (min-width: 1025px) {
  .kds-type-heading-xl:where(.is-responsive-sm) {
    font-family: "Inter", sans-serif;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.2rem;
    letter-spacing: -0.092rem;
  }
}
.kds-type-heading-xl:where(.is-responsive-md) {
  font-family: "Inter", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: -0.08rem;
}
@media (min-width: 1025px) {
  .kds-type-heading-xl:where(.is-responsive-md) {
    font-family: "Inter", sans-serif;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.2rem;
    letter-spacing: -0.092rem;
  }
}
.kds-type-heading-xl:where(.is-responsive-lg) {
  font-family: "Inter", sans-serif;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.8rem;
  letter-spacing: -0.08rem;
}
@media (min-width: 1025px) {
  .kds-type-heading-xl:where(.is-responsive-lg) {
    font-family: "Inter", sans-serif;
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.2rem;
    letter-spacing: -0.092rem;
  }
}

.kds-type-heading-lg {
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem;
  letter-spacing: -0.067rem;
}

.kds-type-heading-md {
  font-family: "Inter", sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.037rem;
}

.kds-type-heading-sm {
  font-family: "Inter", sans-serif;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.032rem;
}

.kds-type-heading-xs {
  font-family: "Inter", sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6rem;
  letter-spacing: -0.015rem;
}

.kds-type-link {
  --_color: var(--kds-link-color, var(--kds-color-primary));
  --_disabled-color: var(--kds-link-disabled-color, var(--kds-color-text-disabled));
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  color: var(--_color);
  cursor: pointer;
  font: inherit;
  font-family: "Inter", sans-serif;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
}
.kds-type-link:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-type-link:where(:disabled,
[aria-disabled=true],
[data-disabled=true]) {
  color: var(--_disabled-color);
  cursor: pointer;
  pointer-events: none;
}

.kds-type-link-standalone {
  --_color: var(--kds-link-color, var(--kds-color-primary));
  --_disabled-color: var(--kds-link-disabled-color, var(--kds-color-text-disabled));
  --_outline: transparent;
  --_outline-width: var(--focus-ring-width, 2px);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) - var(--_outline-width));
  outline: var(--_outline-width) solid var(--_outline) !important;
  outline-offset: var(--_outline-offset, calc(var(--_outline-width) * -1)) !important;
  color: var(--_color);
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: inherit;
  font-style: normal;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  text-decoration: none;
}
.kds-type-link-standalone:where(:is(:not([data-rac]):focus-visible, [data-rac][data-focus-visible=true])) {
  --_outline: var(--kds-color-border-focus);
  --_outline-offset: calc(var(--kds-focus-ring-offset, 0px) + var(--_outline-width));
}
.kds-type-link-standalone:hover, .kds-type-link-standalone:active {
  text-decoration: underline;
}
.kds-type-link-standalone:where(:disabled,
[aria-disabled=true],
[data-disabled=true]) {
  color: var(--_disabled-color);
  cursor: pointer;
  pointer-events: none;
}

.kds-col-auto {
  grid-column: auto;
}

.kds-col-span-1 {
  grid-column: span 1/span 1;
}

.kds-col-span-10 {
  grid-column: span 10/span 10;
}

.kds-col-span-11 {
  grid-column: span 11/span 11;
}

.kds-col-span-12 {
  grid-column: span 12/span 12;
}

.kds-col-span-2 {
  grid-column: span 2/span 2;
}

.kds-col-span-3 {
  grid-column: span 3/span 3;
}

.kds-col-span-4 {
  grid-column: span 4/span 4;
}

.kds-col-span-5 {
  grid-column: span 5/span 5;
}

.kds-col-span-6 {
  grid-column: span 6/span 6;
}

.kds-col-span-7 {
  grid-column: span 7/span 7;
}

.kds-col-span-8 {
  grid-column: span 8/span 8;
}

.kds-col-span-9 {
  grid-column: span 9/span 9;
}

.kds-col-span-full {
  grid-column: 1/-1;
}

.-kds-col-start-1 {
  grid-column-start: -1;
}

.-kds-col-start-10 {
  grid-column-start: -10;
}

.-kds-col-start-11 {
  grid-column-start: -11;
}

.-kds-col-start-12 {
  grid-column-start: -12;
}

.-kds-col-start-13 {
  grid-column-start: -13;
}

.-kds-col-start-2 {
  grid-column-start: -2;
}

.-kds-col-start-3 {
  grid-column-start: -3;
}

.-kds-col-start-4 {
  grid-column-start: -4;
}

.-kds-col-start-5 {
  grid-column-start: -5;
}

.-kds-col-start-6 {
  grid-column-start: -6;
}

.-kds-col-start-7 {
  grid-column-start: -7;
}

.-kds-col-start-8 {
  grid-column-start: -8;
}

.-kds-col-start-9 {
  grid-column-start: -9;
}

.kds--col-start-1 {
  grid-column-start: -1;
}

.kds--col-start-10 {
  grid-column-start: -10;
}

.kds--col-start-11 {
  grid-column-start: -11;
}

.kds--col-start-12 {
  grid-column-start: -12;
}

.kds--col-start-13 {
  grid-column-start: -13;
}

.kds--col-start-2 {
  grid-column-start: -2;
}

.kds--col-start-3 {
  grid-column-start: -3;
}

.kds--col-start-4 {
  grid-column-start: -4;
}

.kds--col-start-5 {
  grid-column-start: -5;
}

.kds--col-start-6 {
  grid-column-start: -6;
}

.kds--col-start-7 {
  grid-column-start: -7;
}

.kds--col-start-8 {
  grid-column-start: -8;
}

.kds--col-start-9 {
  grid-column-start: -9;
}

.kds-col-start-1 {
  grid-column-start: 1;
}

.kds-col-start-10 {
  grid-column-start: 10;
}

.kds-col-start-11 {
  grid-column-start: 11;
}

.kds-col-start-12 {
  grid-column-start: 12;
}

.kds-col-start-13 {
  grid-column-start: 13;
}

.kds-col-start-2 {
  grid-column-start: 2;
}

.kds-col-start-3 {
  grid-column-start: 3;
}

.kds-col-start-4 {
  grid-column-start: 4;
}

.kds-col-start-5 {
  grid-column-start: 5;
}

.kds-col-start-6 {
  grid-column-start: 6;
}

.kds-col-start-7 {
  grid-column-start: 7;
}

.kds-col-start-8 {
  grid-column-start: 8;
}

.kds-col-start-9 {
  grid-column-start: 9;
}

.kds-col-start-auto {
  grid-column-start: auto;
}

.-kds-col-end-1 {
  grid-column-end: -1;
}

.-kds-col-end-10 {
  grid-column-end: -10;
}

.-kds-col-end-11 {
  grid-column-end: -11;
}

.-kds-col-end-12 {
  grid-column-end: -12;
}

.-kds-col-end-13 {
  grid-column-end: -13;
}

.-kds-col-end-2 {
  grid-column-end: -2;
}

.-kds-col-end-3 {
  grid-column-end: -3;
}

.-kds-col-end-4 {
  grid-column-end: -4;
}

.-kds-col-end-5 {
  grid-column-end: -5;
}

.-kds-col-end-6 {
  grid-column-end: -6;
}

.-kds-col-end-7 {
  grid-column-end: -7;
}

.-kds-col-end-8 {
  grid-column-end: -8;
}

.-kds-col-end-9 {
  grid-column-end: -9;
}

.kds--col-end-1 {
  grid-column-end: -1;
}

.kds--col-end-10 {
  grid-column-end: -10;
}

.kds--col-end-11 {
  grid-column-end: -11;
}

.kds--col-end-12 {
  grid-column-end: -12;
}

.kds--col-end-13 {
  grid-column-end: -13;
}

.kds--col-end-2 {
  grid-column-end: -2;
}

.kds--col-end-3 {
  grid-column-end: -3;
}

.kds--col-end-4 {
  grid-column-end: -4;
}

.kds--col-end-5 {
  grid-column-end: -5;
}

.kds--col-end-6 {
  grid-column-end: -6;
}

.kds--col-end-7 {
  grid-column-end: -7;
}

.kds--col-end-8 {
  grid-column-end: -8;
}

.kds--col-end-9 {
  grid-column-end: -9;
}

.kds-col-end-1 {
  grid-column-end: 1;
}

.kds-col-end-10 {
  grid-column-end: 10;
}

.kds-col-end-11 {
  grid-column-end: 11;
}

.kds-col-end-12 {
  grid-column-end: 12;
}

.kds-col-end-13 {
  grid-column-end: 13;
}

.kds-col-end-2 {
  grid-column-end: 2;
}

.kds-col-end-3 {
  grid-column-end: 3;
}

.kds-col-end-4 {
  grid-column-end: 4;
}

.kds-col-end-5 {
  grid-column-end: 5;
}

.kds-col-end-6 {
  grid-column-end: 6;
}

.kds-col-end-7 {
  grid-column-end: 7;
}

.kds-col-end-8 {
  grid-column-end: 8;
}

.kds-col-end-9 {
  grid-column-end: 9;
}

.kds-col-end-auto {
  grid-column-end: auto;
}

.kds-row-auto {
  grid-row: auto;
}

.kds-row-span-1 {
  grid-row: span 1/span 1;
}

.kds-row-span-10 {
  grid-row: span 10/span 10;
}

.kds-row-span-11 {
  grid-row: span 11/span 11;
}

.kds-row-span-12 {
  grid-row: span 12/span 12;
}

.kds-row-span-2 {
  grid-row: span 2/span 2;
}

.kds-row-span-3 {
  grid-row: span 3/span 3;
}

.kds-row-span-4 {
  grid-row: span 4/span 4;
}

.kds-row-span-5 {
  grid-row: span 5/span 5;
}

.kds-row-span-6 {
  grid-row: span 6/span 6;
}

.kds-row-span-7 {
  grid-row: span 7/span 7;
}

.kds-row-span-8 {
  grid-row: span 8/span 8;
}

.kds-row-span-9 {
  grid-row: span 9/span 9;
}

.kds-row-span-full {
  grid-row: 1/-1;
}

.-kds-row-start-1 {
  grid-row-start: -1;
}

.-kds-row-start-10 {
  grid-row-start: -10;
}

.-kds-row-start-11 {
  grid-row-start: -11;
}

.-kds-row-start-12 {
  grid-row-start: -12;
}

.-kds-row-start-13 {
  grid-row-start: -13;
}

.-kds-row-start-2 {
  grid-row-start: -2;
}

.-kds-row-start-3 {
  grid-row-start: -3;
}

.-kds-row-start-4 {
  grid-row-start: -4;
}

.-kds-row-start-5 {
  grid-row-start: -5;
}

.-kds-row-start-6 {
  grid-row-start: -6;
}

.-kds-row-start-7 {
  grid-row-start: -7;
}

.-kds-row-start-8 {
  grid-row-start: -8;
}

.-kds-row-start-9 {
  grid-row-start: -9;
}

.kds--row-start-1 {
  grid-row-start: -1;
}

.kds--row-start-10 {
  grid-row-start: -10;
}

.kds--row-start-11 {
  grid-row-start: -11;
}

.kds--row-start-12 {
  grid-row-start: -12;
}

.kds--row-start-13 {
  grid-row-start: -13;
}

.kds--row-start-2 {
  grid-row-start: -2;
}

.kds--row-start-3 {
  grid-row-start: -3;
}

.kds--row-start-4 {
  grid-row-start: -4;
}

.kds--row-start-5 {
  grid-row-start: -5;
}

.kds--row-start-6 {
  grid-row-start: -6;
}

.kds--row-start-7 {
  grid-row-start: -7;
}

.kds--row-start-8 {
  grid-row-start: -8;
}

.kds--row-start-9 {
  grid-row-start: -9;
}

.kds-row-start-1 {
  grid-row-start: 1;
}

.kds-row-start-10 {
  grid-row-start: 10;
}

.kds-row-start-11 {
  grid-row-start: 11;
}

.kds-row-start-12 {
  grid-row-start: 12;
}

.kds-row-start-13 {
  grid-row-start: 13;
}

.kds-row-start-2 {
  grid-row-start: 2;
}

.kds-row-start-3 {
  grid-row-start: 3;
}

.kds-row-start-4 {
  grid-row-start: 4;
}

.kds-row-start-5 {
  grid-row-start: 5;
}

.kds-row-start-6 {
  grid-row-start: 6;
}

.kds-row-start-7 {
  grid-row-start: 7;
}

.kds-row-start-8 {
  grid-row-start: 8;
}

.kds-row-start-9 {
  grid-row-start: 9;
}

.kds-row-start-auto {
  grid-row-start: auto;
}

.-kds-row-end-1 {
  grid-row-end: -1;
}

.-kds-row-end-10 {
  grid-row-end: -10;
}

.-kds-row-end-11 {
  grid-row-end: -11;
}

.-kds-row-end-12 {
  grid-row-end: -12;
}

.-kds-row-end-13 {
  grid-row-end: -13;
}

.-kds-row-end-2 {
  grid-row-end: -2;
}

.-kds-row-end-3 {
  grid-row-end: -3;
}

.-kds-row-end-4 {
  grid-row-end: -4;
}

.-kds-row-end-5 {
  grid-row-end: -5;
}

.-kds-row-end-6 {
  grid-row-end: -6;
}

.-kds-row-end-7 {
  grid-row-end: -7;
}

.-kds-row-end-8 {
  grid-row-end: -8;
}

.-kds-row-end-9 {
  grid-row-end: -9;
}

.kds--row-end-1 {
  grid-row-end: -1;
}

.kds--row-end-10 {
  grid-row-end: -10;
}

.kds--row-end-11 {
  grid-row-end: -11;
}

.kds--row-end-12 {
  grid-row-end: -12;
}

.kds--row-end-13 {
  grid-row-end: -13;
}

.kds--row-end-2 {
  grid-row-end: -2;
}

.kds--row-end-3 {
  grid-row-end: -3;
}

.kds--row-end-4 {
  grid-row-end: -4;
}

.kds--row-end-5 {
  grid-row-end: -5;
}

.kds--row-end-6 {
  grid-row-end: -6;
}

.kds--row-end-7 {
  grid-row-end: -7;
}

.kds--row-end-8 {
  grid-row-end: -8;
}

.kds--row-end-9 {
  grid-row-end: -9;
}

.kds-row-end-1 {
  grid-row-end: 1;
}

.kds-row-end-10 {
  grid-row-end: 10;
}

.kds-row-end-11 {
  grid-row-end: 11;
}

.kds-row-end-12 {
  grid-row-end: 12;
}

.kds-row-end-13 {
  grid-row-end: 13;
}

.kds-row-end-2 {
  grid-row-end: 2;
}

.kds-row-end-3 {
  grid-row-end: 3;
}

.kds-row-end-4 {
  grid-row-end: 4;
}

.kds-row-end-5 {
  grid-row-end: 5;
}

.kds-row-end-6 {
  grid-row-end: 6;
}

.kds-row-end-7 {
  grid-row-end: 7;
}

.kds-row-end-8 {
  grid-row-end: 8;
}

.kds-row-end-9 {
  grid-row-end: 9;
}

.kds-row-end-auto {
  grid-row-end: auto;
}

.-kds-m-0 {
  margin: 0px;
}

.-kds-m-01 {
  margin: -4px;
}

.-kds-m-02 {
  margin: -8px;
}

.-kds-m-03 {
  margin: -12px;
}

.-kds-m-04 {
  margin: -16px;
}

.-kds-m-05 {
  margin: -20px;
}

.-kds-m-06 {
  margin: -24px;
}

.-kds-m-07 {
  margin: -28px;
}

.-kds-m-08 {
  margin: -32px;
}

.-kds-m-09 {
  margin: -36px;
}

.-kds-m-10 {
  margin: -40px;
}

.-kds-m-11 {
  margin: -44px;
}

.-kds-m-12 {
  margin: -48px;
}

.-kds-m-14 {
  margin: -56px;
}

.-kds-m-16 {
  margin: -64px;
}

.-kds-m-20 {
  margin: -80px;
}

.-kds-m-page-margin {
  margin: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-m-page-rail {
  margin: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--m-0 {
  margin: 0px;
}

.kds--m-01 {
  margin: -4px;
}

.kds--m-02 {
  margin: -8px;
}

.kds--m-03 {
  margin: -12px;
}

.kds--m-04 {
  margin: -16px;
}

.kds--m-05 {
  margin: -20px;
}

.kds--m-06 {
  margin: -24px;
}

.kds--m-07 {
  margin: -28px;
}

.kds--m-08 {
  margin: -32px;
}

.kds--m-09 {
  margin: -36px;
}

.kds--m-10 {
  margin: -40px;
}

.kds--m-11 {
  margin: -44px;
}

.kds--m-12 {
  margin: -48px;
}

.kds--m-14 {
  margin: -56px;
}

.kds--m-16 {
  margin: -64px;
}

.kds--m-20 {
  margin: -80px;
}

.kds--m-page-margin {
  margin: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--m-page-rail {
  margin: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds-m-0 {
  margin: 0px;
}

.kds-m-01 {
  margin: 4px;
}

.kds-m-02 {
  margin: 8px;
}

.kds-m-03 {
  margin: 12px;
}

.kds-m-04 {
  margin: 16px;
}

.kds-m-05 {
  margin: 20px;
}

.kds-m-06 {
  margin: 24px;
}

.kds-m-07 {
  margin: 28px;
}

.kds-m-08 {
  margin: 32px;
}

.kds-m-09 {
  margin: 36px;
}

.kds-m-10 {
  margin: 40px;
}

.kds-m-11 {
  margin: 44px;
}

.kds-m-12 {
  margin: 48px;
}

.kds-m-14 {
  margin: 56px;
}

.kds-m-16 {
  margin: 64px;
}

.kds-m-20 {
  margin: 80px;
}

.kds-m-auto {
  margin: auto;
}

.kds-m-page-margin {
  margin: var(--_page-grid-margin, 0px);
}

.kds-m-page-rail {
  margin: var(--_page-grid-rail-width, 0px);
}

.-kds-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.-kds-mx-01 {
  margin-left: -4px;
  margin-right: -4px;
}

.-kds-mx-02 {
  margin-left: -8px;
  margin-right: -8px;
}

.-kds-mx-03 {
  margin-left: -12px;
  margin-right: -12px;
}

.-kds-mx-04 {
  margin-left: -16px;
  margin-right: -16px;
}

.-kds-mx-05 {
  margin-left: -20px;
  margin-right: -20px;
}

.-kds-mx-06 {
  margin-left: -24px;
  margin-right: -24px;
}

.-kds-mx-07 {
  margin-left: -28px;
  margin-right: -28px;
}

.-kds-mx-08 {
  margin-left: -32px;
  margin-right: -32px;
}

.-kds-mx-09 {
  margin-left: -36px;
  margin-right: -36px;
}

.-kds-mx-10 {
  margin-left: -40px;
  margin-right: -40px;
}

.-kds-mx-11 {
  margin-left: -44px;
  margin-right: -44px;
}

.-kds-mx-12 {
  margin-left: -48px;
  margin-right: -48px;
}

.-kds-mx-14 {
  margin-left: -56px;
  margin-right: -56px;
}

.-kds-mx-16 {
  margin-left: -64px;
  margin-right: -64px;
}

.-kds-mx-20 {
  margin-left: -80px;
  margin-right: -80px;
}

.-kds-mx-page-margin {
  margin-left: calc(var(--_page-grid-margin, 0px) * -1);
  margin-right: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-mx-page-rail {
  margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
  margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.-kds-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.-kds-my-01 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.-kds-my-02 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.-kds-my-03 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.-kds-my-04 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.-kds-my-05 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.-kds-my-06 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.-kds-my-07 {
  margin-top: -28px;
  margin-bottom: -28px;
}

.-kds-my-08 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.-kds-my-09 {
  margin-top: -36px;
  margin-bottom: -36px;
}

.-kds-my-10 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.-kds-my-11 {
  margin-top: -44px;
  margin-bottom: -44px;
}

.-kds-my-12 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.-kds-my-14 {
  margin-top: -56px;
  margin-bottom: -56px;
}

.-kds-my-16 {
  margin-top: -64px;
  margin-bottom: -64px;
}

.-kds-my-20 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.-kds-my-page-margin {
  margin-top: calc(var(--_page-grid-margin, 0px) * -1);
  margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-my-page-rail {
  margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
  margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.kds--mx-01 {
  margin-left: -4px;
  margin-right: -4px;
}

.kds--mx-02 {
  margin-left: -8px;
  margin-right: -8px;
}

.kds--mx-03 {
  margin-left: -12px;
  margin-right: -12px;
}

.kds--mx-04 {
  margin-left: -16px;
  margin-right: -16px;
}

.kds--mx-05 {
  margin-left: -20px;
  margin-right: -20px;
}

.kds--mx-06 {
  margin-left: -24px;
  margin-right: -24px;
}

.kds--mx-07 {
  margin-left: -28px;
  margin-right: -28px;
}

.kds--mx-08 {
  margin-left: -32px;
  margin-right: -32px;
}

.kds--mx-09 {
  margin-left: -36px;
  margin-right: -36px;
}

.kds--mx-10 {
  margin-left: -40px;
  margin-right: -40px;
}

.kds--mx-11 {
  margin-left: -44px;
  margin-right: -44px;
}

.kds--mx-12 {
  margin-left: -48px;
  margin-right: -48px;
}

.kds--mx-14 {
  margin-left: -56px;
  margin-right: -56px;
}

.kds--mx-16 {
  margin-left: -64px;
  margin-right: -64px;
}

.kds--mx-20 {
  margin-left: -80px;
  margin-right: -80px;
}

.kds--mx-page-margin {
  margin-left: calc(var(--_page-grid-margin, 0px) * -1);
  margin-right: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--mx-page-rail {
  margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
  margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.kds--my-01 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.kds--my-02 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.kds--my-03 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.kds--my-04 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.kds--my-05 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.kds--my-06 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.kds--my-07 {
  margin-top: -28px;
  margin-bottom: -28px;
}

.kds--my-08 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.kds--my-09 {
  margin-top: -36px;
  margin-bottom: -36px;
}

.kds--my-10 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.kds--my-11 {
  margin-top: -44px;
  margin-bottom: -44px;
}

.kds--my-12 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.kds--my-14 {
  margin-top: -56px;
  margin-bottom: -56px;
}

.kds--my-16 {
  margin-top: -64px;
  margin-bottom: -64px;
}

.kds--my-20 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.kds--my-page-margin {
  margin-top: calc(var(--_page-grid-margin, 0px) * -1);
  margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--my-page-rail {
  margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
  margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.kds-mx-01 {
  margin-left: 4px;
  margin-right: 4px;
}

.kds-mx-02 {
  margin-left: 8px;
  margin-right: 8px;
}

.kds-mx-03 {
  margin-left: 12px;
  margin-right: 12px;
}

.kds-mx-04 {
  margin-left: 16px;
  margin-right: 16px;
}

.kds-mx-05 {
  margin-left: 20px;
  margin-right: 20px;
}

.kds-mx-06 {
  margin-left: 24px;
  margin-right: 24px;
}

.kds-mx-07 {
  margin-left: 28px;
  margin-right: 28px;
}

.kds-mx-08 {
  margin-left: 32px;
  margin-right: 32px;
}

.kds-mx-09 {
  margin-left: 36px;
  margin-right: 36px;
}

.kds-mx-10 {
  margin-left: 40px;
  margin-right: 40px;
}

.kds-mx-11 {
  margin-left: 44px;
  margin-right: 44px;
}

.kds-mx-12 {
  margin-left: 48px;
  margin-right: 48px;
}

.kds-mx-14 {
  margin-left: 56px;
  margin-right: 56px;
}

.kds-mx-16 {
  margin-left: 64px;
  margin-right: 64px;
}

.kds-mx-20 {
  margin-left: 80px;
  margin-right: 80px;
}

.kds-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.kds-mx-page-margin {
  margin-left: var(--_page-grid-margin, 0px);
  margin-right: var(--_page-grid-margin, 0px);
}

.kds-mx-page-rail {
  margin-left: var(--_page-grid-rail-width, 0px);
  margin-right: var(--_page-grid-rail-width, 0px);
}

.kds-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.kds-my-01 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.kds-my-02 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.kds-my-03 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.kds-my-04 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.kds-my-05 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.kds-my-06 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.kds-my-07 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.kds-my-08 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.kds-my-09 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.kds-my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.kds-my-11 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.kds-my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.kds-my-14 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.kds-my-16 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.kds-my-20 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.kds-my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.kds-my-page-margin {
  margin-top: var(--_page-grid-margin, 0px);
  margin-bottom: var(--_page-grid-margin, 0px);
}

.kds-my-page-rail {
  margin-top: var(--_page-grid-rail-width, 0px);
  margin-bottom: var(--_page-grid-rail-width, 0px);
}

.-kds-mb-0 {
  margin-bottom: 0px;
}

.-kds-mb-01 {
  margin-bottom: -4px;
}

.-kds-mb-02 {
  margin-bottom: -8px;
}

.-kds-mb-03 {
  margin-bottom: -12px;
}

.-kds-mb-04 {
  margin-bottom: -16px;
}

.-kds-mb-05 {
  margin-bottom: -20px;
}

.-kds-mb-06 {
  margin-bottom: -24px;
}

.-kds-mb-07 {
  margin-bottom: -28px;
}

.-kds-mb-08 {
  margin-bottom: -32px;
}

.-kds-mb-09 {
  margin-bottom: -36px;
}

.-kds-mb-10 {
  margin-bottom: -40px;
}

.-kds-mb-11 {
  margin-bottom: -44px;
}

.-kds-mb-12 {
  margin-bottom: -48px;
}

.-kds-mb-14 {
  margin-bottom: -56px;
}

.-kds-mb-16 {
  margin-bottom: -64px;
}

.-kds-mb-20 {
  margin-bottom: -80px;
}

.-kds-mb-page-margin {
  margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-mb-page-rail {
  margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.-kds-me-0 {
  margin-inline-end: 0px;
}

.-kds-me-01 {
  margin-inline-end: -4px;
}

.-kds-me-02 {
  margin-inline-end: -8px;
}

.-kds-me-03 {
  margin-inline-end: -12px;
}

.-kds-me-04 {
  margin-inline-end: -16px;
}

.-kds-me-05 {
  margin-inline-end: -20px;
}

.-kds-me-06 {
  margin-inline-end: -24px;
}

.-kds-me-07 {
  margin-inline-end: -28px;
}

.-kds-me-08 {
  margin-inline-end: -32px;
}

.-kds-me-09 {
  margin-inline-end: -36px;
}

.-kds-me-10 {
  margin-inline-end: -40px;
}

.-kds-me-11 {
  margin-inline-end: -44px;
}

.-kds-me-12 {
  margin-inline-end: -48px;
}

.-kds-me-14 {
  margin-inline-end: -56px;
}

.-kds-me-16 {
  margin-inline-end: -64px;
}

.-kds-me-20 {
  margin-inline-end: -80px;
}

.-kds-me-page-margin {
  margin-inline-end: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-me-page-rail {
  margin-inline-end: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.-kds-ml-0 {
  margin-left: 0px;
}

.-kds-ml-01 {
  margin-left: -4px;
}

.-kds-ml-02 {
  margin-left: -8px;
}

.-kds-ml-03 {
  margin-left: -12px;
}

.-kds-ml-04 {
  margin-left: -16px;
}

.-kds-ml-05 {
  margin-left: -20px;
}

.-kds-ml-06 {
  margin-left: -24px;
}

.-kds-ml-07 {
  margin-left: -28px;
}

.-kds-ml-08 {
  margin-left: -32px;
}

.-kds-ml-09 {
  margin-left: -36px;
}

.-kds-ml-10 {
  margin-left: -40px;
}

.-kds-ml-11 {
  margin-left: -44px;
}

.-kds-ml-12 {
  margin-left: -48px;
}

.-kds-ml-14 {
  margin-left: -56px;
}

.-kds-ml-16 {
  margin-left: -64px;
}

.-kds-ml-20 {
  margin-left: -80px;
}

.-kds-ml-page-margin {
  margin-left: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-ml-page-rail {
  margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.-kds-mr-0 {
  margin-right: 0px;
}

.-kds-mr-01 {
  margin-right: -4px;
}

.-kds-mr-02 {
  margin-right: -8px;
}

.-kds-mr-03 {
  margin-right: -12px;
}

.-kds-mr-04 {
  margin-right: -16px;
}

.-kds-mr-05 {
  margin-right: -20px;
}

.-kds-mr-06 {
  margin-right: -24px;
}

.-kds-mr-07 {
  margin-right: -28px;
}

.-kds-mr-08 {
  margin-right: -32px;
}

.-kds-mr-09 {
  margin-right: -36px;
}

.-kds-mr-10 {
  margin-right: -40px;
}

.-kds-mr-11 {
  margin-right: -44px;
}

.-kds-mr-12 {
  margin-right: -48px;
}

.-kds-mr-14 {
  margin-right: -56px;
}

.-kds-mr-16 {
  margin-right: -64px;
}

.-kds-mr-20 {
  margin-right: -80px;
}

.-kds-mr-page-margin {
  margin-right: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-mr-page-rail {
  margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.-kds-ms-0 {
  margin-inline-start: 0px;
}

.-kds-ms-01 {
  margin-inline-start: -4px;
}

.-kds-ms-02 {
  margin-inline-start: -8px;
}

.-kds-ms-03 {
  margin-inline-start: -12px;
}

.-kds-ms-04 {
  margin-inline-start: -16px;
}

.-kds-ms-05 {
  margin-inline-start: -20px;
}

.-kds-ms-06 {
  margin-inline-start: -24px;
}

.-kds-ms-07 {
  margin-inline-start: -28px;
}

.-kds-ms-08 {
  margin-inline-start: -32px;
}

.-kds-ms-09 {
  margin-inline-start: -36px;
}

.-kds-ms-10 {
  margin-inline-start: -40px;
}

.-kds-ms-11 {
  margin-inline-start: -44px;
}

.-kds-ms-12 {
  margin-inline-start: -48px;
}

.-kds-ms-14 {
  margin-inline-start: -56px;
}

.-kds-ms-16 {
  margin-inline-start: -64px;
}

.-kds-ms-20 {
  margin-inline-start: -80px;
}

.-kds-ms-page-margin {
  margin-inline-start: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-ms-page-rail {
  margin-inline-start: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.-kds-mt-0 {
  margin-top: 0px;
}

.-kds-mt-01 {
  margin-top: -4px;
}

.-kds-mt-02 {
  margin-top: -8px;
}

.-kds-mt-03 {
  margin-top: -12px;
}

.-kds-mt-04 {
  margin-top: -16px;
}

.-kds-mt-05 {
  margin-top: -20px;
}

.-kds-mt-06 {
  margin-top: -24px;
}

.-kds-mt-07 {
  margin-top: -28px;
}

.-kds-mt-08 {
  margin-top: -32px;
}

.-kds-mt-09 {
  margin-top: -36px;
}

.-kds-mt-10 {
  margin-top: -40px;
}

.-kds-mt-11 {
  margin-top: -44px;
}

.-kds-mt-12 {
  margin-top: -48px;
}

.-kds-mt-14 {
  margin-top: -56px;
}

.-kds-mt-16 {
  margin-top: -64px;
}

.-kds-mt-20 {
  margin-top: -80px;
}

.-kds-mt-page-margin {
  margin-top: calc(var(--_page-grid-margin, 0px) * -1);
}

.-kds-mt-page-rail {
  margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--mb-0 {
  margin-bottom: 0px;
}

.kds--mb-01 {
  margin-bottom: -4px;
}

.kds--mb-02 {
  margin-bottom: -8px;
}

.kds--mb-03 {
  margin-bottom: -12px;
}

.kds--mb-04 {
  margin-bottom: -16px;
}

.kds--mb-05 {
  margin-bottom: -20px;
}

.kds--mb-06 {
  margin-bottom: -24px;
}

.kds--mb-07 {
  margin-bottom: -28px;
}

.kds--mb-08 {
  margin-bottom: -32px;
}

.kds--mb-09 {
  margin-bottom: -36px;
}

.kds--mb-10 {
  margin-bottom: -40px;
}

.kds--mb-11 {
  margin-bottom: -44px;
}

.kds--mb-12 {
  margin-bottom: -48px;
}

.kds--mb-14 {
  margin-bottom: -56px;
}

.kds--mb-16 {
  margin-bottom: -64px;
}

.kds--mb-20 {
  margin-bottom: -80px;
}

.kds--mb-page-margin {
  margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--mb-page-rail {
  margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--me-0 {
  margin-inline-end: 0px;
}

.kds--me-01 {
  margin-inline-end: -4px;
}

.kds--me-02 {
  margin-inline-end: -8px;
}

.kds--me-03 {
  margin-inline-end: -12px;
}

.kds--me-04 {
  margin-inline-end: -16px;
}

.kds--me-05 {
  margin-inline-end: -20px;
}

.kds--me-06 {
  margin-inline-end: -24px;
}

.kds--me-07 {
  margin-inline-end: -28px;
}

.kds--me-08 {
  margin-inline-end: -32px;
}

.kds--me-09 {
  margin-inline-end: -36px;
}

.kds--me-10 {
  margin-inline-end: -40px;
}

.kds--me-11 {
  margin-inline-end: -44px;
}

.kds--me-12 {
  margin-inline-end: -48px;
}

.kds--me-14 {
  margin-inline-end: -56px;
}

.kds--me-16 {
  margin-inline-end: -64px;
}

.kds--me-20 {
  margin-inline-end: -80px;
}

.kds--me-page-margin {
  margin-inline-end: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--me-page-rail {
  margin-inline-end: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--ml-0 {
  margin-left: 0px;
}

.kds--ml-01 {
  margin-left: -4px;
}

.kds--ml-02 {
  margin-left: -8px;
}

.kds--ml-03 {
  margin-left: -12px;
}

.kds--ml-04 {
  margin-left: -16px;
}

.kds--ml-05 {
  margin-left: -20px;
}

.kds--ml-06 {
  margin-left: -24px;
}

.kds--ml-07 {
  margin-left: -28px;
}

.kds--ml-08 {
  margin-left: -32px;
}

.kds--ml-09 {
  margin-left: -36px;
}

.kds--ml-10 {
  margin-left: -40px;
}

.kds--ml-11 {
  margin-left: -44px;
}

.kds--ml-12 {
  margin-left: -48px;
}

.kds--ml-14 {
  margin-left: -56px;
}

.kds--ml-16 {
  margin-left: -64px;
}

.kds--ml-20 {
  margin-left: -80px;
}

.kds--ml-page-margin {
  margin-left: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--ml-page-rail {
  margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--mr-0 {
  margin-right: 0px;
}

.kds--mr-01 {
  margin-right: -4px;
}

.kds--mr-02 {
  margin-right: -8px;
}

.kds--mr-03 {
  margin-right: -12px;
}

.kds--mr-04 {
  margin-right: -16px;
}

.kds--mr-05 {
  margin-right: -20px;
}

.kds--mr-06 {
  margin-right: -24px;
}

.kds--mr-07 {
  margin-right: -28px;
}

.kds--mr-08 {
  margin-right: -32px;
}

.kds--mr-09 {
  margin-right: -36px;
}

.kds--mr-10 {
  margin-right: -40px;
}

.kds--mr-11 {
  margin-right: -44px;
}

.kds--mr-12 {
  margin-right: -48px;
}

.kds--mr-14 {
  margin-right: -56px;
}

.kds--mr-16 {
  margin-right: -64px;
}

.kds--mr-20 {
  margin-right: -80px;
}

.kds--mr-page-margin {
  margin-right: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--mr-page-rail {
  margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--ms-0 {
  margin-inline-start: 0px;
}

.kds--ms-01 {
  margin-inline-start: -4px;
}

.kds--ms-02 {
  margin-inline-start: -8px;
}

.kds--ms-03 {
  margin-inline-start: -12px;
}

.kds--ms-04 {
  margin-inline-start: -16px;
}

.kds--ms-05 {
  margin-inline-start: -20px;
}

.kds--ms-06 {
  margin-inline-start: -24px;
}

.kds--ms-07 {
  margin-inline-start: -28px;
}

.kds--ms-08 {
  margin-inline-start: -32px;
}

.kds--ms-09 {
  margin-inline-start: -36px;
}

.kds--ms-10 {
  margin-inline-start: -40px;
}

.kds--ms-11 {
  margin-inline-start: -44px;
}

.kds--ms-12 {
  margin-inline-start: -48px;
}

.kds--ms-14 {
  margin-inline-start: -56px;
}

.kds--ms-16 {
  margin-inline-start: -64px;
}

.kds--ms-20 {
  margin-inline-start: -80px;
}

.kds--ms-page-margin {
  margin-inline-start: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--ms-page-rail {
  margin-inline-start: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds--mt-0 {
  margin-top: 0px;
}

.kds--mt-01 {
  margin-top: -4px;
}

.kds--mt-02 {
  margin-top: -8px;
}

.kds--mt-03 {
  margin-top: -12px;
}

.kds--mt-04 {
  margin-top: -16px;
}

.kds--mt-05 {
  margin-top: -20px;
}

.kds--mt-06 {
  margin-top: -24px;
}

.kds--mt-07 {
  margin-top: -28px;
}

.kds--mt-08 {
  margin-top: -32px;
}

.kds--mt-09 {
  margin-top: -36px;
}

.kds--mt-10 {
  margin-top: -40px;
}

.kds--mt-11 {
  margin-top: -44px;
}

.kds--mt-12 {
  margin-top: -48px;
}

.kds--mt-14 {
  margin-top: -56px;
}

.kds--mt-16 {
  margin-top: -64px;
}

.kds--mt-20 {
  margin-top: -80px;
}

.kds--mt-page-margin {
  margin-top: calc(var(--_page-grid-margin, 0px) * -1);
}

.kds--mt-page-rail {
  margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
}

.kds-mb-0 {
  margin-bottom: 0px;
}

.kds-mb-01 {
  margin-bottom: 4px;
}

.kds-mb-02 {
  margin-bottom: 8px;
}

.kds-mb-03 {
  margin-bottom: 12px;
}

.kds-mb-04 {
  margin-bottom: 16px;
}

.kds-mb-05 {
  margin-bottom: 20px;
}

.kds-mb-06 {
  margin-bottom: 24px;
}

.kds-mb-07 {
  margin-bottom: 28px;
}

.kds-mb-08 {
  margin-bottom: 32px;
}

.kds-mb-09 {
  margin-bottom: 36px;
}

.kds-mb-10 {
  margin-bottom: 40px;
}

.kds-mb-11 {
  margin-bottom: 44px;
}

.kds-mb-12 {
  margin-bottom: 48px;
}

.kds-mb-14 {
  margin-bottom: 56px;
}

.kds-mb-16 {
  margin-bottom: 64px;
}

.kds-mb-20 {
  margin-bottom: 80px;
}

.kds-mb-auto {
  margin-bottom: auto;
}

.kds-mb-page-margin {
  margin-bottom: var(--_page-grid-margin, 0px);
}

.kds-mb-page-rail {
  margin-bottom: var(--_page-grid-rail-width, 0px);
}

.kds-me-0 {
  margin-inline-end: 0px;
}

.kds-me-01 {
  margin-inline-end: 4px;
}

.kds-me-02 {
  margin-inline-end: 8px;
}

.kds-me-03 {
  margin-inline-end: 12px;
}

.kds-me-04 {
  margin-inline-end: 16px;
}

.kds-me-05 {
  margin-inline-end: 20px;
}

.kds-me-06 {
  margin-inline-end: 24px;
}

.kds-me-07 {
  margin-inline-end: 28px;
}

.kds-me-08 {
  margin-inline-end: 32px;
}

.kds-me-09 {
  margin-inline-end: 36px;
}

.kds-me-10 {
  margin-inline-end: 40px;
}

.kds-me-11 {
  margin-inline-end: 44px;
}

.kds-me-12 {
  margin-inline-end: 48px;
}

.kds-me-14 {
  margin-inline-end: 56px;
}

.kds-me-16 {
  margin-inline-end: 64px;
}

.kds-me-20 {
  margin-inline-end: 80px;
}

.kds-me-auto {
  margin-inline-end: auto;
}

.kds-me-page-margin {
  margin-inline-end: var(--_page-grid-margin, 0px);
}

.kds-me-page-rail {
  margin-inline-end: var(--_page-grid-rail-width, 0px);
}

.kds-ml-0 {
  margin-left: 0px;
}

.kds-ml-01 {
  margin-left: 4px;
}

.kds-ml-02 {
  margin-left: 8px;
}

.kds-ml-03 {
  margin-left: 12px;
}

.kds-ml-04 {
  margin-left: 16px;
}

.kds-ml-05 {
  margin-left: 20px;
}

.kds-ml-06 {
  margin-left: 24px;
}

.kds-ml-07 {
  margin-left: 28px;
}

.kds-ml-08 {
  margin-left: 32px;
}

.kds-ml-09 {
  margin-left: 36px;
}

.kds-ml-10 {
  margin-left: 40px;
}

.kds-ml-11 {
  margin-left: 44px;
}

.kds-ml-12 {
  margin-left: 48px;
}

.kds-ml-14 {
  margin-left: 56px;
}

.kds-ml-16 {
  margin-left: 64px;
}

.kds-ml-20 {
  margin-left: 80px;
}

.kds-ml-auto {
  margin-left: auto;
}

.kds-ml-page-margin {
  margin-left: var(--_page-grid-margin, 0px);
}

.kds-ml-page-rail {
  margin-left: var(--_page-grid-rail-width, 0px);
}

.kds-mr-0 {
  margin-right: 0px;
}

.kds-mr-01 {
  margin-right: 4px;
}

.kds-mr-02 {
  margin-right: 8px;
}

.kds-mr-03 {
  margin-right: 12px;
}

.kds-mr-04 {
  margin-right: 16px;
}

.kds-mr-05 {
  margin-right: 20px;
}

.kds-mr-06 {
  margin-right: 24px;
}

.kds-mr-07 {
  margin-right: 28px;
}

.kds-mr-08 {
  margin-right: 32px;
}

.kds-mr-09 {
  margin-right: 36px;
}

.kds-mr-10 {
  margin-right: 40px;
}

.kds-mr-11 {
  margin-right: 44px;
}

.kds-mr-12 {
  margin-right: 48px;
}

.kds-mr-14 {
  margin-right: 56px;
}

.kds-mr-16 {
  margin-right: 64px;
}

.kds-mr-20 {
  margin-right: 80px;
}

.kds-mr-auto {
  margin-right: auto;
}

.kds-mr-page-margin {
  margin-right: var(--_page-grid-margin, 0px);
}

.kds-mr-page-rail {
  margin-right: var(--_page-grid-rail-width, 0px);
}

.kds-ms-0 {
  margin-inline-start: 0px;
}

.kds-ms-01 {
  margin-inline-start: 4px;
}

.kds-ms-02 {
  margin-inline-start: 8px;
}

.kds-ms-03 {
  margin-inline-start: 12px;
}

.kds-ms-04 {
  margin-inline-start: 16px;
}

.kds-ms-05 {
  margin-inline-start: 20px;
}

.kds-ms-06 {
  margin-inline-start: 24px;
}

.kds-ms-07 {
  margin-inline-start: 28px;
}

.kds-ms-08 {
  margin-inline-start: 32px;
}

.kds-ms-09 {
  margin-inline-start: 36px;
}

.kds-ms-10 {
  margin-inline-start: 40px;
}

.kds-ms-11 {
  margin-inline-start: 44px;
}

.kds-ms-12 {
  margin-inline-start: 48px;
}

.kds-ms-14 {
  margin-inline-start: 56px;
}

.kds-ms-16 {
  margin-inline-start: 64px;
}

.kds-ms-20 {
  margin-inline-start: 80px;
}

.kds-ms-auto {
  margin-inline-start: auto;
}

.kds-ms-page-margin {
  margin-inline-start: var(--_page-grid-margin, 0px);
}

.kds-ms-page-rail {
  margin-inline-start: var(--_page-grid-rail-width, 0px);
}

.kds-mt-0 {
  margin-top: 0px;
}

.kds-mt-01 {
  margin-top: 4px;
}

.kds-mt-02 {
  margin-top: 8px;
}

.kds-mt-03 {
  margin-top: 12px;
}

.kds-mt-04 {
  margin-top: 16px;
}

.kds-mt-05 {
  margin-top: 20px;
}

.kds-mt-06 {
  margin-top: 24px;
}

.kds-mt-07 {
  margin-top: 28px;
}

.kds-mt-08 {
  margin-top: 32px;
}

.kds-mt-09 {
  margin-top: 36px;
}

.kds-mt-10 {
  margin-top: 40px;
}

.kds-mt-11 {
  margin-top: 44px;
}

.kds-mt-12 {
  margin-top: 48px;
}

.kds-mt-14 {
  margin-top: 56px;
}

.kds-mt-16 {
  margin-top: 64px;
}

.kds-mt-20 {
  margin-top: 80px;
}

.kds-mt-auto {
  margin-top: auto;
}

.kds-mt-page-margin {
  margin-top: var(--_page-grid-margin, 0px);
}

.kds-mt-page-rail {
  margin-top: var(--_page-grid-rail-width, 0px);
}

.kds-line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.kds-line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.kds-line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.kds-line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.kds-line-clamp-5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.kds-line-clamp-6 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.kds-line-clamp-none {
  overflow: visible;
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-line-clamp: none;
}

.kds-gap-0 {
  gap: 0px;
}

.kds-gap-01 {
  gap: 4px;
}

.kds-gap-02 {
  gap: 8px;
}

.kds-gap-03 {
  gap: 12px;
}

.kds-gap-04 {
  gap: 16px;
}

.kds-gap-05 {
  gap: 20px;
}

.kds-gap-06 {
  gap: 24px;
}

.kds-gap-07 {
  gap: 28px;
}

.kds-gap-08 {
  gap: 32px;
}

.kds-gap-09 {
  gap: 36px;
}

.kds-gap-10 {
  gap: 40px;
}

.kds-gap-11 {
  gap: 44px;
}

.kds-gap-12 {
  gap: 48px;
}

.kds-gap-14 {
  gap: 56px;
}

.kds-gap-16 {
  gap: 64px;
}

.kds-gap-20 {
  gap: 80px;
}

.kds-gap-page-margin {
  gap: var(--_page-grid-margin, 0px);
}

.kds-gap-page-rail {
  gap: var(--_page-grid-rail-width, 0px);
}

.kds-gap-x-0 {
  -moz-column-gap: 0px;
  column-gap: 0px;
}

.kds-gap-x-01 {
  -moz-column-gap: 4px;
  column-gap: 4px;
}

.kds-gap-x-02 {
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.kds-gap-x-03 {
  -moz-column-gap: 12px;
  column-gap: 12px;
}

.kds-gap-x-04 {
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.kds-gap-x-05 {
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.kds-gap-x-06 {
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.kds-gap-x-07 {
  -moz-column-gap: 28px;
  column-gap: 28px;
}

.kds-gap-x-08 {
  -moz-column-gap: 32px;
  column-gap: 32px;
}

.kds-gap-x-09 {
  -moz-column-gap: 36px;
  column-gap: 36px;
}

.kds-gap-x-10 {
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.kds-gap-x-11 {
  -moz-column-gap: 44px;
  column-gap: 44px;
}

.kds-gap-x-12 {
  -moz-column-gap: 48px;
  column-gap: 48px;
}

.kds-gap-x-14 {
  -moz-column-gap: 56px;
  column-gap: 56px;
}

.kds-gap-x-16 {
  -moz-column-gap: 64px;
  column-gap: 64px;
}

.kds-gap-x-20 {
  -moz-column-gap: 80px;
  column-gap: 80px;
}

.kds-gap-x-page-margin {
  -moz-column-gap: var(--_page-grid-margin, 0px);
  column-gap: var(--_page-grid-margin, 0px);
}

.kds-gap-x-page-rail {
  -moz-column-gap: var(--_page-grid-rail-width, 0px);
  column-gap: var(--_page-grid-rail-width, 0px);
}

.kds-gap-y-0 {
  row-gap: 0px;
}

.kds-gap-y-01 {
  row-gap: 4px;
}

.kds-gap-y-02 {
  row-gap: 8px;
}

.kds-gap-y-03 {
  row-gap: 12px;
}

.kds-gap-y-04 {
  row-gap: 16px;
}

.kds-gap-y-05 {
  row-gap: 20px;
}

.kds-gap-y-06 {
  row-gap: 24px;
}

.kds-gap-y-07 {
  row-gap: 28px;
}

.kds-gap-y-08 {
  row-gap: 32px;
}

.kds-gap-y-09 {
  row-gap: 36px;
}

.kds-gap-y-10 {
  row-gap: 40px;
}

.kds-gap-y-11 {
  row-gap: 44px;
}

.kds-gap-y-12 {
  row-gap: 48px;
}

.kds-gap-y-14 {
  row-gap: 56px;
}

.kds-gap-y-16 {
  row-gap: 64px;
}

.kds-gap-y-20 {
  row-gap: 80px;
}

.kds-gap-y-page-margin {
  row-gap: var(--_page-grid-margin, 0px);
}

.kds-gap-y-page-rail {
  row-gap: var(--_page-grid-rail-width, 0px);
}

.kds-rounded-full {
  border-radius: 100vmax;
}

.kds-rounded-lg {
  border-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-md {
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-none {
  border-radius: 0;
}

.kds-rounded-sm {
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-b {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-b-full {
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.kds-rounded-b-lg {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-b-md {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.kds-rounded-b-sm {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-e {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-e-full {
  border-start-end-radius: 100vmax;
  border-end-end-radius: 100vmax;
}

.kds-rounded-e-lg {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-e-md {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-e-none {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.kds-rounded-e-sm {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-l {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-l-full {
  border-top-left-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.kds-rounded-l-lg {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-l-md {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.kds-rounded-l-sm {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-r {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-r-full {
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
}

.kds-rounded-r-lg {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-r-md {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.kds-rounded-r-sm {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-s {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-s-full {
  border-start-start-radius: 100vmax;
  border-end-start-radius: 100vmax;
}

.kds-rounded-s-lg {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-s-md {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-s-none {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.kds-rounded-s-sm {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-t {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-t-full {
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
}

.kds-rounded-t-lg {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-t-md {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.kds-rounded-t-sm {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-bl {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-bl-full {
  border-bottom-left-radius: 100vmax;
}

.kds-rounded-bl-lg {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-bl-md {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-bl-none {
  border-bottom-left-radius: 0;
}

.kds-rounded-bl-sm {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-br {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-br-full {
  border-bottom-right-radius: 100vmax;
}

.kds-rounded-br-lg {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-br-md {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-br-none {
  border-bottom-right-radius: 0;
}

.kds-rounded-br-sm {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-ee {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-ee-full {
  border-end-end-radius: 100vmax;
}

.kds-rounded-ee-lg {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-ee-md {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-ee-none {
  border-end-end-radius: 0;
}

.kds-rounded-ee-sm {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-es {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-es-full {
  border-end-start-radius: 100vmax;
}

.kds-rounded-es-lg {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-es-md {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-es-none {
  border-end-start-radius: 0;
}

.kds-rounded-es-sm {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-se {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-se-full {
  border-start-end-radius: 100vmax;
}

.kds-rounded-se-lg {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-se-md {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-se-none {
  border-start-end-radius: 0;
}

.kds-rounded-se-sm {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-ss {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-ss-full {
  border-start-start-radius: 100vmax;
}

.kds-rounded-ss-lg {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-ss-md {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-ss-none {
  border-start-start-radius: 0;
}

.kds-rounded-ss-sm {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-tl {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-tl-full {
  border-top-left-radius: 100vmax;
}

.kds-rounded-tl-lg {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-tl-md {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-tl-none {
  border-top-left-radius: 0;
}

.kds-rounded-tl-sm {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-rounded-tr {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-tr-full {
  border-top-right-radius: 100vmax;
}

.kds-rounded-tr-lg {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.kds-rounded-tr-md {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.kds-rounded-tr-none {
  border-top-right-radius: 0;
}

.kds-rounded-tr-sm {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.kds-border {
  border-width: 1px;
}

.kds-border-0 {
  border-width: 0px;
}

.kds-border-2 {
  border-width: 2px;
}

.kds-border-4 {
  border-width: 4px;
}

.kds-border-8 {
  border-width: 8px;
}

.kds-border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}

.kds-border-x-0 {
  border-left-width: 0px;
  border-right-width: 0px;
}

.kds-border-x-2 {
  border-left-width: 2px;
  border-right-width: 2px;
}

.kds-border-x-4 {
  border-left-width: 4px;
  border-right-width: 4px;
}

.kds-border-x-8 {
  border-left-width: 8px;
  border-right-width: 8px;
}

.kds-border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.kds-border-y-0 {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.kds-border-y-2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.kds-border-y-4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.kds-border-y-8 {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.kds-border-b {
  border-bottom-width: 1px;
}

.kds-border-b-0 {
  border-bottom-width: 0px;
}

.kds-border-b-2 {
  border-bottom-width: 2px;
}

.kds-border-b-4 {
  border-bottom-width: 4px;
}

.kds-border-b-8 {
  border-bottom-width: 8px;
}

.kds-border-e {
  border-inline-end-width: 1px;
}

.kds-border-e-0 {
  border-inline-end-width: 0px;
}

.kds-border-e-2 {
  border-inline-end-width: 2px;
}

.kds-border-e-4 {
  border-inline-end-width: 4px;
}

.kds-border-e-8 {
  border-inline-end-width: 8px;
}

.kds-border-l {
  border-left-width: 1px;
}

.kds-border-l-0 {
  border-left-width: 0px;
}

.kds-border-l-2 {
  border-left-width: 2px;
}

.kds-border-l-4 {
  border-left-width: 4px;
}

.kds-border-l-8 {
  border-left-width: 8px;
}

.kds-border-r {
  border-right-width: 1px;
}

.kds-border-r-0 {
  border-right-width: 0px;
}

.kds-border-r-2 {
  border-right-width: 2px;
}

.kds-border-r-4 {
  border-right-width: 4px;
}

.kds-border-r-8 {
  border-right-width: 8px;
}

.kds-border-s {
  border-inline-start-width: 1px;
}

.kds-border-s-0 {
  border-inline-start-width: 0px;
}

.kds-border-s-2 {
  border-inline-start-width: 2px;
}

.kds-border-s-4 {
  border-inline-start-width: 4px;
}

.kds-border-s-8 {
  border-inline-start-width: 8px;
}

.kds-border-t {
  border-top-width: 1px;
}

.kds-border-t-0 {
  border-top-width: 0px;
}

.kds-border-t-2 {
  border-top-width: 2px;
}

.kds-border-t-4 {
  border-top-width: 4px;
}

.kds-border-t-8 {
  border-top-width: 8px;
}

.kds-border-solid {
  border-style: solid;
}

.kds-border-dashed {
  border-style: dashed;
}

.kds-border-dotted {
  border-style: dotted;
}

.kds-border-double {
  border-style: double;
}

.kds-border-hidden {
  border-style: hidden;
}

.kds-border-none {
  border-style: none;
}

.kds-border-accent-blue-bold {
  border-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-accent-blue-subtle {
  border-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-accent-green-subtle {
  border-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-active {
  border-color: var(--kds-color-border-active);
}

.kds-border-bold {
  border-color: var(--kds-color-border-bold);
}

.kds-border-bold-hover {
  border-color: var(--kds-color-border-bold-hover);
}

.kds-border-danger-bold {
  border-color: var(--kds-color-border-danger-bold);
}

.kds-border-danger-subtle {
  border-color: var(--kds-color-border-danger-subtle);
}

.kds-border-disabled {
  border-color: var(--kds-color-border-disabled);
}

.kds-border-focus {
  border-color: var(--kds-color-border-focus);
}

.kds-border-subtle {
  border-color: var(--kds-color-border-subtle);
}

.kds-border-subtle-hover {
  border-color: var(--kds-color-border-subtle-hover);
}

.kds-border-transparent {
  border-color: transparent;
}

.kds-border-warning-bold {
  border-color: var(--kds-color-border-warning-bold);
}

.kds-border-warning-subtle {
  border-color: var(--kds-color-border-warning-subtle);
}

.kds-border-x-accent-blue-bold {
  border-left-color: var(--kds-color-border-accent-blue-bold);
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-x-accent-blue-subtle {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-x-accent-green-subtle {
  border-left-color: var(--kds-color-border-accent-green-subtle);
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-x-active {
  border-left-color: var(--kds-color-border-active);
  border-right-color: var(--kds-color-border-active);
}

.kds-border-x-bold {
  border-left-color: var(--kds-color-border-bold);
  border-right-color: var(--kds-color-border-bold);
}

.kds-border-x-bold-hover {
  border-left-color: var(--kds-color-border-bold-hover);
  border-right-color: var(--kds-color-border-bold-hover);
}

.kds-border-x-danger-bold {
  border-left-color: var(--kds-color-border-danger-bold);
  border-right-color: var(--kds-color-border-danger-bold);
}

.kds-border-x-danger-subtle {
  border-left-color: var(--kds-color-border-danger-subtle);
  border-right-color: var(--kds-color-border-danger-subtle);
}

.kds-border-x-disabled {
  border-left-color: var(--kds-color-border-disabled);
  border-right-color: var(--kds-color-border-disabled);
}

.kds-border-x-focus {
  border-left-color: var(--kds-color-border-focus);
  border-right-color: var(--kds-color-border-focus);
}

.kds-border-x-subtle {
  border-left-color: var(--kds-color-border-subtle);
  border-right-color: var(--kds-color-border-subtle);
}

.kds-border-x-subtle-hover {
  border-left-color: var(--kds-color-border-subtle-hover);
  border-right-color: var(--kds-color-border-subtle-hover);
}

.kds-border-x-transparent {
  border-left-color: transparent;
  border-right-color: transparent;
}

.kds-border-x-warning-bold {
  border-left-color: var(--kds-color-border-warning-bold);
  border-right-color: var(--kds-color-border-warning-bold);
}

.kds-border-x-warning-subtle {
  border-left-color: var(--kds-color-border-warning-subtle);
  border-right-color: var(--kds-color-border-warning-subtle);
}

.kds-border-y-accent-blue-bold {
  border-top-color: var(--kds-color-border-accent-blue-bold);
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-y-accent-blue-subtle {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-y-accent-green-subtle {
  border-top-color: var(--kds-color-border-accent-green-subtle);
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-y-active {
  border-top-color: var(--kds-color-border-active);
  border-bottom-color: var(--kds-color-border-active);
}

.kds-border-y-bold {
  border-top-color: var(--kds-color-border-bold);
  border-bottom-color: var(--kds-color-border-bold);
}

.kds-border-y-bold-hover {
  border-top-color: var(--kds-color-border-bold-hover);
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.kds-border-y-danger-bold {
  border-top-color: var(--kds-color-border-danger-bold);
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.kds-border-y-danger-subtle {
  border-top-color: var(--kds-color-border-danger-subtle);
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.kds-border-y-disabled {
  border-top-color: var(--kds-color-border-disabled);
  border-bottom-color: var(--kds-color-border-disabled);
}

.kds-border-y-focus {
  border-top-color: var(--kds-color-border-focus);
  border-bottom-color: var(--kds-color-border-focus);
}

.kds-border-y-subtle {
  border-top-color: var(--kds-color-border-subtle);
  border-bottom-color: var(--kds-color-border-subtle);
}

.kds-border-y-subtle-hover {
  border-top-color: var(--kds-color-border-subtle-hover);
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.kds-border-y-transparent {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.kds-border-y-warning-bold {
  border-top-color: var(--kds-color-border-warning-bold);
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.kds-border-y-warning-subtle {
  border-top-color: var(--kds-color-border-warning-subtle);
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.kds-border-b-accent-blue-bold {
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-b-accent-blue-subtle {
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-b-accent-green-subtle {
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-b-active {
  border-bottom-color: var(--kds-color-border-active);
}

.kds-border-b-bold {
  border-bottom-color: var(--kds-color-border-bold);
}

.kds-border-b-bold-hover {
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.kds-border-b-danger-bold {
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.kds-border-b-danger-subtle {
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.kds-border-b-disabled {
  border-bottom-color: var(--kds-color-border-disabled);
}

.kds-border-b-focus {
  border-bottom-color: var(--kds-color-border-focus);
}

.kds-border-b-subtle {
  border-bottom-color: var(--kds-color-border-subtle);
}

.kds-border-b-subtle-hover {
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.kds-border-b-transparent {
  border-bottom-color: transparent;
}

.kds-border-b-warning-bold {
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.kds-border-b-warning-subtle {
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.kds-border-e-accent-blue-bold {
  border-inline-end-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-e-accent-blue-subtle {
  border-inline-end-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-e-accent-green-subtle {
  border-inline-end-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-e-active {
  border-inline-end-color: var(--kds-color-border-active);
}

.kds-border-e-bold {
  border-inline-end-color: var(--kds-color-border-bold);
}

.kds-border-e-bold-hover {
  border-inline-end-color: var(--kds-color-border-bold-hover);
}

.kds-border-e-danger-bold {
  border-inline-end-color: var(--kds-color-border-danger-bold);
}

.kds-border-e-danger-subtle {
  border-inline-end-color: var(--kds-color-border-danger-subtle);
}

.kds-border-e-disabled {
  border-inline-end-color: var(--kds-color-border-disabled);
}

.kds-border-e-focus {
  border-inline-end-color: var(--kds-color-border-focus);
}

.kds-border-e-subtle {
  border-inline-end-color: var(--kds-color-border-subtle);
}

.kds-border-e-subtle-hover {
  border-inline-end-color: var(--kds-color-border-subtle-hover);
}

.kds-border-e-transparent {
  border-inline-end-color: transparent;
}

.kds-border-e-warning-bold {
  border-inline-end-color: var(--kds-color-border-warning-bold);
}

.kds-border-e-warning-subtle {
  border-inline-end-color: var(--kds-color-border-warning-subtle);
}

.kds-border-l-accent-blue-bold {
  border-left-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-l-accent-blue-subtle {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-l-accent-green-subtle {
  border-left-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-l-active {
  border-left-color: var(--kds-color-border-active);
}

.kds-border-l-bold {
  border-left-color: var(--kds-color-border-bold);
}

.kds-border-l-bold-hover {
  border-left-color: var(--kds-color-border-bold-hover);
}

.kds-border-l-danger-bold {
  border-left-color: var(--kds-color-border-danger-bold);
}

.kds-border-l-danger-subtle {
  border-left-color: var(--kds-color-border-danger-subtle);
}

.kds-border-l-disabled {
  border-left-color: var(--kds-color-border-disabled);
}

.kds-border-l-focus {
  border-left-color: var(--kds-color-border-focus);
}

.kds-border-l-subtle {
  border-left-color: var(--kds-color-border-subtle);
}

.kds-border-l-subtle-hover {
  border-left-color: var(--kds-color-border-subtle-hover);
}

.kds-border-l-transparent {
  border-left-color: transparent;
}

.kds-border-l-warning-bold {
  border-left-color: var(--kds-color-border-warning-bold);
}

.kds-border-l-warning-subtle {
  border-left-color: var(--kds-color-border-warning-subtle);
}

.kds-border-r-accent-blue-bold {
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-r-accent-blue-subtle {
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-r-accent-green-subtle {
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-r-active {
  border-right-color: var(--kds-color-border-active);
}

.kds-border-r-bold {
  border-right-color: var(--kds-color-border-bold);
}

.kds-border-r-bold-hover {
  border-right-color: var(--kds-color-border-bold-hover);
}

.kds-border-r-danger-bold {
  border-right-color: var(--kds-color-border-danger-bold);
}

.kds-border-r-danger-subtle {
  border-right-color: var(--kds-color-border-danger-subtle);
}

.kds-border-r-disabled {
  border-right-color: var(--kds-color-border-disabled);
}

.kds-border-r-focus {
  border-right-color: var(--kds-color-border-focus);
}

.kds-border-r-subtle {
  border-right-color: var(--kds-color-border-subtle);
}

.kds-border-r-subtle-hover {
  border-right-color: var(--kds-color-border-subtle-hover);
}

.kds-border-r-transparent {
  border-right-color: transparent;
}

.kds-border-r-warning-bold {
  border-right-color: var(--kds-color-border-warning-bold);
}

.kds-border-r-warning-subtle {
  border-right-color: var(--kds-color-border-warning-subtle);
}

.kds-border-s-accent-blue-bold {
  border-inline-start-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-s-accent-blue-subtle {
  border-inline-start-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-s-accent-green-subtle {
  border-inline-start-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-s-active {
  border-inline-start-color: var(--kds-color-border-active);
}

.kds-border-s-bold {
  border-inline-start-color: var(--kds-color-border-bold);
}

.kds-border-s-bold-hover {
  border-inline-start-color: var(--kds-color-border-bold-hover);
}

.kds-border-s-danger-bold {
  border-inline-start-color: var(--kds-color-border-danger-bold);
}

.kds-border-s-danger-subtle {
  border-inline-start-color: var(--kds-color-border-danger-subtle);
}

.kds-border-s-disabled {
  border-inline-start-color: var(--kds-color-border-disabled);
}

.kds-border-s-focus {
  border-inline-start-color: var(--kds-color-border-focus);
}

.kds-border-s-subtle {
  border-inline-start-color: var(--kds-color-border-subtle);
}

.kds-border-s-subtle-hover {
  border-inline-start-color: var(--kds-color-border-subtle-hover);
}

.kds-border-s-transparent {
  border-inline-start-color: transparent;
}

.kds-border-s-warning-bold {
  border-inline-start-color: var(--kds-color-border-warning-bold);
}

.kds-border-s-warning-subtle {
  border-inline-start-color: var(--kds-color-border-warning-subtle);
}

.kds-border-t-accent-blue-bold {
  border-top-color: var(--kds-color-border-accent-blue-bold);
}

.kds-border-t-accent-blue-subtle {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
}

.kds-border-t-accent-green-subtle {
  border-top-color: var(--kds-color-border-accent-green-subtle);
}

.kds-border-t-active {
  border-top-color: var(--kds-color-border-active);
}

.kds-border-t-bold {
  border-top-color: var(--kds-color-border-bold);
}

.kds-border-t-bold-hover {
  border-top-color: var(--kds-color-border-bold-hover);
}

.kds-border-t-danger-bold {
  border-top-color: var(--kds-color-border-danger-bold);
}

.kds-border-t-danger-subtle {
  border-top-color: var(--kds-color-border-danger-subtle);
}

.kds-border-t-disabled {
  border-top-color: var(--kds-color-border-disabled);
}

.kds-border-t-focus {
  border-top-color: var(--kds-color-border-focus);
}

.kds-border-t-subtle {
  border-top-color: var(--kds-color-border-subtle);
}

.kds-border-t-subtle-hover {
  border-top-color: var(--kds-color-border-subtle-hover);
}

.kds-border-t-transparent {
  border-top-color: transparent;
}

.kds-border-t-warning-bold {
  border-top-color: var(--kds-color-border-warning-bold);
}

.kds-border-t-warning-subtle {
  border-top-color: var(--kds-color-border-warning-subtle);
}

.kds-bg-accent-blue-bold {
  background-color: var(--kds-color-background-accent-blue-bold);
}

.kds-bg-accent-blue-subtle {
  background-color: var(--kds-color-background-accent-blue-subtle);
}

.kds-bg-accent-gray-bold {
  background-color: var(--kds-color-background-accent-gray-bold);
}

.kds-bg-accent-gray-subtle {
  background-color: var(--kds-color-background-accent-gray-subtle);
}

.kds-bg-accent-green-bold {
  background-color: var(--kds-color-background-accent-green-bold);
}

.kds-bg-accent-green-bold-hovered {
  background-color: var(--kds-color-background-accent-green-bold-hovered);
}

.kds-bg-accent-green-bold-pressed {
  background-color: var(--kds-color-background-accent-green-bold-pressed);
}

.kds-bg-accent-green-subtle {
  background-color: var(--kds-color-background-accent-green-subtle);
}

.kds-bg-accent-purple-subtle {
  background-color: var(--kds-color-background-accent-purple-subtle);
}

.kds-bg-accent-red-bold {
  background-color: var(--kds-color-background-accent-red-bold);
}

.kds-bg-accent-red-subtle {
  background-color: var(--kds-color-background-accent-red-subtle);
}

.kds-bg-action {
  background-color: var(--kds-color-background-action);
}

.kds-bg-action-disabled {
  background-color: var(--kds-color-background-action-disabled);
}

.kds-bg-action-hover {
  background-color: var(--kds-color-background-action-hover);
}

.kds-bg-action-pressed {
  background-color: var(--kds-color-background-action-pressed);
}

.kds-bg-danger-bold {
  background-color: var(--kds-color-background-danger-bold);
}

.kds-bg-danger-bold-hovered {
  background-color: var(--kds-color-background-danger-bold-hovered);
}

.kds-bg-danger-bold-pressed {
  background-color: var(--kds-color-background-danger-bold-pressed);
}

.kds-bg-danger-disabled {
  background-color: var(--kds-color-background-danger-disabled);
}

.kds-bg-danger-subtle {
  background-color: var(--kds-color-background-danger-subtle);
}

.kds-bg-danger-subtle-hovered {
  background-color: var(--kds-color-background-danger-subtle-hovered);
}

.kds-bg-disabled {
  background-color: var(--kds-color-background-disabled);
}

.kds-bg-inverse {
  background-color: var(--kds-color-background-inverse);
}

.kds-bg-inverse-hover {
  background-color: var(--kds-color-background-inverse-hover);
}

.kds-bg-inverse-pressed {
  background-color: var(--kds-color-background-inverse-pressed);
}

.kds-bg-selected {
  background-color: var(--kds-color-background-selected);
}

.kds-bg-surface-inverse {
  background-color: var(--kds-color-background-surface-inverse);
}

.kds-bg-surface-primary {
  background-color: var(--kds-color-background-surface-primary);
}

.kds-bg-surface-secondary {
  background-color: var(--kds-color-background-surface-secondary);
}

.kds-bg-transparent {
  background-color: transparent;
}

.kds-bg-warning-bold {
  background-color: var(--kds-color-background-warning-bold);
}

.kds-bg-warning-subtle {
  background-color: var(--kds-color-background-warning-subtle);
}

.kds-fill-icon {
  fill: var(--kds-color-icon);
}

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

.kds-fill-icon-danger-inverse {
  fill: var(--kds-color-icon-danger-inverse);
}

.kds-fill-icon-disabled {
  fill: var(--kds-color-icon-disabled);
}

.kds-fill-icon-green {
  fill: var(--kds-color-icon-green);
}

.kds-fill-icon-green-inverse {
  fill: var(--kds-color-icon-green-inverse);
}

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

.kds-fill-icon-inverse {
  fill: var(--kds-color-icon-inverse);
}

.kds-fill-icon-subtle {
  fill: var(--kds-color-icon-subtle);
}

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

.kds-p-0 {
  padding: 0px;
}

.kds-p-01 {
  padding: 4px;
}

.kds-p-02 {
  padding: 8px;
}

.kds-p-03 {
  padding: 12px;
}

.kds-p-04 {
  padding: 16px;
}

.kds-p-05 {
  padding: 20px;
}

.kds-p-06 {
  padding: 24px;
}

.kds-p-07 {
  padding: 28px;
}

.kds-p-08 {
  padding: 32px;
}

.kds-p-09 {
  padding: 36px;
}

.kds-p-10 {
  padding: 40px;
}

.kds-p-11 {
  padding: 44px;
}

.kds-p-12 {
  padding: 48px;
}

.kds-p-14 {
  padding: 56px;
}

.kds-p-16 {
  padding: 64px;
}

.kds-p-20 {
  padding: 80px;
}

.kds-p-page-margin {
  padding: var(--_page-grid-margin, 0px);
}

.kds-p-page-rail {
  padding: var(--_page-grid-rail-width, 0px);
}

.kds-px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.kds-px-01 {
  padding-left: 4px;
  padding-right: 4px;
}

.kds-px-02 {
  padding-left: 8px;
  padding-right: 8px;
}

.kds-px-03 {
  padding-left: 12px;
  padding-right: 12px;
}

.kds-px-04 {
  padding-left: 16px;
  padding-right: 16px;
}

.kds-px-05 {
  padding-left: 20px;
  padding-right: 20px;
}

.kds-px-06 {
  padding-left: 24px;
  padding-right: 24px;
}

.kds-px-07 {
  padding-left: 28px;
  padding-right: 28px;
}

.kds-px-08 {
  padding-left: 32px;
  padding-right: 32px;
}

.kds-px-09 {
  padding-left: 36px;
  padding-right: 36px;
}

.kds-px-10 {
  padding-left: 40px;
  padding-right: 40px;
}

.kds-px-11 {
  padding-left: 44px;
  padding-right: 44px;
}

.kds-px-12 {
  padding-left: 48px;
  padding-right: 48px;
}

.kds-px-14 {
  padding-left: 56px;
  padding-right: 56px;
}

.kds-px-16 {
  padding-left: 64px;
  padding-right: 64px;
}

.kds-px-20 {
  padding-left: 80px;
  padding-right: 80px;
}

.kds-px-page-margin {
  padding-left: var(--_page-grid-margin, 0px);
  padding-right: var(--_page-grid-margin, 0px);
}

.kds-px-page-rail {
  padding-left: var(--_page-grid-rail-width, 0px);
  padding-right: var(--_page-grid-rail-width, 0px);
}

.kds-py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.kds-py-01 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.kds-py-02 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.kds-py-03 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.kds-py-04 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.kds-py-05 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.kds-py-06 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.kds-py-07 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.kds-py-08 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.kds-py-09 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.kds-py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.kds-py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.kds-py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.kds-py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.kds-py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.kds-py-20 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.kds-py-page-margin {
  padding-top: var(--_page-grid-margin, 0px);
  padding-bottom: var(--_page-grid-margin, 0px);
}

.kds-py-page-rail {
  padding-top: var(--_page-grid-rail-width, 0px);
  padding-bottom: var(--_page-grid-rail-width, 0px);
}

.kds-pb-0 {
  padding-bottom: 0px;
}

.kds-pb-01 {
  padding-bottom: 4px;
}

.kds-pb-02 {
  padding-bottom: 8px;
}

.kds-pb-03 {
  padding-bottom: 12px;
}

.kds-pb-04 {
  padding-bottom: 16px;
}

.kds-pb-05 {
  padding-bottom: 20px;
}

.kds-pb-06 {
  padding-bottom: 24px;
}

.kds-pb-07 {
  padding-bottom: 28px;
}

.kds-pb-08 {
  padding-bottom: 32px;
}

.kds-pb-09 {
  padding-bottom: 36px;
}

.kds-pb-10 {
  padding-bottom: 40px;
}

.kds-pb-11 {
  padding-bottom: 44px;
}

.kds-pb-12 {
  padding-bottom: 48px;
}

.kds-pb-14 {
  padding-bottom: 56px;
}

.kds-pb-16 {
  padding-bottom: 64px;
}

.kds-pb-20 {
  padding-bottom: 80px;
}

.kds-pb-page-margin {
  padding-bottom: var(--_page-grid-margin, 0px);
}

.kds-pb-page-rail {
  padding-bottom: var(--_page-grid-rail-width, 0px);
}

.kds-pe-0 {
  padding-inline-end: 0px;
}

.kds-pe-01 {
  padding-inline-end: 4px;
}

.kds-pe-02 {
  padding-inline-end: 8px;
}

.kds-pe-03 {
  padding-inline-end: 12px;
}

.kds-pe-04 {
  padding-inline-end: 16px;
}

.kds-pe-05 {
  padding-inline-end: 20px;
}

.kds-pe-06 {
  padding-inline-end: 24px;
}

.kds-pe-07 {
  padding-inline-end: 28px;
}

.kds-pe-08 {
  padding-inline-end: 32px;
}

.kds-pe-09 {
  padding-inline-end: 36px;
}

.kds-pe-10 {
  padding-inline-end: 40px;
}

.kds-pe-11 {
  padding-inline-end: 44px;
}

.kds-pe-12 {
  padding-inline-end: 48px;
}

.kds-pe-14 {
  padding-inline-end: 56px;
}

.kds-pe-16 {
  padding-inline-end: 64px;
}

.kds-pe-20 {
  padding-inline-end: 80px;
}

.kds-pe-page-margin {
  padding-inline-end: var(--_page-grid-margin, 0px);
}

.kds-pe-page-rail {
  padding-inline-end: var(--_page-grid-rail-width, 0px);
}

.kds-pl-0 {
  padding-left: 0px;
}

.kds-pl-01 {
  padding-left: 4px;
}

.kds-pl-02 {
  padding-left: 8px;
}

.kds-pl-03 {
  padding-left: 12px;
}

.kds-pl-04 {
  padding-left: 16px;
}

.kds-pl-05 {
  padding-left: 20px;
}

.kds-pl-06 {
  padding-left: 24px;
}

.kds-pl-07 {
  padding-left: 28px;
}

.kds-pl-08 {
  padding-left: 32px;
}

.kds-pl-09 {
  padding-left: 36px;
}

.kds-pl-10 {
  padding-left: 40px;
}

.kds-pl-11 {
  padding-left: 44px;
}

.kds-pl-12 {
  padding-left: 48px;
}

.kds-pl-14 {
  padding-left: 56px;
}

.kds-pl-16 {
  padding-left: 64px;
}

.kds-pl-20 {
  padding-left: 80px;
}

.kds-pl-page-margin {
  padding-left: var(--_page-grid-margin, 0px);
}

.kds-pl-page-rail {
  padding-left: var(--_page-grid-rail-width, 0px);
}

.kds-pr-0 {
  padding-right: 0px;
}

.kds-pr-01 {
  padding-right: 4px;
}

.kds-pr-02 {
  padding-right: 8px;
}

.kds-pr-03 {
  padding-right: 12px;
}

.kds-pr-04 {
  padding-right: 16px;
}

.kds-pr-05 {
  padding-right: 20px;
}

.kds-pr-06 {
  padding-right: 24px;
}

.kds-pr-07 {
  padding-right: 28px;
}

.kds-pr-08 {
  padding-right: 32px;
}

.kds-pr-09 {
  padding-right: 36px;
}

.kds-pr-10 {
  padding-right: 40px;
}

.kds-pr-11 {
  padding-right: 44px;
}

.kds-pr-12 {
  padding-right: 48px;
}

.kds-pr-14 {
  padding-right: 56px;
}

.kds-pr-16 {
  padding-right: 64px;
}

.kds-pr-20 {
  padding-right: 80px;
}

.kds-pr-page-margin {
  padding-right: var(--_page-grid-margin, 0px);
}

.kds-pr-page-rail {
  padding-right: var(--_page-grid-rail-width, 0px);
}

.kds-ps-0 {
  padding-inline-start: 0px;
}

.kds-ps-01 {
  padding-inline-start: 4px;
}

.kds-ps-02 {
  padding-inline-start: 8px;
}

.kds-ps-03 {
  padding-inline-start: 12px;
}

.kds-ps-04 {
  padding-inline-start: 16px;
}

.kds-ps-05 {
  padding-inline-start: 20px;
}

.kds-ps-06 {
  padding-inline-start: 24px;
}

.kds-ps-07 {
  padding-inline-start: 28px;
}

.kds-ps-08 {
  padding-inline-start: 32px;
}

.kds-ps-09 {
  padding-inline-start: 36px;
}

.kds-ps-10 {
  padding-inline-start: 40px;
}

.kds-ps-11 {
  padding-inline-start: 44px;
}

.kds-ps-12 {
  padding-inline-start: 48px;
}

.kds-ps-14 {
  padding-inline-start: 56px;
}

.kds-ps-16 {
  padding-inline-start: 64px;
}

.kds-ps-20 {
  padding-inline-start: 80px;
}

.kds-ps-page-margin {
  padding-inline-start: var(--_page-grid-margin, 0px);
}

.kds-ps-page-rail {
  padding-inline-start: var(--_page-grid-rail-width, 0px);
}

.kds-pt-0 {
  padding-top: 0px;
}

.kds-pt-01 {
  padding-top: 4px;
}

.kds-pt-02 {
  padding-top: 8px;
}

.kds-pt-03 {
  padding-top: 12px;
}

.kds-pt-04 {
  padding-top: 16px;
}

.kds-pt-05 {
  padding-top: 20px;
}

.kds-pt-06 {
  padding-top: 24px;
}

.kds-pt-07 {
  padding-top: 28px;
}

.kds-pt-08 {
  padding-top: 32px;
}

.kds-pt-09 {
  padding-top: 36px;
}

.kds-pt-10 {
  padding-top: 40px;
}

.kds-pt-11 {
  padding-top: 44px;
}

.kds-pt-12 {
  padding-top: 48px;
}

.kds-pt-14 {
  padding-top: 56px;
}

.kds-pt-16 {
  padding-top: 64px;
}

.kds-pt-20 {
  padding-top: 80px;
}

.kds-pt-page-margin {
  padding-top: var(--_page-grid-margin, 0px);
}

.kds-pt-page-rail {
  padding-top: var(--_page-grid-rail-width, 0px);
}

.kds-text-accent-blue {
  color: var(--kds-color-text-accent-blue);
}

.kds-text-accent-blue-bolder {
  color: var(--kds-color-text-accent-blue-bolder);
}

.kds-text-accent-gray {
  color: var(--kds-color-text-accent-gray);
}

.kds-text-accent-green {
  color: var(--kds-color-text-accent-green);
}

.kds-text-accent-green-bolder {
  color: var(--kds-color-text-accent-green-bolder);
}

.kds-text-accent-green-inverse-disabled {
  color: var(--kds-color-text-accent-green-inverse-disabled);
}

.kds-text-accent-purple {
  color: var(--kds-color-text-accent-purple);
}

.kds-text-accent-purple-bolder {
  color: var(--kds-color-text-accent-purple-bolder);
}

.kds-text-accent-red {
  color: var(--kds-color-text-accent-red);
}

.kds-text-accent-red-bolder {
  color: var(--kds-color-text-accent-red-bolder);
}

.kds-text-accent-red-inverse-disabled {
  color: var(--kds-color-text-accent-red-inverse-disabled);
}

.kds-text-accent-yellow {
  color: var(--kds-color-text-accent-yellow);
}

.kds-text-accent-yellow-bolder {
  color: var(--kds-color-text-accent-yellow-bolder);
}

.kds-text-disabled {
  color: var(--kds-color-text-disabled);
}

.kds-text-inverse-disabled {
  color: var(--kds-color-text-inverse-disabled);
}

.kds-text-inverse-primary {
  color: var(--kds-color-text-inverse-primary);
}

.kds-text-inverse-secondary {
  color: var(--kds-color-text-inverse-secondary);
}

.kds-text-placeholder {
  color: var(--kds-color-text-placeholder);
}

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

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

.kds-breakout {
  width: 100vw;
  position: relative;
  inset-inline: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

@container (min-width: 0px) {
  .kds-breakout {
    width: 100cqi;
    margin-left: -50cqi;
    margin-right: -50cqi;
  }
}
.kds-container-normal {
  container-type: normal;
}

.kds-container-size {
  container-type: size;
}

.kds-container-inline-size {
  container-type: inline-size;
}

.kds-container-inherit {
  container-type: inherit;
}

.kds-container-initial {
  container-type: initial;
}

.kds-container-revert {
  container-type: revert;
}

.kds-container-revert-layer {
  container-type: revert-layer;
}

.kds-container-unset {
  container-type: unset;
}

.kds-fill-icon {
  --kds-icon-fill: var(--kds-color-icon);
}

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

.kds-fill-icon-disabled {
  --kds-icon-fill: var(--kds-color-icon-disabled);
}

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

.kds-fill-icon-inverse {
  --kds-icon-fill: var(--kds-color-icon-inverse);
}

.kds-fill-icon-subtle {
  --kds-icon-fill: var(--kds-color-icon-subtle);
}

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

:where(.kds-col-margins) {
  grid-column: margins;
}

.kds-col-start-margins {
  grid-column-start: margins;
}

.kds-col-end-margins {
  grid-column-end: margins;
}

:where(.kds-col-rails) {
  grid-column: rails;
}

.kds-col-start-rails {
  grid-column-start: rails;
}

.kds-col-end-rails {
  grid-column-end: rails;
}

:where(.kds-col-main) {
  grid-column: main;
}

.kds-col-start-main {
  grid-column-start: main;
}

.kds-col-end-main {
  grid-column-end: main;
}

:where(.kds-col-1) {
  grid-column: col 1;
}

.kds-col-start-col-1 {
  grid-column-start: col 1;
}

.kds-col-end-col-1 {
  grid-column-end: col 1;
}

:where(.kds-col-2) {
  grid-column: col 2;
}

.kds-col-start-col-2 {
  grid-column-start: col 2;
}

.kds-col-end-col-2 {
  grid-column-end: col 2;
}

:where(.kds-col-3) {
  grid-column: col 3;
}

.kds-col-start-col-3 {
  grid-column-start: col 3;
}

.kds-col-end-col-3 {
  grid-column-end: col 3;
}

:where(.kds-col-4) {
  grid-column: col 4;
}

.kds-col-start-col-4 {
  grid-column-start: col 4;
}

.kds-col-end-col-4 {
  grid-column-end: col 4;
}

:where(.kds-col-5) {
  grid-column: col 5;
}

.kds-col-start-col-5 {
  grid-column-start: col 5;
}

.kds-col-end-col-5 {
  grid-column-end: col 5;
}

:where(.kds-col-6) {
  grid-column: col 6;
}

.kds-col-start-col-6 {
  grid-column-start: col 6;
}

.kds-col-end-col-6 {
  grid-column-end: col 6;
}

:where(.kds-col-7) {
  grid-column: col 7;
}

.kds-col-start-col-7 {
  grid-column-start: col 7;
}

.kds-col-end-col-7 {
  grid-column-end: col 7;
}

:where(.kds-col-8) {
  grid-column: col 8;
}

.kds-col-start-col-8 {
  grid-column-start: col 8;
}

.kds-col-end-col-8 {
  grid-column-end: col 8;
}

:where(.kds-col-9) {
  grid-column: col 9;
}

.kds-col-start-col-9 {
  grid-column-start: col 9;
}

.kds-col-end-col-9 {
  grid-column-end: col 9;
}

:where(.kds-col-10) {
  grid-column: col 10;
}

.kds-col-start-col-10 {
  grid-column-start: col 10;
}

.kds-col-end-col-10 {
  grid-column-end: col 10;
}

:where(.kds-col-11) {
  grid-column: col 11;
}

.kds-col-start-col-11 {
  grid-column-start: col 11;
}

.kds-col-end-col-11 {
  grid-column-end: col 11;
}

:where(.kds-col-12) {
  grid-column: col 12;
}

.kds-col-start-col-12 {
  grid-column-start: col 12;
}

.kds-col-end-col-12 {
  grid-column-end: col 12;
}

.kds-subgrid {
  display: grid;
  grid-template-columns: subgrid;
}

.kds-subgrid > * {
  grid-template-columns: inherit;
}

@layer subgrid {
  .kds-subgrid > :where(.kds-subgrid) {
    grid-column: inherit;
  }
}
.hover\:kds-rounded-full:hover {
  border-radius: 100vmax;
}

.hover\:kds-rounded-lg:hover {
  border-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-md:hover {
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-none:hover {
  border-radius: 0;
}

.hover\:kds-rounded-sm:hover {
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-b:hover {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-b-full:hover {
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.hover\:kds-rounded-b-lg:hover {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-b-md:hover {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-b-none:hover {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.hover\:kds-rounded-b-sm:hover {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-e:hover {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-e-full:hover {
  border-start-end-radius: 100vmax;
  border-end-end-radius: 100vmax;
}

.hover\:kds-rounded-e-lg:hover {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-e-md:hover {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-e-none:hover {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.hover\:kds-rounded-e-sm:hover {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-l:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-l-full:hover {
  border-top-left-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.hover\:kds-rounded-l-lg:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-l-md:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-l-none:hover {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.hover\:kds-rounded-l-sm:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-r:hover {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-r-full:hover {
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
}

.hover\:kds-rounded-r-lg:hover {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-r-md:hover {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-r-none:hover {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.hover\:kds-rounded-r-sm:hover {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-s:hover {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-s-full:hover {
  border-start-start-radius: 100vmax;
  border-end-start-radius: 100vmax;
}

.hover\:kds-rounded-s-lg:hover {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-s-md:hover {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-s-none:hover {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.hover\:kds-rounded-s-sm:hover {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-t:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-t-full:hover {
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
}

.hover\:kds-rounded-t-lg:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-t-md:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-t-none:hover {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.hover\:kds-rounded-t-sm:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-bl:hover {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-bl-full:hover {
  border-bottom-left-radius: 100vmax;
}

.hover\:kds-rounded-bl-lg:hover {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-bl-md:hover {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-bl-none:hover {
  border-bottom-left-radius: 0;
}

.hover\:kds-rounded-bl-sm:hover {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-br:hover {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-br-full:hover {
  border-bottom-right-radius: 100vmax;
}

.hover\:kds-rounded-br-lg:hover {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-br-md:hover {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-br-none:hover {
  border-bottom-right-radius: 0;
}

.hover\:kds-rounded-br-sm:hover {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-ee:hover {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-ee-full:hover {
  border-end-end-radius: 100vmax;
}

.hover\:kds-rounded-ee-lg:hover {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-ee-md:hover {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-ee-none:hover {
  border-end-end-radius: 0;
}

.hover\:kds-rounded-ee-sm:hover {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-es:hover {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-es-full:hover {
  border-end-start-radius: 100vmax;
}

.hover\:kds-rounded-es-lg:hover {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-es-md:hover {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-es-none:hover {
  border-end-start-radius: 0;
}

.hover\:kds-rounded-es-sm:hover {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-se:hover {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-se-full:hover {
  border-start-end-radius: 100vmax;
}

.hover\:kds-rounded-se-lg:hover {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-se-md:hover {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-se-none:hover {
  border-start-end-radius: 0;
}

.hover\:kds-rounded-se-sm:hover {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-ss:hover {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-ss-full:hover {
  border-start-start-radius: 100vmax;
}

.hover\:kds-rounded-ss-lg:hover {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-ss-md:hover {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-ss-none:hover {
  border-start-start-radius: 0;
}

.hover\:kds-rounded-ss-sm:hover {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-tl:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-tl-full:hover {
  border-top-left-radius: 100vmax;
}

.hover\:kds-rounded-tl-lg:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-tl-md:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-tl-none:hover {
  border-top-left-radius: 0;
}

.hover\:kds-rounded-tl-sm:hover {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-rounded-tr:hover {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-tr-full:hover {
  border-top-right-radius: 100vmax;
}

.hover\:kds-rounded-tr-lg:hover {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.hover\:kds-rounded-tr-md:hover {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.hover\:kds-rounded-tr-none:hover {
  border-top-right-radius: 0;
}

.hover\:kds-rounded-tr-sm:hover {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.hover\:kds-border:hover {
  border-width: 1px;
}

.hover\:kds-border-0:hover {
  border-width: 0px;
}

.hover\:kds-border-2:hover {
  border-width: 2px;
}

.hover\:kds-border-4:hover {
  border-width: 4px;
}

.hover\:kds-border-8:hover {
  border-width: 8px;
}

.hover\:kds-border-x:hover {
  border-left-width: 1px;
  border-right-width: 1px;
}

.hover\:kds-border-x-0:hover {
  border-left-width: 0px;
  border-right-width: 0px;
}

.hover\:kds-border-x-2:hover {
  border-left-width: 2px;
  border-right-width: 2px;
}

.hover\:kds-border-x-4:hover {
  border-left-width: 4px;
  border-right-width: 4px;
}

.hover\:kds-border-x-8:hover {
  border-left-width: 8px;
  border-right-width: 8px;
}

.hover\:kds-border-y:hover {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.hover\:kds-border-y-0:hover {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.hover\:kds-border-y-2:hover {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.hover\:kds-border-y-4:hover {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.hover\:kds-border-y-8:hover {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.hover\:kds-border-b:hover {
  border-bottom-width: 1px;
}

.hover\:kds-border-b-0:hover {
  border-bottom-width: 0px;
}

.hover\:kds-border-b-2:hover {
  border-bottom-width: 2px;
}

.hover\:kds-border-b-4:hover {
  border-bottom-width: 4px;
}

.hover\:kds-border-b-8:hover {
  border-bottom-width: 8px;
}

.hover\:kds-border-e:hover {
  border-inline-end-width: 1px;
}

.hover\:kds-border-e-0:hover {
  border-inline-end-width: 0px;
}

.hover\:kds-border-e-2:hover {
  border-inline-end-width: 2px;
}

.hover\:kds-border-e-4:hover {
  border-inline-end-width: 4px;
}

.hover\:kds-border-e-8:hover {
  border-inline-end-width: 8px;
}

.hover\:kds-border-l:hover {
  border-left-width: 1px;
}

.hover\:kds-border-l-0:hover {
  border-left-width: 0px;
}

.hover\:kds-border-l-2:hover {
  border-left-width: 2px;
}

.hover\:kds-border-l-4:hover {
  border-left-width: 4px;
}

.hover\:kds-border-l-8:hover {
  border-left-width: 8px;
}

.hover\:kds-border-r:hover {
  border-right-width: 1px;
}

.hover\:kds-border-r-0:hover {
  border-right-width: 0px;
}

.hover\:kds-border-r-2:hover {
  border-right-width: 2px;
}

.hover\:kds-border-r-4:hover {
  border-right-width: 4px;
}

.hover\:kds-border-r-8:hover {
  border-right-width: 8px;
}

.hover\:kds-border-s:hover {
  border-inline-start-width: 1px;
}

.hover\:kds-border-s-0:hover {
  border-inline-start-width: 0px;
}

.hover\:kds-border-s-2:hover {
  border-inline-start-width: 2px;
}

.hover\:kds-border-s-4:hover {
  border-inline-start-width: 4px;
}

.hover\:kds-border-s-8:hover {
  border-inline-start-width: 8px;
}

.hover\:kds-border-t:hover {
  border-top-width: 1px;
}

.hover\:kds-border-t-0:hover {
  border-top-width: 0px;
}

.hover\:kds-border-t-2:hover {
  border-top-width: 2px;
}

.hover\:kds-border-t-4:hover {
  border-top-width: 4px;
}

.hover\:kds-border-t-8:hover {
  border-top-width: 8px;
}

.hover\:kds-border-solid:hover {
  border-style: solid;
}

.hover\:kds-border-dashed:hover {
  border-style: dashed;
}

.hover\:kds-border-dotted:hover {
  border-style: dotted;
}

.hover\:kds-border-double:hover {
  border-style: double;
}

.hover\:kds-border-hidden:hover {
  border-style: hidden;
}

.hover\:kds-border-none:hover {
  border-style: none;
}

.hover\:kds-border-accent-blue-bold:hover {
  border-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-accent-blue-subtle:hover {
  border-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-accent-green-subtle:hover {
  border-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-active:hover {
  border-color: var(--kds-color-border-active);
}

.hover\:kds-border-bold:hover {
  border-color: var(--kds-color-border-bold);
}

.hover\:kds-border-bold-hover:hover {
  border-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-danger-bold:hover {
  border-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-danger-subtle:hover {
  border-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-disabled:hover {
  border-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-focus:hover {
  border-color: var(--kds-color-border-focus);
}

.hover\:kds-border-subtle:hover {
  border-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-subtle-hover:hover {
  border-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-transparent:hover {
  border-color: transparent;
}

.hover\:kds-border-warning-bold:hover {
  border-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-warning-subtle:hover {
  border-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-border-x-accent-blue-bold:hover {
  border-left-color: var(--kds-color-border-accent-blue-bold);
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-x-accent-blue-subtle:hover {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-x-accent-green-subtle:hover {
  border-left-color: var(--kds-color-border-accent-green-subtle);
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-x-active:hover {
  border-left-color: var(--kds-color-border-active);
  border-right-color: var(--kds-color-border-active);
}

.hover\:kds-border-x-bold:hover {
  border-left-color: var(--kds-color-border-bold);
  border-right-color: var(--kds-color-border-bold);
}

.hover\:kds-border-x-bold-hover:hover {
  border-left-color: var(--kds-color-border-bold-hover);
  border-right-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-x-danger-bold:hover {
  border-left-color: var(--kds-color-border-danger-bold);
  border-right-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-x-danger-subtle:hover {
  border-left-color: var(--kds-color-border-danger-subtle);
  border-right-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-x-disabled:hover {
  border-left-color: var(--kds-color-border-disabled);
  border-right-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-x-focus:hover {
  border-left-color: var(--kds-color-border-focus);
  border-right-color: var(--kds-color-border-focus);
}

.hover\:kds-border-x-subtle:hover {
  border-left-color: var(--kds-color-border-subtle);
  border-right-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-x-subtle-hover:hover {
  border-left-color: var(--kds-color-border-subtle-hover);
  border-right-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-x-transparent:hover {
  border-left-color: transparent;
  border-right-color: transparent;
}

.hover\:kds-border-x-warning-bold:hover {
  border-left-color: var(--kds-color-border-warning-bold);
  border-right-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-x-warning-subtle:hover {
  border-left-color: var(--kds-color-border-warning-subtle);
  border-right-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-border-y-accent-blue-bold:hover {
  border-top-color: var(--kds-color-border-accent-blue-bold);
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-y-accent-blue-subtle:hover {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-y-accent-green-subtle:hover {
  border-top-color: var(--kds-color-border-accent-green-subtle);
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-y-active:hover {
  border-top-color: var(--kds-color-border-active);
  border-bottom-color: var(--kds-color-border-active);
}

.hover\:kds-border-y-bold:hover {
  border-top-color: var(--kds-color-border-bold);
  border-bottom-color: var(--kds-color-border-bold);
}

.hover\:kds-border-y-bold-hover:hover {
  border-top-color: var(--kds-color-border-bold-hover);
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-y-danger-bold:hover {
  border-top-color: var(--kds-color-border-danger-bold);
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-y-danger-subtle:hover {
  border-top-color: var(--kds-color-border-danger-subtle);
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-y-disabled:hover {
  border-top-color: var(--kds-color-border-disabled);
  border-bottom-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-y-focus:hover {
  border-top-color: var(--kds-color-border-focus);
  border-bottom-color: var(--kds-color-border-focus);
}

.hover\:kds-border-y-subtle:hover {
  border-top-color: var(--kds-color-border-subtle);
  border-bottom-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-y-subtle-hover:hover {
  border-top-color: var(--kds-color-border-subtle-hover);
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-y-transparent:hover {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.hover\:kds-border-y-warning-bold:hover {
  border-top-color: var(--kds-color-border-warning-bold);
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-y-warning-subtle:hover {
  border-top-color: var(--kds-color-border-warning-subtle);
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-border-b-accent-blue-bold:hover {
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-b-accent-blue-subtle:hover {
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-b-accent-green-subtle:hover {
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-b-active:hover {
  border-bottom-color: var(--kds-color-border-active);
}

.hover\:kds-border-b-bold:hover {
  border-bottom-color: var(--kds-color-border-bold);
}

.hover\:kds-border-b-bold-hover:hover {
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-b-danger-bold:hover {
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-b-danger-subtle:hover {
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-b-disabled:hover {
  border-bottom-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-b-focus:hover {
  border-bottom-color: var(--kds-color-border-focus);
}

.hover\:kds-border-b-subtle:hover {
  border-bottom-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-b-subtle-hover:hover {
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-b-transparent:hover {
  border-bottom-color: transparent;
}

.hover\:kds-border-b-warning-bold:hover {
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-b-warning-subtle:hover {
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-border-e-accent-blue-bold:hover {
  border-inline-end-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-e-accent-blue-subtle:hover {
  border-inline-end-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-e-accent-green-subtle:hover {
  border-inline-end-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-e-active:hover {
  border-inline-end-color: var(--kds-color-border-active);
}

.hover\:kds-border-e-bold:hover {
  border-inline-end-color: var(--kds-color-border-bold);
}

.hover\:kds-border-e-bold-hover:hover {
  border-inline-end-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-e-danger-bold:hover {
  border-inline-end-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-e-danger-subtle:hover {
  border-inline-end-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-e-disabled:hover {
  border-inline-end-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-e-focus:hover {
  border-inline-end-color: var(--kds-color-border-focus);
}

.hover\:kds-border-e-subtle:hover {
  border-inline-end-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-e-subtle-hover:hover {
  border-inline-end-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-e-transparent:hover {
  border-inline-end-color: transparent;
}

.hover\:kds-border-e-warning-bold:hover {
  border-inline-end-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-e-warning-subtle:hover {
  border-inline-end-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-border-l-accent-blue-bold:hover {
  border-left-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-l-accent-blue-subtle:hover {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-l-accent-green-subtle:hover {
  border-left-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-l-active:hover {
  border-left-color: var(--kds-color-border-active);
}

.hover\:kds-border-l-bold:hover {
  border-left-color: var(--kds-color-border-bold);
}

.hover\:kds-border-l-bold-hover:hover {
  border-left-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-l-danger-bold:hover {
  border-left-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-l-danger-subtle:hover {
  border-left-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-l-disabled:hover {
  border-left-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-l-focus:hover {
  border-left-color: var(--kds-color-border-focus);
}

.hover\:kds-border-l-subtle:hover {
  border-left-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-l-subtle-hover:hover {
  border-left-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-l-transparent:hover {
  border-left-color: transparent;
}

.hover\:kds-border-l-warning-bold:hover {
  border-left-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-l-warning-subtle:hover {
  border-left-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-border-r-accent-blue-bold:hover {
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-r-accent-blue-subtle:hover {
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-r-accent-green-subtle:hover {
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-r-active:hover {
  border-right-color: var(--kds-color-border-active);
}

.hover\:kds-border-r-bold:hover {
  border-right-color: var(--kds-color-border-bold);
}

.hover\:kds-border-r-bold-hover:hover {
  border-right-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-r-danger-bold:hover {
  border-right-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-r-danger-subtle:hover {
  border-right-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-r-disabled:hover {
  border-right-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-r-focus:hover {
  border-right-color: var(--kds-color-border-focus);
}

.hover\:kds-border-r-subtle:hover {
  border-right-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-r-subtle-hover:hover {
  border-right-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-r-transparent:hover {
  border-right-color: transparent;
}

.hover\:kds-border-r-warning-bold:hover {
  border-right-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-r-warning-subtle:hover {
  border-right-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-border-s-accent-blue-bold:hover {
  border-inline-start-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-s-accent-blue-subtle:hover {
  border-inline-start-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-s-accent-green-subtle:hover {
  border-inline-start-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-s-active:hover {
  border-inline-start-color: var(--kds-color-border-active);
}

.hover\:kds-border-s-bold:hover {
  border-inline-start-color: var(--kds-color-border-bold);
}

.hover\:kds-border-s-bold-hover:hover {
  border-inline-start-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-s-danger-bold:hover {
  border-inline-start-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-s-danger-subtle:hover {
  border-inline-start-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-s-disabled:hover {
  border-inline-start-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-s-focus:hover {
  border-inline-start-color: var(--kds-color-border-focus);
}

.hover\:kds-border-s-subtle:hover {
  border-inline-start-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-s-subtle-hover:hover {
  border-inline-start-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-s-transparent:hover {
  border-inline-start-color: transparent;
}

.hover\:kds-border-s-warning-bold:hover {
  border-inline-start-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-s-warning-subtle:hover {
  border-inline-start-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-border-t-accent-blue-bold:hover {
  border-top-color: var(--kds-color-border-accent-blue-bold);
}

.hover\:kds-border-t-accent-blue-subtle:hover {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
}

.hover\:kds-border-t-accent-green-subtle:hover {
  border-top-color: var(--kds-color-border-accent-green-subtle);
}

.hover\:kds-border-t-active:hover {
  border-top-color: var(--kds-color-border-active);
}

.hover\:kds-border-t-bold:hover {
  border-top-color: var(--kds-color-border-bold);
}

.hover\:kds-border-t-bold-hover:hover {
  border-top-color: var(--kds-color-border-bold-hover);
}

.hover\:kds-border-t-danger-bold:hover {
  border-top-color: var(--kds-color-border-danger-bold);
}

.hover\:kds-border-t-danger-subtle:hover {
  border-top-color: var(--kds-color-border-danger-subtle);
}

.hover\:kds-border-t-disabled:hover {
  border-top-color: var(--kds-color-border-disabled);
}

.hover\:kds-border-t-focus:hover {
  border-top-color: var(--kds-color-border-focus);
}

.hover\:kds-border-t-subtle:hover {
  border-top-color: var(--kds-color-border-subtle);
}

.hover\:kds-border-t-subtle-hover:hover {
  border-top-color: var(--kds-color-border-subtle-hover);
}

.hover\:kds-border-t-transparent:hover {
  border-top-color: transparent;
}

.hover\:kds-border-t-warning-bold:hover {
  border-top-color: var(--kds-color-border-warning-bold);
}

.hover\:kds-border-t-warning-subtle:hover {
  border-top-color: var(--kds-color-border-warning-subtle);
}

.hover\:kds-bg-accent-blue-bold:hover {
  background-color: var(--kds-color-background-accent-blue-bold);
}

.hover\:kds-bg-accent-blue-subtle:hover {
  background-color: var(--kds-color-background-accent-blue-subtle);
}

.hover\:kds-bg-accent-gray-bold:hover {
  background-color: var(--kds-color-background-accent-gray-bold);
}

.hover\:kds-bg-accent-gray-subtle:hover {
  background-color: var(--kds-color-background-accent-gray-subtle);
}

.hover\:kds-bg-accent-green-bold:hover {
  background-color: var(--kds-color-background-accent-green-bold);
}

.hover\:kds-bg-accent-green-bold-hovered:hover {
  background-color: var(--kds-color-background-accent-green-bold-hovered);
}

.hover\:kds-bg-accent-green-bold-pressed:hover {
  background-color: var(--kds-color-background-accent-green-bold-pressed);
}

.hover\:kds-bg-accent-green-subtle:hover {
  background-color: var(--kds-color-background-accent-green-subtle);
}

.hover\:kds-bg-accent-purple-subtle:hover {
  background-color: var(--kds-color-background-accent-purple-subtle);
}

.hover\:kds-bg-accent-red-bold:hover {
  background-color: var(--kds-color-background-accent-red-bold);
}

.hover\:kds-bg-accent-red-subtle:hover {
  background-color: var(--kds-color-background-accent-red-subtle);
}

.hover\:kds-bg-action:hover {
  background-color: var(--kds-color-background-action);
}

.hover\:kds-bg-action-disabled:hover {
  background-color: var(--kds-color-background-action-disabled);
}

.hover\:kds-bg-action-hover:hover {
  background-color: var(--kds-color-background-action-hover);
}

.hover\:kds-bg-action-pressed:hover {
  background-color: var(--kds-color-background-action-pressed);
}

.hover\:kds-bg-danger-bold:hover {
  background-color: var(--kds-color-background-danger-bold);
}

.hover\:kds-bg-danger-bold-hovered:hover {
  background-color: var(--kds-color-background-danger-bold-hovered);
}

.hover\:kds-bg-danger-bold-pressed:hover {
  background-color: var(--kds-color-background-danger-bold-pressed);
}

.hover\:kds-bg-danger-disabled:hover {
  background-color: var(--kds-color-background-danger-disabled);
}

.hover\:kds-bg-danger-subtle:hover {
  background-color: var(--kds-color-background-danger-subtle);
}

.hover\:kds-bg-danger-subtle-hovered:hover {
  background-color: var(--kds-color-background-danger-subtle-hovered);
}

.hover\:kds-bg-disabled:hover {
  background-color: var(--kds-color-background-disabled);
}

.hover\:kds-bg-inverse:hover {
  background-color: var(--kds-color-background-inverse);
}

.hover\:kds-bg-inverse-hover:hover {
  background-color: var(--kds-color-background-inverse-hover);
}

.hover\:kds-bg-inverse-pressed:hover {
  background-color: var(--kds-color-background-inverse-pressed);
}

.hover\:kds-bg-selected:hover {
  background-color: var(--kds-color-background-selected);
}

.hover\:kds-bg-surface-inverse:hover {
  background-color: var(--kds-color-background-surface-inverse);
}

.hover\:kds-bg-surface-primary:hover {
  background-color: var(--kds-color-background-surface-primary);
}

.hover\:kds-bg-surface-secondary:hover {
  background-color: var(--kds-color-background-surface-secondary);
}

.hover\:kds-bg-transparent:hover {
  background-color: transparent;
}

.hover\:kds-bg-warning-bold:hover {
  background-color: var(--kds-color-background-warning-bold);
}

.hover\:kds-bg-warning-subtle:hover {
  background-color: var(--kds-color-background-warning-subtle);
}

.hover\:kds-fill-icon:hover {
  fill: var(--kds-color-icon);
}

.hover\:kds-fill-icon-danger:hover {
  fill: var(--kds-color-icon-danger);
}

.hover\:kds-fill-icon-danger-inverse:hover {
  fill: var(--kds-color-icon-danger-inverse);
}

.hover\:kds-fill-icon-disabled:hover {
  fill: var(--kds-color-icon-disabled);
}

.hover\:kds-fill-icon-green:hover {
  fill: var(--kds-color-icon-green);
}

.hover\:kds-fill-icon-green-inverse:hover {
  fill: var(--kds-color-icon-green-inverse);
}

.hover\:kds-fill-icon-info:hover {
  fill: var(--kds-color-icon-info);
}

.hover\:kds-fill-icon-inverse:hover {
  fill: var(--kds-color-icon-inverse);
}

.hover\:kds-fill-icon-subtle:hover {
  fill: var(--kds-color-icon-subtle);
}

.hover\:kds-fill-icon-warning:hover {
  fill: var(--kds-color-icon-warning);
}

.hover\:kds-text-accent-blue:hover {
  color: var(--kds-color-text-accent-blue);
}

.hover\:kds-text-accent-blue-bolder:hover {
  color: var(--kds-color-text-accent-blue-bolder);
}

.hover\:kds-text-accent-gray:hover {
  color: var(--kds-color-text-accent-gray);
}

.hover\:kds-text-accent-green:hover {
  color: var(--kds-color-text-accent-green);
}

.hover\:kds-text-accent-green-bolder:hover {
  color: var(--kds-color-text-accent-green-bolder);
}

.hover\:kds-text-accent-green-inverse-disabled:hover {
  color: var(--kds-color-text-accent-green-inverse-disabled);
}

.hover\:kds-text-accent-purple:hover {
  color: var(--kds-color-text-accent-purple);
}

.hover\:kds-text-accent-purple-bolder:hover {
  color: var(--kds-color-text-accent-purple-bolder);
}

.hover\:kds-text-accent-red:hover {
  color: var(--kds-color-text-accent-red);
}

.hover\:kds-text-accent-red-bolder:hover {
  color: var(--kds-color-text-accent-red-bolder);
}

.hover\:kds-text-accent-red-inverse-disabled:hover {
  color: var(--kds-color-text-accent-red-inverse-disabled);
}

.hover\:kds-text-accent-yellow:hover {
  color: var(--kds-color-text-accent-yellow);
}

.hover\:kds-text-accent-yellow-bolder:hover {
  color: var(--kds-color-text-accent-yellow-bolder);
}

.hover\:kds-text-disabled:hover {
  color: var(--kds-color-text-disabled);
}

.hover\:kds-text-inverse-disabled:hover {
  color: var(--kds-color-text-inverse-disabled);
}

.hover\:kds-text-inverse-primary:hover {
  color: var(--kds-color-text-inverse-primary);
}

.hover\:kds-text-inverse-secondary:hover {
  color: var(--kds-color-text-inverse-secondary);
}

.hover\:kds-text-placeholder:hover {
  color: var(--kds-color-text-placeholder);
}

.hover\:kds-text-primary:hover {
  color: var(--kds-color-text-primary);
}

.hover\:kds-text-secondary:hover {
  color: var(--kds-color-text-secondary);
}

.hover\:kds-fill-icon:hover {
  --kds-icon-fill: var(--kds-color-icon);
}

.hover\:kds-fill-icon-danger:hover {
  --kds-icon-fill: var(--kds-color-icon-danger);
}

.hover\:kds-fill-icon-disabled:hover {
  --kds-icon-fill: var(--kds-color-icon-disabled);
}

.hover\:kds-fill-icon-info:hover {
  --kds-icon-fill: var(--kds-color-icon-info);
}

.hover\:kds-fill-icon-inverse:hover {
  --kds-icon-fill: var(--kds-color-icon-inverse);
}

.hover\:kds-fill-icon-subtle:hover {
  --kds-icon-fill: var(--kds-color-icon-subtle);
}

.hover\:kds-fill-icon-warning:hover {
  --kds-icon-fill: var(--kds-color-icon-warning);
}

.focus-visible\:kds-rounded-full:focus-visible {
  border-radius: 100vmax;
}

.focus-visible\:kds-rounded-lg:focus-visible {
  border-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-md:focus-visible {
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-none:focus-visible {
  border-radius: 0;
}

.focus-visible\:kds-rounded-sm:focus-visible {
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-b:focus-visible {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-b-full:focus-visible {
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.focus-visible\:kds-rounded-b-lg:focus-visible {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-b-md:focus-visible {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-b-none:focus-visible {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.focus-visible\:kds-rounded-b-sm:focus-visible {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-e:focus-visible {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-e-full:focus-visible {
  border-start-end-radius: 100vmax;
  border-end-end-radius: 100vmax;
}

.focus-visible\:kds-rounded-e-lg:focus-visible {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-e-md:focus-visible {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-e-none:focus-visible {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.focus-visible\:kds-rounded-e-sm:focus-visible {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-l:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-l-full:focus-visible {
  border-top-left-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.focus-visible\:kds-rounded-l-lg:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-l-md:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-l-none:focus-visible {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.focus-visible\:kds-rounded-l-sm:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-r:focus-visible {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-r-full:focus-visible {
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
}

.focus-visible\:kds-rounded-r-lg:focus-visible {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-r-md:focus-visible {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-r-none:focus-visible {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.focus-visible\:kds-rounded-r-sm:focus-visible {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-s:focus-visible {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-s-full:focus-visible {
  border-start-start-radius: 100vmax;
  border-end-start-radius: 100vmax;
}

.focus-visible\:kds-rounded-s-lg:focus-visible {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-s-md:focus-visible {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-s-none:focus-visible {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.focus-visible\:kds-rounded-s-sm:focus-visible {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-t:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-t-full:focus-visible {
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
}

.focus-visible\:kds-rounded-t-lg:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-t-md:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-t-none:focus-visible {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.focus-visible\:kds-rounded-t-sm:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-bl:focus-visible {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-bl-full:focus-visible {
  border-bottom-left-radius: 100vmax;
}

.focus-visible\:kds-rounded-bl-lg:focus-visible {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-bl-md:focus-visible {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-bl-none:focus-visible {
  border-bottom-left-radius: 0;
}

.focus-visible\:kds-rounded-bl-sm:focus-visible {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-br:focus-visible {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-br-full:focus-visible {
  border-bottom-right-radius: 100vmax;
}

.focus-visible\:kds-rounded-br-lg:focus-visible {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-br-md:focus-visible {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-br-none:focus-visible {
  border-bottom-right-radius: 0;
}

.focus-visible\:kds-rounded-br-sm:focus-visible {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-ee:focus-visible {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-ee-full:focus-visible {
  border-end-end-radius: 100vmax;
}

.focus-visible\:kds-rounded-ee-lg:focus-visible {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-ee-md:focus-visible {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-ee-none:focus-visible {
  border-end-end-radius: 0;
}

.focus-visible\:kds-rounded-ee-sm:focus-visible {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-es:focus-visible {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-es-full:focus-visible {
  border-end-start-radius: 100vmax;
}

.focus-visible\:kds-rounded-es-lg:focus-visible {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-es-md:focus-visible {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-es-none:focus-visible {
  border-end-start-radius: 0;
}

.focus-visible\:kds-rounded-es-sm:focus-visible {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-se:focus-visible {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-se-full:focus-visible {
  border-start-end-radius: 100vmax;
}

.focus-visible\:kds-rounded-se-lg:focus-visible {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-se-md:focus-visible {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-se-none:focus-visible {
  border-start-end-radius: 0;
}

.focus-visible\:kds-rounded-se-sm:focus-visible {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-ss:focus-visible {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-ss-full:focus-visible {
  border-start-start-radius: 100vmax;
}

.focus-visible\:kds-rounded-ss-lg:focus-visible {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-ss-md:focus-visible {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-ss-none:focus-visible {
  border-start-start-radius: 0;
}

.focus-visible\:kds-rounded-ss-sm:focus-visible {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-tl:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-tl-full:focus-visible {
  border-top-left-radius: 100vmax;
}

.focus-visible\:kds-rounded-tl-lg:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-tl-md:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-tl-none:focus-visible {
  border-top-left-radius: 0;
}

.focus-visible\:kds-rounded-tl-sm:focus-visible {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-rounded-tr:focus-visible {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-tr-full:focus-visible {
  border-top-right-radius: 100vmax;
}

.focus-visible\:kds-rounded-tr-lg:focus-visible {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.focus-visible\:kds-rounded-tr-md:focus-visible {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.focus-visible\:kds-rounded-tr-none:focus-visible {
  border-top-right-radius: 0;
}

.focus-visible\:kds-rounded-tr-sm:focus-visible {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.focus-visible\:kds-border:focus-visible {
  border-width: 1px;
}

.focus-visible\:kds-border-0:focus-visible {
  border-width: 0px;
}

.focus-visible\:kds-border-2:focus-visible {
  border-width: 2px;
}

.focus-visible\:kds-border-4:focus-visible {
  border-width: 4px;
}

.focus-visible\:kds-border-8:focus-visible {
  border-width: 8px;
}

.focus-visible\:kds-border-x:focus-visible {
  border-left-width: 1px;
  border-right-width: 1px;
}

.focus-visible\:kds-border-x-0:focus-visible {
  border-left-width: 0px;
  border-right-width: 0px;
}

.focus-visible\:kds-border-x-2:focus-visible {
  border-left-width: 2px;
  border-right-width: 2px;
}

.focus-visible\:kds-border-x-4:focus-visible {
  border-left-width: 4px;
  border-right-width: 4px;
}

.focus-visible\:kds-border-x-8:focus-visible {
  border-left-width: 8px;
  border-right-width: 8px;
}

.focus-visible\:kds-border-y:focus-visible {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.focus-visible\:kds-border-y-0:focus-visible {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.focus-visible\:kds-border-y-2:focus-visible {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.focus-visible\:kds-border-y-4:focus-visible {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.focus-visible\:kds-border-y-8:focus-visible {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.focus-visible\:kds-border-b:focus-visible {
  border-bottom-width: 1px;
}

.focus-visible\:kds-border-b-0:focus-visible {
  border-bottom-width: 0px;
}

.focus-visible\:kds-border-b-2:focus-visible {
  border-bottom-width: 2px;
}

.focus-visible\:kds-border-b-4:focus-visible {
  border-bottom-width: 4px;
}

.focus-visible\:kds-border-b-8:focus-visible {
  border-bottom-width: 8px;
}

.focus-visible\:kds-border-e:focus-visible {
  border-inline-end-width: 1px;
}

.focus-visible\:kds-border-e-0:focus-visible {
  border-inline-end-width: 0px;
}

.focus-visible\:kds-border-e-2:focus-visible {
  border-inline-end-width: 2px;
}

.focus-visible\:kds-border-e-4:focus-visible {
  border-inline-end-width: 4px;
}

.focus-visible\:kds-border-e-8:focus-visible {
  border-inline-end-width: 8px;
}

.focus-visible\:kds-border-l:focus-visible {
  border-left-width: 1px;
}

.focus-visible\:kds-border-l-0:focus-visible {
  border-left-width: 0px;
}

.focus-visible\:kds-border-l-2:focus-visible {
  border-left-width: 2px;
}

.focus-visible\:kds-border-l-4:focus-visible {
  border-left-width: 4px;
}

.focus-visible\:kds-border-l-8:focus-visible {
  border-left-width: 8px;
}

.focus-visible\:kds-border-r:focus-visible {
  border-right-width: 1px;
}

.focus-visible\:kds-border-r-0:focus-visible {
  border-right-width: 0px;
}

.focus-visible\:kds-border-r-2:focus-visible {
  border-right-width: 2px;
}

.focus-visible\:kds-border-r-4:focus-visible {
  border-right-width: 4px;
}

.focus-visible\:kds-border-r-8:focus-visible {
  border-right-width: 8px;
}

.focus-visible\:kds-border-s:focus-visible {
  border-inline-start-width: 1px;
}

.focus-visible\:kds-border-s-0:focus-visible {
  border-inline-start-width: 0px;
}

.focus-visible\:kds-border-s-2:focus-visible {
  border-inline-start-width: 2px;
}

.focus-visible\:kds-border-s-4:focus-visible {
  border-inline-start-width: 4px;
}

.focus-visible\:kds-border-s-8:focus-visible {
  border-inline-start-width: 8px;
}

.focus-visible\:kds-border-t:focus-visible {
  border-top-width: 1px;
}

.focus-visible\:kds-border-t-0:focus-visible {
  border-top-width: 0px;
}

.focus-visible\:kds-border-t-2:focus-visible {
  border-top-width: 2px;
}

.focus-visible\:kds-border-t-4:focus-visible {
  border-top-width: 4px;
}

.focus-visible\:kds-border-t-8:focus-visible {
  border-top-width: 8px;
}

.focus-visible\:kds-border-solid:focus-visible {
  border-style: solid;
}

.focus-visible\:kds-border-dashed:focus-visible {
  border-style: dashed;
}

.focus-visible\:kds-border-dotted:focus-visible {
  border-style: dotted;
}

.focus-visible\:kds-border-double:focus-visible {
  border-style: double;
}

.focus-visible\:kds-border-hidden:focus-visible {
  border-style: hidden;
}

.focus-visible\:kds-border-none:focus-visible {
  border-style: none;
}

.focus-visible\:kds-border-accent-blue-bold:focus-visible {
  border-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-accent-blue-subtle:focus-visible {
  border-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-accent-green-subtle:focus-visible {
  border-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-active:focus-visible {
  border-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-bold:focus-visible {
  border-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-bold-hover:focus-visible {
  border-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-danger-bold:focus-visible {
  border-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-danger-subtle:focus-visible {
  border-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-disabled:focus-visible {
  border-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-focus:focus-visible {
  border-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-subtle:focus-visible {
  border-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-subtle-hover:focus-visible {
  border-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-transparent:focus-visible {
  border-color: transparent;
}

.focus-visible\:kds-border-warning-bold:focus-visible {
  border-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-warning-subtle:focus-visible {
  border-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-border-x-accent-blue-bold:focus-visible {
  border-left-color: var(--kds-color-border-accent-blue-bold);
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-x-accent-blue-subtle:focus-visible {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-x-accent-green-subtle:focus-visible {
  border-left-color: var(--kds-color-border-accent-green-subtle);
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-x-active:focus-visible {
  border-left-color: var(--kds-color-border-active);
  border-right-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-x-bold:focus-visible {
  border-left-color: var(--kds-color-border-bold);
  border-right-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-x-bold-hover:focus-visible {
  border-left-color: var(--kds-color-border-bold-hover);
  border-right-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-x-danger-bold:focus-visible {
  border-left-color: var(--kds-color-border-danger-bold);
  border-right-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-x-danger-subtle:focus-visible {
  border-left-color: var(--kds-color-border-danger-subtle);
  border-right-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-x-disabled:focus-visible {
  border-left-color: var(--kds-color-border-disabled);
  border-right-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-x-focus:focus-visible {
  border-left-color: var(--kds-color-border-focus);
  border-right-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-x-subtle:focus-visible {
  border-left-color: var(--kds-color-border-subtle);
  border-right-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-x-subtle-hover:focus-visible {
  border-left-color: var(--kds-color-border-subtle-hover);
  border-right-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-x-transparent:focus-visible {
  border-left-color: transparent;
  border-right-color: transparent;
}

.focus-visible\:kds-border-x-warning-bold:focus-visible {
  border-left-color: var(--kds-color-border-warning-bold);
  border-right-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-x-warning-subtle:focus-visible {
  border-left-color: var(--kds-color-border-warning-subtle);
  border-right-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-border-y-accent-blue-bold:focus-visible {
  border-top-color: var(--kds-color-border-accent-blue-bold);
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-y-accent-blue-subtle:focus-visible {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-y-accent-green-subtle:focus-visible {
  border-top-color: var(--kds-color-border-accent-green-subtle);
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-y-active:focus-visible {
  border-top-color: var(--kds-color-border-active);
  border-bottom-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-y-bold:focus-visible {
  border-top-color: var(--kds-color-border-bold);
  border-bottom-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-y-bold-hover:focus-visible {
  border-top-color: var(--kds-color-border-bold-hover);
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-y-danger-bold:focus-visible {
  border-top-color: var(--kds-color-border-danger-bold);
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-y-danger-subtle:focus-visible {
  border-top-color: var(--kds-color-border-danger-subtle);
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-y-disabled:focus-visible {
  border-top-color: var(--kds-color-border-disabled);
  border-bottom-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-y-focus:focus-visible {
  border-top-color: var(--kds-color-border-focus);
  border-bottom-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-y-subtle:focus-visible {
  border-top-color: var(--kds-color-border-subtle);
  border-bottom-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-y-subtle-hover:focus-visible {
  border-top-color: var(--kds-color-border-subtle-hover);
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-y-transparent:focus-visible {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.focus-visible\:kds-border-y-warning-bold:focus-visible {
  border-top-color: var(--kds-color-border-warning-bold);
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-y-warning-subtle:focus-visible {
  border-top-color: var(--kds-color-border-warning-subtle);
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-border-b-accent-blue-bold:focus-visible {
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-b-accent-blue-subtle:focus-visible {
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-b-accent-green-subtle:focus-visible {
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-b-active:focus-visible {
  border-bottom-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-b-bold:focus-visible {
  border-bottom-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-b-bold-hover:focus-visible {
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-b-danger-bold:focus-visible {
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-b-danger-subtle:focus-visible {
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-b-disabled:focus-visible {
  border-bottom-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-b-focus:focus-visible {
  border-bottom-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-b-subtle:focus-visible {
  border-bottom-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-b-subtle-hover:focus-visible {
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-b-transparent:focus-visible {
  border-bottom-color: transparent;
}

.focus-visible\:kds-border-b-warning-bold:focus-visible {
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-b-warning-subtle:focus-visible {
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-border-e-accent-blue-bold:focus-visible {
  border-inline-end-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-e-accent-blue-subtle:focus-visible {
  border-inline-end-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-e-accent-green-subtle:focus-visible {
  border-inline-end-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-e-active:focus-visible {
  border-inline-end-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-e-bold:focus-visible {
  border-inline-end-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-e-bold-hover:focus-visible {
  border-inline-end-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-e-danger-bold:focus-visible {
  border-inline-end-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-e-danger-subtle:focus-visible {
  border-inline-end-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-e-disabled:focus-visible {
  border-inline-end-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-e-focus:focus-visible {
  border-inline-end-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-e-subtle:focus-visible {
  border-inline-end-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-e-subtle-hover:focus-visible {
  border-inline-end-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-e-transparent:focus-visible {
  border-inline-end-color: transparent;
}

.focus-visible\:kds-border-e-warning-bold:focus-visible {
  border-inline-end-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-e-warning-subtle:focus-visible {
  border-inline-end-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-border-l-accent-blue-bold:focus-visible {
  border-left-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-l-accent-blue-subtle:focus-visible {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-l-accent-green-subtle:focus-visible {
  border-left-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-l-active:focus-visible {
  border-left-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-l-bold:focus-visible {
  border-left-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-l-bold-hover:focus-visible {
  border-left-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-l-danger-bold:focus-visible {
  border-left-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-l-danger-subtle:focus-visible {
  border-left-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-l-disabled:focus-visible {
  border-left-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-l-focus:focus-visible {
  border-left-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-l-subtle:focus-visible {
  border-left-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-l-subtle-hover:focus-visible {
  border-left-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-l-transparent:focus-visible {
  border-left-color: transparent;
}

.focus-visible\:kds-border-l-warning-bold:focus-visible {
  border-left-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-l-warning-subtle:focus-visible {
  border-left-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-border-r-accent-blue-bold:focus-visible {
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-r-accent-blue-subtle:focus-visible {
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-r-accent-green-subtle:focus-visible {
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-r-active:focus-visible {
  border-right-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-r-bold:focus-visible {
  border-right-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-r-bold-hover:focus-visible {
  border-right-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-r-danger-bold:focus-visible {
  border-right-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-r-danger-subtle:focus-visible {
  border-right-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-r-disabled:focus-visible {
  border-right-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-r-focus:focus-visible {
  border-right-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-r-subtle:focus-visible {
  border-right-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-r-subtle-hover:focus-visible {
  border-right-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-r-transparent:focus-visible {
  border-right-color: transparent;
}

.focus-visible\:kds-border-r-warning-bold:focus-visible {
  border-right-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-r-warning-subtle:focus-visible {
  border-right-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-border-s-accent-blue-bold:focus-visible {
  border-inline-start-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-s-accent-blue-subtle:focus-visible {
  border-inline-start-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-s-accent-green-subtle:focus-visible {
  border-inline-start-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-s-active:focus-visible {
  border-inline-start-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-s-bold:focus-visible {
  border-inline-start-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-s-bold-hover:focus-visible {
  border-inline-start-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-s-danger-bold:focus-visible {
  border-inline-start-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-s-danger-subtle:focus-visible {
  border-inline-start-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-s-disabled:focus-visible {
  border-inline-start-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-s-focus:focus-visible {
  border-inline-start-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-s-subtle:focus-visible {
  border-inline-start-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-s-subtle-hover:focus-visible {
  border-inline-start-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-s-transparent:focus-visible {
  border-inline-start-color: transparent;
}

.focus-visible\:kds-border-s-warning-bold:focus-visible {
  border-inline-start-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-s-warning-subtle:focus-visible {
  border-inline-start-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-border-t-accent-blue-bold:focus-visible {
  border-top-color: var(--kds-color-border-accent-blue-bold);
}

.focus-visible\:kds-border-t-accent-blue-subtle:focus-visible {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
}

.focus-visible\:kds-border-t-accent-green-subtle:focus-visible {
  border-top-color: var(--kds-color-border-accent-green-subtle);
}

.focus-visible\:kds-border-t-active:focus-visible {
  border-top-color: var(--kds-color-border-active);
}

.focus-visible\:kds-border-t-bold:focus-visible {
  border-top-color: var(--kds-color-border-bold);
}

.focus-visible\:kds-border-t-bold-hover:focus-visible {
  border-top-color: var(--kds-color-border-bold-hover);
}

.focus-visible\:kds-border-t-danger-bold:focus-visible {
  border-top-color: var(--kds-color-border-danger-bold);
}

.focus-visible\:kds-border-t-danger-subtle:focus-visible {
  border-top-color: var(--kds-color-border-danger-subtle);
}

.focus-visible\:kds-border-t-disabled:focus-visible {
  border-top-color: var(--kds-color-border-disabled);
}

.focus-visible\:kds-border-t-focus:focus-visible {
  border-top-color: var(--kds-color-border-focus);
}

.focus-visible\:kds-border-t-subtle:focus-visible {
  border-top-color: var(--kds-color-border-subtle);
}

.focus-visible\:kds-border-t-subtle-hover:focus-visible {
  border-top-color: var(--kds-color-border-subtle-hover);
}

.focus-visible\:kds-border-t-transparent:focus-visible {
  border-top-color: transparent;
}

.focus-visible\:kds-border-t-warning-bold:focus-visible {
  border-top-color: var(--kds-color-border-warning-bold);
}

.focus-visible\:kds-border-t-warning-subtle:focus-visible {
  border-top-color: var(--kds-color-border-warning-subtle);
}

.focus-visible\:kds-bg-accent-blue-bold:focus-visible {
  background-color: var(--kds-color-background-accent-blue-bold);
}

.focus-visible\:kds-bg-accent-blue-subtle:focus-visible {
  background-color: var(--kds-color-background-accent-blue-subtle);
}

.focus-visible\:kds-bg-accent-gray-bold:focus-visible {
  background-color: var(--kds-color-background-accent-gray-bold);
}

.focus-visible\:kds-bg-accent-gray-subtle:focus-visible {
  background-color: var(--kds-color-background-accent-gray-subtle);
}

.focus-visible\:kds-bg-accent-green-bold:focus-visible {
  background-color: var(--kds-color-background-accent-green-bold);
}

.focus-visible\:kds-bg-accent-green-bold-hovered:focus-visible {
  background-color: var(--kds-color-background-accent-green-bold-hovered);
}

.focus-visible\:kds-bg-accent-green-bold-pressed:focus-visible {
  background-color: var(--kds-color-background-accent-green-bold-pressed);
}

.focus-visible\:kds-bg-accent-green-subtle:focus-visible {
  background-color: var(--kds-color-background-accent-green-subtle);
}

.focus-visible\:kds-bg-accent-purple-subtle:focus-visible {
  background-color: var(--kds-color-background-accent-purple-subtle);
}

.focus-visible\:kds-bg-accent-red-bold:focus-visible {
  background-color: var(--kds-color-background-accent-red-bold);
}

.focus-visible\:kds-bg-accent-red-subtle:focus-visible {
  background-color: var(--kds-color-background-accent-red-subtle);
}

.focus-visible\:kds-bg-action:focus-visible {
  background-color: var(--kds-color-background-action);
}

.focus-visible\:kds-bg-action-disabled:focus-visible {
  background-color: var(--kds-color-background-action-disabled);
}

.focus-visible\:kds-bg-action-hover:focus-visible {
  background-color: var(--kds-color-background-action-hover);
}

.focus-visible\:kds-bg-action-pressed:focus-visible {
  background-color: var(--kds-color-background-action-pressed);
}

.focus-visible\:kds-bg-danger-bold:focus-visible {
  background-color: var(--kds-color-background-danger-bold);
}

.focus-visible\:kds-bg-danger-bold-hovered:focus-visible {
  background-color: var(--kds-color-background-danger-bold-hovered);
}

.focus-visible\:kds-bg-danger-bold-pressed:focus-visible {
  background-color: var(--kds-color-background-danger-bold-pressed);
}

.focus-visible\:kds-bg-danger-disabled:focus-visible {
  background-color: var(--kds-color-background-danger-disabled);
}

.focus-visible\:kds-bg-danger-subtle:focus-visible {
  background-color: var(--kds-color-background-danger-subtle);
}

.focus-visible\:kds-bg-danger-subtle-hovered:focus-visible {
  background-color: var(--kds-color-background-danger-subtle-hovered);
}

.focus-visible\:kds-bg-disabled:focus-visible {
  background-color: var(--kds-color-background-disabled);
}

.focus-visible\:kds-bg-inverse:focus-visible {
  background-color: var(--kds-color-background-inverse);
}

.focus-visible\:kds-bg-inverse-hover:focus-visible {
  background-color: var(--kds-color-background-inverse-hover);
}

.focus-visible\:kds-bg-inverse-pressed:focus-visible {
  background-color: var(--kds-color-background-inverse-pressed);
}

.focus-visible\:kds-bg-selected:focus-visible {
  background-color: var(--kds-color-background-selected);
}

.focus-visible\:kds-bg-surface-inverse:focus-visible {
  background-color: var(--kds-color-background-surface-inverse);
}

.focus-visible\:kds-bg-surface-primary:focus-visible {
  background-color: var(--kds-color-background-surface-primary);
}

.focus-visible\:kds-bg-surface-secondary:focus-visible {
  background-color: var(--kds-color-background-surface-secondary);
}

.focus-visible\:kds-bg-transparent:focus-visible {
  background-color: transparent;
}

.focus-visible\:kds-bg-warning-bold:focus-visible {
  background-color: var(--kds-color-background-warning-bold);
}

.focus-visible\:kds-bg-warning-subtle:focus-visible {
  background-color: var(--kds-color-background-warning-subtle);
}

.focus-visible\:kds-fill-icon:focus-visible {
  fill: var(--kds-color-icon);
}

.focus-visible\:kds-fill-icon-danger:focus-visible {
  fill: var(--kds-color-icon-danger);
}

.focus-visible\:kds-fill-icon-danger-inverse:focus-visible {
  fill: var(--kds-color-icon-danger-inverse);
}

.focus-visible\:kds-fill-icon-disabled:focus-visible {
  fill: var(--kds-color-icon-disabled);
}

.focus-visible\:kds-fill-icon-green:focus-visible {
  fill: var(--kds-color-icon-green);
}

.focus-visible\:kds-fill-icon-green-inverse:focus-visible {
  fill: var(--kds-color-icon-green-inverse);
}

.focus-visible\:kds-fill-icon-info:focus-visible {
  fill: var(--kds-color-icon-info);
}

.focus-visible\:kds-fill-icon-inverse:focus-visible {
  fill: var(--kds-color-icon-inverse);
}

.focus-visible\:kds-fill-icon-subtle:focus-visible {
  fill: var(--kds-color-icon-subtle);
}

.focus-visible\:kds-fill-icon-warning:focus-visible {
  fill: var(--kds-color-icon-warning);
}

.focus-visible\:kds-text-accent-blue:focus-visible {
  color: var(--kds-color-text-accent-blue);
}

.focus-visible\:kds-text-accent-blue-bolder:focus-visible {
  color: var(--kds-color-text-accent-blue-bolder);
}

.focus-visible\:kds-text-accent-gray:focus-visible {
  color: var(--kds-color-text-accent-gray);
}

.focus-visible\:kds-text-accent-green:focus-visible {
  color: var(--kds-color-text-accent-green);
}

.focus-visible\:kds-text-accent-green-bolder:focus-visible {
  color: var(--kds-color-text-accent-green-bolder);
}

.focus-visible\:kds-text-accent-green-inverse-disabled:focus-visible {
  color: var(--kds-color-text-accent-green-inverse-disabled);
}

.focus-visible\:kds-text-accent-purple:focus-visible {
  color: var(--kds-color-text-accent-purple);
}

.focus-visible\:kds-text-accent-purple-bolder:focus-visible {
  color: var(--kds-color-text-accent-purple-bolder);
}

.focus-visible\:kds-text-accent-red:focus-visible {
  color: var(--kds-color-text-accent-red);
}

.focus-visible\:kds-text-accent-red-bolder:focus-visible {
  color: var(--kds-color-text-accent-red-bolder);
}

.focus-visible\:kds-text-accent-red-inverse-disabled:focus-visible {
  color: var(--kds-color-text-accent-red-inverse-disabled);
}

.focus-visible\:kds-text-accent-yellow:focus-visible {
  color: var(--kds-color-text-accent-yellow);
}

.focus-visible\:kds-text-accent-yellow-bolder:focus-visible {
  color: var(--kds-color-text-accent-yellow-bolder);
}

.focus-visible\:kds-text-disabled:focus-visible {
  color: var(--kds-color-text-disabled);
}

.focus-visible\:kds-text-inverse-disabled:focus-visible {
  color: var(--kds-color-text-inverse-disabled);
}

.focus-visible\:kds-text-inverse-primary:focus-visible {
  color: var(--kds-color-text-inverse-primary);
}

.focus-visible\:kds-text-inverse-secondary:focus-visible {
  color: var(--kds-color-text-inverse-secondary);
}

.focus-visible\:kds-text-placeholder:focus-visible {
  color: var(--kds-color-text-placeholder);
}

.focus-visible\:kds-text-primary:focus-visible {
  color: var(--kds-color-text-primary);
}

.focus-visible\:kds-text-secondary:focus-visible {
  color: var(--kds-color-text-secondary);
}

.focus-visible\:kds-fill-icon:focus-visible {
  --kds-icon-fill: var(--kds-color-icon);
}

.focus-visible\:kds-fill-icon-danger:focus-visible {
  --kds-icon-fill: var(--kds-color-icon-danger);
}

.focus-visible\:kds-fill-icon-disabled:focus-visible {
  --kds-icon-fill: var(--kds-color-icon-disabled);
}

.focus-visible\:kds-fill-icon-info:focus-visible {
  --kds-icon-fill: var(--kds-color-icon-info);
}

.focus-visible\:kds-fill-icon-inverse:focus-visible {
  --kds-icon-fill: var(--kds-color-icon-inverse);
}

.focus-visible\:kds-fill-icon-subtle:focus-visible {
  --kds-icon-fill: var(--kds-color-icon-subtle);
}

.focus-visible\:kds-fill-icon-warning:focus-visible {
  --kds-icon-fill: var(--kds-color-icon-warning);
}

.active\:kds-rounded-full:active {
  border-radius: 100vmax;
}

.active\:kds-rounded-lg:active {
  border-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-md:active {
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-none:active {
  border-radius: 0;
}

.active\:kds-rounded-sm:active {
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-b:active {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-b-full:active {
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.active\:kds-rounded-b-lg:active {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-b-md:active {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-b-none:active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.active\:kds-rounded-b-sm:active {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-e:active {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-e-full:active {
  border-start-end-radius: 100vmax;
  border-end-end-radius: 100vmax;
}

.active\:kds-rounded-e-lg:active {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-e-md:active {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-e-none:active {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.active\:kds-rounded-e-sm:active {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-l:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-l-full:active {
  border-top-left-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.active\:kds-rounded-l-lg:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-l-md:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-l-none:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.active\:kds-rounded-l-sm:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-r:active {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-r-full:active {
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
}

.active\:kds-rounded-r-lg:active {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-r-md:active {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-r-none:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.active\:kds-rounded-r-sm:active {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-s:active {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-s-full:active {
  border-start-start-radius: 100vmax;
  border-end-start-radius: 100vmax;
}

.active\:kds-rounded-s-lg:active {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-s-md:active {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-s-none:active {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.active\:kds-rounded-s-sm:active {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-t:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-t-full:active {
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
}

.active\:kds-rounded-t-lg:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-t-md:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-t-none:active {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.active\:kds-rounded-t-sm:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-bl:active {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-bl-full:active {
  border-bottom-left-radius: 100vmax;
}

.active\:kds-rounded-bl-lg:active {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-bl-md:active {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-bl-none:active {
  border-bottom-left-radius: 0;
}

.active\:kds-rounded-bl-sm:active {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-br:active {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-br-full:active {
  border-bottom-right-radius: 100vmax;
}

.active\:kds-rounded-br-lg:active {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-br-md:active {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-br-none:active {
  border-bottom-right-radius: 0;
}

.active\:kds-rounded-br-sm:active {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-ee:active {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-ee-full:active {
  border-end-end-radius: 100vmax;
}

.active\:kds-rounded-ee-lg:active {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-ee-md:active {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-ee-none:active {
  border-end-end-radius: 0;
}

.active\:kds-rounded-ee-sm:active {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-es:active {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-es-full:active {
  border-end-start-radius: 100vmax;
}

.active\:kds-rounded-es-lg:active {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-es-md:active {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-es-none:active {
  border-end-start-radius: 0;
}

.active\:kds-rounded-es-sm:active {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-se:active {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-se-full:active {
  border-start-end-radius: 100vmax;
}

.active\:kds-rounded-se-lg:active {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-se-md:active {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-se-none:active {
  border-start-end-radius: 0;
}

.active\:kds-rounded-se-sm:active {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-ss:active {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-ss-full:active {
  border-start-start-radius: 100vmax;
}

.active\:kds-rounded-ss-lg:active {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-ss-md:active {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-ss-none:active {
  border-start-start-radius: 0;
}

.active\:kds-rounded-ss-sm:active {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-tl:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-tl-full:active {
  border-top-left-radius: 100vmax;
}

.active\:kds-rounded-tl-lg:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-tl-md:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-tl-none:active {
  border-top-left-radius: 0;
}

.active\:kds-rounded-tl-sm:active {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-rounded-tr:active {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-tr-full:active {
  border-top-right-radius: 100vmax;
}

.active\:kds-rounded-tr-lg:active {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.active\:kds-rounded-tr-md:active {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.active\:kds-rounded-tr-none:active {
  border-top-right-radius: 0;
}

.active\:kds-rounded-tr-sm:active {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.active\:kds-border:active {
  border-width: 1px;
}

.active\:kds-border-0:active {
  border-width: 0px;
}

.active\:kds-border-2:active {
  border-width: 2px;
}

.active\:kds-border-4:active {
  border-width: 4px;
}

.active\:kds-border-8:active {
  border-width: 8px;
}

.active\:kds-border-x:active {
  border-left-width: 1px;
  border-right-width: 1px;
}

.active\:kds-border-x-0:active {
  border-left-width: 0px;
  border-right-width: 0px;
}

.active\:kds-border-x-2:active {
  border-left-width: 2px;
  border-right-width: 2px;
}

.active\:kds-border-x-4:active {
  border-left-width: 4px;
  border-right-width: 4px;
}

.active\:kds-border-x-8:active {
  border-left-width: 8px;
  border-right-width: 8px;
}

.active\:kds-border-y:active {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.active\:kds-border-y-0:active {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.active\:kds-border-y-2:active {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.active\:kds-border-y-4:active {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.active\:kds-border-y-8:active {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.active\:kds-border-b:active {
  border-bottom-width: 1px;
}

.active\:kds-border-b-0:active {
  border-bottom-width: 0px;
}

.active\:kds-border-b-2:active {
  border-bottom-width: 2px;
}

.active\:kds-border-b-4:active {
  border-bottom-width: 4px;
}

.active\:kds-border-b-8:active {
  border-bottom-width: 8px;
}

.active\:kds-border-e:active {
  border-inline-end-width: 1px;
}

.active\:kds-border-e-0:active {
  border-inline-end-width: 0px;
}

.active\:kds-border-e-2:active {
  border-inline-end-width: 2px;
}

.active\:kds-border-e-4:active {
  border-inline-end-width: 4px;
}

.active\:kds-border-e-8:active {
  border-inline-end-width: 8px;
}

.active\:kds-border-l:active {
  border-left-width: 1px;
}

.active\:kds-border-l-0:active {
  border-left-width: 0px;
}

.active\:kds-border-l-2:active {
  border-left-width: 2px;
}

.active\:kds-border-l-4:active {
  border-left-width: 4px;
}

.active\:kds-border-l-8:active {
  border-left-width: 8px;
}

.active\:kds-border-r:active {
  border-right-width: 1px;
}

.active\:kds-border-r-0:active {
  border-right-width: 0px;
}

.active\:kds-border-r-2:active {
  border-right-width: 2px;
}

.active\:kds-border-r-4:active {
  border-right-width: 4px;
}

.active\:kds-border-r-8:active {
  border-right-width: 8px;
}

.active\:kds-border-s:active {
  border-inline-start-width: 1px;
}

.active\:kds-border-s-0:active {
  border-inline-start-width: 0px;
}

.active\:kds-border-s-2:active {
  border-inline-start-width: 2px;
}

.active\:kds-border-s-4:active {
  border-inline-start-width: 4px;
}

.active\:kds-border-s-8:active {
  border-inline-start-width: 8px;
}

.active\:kds-border-t:active {
  border-top-width: 1px;
}

.active\:kds-border-t-0:active {
  border-top-width: 0px;
}

.active\:kds-border-t-2:active {
  border-top-width: 2px;
}

.active\:kds-border-t-4:active {
  border-top-width: 4px;
}

.active\:kds-border-t-8:active {
  border-top-width: 8px;
}

.active\:kds-border-solid:active {
  border-style: solid;
}

.active\:kds-border-dashed:active {
  border-style: dashed;
}

.active\:kds-border-dotted:active {
  border-style: dotted;
}

.active\:kds-border-double:active {
  border-style: double;
}

.active\:kds-border-hidden:active {
  border-style: hidden;
}

.active\:kds-border-none:active {
  border-style: none;
}

.active\:kds-border-accent-blue-bold:active {
  border-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-accent-blue-subtle:active {
  border-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-accent-green-subtle:active {
  border-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-active:active {
  border-color: var(--kds-color-border-active);
}

.active\:kds-border-bold:active {
  border-color: var(--kds-color-border-bold);
}

.active\:kds-border-bold-hover:active {
  border-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-danger-bold:active {
  border-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-danger-subtle:active {
  border-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-disabled:active {
  border-color: var(--kds-color-border-disabled);
}

.active\:kds-border-focus:active {
  border-color: var(--kds-color-border-focus);
}

.active\:kds-border-subtle:active {
  border-color: var(--kds-color-border-subtle);
}

.active\:kds-border-subtle-hover:active {
  border-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-transparent:active {
  border-color: transparent;
}

.active\:kds-border-warning-bold:active {
  border-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-warning-subtle:active {
  border-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-border-x-accent-blue-bold:active {
  border-left-color: var(--kds-color-border-accent-blue-bold);
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-x-accent-blue-subtle:active {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-x-accent-green-subtle:active {
  border-left-color: var(--kds-color-border-accent-green-subtle);
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-x-active:active {
  border-left-color: var(--kds-color-border-active);
  border-right-color: var(--kds-color-border-active);
}

.active\:kds-border-x-bold:active {
  border-left-color: var(--kds-color-border-bold);
  border-right-color: var(--kds-color-border-bold);
}

.active\:kds-border-x-bold-hover:active {
  border-left-color: var(--kds-color-border-bold-hover);
  border-right-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-x-danger-bold:active {
  border-left-color: var(--kds-color-border-danger-bold);
  border-right-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-x-danger-subtle:active {
  border-left-color: var(--kds-color-border-danger-subtle);
  border-right-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-x-disabled:active {
  border-left-color: var(--kds-color-border-disabled);
  border-right-color: var(--kds-color-border-disabled);
}

.active\:kds-border-x-focus:active {
  border-left-color: var(--kds-color-border-focus);
  border-right-color: var(--kds-color-border-focus);
}

.active\:kds-border-x-subtle:active {
  border-left-color: var(--kds-color-border-subtle);
  border-right-color: var(--kds-color-border-subtle);
}

.active\:kds-border-x-subtle-hover:active {
  border-left-color: var(--kds-color-border-subtle-hover);
  border-right-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-x-transparent:active {
  border-left-color: transparent;
  border-right-color: transparent;
}

.active\:kds-border-x-warning-bold:active {
  border-left-color: var(--kds-color-border-warning-bold);
  border-right-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-x-warning-subtle:active {
  border-left-color: var(--kds-color-border-warning-subtle);
  border-right-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-border-y-accent-blue-bold:active {
  border-top-color: var(--kds-color-border-accent-blue-bold);
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-y-accent-blue-subtle:active {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-y-accent-green-subtle:active {
  border-top-color: var(--kds-color-border-accent-green-subtle);
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-y-active:active {
  border-top-color: var(--kds-color-border-active);
  border-bottom-color: var(--kds-color-border-active);
}

.active\:kds-border-y-bold:active {
  border-top-color: var(--kds-color-border-bold);
  border-bottom-color: var(--kds-color-border-bold);
}

.active\:kds-border-y-bold-hover:active {
  border-top-color: var(--kds-color-border-bold-hover);
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-y-danger-bold:active {
  border-top-color: var(--kds-color-border-danger-bold);
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-y-danger-subtle:active {
  border-top-color: var(--kds-color-border-danger-subtle);
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-y-disabled:active {
  border-top-color: var(--kds-color-border-disabled);
  border-bottom-color: var(--kds-color-border-disabled);
}

.active\:kds-border-y-focus:active {
  border-top-color: var(--kds-color-border-focus);
  border-bottom-color: var(--kds-color-border-focus);
}

.active\:kds-border-y-subtle:active {
  border-top-color: var(--kds-color-border-subtle);
  border-bottom-color: var(--kds-color-border-subtle);
}

.active\:kds-border-y-subtle-hover:active {
  border-top-color: var(--kds-color-border-subtle-hover);
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-y-transparent:active {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.active\:kds-border-y-warning-bold:active {
  border-top-color: var(--kds-color-border-warning-bold);
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-y-warning-subtle:active {
  border-top-color: var(--kds-color-border-warning-subtle);
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-border-b-accent-blue-bold:active {
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-b-accent-blue-subtle:active {
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-b-accent-green-subtle:active {
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-b-active:active {
  border-bottom-color: var(--kds-color-border-active);
}

.active\:kds-border-b-bold:active {
  border-bottom-color: var(--kds-color-border-bold);
}

.active\:kds-border-b-bold-hover:active {
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-b-danger-bold:active {
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-b-danger-subtle:active {
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-b-disabled:active {
  border-bottom-color: var(--kds-color-border-disabled);
}

.active\:kds-border-b-focus:active {
  border-bottom-color: var(--kds-color-border-focus);
}

.active\:kds-border-b-subtle:active {
  border-bottom-color: var(--kds-color-border-subtle);
}

.active\:kds-border-b-subtle-hover:active {
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-b-transparent:active {
  border-bottom-color: transparent;
}

.active\:kds-border-b-warning-bold:active {
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-b-warning-subtle:active {
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-border-e-accent-blue-bold:active {
  border-inline-end-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-e-accent-blue-subtle:active {
  border-inline-end-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-e-accent-green-subtle:active {
  border-inline-end-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-e-active:active {
  border-inline-end-color: var(--kds-color-border-active);
}

.active\:kds-border-e-bold:active {
  border-inline-end-color: var(--kds-color-border-bold);
}

.active\:kds-border-e-bold-hover:active {
  border-inline-end-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-e-danger-bold:active {
  border-inline-end-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-e-danger-subtle:active {
  border-inline-end-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-e-disabled:active {
  border-inline-end-color: var(--kds-color-border-disabled);
}

.active\:kds-border-e-focus:active {
  border-inline-end-color: var(--kds-color-border-focus);
}

.active\:kds-border-e-subtle:active {
  border-inline-end-color: var(--kds-color-border-subtle);
}

.active\:kds-border-e-subtle-hover:active {
  border-inline-end-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-e-transparent:active {
  border-inline-end-color: transparent;
}

.active\:kds-border-e-warning-bold:active {
  border-inline-end-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-e-warning-subtle:active {
  border-inline-end-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-border-l-accent-blue-bold:active {
  border-left-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-l-accent-blue-subtle:active {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-l-accent-green-subtle:active {
  border-left-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-l-active:active {
  border-left-color: var(--kds-color-border-active);
}

.active\:kds-border-l-bold:active {
  border-left-color: var(--kds-color-border-bold);
}

.active\:kds-border-l-bold-hover:active {
  border-left-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-l-danger-bold:active {
  border-left-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-l-danger-subtle:active {
  border-left-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-l-disabled:active {
  border-left-color: var(--kds-color-border-disabled);
}

.active\:kds-border-l-focus:active {
  border-left-color: var(--kds-color-border-focus);
}

.active\:kds-border-l-subtle:active {
  border-left-color: var(--kds-color-border-subtle);
}

.active\:kds-border-l-subtle-hover:active {
  border-left-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-l-transparent:active {
  border-left-color: transparent;
}

.active\:kds-border-l-warning-bold:active {
  border-left-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-l-warning-subtle:active {
  border-left-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-border-r-accent-blue-bold:active {
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-r-accent-blue-subtle:active {
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-r-accent-green-subtle:active {
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-r-active:active {
  border-right-color: var(--kds-color-border-active);
}

.active\:kds-border-r-bold:active {
  border-right-color: var(--kds-color-border-bold);
}

.active\:kds-border-r-bold-hover:active {
  border-right-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-r-danger-bold:active {
  border-right-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-r-danger-subtle:active {
  border-right-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-r-disabled:active {
  border-right-color: var(--kds-color-border-disabled);
}

.active\:kds-border-r-focus:active {
  border-right-color: var(--kds-color-border-focus);
}

.active\:kds-border-r-subtle:active {
  border-right-color: var(--kds-color-border-subtle);
}

.active\:kds-border-r-subtle-hover:active {
  border-right-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-r-transparent:active {
  border-right-color: transparent;
}

.active\:kds-border-r-warning-bold:active {
  border-right-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-r-warning-subtle:active {
  border-right-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-border-s-accent-blue-bold:active {
  border-inline-start-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-s-accent-blue-subtle:active {
  border-inline-start-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-s-accent-green-subtle:active {
  border-inline-start-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-s-active:active {
  border-inline-start-color: var(--kds-color-border-active);
}

.active\:kds-border-s-bold:active {
  border-inline-start-color: var(--kds-color-border-bold);
}

.active\:kds-border-s-bold-hover:active {
  border-inline-start-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-s-danger-bold:active {
  border-inline-start-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-s-danger-subtle:active {
  border-inline-start-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-s-disabled:active {
  border-inline-start-color: var(--kds-color-border-disabled);
}

.active\:kds-border-s-focus:active {
  border-inline-start-color: var(--kds-color-border-focus);
}

.active\:kds-border-s-subtle:active {
  border-inline-start-color: var(--kds-color-border-subtle);
}

.active\:kds-border-s-subtle-hover:active {
  border-inline-start-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-s-transparent:active {
  border-inline-start-color: transparent;
}

.active\:kds-border-s-warning-bold:active {
  border-inline-start-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-s-warning-subtle:active {
  border-inline-start-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-border-t-accent-blue-bold:active {
  border-top-color: var(--kds-color-border-accent-blue-bold);
}

.active\:kds-border-t-accent-blue-subtle:active {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
}

.active\:kds-border-t-accent-green-subtle:active {
  border-top-color: var(--kds-color-border-accent-green-subtle);
}

.active\:kds-border-t-active:active {
  border-top-color: var(--kds-color-border-active);
}

.active\:kds-border-t-bold:active {
  border-top-color: var(--kds-color-border-bold);
}

.active\:kds-border-t-bold-hover:active {
  border-top-color: var(--kds-color-border-bold-hover);
}

.active\:kds-border-t-danger-bold:active {
  border-top-color: var(--kds-color-border-danger-bold);
}

.active\:kds-border-t-danger-subtle:active {
  border-top-color: var(--kds-color-border-danger-subtle);
}

.active\:kds-border-t-disabled:active {
  border-top-color: var(--kds-color-border-disabled);
}

.active\:kds-border-t-focus:active {
  border-top-color: var(--kds-color-border-focus);
}

.active\:kds-border-t-subtle:active {
  border-top-color: var(--kds-color-border-subtle);
}

.active\:kds-border-t-subtle-hover:active {
  border-top-color: var(--kds-color-border-subtle-hover);
}

.active\:kds-border-t-transparent:active {
  border-top-color: transparent;
}

.active\:kds-border-t-warning-bold:active {
  border-top-color: var(--kds-color-border-warning-bold);
}

.active\:kds-border-t-warning-subtle:active {
  border-top-color: var(--kds-color-border-warning-subtle);
}

.active\:kds-bg-accent-blue-bold:active {
  background-color: var(--kds-color-background-accent-blue-bold);
}

.active\:kds-bg-accent-blue-subtle:active {
  background-color: var(--kds-color-background-accent-blue-subtle);
}

.active\:kds-bg-accent-gray-bold:active {
  background-color: var(--kds-color-background-accent-gray-bold);
}

.active\:kds-bg-accent-gray-subtle:active {
  background-color: var(--kds-color-background-accent-gray-subtle);
}

.active\:kds-bg-accent-green-bold:active {
  background-color: var(--kds-color-background-accent-green-bold);
}

.active\:kds-bg-accent-green-bold-hovered:active {
  background-color: var(--kds-color-background-accent-green-bold-hovered);
}

.active\:kds-bg-accent-green-bold-pressed:active {
  background-color: var(--kds-color-background-accent-green-bold-pressed);
}

.active\:kds-bg-accent-green-subtle:active {
  background-color: var(--kds-color-background-accent-green-subtle);
}

.active\:kds-bg-accent-purple-subtle:active {
  background-color: var(--kds-color-background-accent-purple-subtle);
}

.active\:kds-bg-accent-red-bold:active {
  background-color: var(--kds-color-background-accent-red-bold);
}

.active\:kds-bg-accent-red-subtle:active {
  background-color: var(--kds-color-background-accent-red-subtle);
}

.active\:kds-bg-action:active {
  background-color: var(--kds-color-background-action);
}

.active\:kds-bg-action-disabled:active {
  background-color: var(--kds-color-background-action-disabled);
}

.active\:kds-bg-action-hover:active {
  background-color: var(--kds-color-background-action-hover);
}

.active\:kds-bg-action-pressed:active {
  background-color: var(--kds-color-background-action-pressed);
}

.active\:kds-bg-danger-bold:active {
  background-color: var(--kds-color-background-danger-bold);
}

.active\:kds-bg-danger-bold-hovered:active {
  background-color: var(--kds-color-background-danger-bold-hovered);
}

.active\:kds-bg-danger-bold-pressed:active {
  background-color: var(--kds-color-background-danger-bold-pressed);
}

.active\:kds-bg-danger-disabled:active {
  background-color: var(--kds-color-background-danger-disabled);
}

.active\:kds-bg-danger-subtle:active {
  background-color: var(--kds-color-background-danger-subtle);
}

.active\:kds-bg-danger-subtle-hovered:active {
  background-color: var(--kds-color-background-danger-subtle-hovered);
}

.active\:kds-bg-disabled:active {
  background-color: var(--kds-color-background-disabled);
}

.active\:kds-bg-inverse:active {
  background-color: var(--kds-color-background-inverse);
}

.active\:kds-bg-inverse-hover:active {
  background-color: var(--kds-color-background-inverse-hover);
}

.active\:kds-bg-inverse-pressed:active {
  background-color: var(--kds-color-background-inverse-pressed);
}

.active\:kds-bg-selected:active {
  background-color: var(--kds-color-background-selected);
}

.active\:kds-bg-surface-inverse:active {
  background-color: var(--kds-color-background-surface-inverse);
}

.active\:kds-bg-surface-primary:active {
  background-color: var(--kds-color-background-surface-primary);
}

.active\:kds-bg-surface-secondary:active {
  background-color: var(--kds-color-background-surface-secondary);
}

.active\:kds-bg-transparent:active {
  background-color: transparent;
}

.active\:kds-bg-warning-bold:active {
  background-color: var(--kds-color-background-warning-bold);
}

.active\:kds-bg-warning-subtle:active {
  background-color: var(--kds-color-background-warning-subtle);
}

.active\:kds-fill-icon:active {
  fill: var(--kds-color-icon);
}

.active\:kds-fill-icon-danger:active {
  fill: var(--kds-color-icon-danger);
}

.active\:kds-fill-icon-danger-inverse:active {
  fill: var(--kds-color-icon-danger-inverse);
}

.active\:kds-fill-icon-disabled:active {
  fill: var(--kds-color-icon-disabled);
}

.active\:kds-fill-icon-green:active {
  fill: var(--kds-color-icon-green);
}

.active\:kds-fill-icon-green-inverse:active {
  fill: var(--kds-color-icon-green-inverse);
}

.active\:kds-fill-icon-info:active {
  fill: var(--kds-color-icon-info);
}

.active\:kds-fill-icon-inverse:active {
  fill: var(--kds-color-icon-inverse);
}

.active\:kds-fill-icon-subtle:active {
  fill: var(--kds-color-icon-subtle);
}

.active\:kds-fill-icon-warning:active {
  fill: var(--kds-color-icon-warning);
}

.active\:kds-text-accent-blue:active {
  color: var(--kds-color-text-accent-blue);
}

.active\:kds-text-accent-blue-bolder:active {
  color: var(--kds-color-text-accent-blue-bolder);
}

.active\:kds-text-accent-gray:active {
  color: var(--kds-color-text-accent-gray);
}

.active\:kds-text-accent-green:active {
  color: var(--kds-color-text-accent-green);
}

.active\:kds-text-accent-green-bolder:active {
  color: var(--kds-color-text-accent-green-bolder);
}

.active\:kds-text-accent-green-inverse-disabled:active {
  color: var(--kds-color-text-accent-green-inverse-disabled);
}

.active\:kds-text-accent-purple:active {
  color: var(--kds-color-text-accent-purple);
}

.active\:kds-text-accent-purple-bolder:active {
  color: var(--kds-color-text-accent-purple-bolder);
}

.active\:kds-text-accent-red:active {
  color: var(--kds-color-text-accent-red);
}

.active\:kds-text-accent-red-bolder:active {
  color: var(--kds-color-text-accent-red-bolder);
}

.active\:kds-text-accent-red-inverse-disabled:active {
  color: var(--kds-color-text-accent-red-inverse-disabled);
}

.active\:kds-text-accent-yellow:active {
  color: var(--kds-color-text-accent-yellow);
}

.active\:kds-text-accent-yellow-bolder:active {
  color: var(--kds-color-text-accent-yellow-bolder);
}

.active\:kds-text-disabled:active {
  color: var(--kds-color-text-disabled);
}

.active\:kds-text-inverse-disabled:active {
  color: var(--kds-color-text-inverse-disabled);
}

.active\:kds-text-inverse-primary:active {
  color: var(--kds-color-text-inverse-primary);
}

.active\:kds-text-inverse-secondary:active {
  color: var(--kds-color-text-inverse-secondary);
}

.active\:kds-text-placeholder:active {
  color: var(--kds-color-text-placeholder);
}

.active\:kds-text-primary:active {
  color: var(--kds-color-text-primary);
}

.active\:kds-text-secondary:active {
  color: var(--kds-color-text-secondary);
}

.active\:kds-fill-icon:active {
  --kds-icon-fill: var(--kds-color-icon);
}

.active\:kds-fill-icon-danger:active {
  --kds-icon-fill: var(--kds-color-icon-danger);
}

.active\:kds-fill-icon-disabled:active {
  --kds-icon-fill: var(--kds-color-icon-disabled);
}

.active\:kds-fill-icon-info:active {
  --kds-icon-fill: var(--kds-color-icon-info);
}

.active\:kds-fill-icon-inverse:active {
  --kds-icon-fill: var(--kds-color-icon-inverse);
}

.active\:kds-fill-icon-subtle:active {
  --kds-icon-fill: var(--kds-color-icon-subtle);
}

.active\:kds-fill-icon-warning:active {
  --kds-icon-fill: var(--kds-color-icon-warning);
}

.disabled\:kds-rounded-full:disabled {
  border-radius: 100vmax;
}

.disabled\:kds-rounded-lg:disabled {
  border-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-md:disabled {
  border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-none:disabled {
  border-radius: 0;
}

.disabled\:kds-rounded-sm:disabled {
  border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-b:disabled {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-b-full:disabled {
  border-bottom-right-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.disabled\:kds-rounded-b-lg:disabled {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-b-md:disabled {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-b-none:disabled {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.disabled\:kds-rounded-b-sm:disabled {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-e:disabled {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-e-full:disabled {
  border-start-end-radius: 100vmax;
  border-end-end-radius: 100vmax;
}

.disabled\:kds-rounded-e-lg:disabled {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-e-md:disabled {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-e-none:disabled {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.disabled\:kds-rounded-e-sm:disabled {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-l:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-l-full:disabled {
  border-top-left-radius: 100vmax;
  border-bottom-left-radius: 100vmax;
}

.disabled\:kds-rounded-l-lg:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-l-md:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-l-none:disabled {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.disabled\:kds-rounded-l-sm:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-r:disabled {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-r-full:disabled {
  border-top-right-radius: 100vmax;
  border-bottom-right-radius: 100vmax;
}

.disabled\:kds-rounded-r-lg:disabled {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-r-md:disabled {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-r-none:disabled {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.disabled\:kds-rounded-r-sm:disabled {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-s:disabled {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-s-full:disabled {
  border-start-start-radius: 100vmax;
  border-end-start-radius: 100vmax;
}

.disabled\:kds-rounded-s-lg:disabled {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-s-md:disabled {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-s-none:disabled {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.disabled\:kds-rounded-s-sm:disabled {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-t:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-t-full:disabled {
  border-top-left-radius: 100vmax;
  border-top-right-radius: 100vmax;
}

.disabled\:kds-rounded-t-lg:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-t-md:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-t-none:disabled {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.disabled\:kds-rounded-t-sm:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-bl:disabled {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-bl-full:disabled {
  border-bottom-left-radius: 100vmax;
}

.disabled\:kds-rounded-bl-lg:disabled {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-bl-md:disabled {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-bl-none:disabled {
  border-bottom-left-radius: 0;
}

.disabled\:kds-rounded-bl-sm:disabled {
  border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-br:disabled {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-br-full:disabled {
  border-bottom-right-radius: 100vmax;
}

.disabled\:kds-rounded-br-lg:disabled {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-br-md:disabled {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-br-none:disabled {
  border-bottom-right-radius: 0;
}

.disabled\:kds-rounded-br-sm:disabled {
  border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-ee:disabled {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-ee-full:disabled {
  border-end-end-radius: 100vmax;
}

.disabled\:kds-rounded-ee-lg:disabled {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-ee-md:disabled {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-ee-none:disabled {
  border-end-end-radius: 0;
}

.disabled\:kds-rounded-ee-sm:disabled {
  border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-es:disabled {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-es-full:disabled {
  border-end-start-radius: 100vmax;
}

.disabled\:kds-rounded-es-lg:disabled {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-es-md:disabled {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-es-none:disabled {
  border-end-start-radius: 0;
}

.disabled\:kds-rounded-es-sm:disabled {
  border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-se:disabled {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-se-full:disabled {
  border-start-end-radius: 100vmax;
}

.disabled\:kds-rounded-se-lg:disabled {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-se-md:disabled {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-se-none:disabled {
  border-start-end-radius: 0;
}

.disabled\:kds-rounded-se-sm:disabled {
  border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-ss:disabled {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-ss-full:disabled {
  border-start-start-radius: 100vmax;
}

.disabled\:kds-rounded-ss-lg:disabled {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-ss-md:disabled {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-ss-none:disabled {
  border-start-start-radius: 0;
}

.disabled\:kds-rounded-ss-sm:disabled {
  border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-tl:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-tl-full:disabled {
  border-top-left-radius: 100vmax;
}

.disabled\:kds-rounded-tl-lg:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-tl-md:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-tl-none:disabled {
  border-top-left-radius: 0;
}

.disabled\:kds-rounded-tl-sm:disabled {
  border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-rounded-tr:disabled {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-tr-full:disabled {
  border-top-right-radius: 100vmax;
}

.disabled\:kds-rounded-tr-lg:disabled {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
}

.disabled\:kds-rounded-tr-md:disabled {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
}

.disabled\:kds-rounded-tr-none:disabled {
  border-top-right-radius: 0;
}

.disabled\:kds-rounded-tr-sm:disabled {
  border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
}

.disabled\:kds-border:disabled {
  border-width: 1px;
}

.disabled\:kds-border-0:disabled {
  border-width: 0px;
}

.disabled\:kds-border-2:disabled {
  border-width: 2px;
}

.disabled\:kds-border-4:disabled {
  border-width: 4px;
}

.disabled\:kds-border-8:disabled {
  border-width: 8px;
}

.disabled\:kds-border-x:disabled {
  border-left-width: 1px;
  border-right-width: 1px;
}

.disabled\:kds-border-x-0:disabled {
  border-left-width: 0px;
  border-right-width: 0px;
}

.disabled\:kds-border-x-2:disabled {
  border-left-width: 2px;
  border-right-width: 2px;
}

.disabled\:kds-border-x-4:disabled {
  border-left-width: 4px;
  border-right-width: 4px;
}

.disabled\:kds-border-x-8:disabled {
  border-left-width: 8px;
  border-right-width: 8px;
}

.disabled\:kds-border-y:disabled {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.disabled\:kds-border-y-0:disabled {
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.disabled\:kds-border-y-2:disabled {
  border-top-width: 2px;
  border-bottom-width: 2px;
}

.disabled\:kds-border-y-4:disabled {
  border-top-width: 4px;
  border-bottom-width: 4px;
}

.disabled\:kds-border-y-8:disabled {
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.disabled\:kds-border-b:disabled {
  border-bottom-width: 1px;
}

.disabled\:kds-border-b-0:disabled {
  border-bottom-width: 0px;
}

.disabled\:kds-border-b-2:disabled {
  border-bottom-width: 2px;
}

.disabled\:kds-border-b-4:disabled {
  border-bottom-width: 4px;
}

.disabled\:kds-border-b-8:disabled {
  border-bottom-width: 8px;
}

.disabled\:kds-border-e:disabled {
  border-inline-end-width: 1px;
}

.disabled\:kds-border-e-0:disabled {
  border-inline-end-width: 0px;
}

.disabled\:kds-border-e-2:disabled {
  border-inline-end-width: 2px;
}

.disabled\:kds-border-e-4:disabled {
  border-inline-end-width: 4px;
}

.disabled\:kds-border-e-8:disabled {
  border-inline-end-width: 8px;
}

.disabled\:kds-border-l:disabled {
  border-left-width: 1px;
}

.disabled\:kds-border-l-0:disabled {
  border-left-width: 0px;
}

.disabled\:kds-border-l-2:disabled {
  border-left-width: 2px;
}

.disabled\:kds-border-l-4:disabled {
  border-left-width: 4px;
}

.disabled\:kds-border-l-8:disabled {
  border-left-width: 8px;
}

.disabled\:kds-border-r:disabled {
  border-right-width: 1px;
}

.disabled\:kds-border-r-0:disabled {
  border-right-width: 0px;
}

.disabled\:kds-border-r-2:disabled {
  border-right-width: 2px;
}

.disabled\:kds-border-r-4:disabled {
  border-right-width: 4px;
}

.disabled\:kds-border-r-8:disabled {
  border-right-width: 8px;
}

.disabled\:kds-border-s:disabled {
  border-inline-start-width: 1px;
}

.disabled\:kds-border-s-0:disabled {
  border-inline-start-width: 0px;
}

.disabled\:kds-border-s-2:disabled {
  border-inline-start-width: 2px;
}

.disabled\:kds-border-s-4:disabled {
  border-inline-start-width: 4px;
}

.disabled\:kds-border-s-8:disabled {
  border-inline-start-width: 8px;
}

.disabled\:kds-border-t:disabled {
  border-top-width: 1px;
}

.disabled\:kds-border-t-0:disabled {
  border-top-width: 0px;
}

.disabled\:kds-border-t-2:disabled {
  border-top-width: 2px;
}

.disabled\:kds-border-t-4:disabled {
  border-top-width: 4px;
}

.disabled\:kds-border-t-8:disabled {
  border-top-width: 8px;
}

.disabled\:kds-border-solid:disabled {
  border-style: solid;
}

.disabled\:kds-border-dashed:disabled {
  border-style: dashed;
}

.disabled\:kds-border-dotted:disabled {
  border-style: dotted;
}

.disabled\:kds-border-double:disabled {
  border-style: double;
}

.disabled\:kds-border-hidden:disabled {
  border-style: hidden;
}

.disabled\:kds-border-none:disabled {
  border-style: none;
}

.disabled\:kds-border-accent-blue-bold:disabled {
  border-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-accent-blue-subtle:disabled {
  border-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-accent-green-subtle:disabled {
  border-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-active:disabled {
  border-color: var(--kds-color-border-active);
}

.disabled\:kds-border-bold:disabled {
  border-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-bold-hover:disabled {
  border-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-danger-bold:disabled {
  border-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-danger-subtle:disabled {
  border-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-disabled:disabled {
  border-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-focus:disabled {
  border-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-subtle:disabled {
  border-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-subtle-hover:disabled {
  border-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-transparent:disabled {
  border-color: transparent;
}

.disabled\:kds-border-warning-bold:disabled {
  border-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-warning-subtle:disabled {
  border-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-border-x-accent-blue-bold:disabled {
  border-left-color: var(--kds-color-border-accent-blue-bold);
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-x-accent-blue-subtle:disabled {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-x-accent-green-subtle:disabled {
  border-left-color: var(--kds-color-border-accent-green-subtle);
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-x-active:disabled {
  border-left-color: var(--kds-color-border-active);
  border-right-color: var(--kds-color-border-active);
}

.disabled\:kds-border-x-bold:disabled {
  border-left-color: var(--kds-color-border-bold);
  border-right-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-x-bold-hover:disabled {
  border-left-color: var(--kds-color-border-bold-hover);
  border-right-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-x-danger-bold:disabled {
  border-left-color: var(--kds-color-border-danger-bold);
  border-right-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-x-danger-subtle:disabled {
  border-left-color: var(--kds-color-border-danger-subtle);
  border-right-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-x-disabled:disabled {
  border-left-color: var(--kds-color-border-disabled);
  border-right-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-x-focus:disabled {
  border-left-color: var(--kds-color-border-focus);
  border-right-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-x-subtle:disabled {
  border-left-color: var(--kds-color-border-subtle);
  border-right-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-x-subtle-hover:disabled {
  border-left-color: var(--kds-color-border-subtle-hover);
  border-right-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-x-transparent:disabled {
  border-left-color: transparent;
  border-right-color: transparent;
}

.disabled\:kds-border-x-warning-bold:disabled {
  border-left-color: var(--kds-color-border-warning-bold);
  border-right-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-x-warning-subtle:disabled {
  border-left-color: var(--kds-color-border-warning-subtle);
  border-right-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-border-y-accent-blue-bold:disabled {
  border-top-color: var(--kds-color-border-accent-blue-bold);
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-y-accent-blue-subtle:disabled {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-y-accent-green-subtle:disabled {
  border-top-color: var(--kds-color-border-accent-green-subtle);
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-y-active:disabled {
  border-top-color: var(--kds-color-border-active);
  border-bottom-color: var(--kds-color-border-active);
}

.disabled\:kds-border-y-bold:disabled {
  border-top-color: var(--kds-color-border-bold);
  border-bottom-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-y-bold-hover:disabled {
  border-top-color: var(--kds-color-border-bold-hover);
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-y-danger-bold:disabled {
  border-top-color: var(--kds-color-border-danger-bold);
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-y-danger-subtle:disabled {
  border-top-color: var(--kds-color-border-danger-subtle);
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-y-disabled:disabled {
  border-top-color: var(--kds-color-border-disabled);
  border-bottom-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-y-focus:disabled {
  border-top-color: var(--kds-color-border-focus);
  border-bottom-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-y-subtle:disabled {
  border-top-color: var(--kds-color-border-subtle);
  border-bottom-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-y-subtle-hover:disabled {
  border-top-color: var(--kds-color-border-subtle-hover);
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-y-transparent:disabled {
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.disabled\:kds-border-y-warning-bold:disabled {
  border-top-color: var(--kds-color-border-warning-bold);
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-y-warning-subtle:disabled {
  border-top-color: var(--kds-color-border-warning-subtle);
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-border-b-accent-blue-bold:disabled {
  border-bottom-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-b-accent-blue-subtle:disabled {
  border-bottom-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-b-accent-green-subtle:disabled {
  border-bottom-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-b-active:disabled {
  border-bottom-color: var(--kds-color-border-active);
}

.disabled\:kds-border-b-bold:disabled {
  border-bottom-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-b-bold-hover:disabled {
  border-bottom-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-b-danger-bold:disabled {
  border-bottom-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-b-danger-subtle:disabled {
  border-bottom-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-b-disabled:disabled {
  border-bottom-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-b-focus:disabled {
  border-bottom-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-b-subtle:disabled {
  border-bottom-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-b-subtle-hover:disabled {
  border-bottom-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-b-transparent:disabled {
  border-bottom-color: transparent;
}

.disabled\:kds-border-b-warning-bold:disabled {
  border-bottom-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-b-warning-subtle:disabled {
  border-bottom-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-border-e-accent-blue-bold:disabled {
  border-inline-end-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-e-accent-blue-subtle:disabled {
  border-inline-end-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-e-accent-green-subtle:disabled {
  border-inline-end-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-e-active:disabled {
  border-inline-end-color: var(--kds-color-border-active);
}

.disabled\:kds-border-e-bold:disabled {
  border-inline-end-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-e-bold-hover:disabled {
  border-inline-end-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-e-danger-bold:disabled {
  border-inline-end-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-e-danger-subtle:disabled {
  border-inline-end-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-e-disabled:disabled {
  border-inline-end-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-e-focus:disabled {
  border-inline-end-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-e-subtle:disabled {
  border-inline-end-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-e-subtle-hover:disabled {
  border-inline-end-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-e-transparent:disabled {
  border-inline-end-color: transparent;
}

.disabled\:kds-border-e-warning-bold:disabled {
  border-inline-end-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-e-warning-subtle:disabled {
  border-inline-end-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-border-l-accent-blue-bold:disabled {
  border-left-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-l-accent-blue-subtle:disabled {
  border-left-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-l-accent-green-subtle:disabled {
  border-left-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-l-active:disabled {
  border-left-color: var(--kds-color-border-active);
}

.disabled\:kds-border-l-bold:disabled {
  border-left-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-l-bold-hover:disabled {
  border-left-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-l-danger-bold:disabled {
  border-left-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-l-danger-subtle:disabled {
  border-left-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-l-disabled:disabled {
  border-left-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-l-focus:disabled {
  border-left-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-l-subtle:disabled {
  border-left-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-l-subtle-hover:disabled {
  border-left-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-l-transparent:disabled {
  border-left-color: transparent;
}

.disabled\:kds-border-l-warning-bold:disabled {
  border-left-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-l-warning-subtle:disabled {
  border-left-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-border-r-accent-blue-bold:disabled {
  border-right-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-r-accent-blue-subtle:disabled {
  border-right-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-r-accent-green-subtle:disabled {
  border-right-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-r-active:disabled {
  border-right-color: var(--kds-color-border-active);
}

.disabled\:kds-border-r-bold:disabled {
  border-right-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-r-bold-hover:disabled {
  border-right-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-r-danger-bold:disabled {
  border-right-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-r-danger-subtle:disabled {
  border-right-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-r-disabled:disabled {
  border-right-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-r-focus:disabled {
  border-right-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-r-subtle:disabled {
  border-right-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-r-subtle-hover:disabled {
  border-right-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-r-transparent:disabled {
  border-right-color: transparent;
}

.disabled\:kds-border-r-warning-bold:disabled {
  border-right-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-r-warning-subtle:disabled {
  border-right-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-border-s-accent-blue-bold:disabled {
  border-inline-start-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-s-accent-blue-subtle:disabled {
  border-inline-start-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-s-accent-green-subtle:disabled {
  border-inline-start-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-s-active:disabled {
  border-inline-start-color: var(--kds-color-border-active);
}

.disabled\:kds-border-s-bold:disabled {
  border-inline-start-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-s-bold-hover:disabled {
  border-inline-start-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-s-danger-bold:disabled {
  border-inline-start-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-s-danger-subtle:disabled {
  border-inline-start-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-s-disabled:disabled {
  border-inline-start-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-s-focus:disabled {
  border-inline-start-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-s-subtle:disabled {
  border-inline-start-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-s-subtle-hover:disabled {
  border-inline-start-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-s-transparent:disabled {
  border-inline-start-color: transparent;
}

.disabled\:kds-border-s-warning-bold:disabled {
  border-inline-start-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-s-warning-subtle:disabled {
  border-inline-start-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-border-t-accent-blue-bold:disabled {
  border-top-color: var(--kds-color-border-accent-blue-bold);
}

.disabled\:kds-border-t-accent-blue-subtle:disabled {
  border-top-color: var(--kds-color-border-accent-blue-subtle);
}

.disabled\:kds-border-t-accent-green-subtle:disabled {
  border-top-color: var(--kds-color-border-accent-green-subtle);
}

.disabled\:kds-border-t-active:disabled {
  border-top-color: var(--kds-color-border-active);
}

.disabled\:kds-border-t-bold:disabled {
  border-top-color: var(--kds-color-border-bold);
}

.disabled\:kds-border-t-bold-hover:disabled {
  border-top-color: var(--kds-color-border-bold-hover);
}

.disabled\:kds-border-t-danger-bold:disabled {
  border-top-color: var(--kds-color-border-danger-bold);
}

.disabled\:kds-border-t-danger-subtle:disabled {
  border-top-color: var(--kds-color-border-danger-subtle);
}

.disabled\:kds-border-t-disabled:disabled {
  border-top-color: var(--kds-color-border-disabled);
}

.disabled\:kds-border-t-focus:disabled {
  border-top-color: var(--kds-color-border-focus);
}

.disabled\:kds-border-t-subtle:disabled {
  border-top-color: var(--kds-color-border-subtle);
}

.disabled\:kds-border-t-subtle-hover:disabled {
  border-top-color: var(--kds-color-border-subtle-hover);
}

.disabled\:kds-border-t-transparent:disabled {
  border-top-color: transparent;
}

.disabled\:kds-border-t-warning-bold:disabled {
  border-top-color: var(--kds-color-border-warning-bold);
}

.disabled\:kds-border-t-warning-subtle:disabled {
  border-top-color: var(--kds-color-border-warning-subtle);
}

.disabled\:kds-bg-accent-blue-bold:disabled {
  background-color: var(--kds-color-background-accent-blue-bold);
}

.disabled\:kds-bg-accent-blue-subtle:disabled {
  background-color: var(--kds-color-background-accent-blue-subtle);
}

.disabled\:kds-bg-accent-gray-bold:disabled {
  background-color: var(--kds-color-background-accent-gray-bold);
}

.disabled\:kds-bg-accent-gray-subtle:disabled {
  background-color: var(--kds-color-background-accent-gray-subtle);
}

.disabled\:kds-bg-accent-green-bold:disabled {
  background-color: var(--kds-color-background-accent-green-bold);
}

.disabled\:kds-bg-accent-green-bold-hovered:disabled {
  background-color: var(--kds-color-background-accent-green-bold-hovered);
}

.disabled\:kds-bg-accent-green-bold-pressed:disabled {
  background-color: var(--kds-color-background-accent-green-bold-pressed);
}

.disabled\:kds-bg-accent-green-subtle:disabled {
  background-color: var(--kds-color-background-accent-green-subtle);
}

.disabled\:kds-bg-accent-purple-subtle:disabled {
  background-color: var(--kds-color-background-accent-purple-subtle);
}

.disabled\:kds-bg-accent-red-bold:disabled {
  background-color: var(--kds-color-background-accent-red-bold);
}

.disabled\:kds-bg-accent-red-subtle:disabled {
  background-color: var(--kds-color-background-accent-red-subtle);
}

.disabled\:kds-bg-action:disabled {
  background-color: var(--kds-color-background-action);
}

.disabled\:kds-bg-action-disabled:disabled {
  background-color: var(--kds-color-background-action-disabled);
}

.disabled\:kds-bg-action-hover:disabled {
  background-color: var(--kds-color-background-action-hover);
}

.disabled\:kds-bg-action-pressed:disabled {
  background-color: var(--kds-color-background-action-pressed);
}

.disabled\:kds-bg-danger-bold:disabled {
  background-color: var(--kds-color-background-danger-bold);
}

.disabled\:kds-bg-danger-bold-hovered:disabled {
  background-color: var(--kds-color-background-danger-bold-hovered);
}

.disabled\:kds-bg-danger-bold-pressed:disabled {
  background-color: var(--kds-color-background-danger-bold-pressed);
}

.disabled\:kds-bg-danger-disabled:disabled {
  background-color: var(--kds-color-background-danger-disabled);
}

.disabled\:kds-bg-danger-subtle:disabled {
  background-color: var(--kds-color-background-danger-subtle);
}

.disabled\:kds-bg-danger-subtle-hovered:disabled {
  background-color: var(--kds-color-background-danger-subtle-hovered);
}

.disabled\:kds-bg-disabled:disabled {
  background-color: var(--kds-color-background-disabled);
}

.disabled\:kds-bg-inverse:disabled {
  background-color: var(--kds-color-background-inverse);
}

.disabled\:kds-bg-inverse-hover:disabled {
  background-color: var(--kds-color-background-inverse-hover);
}

.disabled\:kds-bg-inverse-pressed:disabled {
  background-color: var(--kds-color-background-inverse-pressed);
}

.disabled\:kds-bg-selected:disabled {
  background-color: var(--kds-color-background-selected);
}

.disabled\:kds-bg-surface-inverse:disabled {
  background-color: var(--kds-color-background-surface-inverse);
}

.disabled\:kds-bg-surface-primary:disabled {
  background-color: var(--kds-color-background-surface-primary);
}

.disabled\:kds-bg-surface-secondary:disabled {
  background-color: var(--kds-color-background-surface-secondary);
}

.disabled\:kds-bg-transparent:disabled {
  background-color: transparent;
}

.disabled\:kds-bg-warning-bold:disabled {
  background-color: var(--kds-color-background-warning-bold);
}

.disabled\:kds-bg-warning-subtle:disabled {
  background-color: var(--kds-color-background-warning-subtle);
}

.disabled\:kds-fill-icon:disabled {
  fill: var(--kds-color-icon);
}

.disabled\:kds-fill-icon-danger:disabled {
  fill: var(--kds-color-icon-danger);
}

.disabled\:kds-fill-icon-danger-inverse:disabled {
  fill: var(--kds-color-icon-danger-inverse);
}

.disabled\:kds-fill-icon-disabled:disabled {
  fill: var(--kds-color-icon-disabled);
}

.disabled\:kds-fill-icon-green:disabled {
  fill: var(--kds-color-icon-green);
}

.disabled\:kds-fill-icon-green-inverse:disabled {
  fill: var(--kds-color-icon-green-inverse);
}

.disabled\:kds-fill-icon-info:disabled {
  fill: var(--kds-color-icon-info);
}

.disabled\:kds-fill-icon-inverse:disabled {
  fill: var(--kds-color-icon-inverse);
}

.disabled\:kds-fill-icon-subtle:disabled {
  fill: var(--kds-color-icon-subtle);
}

.disabled\:kds-fill-icon-warning:disabled {
  fill: var(--kds-color-icon-warning);
}

.disabled\:kds-text-accent-blue:disabled {
  color: var(--kds-color-text-accent-blue);
}

.disabled\:kds-text-accent-blue-bolder:disabled {
  color: var(--kds-color-text-accent-blue-bolder);
}

.disabled\:kds-text-accent-gray:disabled {
  color: var(--kds-color-text-accent-gray);
}

.disabled\:kds-text-accent-green:disabled {
  color: var(--kds-color-text-accent-green);
}

.disabled\:kds-text-accent-green-bolder:disabled {
  color: var(--kds-color-text-accent-green-bolder);
}

.disabled\:kds-text-accent-green-inverse-disabled:disabled {
  color: var(--kds-color-text-accent-green-inverse-disabled);
}

.disabled\:kds-text-accent-purple:disabled {
  color: var(--kds-color-text-accent-purple);
}

.disabled\:kds-text-accent-purple-bolder:disabled {
  color: var(--kds-color-text-accent-purple-bolder);
}

.disabled\:kds-text-accent-red:disabled {
  color: var(--kds-color-text-accent-red);
}

.disabled\:kds-text-accent-red-bolder:disabled {
  color: var(--kds-color-text-accent-red-bolder);
}

.disabled\:kds-text-accent-red-inverse-disabled:disabled {
  color: var(--kds-color-text-accent-red-inverse-disabled);
}

.disabled\:kds-text-accent-yellow:disabled {
  color: var(--kds-color-text-accent-yellow);
}

.disabled\:kds-text-accent-yellow-bolder:disabled {
  color: var(--kds-color-text-accent-yellow-bolder);
}

.disabled\:kds-text-disabled:disabled {
  color: var(--kds-color-text-disabled);
}

.disabled\:kds-text-inverse-disabled:disabled {
  color: var(--kds-color-text-inverse-disabled);
}

.disabled\:kds-text-inverse-primary:disabled {
  color: var(--kds-color-text-inverse-primary);
}

.disabled\:kds-text-inverse-secondary:disabled {
  color: var(--kds-color-text-inverse-secondary);
}

.disabled\:kds-text-placeholder:disabled {
  color: var(--kds-color-text-placeholder);
}

.disabled\:kds-text-primary:disabled {
  color: var(--kds-color-text-primary);
}

.disabled\:kds-text-secondary:disabled {
  color: var(--kds-color-text-secondary);
}

.disabled\:kds-fill-icon:disabled {
  --kds-icon-fill: var(--kds-color-icon);
}

.disabled\:kds-fill-icon-danger:disabled {
  --kds-icon-fill: var(--kds-color-icon-danger);
}

.disabled\:kds-fill-icon-disabled:disabled {
  --kds-icon-fill: var(--kds-color-icon-disabled);
}

.disabled\:kds-fill-icon-info:disabled {
  --kds-icon-fill: var(--kds-color-icon-info);
}

.disabled\:kds-fill-icon-inverse:disabled {
  --kds-icon-fill: var(--kds-color-icon-inverse);
}

.disabled\:kds-fill-icon-subtle:disabled {
  --kds-icon-fill: var(--kds-color-icon-subtle);
}

.disabled\:kds-fill-icon-warning:disabled {
  --kds-icon-fill: var(--kds-color-icon-warning);
}

@media (min-width: 600px) {
  .sm\:kds-col-auto {
    grid-column: auto;
  }
  .sm\:kds-col-span-1 {
    grid-column: span 1/span 1;
  }
  .sm\:kds-col-span-10 {
    grid-column: span 10/span 10;
  }
  .sm\:kds-col-span-11 {
    grid-column: span 11/span 11;
  }
  .sm\:kds-col-span-12 {
    grid-column: span 12/span 12;
  }
  .sm\:kds-col-span-2 {
    grid-column: span 2/span 2;
  }
  .sm\:kds-col-span-3 {
    grid-column: span 3/span 3;
  }
  .sm\:kds-col-span-4 {
    grid-column: span 4/span 4;
  }
  .sm\:kds-col-span-5 {
    grid-column: span 5/span 5;
  }
  .sm\:kds-col-span-6 {
    grid-column: span 6/span 6;
  }
  .sm\:kds-col-span-7 {
    grid-column: span 7/span 7;
  }
  .sm\:kds-col-span-8 {
    grid-column: span 8/span 8;
  }
  .sm\:kds-col-span-9 {
    grid-column: span 9/span 9;
  }
  .sm\:kds-col-span-full {
    grid-column: 1/-1;
  }
  .sm\:-kds-col-start-1 {
    grid-column-start: -1;
  }
  .sm\:-kds-col-start-10 {
    grid-column-start: -10;
  }
  .sm\:-kds-col-start-11 {
    grid-column-start: -11;
  }
  .sm\:-kds-col-start-12 {
    grid-column-start: -12;
  }
  .sm\:-kds-col-start-13 {
    grid-column-start: -13;
  }
  .sm\:-kds-col-start-2 {
    grid-column-start: -2;
  }
  .sm\:-kds-col-start-3 {
    grid-column-start: -3;
  }
  .sm\:-kds-col-start-4 {
    grid-column-start: -4;
  }
  .sm\:-kds-col-start-5 {
    grid-column-start: -5;
  }
  .sm\:-kds-col-start-6 {
    grid-column-start: -6;
  }
  .sm\:-kds-col-start-7 {
    grid-column-start: -7;
  }
  .sm\:-kds-col-start-8 {
    grid-column-start: -8;
  }
  .sm\:-kds-col-start-9 {
    grid-column-start: -9;
  }
  .sm\:kds--col-start-1 {
    grid-column-start: -1;
  }
  .sm\:kds--col-start-10 {
    grid-column-start: -10;
  }
  .sm\:kds--col-start-11 {
    grid-column-start: -11;
  }
  .sm\:kds--col-start-12 {
    grid-column-start: -12;
  }
  .sm\:kds--col-start-13 {
    grid-column-start: -13;
  }
  .sm\:kds--col-start-2 {
    grid-column-start: -2;
  }
  .sm\:kds--col-start-3 {
    grid-column-start: -3;
  }
  .sm\:kds--col-start-4 {
    grid-column-start: -4;
  }
  .sm\:kds--col-start-5 {
    grid-column-start: -5;
  }
  .sm\:kds--col-start-6 {
    grid-column-start: -6;
  }
  .sm\:kds--col-start-7 {
    grid-column-start: -7;
  }
  .sm\:kds--col-start-8 {
    grid-column-start: -8;
  }
  .sm\:kds--col-start-9 {
    grid-column-start: -9;
  }
  .sm\:kds-col-start-1 {
    grid-column-start: 1;
  }
  .sm\:kds-col-start-10 {
    grid-column-start: 10;
  }
  .sm\:kds-col-start-11 {
    grid-column-start: 11;
  }
  .sm\:kds-col-start-12 {
    grid-column-start: 12;
  }
  .sm\:kds-col-start-13 {
    grid-column-start: 13;
  }
  .sm\:kds-col-start-2 {
    grid-column-start: 2;
  }
  .sm\:kds-col-start-3 {
    grid-column-start: 3;
  }
  .sm\:kds-col-start-4 {
    grid-column-start: 4;
  }
  .sm\:kds-col-start-5 {
    grid-column-start: 5;
  }
  .sm\:kds-col-start-6 {
    grid-column-start: 6;
  }
  .sm\:kds-col-start-7 {
    grid-column-start: 7;
  }
  .sm\:kds-col-start-8 {
    grid-column-start: 8;
  }
  .sm\:kds-col-start-9 {
    grid-column-start: 9;
  }
  .sm\:kds-col-start-auto {
    grid-column-start: auto;
  }
  .sm\:-kds-col-end-1 {
    grid-column-end: -1;
  }
  .sm\:-kds-col-end-10 {
    grid-column-end: -10;
  }
  .sm\:-kds-col-end-11 {
    grid-column-end: -11;
  }
  .sm\:-kds-col-end-12 {
    grid-column-end: -12;
  }
  .sm\:-kds-col-end-13 {
    grid-column-end: -13;
  }
  .sm\:-kds-col-end-2 {
    grid-column-end: -2;
  }
  .sm\:-kds-col-end-3 {
    grid-column-end: -3;
  }
  .sm\:-kds-col-end-4 {
    grid-column-end: -4;
  }
  .sm\:-kds-col-end-5 {
    grid-column-end: -5;
  }
  .sm\:-kds-col-end-6 {
    grid-column-end: -6;
  }
  .sm\:-kds-col-end-7 {
    grid-column-end: -7;
  }
  .sm\:-kds-col-end-8 {
    grid-column-end: -8;
  }
  .sm\:-kds-col-end-9 {
    grid-column-end: -9;
  }
  .sm\:kds--col-end-1 {
    grid-column-end: -1;
  }
  .sm\:kds--col-end-10 {
    grid-column-end: -10;
  }
  .sm\:kds--col-end-11 {
    grid-column-end: -11;
  }
  .sm\:kds--col-end-12 {
    grid-column-end: -12;
  }
  .sm\:kds--col-end-13 {
    grid-column-end: -13;
  }
  .sm\:kds--col-end-2 {
    grid-column-end: -2;
  }
  .sm\:kds--col-end-3 {
    grid-column-end: -3;
  }
  .sm\:kds--col-end-4 {
    grid-column-end: -4;
  }
  .sm\:kds--col-end-5 {
    grid-column-end: -5;
  }
  .sm\:kds--col-end-6 {
    grid-column-end: -6;
  }
  .sm\:kds--col-end-7 {
    grid-column-end: -7;
  }
  .sm\:kds--col-end-8 {
    grid-column-end: -8;
  }
  .sm\:kds--col-end-9 {
    grid-column-end: -9;
  }
  .sm\:kds-col-end-1 {
    grid-column-end: 1;
  }
  .sm\:kds-col-end-10 {
    grid-column-end: 10;
  }
  .sm\:kds-col-end-11 {
    grid-column-end: 11;
  }
  .sm\:kds-col-end-12 {
    grid-column-end: 12;
  }
  .sm\:kds-col-end-13 {
    grid-column-end: 13;
  }
  .sm\:kds-col-end-2 {
    grid-column-end: 2;
  }
  .sm\:kds-col-end-3 {
    grid-column-end: 3;
  }
  .sm\:kds-col-end-4 {
    grid-column-end: 4;
  }
  .sm\:kds-col-end-5 {
    grid-column-end: 5;
  }
  .sm\:kds-col-end-6 {
    grid-column-end: 6;
  }
  .sm\:kds-col-end-7 {
    grid-column-end: 7;
  }
  .sm\:kds-col-end-8 {
    grid-column-end: 8;
  }
  .sm\:kds-col-end-9 {
    grid-column-end: 9;
  }
  .sm\:kds-col-end-auto {
    grid-column-end: auto;
  }
  .sm\:kds-row-auto {
    grid-row: auto;
  }
  .sm\:kds-row-span-1 {
    grid-row: span 1/span 1;
  }
  .sm\:kds-row-span-10 {
    grid-row: span 10/span 10;
  }
  .sm\:kds-row-span-11 {
    grid-row: span 11/span 11;
  }
  .sm\:kds-row-span-12 {
    grid-row: span 12/span 12;
  }
  .sm\:kds-row-span-2 {
    grid-row: span 2/span 2;
  }
  .sm\:kds-row-span-3 {
    grid-row: span 3/span 3;
  }
  .sm\:kds-row-span-4 {
    grid-row: span 4/span 4;
  }
  .sm\:kds-row-span-5 {
    grid-row: span 5/span 5;
  }
  .sm\:kds-row-span-6 {
    grid-row: span 6/span 6;
  }
  .sm\:kds-row-span-7 {
    grid-row: span 7/span 7;
  }
  .sm\:kds-row-span-8 {
    grid-row: span 8/span 8;
  }
  .sm\:kds-row-span-9 {
    grid-row: span 9/span 9;
  }
  .sm\:kds-row-span-full {
    grid-row: 1/-1;
  }
  .sm\:-kds-row-start-1 {
    grid-row-start: -1;
  }
  .sm\:-kds-row-start-10 {
    grid-row-start: -10;
  }
  .sm\:-kds-row-start-11 {
    grid-row-start: -11;
  }
  .sm\:-kds-row-start-12 {
    grid-row-start: -12;
  }
  .sm\:-kds-row-start-13 {
    grid-row-start: -13;
  }
  .sm\:-kds-row-start-2 {
    grid-row-start: -2;
  }
  .sm\:-kds-row-start-3 {
    grid-row-start: -3;
  }
  .sm\:-kds-row-start-4 {
    grid-row-start: -4;
  }
  .sm\:-kds-row-start-5 {
    grid-row-start: -5;
  }
  .sm\:-kds-row-start-6 {
    grid-row-start: -6;
  }
  .sm\:-kds-row-start-7 {
    grid-row-start: -7;
  }
  .sm\:-kds-row-start-8 {
    grid-row-start: -8;
  }
  .sm\:-kds-row-start-9 {
    grid-row-start: -9;
  }
  .sm\:kds--row-start-1 {
    grid-row-start: -1;
  }
  .sm\:kds--row-start-10 {
    grid-row-start: -10;
  }
  .sm\:kds--row-start-11 {
    grid-row-start: -11;
  }
  .sm\:kds--row-start-12 {
    grid-row-start: -12;
  }
  .sm\:kds--row-start-13 {
    grid-row-start: -13;
  }
  .sm\:kds--row-start-2 {
    grid-row-start: -2;
  }
  .sm\:kds--row-start-3 {
    grid-row-start: -3;
  }
  .sm\:kds--row-start-4 {
    grid-row-start: -4;
  }
  .sm\:kds--row-start-5 {
    grid-row-start: -5;
  }
  .sm\:kds--row-start-6 {
    grid-row-start: -6;
  }
  .sm\:kds--row-start-7 {
    grid-row-start: -7;
  }
  .sm\:kds--row-start-8 {
    grid-row-start: -8;
  }
  .sm\:kds--row-start-9 {
    grid-row-start: -9;
  }
  .sm\:kds-row-start-1 {
    grid-row-start: 1;
  }
  .sm\:kds-row-start-10 {
    grid-row-start: 10;
  }
  .sm\:kds-row-start-11 {
    grid-row-start: 11;
  }
  .sm\:kds-row-start-12 {
    grid-row-start: 12;
  }
  .sm\:kds-row-start-13 {
    grid-row-start: 13;
  }
  .sm\:kds-row-start-2 {
    grid-row-start: 2;
  }
  .sm\:kds-row-start-3 {
    grid-row-start: 3;
  }
  .sm\:kds-row-start-4 {
    grid-row-start: 4;
  }
  .sm\:kds-row-start-5 {
    grid-row-start: 5;
  }
  .sm\:kds-row-start-6 {
    grid-row-start: 6;
  }
  .sm\:kds-row-start-7 {
    grid-row-start: 7;
  }
  .sm\:kds-row-start-8 {
    grid-row-start: 8;
  }
  .sm\:kds-row-start-9 {
    grid-row-start: 9;
  }
  .sm\:kds-row-start-auto {
    grid-row-start: auto;
  }
  .sm\:-kds-row-end-1 {
    grid-row-end: -1;
  }
  .sm\:-kds-row-end-10 {
    grid-row-end: -10;
  }
  .sm\:-kds-row-end-11 {
    grid-row-end: -11;
  }
  .sm\:-kds-row-end-12 {
    grid-row-end: -12;
  }
  .sm\:-kds-row-end-13 {
    grid-row-end: -13;
  }
  .sm\:-kds-row-end-2 {
    grid-row-end: -2;
  }
  .sm\:-kds-row-end-3 {
    grid-row-end: -3;
  }
  .sm\:-kds-row-end-4 {
    grid-row-end: -4;
  }
  .sm\:-kds-row-end-5 {
    grid-row-end: -5;
  }
  .sm\:-kds-row-end-6 {
    grid-row-end: -6;
  }
  .sm\:-kds-row-end-7 {
    grid-row-end: -7;
  }
  .sm\:-kds-row-end-8 {
    grid-row-end: -8;
  }
  .sm\:-kds-row-end-9 {
    grid-row-end: -9;
  }
  .sm\:kds--row-end-1 {
    grid-row-end: -1;
  }
  .sm\:kds--row-end-10 {
    grid-row-end: -10;
  }
  .sm\:kds--row-end-11 {
    grid-row-end: -11;
  }
  .sm\:kds--row-end-12 {
    grid-row-end: -12;
  }
  .sm\:kds--row-end-13 {
    grid-row-end: -13;
  }
  .sm\:kds--row-end-2 {
    grid-row-end: -2;
  }
  .sm\:kds--row-end-3 {
    grid-row-end: -3;
  }
  .sm\:kds--row-end-4 {
    grid-row-end: -4;
  }
  .sm\:kds--row-end-5 {
    grid-row-end: -5;
  }
  .sm\:kds--row-end-6 {
    grid-row-end: -6;
  }
  .sm\:kds--row-end-7 {
    grid-row-end: -7;
  }
  .sm\:kds--row-end-8 {
    grid-row-end: -8;
  }
  .sm\:kds--row-end-9 {
    grid-row-end: -9;
  }
  .sm\:kds-row-end-1 {
    grid-row-end: 1;
  }
  .sm\:kds-row-end-10 {
    grid-row-end: 10;
  }
  .sm\:kds-row-end-11 {
    grid-row-end: 11;
  }
  .sm\:kds-row-end-12 {
    grid-row-end: 12;
  }
  .sm\:kds-row-end-13 {
    grid-row-end: 13;
  }
  .sm\:kds-row-end-2 {
    grid-row-end: 2;
  }
  .sm\:kds-row-end-3 {
    grid-row-end: 3;
  }
  .sm\:kds-row-end-4 {
    grid-row-end: 4;
  }
  .sm\:kds-row-end-5 {
    grid-row-end: 5;
  }
  .sm\:kds-row-end-6 {
    grid-row-end: 6;
  }
  .sm\:kds-row-end-7 {
    grid-row-end: 7;
  }
  .sm\:kds-row-end-8 {
    grid-row-end: 8;
  }
  .sm\:kds-row-end-9 {
    grid-row-end: 9;
  }
  .sm\:kds-row-end-auto {
    grid-row-end: auto;
  }
  .sm\:-kds-m-0 {
    margin: 0px;
  }
  .sm\:-kds-m-01 {
    margin: -4px;
  }
  .sm\:-kds-m-02 {
    margin: -8px;
  }
  .sm\:-kds-m-03 {
    margin: -12px;
  }
  .sm\:-kds-m-04 {
    margin: -16px;
  }
  .sm\:-kds-m-05 {
    margin: -20px;
  }
  .sm\:-kds-m-06 {
    margin: -24px;
  }
  .sm\:-kds-m-07 {
    margin: -28px;
  }
  .sm\:-kds-m-08 {
    margin: -32px;
  }
  .sm\:-kds-m-09 {
    margin: -36px;
  }
  .sm\:-kds-m-10 {
    margin: -40px;
  }
  .sm\:-kds-m-11 {
    margin: -44px;
  }
  .sm\:-kds-m-12 {
    margin: -48px;
  }
  .sm\:-kds-m-14 {
    margin: -56px;
  }
  .sm\:-kds-m-16 {
    margin: -64px;
  }
  .sm\:-kds-m-20 {
    margin: -80px;
  }
  .sm\:-kds-m-page-margin {
    margin: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-m-page-rail {
    margin: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--m-0 {
    margin: 0px;
  }
  .sm\:kds--m-01 {
    margin: -4px;
  }
  .sm\:kds--m-02 {
    margin: -8px;
  }
  .sm\:kds--m-03 {
    margin: -12px;
  }
  .sm\:kds--m-04 {
    margin: -16px;
  }
  .sm\:kds--m-05 {
    margin: -20px;
  }
  .sm\:kds--m-06 {
    margin: -24px;
  }
  .sm\:kds--m-07 {
    margin: -28px;
  }
  .sm\:kds--m-08 {
    margin: -32px;
  }
  .sm\:kds--m-09 {
    margin: -36px;
  }
  .sm\:kds--m-10 {
    margin: -40px;
  }
  .sm\:kds--m-11 {
    margin: -44px;
  }
  .sm\:kds--m-12 {
    margin: -48px;
  }
  .sm\:kds--m-14 {
    margin: -56px;
  }
  .sm\:kds--m-16 {
    margin: -64px;
  }
  .sm\:kds--m-20 {
    margin: -80px;
  }
  .sm\:kds--m-page-margin {
    margin: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--m-page-rail {
    margin: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds-m-0 {
    margin: 0px;
  }
  .sm\:kds-m-01 {
    margin: 4px;
  }
  .sm\:kds-m-02 {
    margin: 8px;
  }
  .sm\:kds-m-03 {
    margin: 12px;
  }
  .sm\:kds-m-04 {
    margin: 16px;
  }
  .sm\:kds-m-05 {
    margin: 20px;
  }
  .sm\:kds-m-06 {
    margin: 24px;
  }
  .sm\:kds-m-07 {
    margin: 28px;
  }
  .sm\:kds-m-08 {
    margin: 32px;
  }
  .sm\:kds-m-09 {
    margin: 36px;
  }
  .sm\:kds-m-10 {
    margin: 40px;
  }
  .sm\:kds-m-11 {
    margin: 44px;
  }
  .sm\:kds-m-12 {
    margin: 48px;
  }
  .sm\:kds-m-14 {
    margin: 56px;
  }
  .sm\:kds-m-16 {
    margin: 64px;
  }
  .sm\:kds-m-20 {
    margin: 80px;
  }
  .sm\:kds-m-auto {
    margin: auto;
  }
  .sm\:kds-m-page-margin {
    margin: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-m-page-rail {
    margin: var(--_page-grid-rail-width, 0px);
  }
  .sm\:-kds-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:-kds-mx-01 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .sm\:-kds-mx-02 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .sm\:-kds-mx-03 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .sm\:-kds-mx-04 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .sm\:-kds-mx-05 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .sm\:-kds-mx-06 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .sm\:-kds-mx-07 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .sm\:-kds-mx-08 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .sm\:-kds-mx-09 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .sm\:-kds-mx-10 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .sm\:-kds-mx-11 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .sm\:-kds-mx-12 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .sm\:-kds-mx-14 {
    margin-left: -56px;
    margin-right: -56px;
  }
  .sm\:-kds-mx-16 {
    margin-left: -64px;
    margin-right: -64px;
  }
  .sm\:-kds-mx-20 {
    margin-left: -80px;
    margin-right: -80px;
  }
  .sm\:-kds-mx-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-mx-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:-kds-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sm\:-kds-my-01 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .sm\:-kds-my-02 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .sm\:-kds-my-03 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .sm\:-kds-my-04 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .sm\:-kds-my-05 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .sm\:-kds-my-06 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .sm\:-kds-my-07 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .sm\:-kds-my-08 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .sm\:-kds-my-09 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .sm\:-kds-my-10 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .sm\:-kds-my-11 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .sm\:-kds-my-12 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .sm\:-kds-my-14 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .sm\:-kds-my-16 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .sm\:-kds-my-20 {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .sm\:-kds-my-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-my-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:kds--mx-01 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .sm\:kds--mx-02 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .sm\:kds--mx-03 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .sm\:kds--mx-04 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .sm\:kds--mx-05 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .sm\:kds--mx-06 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .sm\:kds--mx-07 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .sm\:kds--mx-08 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .sm\:kds--mx-09 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .sm\:kds--mx-10 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .sm\:kds--mx-11 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .sm\:kds--mx-12 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .sm\:kds--mx-14 {
    margin-left: -56px;
    margin-right: -56px;
  }
  .sm\:kds--mx-16 {
    margin-left: -64px;
    margin-right: -64px;
  }
  .sm\:kds--mx-20 {
    margin-left: -80px;
    margin-right: -80px;
  }
  .sm\:kds--mx-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--mx-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sm\:kds--my-01 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .sm\:kds--my-02 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .sm\:kds--my-03 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .sm\:kds--my-04 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .sm\:kds--my-05 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .sm\:kds--my-06 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .sm\:kds--my-07 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .sm\:kds--my-08 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .sm\:kds--my-09 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .sm\:kds--my-10 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .sm\:kds--my-11 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .sm\:kds--my-12 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .sm\:kds--my-14 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .sm\:kds--my-16 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .sm\:kds--my-20 {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .sm\:kds--my-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--my-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .sm\:kds-mx-01 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .sm\:kds-mx-02 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .sm\:kds-mx-03 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .sm\:kds-mx-04 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .sm\:kds-mx-05 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .sm\:kds-mx-06 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .sm\:kds-mx-07 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .sm\:kds-mx-08 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .sm\:kds-mx-09 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .sm\:kds-mx-10 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .sm\:kds-mx-11 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .sm\:kds-mx-12 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .sm\:kds-mx-14 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .sm\:kds-mx-16 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .sm\:kds-mx-20 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .sm\:kds-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .sm\:kds-mx-page-margin {
    margin-left: var(--_page-grid-margin, 0px);
    margin-right: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-mx-page-rail {
    margin-left: var(--_page-grid-rail-width, 0px);
    margin-right: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .sm\:kds-my-01 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .sm\:kds-my-02 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .sm\:kds-my-03 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .sm\:kds-my-04 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .sm\:kds-my-05 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sm\:kds-my-06 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .sm\:kds-my-07 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .sm\:kds-my-08 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .sm\:kds-my-09 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .sm\:kds-my-10 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .sm\:kds-my-11 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .sm\:kds-my-12 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .sm\:kds-my-14 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .sm\:kds-my-16 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .sm\:kds-my-20 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .sm\:kds-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .sm\:kds-my-page-margin {
    margin-top: var(--_page-grid-margin, 0px);
    margin-bottom: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-my-page-rail {
    margin-top: var(--_page-grid-rail-width, 0px);
    margin-bottom: var(--_page-grid-rail-width, 0px);
  }
  .sm\:-kds-mb-0 {
    margin-bottom: 0px;
  }
  .sm\:-kds-mb-01 {
    margin-bottom: -4px;
  }
  .sm\:-kds-mb-02 {
    margin-bottom: -8px;
  }
  .sm\:-kds-mb-03 {
    margin-bottom: -12px;
  }
  .sm\:-kds-mb-04 {
    margin-bottom: -16px;
  }
  .sm\:-kds-mb-05 {
    margin-bottom: -20px;
  }
  .sm\:-kds-mb-06 {
    margin-bottom: -24px;
  }
  .sm\:-kds-mb-07 {
    margin-bottom: -28px;
  }
  .sm\:-kds-mb-08 {
    margin-bottom: -32px;
  }
  .sm\:-kds-mb-09 {
    margin-bottom: -36px;
  }
  .sm\:-kds-mb-10 {
    margin-bottom: -40px;
  }
  .sm\:-kds-mb-11 {
    margin-bottom: -44px;
  }
  .sm\:-kds-mb-12 {
    margin-bottom: -48px;
  }
  .sm\:-kds-mb-14 {
    margin-bottom: -56px;
  }
  .sm\:-kds-mb-16 {
    margin-bottom: -64px;
  }
  .sm\:-kds-mb-20 {
    margin-bottom: -80px;
  }
  .sm\:-kds-mb-page-margin {
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-mb-page-rail {
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:-kds-me-0 {
    margin-inline-end: 0px;
  }
  .sm\:-kds-me-01 {
    margin-inline-end: -4px;
  }
  .sm\:-kds-me-02 {
    margin-inline-end: -8px;
  }
  .sm\:-kds-me-03 {
    margin-inline-end: -12px;
  }
  .sm\:-kds-me-04 {
    margin-inline-end: -16px;
  }
  .sm\:-kds-me-05 {
    margin-inline-end: -20px;
  }
  .sm\:-kds-me-06 {
    margin-inline-end: -24px;
  }
  .sm\:-kds-me-07 {
    margin-inline-end: -28px;
  }
  .sm\:-kds-me-08 {
    margin-inline-end: -32px;
  }
  .sm\:-kds-me-09 {
    margin-inline-end: -36px;
  }
  .sm\:-kds-me-10 {
    margin-inline-end: -40px;
  }
  .sm\:-kds-me-11 {
    margin-inline-end: -44px;
  }
  .sm\:-kds-me-12 {
    margin-inline-end: -48px;
  }
  .sm\:-kds-me-14 {
    margin-inline-end: -56px;
  }
  .sm\:-kds-me-16 {
    margin-inline-end: -64px;
  }
  .sm\:-kds-me-20 {
    margin-inline-end: -80px;
  }
  .sm\:-kds-me-page-margin {
    margin-inline-end: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-me-page-rail {
    margin-inline-end: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:-kds-ml-0 {
    margin-left: 0px;
  }
  .sm\:-kds-ml-01 {
    margin-left: -4px;
  }
  .sm\:-kds-ml-02 {
    margin-left: -8px;
  }
  .sm\:-kds-ml-03 {
    margin-left: -12px;
  }
  .sm\:-kds-ml-04 {
    margin-left: -16px;
  }
  .sm\:-kds-ml-05 {
    margin-left: -20px;
  }
  .sm\:-kds-ml-06 {
    margin-left: -24px;
  }
  .sm\:-kds-ml-07 {
    margin-left: -28px;
  }
  .sm\:-kds-ml-08 {
    margin-left: -32px;
  }
  .sm\:-kds-ml-09 {
    margin-left: -36px;
  }
  .sm\:-kds-ml-10 {
    margin-left: -40px;
  }
  .sm\:-kds-ml-11 {
    margin-left: -44px;
  }
  .sm\:-kds-ml-12 {
    margin-left: -48px;
  }
  .sm\:-kds-ml-14 {
    margin-left: -56px;
  }
  .sm\:-kds-ml-16 {
    margin-left: -64px;
  }
  .sm\:-kds-ml-20 {
    margin-left: -80px;
  }
  .sm\:-kds-ml-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-ml-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:-kds-mr-0 {
    margin-right: 0px;
  }
  .sm\:-kds-mr-01 {
    margin-right: -4px;
  }
  .sm\:-kds-mr-02 {
    margin-right: -8px;
  }
  .sm\:-kds-mr-03 {
    margin-right: -12px;
  }
  .sm\:-kds-mr-04 {
    margin-right: -16px;
  }
  .sm\:-kds-mr-05 {
    margin-right: -20px;
  }
  .sm\:-kds-mr-06 {
    margin-right: -24px;
  }
  .sm\:-kds-mr-07 {
    margin-right: -28px;
  }
  .sm\:-kds-mr-08 {
    margin-right: -32px;
  }
  .sm\:-kds-mr-09 {
    margin-right: -36px;
  }
  .sm\:-kds-mr-10 {
    margin-right: -40px;
  }
  .sm\:-kds-mr-11 {
    margin-right: -44px;
  }
  .sm\:-kds-mr-12 {
    margin-right: -48px;
  }
  .sm\:-kds-mr-14 {
    margin-right: -56px;
  }
  .sm\:-kds-mr-16 {
    margin-right: -64px;
  }
  .sm\:-kds-mr-20 {
    margin-right: -80px;
  }
  .sm\:-kds-mr-page-margin {
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-mr-page-rail {
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:-kds-ms-0 {
    margin-inline-start: 0px;
  }
  .sm\:-kds-ms-01 {
    margin-inline-start: -4px;
  }
  .sm\:-kds-ms-02 {
    margin-inline-start: -8px;
  }
  .sm\:-kds-ms-03 {
    margin-inline-start: -12px;
  }
  .sm\:-kds-ms-04 {
    margin-inline-start: -16px;
  }
  .sm\:-kds-ms-05 {
    margin-inline-start: -20px;
  }
  .sm\:-kds-ms-06 {
    margin-inline-start: -24px;
  }
  .sm\:-kds-ms-07 {
    margin-inline-start: -28px;
  }
  .sm\:-kds-ms-08 {
    margin-inline-start: -32px;
  }
  .sm\:-kds-ms-09 {
    margin-inline-start: -36px;
  }
  .sm\:-kds-ms-10 {
    margin-inline-start: -40px;
  }
  .sm\:-kds-ms-11 {
    margin-inline-start: -44px;
  }
  .sm\:-kds-ms-12 {
    margin-inline-start: -48px;
  }
  .sm\:-kds-ms-14 {
    margin-inline-start: -56px;
  }
  .sm\:-kds-ms-16 {
    margin-inline-start: -64px;
  }
  .sm\:-kds-ms-20 {
    margin-inline-start: -80px;
  }
  .sm\:-kds-ms-page-margin {
    margin-inline-start: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-ms-page-rail {
    margin-inline-start: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:-kds-mt-0 {
    margin-top: 0px;
  }
  .sm\:-kds-mt-01 {
    margin-top: -4px;
  }
  .sm\:-kds-mt-02 {
    margin-top: -8px;
  }
  .sm\:-kds-mt-03 {
    margin-top: -12px;
  }
  .sm\:-kds-mt-04 {
    margin-top: -16px;
  }
  .sm\:-kds-mt-05 {
    margin-top: -20px;
  }
  .sm\:-kds-mt-06 {
    margin-top: -24px;
  }
  .sm\:-kds-mt-07 {
    margin-top: -28px;
  }
  .sm\:-kds-mt-08 {
    margin-top: -32px;
  }
  .sm\:-kds-mt-09 {
    margin-top: -36px;
  }
  .sm\:-kds-mt-10 {
    margin-top: -40px;
  }
  .sm\:-kds-mt-11 {
    margin-top: -44px;
  }
  .sm\:-kds-mt-12 {
    margin-top: -48px;
  }
  .sm\:-kds-mt-14 {
    margin-top: -56px;
  }
  .sm\:-kds-mt-16 {
    margin-top: -64px;
  }
  .sm\:-kds-mt-20 {
    margin-top: -80px;
  }
  .sm\:-kds-mt-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:-kds-mt-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--mb-0 {
    margin-bottom: 0px;
  }
  .sm\:kds--mb-01 {
    margin-bottom: -4px;
  }
  .sm\:kds--mb-02 {
    margin-bottom: -8px;
  }
  .sm\:kds--mb-03 {
    margin-bottom: -12px;
  }
  .sm\:kds--mb-04 {
    margin-bottom: -16px;
  }
  .sm\:kds--mb-05 {
    margin-bottom: -20px;
  }
  .sm\:kds--mb-06 {
    margin-bottom: -24px;
  }
  .sm\:kds--mb-07 {
    margin-bottom: -28px;
  }
  .sm\:kds--mb-08 {
    margin-bottom: -32px;
  }
  .sm\:kds--mb-09 {
    margin-bottom: -36px;
  }
  .sm\:kds--mb-10 {
    margin-bottom: -40px;
  }
  .sm\:kds--mb-11 {
    margin-bottom: -44px;
  }
  .sm\:kds--mb-12 {
    margin-bottom: -48px;
  }
  .sm\:kds--mb-14 {
    margin-bottom: -56px;
  }
  .sm\:kds--mb-16 {
    margin-bottom: -64px;
  }
  .sm\:kds--mb-20 {
    margin-bottom: -80px;
  }
  .sm\:kds--mb-page-margin {
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--mb-page-rail {
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--me-0 {
    margin-inline-end: 0px;
  }
  .sm\:kds--me-01 {
    margin-inline-end: -4px;
  }
  .sm\:kds--me-02 {
    margin-inline-end: -8px;
  }
  .sm\:kds--me-03 {
    margin-inline-end: -12px;
  }
  .sm\:kds--me-04 {
    margin-inline-end: -16px;
  }
  .sm\:kds--me-05 {
    margin-inline-end: -20px;
  }
  .sm\:kds--me-06 {
    margin-inline-end: -24px;
  }
  .sm\:kds--me-07 {
    margin-inline-end: -28px;
  }
  .sm\:kds--me-08 {
    margin-inline-end: -32px;
  }
  .sm\:kds--me-09 {
    margin-inline-end: -36px;
  }
  .sm\:kds--me-10 {
    margin-inline-end: -40px;
  }
  .sm\:kds--me-11 {
    margin-inline-end: -44px;
  }
  .sm\:kds--me-12 {
    margin-inline-end: -48px;
  }
  .sm\:kds--me-14 {
    margin-inline-end: -56px;
  }
  .sm\:kds--me-16 {
    margin-inline-end: -64px;
  }
  .sm\:kds--me-20 {
    margin-inline-end: -80px;
  }
  .sm\:kds--me-page-margin {
    margin-inline-end: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--me-page-rail {
    margin-inline-end: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--ml-0 {
    margin-left: 0px;
  }
  .sm\:kds--ml-01 {
    margin-left: -4px;
  }
  .sm\:kds--ml-02 {
    margin-left: -8px;
  }
  .sm\:kds--ml-03 {
    margin-left: -12px;
  }
  .sm\:kds--ml-04 {
    margin-left: -16px;
  }
  .sm\:kds--ml-05 {
    margin-left: -20px;
  }
  .sm\:kds--ml-06 {
    margin-left: -24px;
  }
  .sm\:kds--ml-07 {
    margin-left: -28px;
  }
  .sm\:kds--ml-08 {
    margin-left: -32px;
  }
  .sm\:kds--ml-09 {
    margin-left: -36px;
  }
  .sm\:kds--ml-10 {
    margin-left: -40px;
  }
  .sm\:kds--ml-11 {
    margin-left: -44px;
  }
  .sm\:kds--ml-12 {
    margin-left: -48px;
  }
  .sm\:kds--ml-14 {
    margin-left: -56px;
  }
  .sm\:kds--ml-16 {
    margin-left: -64px;
  }
  .sm\:kds--ml-20 {
    margin-left: -80px;
  }
  .sm\:kds--ml-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--ml-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--mr-0 {
    margin-right: 0px;
  }
  .sm\:kds--mr-01 {
    margin-right: -4px;
  }
  .sm\:kds--mr-02 {
    margin-right: -8px;
  }
  .sm\:kds--mr-03 {
    margin-right: -12px;
  }
  .sm\:kds--mr-04 {
    margin-right: -16px;
  }
  .sm\:kds--mr-05 {
    margin-right: -20px;
  }
  .sm\:kds--mr-06 {
    margin-right: -24px;
  }
  .sm\:kds--mr-07 {
    margin-right: -28px;
  }
  .sm\:kds--mr-08 {
    margin-right: -32px;
  }
  .sm\:kds--mr-09 {
    margin-right: -36px;
  }
  .sm\:kds--mr-10 {
    margin-right: -40px;
  }
  .sm\:kds--mr-11 {
    margin-right: -44px;
  }
  .sm\:kds--mr-12 {
    margin-right: -48px;
  }
  .sm\:kds--mr-14 {
    margin-right: -56px;
  }
  .sm\:kds--mr-16 {
    margin-right: -64px;
  }
  .sm\:kds--mr-20 {
    margin-right: -80px;
  }
  .sm\:kds--mr-page-margin {
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--mr-page-rail {
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--ms-0 {
    margin-inline-start: 0px;
  }
  .sm\:kds--ms-01 {
    margin-inline-start: -4px;
  }
  .sm\:kds--ms-02 {
    margin-inline-start: -8px;
  }
  .sm\:kds--ms-03 {
    margin-inline-start: -12px;
  }
  .sm\:kds--ms-04 {
    margin-inline-start: -16px;
  }
  .sm\:kds--ms-05 {
    margin-inline-start: -20px;
  }
  .sm\:kds--ms-06 {
    margin-inline-start: -24px;
  }
  .sm\:kds--ms-07 {
    margin-inline-start: -28px;
  }
  .sm\:kds--ms-08 {
    margin-inline-start: -32px;
  }
  .sm\:kds--ms-09 {
    margin-inline-start: -36px;
  }
  .sm\:kds--ms-10 {
    margin-inline-start: -40px;
  }
  .sm\:kds--ms-11 {
    margin-inline-start: -44px;
  }
  .sm\:kds--ms-12 {
    margin-inline-start: -48px;
  }
  .sm\:kds--ms-14 {
    margin-inline-start: -56px;
  }
  .sm\:kds--ms-16 {
    margin-inline-start: -64px;
  }
  .sm\:kds--ms-20 {
    margin-inline-start: -80px;
  }
  .sm\:kds--ms-page-margin {
    margin-inline-start: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--ms-page-rail {
    margin-inline-start: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds--mt-0 {
    margin-top: 0px;
  }
  .sm\:kds--mt-01 {
    margin-top: -4px;
  }
  .sm\:kds--mt-02 {
    margin-top: -8px;
  }
  .sm\:kds--mt-03 {
    margin-top: -12px;
  }
  .sm\:kds--mt-04 {
    margin-top: -16px;
  }
  .sm\:kds--mt-05 {
    margin-top: -20px;
  }
  .sm\:kds--mt-06 {
    margin-top: -24px;
  }
  .sm\:kds--mt-07 {
    margin-top: -28px;
  }
  .sm\:kds--mt-08 {
    margin-top: -32px;
  }
  .sm\:kds--mt-09 {
    margin-top: -36px;
  }
  .sm\:kds--mt-10 {
    margin-top: -40px;
  }
  .sm\:kds--mt-11 {
    margin-top: -44px;
  }
  .sm\:kds--mt-12 {
    margin-top: -48px;
  }
  .sm\:kds--mt-14 {
    margin-top: -56px;
  }
  .sm\:kds--mt-16 {
    margin-top: -64px;
  }
  .sm\:kds--mt-20 {
    margin-top: -80px;
  }
  .sm\:kds--mt-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .sm\:kds--mt-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .sm\:kds-mb-0 {
    margin-bottom: 0px;
  }
  .sm\:kds-mb-01 {
    margin-bottom: 4px;
  }
  .sm\:kds-mb-02 {
    margin-bottom: 8px;
  }
  .sm\:kds-mb-03 {
    margin-bottom: 12px;
  }
  .sm\:kds-mb-04 {
    margin-bottom: 16px;
  }
  .sm\:kds-mb-05 {
    margin-bottom: 20px;
  }
  .sm\:kds-mb-06 {
    margin-bottom: 24px;
  }
  .sm\:kds-mb-07 {
    margin-bottom: 28px;
  }
  .sm\:kds-mb-08 {
    margin-bottom: 32px;
  }
  .sm\:kds-mb-09 {
    margin-bottom: 36px;
  }
  .sm\:kds-mb-10 {
    margin-bottom: 40px;
  }
  .sm\:kds-mb-11 {
    margin-bottom: 44px;
  }
  .sm\:kds-mb-12 {
    margin-bottom: 48px;
  }
  .sm\:kds-mb-14 {
    margin-bottom: 56px;
  }
  .sm\:kds-mb-16 {
    margin-bottom: 64px;
  }
  .sm\:kds-mb-20 {
    margin-bottom: 80px;
  }
  .sm\:kds-mb-auto {
    margin-bottom: auto;
  }
  .sm\:kds-mb-page-margin {
    margin-bottom: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-mb-page-rail {
    margin-bottom: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-me-0 {
    margin-inline-end: 0px;
  }
  .sm\:kds-me-01 {
    margin-inline-end: 4px;
  }
  .sm\:kds-me-02 {
    margin-inline-end: 8px;
  }
  .sm\:kds-me-03 {
    margin-inline-end: 12px;
  }
  .sm\:kds-me-04 {
    margin-inline-end: 16px;
  }
  .sm\:kds-me-05 {
    margin-inline-end: 20px;
  }
  .sm\:kds-me-06 {
    margin-inline-end: 24px;
  }
  .sm\:kds-me-07 {
    margin-inline-end: 28px;
  }
  .sm\:kds-me-08 {
    margin-inline-end: 32px;
  }
  .sm\:kds-me-09 {
    margin-inline-end: 36px;
  }
  .sm\:kds-me-10 {
    margin-inline-end: 40px;
  }
  .sm\:kds-me-11 {
    margin-inline-end: 44px;
  }
  .sm\:kds-me-12 {
    margin-inline-end: 48px;
  }
  .sm\:kds-me-14 {
    margin-inline-end: 56px;
  }
  .sm\:kds-me-16 {
    margin-inline-end: 64px;
  }
  .sm\:kds-me-20 {
    margin-inline-end: 80px;
  }
  .sm\:kds-me-auto {
    margin-inline-end: auto;
  }
  .sm\:kds-me-page-margin {
    margin-inline-end: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-me-page-rail {
    margin-inline-end: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-ml-0 {
    margin-left: 0px;
  }
  .sm\:kds-ml-01 {
    margin-left: 4px;
  }
  .sm\:kds-ml-02 {
    margin-left: 8px;
  }
  .sm\:kds-ml-03 {
    margin-left: 12px;
  }
  .sm\:kds-ml-04 {
    margin-left: 16px;
  }
  .sm\:kds-ml-05 {
    margin-left: 20px;
  }
  .sm\:kds-ml-06 {
    margin-left: 24px;
  }
  .sm\:kds-ml-07 {
    margin-left: 28px;
  }
  .sm\:kds-ml-08 {
    margin-left: 32px;
  }
  .sm\:kds-ml-09 {
    margin-left: 36px;
  }
  .sm\:kds-ml-10 {
    margin-left: 40px;
  }
  .sm\:kds-ml-11 {
    margin-left: 44px;
  }
  .sm\:kds-ml-12 {
    margin-left: 48px;
  }
  .sm\:kds-ml-14 {
    margin-left: 56px;
  }
  .sm\:kds-ml-16 {
    margin-left: 64px;
  }
  .sm\:kds-ml-20 {
    margin-left: 80px;
  }
  .sm\:kds-ml-auto {
    margin-left: auto;
  }
  .sm\:kds-ml-page-margin {
    margin-left: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-ml-page-rail {
    margin-left: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-mr-0 {
    margin-right: 0px;
  }
  .sm\:kds-mr-01 {
    margin-right: 4px;
  }
  .sm\:kds-mr-02 {
    margin-right: 8px;
  }
  .sm\:kds-mr-03 {
    margin-right: 12px;
  }
  .sm\:kds-mr-04 {
    margin-right: 16px;
  }
  .sm\:kds-mr-05 {
    margin-right: 20px;
  }
  .sm\:kds-mr-06 {
    margin-right: 24px;
  }
  .sm\:kds-mr-07 {
    margin-right: 28px;
  }
  .sm\:kds-mr-08 {
    margin-right: 32px;
  }
  .sm\:kds-mr-09 {
    margin-right: 36px;
  }
  .sm\:kds-mr-10 {
    margin-right: 40px;
  }
  .sm\:kds-mr-11 {
    margin-right: 44px;
  }
  .sm\:kds-mr-12 {
    margin-right: 48px;
  }
  .sm\:kds-mr-14 {
    margin-right: 56px;
  }
  .sm\:kds-mr-16 {
    margin-right: 64px;
  }
  .sm\:kds-mr-20 {
    margin-right: 80px;
  }
  .sm\:kds-mr-auto {
    margin-right: auto;
  }
  .sm\:kds-mr-page-margin {
    margin-right: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-mr-page-rail {
    margin-right: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-ms-0 {
    margin-inline-start: 0px;
  }
  .sm\:kds-ms-01 {
    margin-inline-start: 4px;
  }
  .sm\:kds-ms-02 {
    margin-inline-start: 8px;
  }
  .sm\:kds-ms-03 {
    margin-inline-start: 12px;
  }
  .sm\:kds-ms-04 {
    margin-inline-start: 16px;
  }
  .sm\:kds-ms-05 {
    margin-inline-start: 20px;
  }
  .sm\:kds-ms-06 {
    margin-inline-start: 24px;
  }
  .sm\:kds-ms-07 {
    margin-inline-start: 28px;
  }
  .sm\:kds-ms-08 {
    margin-inline-start: 32px;
  }
  .sm\:kds-ms-09 {
    margin-inline-start: 36px;
  }
  .sm\:kds-ms-10 {
    margin-inline-start: 40px;
  }
  .sm\:kds-ms-11 {
    margin-inline-start: 44px;
  }
  .sm\:kds-ms-12 {
    margin-inline-start: 48px;
  }
  .sm\:kds-ms-14 {
    margin-inline-start: 56px;
  }
  .sm\:kds-ms-16 {
    margin-inline-start: 64px;
  }
  .sm\:kds-ms-20 {
    margin-inline-start: 80px;
  }
  .sm\:kds-ms-auto {
    margin-inline-start: auto;
  }
  .sm\:kds-ms-page-margin {
    margin-inline-start: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-ms-page-rail {
    margin-inline-start: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-mt-0 {
    margin-top: 0px;
  }
  .sm\:kds-mt-01 {
    margin-top: 4px;
  }
  .sm\:kds-mt-02 {
    margin-top: 8px;
  }
  .sm\:kds-mt-03 {
    margin-top: 12px;
  }
  .sm\:kds-mt-04 {
    margin-top: 16px;
  }
  .sm\:kds-mt-05 {
    margin-top: 20px;
  }
  .sm\:kds-mt-06 {
    margin-top: 24px;
  }
  .sm\:kds-mt-07 {
    margin-top: 28px;
  }
  .sm\:kds-mt-08 {
    margin-top: 32px;
  }
  .sm\:kds-mt-09 {
    margin-top: 36px;
  }
  .sm\:kds-mt-10 {
    margin-top: 40px;
  }
  .sm\:kds-mt-11 {
    margin-top: 44px;
  }
  .sm\:kds-mt-12 {
    margin-top: 48px;
  }
  .sm\:kds-mt-14 {
    margin-top: 56px;
  }
  .sm\:kds-mt-16 {
    margin-top: 64px;
  }
  .sm\:kds-mt-20 {
    margin-top: 80px;
  }
  .sm\:kds-mt-auto {
    margin-top: auto;
  }
  .sm\:kds-mt-page-margin {
    margin-top: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-mt-page-rail {
    margin-top: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .sm\:kds-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .sm\:kds-line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .sm\:kds-line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .sm\:kds-line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .sm\:kds-line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .sm\:kds-line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }
  .sm\:kds-gap-0 {
    gap: 0px;
  }
  .sm\:kds-gap-01 {
    gap: 4px;
  }
  .sm\:kds-gap-02 {
    gap: 8px;
  }
  .sm\:kds-gap-03 {
    gap: 12px;
  }
  .sm\:kds-gap-04 {
    gap: 16px;
  }
  .sm\:kds-gap-05 {
    gap: 20px;
  }
  .sm\:kds-gap-06 {
    gap: 24px;
  }
  .sm\:kds-gap-07 {
    gap: 28px;
  }
  .sm\:kds-gap-08 {
    gap: 32px;
  }
  .sm\:kds-gap-09 {
    gap: 36px;
  }
  .sm\:kds-gap-10 {
    gap: 40px;
  }
  .sm\:kds-gap-11 {
    gap: 44px;
  }
  .sm\:kds-gap-12 {
    gap: 48px;
  }
  .sm\:kds-gap-14 {
    gap: 56px;
  }
  .sm\:kds-gap-16 {
    gap: 64px;
  }
  .sm\:kds-gap-20 {
    gap: 80px;
  }
  .sm\:kds-gap-page-margin {
    gap: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-gap-page-rail {
    gap: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-gap-x-0 {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .sm\:kds-gap-x-01 {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
  .sm\:kds-gap-x-02 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .sm\:kds-gap-x-03 {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .sm\:kds-gap-x-04 {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .sm\:kds-gap-x-05 {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .sm\:kds-gap-x-06 {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .sm\:kds-gap-x-07 {
    -moz-column-gap: 28px;
    column-gap: 28px;
  }
  .sm\:kds-gap-x-08 {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  .sm\:kds-gap-x-09 {
    -moz-column-gap: 36px;
    column-gap: 36px;
  }
  .sm\:kds-gap-x-10 {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .sm\:kds-gap-x-11 {
    -moz-column-gap: 44px;
    column-gap: 44px;
  }
  .sm\:kds-gap-x-12 {
    -moz-column-gap: 48px;
    column-gap: 48px;
  }
  .sm\:kds-gap-x-14 {
    -moz-column-gap: 56px;
    column-gap: 56px;
  }
  .sm\:kds-gap-x-16 {
    -moz-column-gap: 64px;
    column-gap: 64px;
  }
  .sm\:kds-gap-x-20 {
    -moz-column-gap: 80px;
    column-gap: 80px;
  }
  .sm\:kds-gap-x-page-margin {
    -moz-column-gap: var(--_page-grid-margin, 0px);
    column-gap: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-gap-x-page-rail {
    -moz-column-gap: var(--_page-grid-rail-width, 0px);
    column-gap: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-gap-y-0 {
    row-gap: 0px;
  }
  .sm\:kds-gap-y-01 {
    row-gap: 4px;
  }
  .sm\:kds-gap-y-02 {
    row-gap: 8px;
  }
  .sm\:kds-gap-y-03 {
    row-gap: 12px;
  }
  .sm\:kds-gap-y-04 {
    row-gap: 16px;
  }
  .sm\:kds-gap-y-05 {
    row-gap: 20px;
  }
  .sm\:kds-gap-y-06 {
    row-gap: 24px;
  }
  .sm\:kds-gap-y-07 {
    row-gap: 28px;
  }
  .sm\:kds-gap-y-08 {
    row-gap: 32px;
  }
  .sm\:kds-gap-y-09 {
    row-gap: 36px;
  }
  .sm\:kds-gap-y-10 {
    row-gap: 40px;
  }
  .sm\:kds-gap-y-11 {
    row-gap: 44px;
  }
  .sm\:kds-gap-y-12 {
    row-gap: 48px;
  }
  .sm\:kds-gap-y-14 {
    row-gap: 56px;
  }
  .sm\:kds-gap-y-16 {
    row-gap: 64px;
  }
  .sm\:kds-gap-y-20 {
    row-gap: 80px;
  }
  .sm\:kds-gap-y-page-margin {
    row-gap: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-gap-y-page-rail {
    row-gap: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-rounded-full {
    border-radius: 100vmax;
  }
  .sm\:kds-rounded-lg {
    border-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-md {
    border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-none {
    border-radius: 0;
  }
  .sm\:kds-rounded-sm {
    border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-b {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-b-full {
    border-bottom-right-radius: 100vmax;
    border-bottom-left-radius: 100vmax;
  }
  .sm\:kds-rounded-b-lg {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-b-md {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .sm\:kds-rounded-b-sm {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-e {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-e-full {
    border-start-end-radius: 100vmax;
    border-end-end-radius: 100vmax;
  }
  .sm\:kds-rounded-e-lg {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-e-md {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .sm\:kds-rounded-e-sm {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-l {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-l-full {
    border-top-left-radius: 100vmax;
    border-bottom-left-radius: 100vmax;
  }
  .sm\:kds-rounded-l-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-l-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .sm\:kds-rounded-l-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-r {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-r-full {
    border-top-right-radius: 100vmax;
    border-bottom-right-radius: 100vmax;
  }
  .sm\:kds-rounded-r-lg {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-r-md {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .sm\:kds-rounded-r-sm {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-s {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-s-full {
    border-start-start-radius: 100vmax;
    border-end-start-radius: 100vmax;
  }
  .sm\:kds-rounded-s-lg {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-s-md {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .sm\:kds-rounded-s-sm {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-t {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-t-full {
    border-top-left-radius: 100vmax;
    border-top-right-radius: 100vmax;
  }
  .sm\:kds-rounded-t-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-t-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .sm\:kds-rounded-t-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-bl {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-bl-full {
    border-bottom-left-radius: 100vmax;
  }
  .sm\:kds-rounded-bl-lg {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-bl-md {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .sm\:kds-rounded-bl-sm {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-br {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-br-full {
    border-bottom-right-radius: 100vmax;
  }
  .sm\:kds-rounded-br-lg {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-br-md {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .sm\:kds-rounded-br-sm {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-ee {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-ee-full {
    border-end-end-radius: 100vmax;
  }
  .sm\:kds-rounded-ee-lg {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-ee-md {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-ee-none {
    border-end-end-radius: 0;
  }
  .sm\:kds-rounded-ee-sm {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-es {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-es-full {
    border-end-start-radius: 100vmax;
  }
  .sm\:kds-rounded-es-lg {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-es-md {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-es-none {
    border-end-start-radius: 0;
  }
  .sm\:kds-rounded-es-sm {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-se {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-se-full {
    border-start-end-radius: 100vmax;
  }
  .sm\:kds-rounded-se-lg {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-se-md {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-se-none {
    border-start-end-radius: 0;
  }
  .sm\:kds-rounded-se-sm {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-ss {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-ss-full {
    border-start-start-radius: 100vmax;
  }
  .sm\:kds-rounded-ss-lg {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-ss-md {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-ss-none {
    border-start-start-radius: 0;
  }
  .sm\:kds-rounded-ss-sm {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-tl {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-tl-full {
    border-top-left-radius: 100vmax;
  }
  .sm\:kds-rounded-tl-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-tl-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-tl-none {
    border-top-left-radius: 0;
  }
  .sm\:kds-rounded-tl-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-rounded-tr {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-tr-full {
    border-top-right-radius: 100vmax;
  }
  .sm\:kds-rounded-tr-lg {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .sm\:kds-rounded-tr-md {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .sm\:kds-rounded-tr-none {
    border-top-right-radius: 0;
  }
  .sm\:kds-rounded-tr-sm {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .sm\:kds-border {
    border-width: 1px;
  }
  .sm\:kds-border-0 {
    border-width: 0px;
  }
  .sm\:kds-border-2 {
    border-width: 2px;
  }
  .sm\:kds-border-4 {
    border-width: 4px;
  }
  .sm\:kds-border-8 {
    border-width: 8px;
  }
  .sm\:kds-border-x {
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .sm\:kds-border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px;
  }
  .sm\:kds-border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px;
  }
  .sm\:kds-border-x-4 {
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .sm\:kds-border-x-8 {
    border-left-width: 8px;
    border-right-width: 8px;
  }
  .sm\:kds-border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .sm\:kds-border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px;
  }
  .sm\:kds-border-y-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .sm\:kds-border-y-4 {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .sm\:kds-border-y-8 {
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
  .sm\:kds-border-b {
    border-bottom-width: 1px;
  }
  .sm\:kds-border-b-0 {
    border-bottom-width: 0px;
  }
  .sm\:kds-border-b-2 {
    border-bottom-width: 2px;
  }
  .sm\:kds-border-b-4 {
    border-bottom-width: 4px;
  }
  .sm\:kds-border-b-8 {
    border-bottom-width: 8px;
  }
  .sm\:kds-border-e {
    border-inline-end-width: 1px;
  }
  .sm\:kds-border-e-0 {
    border-inline-end-width: 0px;
  }
  .sm\:kds-border-e-2 {
    border-inline-end-width: 2px;
  }
  .sm\:kds-border-e-4 {
    border-inline-end-width: 4px;
  }
  .sm\:kds-border-e-8 {
    border-inline-end-width: 8px;
  }
  .sm\:kds-border-l {
    border-left-width: 1px;
  }
  .sm\:kds-border-l-0 {
    border-left-width: 0px;
  }
  .sm\:kds-border-l-2 {
    border-left-width: 2px;
  }
  .sm\:kds-border-l-4 {
    border-left-width: 4px;
  }
  .sm\:kds-border-l-8 {
    border-left-width: 8px;
  }
  .sm\:kds-border-r {
    border-right-width: 1px;
  }
  .sm\:kds-border-r-0 {
    border-right-width: 0px;
  }
  .sm\:kds-border-r-2 {
    border-right-width: 2px;
  }
  .sm\:kds-border-r-4 {
    border-right-width: 4px;
  }
  .sm\:kds-border-r-8 {
    border-right-width: 8px;
  }
  .sm\:kds-border-s {
    border-inline-start-width: 1px;
  }
  .sm\:kds-border-s-0 {
    border-inline-start-width: 0px;
  }
  .sm\:kds-border-s-2 {
    border-inline-start-width: 2px;
  }
  .sm\:kds-border-s-4 {
    border-inline-start-width: 4px;
  }
  .sm\:kds-border-s-8 {
    border-inline-start-width: 8px;
  }
  .sm\:kds-border-t {
    border-top-width: 1px;
  }
  .sm\:kds-border-t-0 {
    border-top-width: 0px;
  }
  .sm\:kds-border-t-2 {
    border-top-width: 2px;
  }
  .sm\:kds-border-t-4 {
    border-top-width: 4px;
  }
  .sm\:kds-border-t-8 {
    border-top-width: 8px;
  }
  .sm\:kds-border-solid {
    border-style: solid;
  }
  .sm\:kds-border-dashed {
    border-style: dashed;
  }
  .sm\:kds-border-dotted {
    border-style: dotted;
  }
  .sm\:kds-border-double {
    border-style: double;
  }
  .sm\:kds-border-hidden {
    border-style: hidden;
  }
  .sm\:kds-border-none {
    border-style: none;
  }
  .sm\:kds-border-accent-blue-bold {
    border-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-accent-blue-subtle {
    border-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-accent-green-subtle {
    border-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-active {
    border-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-bold {
    border-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-bold-hover {
    border-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-danger-bold {
    border-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-danger-subtle {
    border-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-disabled {
    border-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-focus {
    border-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-subtle {
    border-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-subtle-hover {
    border-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-transparent {
    border-color: transparent;
  }
  .sm\:kds-border-warning-bold {
    border-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-warning-subtle {
    border-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-border-x-accent-blue-bold {
    border-left-color: var(--kds-color-border-accent-blue-bold);
    border-right-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-x-accent-blue-subtle {
    border-left-color: var(--kds-color-border-accent-blue-subtle);
    border-right-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-x-accent-green-subtle {
    border-left-color: var(--kds-color-border-accent-green-subtle);
    border-right-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-x-active {
    border-left-color: var(--kds-color-border-active);
    border-right-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-x-bold {
    border-left-color: var(--kds-color-border-bold);
    border-right-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-x-bold-hover {
    border-left-color: var(--kds-color-border-bold-hover);
    border-right-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-x-danger-bold {
    border-left-color: var(--kds-color-border-danger-bold);
    border-right-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-x-danger-subtle {
    border-left-color: var(--kds-color-border-danger-subtle);
    border-right-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-x-disabled {
    border-left-color: var(--kds-color-border-disabled);
    border-right-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-x-focus {
    border-left-color: var(--kds-color-border-focus);
    border-right-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-x-subtle {
    border-left-color: var(--kds-color-border-subtle);
    border-right-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-x-subtle-hover {
    border-left-color: var(--kds-color-border-subtle-hover);
    border-right-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-x-transparent {
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .sm\:kds-border-x-warning-bold {
    border-left-color: var(--kds-color-border-warning-bold);
    border-right-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-x-warning-subtle {
    border-left-color: var(--kds-color-border-warning-subtle);
    border-right-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-border-y-accent-blue-bold {
    border-top-color: var(--kds-color-border-accent-blue-bold);
    border-bottom-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-y-accent-blue-subtle {
    border-top-color: var(--kds-color-border-accent-blue-subtle);
    border-bottom-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-y-accent-green-subtle {
    border-top-color: var(--kds-color-border-accent-green-subtle);
    border-bottom-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-y-active {
    border-top-color: var(--kds-color-border-active);
    border-bottom-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-y-bold {
    border-top-color: var(--kds-color-border-bold);
    border-bottom-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-y-bold-hover {
    border-top-color: var(--kds-color-border-bold-hover);
    border-bottom-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-y-danger-bold {
    border-top-color: var(--kds-color-border-danger-bold);
    border-bottom-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-y-danger-subtle {
    border-top-color: var(--kds-color-border-danger-subtle);
    border-bottom-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-y-disabled {
    border-top-color: var(--kds-color-border-disabled);
    border-bottom-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-y-focus {
    border-top-color: var(--kds-color-border-focus);
    border-bottom-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-y-subtle {
    border-top-color: var(--kds-color-border-subtle);
    border-bottom-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-y-subtle-hover {
    border-top-color: var(--kds-color-border-subtle-hover);
    border-bottom-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-y-transparent {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .sm\:kds-border-y-warning-bold {
    border-top-color: var(--kds-color-border-warning-bold);
    border-bottom-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-y-warning-subtle {
    border-top-color: var(--kds-color-border-warning-subtle);
    border-bottom-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-border-b-accent-blue-bold {
    border-bottom-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-b-accent-blue-subtle {
    border-bottom-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-b-accent-green-subtle {
    border-bottom-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-b-active {
    border-bottom-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-b-bold {
    border-bottom-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-b-bold-hover {
    border-bottom-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-b-danger-bold {
    border-bottom-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-b-danger-subtle {
    border-bottom-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-b-disabled {
    border-bottom-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-b-focus {
    border-bottom-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-b-subtle {
    border-bottom-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-b-subtle-hover {
    border-bottom-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-b-transparent {
    border-bottom-color: transparent;
  }
  .sm\:kds-border-b-warning-bold {
    border-bottom-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-b-warning-subtle {
    border-bottom-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-border-e-accent-blue-bold {
    border-inline-end-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-e-accent-blue-subtle {
    border-inline-end-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-e-accent-green-subtle {
    border-inline-end-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-e-active {
    border-inline-end-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-e-bold {
    border-inline-end-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-e-bold-hover {
    border-inline-end-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-e-danger-bold {
    border-inline-end-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-e-danger-subtle {
    border-inline-end-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-e-disabled {
    border-inline-end-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-e-focus {
    border-inline-end-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-e-subtle {
    border-inline-end-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-e-subtle-hover {
    border-inline-end-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-e-transparent {
    border-inline-end-color: transparent;
  }
  .sm\:kds-border-e-warning-bold {
    border-inline-end-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-e-warning-subtle {
    border-inline-end-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-border-l-accent-blue-bold {
    border-left-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-l-accent-blue-subtle {
    border-left-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-l-accent-green-subtle {
    border-left-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-l-active {
    border-left-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-l-bold {
    border-left-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-l-bold-hover {
    border-left-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-l-danger-bold {
    border-left-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-l-danger-subtle {
    border-left-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-l-disabled {
    border-left-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-l-focus {
    border-left-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-l-subtle {
    border-left-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-l-subtle-hover {
    border-left-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-l-transparent {
    border-left-color: transparent;
  }
  .sm\:kds-border-l-warning-bold {
    border-left-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-l-warning-subtle {
    border-left-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-border-r-accent-blue-bold {
    border-right-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-r-accent-blue-subtle {
    border-right-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-r-accent-green-subtle {
    border-right-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-r-active {
    border-right-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-r-bold {
    border-right-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-r-bold-hover {
    border-right-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-r-danger-bold {
    border-right-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-r-danger-subtle {
    border-right-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-r-disabled {
    border-right-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-r-focus {
    border-right-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-r-subtle {
    border-right-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-r-subtle-hover {
    border-right-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-r-transparent {
    border-right-color: transparent;
  }
  .sm\:kds-border-r-warning-bold {
    border-right-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-r-warning-subtle {
    border-right-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-border-s-accent-blue-bold {
    border-inline-start-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-s-accent-blue-subtle {
    border-inline-start-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-s-accent-green-subtle {
    border-inline-start-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-s-active {
    border-inline-start-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-s-bold {
    border-inline-start-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-s-bold-hover {
    border-inline-start-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-s-danger-bold {
    border-inline-start-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-s-danger-subtle {
    border-inline-start-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-s-disabled {
    border-inline-start-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-s-focus {
    border-inline-start-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-s-subtle {
    border-inline-start-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-s-subtle-hover {
    border-inline-start-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-s-transparent {
    border-inline-start-color: transparent;
  }
  .sm\:kds-border-s-warning-bold {
    border-inline-start-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-s-warning-subtle {
    border-inline-start-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-border-t-accent-blue-bold {
    border-top-color: var(--kds-color-border-accent-blue-bold);
  }
  .sm\:kds-border-t-accent-blue-subtle {
    border-top-color: var(--kds-color-border-accent-blue-subtle);
  }
  .sm\:kds-border-t-accent-green-subtle {
    border-top-color: var(--kds-color-border-accent-green-subtle);
  }
  .sm\:kds-border-t-active {
    border-top-color: var(--kds-color-border-active);
  }
  .sm\:kds-border-t-bold {
    border-top-color: var(--kds-color-border-bold);
  }
  .sm\:kds-border-t-bold-hover {
    border-top-color: var(--kds-color-border-bold-hover);
  }
  .sm\:kds-border-t-danger-bold {
    border-top-color: var(--kds-color-border-danger-bold);
  }
  .sm\:kds-border-t-danger-subtle {
    border-top-color: var(--kds-color-border-danger-subtle);
  }
  .sm\:kds-border-t-disabled {
    border-top-color: var(--kds-color-border-disabled);
  }
  .sm\:kds-border-t-focus {
    border-top-color: var(--kds-color-border-focus);
  }
  .sm\:kds-border-t-subtle {
    border-top-color: var(--kds-color-border-subtle);
  }
  .sm\:kds-border-t-subtle-hover {
    border-top-color: var(--kds-color-border-subtle-hover);
  }
  .sm\:kds-border-t-transparent {
    border-top-color: transparent;
  }
  .sm\:kds-border-t-warning-bold {
    border-top-color: var(--kds-color-border-warning-bold);
  }
  .sm\:kds-border-t-warning-subtle {
    border-top-color: var(--kds-color-border-warning-subtle);
  }
  .sm\:kds-bg-accent-blue-bold {
    background-color: var(--kds-color-background-accent-blue-bold);
  }
  .sm\:kds-bg-accent-blue-subtle {
    background-color: var(--kds-color-background-accent-blue-subtle);
  }
  .sm\:kds-bg-accent-gray-bold {
    background-color: var(--kds-color-background-accent-gray-bold);
  }
  .sm\:kds-bg-accent-gray-subtle {
    background-color: var(--kds-color-background-accent-gray-subtle);
  }
  .sm\:kds-bg-accent-green-bold {
    background-color: var(--kds-color-background-accent-green-bold);
  }
  .sm\:kds-bg-accent-green-bold-hovered {
    background-color: var(--kds-color-background-accent-green-bold-hovered);
  }
  .sm\:kds-bg-accent-green-bold-pressed {
    background-color: var(--kds-color-background-accent-green-bold-pressed);
  }
  .sm\:kds-bg-accent-green-subtle {
    background-color: var(--kds-color-background-accent-green-subtle);
  }
  .sm\:kds-bg-accent-purple-subtle {
    background-color: var(--kds-color-background-accent-purple-subtle);
  }
  .sm\:kds-bg-accent-red-bold {
    background-color: var(--kds-color-background-accent-red-bold);
  }
  .sm\:kds-bg-accent-red-subtle {
    background-color: var(--kds-color-background-accent-red-subtle);
  }
  .sm\:kds-bg-action {
    background-color: var(--kds-color-background-action);
  }
  .sm\:kds-bg-action-disabled {
    background-color: var(--kds-color-background-action-disabled);
  }
  .sm\:kds-bg-action-hover {
    background-color: var(--kds-color-background-action-hover);
  }
  .sm\:kds-bg-action-pressed {
    background-color: var(--kds-color-background-action-pressed);
  }
  .sm\:kds-bg-danger-bold {
    background-color: var(--kds-color-background-danger-bold);
  }
  .sm\:kds-bg-danger-bold-hovered {
    background-color: var(--kds-color-background-danger-bold-hovered);
  }
  .sm\:kds-bg-danger-bold-pressed {
    background-color: var(--kds-color-background-danger-bold-pressed);
  }
  .sm\:kds-bg-danger-disabled {
    background-color: var(--kds-color-background-danger-disabled);
  }
  .sm\:kds-bg-danger-subtle {
    background-color: var(--kds-color-background-danger-subtle);
  }
  .sm\:kds-bg-danger-subtle-hovered {
    background-color: var(--kds-color-background-danger-subtle-hovered);
  }
  .sm\:kds-bg-disabled {
    background-color: var(--kds-color-background-disabled);
  }
  .sm\:kds-bg-inverse {
    background-color: var(--kds-color-background-inverse);
  }
  .sm\:kds-bg-inverse-hover {
    background-color: var(--kds-color-background-inverse-hover);
  }
  .sm\:kds-bg-inverse-pressed {
    background-color: var(--kds-color-background-inverse-pressed);
  }
  .sm\:kds-bg-selected {
    background-color: var(--kds-color-background-selected);
  }
  .sm\:kds-bg-surface-inverse {
    background-color: var(--kds-color-background-surface-inverse);
  }
  .sm\:kds-bg-surface-primary {
    background-color: var(--kds-color-background-surface-primary);
  }
  .sm\:kds-bg-surface-secondary {
    background-color: var(--kds-color-background-surface-secondary);
  }
  .sm\:kds-bg-transparent {
    background-color: transparent;
  }
  .sm\:kds-bg-warning-bold {
    background-color: var(--kds-color-background-warning-bold);
  }
  .sm\:kds-bg-warning-subtle {
    background-color: var(--kds-color-background-warning-subtle);
  }
  .sm\:kds-fill-icon {
    fill: var(--kds-color-icon);
  }
  .sm\:kds-fill-icon-danger {
    fill: var(--kds-color-icon-danger);
  }
  .sm\:kds-fill-icon-danger-inverse {
    fill: var(--kds-color-icon-danger-inverse);
  }
  .sm\:kds-fill-icon-disabled {
    fill: var(--kds-color-icon-disabled);
  }
  .sm\:kds-fill-icon-green {
    fill: var(--kds-color-icon-green);
  }
  .sm\:kds-fill-icon-green-inverse {
    fill: var(--kds-color-icon-green-inverse);
  }
  .sm\:kds-fill-icon-info {
    fill: var(--kds-color-icon-info);
  }
  .sm\:kds-fill-icon-inverse {
    fill: var(--kds-color-icon-inverse);
  }
  .sm\:kds-fill-icon-subtle {
    fill: var(--kds-color-icon-subtle);
  }
  .sm\:kds-fill-icon-warning {
    fill: var(--kds-color-icon-warning);
  }
  .sm\:kds-p-0 {
    padding: 0px;
  }
  .sm\:kds-p-01 {
    padding: 4px;
  }
  .sm\:kds-p-02 {
    padding: 8px;
  }
  .sm\:kds-p-03 {
    padding: 12px;
  }
  .sm\:kds-p-04 {
    padding: 16px;
  }
  .sm\:kds-p-05 {
    padding: 20px;
  }
  .sm\:kds-p-06 {
    padding: 24px;
  }
  .sm\:kds-p-07 {
    padding: 28px;
  }
  .sm\:kds-p-08 {
    padding: 32px;
  }
  .sm\:kds-p-09 {
    padding: 36px;
  }
  .sm\:kds-p-10 {
    padding: 40px;
  }
  .sm\:kds-p-11 {
    padding: 44px;
  }
  .sm\:kds-p-12 {
    padding: 48px;
  }
  .sm\:kds-p-14 {
    padding: 56px;
  }
  .sm\:kds-p-16 {
    padding: 64px;
  }
  .sm\:kds-p-20 {
    padding: 80px;
  }
  .sm\:kds-p-page-margin {
    padding: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-p-page-rail {
    padding: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .sm\:kds-px-01 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .sm\:kds-px-02 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .sm\:kds-px-03 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .sm\:kds-px-04 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .sm\:kds-px-05 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sm\:kds-px-06 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .sm\:kds-px-07 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .sm\:kds-px-08 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .sm\:kds-px-09 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .sm\:kds-px-10 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .sm\:kds-px-11 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .sm\:kds-px-12 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .sm\:kds-px-14 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .sm\:kds-px-16 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .sm\:kds-px-20 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .sm\:kds-px-page-margin {
    padding-left: var(--_page-grid-margin, 0px);
    padding-right: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-px-page-rail {
    padding-left: var(--_page-grid-rail-width, 0px);
    padding-right: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .sm\:kds-py-01 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .sm\:kds-py-02 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .sm\:kds-py-03 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .sm\:kds-py-04 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .sm\:kds-py-05 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .sm\:kds-py-06 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .sm\:kds-py-07 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .sm\:kds-py-08 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .sm\:kds-py-09 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .sm\:kds-py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sm\:kds-py-11 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .sm\:kds-py-12 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .sm\:kds-py-14 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .sm\:kds-py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .sm\:kds-py-20 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .sm\:kds-py-page-margin {
    padding-top: var(--_page-grid-margin, 0px);
    padding-bottom: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-py-page-rail {
    padding-top: var(--_page-grid-rail-width, 0px);
    padding-bottom: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-pb-0 {
    padding-bottom: 0px;
  }
  .sm\:kds-pb-01 {
    padding-bottom: 4px;
  }
  .sm\:kds-pb-02 {
    padding-bottom: 8px;
  }
  .sm\:kds-pb-03 {
    padding-bottom: 12px;
  }
  .sm\:kds-pb-04 {
    padding-bottom: 16px;
  }
  .sm\:kds-pb-05 {
    padding-bottom: 20px;
  }
  .sm\:kds-pb-06 {
    padding-bottom: 24px;
  }
  .sm\:kds-pb-07 {
    padding-bottom: 28px;
  }
  .sm\:kds-pb-08 {
    padding-bottom: 32px;
  }
  .sm\:kds-pb-09 {
    padding-bottom: 36px;
  }
  .sm\:kds-pb-10 {
    padding-bottom: 40px;
  }
  .sm\:kds-pb-11 {
    padding-bottom: 44px;
  }
  .sm\:kds-pb-12 {
    padding-bottom: 48px;
  }
  .sm\:kds-pb-14 {
    padding-bottom: 56px;
  }
  .sm\:kds-pb-16 {
    padding-bottom: 64px;
  }
  .sm\:kds-pb-20 {
    padding-bottom: 80px;
  }
  .sm\:kds-pb-page-margin {
    padding-bottom: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-pb-page-rail {
    padding-bottom: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-pe-0 {
    padding-inline-end: 0px;
  }
  .sm\:kds-pe-01 {
    padding-inline-end: 4px;
  }
  .sm\:kds-pe-02 {
    padding-inline-end: 8px;
  }
  .sm\:kds-pe-03 {
    padding-inline-end: 12px;
  }
  .sm\:kds-pe-04 {
    padding-inline-end: 16px;
  }
  .sm\:kds-pe-05 {
    padding-inline-end: 20px;
  }
  .sm\:kds-pe-06 {
    padding-inline-end: 24px;
  }
  .sm\:kds-pe-07 {
    padding-inline-end: 28px;
  }
  .sm\:kds-pe-08 {
    padding-inline-end: 32px;
  }
  .sm\:kds-pe-09 {
    padding-inline-end: 36px;
  }
  .sm\:kds-pe-10 {
    padding-inline-end: 40px;
  }
  .sm\:kds-pe-11 {
    padding-inline-end: 44px;
  }
  .sm\:kds-pe-12 {
    padding-inline-end: 48px;
  }
  .sm\:kds-pe-14 {
    padding-inline-end: 56px;
  }
  .sm\:kds-pe-16 {
    padding-inline-end: 64px;
  }
  .sm\:kds-pe-20 {
    padding-inline-end: 80px;
  }
  .sm\:kds-pe-page-margin {
    padding-inline-end: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-pe-page-rail {
    padding-inline-end: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-pl-0 {
    padding-left: 0px;
  }
  .sm\:kds-pl-01 {
    padding-left: 4px;
  }
  .sm\:kds-pl-02 {
    padding-left: 8px;
  }
  .sm\:kds-pl-03 {
    padding-left: 12px;
  }
  .sm\:kds-pl-04 {
    padding-left: 16px;
  }
  .sm\:kds-pl-05 {
    padding-left: 20px;
  }
  .sm\:kds-pl-06 {
    padding-left: 24px;
  }
  .sm\:kds-pl-07 {
    padding-left: 28px;
  }
  .sm\:kds-pl-08 {
    padding-left: 32px;
  }
  .sm\:kds-pl-09 {
    padding-left: 36px;
  }
  .sm\:kds-pl-10 {
    padding-left: 40px;
  }
  .sm\:kds-pl-11 {
    padding-left: 44px;
  }
  .sm\:kds-pl-12 {
    padding-left: 48px;
  }
  .sm\:kds-pl-14 {
    padding-left: 56px;
  }
  .sm\:kds-pl-16 {
    padding-left: 64px;
  }
  .sm\:kds-pl-20 {
    padding-left: 80px;
  }
  .sm\:kds-pl-page-margin {
    padding-left: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-pl-page-rail {
    padding-left: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-pr-0 {
    padding-right: 0px;
  }
  .sm\:kds-pr-01 {
    padding-right: 4px;
  }
  .sm\:kds-pr-02 {
    padding-right: 8px;
  }
  .sm\:kds-pr-03 {
    padding-right: 12px;
  }
  .sm\:kds-pr-04 {
    padding-right: 16px;
  }
  .sm\:kds-pr-05 {
    padding-right: 20px;
  }
  .sm\:kds-pr-06 {
    padding-right: 24px;
  }
  .sm\:kds-pr-07 {
    padding-right: 28px;
  }
  .sm\:kds-pr-08 {
    padding-right: 32px;
  }
  .sm\:kds-pr-09 {
    padding-right: 36px;
  }
  .sm\:kds-pr-10 {
    padding-right: 40px;
  }
  .sm\:kds-pr-11 {
    padding-right: 44px;
  }
  .sm\:kds-pr-12 {
    padding-right: 48px;
  }
  .sm\:kds-pr-14 {
    padding-right: 56px;
  }
  .sm\:kds-pr-16 {
    padding-right: 64px;
  }
  .sm\:kds-pr-20 {
    padding-right: 80px;
  }
  .sm\:kds-pr-page-margin {
    padding-right: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-pr-page-rail {
    padding-right: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-ps-0 {
    padding-inline-start: 0px;
  }
  .sm\:kds-ps-01 {
    padding-inline-start: 4px;
  }
  .sm\:kds-ps-02 {
    padding-inline-start: 8px;
  }
  .sm\:kds-ps-03 {
    padding-inline-start: 12px;
  }
  .sm\:kds-ps-04 {
    padding-inline-start: 16px;
  }
  .sm\:kds-ps-05 {
    padding-inline-start: 20px;
  }
  .sm\:kds-ps-06 {
    padding-inline-start: 24px;
  }
  .sm\:kds-ps-07 {
    padding-inline-start: 28px;
  }
  .sm\:kds-ps-08 {
    padding-inline-start: 32px;
  }
  .sm\:kds-ps-09 {
    padding-inline-start: 36px;
  }
  .sm\:kds-ps-10 {
    padding-inline-start: 40px;
  }
  .sm\:kds-ps-11 {
    padding-inline-start: 44px;
  }
  .sm\:kds-ps-12 {
    padding-inline-start: 48px;
  }
  .sm\:kds-ps-14 {
    padding-inline-start: 56px;
  }
  .sm\:kds-ps-16 {
    padding-inline-start: 64px;
  }
  .sm\:kds-ps-20 {
    padding-inline-start: 80px;
  }
  .sm\:kds-ps-page-margin {
    padding-inline-start: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-ps-page-rail {
    padding-inline-start: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-pt-0 {
    padding-top: 0px;
  }
  .sm\:kds-pt-01 {
    padding-top: 4px;
  }
  .sm\:kds-pt-02 {
    padding-top: 8px;
  }
  .sm\:kds-pt-03 {
    padding-top: 12px;
  }
  .sm\:kds-pt-04 {
    padding-top: 16px;
  }
  .sm\:kds-pt-05 {
    padding-top: 20px;
  }
  .sm\:kds-pt-06 {
    padding-top: 24px;
  }
  .sm\:kds-pt-07 {
    padding-top: 28px;
  }
  .sm\:kds-pt-08 {
    padding-top: 32px;
  }
  .sm\:kds-pt-09 {
    padding-top: 36px;
  }
  .sm\:kds-pt-10 {
    padding-top: 40px;
  }
  .sm\:kds-pt-11 {
    padding-top: 44px;
  }
  .sm\:kds-pt-12 {
    padding-top: 48px;
  }
  .sm\:kds-pt-14 {
    padding-top: 56px;
  }
  .sm\:kds-pt-16 {
    padding-top: 64px;
  }
  .sm\:kds-pt-20 {
    padding-top: 80px;
  }
  .sm\:kds-pt-page-margin {
    padding-top: var(--_page-grid-margin, 0px);
  }
  .sm\:kds-pt-page-rail {
    padding-top: var(--_page-grid-rail-width, 0px);
  }
  .sm\:kds-text-accent-blue {
    color: var(--kds-color-text-accent-blue);
  }
  .sm\:kds-text-accent-blue-bolder {
    color: var(--kds-color-text-accent-blue-bolder);
  }
  .sm\:kds-text-accent-gray {
    color: var(--kds-color-text-accent-gray);
  }
  .sm\:kds-text-accent-green {
    color: var(--kds-color-text-accent-green);
  }
  .sm\:kds-text-accent-green-bolder {
    color: var(--kds-color-text-accent-green-bolder);
  }
  .sm\:kds-text-accent-green-inverse-disabled {
    color: var(--kds-color-text-accent-green-inverse-disabled);
  }
  .sm\:kds-text-accent-purple {
    color: var(--kds-color-text-accent-purple);
  }
  .sm\:kds-text-accent-purple-bolder {
    color: var(--kds-color-text-accent-purple-bolder);
  }
  .sm\:kds-text-accent-red {
    color: var(--kds-color-text-accent-red);
  }
  .sm\:kds-text-accent-red-bolder {
    color: var(--kds-color-text-accent-red-bolder);
  }
  .sm\:kds-text-accent-red-inverse-disabled {
    color: var(--kds-color-text-accent-red-inverse-disabled);
  }
  .sm\:kds-text-accent-yellow {
    color: var(--kds-color-text-accent-yellow);
  }
  .sm\:kds-text-accent-yellow-bolder {
    color: var(--kds-color-text-accent-yellow-bolder);
  }
  .sm\:kds-text-disabled {
    color: var(--kds-color-text-disabled);
  }
  .sm\:kds-text-inverse-disabled {
    color: var(--kds-color-text-inverse-disabled);
  }
  .sm\:kds-text-inverse-primary {
    color: var(--kds-color-text-inverse-primary);
  }
  .sm\:kds-text-inverse-secondary {
    color: var(--kds-color-text-inverse-secondary);
  }
  .sm\:kds-text-placeholder {
    color: var(--kds-color-text-placeholder);
  }
  .sm\:kds-text-primary {
    color: var(--kds-color-text-primary);
  }
  .sm\:kds-text-secondary {
    color: var(--kds-color-text-secondary);
  }
  .sm\:kds-breakout {
    width: 100vw;
    position: relative;
    inset-inline: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  @container (min-width: 0px) {
    .sm\:kds-breakout {
      width: 100cqi;
      margin-left: -50cqi;
      margin-right: -50cqi;
    }
  }
  .sm\:kds-container-normal {
    container-type: normal;
  }
  .sm\:kds-container-size {
    container-type: size;
  }
  .sm\:kds-container-inline-size {
    container-type: inline-size;
  }
  .sm\:kds-container-inherit {
    container-type: inherit;
  }
  .sm\:kds-container-initial {
    container-type: initial;
  }
  .sm\:kds-container-revert {
    container-type: revert;
  }
  .sm\:kds-container-revert-layer {
    container-type: revert-layer;
  }
  .sm\:kds-container-unset {
    container-type: unset;
  }
  .sm\:kds-fill-icon {
    --kds-icon-fill: var(--kds-color-icon);
  }
  .sm\:kds-fill-icon-danger {
    --kds-icon-fill: var(--kds-color-icon-danger);
  }
  .sm\:kds-fill-icon-disabled {
    --kds-icon-fill: var(--kds-color-icon-disabled);
  }
  .sm\:kds-fill-icon-info {
    --kds-icon-fill: var(--kds-color-icon-info);
  }
  .sm\:kds-fill-icon-inverse {
    --kds-icon-fill: var(--kds-color-icon-inverse);
  }
  .sm\:kds-fill-icon-subtle {
    --kds-icon-fill: var(--kds-color-icon-subtle);
  }
  .sm\:kds-fill-icon-warning {
    --kds-icon-fill: var(--kds-color-icon-warning);
  }
  :where(.sm\:kds-col-margins) {
    grid-column: margins;
  }
  .sm\:kds-col-start-margins {
    grid-column-start: margins;
  }
  .sm\:kds-col-end-margins {
    grid-column-end: margins;
  }
  :where(.sm\:kds-col-rails) {
    grid-column: rails;
  }
  .sm\:kds-col-start-rails {
    grid-column-start: rails;
  }
  .sm\:kds-col-end-rails {
    grid-column-end: rails;
  }
  :where(.sm\:kds-col-main) {
    grid-column: main;
  }
  .sm\:kds-col-start-main {
    grid-column-start: main;
  }
  .sm\:kds-col-end-main {
    grid-column-end: main;
  }
  :where(.sm\:kds-col-1) {
    grid-column: col 1;
  }
  .sm\:kds-col-start-col-1 {
    grid-column-start: col 1;
  }
  .sm\:kds-col-end-col-1 {
    grid-column-end: col 1;
  }
  :where(.sm\:kds-col-2) {
    grid-column: col 2;
  }
  .sm\:kds-col-start-col-2 {
    grid-column-start: col 2;
  }
  .sm\:kds-col-end-col-2 {
    grid-column-end: col 2;
  }
  :where(.sm\:kds-col-3) {
    grid-column: col 3;
  }
  .sm\:kds-col-start-col-3 {
    grid-column-start: col 3;
  }
  .sm\:kds-col-end-col-3 {
    grid-column-end: col 3;
  }
  :where(.sm\:kds-col-4) {
    grid-column: col 4;
  }
  .sm\:kds-col-start-col-4 {
    grid-column-start: col 4;
  }
  .sm\:kds-col-end-col-4 {
    grid-column-end: col 4;
  }
  :where(.sm\:kds-col-5) {
    grid-column: col 5;
  }
  .sm\:kds-col-start-col-5 {
    grid-column-start: col 5;
  }
  .sm\:kds-col-end-col-5 {
    grid-column-end: col 5;
  }
  :where(.sm\:kds-col-6) {
    grid-column: col 6;
  }
  .sm\:kds-col-start-col-6 {
    grid-column-start: col 6;
  }
  .sm\:kds-col-end-col-6 {
    grid-column-end: col 6;
  }
  :where(.sm\:kds-col-7) {
    grid-column: col 7;
  }
  .sm\:kds-col-start-col-7 {
    grid-column-start: col 7;
  }
  .sm\:kds-col-end-col-7 {
    grid-column-end: col 7;
  }
  :where(.sm\:kds-col-8) {
    grid-column: col 8;
  }
  .sm\:kds-col-start-col-8 {
    grid-column-start: col 8;
  }
  .sm\:kds-col-end-col-8 {
    grid-column-end: col 8;
  }
  :where(.sm\:kds-col-9) {
    grid-column: col 9;
  }
  .sm\:kds-col-start-col-9 {
    grid-column-start: col 9;
  }
  .sm\:kds-col-end-col-9 {
    grid-column-end: col 9;
  }
  :where(.sm\:kds-col-10) {
    grid-column: col 10;
  }
  .sm\:kds-col-start-col-10 {
    grid-column-start: col 10;
  }
  .sm\:kds-col-end-col-10 {
    grid-column-end: col 10;
  }
  :where(.sm\:kds-col-11) {
    grid-column: col 11;
  }
  .sm\:kds-col-start-col-11 {
    grid-column-start: col 11;
  }
  .sm\:kds-col-end-col-11 {
    grid-column-end: col 11;
  }
  :where(.sm\:kds-col-12) {
    grid-column: col 12;
  }
  .sm\:kds-col-start-col-12 {
    grid-column-start: col 12;
  }
  .sm\:kds-col-end-col-12 {
    grid-column-end: col 12;
  }
  .sm\:kds-subgrid {
    display: grid;
    grid-template-columns: subgrid;
  }
  .sm\:kds-subgrid > * {
    grid-template-columns: inherit;
  }
  @layer subgrid {
    .sm\:kds-subgrid > :where(.sm\:kds-subgrid) {
      grid-column: inherit;
    }
  }
}
@media (min-width: 795px) {
  .md\:kds-col-auto {
    grid-column: auto;
  }
  .md\:kds-col-span-1 {
    grid-column: span 1/span 1;
  }
  .md\:kds-col-span-10 {
    grid-column: span 10/span 10;
  }
  .md\:kds-col-span-11 {
    grid-column: span 11/span 11;
  }
  .md\:kds-col-span-12 {
    grid-column: span 12/span 12;
  }
  .md\:kds-col-span-2 {
    grid-column: span 2/span 2;
  }
  .md\:kds-col-span-3 {
    grid-column: span 3/span 3;
  }
  .md\:kds-col-span-4 {
    grid-column: span 4/span 4;
  }
  .md\:kds-col-span-5 {
    grid-column: span 5/span 5;
  }
  .md\:kds-col-span-6 {
    grid-column: span 6/span 6;
  }
  .md\:kds-col-span-7 {
    grid-column: span 7/span 7;
  }
  .md\:kds-col-span-8 {
    grid-column: span 8/span 8;
  }
  .md\:kds-col-span-9 {
    grid-column: span 9/span 9;
  }
  .md\:kds-col-span-full {
    grid-column: 1/-1;
  }
  .md\:-kds-col-start-1 {
    grid-column-start: -1;
  }
  .md\:-kds-col-start-10 {
    grid-column-start: -10;
  }
  .md\:-kds-col-start-11 {
    grid-column-start: -11;
  }
  .md\:-kds-col-start-12 {
    grid-column-start: -12;
  }
  .md\:-kds-col-start-13 {
    grid-column-start: -13;
  }
  .md\:-kds-col-start-2 {
    grid-column-start: -2;
  }
  .md\:-kds-col-start-3 {
    grid-column-start: -3;
  }
  .md\:-kds-col-start-4 {
    grid-column-start: -4;
  }
  .md\:-kds-col-start-5 {
    grid-column-start: -5;
  }
  .md\:-kds-col-start-6 {
    grid-column-start: -6;
  }
  .md\:-kds-col-start-7 {
    grid-column-start: -7;
  }
  .md\:-kds-col-start-8 {
    grid-column-start: -8;
  }
  .md\:-kds-col-start-9 {
    grid-column-start: -9;
  }
  .md\:kds--col-start-1 {
    grid-column-start: -1;
  }
  .md\:kds--col-start-10 {
    grid-column-start: -10;
  }
  .md\:kds--col-start-11 {
    grid-column-start: -11;
  }
  .md\:kds--col-start-12 {
    grid-column-start: -12;
  }
  .md\:kds--col-start-13 {
    grid-column-start: -13;
  }
  .md\:kds--col-start-2 {
    grid-column-start: -2;
  }
  .md\:kds--col-start-3 {
    grid-column-start: -3;
  }
  .md\:kds--col-start-4 {
    grid-column-start: -4;
  }
  .md\:kds--col-start-5 {
    grid-column-start: -5;
  }
  .md\:kds--col-start-6 {
    grid-column-start: -6;
  }
  .md\:kds--col-start-7 {
    grid-column-start: -7;
  }
  .md\:kds--col-start-8 {
    grid-column-start: -8;
  }
  .md\:kds--col-start-9 {
    grid-column-start: -9;
  }
  .md\:kds-col-start-1 {
    grid-column-start: 1;
  }
  .md\:kds-col-start-10 {
    grid-column-start: 10;
  }
  .md\:kds-col-start-11 {
    grid-column-start: 11;
  }
  .md\:kds-col-start-12 {
    grid-column-start: 12;
  }
  .md\:kds-col-start-13 {
    grid-column-start: 13;
  }
  .md\:kds-col-start-2 {
    grid-column-start: 2;
  }
  .md\:kds-col-start-3 {
    grid-column-start: 3;
  }
  .md\:kds-col-start-4 {
    grid-column-start: 4;
  }
  .md\:kds-col-start-5 {
    grid-column-start: 5;
  }
  .md\:kds-col-start-6 {
    grid-column-start: 6;
  }
  .md\:kds-col-start-7 {
    grid-column-start: 7;
  }
  .md\:kds-col-start-8 {
    grid-column-start: 8;
  }
  .md\:kds-col-start-9 {
    grid-column-start: 9;
  }
  .md\:kds-col-start-auto {
    grid-column-start: auto;
  }
  .md\:-kds-col-end-1 {
    grid-column-end: -1;
  }
  .md\:-kds-col-end-10 {
    grid-column-end: -10;
  }
  .md\:-kds-col-end-11 {
    grid-column-end: -11;
  }
  .md\:-kds-col-end-12 {
    grid-column-end: -12;
  }
  .md\:-kds-col-end-13 {
    grid-column-end: -13;
  }
  .md\:-kds-col-end-2 {
    grid-column-end: -2;
  }
  .md\:-kds-col-end-3 {
    grid-column-end: -3;
  }
  .md\:-kds-col-end-4 {
    grid-column-end: -4;
  }
  .md\:-kds-col-end-5 {
    grid-column-end: -5;
  }
  .md\:-kds-col-end-6 {
    grid-column-end: -6;
  }
  .md\:-kds-col-end-7 {
    grid-column-end: -7;
  }
  .md\:-kds-col-end-8 {
    grid-column-end: -8;
  }
  .md\:-kds-col-end-9 {
    grid-column-end: -9;
  }
  .md\:kds--col-end-1 {
    grid-column-end: -1;
  }
  .md\:kds--col-end-10 {
    grid-column-end: -10;
  }
  .md\:kds--col-end-11 {
    grid-column-end: -11;
  }
  .md\:kds--col-end-12 {
    grid-column-end: -12;
  }
  .md\:kds--col-end-13 {
    grid-column-end: -13;
  }
  .md\:kds--col-end-2 {
    grid-column-end: -2;
  }
  .md\:kds--col-end-3 {
    grid-column-end: -3;
  }
  .md\:kds--col-end-4 {
    grid-column-end: -4;
  }
  .md\:kds--col-end-5 {
    grid-column-end: -5;
  }
  .md\:kds--col-end-6 {
    grid-column-end: -6;
  }
  .md\:kds--col-end-7 {
    grid-column-end: -7;
  }
  .md\:kds--col-end-8 {
    grid-column-end: -8;
  }
  .md\:kds--col-end-9 {
    grid-column-end: -9;
  }
  .md\:kds-col-end-1 {
    grid-column-end: 1;
  }
  .md\:kds-col-end-10 {
    grid-column-end: 10;
  }
  .md\:kds-col-end-11 {
    grid-column-end: 11;
  }
  .md\:kds-col-end-12 {
    grid-column-end: 12;
  }
  .md\:kds-col-end-13 {
    grid-column-end: 13;
  }
  .md\:kds-col-end-2 {
    grid-column-end: 2;
  }
  .md\:kds-col-end-3 {
    grid-column-end: 3;
  }
  .md\:kds-col-end-4 {
    grid-column-end: 4;
  }
  .md\:kds-col-end-5 {
    grid-column-end: 5;
  }
  .md\:kds-col-end-6 {
    grid-column-end: 6;
  }
  .md\:kds-col-end-7 {
    grid-column-end: 7;
  }
  .md\:kds-col-end-8 {
    grid-column-end: 8;
  }
  .md\:kds-col-end-9 {
    grid-column-end: 9;
  }
  .md\:kds-col-end-auto {
    grid-column-end: auto;
  }
  .md\:kds-row-auto {
    grid-row: auto;
  }
  .md\:kds-row-span-1 {
    grid-row: span 1/span 1;
  }
  .md\:kds-row-span-10 {
    grid-row: span 10/span 10;
  }
  .md\:kds-row-span-11 {
    grid-row: span 11/span 11;
  }
  .md\:kds-row-span-12 {
    grid-row: span 12/span 12;
  }
  .md\:kds-row-span-2 {
    grid-row: span 2/span 2;
  }
  .md\:kds-row-span-3 {
    grid-row: span 3/span 3;
  }
  .md\:kds-row-span-4 {
    grid-row: span 4/span 4;
  }
  .md\:kds-row-span-5 {
    grid-row: span 5/span 5;
  }
  .md\:kds-row-span-6 {
    grid-row: span 6/span 6;
  }
  .md\:kds-row-span-7 {
    grid-row: span 7/span 7;
  }
  .md\:kds-row-span-8 {
    grid-row: span 8/span 8;
  }
  .md\:kds-row-span-9 {
    grid-row: span 9/span 9;
  }
  .md\:kds-row-span-full {
    grid-row: 1/-1;
  }
  .md\:-kds-row-start-1 {
    grid-row-start: -1;
  }
  .md\:-kds-row-start-10 {
    grid-row-start: -10;
  }
  .md\:-kds-row-start-11 {
    grid-row-start: -11;
  }
  .md\:-kds-row-start-12 {
    grid-row-start: -12;
  }
  .md\:-kds-row-start-13 {
    grid-row-start: -13;
  }
  .md\:-kds-row-start-2 {
    grid-row-start: -2;
  }
  .md\:-kds-row-start-3 {
    grid-row-start: -3;
  }
  .md\:-kds-row-start-4 {
    grid-row-start: -4;
  }
  .md\:-kds-row-start-5 {
    grid-row-start: -5;
  }
  .md\:-kds-row-start-6 {
    grid-row-start: -6;
  }
  .md\:-kds-row-start-7 {
    grid-row-start: -7;
  }
  .md\:-kds-row-start-8 {
    grid-row-start: -8;
  }
  .md\:-kds-row-start-9 {
    grid-row-start: -9;
  }
  .md\:kds--row-start-1 {
    grid-row-start: -1;
  }
  .md\:kds--row-start-10 {
    grid-row-start: -10;
  }
  .md\:kds--row-start-11 {
    grid-row-start: -11;
  }
  .md\:kds--row-start-12 {
    grid-row-start: -12;
  }
  .md\:kds--row-start-13 {
    grid-row-start: -13;
  }
  .md\:kds--row-start-2 {
    grid-row-start: -2;
  }
  .md\:kds--row-start-3 {
    grid-row-start: -3;
  }
  .md\:kds--row-start-4 {
    grid-row-start: -4;
  }
  .md\:kds--row-start-5 {
    grid-row-start: -5;
  }
  .md\:kds--row-start-6 {
    grid-row-start: -6;
  }
  .md\:kds--row-start-7 {
    grid-row-start: -7;
  }
  .md\:kds--row-start-8 {
    grid-row-start: -8;
  }
  .md\:kds--row-start-9 {
    grid-row-start: -9;
  }
  .md\:kds-row-start-1 {
    grid-row-start: 1;
  }
  .md\:kds-row-start-10 {
    grid-row-start: 10;
  }
  .md\:kds-row-start-11 {
    grid-row-start: 11;
  }
  .md\:kds-row-start-12 {
    grid-row-start: 12;
  }
  .md\:kds-row-start-13 {
    grid-row-start: 13;
  }
  .md\:kds-row-start-2 {
    grid-row-start: 2;
  }
  .md\:kds-row-start-3 {
    grid-row-start: 3;
  }
  .md\:kds-row-start-4 {
    grid-row-start: 4;
  }
  .md\:kds-row-start-5 {
    grid-row-start: 5;
  }
  .md\:kds-row-start-6 {
    grid-row-start: 6;
  }
  .md\:kds-row-start-7 {
    grid-row-start: 7;
  }
  .md\:kds-row-start-8 {
    grid-row-start: 8;
  }
  .md\:kds-row-start-9 {
    grid-row-start: 9;
  }
  .md\:kds-row-start-auto {
    grid-row-start: auto;
  }
  .md\:-kds-row-end-1 {
    grid-row-end: -1;
  }
  .md\:-kds-row-end-10 {
    grid-row-end: -10;
  }
  .md\:-kds-row-end-11 {
    grid-row-end: -11;
  }
  .md\:-kds-row-end-12 {
    grid-row-end: -12;
  }
  .md\:-kds-row-end-13 {
    grid-row-end: -13;
  }
  .md\:-kds-row-end-2 {
    grid-row-end: -2;
  }
  .md\:-kds-row-end-3 {
    grid-row-end: -3;
  }
  .md\:-kds-row-end-4 {
    grid-row-end: -4;
  }
  .md\:-kds-row-end-5 {
    grid-row-end: -5;
  }
  .md\:-kds-row-end-6 {
    grid-row-end: -6;
  }
  .md\:-kds-row-end-7 {
    grid-row-end: -7;
  }
  .md\:-kds-row-end-8 {
    grid-row-end: -8;
  }
  .md\:-kds-row-end-9 {
    grid-row-end: -9;
  }
  .md\:kds--row-end-1 {
    grid-row-end: -1;
  }
  .md\:kds--row-end-10 {
    grid-row-end: -10;
  }
  .md\:kds--row-end-11 {
    grid-row-end: -11;
  }
  .md\:kds--row-end-12 {
    grid-row-end: -12;
  }
  .md\:kds--row-end-13 {
    grid-row-end: -13;
  }
  .md\:kds--row-end-2 {
    grid-row-end: -2;
  }
  .md\:kds--row-end-3 {
    grid-row-end: -3;
  }
  .md\:kds--row-end-4 {
    grid-row-end: -4;
  }
  .md\:kds--row-end-5 {
    grid-row-end: -5;
  }
  .md\:kds--row-end-6 {
    grid-row-end: -6;
  }
  .md\:kds--row-end-7 {
    grid-row-end: -7;
  }
  .md\:kds--row-end-8 {
    grid-row-end: -8;
  }
  .md\:kds--row-end-9 {
    grid-row-end: -9;
  }
  .md\:kds-row-end-1 {
    grid-row-end: 1;
  }
  .md\:kds-row-end-10 {
    grid-row-end: 10;
  }
  .md\:kds-row-end-11 {
    grid-row-end: 11;
  }
  .md\:kds-row-end-12 {
    grid-row-end: 12;
  }
  .md\:kds-row-end-13 {
    grid-row-end: 13;
  }
  .md\:kds-row-end-2 {
    grid-row-end: 2;
  }
  .md\:kds-row-end-3 {
    grid-row-end: 3;
  }
  .md\:kds-row-end-4 {
    grid-row-end: 4;
  }
  .md\:kds-row-end-5 {
    grid-row-end: 5;
  }
  .md\:kds-row-end-6 {
    grid-row-end: 6;
  }
  .md\:kds-row-end-7 {
    grid-row-end: 7;
  }
  .md\:kds-row-end-8 {
    grid-row-end: 8;
  }
  .md\:kds-row-end-9 {
    grid-row-end: 9;
  }
  .md\:kds-row-end-auto {
    grid-row-end: auto;
  }
  .md\:-kds-m-0 {
    margin: 0px;
  }
  .md\:-kds-m-01 {
    margin: -4px;
  }
  .md\:-kds-m-02 {
    margin: -8px;
  }
  .md\:-kds-m-03 {
    margin: -12px;
  }
  .md\:-kds-m-04 {
    margin: -16px;
  }
  .md\:-kds-m-05 {
    margin: -20px;
  }
  .md\:-kds-m-06 {
    margin: -24px;
  }
  .md\:-kds-m-07 {
    margin: -28px;
  }
  .md\:-kds-m-08 {
    margin: -32px;
  }
  .md\:-kds-m-09 {
    margin: -36px;
  }
  .md\:-kds-m-10 {
    margin: -40px;
  }
  .md\:-kds-m-11 {
    margin: -44px;
  }
  .md\:-kds-m-12 {
    margin: -48px;
  }
  .md\:-kds-m-14 {
    margin: -56px;
  }
  .md\:-kds-m-16 {
    margin: -64px;
  }
  .md\:-kds-m-20 {
    margin: -80px;
  }
  .md\:-kds-m-page-margin {
    margin: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-m-page-rail {
    margin: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--m-0 {
    margin: 0px;
  }
  .md\:kds--m-01 {
    margin: -4px;
  }
  .md\:kds--m-02 {
    margin: -8px;
  }
  .md\:kds--m-03 {
    margin: -12px;
  }
  .md\:kds--m-04 {
    margin: -16px;
  }
  .md\:kds--m-05 {
    margin: -20px;
  }
  .md\:kds--m-06 {
    margin: -24px;
  }
  .md\:kds--m-07 {
    margin: -28px;
  }
  .md\:kds--m-08 {
    margin: -32px;
  }
  .md\:kds--m-09 {
    margin: -36px;
  }
  .md\:kds--m-10 {
    margin: -40px;
  }
  .md\:kds--m-11 {
    margin: -44px;
  }
  .md\:kds--m-12 {
    margin: -48px;
  }
  .md\:kds--m-14 {
    margin: -56px;
  }
  .md\:kds--m-16 {
    margin: -64px;
  }
  .md\:kds--m-20 {
    margin: -80px;
  }
  .md\:kds--m-page-margin {
    margin: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--m-page-rail {
    margin: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds-m-0 {
    margin: 0px;
  }
  .md\:kds-m-01 {
    margin: 4px;
  }
  .md\:kds-m-02 {
    margin: 8px;
  }
  .md\:kds-m-03 {
    margin: 12px;
  }
  .md\:kds-m-04 {
    margin: 16px;
  }
  .md\:kds-m-05 {
    margin: 20px;
  }
  .md\:kds-m-06 {
    margin: 24px;
  }
  .md\:kds-m-07 {
    margin: 28px;
  }
  .md\:kds-m-08 {
    margin: 32px;
  }
  .md\:kds-m-09 {
    margin: 36px;
  }
  .md\:kds-m-10 {
    margin: 40px;
  }
  .md\:kds-m-11 {
    margin: 44px;
  }
  .md\:kds-m-12 {
    margin: 48px;
  }
  .md\:kds-m-14 {
    margin: 56px;
  }
  .md\:kds-m-16 {
    margin: 64px;
  }
  .md\:kds-m-20 {
    margin: 80px;
  }
  .md\:kds-m-auto {
    margin: auto;
  }
  .md\:kds-m-page-margin {
    margin: var(--_page-grid-margin, 0px);
  }
  .md\:kds-m-page-rail {
    margin: var(--_page-grid-rail-width, 0px);
  }
  .md\:-kds-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:-kds-mx-01 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .md\:-kds-mx-02 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .md\:-kds-mx-03 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .md\:-kds-mx-04 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .md\:-kds-mx-05 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .md\:-kds-mx-06 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .md\:-kds-mx-07 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .md\:-kds-mx-08 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .md\:-kds-mx-09 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .md\:-kds-mx-10 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .md\:-kds-mx-11 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .md\:-kds-mx-12 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .md\:-kds-mx-14 {
    margin-left: -56px;
    margin-right: -56px;
  }
  .md\:-kds-mx-16 {
    margin-left: -64px;
    margin-right: -64px;
  }
  .md\:-kds-mx-20 {
    margin-left: -80px;
    margin-right: -80px;
  }
  .md\:-kds-mx-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-mx-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:-kds-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:-kds-my-01 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .md\:-kds-my-02 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .md\:-kds-my-03 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .md\:-kds-my-04 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .md\:-kds-my-05 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .md\:-kds-my-06 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .md\:-kds-my-07 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .md\:-kds-my-08 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .md\:-kds-my-09 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .md\:-kds-my-10 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .md\:-kds-my-11 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .md\:-kds-my-12 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .md\:-kds-my-14 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .md\:-kds-my-16 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .md\:-kds-my-20 {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .md\:-kds-my-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-my-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:kds--mx-01 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .md\:kds--mx-02 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .md\:kds--mx-03 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .md\:kds--mx-04 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .md\:kds--mx-05 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .md\:kds--mx-06 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .md\:kds--mx-07 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .md\:kds--mx-08 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .md\:kds--mx-09 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .md\:kds--mx-10 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .md\:kds--mx-11 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .md\:kds--mx-12 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .md\:kds--mx-14 {
    margin-left: -56px;
    margin-right: -56px;
  }
  .md\:kds--mx-16 {
    margin-left: -64px;
    margin-right: -64px;
  }
  .md\:kds--mx-20 {
    margin-left: -80px;
    margin-right: -80px;
  }
  .md\:kds--mx-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--mx-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:kds--my-01 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .md\:kds--my-02 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .md\:kds--my-03 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .md\:kds--my-04 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .md\:kds--my-05 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .md\:kds--my-06 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .md\:kds--my-07 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .md\:kds--my-08 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .md\:kds--my-09 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .md\:kds--my-10 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .md\:kds--my-11 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .md\:kds--my-12 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .md\:kds--my-14 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .md\:kds--my-16 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .md\:kds--my-20 {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .md\:kds--my-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--my-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .md\:kds-mx-01 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .md\:kds-mx-02 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .md\:kds-mx-03 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .md\:kds-mx-04 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .md\:kds-mx-05 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .md\:kds-mx-06 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .md\:kds-mx-07 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .md\:kds-mx-08 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .md\:kds-mx-09 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .md\:kds-mx-10 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .md\:kds-mx-11 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .md\:kds-mx-12 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .md\:kds-mx-14 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .md\:kds-mx-16 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .md\:kds-mx-20 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .md\:kds-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md\:kds-mx-page-margin {
    margin-left: var(--_page-grid-margin, 0px);
    margin-right: var(--_page-grid-margin, 0px);
  }
  .md\:kds-mx-page-rail {
    margin-left: var(--_page-grid-rail-width, 0px);
    margin-right: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .md\:kds-my-01 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .md\:kds-my-02 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .md\:kds-my-03 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .md\:kds-my-04 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .md\:kds-my-05 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .md\:kds-my-06 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .md\:kds-my-07 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .md\:kds-my-08 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .md\:kds-my-09 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .md\:kds-my-10 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .md\:kds-my-11 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .md\:kds-my-12 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .md\:kds-my-14 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .md\:kds-my-16 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .md\:kds-my-20 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .md\:kds-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .md\:kds-my-page-margin {
    margin-top: var(--_page-grid-margin, 0px);
    margin-bottom: var(--_page-grid-margin, 0px);
  }
  .md\:kds-my-page-rail {
    margin-top: var(--_page-grid-rail-width, 0px);
    margin-bottom: var(--_page-grid-rail-width, 0px);
  }
  .md\:-kds-mb-0 {
    margin-bottom: 0px;
  }
  .md\:-kds-mb-01 {
    margin-bottom: -4px;
  }
  .md\:-kds-mb-02 {
    margin-bottom: -8px;
  }
  .md\:-kds-mb-03 {
    margin-bottom: -12px;
  }
  .md\:-kds-mb-04 {
    margin-bottom: -16px;
  }
  .md\:-kds-mb-05 {
    margin-bottom: -20px;
  }
  .md\:-kds-mb-06 {
    margin-bottom: -24px;
  }
  .md\:-kds-mb-07 {
    margin-bottom: -28px;
  }
  .md\:-kds-mb-08 {
    margin-bottom: -32px;
  }
  .md\:-kds-mb-09 {
    margin-bottom: -36px;
  }
  .md\:-kds-mb-10 {
    margin-bottom: -40px;
  }
  .md\:-kds-mb-11 {
    margin-bottom: -44px;
  }
  .md\:-kds-mb-12 {
    margin-bottom: -48px;
  }
  .md\:-kds-mb-14 {
    margin-bottom: -56px;
  }
  .md\:-kds-mb-16 {
    margin-bottom: -64px;
  }
  .md\:-kds-mb-20 {
    margin-bottom: -80px;
  }
  .md\:-kds-mb-page-margin {
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-mb-page-rail {
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:-kds-me-0 {
    margin-inline-end: 0px;
  }
  .md\:-kds-me-01 {
    margin-inline-end: -4px;
  }
  .md\:-kds-me-02 {
    margin-inline-end: -8px;
  }
  .md\:-kds-me-03 {
    margin-inline-end: -12px;
  }
  .md\:-kds-me-04 {
    margin-inline-end: -16px;
  }
  .md\:-kds-me-05 {
    margin-inline-end: -20px;
  }
  .md\:-kds-me-06 {
    margin-inline-end: -24px;
  }
  .md\:-kds-me-07 {
    margin-inline-end: -28px;
  }
  .md\:-kds-me-08 {
    margin-inline-end: -32px;
  }
  .md\:-kds-me-09 {
    margin-inline-end: -36px;
  }
  .md\:-kds-me-10 {
    margin-inline-end: -40px;
  }
  .md\:-kds-me-11 {
    margin-inline-end: -44px;
  }
  .md\:-kds-me-12 {
    margin-inline-end: -48px;
  }
  .md\:-kds-me-14 {
    margin-inline-end: -56px;
  }
  .md\:-kds-me-16 {
    margin-inline-end: -64px;
  }
  .md\:-kds-me-20 {
    margin-inline-end: -80px;
  }
  .md\:-kds-me-page-margin {
    margin-inline-end: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-me-page-rail {
    margin-inline-end: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:-kds-ml-0 {
    margin-left: 0px;
  }
  .md\:-kds-ml-01 {
    margin-left: -4px;
  }
  .md\:-kds-ml-02 {
    margin-left: -8px;
  }
  .md\:-kds-ml-03 {
    margin-left: -12px;
  }
  .md\:-kds-ml-04 {
    margin-left: -16px;
  }
  .md\:-kds-ml-05 {
    margin-left: -20px;
  }
  .md\:-kds-ml-06 {
    margin-left: -24px;
  }
  .md\:-kds-ml-07 {
    margin-left: -28px;
  }
  .md\:-kds-ml-08 {
    margin-left: -32px;
  }
  .md\:-kds-ml-09 {
    margin-left: -36px;
  }
  .md\:-kds-ml-10 {
    margin-left: -40px;
  }
  .md\:-kds-ml-11 {
    margin-left: -44px;
  }
  .md\:-kds-ml-12 {
    margin-left: -48px;
  }
  .md\:-kds-ml-14 {
    margin-left: -56px;
  }
  .md\:-kds-ml-16 {
    margin-left: -64px;
  }
  .md\:-kds-ml-20 {
    margin-left: -80px;
  }
  .md\:-kds-ml-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-ml-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:-kds-mr-0 {
    margin-right: 0px;
  }
  .md\:-kds-mr-01 {
    margin-right: -4px;
  }
  .md\:-kds-mr-02 {
    margin-right: -8px;
  }
  .md\:-kds-mr-03 {
    margin-right: -12px;
  }
  .md\:-kds-mr-04 {
    margin-right: -16px;
  }
  .md\:-kds-mr-05 {
    margin-right: -20px;
  }
  .md\:-kds-mr-06 {
    margin-right: -24px;
  }
  .md\:-kds-mr-07 {
    margin-right: -28px;
  }
  .md\:-kds-mr-08 {
    margin-right: -32px;
  }
  .md\:-kds-mr-09 {
    margin-right: -36px;
  }
  .md\:-kds-mr-10 {
    margin-right: -40px;
  }
  .md\:-kds-mr-11 {
    margin-right: -44px;
  }
  .md\:-kds-mr-12 {
    margin-right: -48px;
  }
  .md\:-kds-mr-14 {
    margin-right: -56px;
  }
  .md\:-kds-mr-16 {
    margin-right: -64px;
  }
  .md\:-kds-mr-20 {
    margin-right: -80px;
  }
  .md\:-kds-mr-page-margin {
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-mr-page-rail {
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:-kds-ms-0 {
    margin-inline-start: 0px;
  }
  .md\:-kds-ms-01 {
    margin-inline-start: -4px;
  }
  .md\:-kds-ms-02 {
    margin-inline-start: -8px;
  }
  .md\:-kds-ms-03 {
    margin-inline-start: -12px;
  }
  .md\:-kds-ms-04 {
    margin-inline-start: -16px;
  }
  .md\:-kds-ms-05 {
    margin-inline-start: -20px;
  }
  .md\:-kds-ms-06 {
    margin-inline-start: -24px;
  }
  .md\:-kds-ms-07 {
    margin-inline-start: -28px;
  }
  .md\:-kds-ms-08 {
    margin-inline-start: -32px;
  }
  .md\:-kds-ms-09 {
    margin-inline-start: -36px;
  }
  .md\:-kds-ms-10 {
    margin-inline-start: -40px;
  }
  .md\:-kds-ms-11 {
    margin-inline-start: -44px;
  }
  .md\:-kds-ms-12 {
    margin-inline-start: -48px;
  }
  .md\:-kds-ms-14 {
    margin-inline-start: -56px;
  }
  .md\:-kds-ms-16 {
    margin-inline-start: -64px;
  }
  .md\:-kds-ms-20 {
    margin-inline-start: -80px;
  }
  .md\:-kds-ms-page-margin {
    margin-inline-start: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-ms-page-rail {
    margin-inline-start: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:-kds-mt-0 {
    margin-top: 0px;
  }
  .md\:-kds-mt-01 {
    margin-top: -4px;
  }
  .md\:-kds-mt-02 {
    margin-top: -8px;
  }
  .md\:-kds-mt-03 {
    margin-top: -12px;
  }
  .md\:-kds-mt-04 {
    margin-top: -16px;
  }
  .md\:-kds-mt-05 {
    margin-top: -20px;
  }
  .md\:-kds-mt-06 {
    margin-top: -24px;
  }
  .md\:-kds-mt-07 {
    margin-top: -28px;
  }
  .md\:-kds-mt-08 {
    margin-top: -32px;
  }
  .md\:-kds-mt-09 {
    margin-top: -36px;
  }
  .md\:-kds-mt-10 {
    margin-top: -40px;
  }
  .md\:-kds-mt-11 {
    margin-top: -44px;
  }
  .md\:-kds-mt-12 {
    margin-top: -48px;
  }
  .md\:-kds-mt-14 {
    margin-top: -56px;
  }
  .md\:-kds-mt-16 {
    margin-top: -64px;
  }
  .md\:-kds-mt-20 {
    margin-top: -80px;
  }
  .md\:-kds-mt-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:-kds-mt-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--mb-0 {
    margin-bottom: 0px;
  }
  .md\:kds--mb-01 {
    margin-bottom: -4px;
  }
  .md\:kds--mb-02 {
    margin-bottom: -8px;
  }
  .md\:kds--mb-03 {
    margin-bottom: -12px;
  }
  .md\:kds--mb-04 {
    margin-bottom: -16px;
  }
  .md\:kds--mb-05 {
    margin-bottom: -20px;
  }
  .md\:kds--mb-06 {
    margin-bottom: -24px;
  }
  .md\:kds--mb-07 {
    margin-bottom: -28px;
  }
  .md\:kds--mb-08 {
    margin-bottom: -32px;
  }
  .md\:kds--mb-09 {
    margin-bottom: -36px;
  }
  .md\:kds--mb-10 {
    margin-bottom: -40px;
  }
  .md\:kds--mb-11 {
    margin-bottom: -44px;
  }
  .md\:kds--mb-12 {
    margin-bottom: -48px;
  }
  .md\:kds--mb-14 {
    margin-bottom: -56px;
  }
  .md\:kds--mb-16 {
    margin-bottom: -64px;
  }
  .md\:kds--mb-20 {
    margin-bottom: -80px;
  }
  .md\:kds--mb-page-margin {
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--mb-page-rail {
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--me-0 {
    margin-inline-end: 0px;
  }
  .md\:kds--me-01 {
    margin-inline-end: -4px;
  }
  .md\:kds--me-02 {
    margin-inline-end: -8px;
  }
  .md\:kds--me-03 {
    margin-inline-end: -12px;
  }
  .md\:kds--me-04 {
    margin-inline-end: -16px;
  }
  .md\:kds--me-05 {
    margin-inline-end: -20px;
  }
  .md\:kds--me-06 {
    margin-inline-end: -24px;
  }
  .md\:kds--me-07 {
    margin-inline-end: -28px;
  }
  .md\:kds--me-08 {
    margin-inline-end: -32px;
  }
  .md\:kds--me-09 {
    margin-inline-end: -36px;
  }
  .md\:kds--me-10 {
    margin-inline-end: -40px;
  }
  .md\:kds--me-11 {
    margin-inline-end: -44px;
  }
  .md\:kds--me-12 {
    margin-inline-end: -48px;
  }
  .md\:kds--me-14 {
    margin-inline-end: -56px;
  }
  .md\:kds--me-16 {
    margin-inline-end: -64px;
  }
  .md\:kds--me-20 {
    margin-inline-end: -80px;
  }
  .md\:kds--me-page-margin {
    margin-inline-end: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--me-page-rail {
    margin-inline-end: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--ml-0 {
    margin-left: 0px;
  }
  .md\:kds--ml-01 {
    margin-left: -4px;
  }
  .md\:kds--ml-02 {
    margin-left: -8px;
  }
  .md\:kds--ml-03 {
    margin-left: -12px;
  }
  .md\:kds--ml-04 {
    margin-left: -16px;
  }
  .md\:kds--ml-05 {
    margin-left: -20px;
  }
  .md\:kds--ml-06 {
    margin-left: -24px;
  }
  .md\:kds--ml-07 {
    margin-left: -28px;
  }
  .md\:kds--ml-08 {
    margin-left: -32px;
  }
  .md\:kds--ml-09 {
    margin-left: -36px;
  }
  .md\:kds--ml-10 {
    margin-left: -40px;
  }
  .md\:kds--ml-11 {
    margin-left: -44px;
  }
  .md\:kds--ml-12 {
    margin-left: -48px;
  }
  .md\:kds--ml-14 {
    margin-left: -56px;
  }
  .md\:kds--ml-16 {
    margin-left: -64px;
  }
  .md\:kds--ml-20 {
    margin-left: -80px;
  }
  .md\:kds--ml-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--ml-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--mr-0 {
    margin-right: 0px;
  }
  .md\:kds--mr-01 {
    margin-right: -4px;
  }
  .md\:kds--mr-02 {
    margin-right: -8px;
  }
  .md\:kds--mr-03 {
    margin-right: -12px;
  }
  .md\:kds--mr-04 {
    margin-right: -16px;
  }
  .md\:kds--mr-05 {
    margin-right: -20px;
  }
  .md\:kds--mr-06 {
    margin-right: -24px;
  }
  .md\:kds--mr-07 {
    margin-right: -28px;
  }
  .md\:kds--mr-08 {
    margin-right: -32px;
  }
  .md\:kds--mr-09 {
    margin-right: -36px;
  }
  .md\:kds--mr-10 {
    margin-right: -40px;
  }
  .md\:kds--mr-11 {
    margin-right: -44px;
  }
  .md\:kds--mr-12 {
    margin-right: -48px;
  }
  .md\:kds--mr-14 {
    margin-right: -56px;
  }
  .md\:kds--mr-16 {
    margin-right: -64px;
  }
  .md\:kds--mr-20 {
    margin-right: -80px;
  }
  .md\:kds--mr-page-margin {
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--mr-page-rail {
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--ms-0 {
    margin-inline-start: 0px;
  }
  .md\:kds--ms-01 {
    margin-inline-start: -4px;
  }
  .md\:kds--ms-02 {
    margin-inline-start: -8px;
  }
  .md\:kds--ms-03 {
    margin-inline-start: -12px;
  }
  .md\:kds--ms-04 {
    margin-inline-start: -16px;
  }
  .md\:kds--ms-05 {
    margin-inline-start: -20px;
  }
  .md\:kds--ms-06 {
    margin-inline-start: -24px;
  }
  .md\:kds--ms-07 {
    margin-inline-start: -28px;
  }
  .md\:kds--ms-08 {
    margin-inline-start: -32px;
  }
  .md\:kds--ms-09 {
    margin-inline-start: -36px;
  }
  .md\:kds--ms-10 {
    margin-inline-start: -40px;
  }
  .md\:kds--ms-11 {
    margin-inline-start: -44px;
  }
  .md\:kds--ms-12 {
    margin-inline-start: -48px;
  }
  .md\:kds--ms-14 {
    margin-inline-start: -56px;
  }
  .md\:kds--ms-16 {
    margin-inline-start: -64px;
  }
  .md\:kds--ms-20 {
    margin-inline-start: -80px;
  }
  .md\:kds--ms-page-margin {
    margin-inline-start: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--ms-page-rail {
    margin-inline-start: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds--mt-0 {
    margin-top: 0px;
  }
  .md\:kds--mt-01 {
    margin-top: -4px;
  }
  .md\:kds--mt-02 {
    margin-top: -8px;
  }
  .md\:kds--mt-03 {
    margin-top: -12px;
  }
  .md\:kds--mt-04 {
    margin-top: -16px;
  }
  .md\:kds--mt-05 {
    margin-top: -20px;
  }
  .md\:kds--mt-06 {
    margin-top: -24px;
  }
  .md\:kds--mt-07 {
    margin-top: -28px;
  }
  .md\:kds--mt-08 {
    margin-top: -32px;
  }
  .md\:kds--mt-09 {
    margin-top: -36px;
  }
  .md\:kds--mt-10 {
    margin-top: -40px;
  }
  .md\:kds--mt-11 {
    margin-top: -44px;
  }
  .md\:kds--mt-12 {
    margin-top: -48px;
  }
  .md\:kds--mt-14 {
    margin-top: -56px;
  }
  .md\:kds--mt-16 {
    margin-top: -64px;
  }
  .md\:kds--mt-20 {
    margin-top: -80px;
  }
  .md\:kds--mt-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .md\:kds--mt-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .md\:kds-mb-0 {
    margin-bottom: 0px;
  }
  .md\:kds-mb-01 {
    margin-bottom: 4px;
  }
  .md\:kds-mb-02 {
    margin-bottom: 8px;
  }
  .md\:kds-mb-03 {
    margin-bottom: 12px;
  }
  .md\:kds-mb-04 {
    margin-bottom: 16px;
  }
  .md\:kds-mb-05 {
    margin-bottom: 20px;
  }
  .md\:kds-mb-06 {
    margin-bottom: 24px;
  }
  .md\:kds-mb-07 {
    margin-bottom: 28px;
  }
  .md\:kds-mb-08 {
    margin-bottom: 32px;
  }
  .md\:kds-mb-09 {
    margin-bottom: 36px;
  }
  .md\:kds-mb-10 {
    margin-bottom: 40px;
  }
  .md\:kds-mb-11 {
    margin-bottom: 44px;
  }
  .md\:kds-mb-12 {
    margin-bottom: 48px;
  }
  .md\:kds-mb-14 {
    margin-bottom: 56px;
  }
  .md\:kds-mb-16 {
    margin-bottom: 64px;
  }
  .md\:kds-mb-20 {
    margin-bottom: 80px;
  }
  .md\:kds-mb-auto {
    margin-bottom: auto;
  }
  .md\:kds-mb-page-margin {
    margin-bottom: var(--_page-grid-margin, 0px);
  }
  .md\:kds-mb-page-rail {
    margin-bottom: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-me-0 {
    margin-inline-end: 0px;
  }
  .md\:kds-me-01 {
    margin-inline-end: 4px;
  }
  .md\:kds-me-02 {
    margin-inline-end: 8px;
  }
  .md\:kds-me-03 {
    margin-inline-end: 12px;
  }
  .md\:kds-me-04 {
    margin-inline-end: 16px;
  }
  .md\:kds-me-05 {
    margin-inline-end: 20px;
  }
  .md\:kds-me-06 {
    margin-inline-end: 24px;
  }
  .md\:kds-me-07 {
    margin-inline-end: 28px;
  }
  .md\:kds-me-08 {
    margin-inline-end: 32px;
  }
  .md\:kds-me-09 {
    margin-inline-end: 36px;
  }
  .md\:kds-me-10 {
    margin-inline-end: 40px;
  }
  .md\:kds-me-11 {
    margin-inline-end: 44px;
  }
  .md\:kds-me-12 {
    margin-inline-end: 48px;
  }
  .md\:kds-me-14 {
    margin-inline-end: 56px;
  }
  .md\:kds-me-16 {
    margin-inline-end: 64px;
  }
  .md\:kds-me-20 {
    margin-inline-end: 80px;
  }
  .md\:kds-me-auto {
    margin-inline-end: auto;
  }
  .md\:kds-me-page-margin {
    margin-inline-end: var(--_page-grid-margin, 0px);
  }
  .md\:kds-me-page-rail {
    margin-inline-end: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-ml-0 {
    margin-left: 0px;
  }
  .md\:kds-ml-01 {
    margin-left: 4px;
  }
  .md\:kds-ml-02 {
    margin-left: 8px;
  }
  .md\:kds-ml-03 {
    margin-left: 12px;
  }
  .md\:kds-ml-04 {
    margin-left: 16px;
  }
  .md\:kds-ml-05 {
    margin-left: 20px;
  }
  .md\:kds-ml-06 {
    margin-left: 24px;
  }
  .md\:kds-ml-07 {
    margin-left: 28px;
  }
  .md\:kds-ml-08 {
    margin-left: 32px;
  }
  .md\:kds-ml-09 {
    margin-left: 36px;
  }
  .md\:kds-ml-10 {
    margin-left: 40px;
  }
  .md\:kds-ml-11 {
    margin-left: 44px;
  }
  .md\:kds-ml-12 {
    margin-left: 48px;
  }
  .md\:kds-ml-14 {
    margin-left: 56px;
  }
  .md\:kds-ml-16 {
    margin-left: 64px;
  }
  .md\:kds-ml-20 {
    margin-left: 80px;
  }
  .md\:kds-ml-auto {
    margin-left: auto;
  }
  .md\:kds-ml-page-margin {
    margin-left: var(--_page-grid-margin, 0px);
  }
  .md\:kds-ml-page-rail {
    margin-left: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-mr-0 {
    margin-right: 0px;
  }
  .md\:kds-mr-01 {
    margin-right: 4px;
  }
  .md\:kds-mr-02 {
    margin-right: 8px;
  }
  .md\:kds-mr-03 {
    margin-right: 12px;
  }
  .md\:kds-mr-04 {
    margin-right: 16px;
  }
  .md\:kds-mr-05 {
    margin-right: 20px;
  }
  .md\:kds-mr-06 {
    margin-right: 24px;
  }
  .md\:kds-mr-07 {
    margin-right: 28px;
  }
  .md\:kds-mr-08 {
    margin-right: 32px;
  }
  .md\:kds-mr-09 {
    margin-right: 36px;
  }
  .md\:kds-mr-10 {
    margin-right: 40px;
  }
  .md\:kds-mr-11 {
    margin-right: 44px;
  }
  .md\:kds-mr-12 {
    margin-right: 48px;
  }
  .md\:kds-mr-14 {
    margin-right: 56px;
  }
  .md\:kds-mr-16 {
    margin-right: 64px;
  }
  .md\:kds-mr-20 {
    margin-right: 80px;
  }
  .md\:kds-mr-auto {
    margin-right: auto;
  }
  .md\:kds-mr-page-margin {
    margin-right: var(--_page-grid-margin, 0px);
  }
  .md\:kds-mr-page-rail {
    margin-right: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-ms-0 {
    margin-inline-start: 0px;
  }
  .md\:kds-ms-01 {
    margin-inline-start: 4px;
  }
  .md\:kds-ms-02 {
    margin-inline-start: 8px;
  }
  .md\:kds-ms-03 {
    margin-inline-start: 12px;
  }
  .md\:kds-ms-04 {
    margin-inline-start: 16px;
  }
  .md\:kds-ms-05 {
    margin-inline-start: 20px;
  }
  .md\:kds-ms-06 {
    margin-inline-start: 24px;
  }
  .md\:kds-ms-07 {
    margin-inline-start: 28px;
  }
  .md\:kds-ms-08 {
    margin-inline-start: 32px;
  }
  .md\:kds-ms-09 {
    margin-inline-start: 36px;
  }
  .md\:kds-ms-10 {
    margin-inline-start: 40px;
  }
  .md\:kds-ms-11 {
    margin-inline-start: 44px;
  }
  .md\:kds-ms-12 {
    margin-inline-start: 48px;
  }
  .md\:kds-ms-14 {
    margin-inline-start: 56px;
  }
  .md\:kds-ms-16 {
    margin-inline-start: 64px;
  }
  .md\:kds-ms-20 {
    margin-inline-start: 80px;
  }
  .md\:kds-ms-auto {
    margin-inline-start: auto;
  }
  .md\:kds-ms-page-margin {
    margin-inline-start: var(--_page-grid-margin, 0px);
  }
  .md\:kds-ms-page-rail {
    margin-inline-start: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-mt-0 {
    margin-top: 0px;
  }
  .md\:kds-mt-01 {
    margin-top: 4px;
  }
  .md\:kds-mt-02 {
    margin-top: 8px;
  }
  .md\:kds-mt-03 {
    margin-top: 12px;
  }
  .md\:kds-mt-04 {
    margin-top: 16px;
  }
  .md\:kds-mt-05 {
    margin-top: 20px;
  }
  .md\:kds-mt-06 {
    margin-top: 24px;
  }
  .md\:kds-mt-07 {
    margin-top: 28px;
  }
  .md\:kds-mt-08 {
    margin-top: 32px;
  }
  .md\:kds-mt-09 {
    margin-top: 36px;
  }
  .md\:kds-mt-10 {
    margin-top: 40px;
  }
  .md\:kds-mt-11 {
    margin-top: 44px;
  }
  .md\:kds-mt-12 {
    margin-top: 48px;
  }
  .md\:kds-mt-14 {
    margin-top: 56px;
  }
  .md\:kds-mt-16 {
    margin-top: 64px;
  }
  .md\:kds-mt-20 {
    margin-top: 80px;
  }
  .md\:kds-mt-auto {
    margin-top: auto;
  }
  .md\:kds-mt-page-margin {
    margin-top: var(--_page-grid-margin, 0px);
  }
  .md\:kds-mt-page-rail {
    margin-top: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .md\:kds-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .md\:kds-line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .md\:kds-line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .md\:kds-line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .md\:kds-line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .md\:kds-line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }
  .md\:kds-gap-0 {
    gap: 0px;
  }
  .md\:kds-gap-01 {
    gap: 4px;
  }
  .md\:kds-gap-02 {
    gap: 8px;
  }
  .md\:kds-gap-03 {
    gap: 12px;
  }
  .md\:kds-gap-04 {
    gap: 16px;
  }
  .md\:kds-gap-05 {
    gap: 20px;
  }
  .md\:kds-gap-06 {
    gap: 24px;
  }
  .md\:kds-gap-07 {
    gap: 28px;
  }
  .md\:kds-gap-08 {
    gap: 32px;
  }
  .md\:kds-gap-09 {
    gap: 36px;
  }
  .md\:kds-gap-10 {
    gap: 40px;
  }
  .md\:kds-gap-11 {
    gap: 44px;
  }
  .md\:kds-gap-12 {
    gap: 48px;
  }
  .md\:kds-gap-14 {
    gap: 56px;
  }
  .md\:kds-gap-16 {
    gap: 64px;
  }
  .md\:kds-gap-20 {
    gap: 80px;
  }
  .md\:kds-gap-page-margin {
    gap: var(--_page-grid-margin, 0px);
  }
  .md\:kds-gap-page-rail {
    gap: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-gap-x-0 {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .md\:kds-gap-x-01 {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
  .md\:kds-gap-x-02 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .md\:kds-gap-x-03 {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .md\:kds-gap-x-04 {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .md\:kds-gap-x-05 {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .md\:kds-gap-x-06 {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .md\:kds-gap-x-07 {
    -moz-column-gap: 28px;
    column-gap: 28px;
  }
  .md\:kds-gap-x-08 {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  .md\:kds-gap-x-09 {
    -moz-column-gap: 36px;
    column-gap: 36px;
  }
  .md\:kds-gap-x-10 {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .md\:kds-gap-x-11 {
    -moz-column-gap: 44px;
    column-gap: 44px;
  }
  .md\:kds-gap-x-12 {
    -moz-column-gap: 48px;
    column-gap: 48px;
  }
  .md\:kds-gap-x-14 {
    -moz-column-gap: 56px;
    column-gap: 56px;
  }
  .md\:kds-gap-x-16 {
    -moz-column-gap: 64px;
    column-gap: 64px;
  }
  .md\:kds-gap-x-20 {
    -moz-column-gap: 80px;
    column-gap: 80px;
  }
  .md\:kds-gap-x-page-margin {
    -moz-column-gap: var(--_page-grid-margin, 0px);
    column-gap: var(--_page-grid-margin, 0px);
  }
  .md\:kds-gap-x-page-rail {
    -moz-column-gap: var(--_page-grid-rail-width, 0px);
    column-gap: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-gap-y-0 {
    row-gap: 0px;
  }
  .md\:kds-gap-y-01 {
    row-gap: 4px;
  }
  .md\:kds-gap-y-02 {
    row-gap: 8px;
  }
  .md\:kds-gap-y-03 {
    row-gap: 12px;
  }
  .md\:kds-gap-y-04 {
    row-gap: 16px;
  }
  .md\:kds-gap-y-05 {
    row-gap: 20px;
  }
  .md\:kds-gap-y-06 {
    row-gap: 24px;
  }
  .md\:kds-gap-y-07 {
    row-gap: 28px;
  }
  .md\:kds-gap-y-08 {
    row-gap: 32px;
  }
  .md\:kds-gap-y-09 {
    row-gap: 36px;
  }
  .md\:kds-gap-y-10 {
    row-gap: 40px;
  }
  .md\:kds-gap-y-11 {
    row-gap: 44px;
  }
  .md\:kds-gap-y-12 {
    row-gap: 48px;
  }
  .md\:kds-gap-y-14 {
    row-gap: 56px;
  }
  .md\:kds-gap-y-16 {
    row-gap: 64px;
  }
  .md\:kds-gap-y-20 {
    row-gap: 80px;
  }
  .md\:kds-gap-y-page-margin {
    row-gap: var(--_page-grid-margin, 0px);
  }
  .md\:kds-gap-y-page-rail {
    row-gap: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-rounded-full {
    border-radius: 100vmax;
  }
  .md\:kds-rounded-lg {
    border-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-md {
    border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-none {
    border-radius: 0;
  }
  .md\:kds-rounded-sm {
    border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-b {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-b-full {
    border-bottom-right-radius: 100vmax;
    border-bottom-left-radius: 100vmax;
  }
  .md\:kds-rounded-b-lg {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-b-md {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .md\:kds-rounded-b-sm {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-e {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-e-full {
    border-start-end-radius: 100vmax;
    border-end-end-radius: 100vmax;
  }
  .md\:kds-rounded-e-lg {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-e-md {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .md\:kds-rounded-e-sm {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-l {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-l-full {
    border-top-left-radius: 100vmax;
    border-bottom-left-radius: 100vmax;
  }
  .md\:kds-rounded-l-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-l-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .md\:kds-rounded-l-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-r {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-r-full {
    border-top-right-radius: 100vmax;
    border-bottom-right-radius: 100vmax;
  }
  .md\:kds-rounded-r-lg {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-r-md {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .md\:kds-rounded-r-sm {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-s {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-s-full {
    border-start-start-radius: 100vmax;
    border-end-start-radius: 100vmax;
  }
  .md\:kds-rounded-s-lg {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-s-md {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .md\:kds-rounded-s-sm {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-t {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-t-full {
    border-top-left-radius: 100vmax;
    border-top-right-radius: 100vmax;
  }
  .md\:kds-rounded-t-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-t-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .md\:kds-rounded-t-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-bl {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-bl-full {
    border-bottom-left-radius: 100vmax;
  }
  .md\:kds-rounded-bl-lg {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-bl-md {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .md\:kds-rounded-bl-sm {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-br {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-br-full {
    border-bottom-right-radius: 100vmax;
  }
  .md\:kds-rounded-br-lg {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-br-md {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .md\:kds-rounded-br-sm {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-ee {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-ee-full {
    border-end-end-radius: 100vmax;
  }
  .md\:kds-rounded-ee-lg {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-ee-md {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-ee-none {
    border-end-end-radius: 0;
  }
  .md\:kds-rounded-ee-sm {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-es {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-es-full {
    border-end-start-radius: 100vmax;
  }
  .md\:kds-rounded-es-lg {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-es-md {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-es-none {
    border-end-start-radius: 0;
  }
  .md\:kds-rounded-es-sm {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-se {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-se-full {
    border-start-end-radius: 100vmax;
  }
  .md\:kds-rounded-se-lg {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-se-md {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-se-none {
    border-start-end-radius: 0;
  }
  .md\:kds-rounded-se-sm {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-ss {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-ss-full {
    border-start-start-radius: 100vmax;
  }
  .md\:kds-rounded-ss-lg {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-ss-md {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-ss-none {
    border-start-start-radius: 0;
  }
  .md\:kds-rounded-ss-sm {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-tl {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-tl-full {
    border-top-left-radius: 100vmax;
  }
  .md\:kds-rounded-tl-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-tl-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-tl-none {
    border-top-left-radius: 0;
  }
  .md\:kds-rounded-tl-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-rounded-tr {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-tr-full {
    border-top-right-radius: 100vmax;
  }
  .md\:kds-rounded-tr-lg {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .md\:kds-rounded-tr-md {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .md\:kds-rounded-tr-none {
    border-top-right-radius: 0;
  }
  .md\:kds-rounded-tr-sm {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .md\:kds-border {
    border-width: 1px;
  }
  .md\:kds-border-0 {
    border-width: 0px;
  }
  .md\:kds-border-2 {
    border-width: 2px;
  }
  .md\:kds-border-4 {
    border-width: 4px;
  }
  .md\:kds-border-8 {
    border-width: 8px;
  }
  .md\:kds-border-x {
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .md\:kds-border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px;
  }
  .md\:kds-border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px;
  }
  .md\:kds-border-x-4 {
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .md\:kds-border-x-8 {
    border-left-width: 8px;
    border-right-width: 8px;
  }
  .md\:kds-border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .md\:kds-border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px;
  }
  .md\:kds-border-y-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .md\:kds-border-y-4 {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .md\:kds-border-y-8 {
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
  .md\:kds-border-b {
    border-bottom-width: 1px;
  }
  .md\:kds-border-b-0 {
    border-bottom-width: 0px;
  }
  .md\:kds-border-b-2 {
    border-bottom-width: 2px;
  }
  .md\:kds-border-b-4 {
    border-bottom-width: 4px;
  }
  .md\:kds-border-b-8 {
    border-bottom-width: 8px;
  }
  .md\:kds-border-e {
    border-inline-end-width: 1px;
  }
  .md\:kds-border-e-0 {
    border-inline-end-width: 0px;
  }
  .md\:kds-border-e-2 {
    border-inline-end-width: 2px;
  }
  .md\:kds-border-e-4 {
    border-inline-end-width: 4px;
  }
  .md\:kds-border-e-8 {
    border-inline-end-width: 8px;
  }
  .md\:kds-border-l {
    border-left-width: 1px;
  }
  .md\:kds-border-l-0 {
    border-left-width: 0px;
  }
  .md\:kds-border-l-2 {
    border-left-width: 2px;
  }
  .md\:kds-border-l-4 {
    border-left-width: 4px;
  }
  .md\:kds-border-l-8 {
    border-left-width: 8px;
  }
  .md\:kds-border-r {
    border-right-width: 1px;
  }
  .md\:kds-border-r-0 {
    border-right-width: 0px;
  }
  .md\:kds-border-r-2 {
    border-right-width: 2px;
  }
  .md\:kds-border-r-4 {
    border-right-width: 4px;
  }
  .md\:kds-border-r-8 {
    border-right-width: 8px;
  }
  .md\:kds-border-s {
    border-inline-start-width: 1px;
  }
  .md\:kds-border-s-0 {
    border-inline-start-width: 0px;
  }
  .md\:kds-border-s-2 {
    border-inline-start-width: 2px;
  }
  .md\:kds-border-s-4 {
    border-inline-start-width: 4px;
  }
  .md\:kds-border-s-8 {
    border-inline-start-width: 8px;
  }
  .md\:kds-border-t {
    border-top-width: 1px;
  }
  .md\:kds-border-t-0 {
    border-top-width: 0px;
  }
  .md\:kds-border-t-2 {
    border-top-width: 2px;
  }
  .md\:kds-border-t-4 {
    border-top-width: 4px;
  }
  .md\:kds-border-t-8 {
    border-top-width: 8px;
  }
  .md\:kds-border-solid {
    border-style: solid;
  }
  .md\:kds-border-dashed {
    border-style: dashed;
  }
  .md\:kds-border-dotted {
    border-style: dotted;
  }
  .md\:kds-border-double {
    border-style: double;
  }
  .md\:kds-border-hidden {
    border-style: hidden;
  }
  .md\:kds-border-none {
    border-style: none;
  }
  .md\:kds-border-accent-blue-bold {
    border-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-accent-blue-subtle {
    border-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-accent-green-subtle {
    border-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-active {
    border-color: var(--kds-color-border-active);
  }
  .md\:kds-border-bold {
    border-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-bold-hover {
    border-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-danger-bold {
    border-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-danger-subtle {
    border-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-disabled {
    border-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-focus {
    border-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-subtle {
    border-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-subtle-hover {
    border-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-transparent {
    border-color: transparent;
  }
  .md\:kds-border-warning-bold {
    border-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-warning-subtle {
    border-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-border-x-accent-blue-bold {
    border-left-color: var(--kds-color-border-accent-blue-bold);
    border-right-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-x-accent-blue-subtle {
    border-left-color: var(--kds-color-border-accent-blue-subtle);
    border-right-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-x-accent-green-subtle {
    border-left-color: var(--kds-color-border-accent-green-subtle);
    border-right-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-x-active {
    border-left-color: var(--kds-color-border-active);
    border-right-color: var(--kds-color-border-active);
  }
  .md\:kds-border-x-bold {
    border-left-color: var(--kds-color-border-bold);
    border-right-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-x-bold-hover {
    border-left-color: var(--kds-color-border-bold-hover);
    border-right-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-x-danger-bold {
    border-left-color: var(--kds-color-border-danger-bold);
    border-right-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-x-danger-subtle {
    border-left-color: var(--kds-color-border-danger-subtle);
    border-right-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-x-disabled {
    border-left-color: var(--kds-color-border-disabled);
    border-right-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-x-focus {
    border-left-color: var(--kds-color-border-focus);
    border-right-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-x-subtle {
    border-left-color: var(--kds-color-border-subtle);
    border-right-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-x-subtle-hover {
    border-left-color: var(--kds-color-border-subtle-hover);
    border-right-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-x-transparent {
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .md\:kds-border-x-warning-bold {
    border-left-color: var(--kds-color-border-warning-bold);
    border-right-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-x-warning-subtle {
    border-left-color: var(--kds-color-border-warning-subtle);
    border-right-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-border-y-accent-blue-bold {
    border-top-color: var(--kds-color-border-accent-blue-bold);
    border-bottom-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-y-accent-blue-subtle {
    border-top-color: var(--kds-color-border-accent-blue-subtle);
    border-bottom-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-y-accent-green-subtle {
    border-top-color: var(--kds-color-border-accent-green-subtle);
    border-bottom-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-y-active {
    border-top-color: var(--kds-color-border-active);
    border-bottom-color: var(--kds-color-border-active);
  }
  .md\:kds-border-y-bold {
    border-top-color: var(--kds-color-border-bold);
    border-bottom-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-y-bold-hover {
    border-top-color: var(--kds-color-border-bold-hover);
    border-bottom-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-y-danger-bold {
    border-top-color: var(--kds-color-border-danger-bold);
    border-bottom-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-y-danger-subtle {
    border-top-color: var(--kds-color-border-danger-subtle);
    border-bottom-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-y-disabled {
    border-top-color: var(--kds-color-border-disabled);
    border-bottom-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-y-focus {
    border-top-color: var(--kds-color-border-focus);
    border-bottom-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-y-subtle {
    border-top-color: var(--kds-color-border-subtle);
    border-bottom-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-y-subtle-hover {
    border-top-color: var(--kds-color-border-subtle-hover);
    border-bottom-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-y-transparent {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .md\:kds-border-y-warning-bold {
    border-top-color: var(--kds-color-border-warning-bold);
    border-bottom-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-y-warning-subtle {
    border-top-color: var(--kds-color-border-warning-subtle);
    border-bottom-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-border-b-accent-blue-bold {
    border-bottom-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-b-accent-blue-subtle {
    border-bottom-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-b-accent-green-subtle {
    border-bottom-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-b-active {
    border-bottom-color: var(--kds-color-border-active);
  }
  .md\:kds-border-b-bold {
    border-bottom-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-b-bold-hover {
    border-bottom-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-b-danger-bold {
    border-bottom-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-b-danger-subtle {
    border-bottom-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-b-disabled {
    border-bottom-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-b-focus {
    border-bottom-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-b-subtle {
    border-bottom-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-b-subtle-hover {
    border-bottom-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-b-transparent {
    border-bottom-color: transparent;
  }
  .md\:kds-border-b-warning-bold {
    border-bottom-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-b-warning-subtle {
    border-bottom-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-border-e-accent-blue-bold {
    border-inline-end-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-e-accent-blue-subtle {
    border-inline-end-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-e-accent-green-subtle {
    border-inline-end-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-e-active {
    border-inline-end-color: var(--kds-color-border-active);
  }
  .md\:kds-border-e-bold {
    border-inline-end-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-e-bold-hover {
    border-inline-end-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-e-danger-bold {
    border-inline-end-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-e-danger-subtle {
    border-inline-end-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-e-disabled {
    border-inline-end-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-e-focus {
    border-inline-end-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-e-subtle {
    border-inline-end-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-e-subtle-hover {
    border-inline-end-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-e-transparent {
    border-inline-end-color: transparent;
  }
  .md\:kds-border-e-warning-bold {
    border-inline-end-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-e-warning-subtle {
    border-inline-end-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-border-l-accent-blue-bold {
    border-left-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-l-accent-blue-subtle {
    border-left-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-l-accent-green-subtle {
    border-left-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-l-active {
    border-left-color: var(--kds-color-border-active);
  }
  .md\:kds-border-l-bold {
    border-left-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-l-bold-hover {
    border-left-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-l-danger-bold {
    border-left-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-l-danger-subtle {
    border-left-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-l-disabled {
    border-left-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-l-focus {
    border-left-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-l-subtle {
    border-left-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-l-subtle-hover {
    border-left-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-l-transparent {
    border-left-color: transparent;
  }
  .md\:kds-border-l-warning-bold {
    border-left-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-l-warning-subtle {
    border-left-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-border-r-accent-blue-bold {
    border-right-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-r-accent-blue-subtle {
    border-right-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-r-accent-green-subtle {
    border-right-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-r-active {
    border-right-color: var(--kds-color-border-active);
  }
  .md\:kds-border-r-bold {
    border-right-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-r-bold-hover {
    border-right-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-r-danger-bold {
    border-right-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-r-danger-subtle {
    border-right-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-r-disabled {
    border-right-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-r-focus {
    border-right-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-r-subtle {
    border-right-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-r-subtle-hover {
    border-right-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-r-transparent {
    border-right-color: transparent;
  }
  .md\:kds-border-r-warning-bold {
    border-right-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-r-warning-subtle {
    border-right-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-border-s-accent-blue-bold {
    border-inline-start-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-s-accent-blue-subtle {
    border-inline-start-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-s-accent-green-subtle {
    border-inline-start-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-s-active {
    border-inline-start-color: var(--kds-color-border-active);
  }
  .md\:kds-border-s-bold {
    border-inline-start-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-s-bold-hover {
    border-inline-start-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-s-danger-bold {
    border-inline-start-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-s-danger-subtle {
    border-inline-start-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-s-disabled {
    border-inline-start-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-s-focus {
    border-inline-start-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-s-subtle {
    border-inline-start-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-s-subtle-hover {
    border-inline-start-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-s-transparent {
    border-inline-start-color: transparent;
  }
  .md\:kds-border-s-warning-bold {
    border-inline-start-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-s-warning-subtle {
    border-inline-start-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-border-t-accent-blue-bold {
    border-top-color: var(--kds-color-border-accent-blue-bold);
  }
  .md\:kds-border-t-accent-blue-subtle {
    border-top-color: var(--kds-color-border-accent-blue-subtle);
  }
  .md\:kds-border-t-accent-green-subtle {
    border-top-color: var(--kds-color-border-accent-green-subtle);
  }
  .md\:kds-border-t-active {
    border-top-color: var(--kds-color-border-active);
  }
  .md\:kds-border-t-bold {
    border-top-color: var(--kds-color-border-bold);
  }
  .md\:kds-border-t-bold-hover {
    border-top-color: var(--kds-color-border-bold-hover);
  }
  .md\:kds-border-t-danger-bold {
    border-top-color: var(--kds-color-border-danger-bold);
  }
  .md\:kds-border-t-danger-subtle {
    border-top-color: var(--kds-color-border-danger-subtle);
  }
  .md\:kds-border-t-disabled {
    border-top-color: var(--kds-color-border-disabled);
  }
  .md\:kds-border-t-focus {
    border-top-color: var(--kds-color-border-focus);
  }
  .md\:kds-border-t-subtle {
    border-top-color: var(--kds-color-border-subtle);
  }
  .md\:kds-border-t-subtle-hover {
    border-top-color: var(--kds-color-border-subtle-hover);
  }
  .md\:kds-border-t-transparent {
    border-top-color: transparent;
  }
  .md\:kds-border-t-warning-bold {
    border-top-color: var(--kds-color-border-warning-bold);
  }
  .md\:kds-border-t-warning-subtle {
    border-top-color: var(--kds-color-border-warning-subtle);
  }
  .md\:kds-bg-accent-blue-bold {
    background-color: var(--kds-color-background-accent-blue-bold);
  }
  .md\:kds-bg-accent-blue-subtle {
    background-color: var(--kds-color-background-accent-blue-subtle);
  }
  .md\:kds-bg-accent-gray-bold {
    background-color: var(--kds-color-background-accent-gray-bold);
  }
  .md\:kds-bg-accent-gray-subtle {
    background-color: var(--kds-color-background-accent-gray-subtle);
  }
  .md\:kds-bg-accent-green-bold {
    background-color: var(--kds-color-background-accent-green-bold);
  }
  .md\:kds-bg-accent-green-bold-hovered {
    background-color: var(--kds-color-background-accent-green-bold-hovered);
  }
  .md\:kds-bg-accent-green-bold-pressed {
    background-color: var(--kds-color-background-accent-green-bold-pressed);
  }
  .md\:kds-bg-accent-green-subtle {
    background-color: var(--kds-color-background-accent-green-subtle);
  }
  .md\:kds-bg-accent-purple-subtle {
    background-color: var(--kds-color-background-accent-purple-subtle);
  }
  .md\:kds-bg-accent-red-bold {
    background-color: var(--kds-color-background-accent-red-bold);
  }
  .md\:kds-bg-accent-red-subtle {
    background-color: var(--kds-color-background-accent-red-subtle);
  }
  .md\:kds-bg-action {
    background-color: var(--kds-color-background-action);
  }
  .md\:kds-bg-action-disabled {
    background-color: var(--kds-color-background-action-disabled);
  }
  .md\:kds-bg-action-hover {
    background-color: var(--kds-color-background-action-hover);
  }
  .md\:kds-bg-action-pressed {
    background-color: var(--kds-color-background-action-pressed);
  }
  .md\:kds-bg-danger-bold {
    background-color: var(--kds-color-background-danger-bold);
  }
  .md\:kds-bg-danger-bold-hovered {
    background-color: var(--kds-color-background-danger-bold-hovered);
  }
  .md\:kds-bg-danger-bold-pressed {
    background-color: var(--kds-color-background-danger-bold-pressed);
  }
  .md\:kds-bg-danger-disabled {
    background-color: var(--kds-color-background-danger-disabled);
  }
  .md\:kds-bg-danger-subtle {
    background-color: var(--kds-color-background-danger-subtle);
  }
  .md\:kds-bg-danger-subtle-hovered {
    background-color: var(--kds-color-background-danger-subtle-hovered);
  }
  .md\:kds-bg-disabled {
    background-color: var(--kds-color-background-disabled);
  }
  .md\:kds-bg-inverse {
    background-color: var(--kds-color-background-inverse);
  }
  .md\:kds-bg-inverse-hover {
    background-color: var(--kds-color-background-inverse-hover);
  }
  .md\:kds-bg-inverse-pressed {
    background-color: var(--kds-color-background-inverse-pressed);
  }
  .md\:kds-bg-selected {
    background-color: var(--kds-color-background-selected);
  }
  .md\:kds-bg-surface-inverse {
    background-color: var(--kds-color-background-surface-inverse);
  }
  .md\:kds-bg-surface-primary {
    background-color: var(--kds-color-background-surface-primary);
  }
  .md\:kds-bg-surface-secondary {
    background-color: var(--kds-color-background-surface-secondary);
  }
  .md\:kds-bg-transparent {
    background-color: transparent;
  }
  .md\:kds-bg-warning-bold {
    background-color: var(--kds-color-background-warning-bold);
  }
  .md\:kds-bg-warning-subtle {
    background-color: var(--kds-color-background-warning-subtle);
  }
  .md\:kds-fill-icon {
    fill: var(--kds-color-icon);
  }
  .md\:kds-fill-icon-danger {
    fill: var(--kds-color-icon-danger);
  }
  .md\:kds-fill-icon-danger-inverse {
    fill: var(--kds-color-icon-danger-inverse);
  }
  .md\:kds-fill-icon-disabled {
    fill: var(--kds-color-icon-disabled);
  }
  .md\:kds-fill-icon-green {
    fill: var(--kds-color-icon-green);
  }
  .md\:kds-fill-icon-green-inverse {
    fill: var(--kds-color-icon-green-inverse);
  }
  .md\:kds-fill-icon-info {
    fill: var(--kds-color-icon-info);
  }
  .md\:kds-fill-icon-inverse {
    fill: var(--kds-color-icon-inverse);
  }
  .md\:kds-fill-icon-subtle {
    fill: var(--kds-color-icon-subtle);
  }
  .md\:kds-fill-icon-warning {
    fill: var(--kds-color-icon-warning);
  }
  .md\:kds-p-0 {
    padding: 0px;
  }
  .md\:kds-p-01 {
    padding: 4px;
  }
  .md\:kds-p-02 {
    padding: 8px;
  }
  .md\:kds-p-03 {
    padding: 12px;
  }
  .md\:kds-p-04 {
    padding: 16px;
  }
  .md\:kds-p-05 {
    padding: 20px;
  }
  .md\:kds-p-06 {
    padding: 24px;
  }
  .md\:kds-p-07 {
    padding: 28px;
  }
  .md\:kds-p-08 {
    padding: 32px;
  }
  .md\:kds-p-09 {
    padding: 36px;
  }
  .md\:kds-p-10 {
    padding: 40px;
  }
  .md\:kds-p-11 {
    padding: 44px;
  }
  .md\:kds-p-12 {
    padding: 48px;
  }
  .md\:kds-p-14 {
    padding: 56px;
  }
  .md\:kds-p-16 {
    padding: 64px;
  }
  .md\:kds-p-20 {
    padding: 80px;
  }
  .md\:kds-p-page-margin {
    padding: var(--_page-grid-margin, 0px);
  }
  .md\:kds-p-page-rail {
    padding: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .md\:kds-px-01 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .md\:kds-px-02 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .md\:kds-px-03 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .md\:kds-px-04 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .md\:kds-px-05 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .md\:kds-px-06 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .md\:kds-px-07 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .md\:kds-px-08 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .md\:kds-px-09 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .md\:kds-px-10 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .md\:kds-px-11 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .md\:kds-px-12 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .md\:kds-px-14 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .md\:kds-px-16 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .md\:kds-px-20 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .md\:kds-px-page-margin {
    padding-left: var(--_page-grid-margin, 0px);
    padding-right: var(--_page-grid-margin, 0px);
  }
  .md\:kds-px-page-rail {
    padding-left: var(--_page-grid-rail-width, 0px);
    padding-right: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .md\:kds-py-01 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .md\:kds-py-02 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .md\:kds-py-03 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .md\:kds-py-04 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .md\:kds-py-05 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .md\:kds-py-06 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .md\:kds-py-07 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .md\:kds-py-08 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .md\:kds-py-09 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .md\:kds-py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .md\:kds-py-11 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .md\:kds-py-12 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .md\:kds-py-14 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .md\:kds-py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .md\:kds-py-20 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .md\:kds-py-page-margin {
    padding-top: var(--_page-grid-margin, 0px);
    padding-bottom: var(--_page-grid-margin, 0px);
  }
  .md\:kds-py-page-rail {
    padding-top: var(--_page-grid-rail-width, 0px);
    padding-bottom: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-pb-0 {
    padding-bottom: 0px;
  }
  .md\:kds-pb-01 {
    padding-bottom: 4px;
  }
  .md\:kds-pb-02 {
    padding-bottom: 8px;
  }
  .md\:kds-pb-03 {
    padding-bottom: 12px;
  }
  .md\:kds-pb-04 {
    padding-bottom: 16px;
  }
  .md\:kds-pb-05 {
    padding-bottom: 20px;
  }
  .md\:kds-pb-06 {
    padding-bottom: 24px;
  }
  .md\:kds-pb-07 {
    padding-bottom: 28px;
  }
  .md\:kds-pb-08 {
    padding-bottom: 32px;
  }
  .md\:kds-pb-09 {
    padding-bottom: 36px;
  }
  .md\:kds-pb-10 {
    padding-bottom: 40px;
  }
  .md\:kds-pb-11 {
    padding-bottom: 44px;
  }
  .md\:kds-pb-12 {
    padding-bottom: 48px;
  }
  .md\:kds-pb-14 {
    padding-bottom: 56px;
  }
  .md\:kds-pb-16 {
    padding-bottom: 64px;
  }
  .md\:kds-pb-20 {
    padding-bottom: 80px;
  }
  .md\:kds-pb-page-margin {
    padding-bottom: var(--_page-grid-margin, 0px);
  }
  .md\:kds-pb-page-rail {
    padding-bottom: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-pe-0 {
    padding-inline-end: 0px;
  }
  .md\:kds-pe-01 {
    padding-inline-end: 4px;
  }
  .md\:kds-pe-02 {
    padding-inline-end: 8px;
  }
  .md\:kds-pe-03 {
    padding-inline-end: 12px;
  }
  .md\:kds-pe-04 {
    padding-inline-end: 16px;
  }
  .md\:kds-pe-05 {
    padding-inline-end: 20px;
  }
  .md\:kds-pe-06 {
    padding-inline-end: 24px;
  }
  .md\:kds-pe-07 {
    padding-inline-end: 28px;
  }
  .md\:kds-pe-08 {
    padding-inline-end: 32px;
  }
  .md\:kds-pe-09 {
    padding-inline-end: 36px;
  }
  .md\:kds-pe-10 {
    padding-inline-end: 40px;
  }
  .md\:kds-pe-11 {
    padding-inline-end: 44px;
  }
  .md\:kds-pe-12 {
    padding-inline-end: 48px;
  }
  .md\:kds-pe-14 {
    padding-inline-end: 56px;
  }
  .md\:kds-pe-16 {
    padding-inline-end: 64px;
  }
  .md\:kds-pe-20 {
    padding-inline-end: 80px;
  }
  .md\:kds-pe-page-margin {
    padding-inline-end: var(--_page-grid-margin, 0px);
  }
  .md\:kds-pe-page-rail {
    padding-inline-end: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-pl-0 {
    padding-left: 0px;
  }
  .md\:kds-pl-01 {
    padding-left: 4px;
  }
  .md\:kds-pl-02 {
    padding-left: 8px;
  }
  .md\:kds-pl-03 {
    padding-left: 12px;
  }
  .md\:kds-pl-04 {
    padding-left: 16px;
  }
  .md\:kds-pl-05 {
    padding-left: 20px;
  }
  .md\:kds-pl-06 {
    padding-left: 24px;
  }
  .md\:kds-pl-07 {
    padding-left: 28px;
  }
  .md\:kds-pl-08 {
    padding-left: 32px;
  }
  .md\:kds-pl-09 {
    padding-left: 36px;
  }
  .md\:kds-pl-10 {
    padding-left: 40px;
  }
  .md\:kds-pl-11 {
    padding-left: 44px;
  }
  .md\:kds-pl-12 {
    padding-left: 48px;
  }
  .md\:kds-pl-14 {
    padding-left: 56px;
  }
  .md\:kds-pl-16 {
    padding-left: 64px;
  }
  .md\:kds-pl-20 {
    padding-left: 80px;
  }
  .md\:kds-pl-page-margin {
    padding-left: var(--_page-grid-margin, 0px);
  }
  .md\:kds-pl-page-rail {
    padding-left: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-pr-0 {
    padding-right: 0px;
  }
  .md\:kds-pr-01 {
    padding-right: 4px;
  }
  .md\:kds-pr-02 {
    padding-right: 8px;
  }
  .md\:kds-pr-03 {
    padding-right: 12px;
  }
  .md\:kds-pr-04 {
    padding-right: 16px;
  }
  .md\:kds-pr-05 {
    padding-right: 20px;
  }
  .md\:kds-pr-06 {
    padding-right: 24px;
  }
  .md\:kds-pr-07 {
    padding-right: 28px;
  }
  .md\:kds-pr-08 {
    padding-right: 32px;
  }
  .md\:kds-pr-09 {
    padding-right: 36px;
  }
  .md\:kds-pr-10 {
    padding-right: 40px;
  }
  .md\:kds-pr-11 {
    padding-right: 44px;
  }
  .md\:kds-pr-12 {
    padding-right: 48px;
  }
  .md\:kds-pr-14 {
    padding-right: 56px;
  }
  .md\:kds-pr-16 {
    padding-right: 64px;
  }
  .md\:kds-pr-20 {
    padding-right: 80px;
  }
  .md\:kds-pr-page-margin {
    padding-right: var(--_page-grid-margin, 0px);
  }
  .md\:kds-pr-page-rail {
    padding-right: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-ps-0 {
    padding-inline-start: 0px;
  }
  .md\:kds-ps-01 {
    padding-inline-start: 4px;
  }
  .md\:kds-ps-02 {
    padding-inline-start: 8px;
  }
  .md\:kds-ps-03 {
    padding-inline-start: 12px;
  }
  .md\:kds-ps-04 {
    padding-inline-start: 16px;
  }
  .md\:kds-ps-05 {
    padding-inline-start: 20px;
  }
  .md\:kds-ps-06 {
    padding-inline-start: 24px;
  }
  .md\:kds-ps-07 {
    padding-inline-start: 28px;
  }
  .md\:kds-ps-08 {
    padding-inline-start: 32px;
  }
  .md\:kds-ps-09 {
    padding-inline-start: 36px;
  }
  .md\:kds-ps-10 {
    padding-inline-start: 40px;
  }
  .md\:kds-ps-11 {
    padding-inline-start: 44px;
  }
  .md\:kds-ps-12 {
    padding-inline-start: 48px;
  }
  .md\:kds-ps-14 {
    padding-inline-start: 56px;
  }
  .md\:kds-ps-16 {
    padding-inline-start: 64px;
  }
  .md\:kds-ps-20 {
    padding-inline-start: 80px;
  }
  .md\:kds-ps-page-margin {
    padding-inline-start: var(--_page-grid-margin, 0px);
  }
  .md\:kds-ps-page-rail {
    padding-inline-start: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-pt-0 {
    padding-top: 0px;
  }
  .md\:kds-pt-01 {
    padding-top: 4px;
  }
  .md\:kds-pt-02 {
    padding-top: 8px;
  }
  .md\:kds-pt-03 {
    padding-top: 12px;
  }
  .md\:kds-pt-04 {
    padding-top: 16px;
  }
  .md\:kds-pt-05 {
    padding-top: 20px;
  }
  .md\:kds-pt-06 {
    padding-top: 24px;
  }
  .md\:kds-pt-07 {
    padding-top: 28px;
  }
  .md\:kds-pt-08 {
    padding-top: 32px;
  }
  .md\:kds-pt-09 {
    padding-top: 36px;
  }
  .md\:kds-pt-10 {
    padding-top: 40px;
  }
  .md\:kds-pt-11 {
    padding-top: 44px;
  }
  .md\:kds-pt-12 {
    padding-top: 48px;
  }
  .md\:kds-pt-14 {
    padding-top: 56px;
  }
  .md\:kds-pt-16 {
    padding-top: 64px;
  }
  .md\:kds-pt-20 {
    padding-top: 80px;
  }
  .md\:kds-pt-page-margin {
    padding-top: var(--_page-grid-margin, 0px);
  }
  .md\:kds-pt-page-rail {
    padding-top: var(--_page-grid-rail-width, 0px);
  }
  .md\:kds-text-accent-blue {
    color: var(--kds-color-text-accent-blue);
  }
  .md\:kds-text-accent-blue-bolder {
    color: var(--kds-color-text-accent-blue-bolder);
  }
  .md\:kds-text-accent-gray {
    color: var(--kds-color-text-accent-gray);
  }
  .md\:kds-text-accent-green {
    color: var(--kds-color-text-accent-green);
  }
  .md\:kds-text-accent-green-bolder {
    color: var(--kds-color-text-accent-green-bolder);
  }
  .md\:kds-text-accent-green-inverse-disabled {
    color: var(--kds-color-text-accent-green-inverse-disabled);
  }
  .md\:kds-text-accent-purple {
    color: var(--kds-color-text-accent-purple);
  }
  .md\:kds-text-accent-purple-bolder {
    color: var(--kds-color-text-accent-purple-bolder);
  }
  .md\:kds-text-accent-red {
    color: var(--kds-color-text-accent-red);
  }
  .md\:kds-text-accent-red-bolder {
    color: var(--kds-color-text-accent-red-bolder);
  }
  .md\:kds-text-accent-red-inverse-disabled {
    color: var(--kds-color-text-accent-red-inverse-disabled);
  }
  .md\:kds-text-accent-yellow {
    color: var(--kds-color-text-accent-yellow);
  }
  .md\:kds-text-accent-yellow-bolder {
    color: var(--kds-color-text-accent-yellow-bolder);
  }
  .md\:kds-text-disabled {
    color: var(--kds-color-text-disabled);
  }
  .md\:kds-text-inverse-disabled {
    color: var(--kds-color-text-inverse-disabled);
  }
  .md\:kds-text-inverse-primary {
    color: var(--kds-color-text-inverse-primary);
  }
  .md\:kds-text-inverse-secondary {
    color: var(--kds-color-text-inverse-secondary);
  }
  .md\:kds-text-placeholder {
    color: var(--kds-color-text-placeholder);
  }
  .md\:kds-text-primary {
    color: var(--kds-color-text-primary);
  }
  .md\:kds-text-secondary {
    color: var(--kds-color-text-secondary);
  }
  .md\:kds-breakout {
    width: 100vw;
    position: relative;
    inset-inline: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  @container (min-width: 0px) {
    .md\:kds-breakout {
      width: 100cqi;
      margin-left: -50cqi;
      margin-right: -50cqi;
    }
  }
  .md\:kds-container-normal {
    container-type: normal;
  }
  .md\:kds-container-size {
    container-type: size;
  }
  .md\:kds-container-inline-size {
    container-type: inline-size;
  }
  .md\:kds-container-inherit {
    container-type: inherit;
  }
  .md\:kds-container-initial {
    container-type: initial;
  }
  .md\:kds-container-revert {
    container-type: revert;
  }
  .md\:kds-container-revert-layer {
    container-type: revert-layer;
  }
  .md\:kds-container-unset {
    container-type: unset;
  }
  .md\:kds-fill-icon {
    --kds-icon-fill: var(--kds-color-icon);
  }
  .md\:kds-fill-icon-danger {
    --kds-icon-fill: var(--kds-color-icon-danger);
  }
  .md\:kds-fill-icon-disabled {
    --kds-icon-fill: var(--kds-color-icon-disabled);
  }
  .md\:kds-fill-icon-info {
    --kds-icon-fill: var(--kds-color-icon-info);
  }
  .md\:kds-fill-icon-inverse {
    --kds-icon-fill: var(--kds-color-icon-inverse);
  }
  .md\:kds-fill-icon-subtle {
    --kds-icon-fill: var(--kds-color-icon-subtle);
  }
  .md\:kds-fill-icon-warning {
    --kds-icon-fill: var(--kds-color-icon-warning);
  }
  :where(.md\:kds-col-margins) {
    grid-column: margins;
  }
  .md\:kds-col-start-margins {
    grid-column-start: margins;
  }
  .md\:kds-col-end-margins {
    grid-column-end: margins;
  }
  :where(.md\:kds-col-rails) {
    grid-column: rails;
  }
  .md\:kds-col-start-rails {
    grid-column-start: rails;
  }
  .md\:kds-col-end-rails {
    grid-column-end: rails;
  }
  :where(.md\:kds-col-main) {
    grid-column: main;
  }
  .md\:kds-col-start-main {
    grid-column-start: main;
  }
  .md\:kds-col-end-main {
    grid-column-end: main;
  }
  :where(.md\:kds-col-1) {
    grid-column: col 1;
  }
  .md\:kds-col-start-col-1 {
    grid-column-start: col 1;
  }
  .md\:kds-col-end-col-1 {
    grid-column-end: col 1;
  }
  :where(.md\:kds-col-2) {
    grid-column: col 2;
  }
  .md\:kds-col-start-col-2 {
    grid-column-start: col 2;
  }
  .md\:kds-col-end-col-2 {
    grid-column-end: col 2;
  }
  :where(.md\:kds-col-3) {
    grid-column: col 3;
  }
  .md\:kds-col-start-col-3 {
    grid-column-start: col 3;
  }
  .md\:kds-col-end-col-3 {
    grid-column-end: col 3;
  }
  :where(.md\:kds-col-4) {
    grid-column: col 4;
  }
  .md\:kds-col-start-col-4 {
    grid-column-start: col 4;
  }
  .md\:kds-col-end-col-4 {
    grid-column-end: col 4;
  }
  :where(.md\:kds-col-5) {
    grid-column: col 5;
  }
  .md\:kds-col-start-col-5 {
    grid-column-start: col 5;
  }
  .md\:kds-col-end-col-5 {
    grid-column-end: col 5;
  }
  :where(.md\:kds-col-6) {
    grid-column: col 6;
  }
  .md\:kds-col-start-col-6 {
    grid-column-start: col 6;
  }
  .md\:kds-col-end-col-6 {
    grid-column-end: col 6;
  }
  :where(.md\:kds-col-7) {
    grid-column: col 7;
  }
  .md\:kds-col-start-col-7 {
    grid-column-start: col 7;
  }
  .md\:kds-col-end-col-7 {
    grid-column-end: col 7;
  }
  :where(.md\:kds-col-8) {
    grid-column: col 8;
  }
  .md\:kds-col-start-col-8 {
    grid-column-start: col 8;
  }
  .md\:kds-col-end-col-8 {
    grid-column-end: col 8;
  }
  :where(.md\:kds-col-9) {
    grid-column: col 9;
  }
  .md\:kds-col-start-col-9 {
    grid-column-start: col 9;
  }
  .md\:kds-col-end-col-9 {
    grid-column-end: col 9;
  }
  :where(.md\:kds-col-10) {
    grid-column: col 10;
  }
  .md\:kds-col-start-col-10 {
    grid-column-start: col 10;
  }
  .md\:kds-col-end-col-10 {
    grid-column-end: col 10;
  }
  :where(.md\:kds-col-11) {
    grid-column: col 11;
  }
  .md\:kds-col-start-col-11 {
    grid-column-start: col 11;
  }
  .md\:kds-col-end-col-11 {
    grid-column-end: col 11;
  }
  :where(.md\:kds-col-12) {
    grid-column: col 12;
  }
  .md\:kds-col-start-col-12 {
    grid-column-start: col 12;
  }
  .md\:kds-col-end-col-12 {
    grid-column-end: col 12;
  }
  .md\:kds-subgrid {
    display: grid;
    grid-template-columns: subgrid;
  }
  .md\:kds-subgrid > * {
    grid-template-columns: inherit;
  }
  @layer subgrid {
    .md\:kds-subgrid > :where(.md\:kds-subgrid) {
      grid-column: inherit;
    }
  }
}
@media (min-width: 1025px) {
  .lg\:kds-col-auto {
    grid-column: auto;
  }
  .lg\:kds-col-span-1 {
    grid-column: span 1/span 1;
  }
  .lg\:kds-col-span-10 {
    grid-column: span 10/span 10;
  }
  .lg\:kds-col-span-11 {
    grid-column: span 11/span 11;
  }
  .lg\:kds-col-span-12 {
    grid-column: span 12/span 12;
  }
  .lg\:kds-col-span-2 {
    grid-column: span 2/span 2;
  }
  .lg\:kds-col-span-3 {
    grid-column: span 3/span 3;
  }
  .lg\:kds-col-span-4 {
    grid-column: span 4/span 4;
  }
  .lg\:kds-col-span-5 {
    grid-column: span 5/span 5;
  }
  .lg\:kds-col-span-6 {
    grid-column: span 6/span 6;
  }
  .lg\:kds-col-span-7 {
    grid-column: span 7/span 7;
  }
  .lg\:kds-col-span-8 {
    grid-column: span 8/span 8;
  }
  .lg\:kds-col-span-9 {
    grid-column: span 9/span 9;
  }
  .lg\:kds-col-span-full {
    grid-column: 1/-1;
  }
  .lg\:-kds-col-start-1 {
    grid-column-start: -1;
  }
  .lg\:-kds-col-start-10 {
    grid-column-start: -10;
  }
  .lg\:-kds-col-start-11 {
    grid-column-start: -11;
  }
  .lg\:-kds-col-start-12 {
    grid-column-start: -12;
  }
  .lg\:-kds-col-start-13 {
    grid-column-start: -13;
  }
  .lg\:-kds-col-start-2 {
    grid-column-start: -2;
  }
  .lg\:-kds-col-start-3 {
    grid-column-start: -3;
  }
  .lg\:-kds-col-start-4 {
    grid-column-start: -4;
  }
  .lg\:-kds-col-start-5 {
    grid-column-start: -5;
  }
  .lg\:-kds-col-start-6 {
    grid-column-start: -6;
  }
  .lg\:-kds-col-start-7 {
    grid-column-start: -7;
  }
  .lg\:-kds-col-start-8 {
    grid-column-start: -8;
  }
  .lg\:-kds-col-start-9 {
    grid-column-start: -9;
  }
  .lg\:kds--col-start-1 {
    grid-column-start: -1;
  }
  .lg\:kds--col-start-10 {
    grid-column-start: -10;
  }
  .lg\:kds--col-start-11 {
    grid-column-start: -11;
  }
  .lg\:kds--col-start-12 {
    grid-column-start: -12;
  }
  .lg\:kds--col-start-13 {
    grid-column-start: -13;
  }
  .lg\:kds--col-start-2 {
    grid-column-start: -2;
  }
  .lg\:kds--col-start-3 {
    grid-column-start: -3;
  }
  .lg\:kds--col-start-4 {
    grid-column-start: -4;
  }
  .lg\:kds--col-start-5 {
    grid-column-start: -5;
  }
  .lg\:kds--col-start-6 {
    grid-column-start: -6;
  }
  .lg\:kds--col-start-7 {
    grid-column-start: -7;
  }
  .lg\:kds--col-start-8 {
    grid-column-start: -8;
  }
  .lg\:kds--col-start-9 {
    grid-column-start: -9;
  }
  .lg\:kds-col-start-1 {
    grid-column-start: 1;
  }
  .lg\:kds-col-start-10 {
    grid-column-start: 10;
  }
  .lg\:kds-col-start-11 {
    grid-column-start: 11;
  }
  .lg\:kds-col-start-12 {
    grid-column-start: 12;
  }
  .lg\:kds-col-start-13 {
    grid-column-start: 13;
  }
  .lg\:kds-col-start-2 {
    grid-column-start: 2;
  }
  .lg\:kds-col-start-3 {
    grid-column-start: 3;
  }
  .lg\:kds-col-start-4 {
    grid-column-start: 4;
  }
  .lg\:kds-col-start-5 {
    grid-column-start: 5;
  }
  .lg\:kds-col-start-6 {
    grid-column-start: 6;
  }
  .lg\:kds-col-start-7 {
    grid-column-start: 7;
  }
  .lg\:kds-col-start-8 {
    grid-column-start: 8;
  }
  .lg\:kds-col-start-9 {
    grid-column-start: 9;
  }
  .lg\:kds-col-start-auto {
    grid-column-start: auto;
  }
  .lg\:-kds-col-end-1 {
    grid-column-end: -1;
  }
  .lg\:-kds-col-end-10 {
    grid-column-end: -10;
  }
  .lg\:-kds-col-end-11 {
    grid-column-end: -11;
  }
  .lg\:-kds-col-end-12 {
    grid-column-end: -12;
  }
  .lg\:-kds-col-end-13 {
    grid-column-end: -13;
  }
  .lg\:-kds-col-end-2 {
    grid-column-end: -2;
  }
  .lg\:-kds-col-end-3 {
    grid-column-end: -3;
  }
  .lg\:-kds-col-end-4 {
    grid-column-end: -4;
  }
  .lg\:-kds-col-end-5 {
    grid-column-end: -5;
  }
  .lg\:-kds-col-end-6 {
    grid-column-end: -6;
  }
  .lg\:-kds-col-end-7 {
    grid-column-end: -7;
  }
  .lg\:-kds-col-end-8 {
    grid-column-end: -8;
  }
  .lg\:-kds-col-end-9 {
    grid-column-end: -9;
  }
  .lg\:kds--col-end-1 {
    grid-column-end: -1;
  }
  .lg\:kds--col-end-10 {
    grid-column-end: -10;
  }
  .lg\:kds--col-end-11 {
    grid-column-end: -11;
  }
  .lg\:kds--col-end-12 {
    grid-column-end: -12;
  }
  .lg\:kds--col-end-13 {
    grid-column-end: -13;
  }
  .lg\:kds--col-end-2 {
    grid-column-end: -2;
  }
  .lg\:kds--col-end-3 {
    grid-column-end: -3;
  }
  .lg\:kds--col-end-4 {
    grid-column-end: -4;
  }
  .lg\:kds--col-end-5 {
    grid-column-end: -5;
  }
  .lg\:kds--col-end-6 {
    grid-column-end: -6;
  }
  .lg\:kds--col-end-7 {
    grid-column-end: -7;
  }
  .lg\:kds--col-end-8 {
    grid-column-end: -8;
  }
  .lg\:kds--col-end-9 {
    grid-column-end: -9;
  }
  .lg\:kds-col-end-1 {
    grid-column-end: 1;
  }
  .lg\:kds-col-end-10 {
    grid-column-end: 10;
  }
  .lg\:kds-col-end-11 {
    grid-column-end: 11;
  }
  .lg\:kds-col-end-12 {
    grid-column-end: 12;
  }
  .lg\:kds-col-end-13 {
    grid-column-end: 13;
  }
  .lg\:kds-col-end-2 {
    grid-column-end: 2;
  }
  .lg\:kds-col-end-3 {
    grid-column-end: 3;
  }
  .lg\:kds-col-end-4 {
    grid-column-end: 4;
  }
  .lg\:kds-col-end-5 {
    grid-column-end: 5;
  }
  .lg\:kds-col-end-6 {
    grid-column-end: 6;
  }
  .lg\:kds-col-end-7 {
    grid-column-end: 7;
  }
  .lg\:kds-col-end-8 {
    grid-column-end: 8;
  }
  .lg\:kds-col-end-9 {
    grid-column-end: 9;
  }
  .lg\:kds-col-end-auto {
    grid-column-end: auto;
  }
  .lg\:kds-row-auto {
    grid-row: auto;
  }
  .lg\:kds-row-span-1 {
    grid-row: span 1/span 1;
  }
  .lg\:kds-row-span-10 {
    grid-row: span 10/span 10;
  }
  .lg\:kds-row-span-11 {
    grid-row: span 11/span 11;
  }
  .lg\:kds-row-span-12 {
    grid-row: span 12/span 12;
  }
  .lg\:kds-row-span-2 {
    grid-row: span 2/span 2;
  }
  .lg\:kds-row-span-3 {
    grid-row: span 3/span 3;
  }
  .lg\:kds-row-span-4 {
    grid-row: span 4/span 4;
  }
  .lg\:kds-row-span-5 {
    grid-row: span 5/span 5;
  }
  .lg\:kds-row-span-6 {
    grid-row: span 6/span 6;
  }
  .lg\:kds-row-span-7 {
    grid-row: span 7/span 7;
  }
  .lg\:kds-row-span-8 {
    grid-row: span 8/span 8;
  }
  .lg\:kds-row-span-9 {
    grid-row: span 9/span 9;
  }
  .lg\:kds-row-span-full {
    grid-row: 1/-1;
  }
  .lg\:-kds-row-start-1 {
    grid-row-start: -1;
  }
  .lg\:-kds-row-start-10 {
    grid-row-start: -10;
  }
  .lg\:-kds-row-start-11 {
    grid-row-start: -11;
  }
  .lg\:-kds-row-start-12 {
    grid-row-start: -12;
  }
  .lg\:-kds-row-start-13 {
    grid-row-start: -13;
  }
  .lg\:-kds-row-start-2 {
    grid-row-start: -2;
  }
  .lg\:-kds-row-start-3 {
    grid-row-start: -3;
  }
  .lg\:-kds-row-start-4 {
    grid-row-start: -4;
  }
  .lg\:-kds-row-start-5 {
    grid-row-start: -5;
  }
  .lg\:-kds-row-start-6 {
    grid-row-start: -6;
  }
  .lg\:-kds-row-start-7 {
    grid-row-start: -7;
  }
  .lg\:-kds-row-start-8 {
    grid-row-start: -8;
  }
  .lg\:-kds-row-start-9 {
    grid-row-start: -9;
  }
  .lg\:kds--row-start-1 {
    grid-row-start: -1;
  }
  .lg\:kds--row-start-10 {
    grid-row-start: -10;
  }
  .lg\:kds--row-start-11 {
    grid-row-start: -11;
  }
  .lg\:kds--row-start-12 {
    grid-row-start: -12;
  }
  .lg\:kds--row-start-13 {
    grid-row-start: -13;
  }
  .lg\:kds--row-start-2 {
    grid-row-start: -2;
  }
  .lg\:kds--row-start-3 {
    grid-row-start: -3;
  }
  .lg\:kds--row-start-4 {
    grid-row-start: -4;
  }
  .lg\:kds--row-start-5 {
    grid-row-start: -5;
  }
  .lg\:kds--row-start-6 {
    grid-row-start: -6;
  }
  .lg\:kds--row-start-7 {
    grid-row-start: -7;
  }
  .lg\:kds--row-start-8 {
    grid-row-start: -8;
  }
  .lg\:kds--row-start-9 {
    grid-row-start: -9;
  }
  .lg\:kds-row-start-1 {
    grid-row-start: 1;
  }
  .lg\:kds-row-start-10 {
    grid-row-start: 10;
  }
  .lg\:kds-row-start-11 {
    grid-row-start: 11;
  }
  .lg\:kds-row-start-12 {
    grid-row-start: 12;
  }
  .lg\:kds-row-start-13 {
    grid-row-start: 13;
  }
  .lg\:kds-row-start-2 {
    grid-row-start: 2;
  }
  .lg\:kds-row-start-3 {
    grid-row-start: 3;
  }
  .lg\:kds-row-start-4 {
    grid-row-start: 4;
  }
  .lg\:kds-row-start-5 {
    grid-row-start: 5;
  }
  .lg\:kds-row-start-6 {
    grid-row-start: 6;
  }
  .lg\:kds-row-start-7 {
    grid-row-start: 7;
  }
  .lg\:kds-row-start-8 {
    grid-row-start: 8;
  }
  .lg\:kds-row-start-9 {
    grid-row-start: 9;
  }
  .lg\:kds-row-start-auto {
    grid-row-start: auto;
  }
  .lg\:-kds-row-end-1 {
    grid-row-end: -1;
  }
  .lg\:-kds-row-end-10 {
    grid-row-end: -10;
  }
  .lg\:-kds-row-end-11 {
    grid-row-end: -11;
  }
  .lg\:-kds-row-end-12 {
    grid-row-end: -12;
  }
  .lg\:-kds-row-end-13 {
    grid-row-end: -13;
  }
  .lg\:-kds-row-end-2 {
    grid-row-end: -2;
  }
  .lg\:-kds-row-end-3 {
    grid-row-end: -3;
  }
  .lg\:-kds-row-end-4 {
    grid-row-end: -4;
  }
  .lg\:-kds-row-end-5 {
    grid-row-end: -5;
  }
  .lg\:-kds-row-end-6 {
    grid-row-end: -6;
  }
  .lg\:-kds-row-end-7 {
    grid-row-end: -7;
  }
  .lg\:-kds-row-end-8 {
    grid-row-end: -8;
  }
  .lg\:-kds-row-end-9 {
    grid-row-end: -9;
  }
  .lg\:kds--row-end-1 {
    grid-row-end: -1;
  }
  .lg\:kds--row-end-10 {
    grid-row-end: -10;
  }
  .lg\:kds--row-end-11 {
    grid-row-end: -11;
  }
  .lg\:kds--row-end-12 {
    grid-row-end: -12;
  }
  .lg\:kds--row-end-13 {
    grid-row-end: -13;
  }
  .lg\:kds--row-end-2 {
    grid-row-end: -2;
  }
  .lg\:kds--row-end-3 {
    grid-row-end: -3;
  }
  .lg\:kds--row-end-4 {
    grid-row-end: -4;
  }
  .lg\:kds--row-end-5 {
    grid-row-end: -5;
  }
  .lg\:kds--row-end-6 {
    grid-row-end: -6;
  }
  .lg\:kds--row-end-7 {
    grid-row-end: -7;
  }
  .lg\:kds--row-end-8 {
    grid-row-end: -8;
  }
  .lg\:kds--row-end-9 {
    grid-row-end: -9;
  }
  .lg\:kds-row-end-1 {
    grid-row-end: 1;
  }
  .lg\:kds-row-end-10 {
    grid-row-end: 10;
  }
  .lg\:kds-row-end-11 {
    grid-row-end: 11;
  }
  .lg\:kds-row-end-12 {
    grid-row-end: 12;
  }
  .lg\:kds-row-end-13 {
    grid-row-end: 13;
  }
  .lg\:kds-row-end-2 {
    grid-row-end: 2;
  }
  .lg\:kds-row-end-3 {
    grid-row-end: 3;
  }
  .lg\:kds-row-end-4 {
    grid-row-end: 4;
  }
  .lg\:kds-row-end-5 {
    grid-row-end: 5;
  }
  .lg\:kds-row-end-6 {
    grid-row-end: 6;
  }
  .lg\:kds-row-end-7 {
    grid-row-end: 7;
  }
  .lg\:kds-row-end-8 {
    grid-row-end: 8;
  }
  .lg\:kds-row-end-9 {
    grid-row-end: 9;
  }
  .lg\:kds-row-end-auto {
    grid-row-end: auto;
  }
  .lg\:-kds-m-0 {
    margin: 0px;
  }
  .lg\:-kds-m-01 {
    margin: -4px;
  }
  .lg\:-kds-m-02 {
    margin: -8px;
  }
  .lg\:-kds-m-03 {
    margin: -12px;
  }
  .lg\:-kds-m-04 {
    margin: -16px;
  }
  .lg\:-kds-m-05 {
    margin: -20px;
  }
  .lg\:-kds-m-06 {
    margin: -24px;
  }
  .lg\:-kds-m-07 {
    margin: -28px;
  }
  .lg\:-kds-m-08 {
    margin: -32px;
  }
  .lg\:-kds-m-09 {
    margin: -36px;
  }
  .lg\:-kds-m-10 {
    margin: -40px;
  }
  .lg\:-kds-m-11 {
    margin: -44px;
  }
  .lg\:-kds-m-12 {
    margin: -48px;
  }
  .lg\:-kds-m-14 {
    margin: -56px;
  }
  .lg\:-kds-m-16 {
    margin: -64px;
  }
  .lg\:-kds-m-20 {
    margin: -80px;
  }
  .lg\:-kds-m-page-margin {
    margin: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-m-page-rail {
    margin: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--m-0 {
    margin: 0px;
  }
  .lg\:kds--m-01 {
    margin: -4px;
  }
  .lg\:kds--m-02 {
    margin: -8px;
  }
  .lg\:kds--m-03 {
    margin: -12px;
  }
  .lg\:kds--m-04 {
    margin: -16px;
  }
  .lg\:kds--m-05 {
    margin: -20px;
  }
  .lg\:kds--m-06 {
    margin: -24px;
  }
  .lg\:kds--m-07 {
    margin: -28px;
  }
  .lg\:kds--m-08 {
    margin: -32px;
  }
  .lg\:kds--m-09 {
    margin: -36px;
  }
  .lg\:kds--m-10 {
    margin: -40px;
  }
  .lg\:kds--m-11 {
    margin: -44px;
  }
  .lg\:kds--m-12 {
    margin: -48px;
  }
  .lg\:kds--m-14 {
    margin: -56px;
  }
  .lg\:kds--m-16 {
    margin: -64px;
  }
  .lg\:kds--m-20 {
    margin: -80px;
  }
  .lg\:kds--m-page-margin {
    margin: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--m-page-rail {
    margin: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds-m-0 {
    margin: 0px;
  }
  .lg\:kds-m-01 {
    margin: 4px;
  }
  .lg\:kds-m-02 {
    margin: 8px;
  }
  .lg\:kds-m-03 {
    margin: 12px;
  }
  .lg\:kds-m-04 {
    margin: 16px;
  }
  .lg\:kds-m-05 {
    margin: 20px;
  }
  .lg\:kds-m-06 {
    margin: 24px;
  }
  .lg\:kds-m-07 {
    margin: 28px;
  }
  .lg\:kds-m-08 {
    margin: 32px;
  }
  .lg\:kds-m-09 {
    margin: 36px;
  }
  .lg\:kds-m-10 {
    margin: 40px;
  }
  .lg\:kds-m-11 {
    margin: 44px;
  }
  .lg\:kds-m-12 {
    margin: 48px;
  }
  .lg\:kds-m-14 {
    margin: 56px;
  }
  .lg\:kds-m-16 {
    margin: 64px;
  }
  .lg\:kds-m-20 {
    margin: 80px;
  }
  .lg\:kds-m-auto {
    margin: auto;
  }
  .lg\:kds-m-page-margin {
    margin: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-m-page-rail {
    margin: var(--_page-grid-rail-width, 0px);
  }
  .lg\:-kds-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:-kds-mx-01 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .lg\:-kds-mx-02 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .lg\:-kds-mx-03 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .lg\:-kds-mx-04 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .lg\:-kds-mx-05 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .lg\:-kds-mx-06 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .lg\:-kds-mx-07 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .lg\:-kds-mx-08 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .lg\:-kds-mx-09 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .lg\:-kds-mx-10 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .lg\:-kds-mx-11 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .lg\:-kds-mx-12 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .lg\:-kds-mx-14 {
    margin-left: -56px;
    margin-right: -56px;
  }
  .lg\:-kds-mx-16 {
    margin-left: -64px;
    margin-right: -64px;
  }
  .lg\:-kds-mx-20 {
    margin-left: -80px;
    margin-right: -80px;
  }
  .lg\:-kds-mx-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-mx-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:-kds-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .lg\:-kds-my-01 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .lg\:-kds-my-02 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .lg\:-kds-my-03 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .lg\:-kds-my-04 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .lg\:-kds-my-05 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .lg\:-kds-my-06 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .lg\:-kds-my-07 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .lg\:-kds-my-08 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .lg\:-kds-my-09 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .lg\:-kds-my-10 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .lg\:-kds-my-11 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .lg\:-kds-my-12 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .lg\:-kds-my-14 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .lg\:-kds-my-16 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .lg\:-kds-my-20 {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .lg\:-kds-my-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-my-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:kds--mx-01 {
    margin-left: -4px;
    margin-right: -4px;
  }
  .lg\:kds--mx-02 {
    margin-left: -8px;
    margin-right: -8px;
  }
  .lg\:kds--mx-03 {
    margin-left: -12px;
    margin-right: -12px;
  }
  .lg\:kds--mx-04 {
    margin-left: -16px;
    margin-right: -16px;
  }
  .lg\:kds--mx-05 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .lg\:kds--mx-06 {
    margin-left: -24px;
    margin-right: -24px;
  }
  .lg\:kds--mx-07 {
    margin-left: -28px;
    margin-right: -28px;
  }
  .lg\:kds--mx-08 {
    margin-left: -32px;
    margin-right: -32px;
  }
  .lg\:kds--mx-09 {
    margin-left: -36px;
    margin-right: -36px;
  }
  .lg\:kds--mx-10 {
    margin-left: -40px;
    margin-right: -40px;
  }
  .lg\:kds--mx-11 {
    margin-left: -44px;
    margin-right: -44px;
  }
  .lg\:kds--mx-12 {
    margin-left: -48px;
    margin-right: -48px;
  }
  .lg\:kds--mx-14 {
    margin-left: -56px;
    margin-right: -56px;
  }
  .lg\:kds--mx-16 {
    margin-left: -64px;
    margin-right: -64px;
  }
  .lg\:kds--mx-20 {
    margin-left: -80px;
    margin-right: -80px;
  }
  .lg\:kds--mx-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--mx-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .lg\:kds--my-01 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .lg\:kds--my-02 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .lg\:kds--my-03 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .lg\:kds--my-04 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .lg\:kds--my-05 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .lg\:kds--my-06 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .lg\:kds--my-07 {
    margin-top: -28px;
    margin-bottom: -28px;
  }
  .lg\:kds--my-08 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .lg\:kds--my-09 {
    margin-top: -36px;
    margin-bottom: -36px;
  }
  .lg\:kds--my-10 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .lg\:kds--my-11 {
    margin-top: -44px;
    margin-bottom: -44px;
  }
  .lg\:kds--my-12 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .lg\:kds--my-14 {
    margin-top: -56px;
    margin-bottom: -56px;
  }
  .lg\:kds--my-16 {
    margin-top: -64px;
    margin-bottom: -64px;
  }
  .lg\:kds--my-20 {
    margin-top: -80px;
    margin-bottom: -80px;
  }
  .lg\:kds--my-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--my-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .lg\:kds-mx-01 {
    margin-left: 4px;
    margin-right: 4px;
  }
  .lg\:kds-mx-02 {
    margin-left: 8px;
    margin-right: 8px;
  }
  .lg\:kds-mx-03 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .lg\:kds-mx-04 {
    margin-left: 16px;
    margin-right: 16px;
  }
  .lg\:kds-mx-05 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .lg\:kds-mx-06 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .lg\:kds-mx-07 {
    margin-left: 28px;
    margin-right: 28px;
  }
  .lg\:kds-mx-08 {
    margin-left: 32px;
    margin-right: 32px;
  }
  .lg\:kds-mx-09 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .lg\:kds-mx-10 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .lg\:kds-mx-11 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .lg\:kds-mx-12 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .lg\:kds-mx-14 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .lg\:kds-mx-16 {
    margin-left: 64px;
    margin-right: 64px;
  }
  .lg\:kds-mx-20 {
    margin-left: 80px;
    margin-right: 80px;
  }
  .lg\:kds-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg\:kds-mx-page-margin {
    margin-left: var(--_page-grid-margin, 0px);
    margin-right: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-mx-page-rail {
    margin-left: var(--_page-grid-rail-width, 0px);
    margin-right: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .lg\:kds-my-01 {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .lg\:kds-my-02 {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .lg\:kds-my-03 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .lg\:kds-my-04 {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .lg\:kds-my-05 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .lg\:kds-my-06 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .lg\:kds-my-07 {
    margin-top: 28px;
    margin-bottom: 28px;
  }
  .lg\:kds-my-08 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .lg\:kds-my-09 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .lg\:kds-my-10 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .lg\:kds-my-11 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
  .lg\:kds-my-12 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .lg\:kds-my-14 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
  .lg\:kds-my-16 {
    margin-top: 64px;
    margin-bottom: 64px;
  }
  .lg\:kds-my-20 {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .lg\:kds-my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .lg\:kds-my-page-margin {
    margin-top: var(--_page-grid-margin, 0px);
    margin-bottom: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-my-page-rail {
    margin-top: var(--_page-grid-rail-width, 0px);
    margin-bottom: var(--_page-grid-rail-width, 0px);
  }
  .lg\:-kds-mb-0 {
    margin-bottom: 0px;
  }
  .lg\:-kds-mb-01 {
    margin-bottom: -4px;
  }
  .lg\:-kds-mb-02 {
    margin-bottom: -8px;
  }
  .lg\:-kds-mb-03 {
    margin-bottom: -12px;
  }
  .lg\:-kds-mb-04 {
    margin-bottom: -16px;
  }
  .lg\:-kds-mb-05 {
    margin-bottom: -20px;
  }
  .lg\:-kds-mb-06 {
    margin-bottom: -24px;
  }
  .lg\:-kds-mb-07 {
    margin-bottom: -28px;
  }
  .lg\:-kds-mb-08 {
    margin-bottom: -32px;
  }
  .lg\:-kds-mb-09 {
    margin-bottom: -36px;
  }
  .lg\:-kds-mb-10 {
    margin-bottom: -40px;
  }
  .lg\:-kds-mb-11 {
    margin-bottom: -44px;
  }
  .lg\:-kds-mb-12 {
    margin-bottom: -48px;
  }
  .lg\:-kds-mb-14 {
    margin-bottom: -56px;
  }
  .lg\:-kds-mb-16 {
    margin-bottom: -64px;
  }
  .lg\:-kds-mb-20 {
    margin-bottom: -80px;
  }
  .lg\:-kds-mb-page-margin {
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-mb-page-rail {
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:-kds-me-0 {
    margin-inline-end: 0px;
  }
  .lg\:-kds-me-01 {
    margin-inline-end: -4px;
  }
  .lg\:-kds-me-02 {
    margin-inline-end: -8px;
  }
  .lg\:-kds-me-03 {
    margin-inline-end: -12px;
  }
  .lg\:-kds-me-04 {
    margin-inline-end: -16px;
  }
  .lg\:-kds-me-05 {
    margin-inline-end: -20px;
  }
  .lg\:-kds-me-06 {
    margin-inline-end: -24px;
  }
  .lg\:-kds-me-07 {
    margin-inline-end: -28px;
  }
  .lg\:-kds-me-08 {
    margin-inline-end: -32px;
  }
  .lg\:-kds-me-09 {
    margin-inline-end: -36px;
  }
  .lg\:-kds-me-10 {
    margin-inline-end: -40px;
  }
  .lg\:-kds-me-11 {
    margin-inline-end: -44px;
  }
  .lg\:-kds-me-12 {
    margin-inline-end: -48px;
  }
  .lg\:-kds-me-14 {
    margin-inline-end: -56px;
  }
  .lg\:-kds-me-16 {
    margin-inline-end: -64px;
  }
  .lg\:-kds-me-20 {
    margin-inline-end: -80px;
  }
  .lg\:-kds-me-page-margin {
    margin-inline-end: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-me-page-rail {
    margin-inline-end: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:-kds-ml-0 {
    margin-left: 0px;
  }
  .lg\:-kds-ml-01 {
    margin-left: -4px;
  }
  .lg\:-kds-ml-02 {
    margin-left: -8px;
  }
  .lg\:-kds-ml-03 {
    margin-left: -12px;
  }
  .lg\:-kds-ml-04 {
    margin-left: -16px;
  }
  .lg\:-kds-ml-05 {
    margin-left: -20px;
  }
  .lg\:-kds-ml-06 {
    margin-left: -24px;
  }
  .lg\:-kds-ml-07 {
    margin-left: -28px;
  }
  .lg\:-kds-ml-08 {
    margin-left: -32px;
  }
  .lg\:-kds-ml-09 {
    margin-left: -36px;
  }
  .lg\:-kds-ml-10 {
    margin-left: -40px;
  }
  .lg\:-kds-ml-11 {
    margin-left: -44px;
  }
  .lg\:-kds-ml-12 {
    margin-left: -48px;
  }
  .lg\:-kds-ml-14 {
    margin-left: -56px;
  }
  .lg\:-kds-ml-16 {
    margin-left: -64px;
  }
  .lg\:-kds-ml-20 {
    margin-left: -80px;
  }
  .lg\:-kds-ml-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-ml-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:-kds-mr-0 {
    margin-right: 0px;
  }
  .lg\:-kds-mr-01 {
    margin-right: -4px;
  }
  .lg\:-kds-mr-02 {
    margin-right: -8px;
  }
  .lg\:-kds-mr-03 {
    margin-right: -12px;
  }
  .lg\:-kds-mr-04 {
    margin-right: -16px;
  }
  .lg\:-kds-mr-05 {
    margin-right: -20px;
  }
  .lg\:-kds-mr-06 {
    margin-right: -24px;
  }
  .lg\:-kds-mr-07 {
    margin-right: -28px;
  }
  .lg\:-kds-mr-08 {
    margin-right: -32px;
  }
  .lg\:-kds-mr-09 {
    margin-right: -36px;
  }
  .lg\:-kds-mr-10 {
    margin-right: -40px;
  }
  .lg\:-kds-mr-11 {
    margin-right: -44px;
  }
  .lg\:-kds-mr-12 {
    margin-right: -48px;
  }
  .lg\:-kds-mr-14 {
    margin-right: -56px;
  }
  .lg\:-kds-mr-16 {
    margin-right: -64px;
  }
  .lg\:-kds-mr-20 {
    margin-right: -80px;
  }
  .lg\:-kds-mr-page-margin {
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-mr-page-rail {
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:-kds-ms-0 {
    margin-inline-start: 0px;
  }
  .lg\:-kds-ms-01 {
    margin-inline-start: -4px;
  }
  .lg\:-kds-ms-02 {
    margin-inline-start: -8px;
  }
  .lg\:-kds-ms-03 {
    margin-inline-start: -12px;
  }
  .lg\:-kds-ms-04 {
    margin-inline-start: -16px;
  }
  .lg\:-kds-ms-05 {
    margin-inline-start: -20px;
  }
  .lg\:-kds-ms-06 {
    margin-inline-start: -24px;
  }
  .lg\:-kds-ms-07 {
    margin-inline-start: -28px;
  }
  .lg\:-kds-ms-08 {
    margin-inline-start: -32px;
  }
  .lg\:-kds-ms-09 {
    margin-inline-start: -36px;
  }
  .lg\:-kds-ms-10 {
    margin-inline-start: -40px;
  }
  .lg\:-kds-ms-11 {
    margin-inline-start: -44px;
  }
  .lg\:-kds-ms-12 {
    margin-inline-start: -48px;
  }
  .lg\:-kds-ms-14 {
    margin-inline-start: -56px;
  }
  .lg\:-kds-ms-16 {
    margin-inline-start: -64px;
  }
  .lg\:-kds-ms-20 {
    margin-inline-start: -80px;
  }
  .lg\:-kds-ms-page-margin {
    margin-inline-start: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-ms-page-rail {
    margin-inline-start: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:-kds-mt-0 {
    margin-top: 0px;
  }
  .lg\:-kds-mt-01 {
    margin-top: -4px;
  }
  .lg\:-kds-mt-02 {
    margin-top: -8px;
  }
  .lg\:-kds-mt-03 {
    margin-top: -12px;
  }
  .lg\:-kds-mt-04 {
    margin-top: -16px;
  }
  .lg\:-kds-mt-05 {
    margin-top: -20px;
  }
  .lg\:-kds-mt-06 {
    margin-top: -24px;
  }
  .lg\:-kds-mt-07 {
    margin-top: -28px;
  }
  .lg\:-kds-mt-08 {
    margin-top: -32px;
  }
  .lg\:-kds-mt-09 {
    margin-top: -36px;
  }
  .lg\:-kds-mt-10 {
    margin-top: -40px;
  }
  .lg\:-kds-mt-11 {
    margin-top: -44px;
  }
  .lg\:-kds-mt-12 {
    margin-top: -48px;
  }
  .lg\:-kds-mt-14 {
    margin-top: -56px;
  }
  .lg\:-kds-mt-16 {
    margin-top: -64px;
  }
  .lg\:-kds-mt-20 {
    margin-top: -80px;
  }
  .lg\:-kds-mt-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:-kds-mt-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--mb-0 {
    margin-bottom: 0px;
  }
  .lg\:kds--mb-01 {
    margin-bottom: -4px;
  }
  .lg\:kds--mb-02 {
    margin-bottom: -8px;
  }
  .lg\:kds--mb-03 {
    margin-bottom: -12px;
  }
  .lg\:kds--mb-04 {
    margin-bottom: -16px;
  }
  .lg\:kds--mb-05 {
    margin-bottom: -20px;
  }
  .lg\:kds--mb-06 {
    margin-bottom: -24px;
  }
  .lg\:kds--mb-07 {
    margin-bottom: -28px;
  }
  .lg\:kds--mb-08 {
    margin-bottom: -32px;
  }
  .lg\:kds--mb-09 {
    margin-bottom: -36px;
  }
  .lg\:kds--mb-10 {
    margin-bottom: -40px;
  }
  .lg\:kds--mb-11 {
    margin-bottom: -44px;
  }
  .lg\:kds--mb-12 {
    margin-bottom: -48px;
  }
  .lg\:kds--mb-14 {
    margin-bottom: -56px;
  }
  .lg\:kds--mb-16 {
    margin-bottom: -64px;
  }
  .lg\:kds--mb-20 {
    margin-bottom: -80px;
  }
  .lg\:kds--mb-page-margin {
    margin-bottom: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--mb-page-rail {
    margin-bottom: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--me-0 {
    margin-inline-end: 0px;
  }
  .lg\:kds--me-01 {
    margin-inline-end: -4px;
  }
  .lg\:kds--me-02 {
    margin-inline-end: -8px;
  }
  .lg\:kds--me-03 {
    margin-inline-end: -12px;
  }
  .lg\:kds--me-04 {
    margin-inline-end: -16px;
  }
  .lg\:kds--me-05 {
    margin-inline-end: -20px;
  }
  .lg\:kds--me-06 {
    margin-inline-end: -24px;
  }
  .lg\:kds--me-07 {
    margin-inline-end: -28px;
  }
  .lg\:kds--me-08 {
    margin-inline-end: -32px;
  }
  .lg\:kds--me-09 {
    margin-inline-end: -36px;
  }
  .lg\:kds--me-10 {
    margin-inline-end: -40px;
  }
  .lg\:kds--me-11 {
    margin-inline-end: -44px;
  }
  .lg\:kds--me-12 {
    margin-inline-end: -48px;
  }
  .lg\:kds--me-14 {
    margin-inline-end: -56px;
  }
  .lg\:kds--me-16 {
    margin-inline-end: -64px;
  }
  .lg\:kds--me-20 {
    margin-inline-end: -80px;
  }
  .lg\:kds--me-page-margin {
    margin-inline-end: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--me-page-rail {
    margin-inline-end: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--ml-0 {
    margin-left: 0px;
  }
  .lg\:kds--ml-01 {
    margin-left: -4px;
  }
  .lg\:kds--ml-02 {
    margin-left: -8px;
  }
  .lg\:kds--ml-03 {
    margin-left: -12px;
  }
  .lg\:kds--ml-04 {
    margin-left: -16px;
  }
  .lg\:kds--ml-05 {
    margin-left: -20px;
  }
  .lg\:kds--ml-06 {
    margin-left: -24px;
  }
  .lg\:kds--ml-07 {
    margin-left: -28px;
  }
  .lg\:kds--ml-08 {
    margin-left: -32px;
  }
  .lg\:kds--ml-09 {
    margin-left: -36px;
  }
  .lg\:kds--ml-10 {
    margin-left: -40px;
  }
  .lg\:kds--ml-11 {
    margin-left: -44px;
  }
  .lg\:kds--ml-12 {
    margin-left: -48px;
  }
  .lg\:kds--ml-14 {
    margin-left: -56px;
  }
  .lg\:kds--ml-16 {
    margin-left: -64px;
  }
  .lg\:kds--ml-20 {
    margin-left: -80px;
  }
  .lg\:kds--ml-page-margin {
    margin-left: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--ml-page-rail {
    margin-left: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--mr-0 {
    margin-right: 0px;
  }
  .lg\:kds--mr-01 {
    margin-right: -4px;
  }
  .lg\:kds--mr-02 {
    margin-right: -8px;
  }
  .lg\:kds--mr-03 {
    margin-right: -12px;
  }
  .lg\:kds--mr-04 {
    margin-right: -16px;
  }
  .lg\:kds--mr-05 {
    margin-right: -20px;
  }
  .lg\:kds--mr-06 {
    margin-right: -24px;
  }
  .lg\:kds--mr-07 {
    margin-right: -28px;
  }
  .lg\:kds--mr-08 {
    margin-right: -32px;
  }
  .lg\:kds--mr-09 {
    margin-right: -36px;
  }
  .lg\:kds--mr-10 {
    margin-right: -40px;
  }
  .lg\:kds--mr-11 {
    margin-right: -44px;
  }
  .lg\:kds--mr-12 {
    margin-right: -48px;
  }
  .lg\:kds--mr-14 {
    margin-right: -56px;
  }
  .lg\:kds--mr-16 {
    margin-right: -64px;
  }
  .lg\:kds--mr-20 {
    margin-right: -80px;
  }
  .lg\:kds--mr-page-margin {
    margin-right: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--mr-page-rail {
    margin-right: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--ms-0 {
    margin-inline-start: 0px;
  }
  .lg\:kds--ms-01 {
    margin-inline-start: -4px;
  }
  .lg\:kds--ms-02 {
    margin-inline-start: -8px;
  }
  .lg\:kds--ms-03 {
    margin-inline-start: -12px;
  }
  .lg\:kds--ms-04 {
    margin-inline-start: -16px;
  }
  .lg\:kds--ms-05 {
    margin-inline-start: -20px;
  }
  .lg\:kds--ms-06 {
    margin-inline-start: -24px;
  }
  .lg\:kds--ms-07 {
    margin-inline-start: -28px;
  }
  .lg\:kds--ms-08 {
    margin-inline-start: -32px;
  }
  .lg\:kds--ms-09 {
    margin-inline-start: -36px;
  }
  .lg\:kds--ms-10 {
    margin-inline-start: -40px;
  }
  .lg\:kds--ms-11 {
    margin-inline-start: -44px;
  }
  .lg\:kds--ms-12 {
    margin-inline-start: -48px;
  }
  .lg\:kds--ms-14 {
    margin-inline-start: -56px;
  }
  .lg\:kds--ms-16 {
    margin-inline-start: -64px;
  }
  .lg\:kds--ms-20 {
    margin-inline-start: -80px;
  }
  .lg\:kds--ms-page-margin {
    margin-inline-start: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--ms-page-rail {
    margin-inline-start: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds--mt-0 {
    margin-top: 0px;
  }
  .lg\:kds--mt-01 {
    margin-top: -4px;
  }
  .lg\:kds--mt-02 {
    margin-top: -8px;
  }
  .lg\:kds--mt-03 {
    margin-top: -12px;
  }
  .lg\:kds--mt-04 {
    margin-top: -16px;
  }
  .lg\:kds--mt-05 {
    margin-top: -20px;
  }
  .lg\:kds--mt-06 {
    margin-top: -24px;
  }
  .lg\:kds--mt-07 {
    margin-top: -28px;
  }
  .lg\:kds--mt-08 {
    margin-top: -32px;
  }
  .lg\:kds--mt-09 {
    margin-top: -36px;
  }
  .lg\:kds--mt-10 {
    margin-top: -40px;
  }
  .lg\:kds--mt-11 {
    margin-top: -44px;
  }
  .lg\:kds--mt-12 {
    margin-top: -48px;
  }
  .lg\:kds--mt-14 {
    margin-top: -56px;
  }
  .lg\:kds--mt-16 {
    margin-top: -64px;
  }
  .lg\:kds--mt-20 {
    margin-top: -80px;
  }
  .lg\:kds--mt-page-margin {
    margin-top: calc(var(--_page-grid-margin, 0px) * -1);
  }
  .lg\:kds--mt-page-rail {
    margin-top: calc(var(--_page-grid-rail-width, 0px) * -1);
  }
  .lg\:kds-mb-0 {
    margin-bottom: 0px;
  }
  .lg\:kds-mb-01 {
    margin-bottom: 4px;
  }
  .lg\:kds-mb-02 {
    margin-bottom: 8px;
  }
  .lg\:kds-mb-03 {
    margin-bottom: 12px;
  }
  .lg\:kds-mb-04 {
    margin-bottom: 16px;
  }
  .lg\:kds-mb-05 {
    margin-bottom: 20px;
  }
  .lg\:kds-mb-06 {
    margin-bottom: 24px;
  }
  .lg\:kds-mb-07 {
    margin-bottom: 28px;
  }
  .lg\:kds-mb-08 {
    margin-bottom: 32px;
  }
  .lg\:kds-mb-09 {
    margin-bottom: 36px;
  }
  .lg\:kds-mb-10 {
    margin-bottom: 40px;
  }
  .lg\:kds-mb-11 {
    margin-bottom: 44px;
  }
  .lg\:kds-mb-12 {
    margin-bottom: 48px;
  }
  .lg\:kds-mb-14 {
    margin-bottom: 56px;
  }
  .lg\:kds-mb-16 {
    margin-bottom: 64px;
  }
  .lg\:kds-mb-20 {
    margin-bottom: 80px;
  }
  .lg\:kds-mb-auto {
    margin-bottom: auto;
  }
  .lg\:kds-mb-page-margin {
    margin-bottom: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-mb-page-rail {
    margin-bottom: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-me-0 {
    margin-inline-end: 0px;
  }
  .lg\:kds-me-01 {
    margin-inline-end: 4px;
  }
  .lg\:kds-me-02 {
    margin-inline-end: 8px;
  }
  .lg\:kds-me-03 {
    margin-inline-end: 12px;
  }
  .lg\:kds-me-04 {
    margin-inline-end: 16px;
  }
  .lg\:kds-me-05 {
    margin-inline-end: 20px;
  }
  .lg\:kds-me-06 {
    margin-inline-end: 24px;
  }
  .lg\:kds-me-07 {
    margin-inline-end: 28px;
  }
  .lg\:kds-me-08 {
    margin-inline-end: 32px;
  }
  .lg\:kds-me-09 {
    margin-inline-end: 36px;
  }
  .lg\:kds-me-10 {
    margin-inline-end: 40px;
  }
  .lg\:kds-me-11 {
    margin-inline-end: 44px;
  }
  .lg\:kds-me-12 {
    margin-inline-end: 48px;
  }
  .lg\:kds-me-14 {
    margin-inline-end: 56px;
  }
  .lg\:kds-me-16 {
    margin-inline-end: 64px;
  }
  .lg\:kds-me-20 {
    margin-inline-end: 80px;
  }
  .lg\:kds-me-auto {
    margin-inline-end: auto;
  }
  .lg\:kds-me-page-margin {
    margin-inline-end: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-me-page-rail {
    margin-inline-end: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-ml-0 {
    margin-left: 0px;
  }
  .lg\:kds-ml-01 {
    margin-left: 4px;
  }
  .lg\:kds-ml-02 {
    margin-left: 8px;
  }
  .lg\:kds-ml-03 {
    margin-left: 12px;
  }
  .lg\:kds-ml-04 {
    margin-left: 16px;
  }
  .lg\:kds-ml-05 {
    margin-left: 20px;
  }
  .lg\:kds-ml-06 {
    margin-left: 24px;
  }
  .lg\:kds-ml-07 {
    margin-left: 28px;
  }
  .lg\:kds-ml-08 {
    margin-left: 32px;
  }
  .lg\:kds-ml-09 {
    margin-left: 36px;
  }
  .lg\:kds-ml-10 {
    margin-left: 40px;
  }
  .lg\:kds-ml-11 {
    margin-left: 44px;
  }
  .lg\:kds-ml-12 {
    margin-left: 48px;
  }
  .lg\:kds-ml-14 {
    margin-left: 56px;
  }
  .lg\:kds-ml-16 {
    margin-left: 64px;
  }
  .lg\:kds-ml-20 {
    margin-left: 80px;
  }
  .lg\:kds-ml-auto {
    margin-left: auto;
  }
  .lg\:kds-ml-page-margin {
    margin-left: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-ml-page-rail {
    margin-left: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-mr-0 {
    margin-right: 0px;
  }
  .lg\:kds-mr-01 {
    margin-right: 4px;
  }
  .lg\:kds-mr-02 {
    margin-right: 8px;
  }
  .lg\:kds-mr-03 {
    margin-right: 12px;
  }
  .lg\:kds-mr-04 {
    margin-right: 16px;
  }
  .lg\:kds-mr-05 {
    margin-right: 20px;
  }
  .lg\:kds-mr-06 {
    margin-right: 24px;
  }
  .lg\:kds-mr-07 {
    margin-right: 28px;
  }
  .lg\:kds-mr-08 {
    margin-right: 32px;
  }
  .lg\:kds-mr-09 {
    margin-right: 36px;
  }
  .lg\:kds-mr-10 {
    margin-right: 40px;
  }
  .lg\:kds-mr-11 {
    margin-right: 44px;
  }
  .lg\:kds-mr-12 {
    margin-right: 48px;
  }
  .lg\:kds-mr-14 {
    margin-right: 56px;
  }
  .lg\:kds-mr-16 {
    margin-right: 64px;
  }
  .lg\:kds-mr-20 {
    margin-right: 80px;
  }
  .lg\:kds-mr-auto {
    margin-right: auto;
  }
  .lg\:kds-mr-page-margin {
    margin-right: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-mr-page-rail {
    margin-right: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-ms-0 {
    margin-inline-start: 0px;
  }
  .lg\:kds-ms-01 {
    margin-inline-start: 4px;
  }
  .lg\:kds-ms-02 {
    margin-inline-start: 8px;
  }
  .lg\:kds-ms-03 {
    margin-inline-start: 12px;
  }
  .lg\:kds-ms-04 {
    margin-inline-start: 16px;
  }
  .lg\:kds-ms-05 {
    margin-inline-start: 20px;
  }
  .lg\:kds-ms-06 {
    margin-inline-start: 24px;
  }
  .lg\:kds-ms-07 {
    margin-inline-start: 28px;
  }
  .lg\:kds-ms-08 {
    margin-inline-start: 32px;
  }
  .lg\:kds-ms-09 {
    margin-inline-start: 36px;
  }
  .lg\:kds-ms-10 {
    margin-inline-start: 40px;
  }
  .lg\:kds-ms-11 {
    margin-inline-start: 44px;
  }
  .lg\:kds-ms-12 {
    margin-inline-start: 48px;
  }
  .lg\:kds-ms-14 {
    margin-inline-start: 56px;
  }
  .lg\:kds-ms-16 {
    margin-inline-start: 64px;
  }
  .lg\:kds-ms-20 {
    margin-inline-start: 80px;
  }
  .lg\:kds-ms-auto {
    margin-inline-start: auto;
  }
  .lg\:kds-ms-page-margin {
    margin-inline-start: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-ms-page-rail {
    margin-inline-start: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-mt-0 {
    margin-top: 0px;
  }
  .lg\:kds-mt-01 {
    margin-top: 4px;
  }
  .lg\:kds-mt-02 {
    margin-top: 8px;
  }
  .lg\:kds-mt-03 {
    margin-top: 12px;
  }
  .lg\:kds-mt-04 {
    margin-top: 16px;
  }
  .lg\:kds-mt-05 {
    margin-top: 20px;
  }
  .lg\:kds-mt-06 {
    margin-top: 24px;
  }
  .lg\:kds-mt-07 {
    margin-top: 28px;
  }
  .lg\:kds-mt-08 {
    margin-top: 32px;
  }
  .lg\:kds-mt-09 {
    margin-top: 36px;
  }
  .lg\:kds-mt-10 {
    margin-top: 40px;
  }
  .lg\:kds-mt-11 {
    margin-top: 44px;
  }
  .lg\:kds-mt-12 {
    margin-top: 48px;
  }
  .lg\:kds-mt-14 {
    margin-top: 56px;
  }
  .lg\:kds-mt-16 {
    margin-top: 64px;
  }
  .lg\:kds-mt-20 {
    margin-top: 80px;
  }
  .lg\:kds-mt-auto {
    margin-top: auto;
  }
  .lg\:kds-mt-page-margin {
    margin-top: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-mt-page-rail {
    margin-top: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .lg\:kds-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .lg\:kds-line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .lg\:kds-line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .lg\:kds-line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .lg\:kds-line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .lg\:kds-line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
  }
  .lg\:kds-gap-0 {
    gap: 0px;
  }
  .lg\:kds-gap-01 {
    gap: 4px;
  }
  .lg\:kds-gap-02 {
    gap: 8px;
  }
  .lg\:kds-gap-03 {
    gap: 12px;
  }
  .lg\:kds-gap-04 {
    gap: 16px;
  }
  .lg\:kds-gap-05 {
    gap: 20px;
  }
  .lg\:kds-gap-06 {
    gap: 24px;
  }
  .lg\:kds-gap-07 {
    gap: 28px;
  }
  .lg\:kds-gap-08 {
    gap: 32px;
  }
  .lg\:kds-gap-09 {
    gap: 36px;
  }
  .lg\:kds-gap-10 {
    gap: 40px;
  }
  .lg\:kds-gap-11 {
    gap: 44px;
  }
  .lg\:kds-gap-12 {
    gap: 48px;
  }
  .lg\:kds-gap-14 {
    gap: 56px;
  }
  .lg\:kds-gap-16 {
    gap: 64px;
  }
  .lg\:kds-gap-20 {
    gap: 80px;
  }
  .lg\:kds-gap-page-margin {
    gap: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-gap-page-rail {
    gap: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-gap-x-0 {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .lg\:kds-gap-x-01 {
    -moz-column-gap: 4px;
    column-gap: 4px;
  }
  .lg\:kds-gap-x-02 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
  .lg\:kds-gap-x-03 {
    -moz-column-gap: 12px;
    column-gap: 12px;
  }
  .lg\:kds-gap-x-04 {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
  .lg\:kds-gap-x-05 {
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
  .lg\:kds-gap-x-06 {
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
  .lg\:kds-gap-x-07 {
    -moz-column-gap: 28px;
    column-gap: 28px;
  }
  .lg\:kds-gap-x-08 {
    -moz-column-gap: 32px;
    column-gap: 32px;
  }
  .lg\:kds-gap-x-09 {
    -moz-column-gap: 36px;
    column-gap: 36px;
  }
  .lg\:kds-gap-x-10 {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .lg\:kds-gap-x-11 {
    -moz-column-gap: 44px;
    column-gap: 44px;
  }
  .lg\:kds-gap-x-12 {
    -moz-column-gap: 48px;
    column-gap: 48px;
  }
  .lg\:kds-gap-x-14 {
    -moz-column-gap: 56px;
    column-gap: 56px;
  }
  .lg\:kds-gap-x-16 {
    -moz-column-gap: 64px;
    column-gap: 64px;
  }
  .lg\:kds-gap-x-20 {
    -moz-column-gap: 80px;
    column-gap: 80px;
  }
  .lg\:kds-gap-x-page-margin {
    -moz-column-gap: var(--_page-grid-margin, 0px);
    column-gap: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-gap-x-page-rail {
    -moz-column-gap: var(--_page-grid-rail-width, 0px);
    column-gap: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-gap-y-0 {
    row-gap: 0px;
  }
  .lg\:kds-gap-y-01 {
    row-gap: 4px;
  }
  .lg\:kds-gap-y-02 {
    row-gap: 8px;
  }
  .lg\:kds-gap-y-03 {
    row-gap: 12px;
  }
  .lg\:kds-gap-y-04 {
    row-gap: 16px;
  }
  .lg\:kds-gap-y-05 {
    row-gap: 20px;
  }
  .lg\:kds-gap-y-06 {
    row-gap: 24px;
  }
  .lg\:kds-gap-y-07 {
    row-gap: 28px;
  }
  .lg\:kds-gap-y-08 {
    row-gap: 32px;
  }
  .lg\:kds-gap-y-09 {
    row-gap: 36px;
  }
  .lg\:kds-gap-y-10 {
    row-gap: 40px;
  }
  .lg\:kds-gap-y-11 {
    row-gap: 44px;
  }
  .lg\:kds-gap-y-12 {
    row-gap: 48px;
  }
  .lg\:kds-gap-y-14 {
    row-gap: 56px;
  }
  .lg\:kds-gap-y-16 {
    row-gap: 64px;
  }
  .lg\:kds-gap-y-20 {
    row-gap: 80px;
  }
  .lg\:kds-gap-y-page-margin {
    row-gap: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-gap-y-page-rail {
    row-gap: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-rounded-full {
    border-radius: 100vmax;
  }
  .lg\:kds-rounded-lg {
    border-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-md {
    border-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-none {
    border-radius: 0;
  }
  .lg\:kds-rounded-sm {
    border-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-b {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-b-full {
    border-bottom-right-radius: 100vmax;
    border-bottom-left-radius: 100vmax;
  }
  .lg\:kds-rounded-b-lg {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-b-md {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .lg\:kds-rounded-b-sm {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-e {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-e-full {
    border-start-end-radius: 100vmax;
    border-end-end-radius: 100vmax;
  }
  .lg\:kds-rounded-e-lg {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-e-md {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-e-none {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
  .lg\:kds-rounded-e-sm {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-l {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-l-full {
    border-top-left-radius: 100vmax;
    border-bottom-left-radius: 100vmax;
  }
  .lg\:kds-rounded-l-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-l-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .lg\:kds-rounded-l-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-r {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-r-full {
    border-top-right-radius: 100vmax;
    border-bottom-right-radius: 100vmax;
  }
  .lg\:kds-rounded-r-lg {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-r-md {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .lg\:kds-rounded-r-sm {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-s {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-s-full {
    border-start-start-radius: 100vmax;
    border-end-start-radius: 100vmax;
  }
  .lg\:kds-rounded-s-lg {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-s-md {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-s-none {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
  .lg\:kds-rounded-s-sm {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-t {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-t-full {
    border-top-left-radius: 100vmax;
    border-top-right-radius: 100vmax;
  }
  .lg\:kds-rounded-t-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-t-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .lg\:kds-rounded-t-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-bl {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-bl-full {
    border-bottom-left-radius: 100vmax;
  }
  .lg\:kds-rounded-bl-lg {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-bl-md {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-bl-none {
    border-bottom-left-radius: 0;
  }
  .lg\:kds-rounded-bl-sm {
    border-bottom-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-br {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-br-full {
    border-bottom-right-radius: 100vmax;
  }
  .lg\:kds-rounded-br-lg {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-br-md {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-br-none {
    border-bottom-right-radius: 0;
  }
  .lg\:kds-rounded-br-sm {
    border-bottom-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-ee {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-ee-full {
    border-end-end-radius: 100vmax;
  }
  .lg\:kds-rounded-ee-lg {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-ee-md {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-ee-none {
    border-end-end-radius: 0;
  }
  .lg\:kds-rounded-ee-sm {
    border-end-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-es {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-es-full {
    border-end-start-radius: 100vmax;
  }
  .lg\:kds-rounded-es-lg {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-es-md {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-es-none {
    border-end-start-radius: 0;
  }
  .lg\:kds-rounded-es-sm {
    border-end-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-se {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-se-full {
    border-start-end-radius: 100vmax;
  }
  .lg\:kds-rounded-se-lg {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-se-md {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-se-none {
    border-start-end-radius: 0;
  }
  .lg\:kds-rounded-se-sm {
    border-start-end-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-ss {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-ss-full {
    border-start-start-radius: 100vmax;
  }
  .lg\:kds-rounded-ss-lg {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-ss-md {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-ss-none {
    border-start-start-radius: 0;
  }
  .lg\:kds-rounded-ss-sm {
    border-start-start-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-tl {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-tl-full {
    border-top-left-radius: 100vmax;
  }
  .lg\:kds-rounded-tl-lg {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-tl-md {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-tl-none {
    border-top-left-radius: 0;
  }
  .lg\:kds-rounded-tl-sm {
    border-top-left-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-rounded-tr {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-tr-full {
    border-top-right-radius: 100vmax;
  }
  .lg\:kds-rounded-tr-lg {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-large) * 1px);
  }
  .lg\:kds-rounded-tr-md {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-medium) * 1px);
  }
  .lg\:kds-rounded-tr-none {
    border-top-right-radius: 0;
  }
  .lg\:kds-rounded-tr-sm {
    border-top-right-radius: calc(var(--kds-dimension-corner-radius-small) * 1px);
  }
  .lg\:kds-border {
    border-width: 1px;
  }
  .lg\:kds-border-0 {
    border-width: 0px;
  }
  .lg\:kds-border-2 {
    border-width: 2px;
  }
  .lg\:kds-border-4 {
    border-width: 4px;
  }
  .lg\:kds-border-8 {
    border-width: 8px;
  }
  .lg\:kds-border-x {
    border-left-width: 1px;
    border-right-width: 1px;
  }
  .lg\:kds-border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px;
  }
  .lg\:kds-border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px;
  }
  .lg\:kds-border-x-4 {
    border-left-width: 4px;
    border-right-width: 4px;
  }
  .lg\:kds-border-x-8 {
    border-left-width: 8px;
    border-right-width: 8px;
  }
  .lg\:kds-border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
  }
  .lg\:kds-border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px;
  }
  .lg\:kds-border-y-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
  }
  .lg\:kds-border-y-4 {
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .lg\:kds-border-y-8 {
    border-top-width: 8px;
    border-bottom-width: 8px;
  }
  .lg\:kds-border-b {
    border-bottom-width: 1px;
  }
  .lg\:kds-border-b-0 {
    border-bottom-width: 0px;
  }
  .lg\:kds-border-b-2 {
    border-bottom-width: 2px;
  }
  .lg\:kds-border-b-4 {
    border-bottom-width: 4px;
  }
  .lg\:kds-border-b-8 {
    border-bottom-width: 8px;
  }
  .lg\:kds-border-e {
    border-inline-end-width: 1px;
  }
  .lg\:kds-border-e-0 {
    border-inline-end-width: 0px;
  }
  .lg\:kds-border-e-2 {
    border-inline-end-width: 2px;
  }
  .lg\:kds-border-e-4 {
    border-inline-end-width: 4px;
  }
  .lg\:kds-border-e-8 {
    border-inline-end-width: 8px;
  }
  .lg\:kds-border-l {
    border-left-width: 1px;
  }
  .lg\:kds-border-l-0 {
    border-left-width: 0px;
  }
  .lg\:kds-border-l-2 {
    border-left-width: 2px;
  }
  .lg\:kds-border-l-4 {
    border-left-width: 4px;
  }
  .lg\:kds-border-l-8 {
    border-left-width: 8px;
  }
  .lg\:kds-border-r {
    border-right-width: 1px;
  }
  .lg\:kds-border-r-0 {
    border-right-width: 0px;
  }
  .lg\:kds-border-r-2 {
    border-right-width: 2px;
  }
  .lg\:kds-border-r-4 {
    border-right-width: 4px;
  }
  .lg\:kds-border-r-8 {
    border-right-width: 8px;
  }
  .lg\:kds-border-s {
    border-inline-start-width: 1px;
  }
  .lg\:kds-border-s-0 {
    border-inline-start-width: 0px;
  }
  .lg\:kds-border-s-2 {
    border-inline-start-width: 2px;
  }
  .lg\:kds-border-s-4 {
    border-inline-start-width: 4px;
  }
  .lg\:kds-border-s-8 {
    border-inline-start-width: 8px;
  }
  .lg\:kds-border-t {
    border-top-width: 1px;
  }
  .lg\:kds-border-t-0 {
    border-top-width: 0px;
  }
  .lg\:kds-border-t-2 {
    border-top-width: 2px;
  }
  .lg\:kds-border-t-4 {
    border-top-width: 4px;
  }
  .lg\:kds-border-t-8 {
    border-top-width: 8px;
  }
  .lg\:kds-border-solid {
    border-style: solid;
  }
  .lg\:kds-border-dashed {
    border-style: dashed;
  }
  .lg\:kds-border-dotted {
    border-style: dotted;
  }
  .lg\:kds-border-double {
    border-style: double;
  }
  .lg\:kds-border-hidden {
    border-style: hidden;
  }
  .lg\:kds-border-none {
    border-style: none;
  }
  .lg\:kds-border-accent-blue-bold {
    border-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-accent-blue-subtle {
    border-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-accent-green-subtle {
    border-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-active {
    border-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-bold {
    border-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-bold-hover {
    border-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-danger-bold {
    border-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-danger-subtle {
    border-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-disabled {
    border-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-focus {
    border-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-subtle {
    border-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-subtle-hover {
    border-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-transparent {
    border-color: transparent;
  }
  .lg\:kds-border-warning-bold {
    border-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-warning-subtle {
    border-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-border-x-accent-blue-bold {
    border-left-color: var(--kds-color-border-accent-blue-bold);
    border-right-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-x-accent-blue-subtle {
    border-left-color: var(--kds-color-border-accent-blue-subtle);
    border-right-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-x-accent-green-subtle {
    border-left-color: var(--kds-color-border-accent-green-subtle);
    border-right-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-x-active {
    border-left-color: var(--kds-color-border-active);
    border-right-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-x-bold {
    border-left-color: var(--kds-color-border-bold);
    border-right-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-x-bold-hover {
    border-left-color: var(--kds-color-border-bold-hover);
    border-right-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-x-danger-bold {
    border-left-color: var(--kds-color-border-danger-bold);
    border-right-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-x-danger-subtle {
    border-left-color: var(--kds-color-border-danger-subtle);
    border-right-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-x-disabled {
    border-left-color: var(--kds-color-border-disabled);
    border-right-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-x-focus {
    border-left-color: var(--kds-color-border-focus);
    border-right-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-x-subtle {
    border-left-color: var(--kds-color-border-subtle);
    border-right-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-x-subtle-hover {
    border-left-color: var(--kds-color-border-subtle-hover);
    border-right-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-x-transparent {
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .lg\:kds-border-x-warning-bold {
    border-left-color: var(--kds-color-border-warning-bold);
    border-right-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-x-warning-subtle {
    border-left-color: var(--kds-color-border-warning-subtle);
    border-right-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-border-y-accent-blue-bold {
    border-top-color: var(--kds-color-border-accent-blue-bold);
    border-bottom-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-y-accent-blue-subtle {
    border-top-color: var(--kds-color-border-accent-blue-subtle);
    border-bottom-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-y-accent-green-subtle {
    border-top-color: var(--kds-color-border-accent-green-subtle);
    border-bottom-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-y-active {
    border-top-color: var(--kds-color-border-active);
    border-bottom-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-y-bold {
    border-top-color: var(--kds-color-border-bold);
    border-bottom-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-y-bold-hover {
    border-top-color: var(--kds-color-border-bold-hover);
    border-bottom-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-y-danger-bold {
    border-top-color: var(--kds-color-border-danger-bold);
    border-bottom-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-y-danger-subtle {
    border-top-color: var(--kds-color-border-danger-subtle);
    border-bottom-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-y-disabled {
    border-top-color: var(--kds-color-border-disabled);
    border-bottom-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-y-focus {
    border-top-color: var(--kds-color-border-focus);
    border-bottom-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-y-subtle {
    border-top-color: var(--kds-color-border-subtle);
    border-bottom-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-y-subtle-hover {
    border-top-color: var(--kds-color-border-subtle-hover);
    border-bottom-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-y-transparent {
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
  .lg\:kds-border-y-warning-bold {
    border-top-color: var(--kds-color-border-warning-bold);
    border-bottom-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-y-warning-subtle {
    border-top-color: var(--kds-color-border-warning-subtle);
    border-bottom-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-border-b-accent-blue-bold {
    border-bottom-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-b-accent-blue-subtle {
    border-bottom-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-b-accent-green-subtle {
    border-bottom-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-b-active {
    border-bottom-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-b-bold {
    border-bottom-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-b-bold-hover {
    border-bottom-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-b-danger-bold {
    border-bottom-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-b-danger-subtle {
    border-bottom-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-b-disabled {
    border-bottom-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-b-focus {
    border-bottom-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-b-subtle {
    border-bottom-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-b-subtle-hover {
    border-bottom-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-b-transparent {
    border-bottom-color: transparent;
  }
  .lg\:kds-border-b-warning-bold {
    border-bottom-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-b-warning-subtle {
    border-bottom-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-border-e-accent-blue-bold {
    border-inline-end-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-e-accent-blue-subtle {
    border-inline-end-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-e-accent-green-subtle {
    border-inline-end-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-e-active {
    border-inline-end-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-e-bold {
    border-inline-end-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-e-bold-hover {
    border-inline-end-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-e-danger-bold {
    border-inline-end-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-e-danger-subtle {
    border-inline-end-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-e-disabled {
    border-inline-end-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-e-focus {
    border-inline-end-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-e-subtle {
    border-inline-end-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-e-subtle-hover {
    border-inline-end-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-e-transparent {
    border-inline-end-color: transparent;
  }
  .lg\:kds-border-e-warning-bold {
    border-inline-end-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-e-warning-subtle {
    border-inline-end-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-border-l-accent-blue-bold {
    border-left-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-l-accent-blue-subtle {
    border-left-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-l-accent-green-subtle {
    border-left-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-l-active {
    border-left-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-l-bold {
    border-left-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-l-bold-hover {
    border-left-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-l-danger-bold {
    border-left-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-l-danger-subtle {
    border-left-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-l-disabled {
    border-left-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-l-focus {
    border-left-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-l-subtle {
    border-left-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-l-subtle-hover {
    border-left-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-l-transparent {
    border-left-color: transparent;
  }
  .lg\:kds-border-l-warning-bold {
    border-left-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-l-warning-subtle {
    border-left-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-border-r-accent-blue-bold {
    border-right-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-r-accent-blue-subtle {
    border-right-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-r-accent-green-subtle {
    border-right-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-r-active {
    border-right-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-r-bold {
    border-right-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-r-bold-hover {
    border-right-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-r-danger-bold {
    border-right-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-r-danger-subtle {
    border-right-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-r-disabled {
    border-right-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-r-focus {
    border-right-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-r-subtle {
    border-right-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-r-subtle-hover {
    border-right-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-r-transparent {
    border-right-color: transparent;
  }
  .lg\:kds-border-r-warning-bold {
    border-right-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-r-warning-subtle {
    border-right-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-border-s-accent-blue-bold {
    border-inline-start-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-s-accent-blue-subtle {
    border-inline-start-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-s-accent-green-subtle {
    border-inline-start-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-s-active {
    border-inline-start-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-s-bold {
    border-inline-start-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-s-bold-hover {
    border-inline-start-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-s-danger-bold {
    border-inline-start-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-s-danger-subtle {
    border-inline-start-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-s-disabled {
    border-inline-start-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-s-focus {
    border-inline-start-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-s-subtle {
    border-inline-start-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-s-subtle-hover {
    border-inline-start-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-s-transparent {
    border-inline-start-color: transparent;
  }
  .lg\:kds-border-s-warning-bold {
    border-inline-start-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-s-warning-subtle {
    border-inline-start-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-border-t-accent-blue-bold {
    border-top-color: var(--kds-color-border-accent-blue-bold);
  }
  .lg\:kds-border-t-accent-blue-subtle {
    border-top-color: var(--kds-color-border-accent-blue-subtle);
  }
  .lg\:kds-border-t-accent-green-subtle {
    border-top-color: var(--kds-color-border-accent-green-subtle);
  }
  .lg\:kds-border-t-active {
    border-top-color: var(--kds-color-border-active);
  }
  .lg\:kds-border-t-bold {
    border-top-color: var(--kds-color-border-bold);
  }
  .lg\:kds-border-t-bold-hover {
    border-top-color: var(--kds-color-border-bold-hover);
  }
  .lg\:kds-border-t-danger-bold {
    border-top-color: var(--kds-color-border-danger-bold);
  }
  .lg\:kds-border-t-danger-subtle {
    border-top-color: var(--kds-color-border-danger-subtle);
  }
  .lg\:kds-border-t-disabled {
    border-top-color: var(--kds-color-border-disabled);
  }
  .lg\:kds-border-t-focus {
    border-top-color: var(--kds-color-border-focus);
  }
  .lg\:kds-border-t-subtle {
    border-top-color: var(--kds-color-border-subtle);
  }
  .lg\:kds-border-t-subtle-hover {
    border-top-color: var(--kds-color-border-subtle-hover);
  }
  .lg\:kds-border-t-transparent {
    border-top-color: transparent;
  }
  .lg\:kds-border-t-warning-bold {
    border-top-color: var(--kds-color-border-warning-bold);
  }
  .lg\:kds-border-t-warning-subtle {
    border-top-color: var(--kds-color-border-warning-subtle);
  }
  .lg\:kds-bg-accent-blue-bold {
    background-color: var(--kds-color-background-accent-blue-bold);
  }
  .lg\:kds-bg-accent-blue-subtle {
    background-color: var(--kds-color-background-accent-blue-subtle);
  }
  .lg\:kds-bg-accent-gray-bold {
    background-color: var(--kds-color-background-accent-gray-bold);
  }
  .lg\:kds-bg-accent-gray-subtle {
    background-color: var(--kds-color-background-accent-gray-subtle);
  }
  .lg\:kds-bg-accent-green-bold {
    background-color: var(--kds-color-background-accent-green-bold);
  }
  .lg\:kds-bg-accent-green-bold-hovered {
    background-color: var(--kds-color-background-accent-green-bold-hovered);
  }
  .lg\:kds-bg-accent-green-bold-pressed {
    background-color: var(--kds-color-background-accent-green-bold-pressed);
  }
  .lg\:kds-bg-accent-green-subtle {
    background-color: var(--kds-color-background-accent-green-subtle);
  }
  .lg\:kds-bg-accent-purple-subtle {
    background-color: var(--kds-color-background-accent-purple-subtle);
  }
  .lg\:kds-bg-accent-red-bold {
    background-color: var(--kds-color-background-accent-red-bold);
  }
  .lg\:kds-bg-accent-red-subtle {
    background-color: var(--kds-color-background-accent-red-subtle);
  }
  .lg\:kds-bg-action {
    background-color: var(--kds-color-background-action);
  }
  .lg\:kds-bg-action-disabled {
    background-color: var(--kds-color-background-action-disabled);
  }
  .lg\:kds-bg-action-hover {
    background-color: var(--kds-color-background-action-hover);
  }
  .lg\:kds-bg-action-pressed {
    background-color: var(--kds-color-background-action-pressed);
  }
  .lg\:kds-bg-danger-bold {
    background-color: var(--kds-color-background-danger-bold);
  }
  .lg\:kds-bg-danger-bold-hovered {
    background-color: var(--kds-color-background-danger-bold-hovered);
  }
  .lg\:kds-bg-danger-bold-pressed {
    background-color: var(--kds-color-background-danger-bold-pressed);
  }
  .lg\:kds-bg-danger-disabled {
    background-color: var(--kds-color-background-danger-disabled);
  }
  .lg\:kds-bg-danger-subtle {
    background-color: var(--kds-color-background-danger-subtle);
  }
  .lg\:kds-bg-danger-subtle-hovered {
    background-color: var(--kds-color-background-danger-subtle-hovered);
  }
  .lg\:kds-bg-disabled {
    background-color: var(--kds-color-background-disabled);
  }
  .lg\:kds-bg-inverse {
    background-color: var(--kds-color-background-inverse);
  }
  .lg\:kds-bg-inverse-hover {
    background-color: var(--kds-color-background-inverse-hover);
  }
  .lg\:kds-bg-inverse-pressed {
    background-color: var(--kds-color-background-inverse-pressed);
  }
  .lg\:kds-bg-selected {
    background-color: var(--kds-color-background-selected);
  }
  .lg\:kds-bg-surface-inverse {
    background-color: var(--kds-color-background-surface-inverse);
  }
  .lg\:kds-bg-surface-primary {
    background-color: var(--kds-color-background-surface-primary);
  }
  .lg\:kds-bg-surface-secondary {
    background-color: var(--kds-color-background-surface-secondary);
  }
  .lg\:kds-bg-transparent {
    background-color: transparent;
  }
  .lg\:kds-bg-warning-bold {
    background-color: var(--kds-color-background-warning-bold);
  }
  .lg\:kds-bg-warning-subtle {
    background-color: var(--kds-color-background-warning-subtle);
  }
  .lg\:kds-fill-icon {
    fill: var(--kds-color-icon);
  }
  .lg\:kds-fill-icon-danger {
    fill: var(--kds-color-icon-danger);
  }
  .lg\:kds-fill-icon-danger-inverse {
    fill: var(--kds-color-icon-danger-inverse);
  }
  .lg\:kds-fill-icon-disabled {
    fill: var(--kds-color-icon-disabled);
  }
  .lg\:kds-fill-icon-green {
    fill: var(--kds-color-icon-green);
  }
  .lg\:kds-fill-icon-green-inverse {
    fill: var(--kds-color-icon-green-inverse);
  }
  .lg\:kds-fill-icon-info {
    fill: var(--kds-color-icon-info);
  }
  .lg\:kds-fill-icon-inverse {
    fill: var(--kds-color-icon-inverse);
  }
  .lg\:kds-fill-icon-subtle {
    fill: var(--kds-color-icon-subtle);
  }
  .lg\:kds-fill-icon-warning {
    fill: var(--kds-color-icon-warning);
  }
  .lg\:kds-p-0 {
    padding: 0px;
  }
  .lg\:kds-p-01 {
    padding: 4px;
  }
  .lg\:kds-p-02 {
    padding: 8px;
  }
  .lg\:kds-p-03 {
    padding: 12px;
  }
  .lg\:kds-p-04 {
    padding: 16px;
  }
  .lg\:kds-p-05 {
    padding: 20px;
  }
  .lg\:kds-p-06 {
    padding: 24px;
  }
  .lg\:kds-p-07 {
    padding: 28px;
  }
  .lg\:kds-p-08 {
    padding: 32px;
  }
  .lg\:kds-p-09 {
    padding: 36px;
  }
  .lg\:kds-p-10 {
    padding: 40px;
  }
  .lg\:kds-p-11 {
    padding: 44px;
  }
  .lg\:kds-p-12 {
    padding: 48px;
  }
  .lg\:kds-p-14 {
    padding: 56px;
  }
  .lg\:kds-p-16 {
    padding: 64px;
  }
  .lg\:kds-p-20 {
    padding: 80px;
  }
  .lg\:kds-p-page-margin {
    padding: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-p-page-rail {
    padding: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .lg\:kds-px-01 {
    padding-left: 4px;
    padding-right: 4px;
  }
  .lg\:kds-px-02 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .lg\:kds-px-03 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .lg\:kds-px-04 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .lg\:kds-px-05 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .lg\:kds-px-06 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .lg\:kds-px-07 {
    padding-left: 28px;
    padding-right: 28px;
  }
  .lg\:kds-px-08 {
    padding-left: 32px;
    padding-right: 32px;
  }
  .lg\:kds-px-09 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .lg\:kds-px-10 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .lg\:kds-px-11 {
    padding-left: 44px;
    padding-right: 44px;
  }
  .lg\:kds-px-12 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .lg\:kds-px-14 {
    padding-left: 56px;
    padding-right: 56px;
  }
  .lg\:kds-px-16 {
    padding-left: 64px;
    padding-right: 64px;
  }
  .lg\:kds-px-20 {
    padding-left: 80px;
    padding-right: 80px;
  }
  .lg\:kds-px-page-margin {
    padding-left: var(--_page-grid-margin, 0px);
    padding-right: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-px-page-rail {
    padding-left: var(--_page-grid-rail-width, 0px);
    padding-right: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .lg\:kds-py-01 {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .lg\:kds-py-02 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .lg\:kds-py-03 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .lg\:kds-py-04 {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .lg\:kds-py-05 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lg\:kds-py-06 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .lg\:kds-py-07 {
    padding-top: 28px;
    padding-bottom: 28px;
  }
  .lg\:kds-py-08 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .lg\:kds-py-09 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .lg\:kds-py-10 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .lg\:kds-py-11 {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .lg\:kds-py-12 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .lg\:kds-py-14 {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .lg\:kds-py-16 {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .lg\:kds-py-20 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .lg\:kds-py-page-margin {
    padding-top: var(--_page-grid-margin, 0px);
    padding-bottom: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-py-page-rail {
    padding-top: var(--_page-grid-rail-width, 0px);
    padding-bottom: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-pb-0 {
    padding-bottom: 0px;
  }
  .lg\:kds-pb-01 {
    padding-bottom: 4px;
  }
  .lg\:kds-pb-02 {
    padding-bottom: 8px;
  }
  .lg\:kds-pb-03 {
    padding-bottom: 12px;
  }
  .lg\:kds-pb-04 {
    padding-bottom: 16px;
  }
  .lg\:kds-pb-05 {
    padding-bottom: 20px;
  }
  .lg\:kds-pb-06 {
    padding-bottom: 24px;
  }
  .lg\:kds-pb-07 {
    padding-bottom: 28px;
  }
  .lg\:kds-pb-08 {
    padding-bottom: 32px;
  }
  .lg\:kds-pb-09 {
    padding-bottom: 36px;
  }
  .lg\:kds-pb-10 {
    padding-bottom: 40px;
  }
  .lg\:kds-pb-11 {
    padding-bottom: 44px;
  }
  .lg\:kds-pb-12 {
    padding-bottom: 48px;
  }
  .lg\:kds-pb-14 {
    padding-bottom: 56px;
  }
  .lg\:kds-pb-16 {
    padding-bottom: 64px;
  }
  .lg\:kds-pb-20 {
    padding-bottom: 80px;
  }
  .lg\:kds-pb-page-margin {
    padding-bottom: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-pb-page-rail {
    padding-bottom: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-pe-0 {
    padding-inline-end: 0px;
  }
  .lg\:kds-pe-01 {
    padding-inline-end: 4px;
  }
  .lg\:kds-pe-02 {
    padding-inline-end: 8px;
  }
  .lg\:kds-pe-03 {
    padding-inline-end: 12px;
  }
  .lg\:kds-pe-04 {
    padding-inline-end: 16px;
  }
  .lg\:kds-pe-05 {
    padding-inline-end: 20px;
  }
  .lg\:kds-pe-06 {
    padding-inline-end: 24px;
  }
  .lg\:kds-pe-07 {
    padding-inline-end: 28px;
  }
  .lg\:kds-pe-08 {
    padding-inline-end: 32px;
  }
  .lg\:kds-pe-09 {
    padding-inline-end: 36px;
  }
  .lg\:kds-pe-10 {
    padding-inline-end: 40px;
  }
  .lg\:kds-pe-11 {
    padding-inline-end: 44px;
  }
  .lg\:kds-pe-12 {
    padding-inline-end: 48px;
  }
  .lg\:kds-pe-14 {
    padding-inline-end: 56px;
  }
  .lg\:kds-pe-16 {
    padding-inline-end: 64px;
  }
  .lg\:kds-pe-20 {
    padding-inline-end: 80px;
  }
  .lg\:kds-pe-page-margin {
    padding-inline-end: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-pe-page-rail {
    padding-inline-end: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-pl-0 {
    padding-left: 0px;
  }
  .lg\:kds-pl-01 {
    padding-left: 4px;
  }
  .lg\:kds-pl-02 {
    padding-left: 8px;
  }
  .lg\:kds-pl-03 {
    padding-left: 12px;
  }
  .lg\:kds-pl-04 {
    padding-left: 16px;
  }
  .lg\:kds-pl-05 {
    padding-left: 20px;
  }
  .lg\:kds-pl-06 {
    padding-left: 24px;
  }
  .lg\:kds-pl-07 {
    padding-left: 28px;
  }
  .lg\:kds-pl-08 {
    padding-left: 32px;
  }
  .lg\:kds-pl-09 {
    padding-left: 36px;
  }
  .lg\:kds-pl-10 {
    padding-left: 40px;
  }
  .lg\:kds-pl-11 {
    padding-left: 44px;
  }
  .lg\:kds-pl-12 {
    padding-left: 48px;
  }
  .lg\:kds-pl-14 {
    padding-left: 56px;
  }
  .lg\:kds-pl-16 {
    padding-left: 64px;
  }
  .lg\:kds-pl-20 {
    padding-left: 80px;
  }
  .lg\:kds-pl-page-margin {
    padding-left: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-pl-page-rail {
    padding-left: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-pr-0 {
    padding-right: 0px;
  }
  .lg\:kds-pr-01 {
    padding-right: 4px;
  }
  .lg\:kds-pr-02 {
    padding-right: 8px;
  }
  .lg\:kds-pr-03 {
    padding-right: 12px;
  }
  .lg\:kds-pr-04 {
    padding-right: 16px;
  }
  .lg\:kds-pr-05 {
    padding-right: 20px;
  }
  .lg\:kds-pr-06 {
    padding-right: 24px;
  }
  .lg\:kds-pr-07 {
    padding-right: 28px;
  }
  .lg\:kds-pr-08 {
    padding-right: 32px;
  }
  .lg\:kds-pr-09 {
    padding-right: 36px;
  }
  .lg\:kds-pr-10 {
    padding-right: 40px;
  }
  .lg\:kds-pr-11 {
    padding-right: 44px;
  }
  .lg\:kds-pr-12 {
    padding-right: 48px;
  }
  .lg\:kds-pr-14 {
    padding-right: 56px;
  }
  .lg\:kds-pr-16 {
    padding-right: 64px;
  }
  .lg\:kds-pr-20 {
    padding-right: 80px;
  }
  .lg\:kds-pr-page-margin {
    padding-right: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-pr-page-rail {
    padding-right: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-ps-0 {
    padding-inline-start: 0px;
  }
  .lg\:kds-ps-01 {
    padding-inline-start: 4px;
  }
  .lg\:kds-ps-02 {
    padding-inline-start: 8px;
  }
  .lg\:kds-ps-03 {
    padding-inline-start: 12px;
  }
  .lg\:kds-ps-04 {
    padding-inline-start: 16px;
  }
  .lg\:kds-ps-05 {
    padding-inline-start: 20px;
  }
  .lg\:kds-ps-06 {
    padding-inline-start: 24px;
  }
  .lg\:kds-ps-07 {
    padding-inline-start: 28px;
  }
  .lg\:kds-ps-08 {
    padding-inline-start: 32px;
  }
  .lg\:kds-ps-09 {
    padding-inline-start: 36px;
  }
  .lg\:kds-ps-10 {
    padding-inline-start: 40px;
  }
  .lg\:kds-ps-11 {
    padding-inline-start: 44px;
  }
  .lg\:kds-ps-12 {
    padding-inline-start: 48px;
  }
  .lg\:kds-ps-14 {
    padding-inline-start: 56px;
  }
  .lg\:kds-ps-16 {
    padding-inline-start: 64px;
  }
  .lg\:kds-ps-20 {
    padding-inline-start: 80px;
  }
  .lg\:kds-ps-page-margin {
    padding-inline-start: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-ps-page-rail {
    padding-inline-start: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-pt-0 {
    padding-top: 0px;
  }
  .lg\:kds-pt-01 {
    padding-top: 4px;
  }
  .lg\:kds-pt-02 {
    padding-top: 8px;
  }
  .lg\:kds-pt-03 {
    padding-top: 12px;
  }
  .lg\:kds-pt-04 {
    padding-top: 16px;
  }
  .lg\:kds-pt-05 {
    padding-top: 20px;
  }
  .lg\:kds-pt-06 {
    padding-top: 24px;
  }
  .lg\:kds-pt-07 {
    padding-top: 28px;
  }
  .lg\:kds-pt-08 {
    padding-top: 32px;
  }
  .lg\:kds-pt-09 {
    padding-top: 36px;
  }
  .lg\:kds-pt-10 {
    padding-top: 40px;
  }
  .lg\:kds-pt-11 {
    padding-top: 44px;
  }
  .lg\:kds-pt-12 {
    padding-top: 48px;
  }
  .lg\:kds-pt-14 {
    padding-top: 56px;
  }
  .lg\:kds-pt-16 {
    padding-top: 64px;
  }
  .lg\:kds-pt-20 {
    padding-top: 80px;
  }
  .lg\:kds-pt-page-margin {
    padding-top: var(--_page-grid-margin, 0px);
  }
  .lg\:kds-pt-page-rail {
    padding-top: var(--_page-grid-rail-width, 0px);
  }
  .lg\:kds-text-accent-blue {
    color: var(--kds-color-text-accent-blue);
  }
  .lg\:kds-text-accent-blue-bolder {
    color: var(--kds-color-text-accent-blue-bolder);
  }
  .lg\:kds-text-accent-gray {
    color: var(--kds-color-text-accent-gray);
  }
  .lg\:kds-text-accent-green {
    color: var(--kds-color-text-accent-green);
  }
  .lg\:kds-text-accent-green-bolder {
    color: var(--kds-color-text-accent-green-bolder);
  }
  .lg\:kds-text-accent-green-inverse-disabled {
    color: var(--kds-color-text-accent-green-inverse-disabled);
  }
  .lg\:kds-text-accent-purple {
    color: var(--kds-color-text-accent-purple);
  }
  .lg\:kds-text-accent-purple-bolder {
    color: var(--kds-color-text-accent-purple-bolder);
  }
  .lg\:kds-text-accent-red {
    color: var(--kds-color-text-accent-red);
  }
  .lg\:kds-text-accent-red-bolder {
    color: var(--kds-color-text-accent-red-bolder);
  }
  .lg\:kds-text-accent-red-inverse-disabled {
    color: var(--kds-color-text-accent-red-inverse-disabled);
  }
  .lg\:kds-text-accent-yellow {
    color: var(--kds-color-text-accent-yellow);
  }
  .lg\:kds-text-accent-yellow-bolder {
    color: var(--kds-color-text-accent-yellow-bolder);
  }
  .lg\:kds-text-disabled {
    color: var(--kds-color-text-disabled);
  }
  .lg\:kds-text-inverse-disabled {
    color: var(--kds-color-text-inverse-disabled);
  }
  .lg\:kds-text-inverse-primary {
    color: var(--kds-color-text-inverse-primary);
  }
  .lg\:kds-text-inverse-secondary {
    color: var(--kds-color-text-inverse-secondary);
  }
  .lg\:kds-text-placeholder {
    color: var(--kds-color-text-placeholder);
  }
  .lg\:kds-text-primary {
    color: var(--kds-color-text-primary);
  }
  .lg\:kds-text-secondary {
    color: var(--kds-color-text-secondary);
  }
  .lg\:kds-breakout {
    width: 100vw;
    position: relative;
    inset-inline: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  @container (min-width: 0px) {
    .lg\:kds-breakout {
      width: 100cqi;
      margin-left: -50cqi;
      margin-right: -50cqi;
    }
  }
  .lg\:kds-container-normal {
    container-type: normal;
  }
  .lg\:kds-container-size {
    container-type: size;
  }
  .lg\:kds-container-inline-size {
    container-type: inline-size;
  }
  .lg\:kds-container-inherit {
    container-type: inherit;
  }
  .lg\:kds-container-initial {
    container-type: initial;
  }
  .lg\:kds-container-revert {
    container-type: revert;
  }
  .lg\:kds-container-revert-layer {
    container-type: revert-layer;
  }
  .lg\:kds-container-unset {
    container-type: unset;
  }
  .lg\:kds-fill-icon {
    --kds-icon-fill: var(--kds-color-icon);
  }
  .lg\:kds-fill-icon-danger {
    --kds-icon-fill: var(--kds-color-icon-danger);
  }
  .lg\:kds-fill-icon-disabled {
    --kds-icon-fill: var(--kds-color-icon-disabled);
  }
  .lg\:kds-fill-icon-info {
    --kds-icon-fill: var(--kds-color-icon-info);
  }
  .lg\:kds-fill-icon-inverse {
    --kds-icon-fill: var(--kds-color-icon-inverse);
  }
  .lg\:kds-fill-icon-subtle {
    --kds-icon-fill: var(--kds-color-icon-subtle);
  }
  .lg\:kds-fill-icon-warning {
    --kds-icon-fill: var(--kds-color-icon-warning);
  }
  :where(.lg\:kds-col-margins) {
    grid-column: margins;
  }
  .lg\:kds-col-start-margins {
    grid-column-start: margins;
  }
  .lg\:kds-col-end-margins {
    grid-column-end: margins;
  }
  :where(.lg\:kds-col-rails) {
    grid-column: rails;
  }
  .lg\:kds-col-start-rails {
    grid-column-start: rails;
  }
  .lg\:kds-col-end-rails {
    grid-column-end: rails;
  }
  :where(.lg\:kds-col-main) {
    grid-column: main;
  }
  .lg\:kds-col-start-main {
    grid-column-start: main;
  }
  .lg\:kds-col-end-main {
    grid-column-end: main;
  }
  :where(.lg\:kds-col-1) {
    grid-column: col 1;
  }
  .lg\:kds-col-start-col-1 {
    grid-column-start: col 1;
  }
  .lg\:kds-col-end-col-1 {
    grid-column-end: col 1;
  }
  :where(.lg\:kds-col-2) {
    grid-column: col 2;
  }
  .lg\:kds-col-start-col-2 {
    grid-column-start: col 2;
  }
  .lg\:kds-col-end-col-2 {
    grid-column-end: col 2;
  }
  :where(.lg\:kds-col-3) {
    grid-column: col 3;
  }
  .lg\:kds-col-start-col-3 {
    grid-column-start: col 3;
  }
  .lg\:kds-col-end-col-3 {
    grid-column-end: col 3;
  }
  :where(.lg\:kds-col-4) {
    grid-column: col 4;
  }
  .lg\:kds-col-start-col-4 {
    grid-column-start: col 4;
  }
  .lg\:kds-col-end-col-4 {
    grid-column-end: col 4;
  }
  :where(.lg\:kds-col-5) {
    grid-column: col 5;
  }
  .lg\:kds-col-start-col-5 {
    grid-column-start: col 5;
  }
  .lg\:kds-col-end-col-5 {
    grid-column-end: col 5;
  }
  :where(.lg\:kds-col-6) {
    grid-column: col 6;
  }
  .lg\:kds-col-start-col-6 {
    grid-column-start: col 6;
  }
  .lg\:kds-col-end-col-6 {
    grid-column-end: col 6;
  }
  :where(.lg\:kds-col-7) {
    grid-column: col 7;
  }
  .lg\:kds-col-start-col-7 {
    grid-column-start: col 7;
  }
  .lg\:kds-col-end-col-7 {
    grid-column-end: col 7;
  }
  :where(.lg\:kds-col-8) {
    grid-column: col 8;
  }
  .lg\:kds-col-start-col-8 {
    grid-column-start: col 8;
  }
  .lg\:kds-col-end-col-8 {
    grid-column-end: col 8;
  }
  :where(.lg\:kds-col-9) {
    grid-column: col 9;
  }
  .lg\:kds-col-start-col-9 {
    grid-column-start: col 9;
  }
  .lg\:kds-col-end-col-9 {
    grid-column-end: col 9;
  }
  :where(.lg\:kds-col-10) {
    grid-column: col 10;
  }
  .lg\:kds-col-start-col-10 {
    grid-column-start: col 10;
  }
  .lg\:kds-col-end-col-10 {
    grid-column-end: col 10;
  }
  :where(.lg\:kds-col-11) {
    grid-column: col 11;
  }
  .lg\:kds-col-start-col-11 {
    grid-column-start: col 11;
  }
  .lg\:kds-col-end-col-11 {
    grid-column-end: col 11;
  }
  :where(.lg\:kds-col-12) {
    grid-column: col 12;
  }
  .lg\:kds-col-start-col-12 {
    grid-column-start: col 12;
  }
  .lg\:kds-col-end-col-12 {
    grid-column-end: col 12;
  }
  .lg\:kds-subgrid {
    display: grid;
    grid-template-columns: subgrid;
  }
  .lg\:kds-subgrid > * {
    grid-template-columns: inherit;
  }
  @layer subgrid {
    .lg\:kds-subgrid > :where(.lg\:kds-subgrid) {
      grid-column: inherit;
    }
  }
}