.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;
    }
  }
}