.bg-core-hsbc-red {
  background: var(--group-hsbc-colour-core-hsbc-red) !important;
}

.bg-core-black {
  background: var(--group-hsbc-colour-core-black) !important;
}

.bg-core-white {
  background: var(--group-hsbc-colour-core-white) !important;
}

.bg-complimentary-red-1 {
  background: var(--group-hsbc-colour-complimentary-red-1) !important;
}

.bg-complimentary-red-2 {
  background: var(--group-hsbc-colour-complimentary-red-2) !important;
}

.bg-complimentary-red-3 {
  background: var(--group-hsbc-colour-complimentary-red-3) !important;
}

.bg-neutral-white {
  background: var(--group-hsbc-colour-neutral-white) !important;
}

.bg-neutral-grey-1 {
  background: var(--group-hsbc-colour-neutral-grey-1) !important;
}

.bg-neutral-grey-2 {
  background: var(--group-hsbc-colour-neutral-grey-2) !important;
}

.bg-neutral-grey-3 {
  background: var(--group-hsbc-colour-neutral-grey-3) !important;
}

.bg-neutral-grey-4 {
  background: var(--group-hsbc-colour-neutral-grey-4) !important;
}

.bg-neutral-grey-5 {
  background: var(--group-hsbc-colour-neutral-grey-5) !important;
}

.bg-neutral-black {
  background: var(--group-hsbc-colour-neutral-black) !important;
}

.bg-neutral-dark-grey-6 {
  background: var(--group-hsbc-colour-neutral-dark-grey-6) !important;
}

.bg-neutral-dark-grey-7 {
  background: var(--group-hsbc-colour-neutral-dark-grey-7) !important;
}

.bg-neutral-dark-grey-8 {
  background: var(--group-hsbc-colour-neutral-dark-grey-8) !important;
}

.bg-neutral-dark-new-grey {
  background: var(--group-hsbc-colour-neutral-dark-new-grey) !important;
}

.bg-illustration-blue-1 {
  background: var(--group-hsbc-colour-illustration-blue-1) !important;
}

.bg-illustration-blue-2 {
  background: var(--group-hsbc-colour-illustration-blue-2) !important;
}

.bg-illustration-blue-3 {
  background: var(--group-hsbc-colour-illustration-blue-3) !important;
}

.bg-illustration-blue-4 {
  background: var(--group-hsbc-colour-illustration-blue-4) !important;
}

.bg-illustration-blue-5 {
  background: var(--group-hsbc-colour-illustration-blue-5) !important;
}

.bg-illustration-blue-6 {
  background: var(--group-hsbc-colour-illustration-blue-6) !important;
}

.bg-illustration-blue-7 {
  background: var(--group-hsbc-colour-illustration-blue-7) !important;
}

.bg-illustration-blue-8 {
  background: var(--group-hsbc-colour-illustration-blue-8) !important;
}

.bg-illustration-green-1 {
  background: var(--group-hsbc-colour-illustration-green-1) !important;
}

.bg-illustration-green-2 {
  background: var(--group-hsbc-colour-illustration-green-2) !important;
}

.bg-illustration-green-3 {
  background: var(--group-hsbc-colour-illustration-green-3) !important;
}

.bg-illustration-green-4 {
  background: var(--group-hsbc-colour-illustration-green-4) !important;
}

.bg-illustration-green-5 {
  background: var(--group-hsbc-colour-illustration-green-5) !important;
}

.bg-illustration-green-6 {
  background: var(--group-hsbc-colour-illustration-green-6) !important;
}

.bg-illustration-green-7 {
  background: var(--group-hsbc-colour-illustration-green-7) !important;
}

.bg-illustration-green-8 {
  background: var(--group-hsbc-colour-illustration-green-8) !important;
}

.bg-illustration-pink-1 {
  background: var(--group-hsbc-colour-illustration-pink-1) !important;
}

.bg-illustration-pink-2 {
  background: var(--group-hsbc-colour-illustration-pink-2) !important;
}

.bg-illustration-pink-3 {
  background: var(--group-hsbc-colour-illustration-pink-3) !important;
}

.bg-illustration-pink-4 {
  background: var(--group-hsbc-colour-illustration-pink-4) !important;
}

.bg-illustration-pink-5 {
  background: var(--group-hsbc-colour-illustration-pink-5) !important;
}

.bg-illustration-pink-6 {
  background: var(--group-hsbc-colour-illustration-pink-6) !important;
}

.bg-illustration-pink-7 {
  background: var(--group-hsbc-colour-illustration-pink-7) !important;
}

.bg-illustration-pink-8 {
  background: var(--group-hsbc-colour-illustration-pink-8) !important;
}

.bg-illustration-yellow-1 {
  background: var(--group-hsbc-colour-illustration-yellow-1) !important;
}

.bg-illustration-yellow-2 {
  background: var(--group-hsbc-colour-illustration-yellow-2) !important;
}

.bg-illustration-yellow-3 {
  background: var(--group-hsbc-colour-illustration-yellow-3) !important;
}

.bg-illustration-yellow-4 {
  background: var(--group-hsbc-colour-illustration-yellow-4) !important;
}

.bg-illustration-yellow-5 {
  background: var(--group-hsbc-colour-illustration-yellow-5) !important;
}

.bg-illustration-yellow-6 {
  background: var(--group-hsbc-colour-illustration-yellow-6) !important;
}

.bg-illustration-yellow-7 {
  background: var(--group-hsbc-colour-illustration-yellow-7) !important;
}

.bg-illustration-yellow-8 {
  background: var(--group-hsbc-colour-illustration-yellow-8) !important;
}

.bg-illustration-orange-1 {
  background: var(--group-hsbc-colour-illustration-orange-1) !important;
}

.bg-illustration-orange-2 {
  background: var(--group-hsbc-colour-illustration-orange-2) !important;
}

.bg-illustration-orange-3 {
  background: var(--group-hsbc-colour-illustration-orange-3) !important;
}

.bg-illustration-orange-4 {
  background: var(--group-hsbc-colour-illustration-orange-4) !important;
}

.bg-illustration-orange-5 {
  background: var(--group-hsbc-colour-illustration-orange-5) !important;
}

.bg-illustration-orange-6 {
  background: var(--group-hsbc-colour-illustration-orange-6) !important;
}

.bg-illustration-orange-7 {
  background: var(--group-hsbc-colour-illustration-orange-7) !important;
}

.bg-illustration-orange-8 {
  background: var(--group-hsbc-colour-illustration-orange-8) !important;
}

.bg-illustration-complimentary-brown-1 {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-1) !important;
}

.bg-illustration-complimentary-brown-2 {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-2) !important;
}

.bg-illustration-complimentary-brown-3 {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-3) !important;
}

.bg-illustration-complimentary-brown-4 {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-4) !important;
}

.bg-illustration-complimentary-brown-5 {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-5) !important;
}

.bg-illustration-complimentary-brown-6 {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-6) !important;
}

.bg-illustration-complimentary-brown-7 {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-7) !important;
}

.bg-illustration-complimentary-brown-8 {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-8) !important;
}

.bg-illustration-complimentary-mid-brown-1 {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-1) !important;
}

.bg-illustration-complimentary-mid-brown-2 {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-2) !important;
}

.bg-illustration-complimentary-mid-brown-3 {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-3) !important;
}

.bg-illustration-complimentary-mid-brown-4 {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-4) !important;
}

.bg-illustration-complimentary-mid-brown-5 {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-5) !important;
}

.bg-illustration-complimentary-mid-brown-6 {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-6) !important;
}

.bg-illustration-complimentary-mid-brown-7 {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-7) !important;
}

.bg-illustration-complimentary-mid-brown-8 {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-8) !important;
}

.bg-illustration-complimentary-tan-1 {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-1) !important;
}

.bg-illustration-complimentary-tan-2 {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-2) !important;
}

.bg-illustration-complimentary-tan-3 {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-3) !important;
}

.bg-illustration-complimentary-tan-4 {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-4) !important;
}

.bg-illustration-complimentary-tan-5 {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-5) !important;
}

.bg-illustration-complimentary-tan-6 {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-6) !important;
}

.bg-illustration-complimentary-tan-7 {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-7) !important;
}

.bg-illustration-complimentary-tan-8 {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-8) !important;
}

.bg-illustration-complimentary-cream-1 {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-1) !important;
}

.bg-illustration-complimentary-cream-2 {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-2) !important;
}

.bg-illustration-complimentary-cream-3 {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-3) !important;
}

.bg-illustration-complimentary-cream-4 {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-4) !important;
}

.bg-illustration-complimentary-cream-5 {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-5) !important;
}

.bg-illustration-complimentary-cream-6 {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-6) !important;
}

.bg-illustration-complimentary-cream-7 {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-7) !important;
}

.bg-illustration-complimentary-cream-8 {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-8) !important;
}

.bg-data-vis-blue-1 {
  background: var(--group-hsbc-colour-data-vis-blue-1) !important;
}

.bg-data-vis-blue-2 {
  background: var(--group-hsbc-colour-data-vis-blue-2) !important;
}

.bg-data-vis-blue-3 {
  background: var(--group-hsbc-colour-data-vis-blue-3) !important;
}

.bg-data-vis-blue-4 {
  background: var(--group-hsbc-colour-data-vis-blue-4) !important;
}

.bg-data-vis-purple-1 {
  background: var(--group-hsbc-colour-data-vis-purple-1) !important;
}

.bg-data-vis-purple-2 {
  background: var(--group-hsbc-colour-data-vis-purple-2) !important;
}

.bg-data-vis-purple-3 {
  background: var(--group-hsbc-colour-data-vis-purple-3) !important;
}

.bg-data-vis-purple-4 {
  background: var(--group-hsbc-colour-data-vis-purple-4) !important;
}

.bg-data-vis-pink-1 {
  background: var(--group-hsbc-colour-data-vis-pink-1) !important;
}

.bg-data-vis-pink-2 {
  background: var(--group-hsbc-colour-data-vis-pink-2) !important;
}

.bg-data-vis-pink-3 {
  background: var(--group-hsbc-colour-data-vis-pink-3) !important;
}

.bg-data-vis-pink-4 {
  background: var(--group-hsbc-colour-data-vis-pink-4) !important;
}

.bg-data-vis-orange-1 {
  background: var(--group-hsbc-colour-data-vis-orange-1) !important;
}

.bg-data-vis-orange-2 {
  background: var(--group-hsbc-colour-data-vis-orange-2) !important;
}

.bg-data-vis-orange-3 {
  background: var(--group-hsbc-colour-data-vis-orange-3) !important;
}

.bg-data-vis-orange-4 {
  background: var(--group-hsbc-colour-data-vis-orange-4) !important;
}

.bg-data-vis-green-1 {
  background: var(--group-hsbc-colour-data-vis-green-1) !important;
}

.bg-data-vis-green-2 {
  background: var(--group-hsbc-colour-data-vis-green-2) !important;
}

.bg-data-vis-green-3 {
  background: var(--group-hsbc-colour-data-vis-green-3) !important;
}

.bg-data-vis-green-4 {
  background: var(--group-hsbc-colour-data-vis-green-4) !important;
}

.bg-rag-red {
  background: var(--group-hsbc-colour-rag-red) !important;
}

.bg-rag-red-tint {
  background: var(--group-hsbc-colour-rag-red-tint) !important;
}

.bg-rag-amber {
  background: var(--group-hsbc-colour-rag-amber) !important;
}

.bg-rag-amber-tint {
  background: var(--group-hsbc-colour-rag-amber-tint) !important;
}

.bg-rag-green {
  background: var(--group-hsbc-colour-rag-green) !important;
}

.bg-rag-green-tint {
  background: var(--group-hsbc-colour-rag-green-tint) !important;
}

.bg-rag-blue {
  background: var(--group-hsbc-colour-rag-blue) !important;
}

.bg-rag-blue-tint {
  background: var(--group-hsbc-colour-rag-blue-tint) !important;
}

.bg-rag-dark-red-tint {
  background: var(--group-hsbc-colour-rag-dark-red-tint) !important;
}

.bg-rag-dark-amber-tint {
  background: var(--group-hsbc-colour-rag-dark-amber-tint) !important;
}

.bg-rag-dark-green-tint {
  background: var(--group-hsbc-colour-rag-dark-green-tint) !important;
}

.bg-rag-dark-blue-tint {
  background: var(--group-hsbc-colour-rag-dark-blue-tint) !important;
}

.bg-light-interactive-on-light-surface-primary {
  background: var(--group-light-interactive-on-light-surface-primary) !important;
}

.bg-light-interactive-on-light-surface-primary-hover {
  background: var(--group-light-interactive-on-light-surface-primary-hover) !important;
}

.bg-light-interactive-on-light-surface-primary-pressed {
  background: var(--group-light-interactive-on-light-surface-primary-pressed) !important;
}

.bg-light-interactive-on-light-surface-primary-disabled {
  background: var(--group-light-interactive-on-light-surface-primary-disabled) !important;
}

.bg-light-interactive-on-light-surface-primary-processing {
  background: var(--group-light-interactive-on-light-surface-primary-processing) !important;
}

.bg-light-interactive-on-light-surface-active {
  background: var(--group-light-interactive-on-light-surface-active) !important;
}

.bg-light-interactive-on-light-surface-active-hover {
  background: var(--group-light-interactive-on-light-surface-active-hover) !important;
}

.bg-light-interactive-on-light-surface-active-pressed {
  background: var(--group-light-interactive-on-light-surface-active-pressed) !important;
}

.bg-light-interactive-on-light-surface-brand-1 {
  background: var(--group-light-interactive-on-light-surface-brand-1) !important;
}

.bg-light-interactive-on-light-surface-brand-1-hover {
  background: var(--group-light-interactive-on-light-surface-brand-1-hover) !important;
}

.bg-light-interactive-on-light-surface-brand-1-pressed {
  background: var(--group-light-interactive-on-light-surface-brand-1-pressed) !important;
}

.bg-light-interactive-on-light-surface-brand-1-disabled {
  background: var(--group-light-interactive-on-light-surface-brand-1-disabled) !important;
}

.bg-light-interactive-on-light-surface-brand-1-processing {
  background: var(--group-light-interactive-on-light-surface-brand-1-processing) !important;
}

.bg-light-interactive-on-light-surface-brand-2 {
  background: var(--group-light-interactive-on-light-surface-brand-2) !important;
}

.bg-light-interactive-on-light-surface-brand-2-hover {
  background: var(--group-light-interactive-on-light-surface-brand-2-hover) !important;
}

.bg-light-interactive-on-light-surface-brand-2-pressed {
  background: var(--group-light-interactive-on-light-surface-brand-2-pressed) !important;
}

.bg-light-interactive-on-light-surface-brand-2-disabled {
  background: var(--group-light-interactive-on-light-surface-brand-2-disabled) !important;
}

.bg-light-interactive-on-light-surface-brand-2-processing {
  background: var(--group-light-interactive-on-light-surface-brand-2-processing) !important;
}

.bg-dark-interactive-on-light-surface-primary {
  background: var(--group-dark-interactive-on-light-surface-primary) !important;
}

.bg-dark-interactive-on-light-surface-primary-hover {
  background: var(--group-dark-interactive-on-light-surface-primary-hover) !important;
}

.bg-dark-interactive-on-light-surface-primary-pressed {
  background: var(--group-dark-interactive-on-light-surface-primary-pressed) !important;
}

.bg-dark-interactive-on-light-surface-primary-disabled {
  background: var(--group-dark-interactive-on-light-surface-primary-disabled) !important;
}

.bg-dark-interactive-on-light-surface-primary-processing {
  background: var(--group-dark-interactive-on-light-surface-primary-processing) !important;
}

.bg-dark-interactive-on-light-surface-active {
  background: var(--group-dark-interactive-on-light-surface-active) !important;
}

.bg-dark-interactive-on-light-surface-active-hover {
  background: var(--group-dark-interactive-on-light-surface-active-hover) !important;
}

.bg-dark-interactive-on-light-surface-active-pressed {
  background: var(--group-dark-interactive-on-light-surface-active-pressed) !important;
}

.bg-dark-interactive-on-light-surface-brand-1 {
  background: var(--group-dark-interactive-on-light-surface-brand-1) !important;
}

.bg-dark-interactive-on-light-surface-brand-1-hover {
  background: var(--group-dark-interactive-on-light-surface-brand-1-hover) !important;
}

.bg-dark-interactive-on-light-surface-brand-1-pressed {
  background: var(--group-dark-interactive-on-light-surface-brand-1-pressed) !important;
}

.bg-dark-interactive-on-light-surface-brand-1-disabled {
  background: var(--group-dark-interactive-on-light-surface-brand-1-disabled) !important;
}

.bg-dark-interactive-on-light-surface-brand-1-processing {
  background: var(--group-dark-interactive-on-light-surface-brand-1-processing) !important;
}

.bg-dark-interactive-on-light-surface-brand-2 {
  background: var(--group-dark-interactive-on-light-surface-brand-2) !important;
}

.bg-dark-interactive-on-light-surface-brand-2-hover {
  background: var(--group-dark-interactive-on-light-surface-brand-2-hover) !important;
}

.bg-dark-interactive-on-light-surface-brand-2-pressed {
  background: var(--group-dark-interactive-on-light-surface-brand-2-pressed) !important;
}

.bg-dark-interactive-on-light-surface-brand-2-disabled {
  background: var(--group-dark-interactive-on-light-surface-brand-2-disabled) !important;
}

.bg-dark-interactive-on-light-surface-brand-2-processing {
  background: var(--group-dark-interactive-on-light-surface-brand-2-processing) !important;
}

.bg-light-non-interactive-surface-white {
  background: var(--group-light-non-interactive-surface-white) !important;
}

.bg-light-non-interactive-surface-neutral-1 {
  background: var(--group-light-non-interactive-surface-neutral-1) !important;
}

.bg-light-non-interactive-surface-neutral-2 {
  background: var(--group-light-non-interactive-surface-neutral-2) !important;
}

.bg-light-non-interactive-surface-neutral-3 {
  background: var(--group-light-non-interactive-surface-neutral-3) !important;
}

.bg-light-non-interactive-surface-neutral-4 {
  background: var(--group-light-non-interactive-surface-neutral-4) !important;
}

.bg-light-non-interactive-surface-neutral-5 {
  background: var(--group-light-non-interactive-surface-neutral-5) !important;
}

.bg-light-non-interactive-surface-black {
  background: var(--group-light-non-interactive-surface-black) !important;
}

.bg-light-non-interactive-surface-brand-1 {
  background: var(--group-light-non-interactive-surface-brand-1) !important;
}

.bg-light-non-interactive-surface-brand-2 {
  background: var(--group-light-non-interactive-surface-brand-2) !important;
}

.bg-light-non-interactive-surface-brand-3 {
  background: var(--group-light-non-interactive-surface-brand-3) !important;
}

.bg-light-rag-surface-error-default-1 {
  background: var(--group-light-rag-surface-error-default-1) !important;
}

.bg-light-rag-surface-error-default2 {
  background: var(--group-light-rag-surface-error-default2) !important;
}

.bg-light-rag-surface-warning-default-1 {
  background: var(--group-light-rag-surface-warning-default-1) !important;
}

.bg-light-rag-surface-warning-default2 {
  background: var(--group-light-rag-surface-warning-default2) !important;
}

.bg-light-rag-surface-success-default-1 {
  background: var(--group-light-rag-surface-success-default-1) !important;
}

.bg-light-rag-surface-success-default2 {
  background: var(--group-light-rag-surface-success-default2) !important;
}

.bg-light-rag-surface-information-default-1 {
  background: var(--group-light-rag-surface-information-default-1) !important;
}

.bg-light-rag-surface-information-default2 {
  background: var(--group-light-rag-surface-information-default2) !important;
}

.bg-dark-rag-surface-error-default-1 {
  background: var(--group-dark-rag-surface-error-default-1) !important;
}

.bg-dark-rag-surface-error-default2 {
  background: var(--group-dark-rag-surface-error-default2) !important;
}

.bg-dark-rag-surface-warning-default-1 {
  background: var(--group-dark-rag-surface-warning-default-1) !important;
}

.bg-dark-rag-surface-warning-default2 {
  background: var(--group-dark-rag-surface-warning-default2) !important;
}

.bg-dark-rag-surface-success-default-1 {
  background: var(--group-dark-rag-surface-success-default-1) !important;
}

.bg-dark-rag-surface-success-default2 {
  background: var(--group-dark-rag-surface-success-default2) !important;
}

.bg-dark-rag-surface-information-default-1 {
  background: var(--group-dark-rag-surface-information-default-1) !important;
}

.bg-dark-rag-surface-information-default2 {
  background: var(--group-dark-rag-surface-information-default2) !important;
}

.bg-light-interactive-on-dark-surface-primary {
  background: var(--group-light-interactive-on-dark-surface-primary) !important;
}

.bg-light-interactive-on-dark-surface-primary-hover {
  background: var(--group-light-interactive-on-dark-surface-primary-hover) !important;
}

.bg-light-interactive-on-dark-surface-primary-pressed {
  background: var(--group-light-interactive-on-dark-surface-primary-pressed) !important;
}

.bg-light-interactive-on-dark-surface-primary-disabled {
  background: var(--group-light-interactive-on-dark-surface-primary-disabled) !important;
}

.bg-light-interactive-on-dark-surface-active {
  background: var(--group-light-interactive-on-dark-surface-active) !important;
}

.bg-light-interactive-on-dark-surface-active-hover {
  background: var(--group-light-interactive-on-dark-surface-active-hover) !important;
}

.bg-light-interactive-on-dark-surface-active-pressed {
  background: var(--group-light-interactive-on-dark-surface-active-pressed) !important;
}

.bg-light-interactive-on-dark-surface-brand-1 {
  background: var(--group-light-interactive-on-dark-surface-brand-1) !important;
}

.bg-light-interactive-on-dark-surface-brand-1-hover {
  background: var(--group-light-interactive-on-dark-surface-brand-1-hover) !important;
}

.bg-light-interactive-on-dark-surface-brand-1-pressed {
  background: var(--group-light-interactive-on-dark-surface-brand-1-pressed) !important;
}

.bg-light-interactive-on-dark-surface-brand-1-disabled {
  background: var(--group-light-interactive-on-dark-surface-brand-1-disabled) !important;
}

.bg-light-interactive-on-dark-surface-brand-1-processing {
  background: var(--group-light-interactive-on-dark-surface-brand-1-processing) !important;
}

.bg-light-interactive-on-dark-surface-brand-2 {
  background: var(--group-light-interactive-on-dark-surface-brand-2) !important;
}

.bg-light-interactive-on-dark-surface-brand-2-hover {
  background: var(--group-light-interactive-on-dark-surface-brand-2-hover) !important;
}

.bg-light-interactive-on-dark-surface-brand-2-pressed {
  background: var(--group-light-interactive-on-dark-surface-brand-2-pressed) !important;
}

.bg-light-interactive-on-dark-surface-brand-2-disabled {
  background: var(--group-light-interactive-on-dark-surface-brand-2-disabled) !important;
}

.bg-light-interactive-on-dark-surface-brand-2-processing {
  background: var(--group-light-interactive-on-dark-surface-brand-2-processing) !important;
}

.bg-core-primary {
  background: var(--group-color-base-core-primary) !important;
}

.bg-white {
  background: var(--group-color-base-white) !important;
}

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

.bg-neutral-1 {
  background: var(--group-color-base-neutral-1) !important;
}

.bg-neutral-2 {
  background: var(--group-color-base-neutral-2) !important;
}

.bg-neutral-3 {
  background: var(--group-color-base-neutral-3) !important;
}

.bg-neutral-4 {
  background: var(--group-color-base-neutral-4) !important;
}

.bg-neutral-5 {
  background: var(--group-color-base-neutral-5) !important;
}

.bg-info-default-1 {
  background: var(--group-color-base-info-default-1) !important;
}

.bg-info-default-2 {
  background: var(--group-color-base-info-default-2) !important;
}

.bg-success-default-1 {
  background: var(--group-color-base-success-default-1) !important;
}

.bg-success-default-2 {
  background: var(--group-color-base-success-default-2) !important;
}

.bg-warning-default-1 {
  background: var(--group-color-base-warning-default-1) !important;
}

.bg-warning-default-2 {
  background: var(--group-color-base-warning-default-2) !important;
}

.bg-error-default-1 {
  background: var(--group-color-base-error-default-1) !important;
}

.bg-error-default-2 {
  background: var(--group-color-base-error-default-2) !important;
}

.bg-dark-interactive-on-dark-surface-primary {
  background: var(--group-dark-interactive-on-dark-surface-primary) !important;
}

.bg-dark-interactive-on-dark-surface-primary-hover {
  background: var(--group-dark-interactive-on-dark-surface-primary-hover) !important;
}

.bg-dark-interactive-on-dark-surface-primary-pressed {
  background: var(--group-dark-interactive-on-dark-surface-primary-pressed) !important;
}

.bg-dark-interactive-on-dark-surface-primary-disabled {
  background: var(--group-dark-interactive-on-dark-surface-primary-disabled) !important;
}

.bg-dark-interactive-on-dark-surface-active {
  background: var(--group-dark-interactive-on-dark-surface-active) !important;
}

.bg-dark-interactive-on-dark-surface-active-hover {
  background: var(--group-dark-interactive-on-dark-surface-active-hover) !important;
}

.bg-dark-interactive-on-dark-surface-active-pressed {
  background: var(--group-dark-interactive-on-dark-surface-active-pressed) !important;
}

.bg-dark-interactive-on-dark-surface-brand-1 {
  background: var(--group-dark-interactive-on-dark-surface-brand-1) !important;
}

.bg-dark-interactive-on-dark-surface-brand-1-hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-hover) !important;
}

.bg-dark-interactive-on-dark-surface-brand-1-pressed {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-pressed) !important;
}

.bg-dark-interactive-on-dark-surface-brand-1-disabled {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-disabled) !important;
}

.bg-dark-interactive-on-dark-surface-brand-1-processing {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-processing) !important;
}

.bg-dark-interactive-on-dark-surface-brand-2 {
  background: var(--group-dark-interactive-on-dark-surface-brand-2) !important;
}

.bg-dark-interactive-on-dark-surface-brand-2-hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-hover) !important;
}

.bg-dark-interactive-on-dark-surface-brand-2-pressed {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-pressed) !important;
}

.bg-dark-interactive-on-dark-surface-brand-2-disabled {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-disabled) !important;
}

.bg-dark-interactive-on-dark-surface-brand-2-processing {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-processing) !important;
}

.bg-transparent {
  background: transparent !important;
}

.focus\:bg-core-hsbc-red:focus {
  background: var(--group-hsbc-colour-core-hsbc-red) !important;
}

.hover\:bg-core-hsbc-red:hover {
  background: var(--group-hsbc-colour-core-hsbc-red) !important;
}

.active\:bg-core-hsbc-red:active {
  background: var(--group-hsbc-colour-core-hsbc-red) !important;
}

.focus\:bg-core-black:focus {
  background: var(--group-hsbc-colour-core-black) !important;
}

.hover\:bg-core-black:hover {
  background: var(--group-hsbc-colour-core-black) !important;
}

.active\:bg-core-black:active {
  background: var(--group-hsbc-colour-core-black) !important;
}

.focus\:bg-core-white:focus {
  background: var(--group-hsbc-colour-core-white) !important;
}

.hover\:bg-core-white:hover {
  background: var(--group-hsbc-colour-core-white) !important;
}

.active\:bg-core-white:active {
  background: var(--group-hsbc-colour-core-white) !important;
}

.focus\:bg-complimentary-red-1:focus {
  background: var(--group-hsbc-colour-complimentary-red-1) !important;
}

.hover\:bg-complimentary-red-1:hover {
  background: var(--group-hsbc-colour-complimentary-red-1) !important;
}

.active\:bg-complimentary-red-1:active {
  background: var(--group-hsbc-colour-complimentary-red-1) !important;
}

.focus\:bg-complimentary-red-2:focus {
  background: var(--group-hsbc-colour-complimentary-red-2) !important;
}

.hover\:bg-complimentary-red-2:hover {
  background: var(--group-hsbc-colour-complimentary-red-2) !important;
}

.active\:bg-complimentary-red-2:active {
  background: var(--group-hsbc-colour-complimentary-red-2) !important;
}

.focus\:bg-complimentary-red-3:focus {
  background: var(--group-hsbc-colour-complimentary-red-3) !important;
}

.hover\:bg-complimentary-red-3:hover {
  background: var(--group-hsbc-colour-complimentary-red-3) !important;
}

.active\:bg-complimentary-red-3:active {
  background: var(--group-hsbc-colour-complimentary-red-3) !important;
}

.focus\:bg-neutral-white:focus {
  background: var(--group-hsbc-colour-neutral-white) !important;
}

.hover\:bg-neutral-white:hover {
  background: var(--group-hsbc-colour-neutral-white) !important;
}

.active\:bg-neutral-white:active {
  background: var(--group-hsbc-colour-neutral-white) !important;
}

.focus\:bg-neutral-grey-1:focus {
  background: var(--group-hsbc-colour-neutral-grey-1) !important;
}

.hover\:bg-neutral-grey-1:hover {
  background: var(--group-hsbc-colour-neutral-grey-1) !important;
}

.active\:bg-neutral-grey-1:active {
  background: var(--group-hsbc-colour-neutral-grey-1) !important;
}

.focus\:bg-neutral-grey-2:focus {
  background: var(--group-hsbc-colour-neutral-grey-2) !important;
}

.hover\:bg-neutral-grey-2:hover {
  background: var(--group-hsbc-colour-neutral-grey-2) !important;
}

.active\:bg-neutral-grey-2:active {
  background: var(--group-hsbc-colour-neutral-grey-2) !important;
}

.focus\:bg-neutral-grey-3:focus {
  background: var(--group-hsbc-colour-neutral-grey-3) !important;
}

.hover\:bg-neutral-grey-3:hover {
  background: var(--group-hsbc-colour-neutral-grey-3) !important;
}

.active\:bg-neutral-grey-3:active {
  background: var(--group-hsbc-colour-neutral-grey-3) !important;
}

.focus\:bg-neutral-grey-4:focus {
  background: var(--group-hsbc-colour-neutral-grey-4) !important;
}

.hover\:bg-neutral-grey-4:hover {
  background: var(--group-hsbc-colour-neutral-grey-4) !important;
}

.active\:bg-neutral-grey-4:active {
  background: var(--group-hsbc-colour-neutral-grey-4) !important;
}

.focus\:bg-neutral-grey-5:focus {
  background: var(--group-hsbc-colour-neutral-grey-5) !important;
}

.hover\:bg-neutral-grey-5:hover {
  background: var(--group-hsbc-colour-neutral-grey-5) !important;
}

.active\:bg-neutral-grey-5:active {
  background: var(--group-hsbc-colour-neutral-grey-5) !important;
}

.focus\:bg-neutral-black:focus {
  background: var(--group-hsbc-colour-neutral-black) !important;
}

.hover\:bg-neutral-black:hover {
  background: var(--group-hsbc-colour-neutral-black) !important;
}

.active\:bg-neutral-black:active {
  background: var(--group-hsbc-colour-neutral-black) !important;
}

.focus\:bg-neutral-dark-grey-6:focus {
  background: var(--group-hsbc-colour-neutral-dark-grey-6) !important;
}

.hover\:bg-neutral-dark-grey-6:hover {
  background: var(--group-hsbc-colour-neutral-dark-grey-6) !important;
}

.active\:bg-neutral-dark-grey-6:active {
  background: var(--group-hsbc-colour-neutral-dark-grey-6) !important;
}

.focus\:bg-neutral-dark-grey-7:focus {
  background: var(--group-hsbc-colour-neutral-dark-grey-7) !important;
}

.hover\:bg-neutral-dark-grey-7:hover {
  background: var(--group-hsbc-colour-neutral-dark-grey-7) !important;
}

.active\:bg-neutral-dark-grey-7:active {
  background: var(--group-hsbc-colour-neutral-dark-grey-7) !important;
}

.focus\:bg-neutral-dark-grey-8:focus {
  background: var(--group-hsbc-colour-neutral-dark-grey-8) !important;
}

.hover\:bg-neutral-dark-grey-8:hover {
  background: var(--group-hsbc-colour-neutral-dark-grey-8) !important;
}

.active\:bg-neutral-dark-grey-8:active {
  background: var(--group-hsbc-colour-neutral-dark-grey-8) !important;
}

.focus\:bg-neutral-dark-new-grey:focus {
  background: var(--group-hsbc-colour-neutral-dark-new-grey) !important;
}

.hover\:bg-neutral-dark-new-grey:hover {
  background: var(--group-hsbc-colour-neutral-dark-new-grey) !important;
}

.active\:bg-neutral-dark-new-grey:active {
  background: var(--group-hsbc-colour-neutral-dark-new-grey) !important;
}

.focus\:bg-illustration-blue-1:focus {
  background: var(--group-hsbc-colour-illustration-blue-1) !important;
}

.hover\:bg-illustration-blue-1:hover {
  background: var(--group-hsbc-colour-illustration-blue-1) !important;
}

.active\:bg-illustration-blue-1:active {
  background: var(--group-hsbc-colour-illustration-blue-1) !important;
}

.focus\:bg-illustration-blue-2:focus {
  background: var(--group-hsbc-colour-illustration-blue-2) !important;
}

.hover\:bg-illustration-blue-2:hover {
  background: var(--group-hsbc-colour-illustration-blue-2) !important;
}

.active\:bg-illustration-blue-2:active {
  background: var(--group-hsbc-colour-illustration-blue-2) !important;
}

.focus\:bg-illustration-blue-3:focus {
  background: var(--group-hsbc-colour-illustration-blue-3) !important;
}

.hover\:bg-illustration-blue-3:hover {
  background: var(--group-hsbc-colour-illustration-blue-3) !important;
}

.active\:bg-illustration-blue-3:active {
  background: var(--group-hsbc-colour-illustration-blue-3) !important;
}

.focus\:bg-illustration-blue-4:focus {
  background: var(--group-hsbc-colour-illustration-blue-4) !important;
}

.hover\:bg-illustration-blue-4:hover {
  background: var(--group-hsbc-colour-illustration-blue-4) !important;
}

.active\:bg-illustration-blue-4:active {
  background: var(--group-hsbc-colour-illustration-blue-4) !important;
}

.focus\:bg-illustration-blue-5:focus {
  background: var(--group-hsbc-colour-illustration-blue-5) !important;
}

.hover\:bg-illustration-blue-5:hover {
  background: var(--group-hsbc-colour-illustration-blue-5) !important;
}

.active\:bg-illustration-blue-5:active {
  background: var(--group-hsbc-colour-illustration-blue-5) !important;
}

.focus\:bg-illustration-blue-6:focus {
  background: var(--group-hsbc-colour-illustration-blue-6) !important;
}

.hover\:bg-illustration-blue-6:hover {
  background: var(--group-hsbc-colour-illustration-blue-6) !important;
}

.active\:bg-illustration-blue-6:active {
  background: var(--group-hsbc-colour-illustration-blue-6) !important;
}

.focus\:bg-illustration-blue-7:focus {
  background: var(--group-hsbc-colour-illustration-blue-7) !important;
}

.hover\:bg-illustration-blue-7:hover {
  background: var(--group-hsbc-colour-illustration-blue-7) !important;
}

.active\:bg-illustration-blue-7:active {
  background: var(--group-hsbc-colour-illustration-blue-7) !important;
}

.focus\:bg-illustration-blue-8:focus {
  background: var(--group-hsbc-colour-illustration-blue-8) !important;
}

.hover\:bg-illustration-blue-8:hover {
  background: var(--group-hsbc-colour-illustration-blue-8) !important;
}

.active\:bg-illustration-blue-8:active {
  background: var(--group-hsbc-colour-illustration-blue-8) !important;
}

.focus\:bg-illustration-green-1:focus {
  background: var(--group-hsbc-colour-illustration-green-1) !important;
}

.hover\:bg-illustration-green-1:hover {
  background: var(--group-hsbc-colour-illustration-green-1) !important;
}

.active\:bg-illustration-green-1:active {
  background: var(--group-hsbc-colour-illustration-green-1) !important;
}

.focus\:bg-illustration-green-2:focus {
  background: var(--group-hsbc-colour-illustration-green-2) !important;
}

.hover\:bg-illustration-green-2:hover {
  background: var(--group-hsbc-colour-illustration-green-2) !important;
}

.active\:bg-illustration-green-2:active {
  background: var(--group-hsbc-colour-illustration-green-2) !important;
}

.focus\:bg-illustration-green-3:focus {
  background: var(--group-hsbc-colour-illustration-green-3) !important;
}

.hover\:bg-illustration-green-3:hover {
  background: var(--group-hsbc-colour-illustration-green-3) !important;
}

.active\:bg-illustration-green-3:active {
  background: var(--group-hsbc-colour-illustration-green-3) !important;
}

.focus\:bg-illustration-green-4:focus {
  background: var(--group-hsbc-colour-illustration-green-4) !important;
}

.hover\:bg-illustration-green-4:hover {
  background: var(--group-hsbc-colour-illustration-green-4) !important;
}

.active\:bg-illustration-green-4:active {
  background: var(--group-hsbc-colour-illustration-green-4) !important;
}

.focus\:bg-illustration-green-5:focus {
  background: var(--group-hsbc-colour-illustration-green-5) !important;
}

.hover\:bg-illustration-green-5:hover {
  background: var(--group-hsbc-colour-illustration-green-5) !important;
}

.active\:bg-illustration-green-5:active {
  background: var(--group-hsbc-colour-illustration-green-5) !important;
}

.focus\:bg-illustration-green-6:focus {
  background: var(--group-hsbc-colour-illustration-green-6) !important;
}

.hover\:bg-illustration-green-6:hover {
  background: var(--group-hsbc-colour-illustration-green-6) !important;
}

.active\:bg-illustration-green-6:active {
  background: var(--group-hsbc-colour-illustration-green-6) !important;
}

.focus\:bg-illustration-green-7:focus {
  background: var(--group-hsbc-colour-illustration-green-7) !important;
}

.hover\:bg-illustration-green-7:hover {
  background: var(--group-hsbc-colour-illustration-green-7) !important;
}

.active\:bg-illustration-green-7:active {
  background: var(--group-hsbc-colour-illustration-green-7) !important;
}

.focus\:bg-illustration-green-8:focus {
  background: var(--group-hsbc-colour-illustration-green-8) !important;
}

.hover\:bg-illustration-green-8:hover {
  background: var(--group-hsbc-colour-illustration-green-8) !important;
}

.active\:bg-illustration-green-8:active {
  background: var(--group-hsbc-colour-illustration-green-8) !important;
}

.focus\:bg-illustration-pink-1:focus {
  background: var(--group-hsbc-colour-illustration-pink-1) !important;
}

.hover\:bg-illustration-pink-1:hover {
  background: var(--group-hsbc-colour-illustration-pink-1) !important;
}

.active\:bg-illustration-pink-1:active {
  background: var(--group-hsbc-colour-illustration-pink-1) !important;
}

.focus\:bg-illustration-pink-2:focus {
  background: var(--group-hsbc-colour-illustration-pink-2) !important;
}

.hover\:bg-illustration-pink-2:hover {
  background: var(--group-hsbc-colour-illustration-pink-2) !important;
}

.active\:bg-illustration-pink-2:active {
  background: var(--group-hsbc-colour-illustration-pink-2) !important;
}

.focus\:bg-illustration-pink-3:focus {
  background: var(--group-hsbc-colour-illustration-pink-3) !important;
}

.hover\:bg-illustration-pink-3:hover {
  background: var(--group-hsbc-colour-illustration-pink-3) !important;
}

.active\:bg-illustration-pink-3:active {
  background: var(--group-hsbc-colour-illustration-pink-3) !important;
}

.focus\:bg-illustration-pink-4:focus {
  background: var(--group-hsbc-colour-illustration-pink-4) !important;
}

.hover\:bg-illustration-pink-4:hover {
  background: var(--group-hsbc-colour-illustration-pink-4) !important;
}

.active\:bg-illustration-pink-4:active {
  background: var(--group-hsbc-colour-illustration-pink-4) !important;
}

.focus\:bg-illustration-pink-5:focus {
  background: var(--group-hsbc-colour-illustration-pink-5) !important;
}

.hover\:bg-illustration-pink-5:hover {
  background: var(--group-hsbc-colour-illustration-pink-5) !important;
}

.active\:bg-illustration-pink-5:active {
  background: var(--group-hsbc-colour-illustration-pink-5) !important;
}

.focus\:bg-illustration-pink-6:focus {
  background: var(--group-hsbc-colour-illustration-pink-6) !important;
}

.hover\:bg-illustration-pink-6:hover {
  background: var(--group-hsbc-colour-illustration-pink-6) !important;
}

.active\:bg-illustration-pink-6:active {
  background: var(--group-hsbc-colour-illustration-pink-6) !important;
}

.focus\:bg-illustration-pink-7:focus {
  background: var(--group-hsbc-colour-illustration-pink-7) !important;
}

.hover\:bg-illustration-pink-7:hover {
  background: var(--group-hsbc-colour-illustration-pink-7) !important;
}

.active\:bg-illustration-pink-7:active {
  background: var(--group-hsbc-colour-illustration-pink-7) !important;
}

.focus\:bg-illustration-pink-8:focus {
  background: var(--group-hsbc-colour-illustration-pink-8) !important;
}

.hover\:bg-illustration-pink-8:hover {
  background: var(--group-hsbc-colour-illustration-pink-8) !important;
}

.active\:bg-illustration-pink-8:active {
  background: var(--group-hsbc-colour-illustration-pink-8) !important;
}

.focus\:bg-illustration-yellow-1:focus {
  background: var(--group-hsbc-colour-illustration-yellow-1) !important;
}

.hover\:bg-illustration-yellow-1:hover {
  background: var(--group-hsbc-colour-illustration-yellow-1) !important;
}

.active\:bg-illustration-yellow-1:active {
  background: var(--group-hsbc-colour-illustration-yellow-1) !important;
}

.focus\:bg-illustration-yellow-2:focus {
  background: var(--group-hsbc-colour-illustration-yellow-2) !important;
}

.hover\:bg-illustration-yellow-2:hover {
  background: var(--group-hsbc-colour-illustration-yellow-2) !important;
}

.active\:bg-illustration-yellow-2:active {
  background: var(--group-hsbc-colour-illustration-yellow-2) !important;
}

.focus\:bg-illustration-yellow-3:focus {
  background: var(--group-hsbc-colour-illustration-yellow-3) !important;
}

.hover\:bg-illustration-yellow-3:hover {
  background: var(--group-hsbc-colour-illustration-yellow-3) !important;
}

.active\:bg-illustration-yellow-3:active {
  background: var(--group-hsbc-colour-illustration-yellow-3) !important;
}

.focus\:bg-illustration-yellow-4:focus {
  background: var(--group-hsbc-colour-illustration-yellow-4) !important;
}

.hover\:bg-illustration-yellow-4:hover {
  background: var(--group-hsbc-colour-illustration-yellow-4) !important;
}

.active\:bg-illustration-yellow-4:active {
  background: var(--group-hsbc-colour-illustration-yellow-4) !important;
}

.focus\:bg-illustration-yellow-5:focus {
  background: var(--group-hsbc-colour-illustration-yellow-5) !important;
}

.hover\:bg-illustration-yellow-5:hover {
  background: var(--group-hsbc-colour-illustration-yellow-5) !important;
}

.active\:bg-illustration-yellow-5:active {
  background: var(--group-hsbc-colour-illustration-yellow-5) !important;
}

.focus\:bg-illustration-yellow-6:focus {
  background: var(--group-hsbc-colour-illustration-yellow-6) !important;
}

.hover\:bg-illustration-yellow-6:hover {
  background: var(--group-hsbc-colour-illustration-yellow-6) !important;
}

.active\:bg-illustration-yellow-6:active {
  background: var(--group-hsbc-colour-illustration-yellow-6) !important;
}

.focus\:bg-illustration-yellow-7:focus {
  background: var(--group-hsbc-colour-illustration-yellow-7) !important;
}

.hover\:bg-illustration-yellow-7:hover {
  background: var(--group-hsbc-colour-illustration-yellow-7) !important;
}

.active\:bg-illustration-yellow-7:active {
  background: var(--group-hsbc-colour-illustration-yellow-7) !important;
}

.focus\:bg-illustration-yellow-8:focus {
  background: var(--group-hsbc-colour-illustration-yellow-8) !important;
}

.hover\:bg-illustration-yellow-8:hover {
  background: var(--group-hsbc-colour-illustration-yellow-8) !important;
}

.active\:bg-illustration-yellow-8:active {
  background: var(--group-hsbc-colour-illustration-yellow-8) !important;
}

.focus\:bg-illustration-orange-1:focus {
  background: var(--group-hsbc-colour-illustration-orange-1) !important;
}

.hover\:bg-illustration-orange-1:hover {
  background: var(--group-hsbc-colour-illustration-orange-1) !important;
}

.active\:bg-illustration-orange-1:active {
  background: var(--group-hsbc-colour-illustration-orange-1) !important;
}

.focus\:bg-illustration-orange-2:focus {
  background: var(--group-hsbc-colour-illustration-orange-2) !important;
}

.hover\:bg-illustration-orange-2:hover {
  background: var(--group-hsbc-colour-illustration-orange-2) !important;
}

.active\:bg-illustration-orange-2:active {
  background: var(--group-hsbc-colour-illustration-orange-2) !important;
}

.focus\:bg-illustration-orange-3:focus {
  background: var(--group-hsbc-colour-illustration-orange-3) !important;
}

.hover\:bg-illustration-orange-3:hover {
  background: var(--group-hsbc-colour-illustration-orange-3) !important;
}

.active\:bg-illustration-orange-3:active {
  background: var(--group-hsbc-colour-illustration-orange-3) !important;
}

.focus\:bg-illustration-orange-4:focus {
  background: var(--group-hsbc-colour-illustration-orange-4) !important;
}

.hover\:bg-illustration-orange-4:hover {
  background: var(--group-hsbc-colour-illustration-orange-4) !important;
}

.active\:bg-illustration-orange-4:active {
  background: var(--group-hsbc-colour-illustration-orange-4) !important;
}

.focus\:bg-illustration-orange-5:focus {
  background: var(--group-hsbc-colour-illustration-orange-5) !important;
}

.hover\:bg-illustration-orange-5:hover {
  background: var(--group-hsbc-colour-illustration-orange-5) !important;
}

.active\:bg-illustration-orange-5:active {
  background: var(--group-hsbc-colour-illustration-orange-5) !important;
}

.focus\:bg-illustration-orange-6:focus {
  background: var(--group-hsbc-colour-illustration-orange-6) !important;
}

.hover\:bg-illustration-orange-6:hover {
  background: var(--group-hsbc-colour-illustration-orange-6) !important;
}

.active\:bg-illustration-orange-6:active {
  background: var(--group-hsbc-colour-illustration-orange-6) !important;
}

.focus\:bg-illustration-orange-7:focus {
  background: var(--group-hsbc-colour-illustration-orange-7) !important;
}

.hover\:bg-illustration-orange-7:hover {
  background: var(--group-hsbc-colour-illustration-orange-7) !important;
}

.active\:bg-illustration-orange-7:active {
  background: var(--group-hsbc-colour-illustration-orange-7) !important;
}

.focus\:bg-illustration-orange-8:focus {
  background: var(--group-hsbc-colour-illustration-orange-8) !important;
}

.hover\:bg-illustration-orange-8:hover {
  background: var(--group-hsbc-colour-illustration-orange-8) !important;
}

.active\:bg-illustration-orange-8:active {
  background: var(--group-hsbc-colour-illustration-orange-8) !important;
}

.focus\:bg-illustration-complimentary-brown-1:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-1) !important;
}

.hover\:bg-illustration-complimentary-brown-1:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-1) !important;
}

.active\:bg-illustration-complimentary-brown-1:active {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-1) !important;
}

.focus\:bg-illustration-complimentary-brown-2:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-2) !important;
}

.hover\:bg-illustration-complimentary-brown-2:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-2) !important;
}

.active\:bg-illustration-complimentary-brown-2:active {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-2) !important;
}

.focus\:bg-illustration-complimentary-brown-3:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-3) !important;
}

.hover\:bg-illustration-complimentary-brown-3:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-3) !important;
}

.active\:bg-illustration-complimentary-brown-3:active {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-3) !important;
}

.focus\:bg-illustration-complimentary-brown-4:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-4) !important;
}

.hover\:bg-illustration-complimentary-brown-4:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-4) !important;
}

.active\:bg-illustration-complimentary-brown-4:active {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-4) !important;
}

.focus\:bg-illustration-complimentary-brown-5:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-5) !important;
}

.hover\:bg-illustration-complimentary-brown-5:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-5) !important;
}

.active\:bg-illustration-complimentary-brown-5:active {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-5) !important;
}

.focus\:bg-illustration-complimentary-brown-6:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-6) !important;
}

.hover\:bg-illustration-complimentary-brown-6:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-6) !important;
}

.active\:bg-illustration-complimentary-brown-6:active {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-6) !important;
}

.focus\:bg-illustration-complimentary-brown-7:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-7) !important;
}

.hover\:bg-illustration-complimentary-brown-7:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-7) !important;
}

.active\:bg-illustration-complimentary-brown-7:active {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-7) !important;
}

.focus\:bg-illustration-complimentary-brown-8:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-8) !important;
}

.hover\:bg-illustration-complimentary-brown-8:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-8) !important;
}

.active\:bg-illustration-complimentary-brown-8:active {
  background: var(--group-hsbc-colour-illustration-complimentary-brown-8) !important;
}

.focus\:bg-illustration-complimentary-mid-brown-1:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-1) !important;
}

.hover\:bg-illustration-complimentary-mid-brown-1:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-1) !important;
}

.active\:bg-illustration-complimentary-mid-brown-1:active {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-1) !important;
}

.focus\:bg-illustration-complimentary-mid-brown-2:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-2) !important;
}

.hover\:bg-illustration-complimentary-mid-brown-2:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-2) !important;
}

.active\:bg-illustration-complimentary-mid-brown-2:active {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-2) !important;
}

.focus\:bg-illustration-complimentary-mid-brown-3:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-3) !important;
}

.hover\:bg-illustration-complimentary-mid-brown-3:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-3) !important;
}

.active\:bg-illustration-complimentary-mid-brown-3:active {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-3) !important;
}

.focus\:bg-illustration-complimentary-mid-brown-4:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-4) !important;
}

.hover\:bg-illustration-complimentary-mid-brown-4:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-4) !important;
}

.active\:bg-illustration-complimentary-mid-brown-4:active {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-4) !important;
}

.focus\:bg-illustration-complimentary-mid-brown-5:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-5) !important;
}

.hover\:bg-illustration-complimentary-mid-brown-5:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-5) !important;
}

.active\:bg-illustration-complimentary-mid-brown-5:active {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-5) !important;
}

.focus\:bg-illustration-complimentary-mid-brown-6:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-6) !important;
}

.hover\:bg-illustration-complimentary-mid-brown-6:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-6) !important;
}

.active\:bg-illustration-complimentary-mid-brown-6:active {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-6) !important;
}

.focus\:bg-illustration-complimentary-mid-brown-7:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-7) !important;
}

.hover\:bg-illustration-complimentary-mid-brown-7:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-7) !important;
}

.active\:bg-illustration-complimentary-mid-brown-7:active {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-7) !important;
}

.focus\:bg-illustration-complimentary-mid-brown-8:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-8) !important;
}

.hover\:bg-illustration-complimentary-mid-brown-8:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-8) !important;
}

.active\:bg-illustration-complimentary-mid-brown-8:active {
  background: var(--group-hsbc-colour-illustration-complimentary-mid-brown-8) !important;
}

.focus\:bg-illustration-complimentary-tan-1:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-1) !important;
}

.hover\:bg-illustration-complimentary-tan-1:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-1) !important;
}

.active\:bg-illustration-complimentary-tan-1:active {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-1) !important;
}

.focus\:bg-illustration-complimentary-tan-2:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-2) !important;
}

.hover\:bg-illustration-complimentary-tan-2:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-2) !important;
}

.active\:bg-illustration-complimentary-tan-2:active {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-2) !important;
}

.focus\:bg-illustration-complimentary-tan-3:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-3) !important;
}

.hover\:bg-illustration-complimentary-tan-3:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-3) !important;
}

.active\:bg-illustration-complimentary-tan-3:active {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-3) !important;
}

.focus\:bg-illustration-complimentary-tan-4:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-4) !important;
}

.hover\:bg-illustration-complimentary-tan-4:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-4) !important;
}

.active\:bg-illustration-complimentary-tan-4:active {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-4) !important;
}

.focus\:bg-illustration-complimentary-tan-5:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-5) !important;
}

.hover\:bg-illustration-complimentary-tan-5:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-5) !important;
}

.active\:bg-illustration-complimentary-tan-5:active {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-5) !important;
}

.focus\:bg-illustration-complimentary-tan-6:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-6) !important;
}

.hover\:bg-illustration-complimentary-tan-6:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-6) !important;
}

.active\:bg-illustration-complimentary-tan-6:active {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-6) !important;
}

.focus\:bg-illustration-complimentary-tan-7:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-7) !important;
}

.hover\:bg-illustration-complimentary-tan-7:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-7) !important;
}

.active\:bg-illustration-complimentary-tan-7:active {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-7) !important;
}

.focus\:bg-illustration-complimentary-tan-8:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-8) !important;
}

.hover\:bg-illustration-complimentary-tan-8:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-8) !important;
}

.active\:bg-illustration-complimentary-tan-8:active {
  background: var(--group-hsbc-colour-illustration-complimentary-tan-8) !important;
}

.focus\:bg-illustration-complimentary-cream-1:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-1) !important;
}

.hover\:bg-illustration-complimentary-cream-1:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-1) !important;
}

.active\:bg-illustration-complimentary-cream-1:active {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-1) !important;
}

.focus\:bg-illustration-complimentary-cream-2:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-2) !important;
}

.hover\:bg-illustration-complimentary-cream-2:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-2) !important;
}

.active\:bg-illustration-complimentary-cream-2:active {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-2) !important;
}

.focus\:bg-illustration-complimentary-cream-3:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-3) !important;
}

.hover\:bg-illustration-complimentary-cream-3:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-3) !important;
}

.active\:bg-illustration-complimentary-cream-3:active {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-3) !important;
}

.focus\:bg-illustration-complimentary-cream-4:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-4) !important;
}

.hover\:bg-illustration-complimentary-cream-4:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-4) !important;
}

.active\:bg-illustration-complimentary-cream-4:active {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-4) !important;
}

.focus\:bg-illustration-complimentary-cream-5:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-5) !important;
}

.hover\:bg-illustration-complimentary-cream-5:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-5) !important;
}

.active\:bg-illustration-complimentary-cream-5:active {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-5) !important;
}

.focus\:bg-illustration-complimentary-cream-6:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-6) !important;
}

.hover\:bg-illustration-complimentary-cream-6:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-6) !important;
}

.active\:bg-illustration-complimentary-cream-6:active {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-6) !important;
}

.focus\:bg-illustration-complimentary-cream-7:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-7) !important;
}

.hover\:bg-illustration-complimentary-cream-7:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-7) !important;
}

.active\:bg-illustration-complimentary-cream-7:active {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-7) !important;
}

.focus\:bg-illustration-complimentary-cream-8:focus {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-8) !important;
}

.hover\:bg-illustration-complimentary-cream-8:hover {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-8) !important;
}

.active\:bg-illustration-complimentary-cream-8:active {
  background: var(--group-hsbc-colour-illustration-complimentary-cream-8) !important;
}

.focus\:bg-data-vis-blue-1:focus {
  background: var(--group-hsbc-colour-data-vis-blue-1) !important;
}

.hover\:bg-data-vis-blue-1:hover {
  background: var(--group-hsbc-colour-data-vis-blue-1) !important;
}

.active\:bg-data-vis-blue-1:active {
  background: var(--group-hsbc-colour-data-vis-blue-1) !important;
}

.focus\:bg-data-vis-blue-2:focus {
  background: var(--group-hsbc-colour-data-vis-blue-2) !important;
}

.hover\:bg-data-vis-blue-2:hover {
  background: var(--group-hsbc-colour-data-vis-blue-2) !important;
}

.active\:bg-data-vis-blue-2:active {
  background: var(--group-hsbc-colour-data-vis-blue-2) !important;
}

.focus\:bg-data-vis-blue-3:focus {
  background: var(--group-hsbc-colour-data-vis-blue-3) !important;
}

.hover\:bg-data-vis-blue-3:hover {
  background: var(--group-hsbc-colour-data-vis-blue-3) !important;
}

.active\:bg-data-vis-blue-3:active {
  background: var(--group-hsbc-colour-data-vis-blue-3) !important;
}

.focus\:bg-data-vis-blue-4:focus {
  background: var(--group-hsbc-colour-data-vis-blue-4) !important;
}

.hover\:bg-data-vis-blue-4:hover {
  background: var(--group-hsbc-colour-data-vis-blue-4) !important;
}

.active\:bg-data-vis-blue-4:active {
  background: var(--group-hsbc-colour-data-vis-blue-4) !important;
}

.focus\:bg-data-vis-purple-1:focus {
  background: var(--group-hsbc-colour-data-vis-purple-1) !important;
}

.hover\:bg-data-vis-purple-1:hover {
  background: var(--group-hsbc-colour-data-vis-purple-1) !important;
}

.active\:bg-data-vis-purple-1:active {
  background: var(--group-hsbc-colour-data-vis-purple-1) !important;
}

.focus\:bg-data-vis-purple-2:focus {
  background: var(--group-hsbc-colour-data-vis-purple-2) !important;
}

.hover\:bg-data-vis-purple-2:hover {
  background: var(--group-hsbc-colour-data-vis-purple-2) !important;
}

.active\:bg-data-vis-purple-2:active {
  background: var(--group-hsbc-colour-data-vis-purple-2) !important;
}

.focus\:bg-data-vis-purple-3:focus {
  background: var(--group-hsbc-colour-data-vis-purple-3) !important;
}

.hover\:bg-data-vis-purple-3:hover {
  background: var(--group-hsbc-colour-data-vis-purple-3) !important;
}

.active\:bg-data-vis-purple-3:active {
  background: var(--group-hsbc-colour-data-vis-purple-3) !important;
}

.focus\:bg-data-vis-purple-4:focus {
  background: var(--group-hsbc-colour-data-vis-purple-4) !important;
}

.hover\:bg-data-vis-purple-4:hover {
  background: var(--group-hsbc-colour-data-vis-purple-4) !important;
}

.active\:bg-data-vis-purple-4:active {
  background: var(--group-hsbc-colour-data-vis-purple-4) !important;
}

.focus\:bg-data-vis-pink-1:focus {
  background: var(--group-hsbc-colour-data-vis-pink-1) !important;
}

.hover\:bg-data-vis-pink-1:hover {
  background: var(--group-hsbc-colour-data-vis-pink-1) !important;
}

.active\:bg-data-vis-pink-1:active {
  background: var(--group-hsbc-colour-data-vis-pink-1) !important;
}

.focus\:bg-data-vis-pink-2:focus {
  background: var(--group-hsbc-colour-data-vis-pink-2) !important;
}

.hover\:bg-data-vis-pink-2:hover {
  background: var(--group-hsbc-colour-data-vis-pink-2) !important;
}

.active\:bg-data-vis-pink-2:active {
  background: var(--group-hsbc-colour-data-vis-pink-2) !important;
}

.focus\:bg-data-vis-pink-3:focus {
  background: var(--group-hsbc-colour-data-vis-pink-3) !important;
}

.hover\:bg-data-vis-pink-3:hover {
  background: var(--group-hsbc-colour-data-vis-pink-3) !important;
}

.active\:bg-data-vis-pink-3:active {
  background: var(--group-hsbc-colour-data-vis-pink-3) !important;
}

.focus\:bg-data-vis-pink-4:focus {
  background: var(--group-hsbc-colour-data-vis-pink-4) !important;
}

.hover\:bg-data-vis-pink-4:hover {
  background: var(--group-hsbc-colour-data-vis-pink-4) !important;
}

.active\:bg-data-vis-pink-4:active {
  background: var(--group-hsbc-colour-data-vis-pink-4) !important;
}

.focus\:bg-data-vis-orange-1:focus {
  background: var(--group-hsbc-colour-data-vis-orange-1) !important;
}

.hover\:bg-data-vis-orange-1:hover {
  background: var(--group-hsbc-colour-data-vis-orange-1) !important;
}

.active\:bg-data-vis-orange-1:active {
  background: var(--group-hsbc-colour-data-vis-orange-1) !important;
}

.focus\:bg-data-vis-orange-2:focus {
  background: var(--group-hsbc-colour-data-vis-orange-2) !important;
}

.hover\:bg-data-vis-orange-2:hover {
  background: var(--group-hsbc-colour-data-vis-orange-2) !important;
}

.active\:bg-data-vis-orange-2:active {
  background: var(--group-hsbc-colour-data-vis-orange-2) !important;
}

.focus\:bg-data-vis-orange-3:focus {
  background: var(--group-hsbc-colour-data-vis-orange-3) !important;
}

.hover\:bg-data-vis-orange-3:hover {
  background: var(--group-hsbc-colour-data-vis-orange-3) !important;
}

.active\:bg-data-vis-orange-3:active {
  background: var(--group-hsbc-colour-data-vis-orange-3) !important;
}

.focus\:bg-data-vis-orange-4:focus {
  background: var(--group-hsbc-colour-data-vis-orange-4) !important;
}

.hover\:bg-data-vis-orange-4:hover {
  background: var(--group-hsbc-colour-data-vis-orange-4) !important;
}

.active\:bg-data-vis-orange-4:active {
  background: var(--group-hsbc-colour-data-vis-orange-4) !important;
}

.focus\:bg-data-vis-green-1:focus {
  background: var(--group-hsbc-colour-data-vis-green-1) !important;
}

.hover\:bg-data-vis-green-1:hover {
  background: var(--group-hsbc-colour-data-vis-green-1) !important;
}

.active\:bg-data-vis-green-1:active {
  background: var(--group-hsbc-colour-data-vis-green-1) !important;
}

.focus\:bg-data-vis-green-2:focus {
  background: var(--group-hsbc-colour-data-vis-green-2) !important;
}

.hover\:bg-data-vis-green-2:hover {
  background: var(--group-hsbc-colour-data-vis-green-2) !important;
}

.active\:bg-data-vis-green-2:active {
  background: var(--group-hsbc-colour-data-vis-green-2) !important;
}

.focus\:bg-data-vis-green-3:focus {
  background: var(--group-hsbc-colour-data-vis-green-3) !important;
}

.hover\:bg-data-vis-green-3:hover {
  background: var(--group-hsbc-colour-data-vis-green-3) !important;
}

.active\:bg-data-vis-green-3:active {
  background: var(--group-hsbc-colour-data-vis-green-3) !important;
}

.focus\:bg-data-vis-green-4:focus {
  background: var(--group-hsbc-colour-data-vis-green-4) !important;
}

.hover\:bg-data-vis-green-4:hover {
  background: var(--group-hsbc-colour-data-vis-green-4) !important;
}

.active\:bg-data-vis-green-4:active {
  background: var(--group-hsbc-colour-data-vis-green-4) !important;
}

.focus\:bg-rag-red:focus {
  background: var(--group-hsbc-colour-rag-red) !important;
}

.hover\:bg-rag-red:hover {
  background: var(--group-hsbc-colour-rag-red) !important;
}

.active\:bg-rag-red:active {
  background: var(--group-hsbc-colour-rag-red) !important;
}

.focus\:bg-rag-red-tint:focus {
  background: var(--group-hsbc-colour-rag-red-tint) !important;
}

.hover\:bg-rag-red-tint:hover {
  background: var(--group-hsbc-colour-rag-red-tint) !important;
}

.active\:bg-rag-red-tint:active {
  background: var(--group-hsbc-colour-rag-red-tint) !important;
}

.focus\:bg-rag-amber:focus {
  background: var(--group-hsbc-colour-rag-amber) !important;
}

.hover\:bg-rag-amber:hover {
  background: var(--group-hsbc-colour-rag-amber) !important;
}

.active\:bg-rag-amber:active {
  background: var(--group-hsbc-colour-rag-amber) !important;
}

.focus\:bg-rag-amber-tint:focus {
  background: var(--group-hsbc-colour-rag-amber-tint) !important;
}

.hover\:bg-rag-amber-tint:hover {
  background: var(--group-hsbc-colour-rag-amber-tint) !important;
}

.active\:bg-rag-amber-tint:active {
  background: var(--group-hsbc-colour-rag-amber-tint) !important;
}

.focus\:bg-rag-green:focus {
  background: var(--group-hsbc-colour-rag-green) !important;
}

.hover\:bg-rag-green:hover {
  background: var(--group-hsbc-colour-rag-green) !important;
}

.active\:bg-rag-green:active {
  background: var(--group-hsbc-colour-rag-green) !important;
}

.focus\:bg-rag-green-tint:focus {
  background: var(--group-hsbc-colour-rag-green-tint) !important;
}

.hover\:bg-rag-green-tint:hover {
  background: var(--group-hsbc-colour-rag-green-tint) !important;
}

.active\:bg-rag-green-tint:active {
  background: var(--group-hsbc-colour-rag-green-tint) !important;
}

.focus\:bg-rag-blue:focus {
  background: var(--group-hsbc-colour-rag-blue) !important;
}

.hover\:bg-rag-blue:hover {
  background: var(--group-hsbc-colour-rag-blue) !important;
}

.active\:bg-rag-blue:active {
  background: var(--group-hsbc-colour-rag-blue) !important;
}

.focus\:bg-rag-blue-tint:focus {
  background: var(--group-hsbc-colour-rag-blue-tint) !important;
}

.hover\:bg-rag-blue-tint:hover {
  background: var(--group-hsbc-colour-rag-blue-tint) !important;
}

.active\:bg-rag-blue-tint:active {
  background: var(--group-hsbc-colour-rag-blue-tint) !important;
}

.focus\:bg-rag-dark-red-tint:focus {
  background: var(--group-hsbc-colour-rag-dark-red-tint) !important;
}

.hover\:bg-rag-dark-red-tint:hover {
  background: var(--group-hsbc-colour-rag-dark-red-tint) !important;
}

.active\:bg-rag-dark-red-tint:active {
  background: var(--group-hsbc-colour-rag-dark-red-tint) !important;
}

.focus\:bg-rag-dark-amber-tint:focus {
  background: var(--group-hsbc-colour-rag-dark-amber-tint) !important;
}

.hover\:bg-rag-dark-amber-tint:hover {
  background: var(--group-hsbc-colour-rag-dark-amber-tint) !important;
}

.active\:bg-rag-dark-amber-tint:active {
  background: var(--group-hsbc-colour-rag-dark-amber-tint) !important;
}

.focus\:bg-rag-dark-green-tint:focus {
  background: var(--group-hsbc-colour-rag-dark-green-tint) !important;
}

.hover\:bg-rag-dark-green-tint:hover {
  background: var(--group-hsbc-colour-rag-dark-green-tint) !important;
}

.active\:bg-rag-dark-green-tint:active {
  background: var(--group-hsbc-colour-rag-dark-green-tint) !important;
}

.focus\:bg-rag-dark-blue-tint:focus {
  background: var(--group-hsbc-colour-rag-dark-blue-tint) !important;
}

.hover\:bg-rag-dark-blue-tint:hover {
  background: var(--group-hsbc-colour-rag-dark-blue-tint) !important;
}

.active\:bg-rag-dark-blue-tint:active {
  background: var(--group-hsbc-colour-rag-dark-blue-tint) !important;
}

.focus\:bg-light-interactive-on-light-surface-primary:focus {
  background: var(--group-light-interactive-on-light-surface-primary) !important;
}

.hover\:bg-light-interactive-on-light-surface-primary:hover {
  background: var(--group-light-interactive-on-light-surface-primary) !important;
}

.active\:bg-light-interactive-on-light-surface-primary:active {
  background: var(--group-light-interactive-on-light-surface-primary) !important;
}

.focus\:bg-light-interactive-on-light-surface-primary-hover:focus {
  background: var(--group-light-interactive-on-light-surface-primary-hover) !important;
}

.hover\:bg-light-interactive-on-light-surface-primary-hover:hover {
  background: var(--group-light-interactive-on-light-surface-primary-hover) !important;
}

.active\:bg-light-interactive-on-light-surface-primary-hover:active {
  background: var(--group-light-interactive-on-light-surface-primary-hover) !important;
}

.focus\:bg-light-interactive-on-light-surface-primary-pressed:focus {
  background: var(--group-light-interactive-on-light-surface-primary-pressed) !important;
}

.hover\:bg-light-interactive-on-light-surface-primary-pressed:hover {
  background: var(--group-light-interactive-on-light-surface-primary-pressed) !important;
}

.active\:bg-light-interactive-on-light-surface-primary-pressed:active {
  background: var(--group-light-interactive-on-light-surface-primary-pressed) !important;
}

.focus\:bg-light-interactive-on-light-surface-primary-disabled:focus {
  background: var(--group-light-interactive-on-light-surface-primary-disabled) !important;
}

.hover\:bg-light-interactive-on-light-surface-primary-disabled:hover {
  background: var(--group-light-interactive-on-light-surface-primary-disabled) !important;
}

.active\:bg-light-interactive-on-light-surface-primary-disabled:active {
  background: var(--group-light-interactive-on-light-surface-primary-disabled) !important;
}

.focus\:bg-light-interactive-on-light-surface-primary-processing:focus {
  background: var(--group-light-interactive-on-light-surface-primary-processing) !important;
}

.hover\:bg-light-interactive-on-light-surface-primary-processing:hover {
  background: var(--group-light-interactive-on-light-surface-primary-processing) !important;
}

.active\:bg-light-interactive-on-light-surface-primary-processing:active {
  background: var(--group-light-interactive-on-light-surface-primary-processing) !important;
}

.focus\:bg-light-interactive-on-light-surface-active:focus {
  background: var(--group-light-interactive-on-light-surface-active) !important;
}

.hover\:bg-light-interactive-on-light-surface-active:hover {
  background: var(--group-light-interactive-on-light-surface-active) !important;
}

.active\:bg-light-interactive-on-light-surface-active:active {
  background: var(--group-light-interactive-on-light-surface-active) !important;
}

.focus\:bg-light-interactive-on-light-surface-active-hover:focus {
  background: var(--group-light-interactive-on-light-surface-active-hover) !important;
}

.hover\:bg-light-interactive-on-light-surface-active-hover:hover {
  background: var(--group-light-interactive-on-light-surface-active-hover) !important;
}

.active\:bg-light-interactive-on-light-surface-active-hover:active {
  background: var(--group-light-interactive-on-light-surface-active-hover) !important;
}

.focus\:bg-light-interactive-on-light-surface-active-pressed:focus {
  background: var(--group-light-interactive-on-light-surface-active-pressed) !important;
}

.hover\:bg-light-interactive-on-light-surface-active-pressed:hover {
  background: var(--group-light-interactive-on-light-surface-active-pressed) !important;
}

.active\:bg-light-interactive-on-light-surface-active-pressed:active {
  background: var(--group-light-interactive-on-light-surface-active-pressed) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-1:focus {
  background: var(--group-light-interactive-on-light-surface-brand-1) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-1:hover {
  background: var(--group-light-interactive-on-light-surface-brand-1) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-1:active {
  background: var(--group-light-interactive-on-light-surface-brand-1) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-1-hover:focus {
  background: var(--group-light-interactive-on-light-surface-brand-1-hover) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-1-hover:hover {
  background: var(--group-light-interactive-on-light-surface-brand-1-hover) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-1-hover:active {
  background: var(--group-light-interactive-on-light-surface-brand-1-hover) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-1-pressed:focus {
  background: var(--group-light-interactive-on-light-surface-brand-1-pressed) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-1-pressed:hover {
  background: var(--group-light-interactive-on-light-surface-brand-1-pressed) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-1-pressed:active {
  background: var(--group-light-interactive-on-light-surface-brand-1-pressed) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-1-disabled:focus {
  background: var(--group-light-interactive-on-light-surface-brand-1-disabled) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-1-disabled:hover {
  background: var(--group-light-interactive-on-light-surface-brand-1-disabled) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-1-disabled:active {
  background: var(--group-light-interactive-on-light-surface-brand-1-disabled) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-1-processing:focus {
  background: var(--group-light-interactive-on-light-surface-brand-1-processing) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-1-processing:hover {
  background: var(--group-light-interactive-on-light-surface-brand-1-processing) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-1-processing:active {
  background: var(--group-light-interactive-on-light-surface-brand-1-processing) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-2:focus {
  background: var(--group-light-interactive-on-light-surface-brand-2) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-2:hover {
  background: var(--group-light-interactive-on-light-surface-brand-2) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-2:active {
  background: var(--group-light-interactive-on-light-surface-brand-2) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-2-hover:focus {
  background: var(--group-light-interactive-on-light-surface-brand-2-hover) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-2-hover:hover {
  background: var(--group-light-interactive-on-light-surface-brand-2-hover) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-2-hover:active {
  background: var(--group-light-interactive-on-light-surface-brand-2-hover) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-2-pressed:focus {
  background: var(--group-light-interactive-on-light-surface-brand-2-pressed) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-2-pressed:hover {
  background: var(--group-light-interactive-on-light-surface-brand-2-pressed) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-2-pressed:active {
  background: var(--group-light-interactive-on-light-surface-brand-2-pressed) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-2-disabled:focus {
  background: var(--group-light-interactive-on-light-surface-brand-2-disabled) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-2-disabled:hover {
  background: var(--group-light-interactive-on-light-surface-brand-2-disabled) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-2-disabled:active {
  background: var(--group-light-interactive-on-light-surface-brand-2-disabled) !important;
}

.focus\:bg-light-interactive-on-light-surface-brand-2-processing:focus {
  background: var(--group-light-interactive-on-light-surface-brand-2-processing) !important;
}

.hover\:bg-light-interactive-on-light-surface-brand-2-processing:hover {
  background: var(--group-light-interactive-on-light-surface-brand-2-processing) !important;
}

.active\:bg-light-interactive-on-light-surface-brand-2-processing:active {
  background: var(--group-light-interactive-on-light-surface-brand-2-processing) !important;
}

.focus\:bg-dark-interactive-on-light-surface-primary:focus {
  background: var(--group-dark-interactive-on-light-surface-primary) !important;
}

.hover\:bg-dark-interactive-on-light-surface-primary:hover {
  background: var(--group-dark-interactive-on-light-surface-primary) !important;
}

.active\:bg-dark-interactive-on-light-surface-primary:active {
  background: var(--group-dark-interactive-on-light-surface-primary) !important;
}

.focus\:bg-dark-interactive-on-light-surface-primary-hover:focus {
  background: var(--group-dark-interactive-on-light-surface-primary-hover) !important;
}

.hover\:bg-dark-interactive-on-light-surface-primary-hover:hover {
  background: var(--group-dark-interactive-on-light-surface-primary-hover) !important;
}

.active\:bg-dark-interactive-on-light-surface-primary-hover:active {
  background: var(--group-dark-interactive-on-light-surface-primary-hover) !important;
}

.focus\:bg-dark-interactive-on-light-surface-primary-pressed:focus {
  background: var(--group-dark-interactive-on-light-surface-primary-pressed) !important;
}

.hover\:bg-dark-interactive-on-light-surface-primary-pressed:hover {
  background: var(--group-dark-interactive-on-light-surface-primary-pressed) !important;
}

.active\:bg-dark-interactive-on-light-surface-primary-pressed:active {
  background: var(--group-dark-interactive-on-light-surface-primary-pressed) !important;
}

.focus\:bg-dark-interactive-on-light-surface-primary-disabled:focus {
  background: var(--group-dark-interactive-on-light-surface-primary-disabled) !important;
}

.hover\:bg-dark-interactive-on-light-surface-primary-disabled:hover {
  background: var(--group-dark-interactive-on-light-surface-primary-disabled) !important;
}

.active\:bg-dark-interactive-on-light-surface-primary-disabled:active {
  background: var(--group-dark-interactive-on-light-surface-primary-disabled) !important;
}

.focus\:bg-dark-interactive-on-light-surface-primary-processing:focus {
  background: var(--group-dark-interactive-on-light-surface-primary-processing) !important;
}

.hover\:bg-dark-interactive-on-light-surface-primary-processing:hover {
  background: var(--group-dark-interactive-on-light-surface-primary-processing) !important;
}

.active\:bg-dark-interactive-on-light-surface-primary-processing:active {
  background: var(--group-dark-interactive-on-light-surface-primary-processing) !important;
}

.focus\:bg-dark-interactive-on-light-surface-active:focus {
  background: var(--group-dark-interactive-on-light-surface-active) !important;
}

.hover\:bg-dark-interactive-on-light-surface-active:hover {
  background: var(--group-dark-interactive-on-light-surface-active) !important;
}

.active\:bg-dark-interactive-on-light-surface-active:active {
  background: var(--group-dark-interactive-on-light-surface-active) !important;
}

.focus\:bg-dark-interactive-on-light-surface-active-hover:focus {
  background: var(--group-dark-interactive-on-light-surface-active-hover) !important;
}

.hover\:bg-dark-interactive-on-light-surface-active-hover:hover {
  background: var(--group-dark-interactive-on-light-surface-active-hover) !important;
}

.active\:bg-dark-interactive-on-light-surface-active-hover:active {
  background: var(--group-dark-interactive-on-light-surface-active-hover) !important;
}

.focus\:bg-dark-interactive-on-light-surface-active-pressed:focus {
  background: var(--group-dark-interactive-on-light-surface-active-pressed) !important;
}

.hover\:bg-dark-interactive-on-light-surface-active-pressed:hover {
  background: var(--group-dark-interactive-on-light-surface-active-pressed) !important;
}

.active\:bg-dark-interactive-on-light-surface-active-pressed:active {
  background: var(--group-dark-interactive-on-light-surface-active-pressed) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-1:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-1) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-1:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-1) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-1:active {
  background: var(--group-dark-interactive-on-light-surface-brand-1) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-1-hover:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-1-hover) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-1-hover:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-1-hover) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-1-hover:active {
  background: var(--group-dark-interactive-on-light-surface-brand-1-hover) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-1-pressed:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-1-pressed) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-1-pressed:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-1-pressed) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-1-pressed:active {
  background: var(--group-dark-interactive-on-light-surface-brand-1-pressed) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-1-disabled:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-1-disabled) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-1-disabled:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-1-disabled) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-1-disabled:active {
  background: var(--group-dark-interactive-on-light-surface-brand-1-disabled) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-1-processing:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-1-processing) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-1-processing:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-1-processing) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-1-processing:active {
  background: var(--group-dark-interactive-on-light-surface-brand-1-processing) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-2:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-2) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-2:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-2) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-2:active {
  background: var(--group-dark-interactive-on-light-surface-brand-2) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-2-hover:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-2-hover) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-2-hover:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-2-hover) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-2-hover:active {
  background: var(--group-dark-interactive-on-light-surface-brand-2-hover) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-2-pressed:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-2-pressed) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-2-pressed:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-2-pressed) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-2-pressed:active {
  background: var(--group-dark-interactive-on-light-surface-brand-2-pressed) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-2-disabled:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-2-disabled) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-2-disabled:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-2-disabled) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-2-disabled:active {
  background: var(--group-dark-interactive-on-light-surface-brand-2-disabled) !important;
}

.focus\:bg-dark-interactive-on-light-surface-brand-2-processing:focus {
  background: var(--group-dark-interactive-on-light-surface-brand-2-processing) !important;
}

.hover\:bg-dark-interactive-on-light-surface-brand-2-processing:hover {
  background: var(--group-dark-interactive-on-light-surface-brand-2-processing) !important;
}

.active\:bg-dark-interactive-on-light-surface-brand-2-processing:active {
  background: var(--group-dark-interactive-on-light-surface-brand-2-processing) !important;
}

.focus\:bg-light-non-interactive-surface-white:focus {
  background: var(--group-light-non-interactive-surface-white) !important;
}

.hover\:bg-light-non-interactive-surface-white:hover {
  background: var(--group-light-non-interactive-surface-white) !important;
}

.active\:bg-light-non-interactive-surface-white:active {
  background: var(--group-light-non-interactive-surface-white) !important;
}

.focus\:bg-light-non-interactive-surface-neutral-1:focus {
  background: var(--group-light-non-interactive-surface-neutral-1) !important;
}

.hover\:bg-light-non-interactive-surface-neutral-1:hover {
  background: var(--group-light-non-interactive-surface-neutral-1) !important;
}

.active\:bg-light-non-interactive-surface-neutral-1:active {
  background: var(--group-light-non-interactive-surface-neutral-1) !important;
}

.focus\:bg-light-non-interactive-surface-neutral-2:focus {
  background: var(--group-light-non-interactive-surface-neutral-2) !important;
}

.hover\:bg-light-non-interactive-surface-neutral-2:hover {
  background: var(--group-light-non-interactive-surface-neutral-2) !important;
}

.active\:bg-light-non-interactive-surface-neutral-2:active {
  background: var(--group-light-non-interactive-surface-neutral-2) !important;
}

.focus\:bg-light-non-interactive-surface-neutral-3:focus {
  background: var(--group-light-non-interactive-surface-neutral-3) !important;
}

.hover\:bg-light-non-interactive-surface-neutral-3:hover {
  background: var(--group-light-non-interactive-surface-neutral-3) !important;
}

.active\:bg-light-non-interactive-surface-neutral-3:active {
  background: var(--group-light-non-interactive-surface-neutral-3) !important;
}

.focus\:bg-light-non-interactive-surface-neutral-4:focus {
  background: var(--group-light-non-interactive-surface-neutral-4) !important;
}

.hover\:bg-light-non-interactive-surface-neutral-4:hover {
  background: var(--group-light-non-interactive-surface-neutral-4) !important;
}

.active\:bg-light-non-interactive-surface-neutral-4:active {
  background: var(--group-light-non-interactive-surface-neutral-4) !important;
}

.focus\:bg-light-non-interactive-surface-neutral-5:focus {
  background: var(--group-light-non-interactive-surface-neutral-5) !important;
}

.hover\:bg-light-non-interactive-surface-neutral-5:hover {
  background: var(--group-light-non-interactive-surface-neutral-5) !important;
}

.active\:bg-light-non-interactive-surface-neutral-5:active {
  background: var(--group-light-non-interactive-surface-neutral-5) !important;
}

.focus\:bg-light-non-interactive-surface-black:focus {
  background: var(--group-light-non-interactive-surface-black) !important;
}

.hover\:bg-light-non-interactive-surface-black:hover {
  background: var(--group-light-non-interactive-surface-black) !important;
}

.active\:bg-light-non-interactive-surface-black:active {
  background: var(--group-light-non-interactive-surface-black) !important;
}

.focus\:bg-light-non-interactive-surface-brand-1:focus {
  background: var(--group-light-non-interactive-surface-brand-1) !important;
}

.hover\:bg-light-non-interactive-surface-brand-1:hover {
  background: var(--group-light-non-interactive-surface-brand-1) !important;
}

.active\:bg-light-non-interactive-surface-brand-1:active {
  background: var(--group-light-non-interactive-surface-brand-1) !important;
}

.focus\:bg-light-non-interactive-surface-brand-2:focus {
  background: var(--group-light-non-interactive-surface-brand-2) !important;
}

.hover\:bg-light-non-interactive-surface-brand-2:hover {
  background: var(--group-light-non-interactive-surface-brand-2) !important;
}

.active\:bg-light-non-interactive-surface-brand-2:active {
  background: var(--group-light-non-interactive-surface-brand-2) !important;
}

.focus\:bg-light-non-interactive-surface-brand-3:focus {
  background: var(--group-light-non-interactive-surface-brand-3) !important;
}

.hover\:bg-light-non-interactive-surface-brand-3:hover {
  background: var(--group-light-non-interactive-surface-brand-3) !important;
}

.active\:bg-light-non-interactive-surface-brand-3:active {
  background: var(--group-light-non-interactive-surface-brand-3) !important;
}

.focus\:bg-light-rag-surface-error-default-1:focus {
  background: var(--group-light-rag-surface-error-default-1) !important;
}

.hover\:bg-light-rag-surface-error-default-1:hover {
  background: var(--group-light-rag-surface-error-default-1) !important;
}

.active\:bg-light-rag-surface-error-default-1:active {
  background: var(--group-light-rag-surface-error-default-1) !important;
}

.focus\:bg-light-rag-surface-error-default2:focus {
  background: var(--group-light-rag-surface-error-default2) !important;
}

.hover\:bg-light-rag-surface-error-default2:hover {
  background: var(--group-light-rag-surface-error-default2) !important;
}

.active\:bg-light-rag-surface-error-default2:active {
  background: var(--group-light-rag-surface-error-default2) !important;
}

.focus\:bg-light-rag-surface-warning-default-1:focus {
  background: var(--group-light-rag-surface-warning-default-1) !important;
}

.hover\:bg-light-rag-surface-warning-default-1:hover {
  background: var(--group-light-rag-surface-warning-default-1) !important;
}

.active\:bg-light-rag-surface-warning-default-1:active {
  background: var(--group-light-rag-surface-warning-default-1) !important;
}

.focus\:bg-light-rag-surface-warning-default2:focus {
  background: var(--group-light-rag-surface-warning-default2) !important;
}

.hover\:bg-light-rag-surface-warning-default2:hover {
  background: var(--group-light-rag-surface-warning-default2) !important;
}

.active\:bg-light-rag-surface-warning-default2:active {
  background: var(--group-light-rag-surface-warning-default2) !important;
}

.focus\:bg-light-rag-surface-success-default-1:focus {
  background: var(--group-light-rag-surface-success-default-1) !important;
}

.hover\:bg-light-rag-surface-success-default-1:hover {
  background: var(--group-light-rag-surface-success-default-1) !important;
}

.active\:bg-light-rag-surface-success-default-1:active {
  background: var(--group-light-rag-surface-success-default-1) !important;
}

.focus\:bg-light-rag-surface-success-default2:focus {
  background: var(--group-light-rag-surface-success-default2) !important;
}

.hover\:bg-light-rag-surface-success-default2:hover {
  background: var(--group-light-rag-surface-success-default2) !important;
}

.active\:bg-light-rag-surface-success-default2:active {
  background: var(--group-light-rag-surface-success-default2) !important;
}

.focus\:bg-light-rag-surface-information-default-1:focus {
  background: var(--group-light-rag-surface-information-default-1) !important;
}

.hover\:bg-light-rag-surface-information-default-1:hover {
  background: var(--group-light-rag-surface-information-default-1) !important;
}

.active\:bg-light-rag-surface-information-default-1:active {
  background: var(--group-light-rag-surface-information-default-1) !important;
}

.focus\:bg-light-rag-surface-information-default2:focus {
  background: var(--group-light-rag-surface-information-default2) !important;
}

.hover\:bg-light-rag-surface-information-default2:hover {
  background: var(--group-light-rag-surface-information-default2) !important;
}

.active\:bg-light-rag-surface-information-default2:active {
  background: var(--group-light-rag-surface-information-default2) !important;
}

.focus\:bg-dark-rag-surface-error-default-1:focus {
  background: var(--group-dark-rag-surface-error-default-1) !important;
}

.hover\:bg-dark-rag-surface-error-default-1:hover {
  background: var(--group-dark-rag-surface-error-default-1) !important;
}

.active\:bg-dark-rag-surface-error-default-1:active {
  background: var(--group-dark-rag-surface-error-default-1) !important;
}

.focus\:bg-dark-rag-surface-error-default2:focus {
  background: var(--group-dark-rag-surface-error-default2) !important;
}

.hover\:bg-dark-rag-surface-error-default2:hover {
  background: var(--group-dark-rag-surface-error-default2) !important;
}

.active\:bg-dark-rag-surface-error-default2:active {
  background: var(--group-dark-rag-surface-error-default2) !important;
}

.focus\:bg-dark-rag-surface-warning-default-1:focus {
  background: var(--group-dark-rag-surface-warning-default-1) !important;
}

.hover\:bg-dark-rag-surface-warning-default-1:hover {
  background: var(--group-dark-rag-surface-warning-default-1) !important;
}

.active\:bg-dark-rag-surface-warning-default-1:active {
  background: var(--group-dark-rag-surface-warning-default-1) !important;
}

.focus\:bg-dark-rag-surface-warning-default2:focus {
  background: var(--group-dark-rag-surface-warning-default2) !important;
}

.hover\:bg-dark-rag-surface-warning-default2:hover {
  background: var(--group-dark-rag-surface-warning-default2) !important;
}

.active\:bg-dark-rag-surface-warning-default2:active {
  background: var(--group-dark-rag-surface-warning-default2) !important;
}

.focus\:bg-dark-rag-surface-success-default-1:focus {
  background: var(--group-dark-rag-surface-success-default-1) !important;
}

.hover\:bg-dark-rag-surface-success-default-1:hover {
  background: var(--group-dark-rag-surface-success-default-1) !important;
}

.active\:bg-dark-rag-surface-success-default-1:active {
  background: var(--group-dark-rag-surface-success-default-1) !important;
}

.focus\:bg-dark-rag-surface-success-default2:focus {
  background: var(--group-dark-rag-surface-success-default2) !important;
}

.hover\:bg-dark-rag-surface-success-default2:hover {
  background: var(--group-dark-rag-surface-success-default2) !important;
}

.active\:bg-dark-rag-surface-success-default2:active {
  background: var(--group-dark-rag-surface-success-default2) !important;
}

.focus\:bg-dark-rag-surface-information-default-1:focus {
  background: var(--group-dark-rag-surface-information-default-1) !important;
}

.hover\:bg-dark-rag-surface-information-default-1:hover {
  background: var(--group-dark-rag-surface-information-default-1) !important;
}

.active\:bg-dark-rag-surface-information-default-1:active {
  background: var(--group-dark-rag-surface-information-default-1) !important;
}

.focus\:bg-dark-rag-surface-information-default2:focus {
  background: var(--group-dark-rag-surface-information-default2) !important;
}

.hover\:bg-dark-rag-surface-information-default2:hover {
  background: var(--group-dark-rag-surface-information-default2) !important;
}

.active\:bg-dark-rag-surface-information-default2:active {
  background: var(--group-dark-rag-surface-information-default2) !important;
}

.focus\:bg-light-interactive-on-dark-surface-primary:focus {
  background: var(--group-light-interactive-on-dark-surface-primary) !important;
}

.hover\:bg-light-interactive-on-dark-surface-primary:hover {
  background: var(--group-light-interactive-on-dark-surface-primary) !important;
}

.active\:bg-light-interactive-on-dark-surface-primary:active {
  background: var(--group-light-interactive-on-dark-surface-primary) !important;
}

.focus\:bg-light-interactive-on-dark-surface-primary-hover:focus {
  background: var(--group-light-interactive-on-dark-surface-primary-hover) !important;
}

.hover\:bg-light-interactive-on-dark-surface-primary-hover:hover {
  background: var(--group-light-interactive-on-dark-surface-primary-hover) !important;
}

.active\:bg-light-interactive-on-dark-surface-primary-hover:active {
  background: var(--group-light-interactive-on-dark-surface-primary-hover) !important;
}

.focus\:bg-light-interactive-on-dark-surface-primary-pressed:focus {
  background: var(--group-light-interactive-on-dark-surface-primary-pressed) !important;
}

.hover\:bg-light-interactive-on-dark-surface-primary-pressed:hover {
  background: var(--group-light-interactive-on-dark-surface-primary-pressed) !important;
}

.active\:bg-light-interactive-on-dark-surface-primary-pressed:active {
  background: var(--group-light-interactive-on-dark-surface-primary-pressed) !important;
}

.focus\:bg-light-interactive-on-dark-surface-primary-disabled:focus {
  background: var(--group-light-interactive-on-dark-surface-primary-disabled) !important;
}

.hover\:bg-light-interactive-on-dark-surface-primary-disabled:hover {
  background: var(--group-light-interactive-on-dark-surface-primary-disabled) !important;
}

.active\:bg-light-interactive-on-dark-surface-primary-disabled:active {
  background: var(--group-light-interactive-on-dark-surface-primary-disabled) !important;
}

.focus\:bg-light-interactive-on-dark-surface-active:focus {
  background: var(--group-light-interactive-on-dark-surface-active) !important;
}

.hover\:bg-light-interactive-on-dark-surface-active:hover {
  background: var(--group-light-interactive-on-dark-surface-active) !important;
}

.active\:bg-light-interactive-on-dark-surface-active:active {
  background: var(--group-light-interactive-on-dark-surface-active) !important;
}

.focus\:bg-light-interactive-on-dark-surface-active-hover:focus {
  background: var(--group-light-interactive-on-dark-surface-active-hover) !important;
}

.hover\:bg-light-interactive-on-dark-surface-active-hover:hover {
  background: var(--group-light-interactive-on-dark-surface-active-hover) !important;
}

.active\:bg-light-interactive-on-dark-surface-active-hover:active {
  background: var(--group-light-interactive-on-dark-surface-active-hover) !important;
}

.focus\:bg-light-interactive-on-dark-surface-active-pressed:focus {
  background: var(--group-light-interactive-on-dark-surface-active-pressed) !important;
}

.hover\:bg-light-interactive-on-dark-surface-active-pressed:hover {
  background: var(--group-light-interactive-on-dark-surface-active-pressed) !important;
}

.active\:bg-light-interactive-on-dark-surface-active-pressed:active {
  background: var(--group-light-interactive-on-dark-surface-active-pressed) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-1:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-1) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-1:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-1) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-1:active {
  background: var(--group-light-interactive-on-dark-surface-brand-1) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-1-hover:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-1-hover) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-1-hover:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-1-hover) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-1-hover:active {
  background: var(--group-light-interactive-on-dark-surface-brand-1-hover) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-1-pressed:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-1-pressed) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-1-pressed:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-1-pressed) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-1-pressed:active {
  background: var(--group-light-interactive-on-dark-surface-brand-1-pressed) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-1-disabled:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-1-disabled) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-1-disabled:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-1-disabled) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-1-disabled:active {
  background: var(--group-light-interactive-on-dark-surface-brand-1-disabled) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-1-processing:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-1-processing) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-1-processing:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-1-processing) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-1-processing:active {
  background: var(--group-light-interactive-on-dark-surface-brand-1-processing) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-2:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-2) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-2:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-2) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-2:active {
  background: var(--group-light-interactive-on-dark-surface-brand-2) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-2-hover:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-2-hover) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-2-hover:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-2-hover) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-2-hover:active {
  background: var(--group-light-interactive-on-dark-surface-brand-2-hover) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-2-pressed:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-2-pressed) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-2-pressed:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-2-pressed) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-2-pressed:active {
  background: var(--group-light-interactive-on-dark-surface-brand-2-pressed) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-2-disabled:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-2-disabled) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-2-disabled:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-2-disabled) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-2-disabled:active {
  background: var(--group-light-interactive-on-dark-surface-brand-2-disabled) !important;
}

.focus\:bg-light-interactive-on-dark-surface-brand-2-processing:focus {
  background: var(--group-light-interactive-on-dark-surface-brand-2-processing) !important;
}

.hover\:bg-light-interactive-on-dark-surface-brand-2-processing:hover {
  background: var(--group-light-interactive-on-dark-surface-brand-2-processing) !important;
}

.active\:bg-light-interactive-on-dark-surface-brand-2-processing:active {
  background: var(--group-light-interactive-on-dark-surface-brand-2-processing) !important;
}

.focus\:bg-core-primary:focus {
  background: var(--group-color-base-core-primary) !important;
}

.hover\:bg-core-primary:hover {
  background: var(--group-color-base-core-primary) !important;
}

.active\:bg-core-primary:active {
  background: var(--group-color-base-core-primary) !important;
}

.focus\:bg-white:focus {
  background: var(--group-color-base-white) !important;
}

.hover\:bg-white:hover {
  background: var(--group-color-base-white) !important;
}

.active\:bg-white:active {
  background: var(--group-color-base-white) !important;
}

.focus\:bg-black:focus {
  background: var(--group-color-base-black) !important;
}

.hover\:bg-black:hover {
  background: var(--group-color-base-black) !important;
}

.active\:bg-black:active {
  background: var(--group-color-base-black) !important;
}

.focus\:bg-neutral-1:focus {
  background: var(--group-color-base-neutral-1) !important;
}

.hover\:bg-neutral-1:hover {
  background: var(--group-color-base-neutral-1) !important;
}

.active\:bg-neutral-1:active {
  background: var(--group-color-base-neutral-1) !important;
}

.focus\:bg-neutral-2:focus {
  background: var(--group-color-base-neutral-2) !important;
}

.hover\:bg-neutral-2:hover {
  background: var(--group-color-base-neutral-2) !important;
}

.active\:bg-neutral-2:active {
  background: var(--group-color-base-neutral-2) !important;
}

.focus\:bg-neutral-3:focus {
  background: var(--group-color-base-neutral-3) !important;
}

.hover\:bg-neutral-3:hover {
  background: var(--group-color-base-neutral-3) !important;
}

.active\:bg-neutral-3:active {
  background: var(--group-color-base-neutral-3) !important;
}

.focus\:bg-neutral-4:focus {
  background: var(--group-color-base-neutral-4) !important;
}

.hover\:bg-neutral-4:hover {
  background: var(--group-color-base-neutral-4) !important;
}

.active\:bg-neutral-4:active {
  background: var(--group-color-base-neutral-4) !important;
}

.focus\:bg-neutral-5:focus {
  background: var(--group-color-base-neutral-5) !important;
}

.hover\:bg-neutral-5:hover {
  background: var(--group-color-base-neutral-5) !important;
}

.active\:bg-neutral-5:active {
  background: var(--group-color-base-neutral-5) !important;
}

.focus\:bg-info-default-1:focus {
  background: var(--group-color-base-info-default-1) !important;
}

.hover\:bg-info-default-1:hover {
  background: var(--group-color-base-info-default-1) !important;
}

.active\:bg-info-default-1:active {
  background: var(--group-color-base-info-default-1) !important;
}

.focus\:bg-info-default-2:focus {
  background: var(--group-color-base-info-default-2) !important;
}

.hover\:bg-info-default-2:hover {
  background: var(--group-color-base-info-default-2) !important;
}

.active\:bg-info-default-2:active {
  background: var(--group-color-base-info-default-2) !important;
}

.focus\:bg-success-default-1:focus {
  background: var(--group-color-base-success-default-1) !important;
}

.hover\:bg-success-default-1:hover {
  background: var(--group-color-base-success-default-1) !important;
}

.active\:bg-success-default-1:active {
  background: var(--group-color-base-success-default-1) !important;
}

.focus\:bg-success-default-2:focus {
  background: var(--group-color-base-success-default-2) !important;
}

.hover\:bg-success-default-2:hover {
  background: var(--group-color-base-success-default-2) !important;
}

.active\:bg-success-default-2:active {
  background: var(--group-color-base-success-default-2) !important;
}

.focus\:bg-warning-default-1:focus {
  background: var(--group-color-base-warning-default-1) !important;
}

.hover\:bg-warning-default-1:hover {
  background: var(--group-color-base-warning-default-1) !important;
}

.active\:bg-warning-default-1:active {
  background: var(--group-color-base-warning-default-1) !important;
}

.focus\:bg-warning-default-2:focus {
  background: var(--group-color-base-warning-default-2) !important;
}

.hover\:bg-warning-default-2:hover {
  background: var(--group-color-base-warning-default-2) !important;
}

.active\:bg-warning-default-2:active {
  background: var(--group-color-base-warning-default-2) !important;
}

.focus\:bg-error-default-1:focus {
  background: var(--group-color-base-error-default-1) !important;
}

.hover\:bg-error-default-1:hover {
  background: var(--group-color-base-error-default-1) !important;
}

.active\:bg-error-default-1:active {
  background: var(--group-color-base-error-default-1) !important;
}

.focus\:bg-error-default-2:focus {
  background: var(--group-color-base-error-default-2) !important;
}

.hover\:bg-error-default-2:hover {
  background: var(--group-color-base-error-default-2) !important;
}

.active\:bg-error-default-2:active {
  background: var(--group-color-base-error-default-2) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-primary:focus {
  background: var(--group-dark-interactive-on-dark-surface-primary) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-primary:hover {
  background: var(--group-dark-interactive-on-dark-surface-primary) !important;
}

.active\:bg-dark-interactive-on-dark-surface-primary:active {
  background: var(--group-dark-interactive-on-dark-surface-primary) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-primary-hover:focus {
  background: var(--group-dark-interactive-on-dark-surface-primary-hover) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-primary-hover:hover {
  background: var(--group-dark-interactive-on-dark-surface-primary-hover) !important;
}

.active\:bg-dark-interactive-on-dark-surface-primary-hover:active {
  background: var(--group-dark-interactive-on-dark-surface-primary-hover) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-primary-pressed:focus {
  background: var(--group-dark-interactive-on-dark-surface-primary-pressed) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-primary-pressed:hover {
  background: var(--group-dark-interactive-on-dark-surface-primary-pressed) !important;
}

.active\:bg-dark-interactive-on-dark-surface-primary-pressed:active {
  background: var(--group-dark-interactive-on-dark-surface-primary-pressed) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-primary-disabled:focus {
  background: var(--group-dark-interactive-on-dark-surface-primary-disabled) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-primary-disabled:hover {
  background: var(--group-dark-interactive-on-dark-surface-primary-disabled) !important;
}

.active\:bg-dark-interactive-on-dark-surface-primary-disabled:active {
  background: var(--group-dark-interactive-on-dark-surface-primary-disabled) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-active:focus {
  background: var(--group-dark-interactive-on-dark-surface-active) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-active:hover {
  background: var(--group-dark-interactive-on-dark-surface-active) !important;
}

.active\:bg-dark-interactive-on-dark-surface-active:active {
  background: var(--group-dark-interactive-on-dark-surface-active) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-active-hover:focus {
  background: var(--group-dark-interactive-on-dark-surface-active-hover) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-active-hover:hover {
  background: var(--group-dark-interactive-on-dark-surface-active-hover) !important;
}

.active\:bg-dark-interactive-on-dark-surface-active-hover:active {
  background: var(--group-dark-interactive-on-dark-surface-active-hover) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-active-pressed:focus {
  background: var(--group-dark-interactive-on-dark-surface-active-pressed) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-active-pressed:hover {
  background: var(--group-dark-interactive-on-dark-surface-active-pressed) !important;
}

.active\:bg-dark-interactive-on-dark-surface-active-pressed:active {
  background: var(--group-dark-interactive-on-dark-surface-active-pressed) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-1:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-1) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-1:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-1) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-1:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-1) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-1-hover:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-hover) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-1-hover:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-hover) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-1-hover:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-hover) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-1-pressed:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-pressed) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-1-pressed:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-pressed) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-1-pressed:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-pressed) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-1-disabled:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-disabled) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-1-disabled:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-disabled) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-1-disabled:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-disabled) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-1-processing:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-processing) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-1-processing:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-processing) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-1-processing:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-processing) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-2:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-2) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-2:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-2) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-2:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-2) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-2-hover:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-hover) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-2-hover:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-hover) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-2-hover:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-hover) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-2-pressed:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-pressed) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-2-pressed:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-pressed) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-2-pressed:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-pressed) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-2-disabled:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-disabled) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-2-disabled:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-disabled) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-2-disabled:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-disabled) !important;
}

.focus\:bg-dark-interactive-on-dark-surface-brand-2-processing:focus {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-processing) !important;
}

.hover\:bg-dark-interactive-on-dark-surface-brand-2-processing:hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-processing) !important;
}

.active\:bg-dark-interactive-on-dark-surface-brand-2-processing:active {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-processing) !important;
}

.focus\:bg-transparent:focus {
  background: transparent !important;
}

.hover\:bg-transparent:hover {
  background: transparent !important;
}

.active\:bg-transparent:active {
  background: transparent !important;
}

.bg-transparent {
  background: transparent !important;
}

.border {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.border-light-non-interactive-border-white {
  border-color: var(--group-light-non-interactive-border-white) !important;
  border-style: solid;
}

.border-light-non-interactive-border-neutral-1 {
  border-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-style: solid;
}

.border-light-non-interactive-border-neutral-2 {
  border-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-style: solid;
}

.border-light-non-interactive-border-neutral-3 {
  border-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-style: solid;
}

.border-light-non-interactive-border-neutral-4 {
  border-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-style: solid;
}

.border-light-non-interactive-border-neutral-5 {
  border-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-style: solid;
}

.border-light-non-interactive-border-black {
  border-color: var(--group-light-non-interactive-border-black) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.focus\:border-light-non-interactive-border-white:focus {
  border-color: var(--group-light-non-interactive-border-white) !important;
  border-style: solid;
}

.hover\:border-light-non-interactive-border-white:hover {
  border-color: var(--group-light-non-interactive-border-white) !important;
  border-style: solid;
}

.active\:border-light-non-interactive-border-white:active {
  border-color: var(--group-light-non-interactive-border-white) !important;
  border-style: solid;
}

.focus\:border-light-non-interactive-border-neutral-1:focus {
  border-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-style: solid;
}

.hover\:border-light-non-interactive-border-neutral-1:hover {
  border-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-style: solid;
}

.active\:border-light-non-interactive-border-neutral-1:active {
  border-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-style: solid;
}

.focus\:border-light-non-interactive-border-neutral-2:focus {
  border-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-style: solid;
}

.hover\:border-light-non-interactive-border-neutral-2:hover {
  border-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-style: solid;
}

.active\:border-light-non-interactive-border-neutral-2:active {
  border-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-style: solid;
}

.focus\:border-light-non-interactive-border-neutral-3:focus {
  border-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-style: solid;
}

.hover\:border-light-non-interactive-border-neutral-3:hover {
  border-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-style: solid;
}

.active\:border-light-non-interactive-border-neutral-3:active {
  border-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-style: solid;
}

.focus\:border-light-non-interactive-border-neutral-4:focus {
  border-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-style: solid;
}

.hover\:border-light-non-interactive-border-neutral-4:hover {
  border-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-style: solid;
}

.active\:border-light-non-interactive-border-neutral-4:active {
  border-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-style: solid;
}

.focus\:border-light-non-interactive-border-neutral-5:focus {
  border-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-style: solid;
}

.hover\:border-light-non-interactive-border-neutral-5:hover {
  border-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-style: solid;
}

.active\:border-light-non-interactive-border-neutral-5:active {
  border-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-style: solid;
}

.focus\:border-light-non-interactive-border-black:focus {
  border-color: var(--group-light-non-interactive-border-black) !important;
  border-style: solid;
}

.hover\:border-light-non-interactive-border-black:hover {
  border-color: var(--group-light-non-interactive-border-black) !important;
  border-style: solid;
}

.active\:border-light-non-interactive-border-black:active {
  border-color: var(--group-light-non-interactive-border-black) !important;
  border-style: solid;
}

.border {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.border-dark-non-interactive-border-white {
  border-color: var(--group-dark-non-interactive-border-white) !important;
  border-style: solid;
}

.border-dark-non-interactive-border-neutral-1 {
  border-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-style: solid;
}

.border-dark-non-interactive-border-neutral-2 {
  border-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-style: solid;
}

.border-dark-non-interactive-border-neutral-3 {
  border-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-style: solid;
}

.border-dark-non-interactive-border-neutral-4 {
  border-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-style: solid;
}

.border-dark-non-interactive-border-neutral-5 {
  border-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-style: solid;
}

.border-dark-non-interactive-border-black {
  border-color: var(--group-dark-non-interactive-border-black) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.focus\:border-dark-non-interactive-border-white:focus {
  border-color: var(--group-dark-non-interactive-border-white) !important;
  border-style: solid;
}

.hover\:border-dark-non-interactive-border-white:hover {
  border-color: var(--group-dark-non-interactive-border-white) !important;
  border-style: solid;
}

.active\:border-dark-non-interactive-border-white:active {
  border-color: var(--group-dark-non-interactive-border-white) !important;
  border-style: solid;
}

.focus\:border-dark-non-interactive-border-neutral-1:focus {
  border-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-style: solid;
}

.hover\:border-dark-non-interactive-border-neutral-1:hover {
  border-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-style: solid;
}

.active\:border-dark-non-interactive-border-neutral-1:active {
  border-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-style: solid;
}

.focus\:border-dark-non-interactive-border-neutral-2:focus {
  border-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-style: solid;
}

.hover\:border-dark-non-interactive-border-neutral-2:hover {
  border-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-style: solid;
}

.active\:border-dark-non-interactive-border-neutral-2:active {
  border-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-style: solid;
}

.focus\:border-dark-non-interactive-border-neutral-3:focus {
  border-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-style: solid;
}

.hover\:border-dark-non-interactive-border-neutral-3:hover {
  border-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-style: solid;
}

.active\:border-dark-non-interactive-border-neutral-3:active {
  border-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-style: solid;
}

.focus\:border-dark-non-interactive-border-neutral-4:focus {
  border-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-style: solid;
}

.hover\:border-dark-non-interactive-border-neutral-4:hover {
  border-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-style: solid;
}

.active\:border-dark-non-interactive-border-neutral-4:active {
  border-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-style: solid;
}

.focus\:border-dark-non-interactive-border-neutral-5:focus {
  border-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-style: solid;
}

.hover\:border-dark-non-interactive-border-neutral-5:hover {
  border-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-style: solid;
}

.active\:border-dark-non-interactive-border-neutral-5:active {
  border-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-style: solid;
}

.focus\:border-dark-non-interactive-border-black:focus {
  border-color: var(--group-dark-non-interactive-border-black) !important;
  border-style: solid;
}

.hover\:border-dark-non-interactive-border-black:hover {
  border-color: var(--group-dark-non-interactive-border-black) !important;
  border-style: solid;
}

.active\:border-dark-non-interactive-border-black:active {
  border-color: var(--group-dark-non-interactive-border-black) !important;
  border-style: solid;
}

.border {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-low-contrast {
  border-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-low-contrast-hover {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-low-contrast-pressed {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-low-contrast-disabled {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-high-contrast {
  border-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-high-contrast-hover {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-high-contrast-pressed {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-high-contrast-disabled {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-active {
  border-color: var(--group-light-interactive-on-light-border-active) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-active-hover {
  border-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-active-pressed {
  border-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-brand-1 {
  border-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-brand-1-hover {
  border-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-brand-1-pressed {
  border-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-brand-2 {
  border-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-brand-2-hover {
  border-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-brand-2-pressed {
  border-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-brand-2-disabled {
  border-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-style: solid;
}

.border-light-interactive-on-light-border-brand-2-processing {
  border-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-low-contrast:focus {
  border-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-low-contrast:hover {
  border-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-low-contrast:active {
  border-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-low-contrast-hover:focus {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-low-contrast-hover:hover {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-low-contrast-hover:active {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-low-contrast-pressed:focus {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-low-contrast-pressed:hover {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-low-contrast-pressed:active {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-low-contrast-disabled:focus {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-low-contrast-disabled:hover {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-low-contrast-disabled:active {
  border-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-high-contrast:focus {
  border-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-high-contrast:hover {
  border-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-high-contrast:active {
  border-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-high-contrast-hover:focus {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-high-contrast-hover:hover {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-high-contrast-hover:active {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-high-contrast-pressed:focus {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-high-contrast-pressed:hover {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-high-contrast-pressed:active {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-high-contrast-disabled:focus {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-high-contrast-disabled:hover {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-high-contrast-disabled:active {
  border-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-active:focus {
  border-color: var(--group-light-interactive-on-light-border-active) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-active:hover {
  border-color: var(--group-light-interactive-on-light-border-active) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-active:active {
  border-color: var(--group-light-interactive-on-light-border-active) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-active-hover:focus {
  border-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-active-hover:hover {
  border-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-active-hover:active {
  border-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-active-pressed:focus {
  border-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-active-pressed:hover {
  border-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-active-pressed:active {
  border-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-brand-1:focus {
  border-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-brand-1:hover {
  border-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-brand-1:active {
  border-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-brand-1-hover:focus {
  border-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-brand-1-hover:hover {
  border-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-brand-1-hover:active {
  border-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-brand-1-pressed:focus {
  border-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-brand-1-pressed:hover {
  border-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-brand-1-pressed:active {
  border-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-brand-2:focus {
  border-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-brand-2:hover {
  border-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-brand-2:active {
  border-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-brand-2-hover:focus {
  border-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-brand-2-hover:hover {
  border-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-brand-2-hover:active {
  border-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-brand-2-pressed:focus {
  border-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-brand-2-pressed:hover {
  border-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-brand-2-pressed:active {
  border-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-brand-2-disabled:focus {
  border-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-brand-2-disabled:hover {
  border-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-brand-2-disabled:active {
  border-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-light-border-brand-2-processing:focus {
  border-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-light-border-brand-2-processing:hover {
  border-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-light-border-brand-2-processing:active {
  border-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-style: solid;
}

.border {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-low-contrast {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-low-contrast-hover {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-low-contrast-pressed {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-low-contrast-disabled {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-high-contrast {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-high-contrast-hover {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-high-contrast-pressed {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-high-contrast-disabled {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-active {
  border-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-active-hover {
  border-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-active-pressed {
  border-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-2 {
  border-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-2-hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-2-pressed {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-2-disabled {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-2-processing {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-1 {
  border-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-1-hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-1-pressed {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-1-disabled {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-style: solid;
}

.border-light-interactive-on-dark-border-brand-1-processing {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-low-contrast:focus {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-low-contrast:hover {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-low-contrast:active {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-low-contrast-hover:focus {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-low-contrast-hover:hover {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-low-contrast-hover:active {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-low-contrast-pressed:focus {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-low-contrast-pressed:hover {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-low-contrast-pressed:active {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-low-contrast-disabled:focus {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-low-contrast-disabled:hover {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-low-contrast-disabled:active {
  border-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-high-contrast:focus {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-high-contrast:hover {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-high-contrast:active {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-high-contrast-hover:focus {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-high-contrast-hover:hover {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-high-contrast-hover:active {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-high-contrast-pressed:focus {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-high-contrast-pressed:hover {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-high-contrast-pressed:active {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-high-contrast-disabled:focus {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-high-contrast-disabled:hover {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-high-contrast-disabled:active {
  border-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-active:focus {
  border-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-active:hover {
  border-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-active:active {
  border-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-active-hover:focus {
  border-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-active-hover:hover {
  border-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-active-hover:active {
  border-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-active-pressed:focus {
  border-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-active-pressed:hover {
  border-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-active-pressed:active {
  border-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-2:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-2:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-2:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-2-hover:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-2-hover:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-2-hover:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-2-pressed:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-2-pressed:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-2-pressed:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-2-disabled:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-2-disabled:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-2-disabled:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-2-processing:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-2-processing:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-2-processing:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-1:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-1:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-1:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-1-hover:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-1-hover:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-1-hover:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-1-pressed:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-1-pressed:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-1-pressed:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-1-disabled:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-1-disabled:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-1-disabled:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-style: solid;
}

.focus\:border-light-interactive-on-dark-border-brand-1-processing:focus {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-style: solid;
}

.hover\:border-light-interactive-on-dark-border-brand-1-processing:hover {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-style: solid;
}

.active\:border-light-interactive-on-dark-border-brand-1-processing:active {
  border-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-style: solid;
}

.border {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-low-contrast {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-low-contrast-hover {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-low-contrast-pressed {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-low-contrast-disabled {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-high-contrast {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-high-contrast-hover {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-high-contrast-pressed {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-high-contrast-disabled {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-active {
  border-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-active-hover {
  border-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-active-pressed {
  border-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-brand-1 {
  border-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-brand-1-hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-brand-1-pressed {
  border-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-brand-2 {
  border-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-brand-2-hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-brand-2-pressed {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-brand-2-disabled {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-style: solid;
}

.border-dark-interactive-on-light-border-brand-2-processing {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-low-contrast:focus {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-low-contrast:hover {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-low-contrast:active {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-low-contrast-hover:focus {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-low-contrast-hover:hover {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-low-contrast-hover:active {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-low-contrast-pressed:focus {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-low-contrast-pressed:hover {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-low-contrast-pressed:active {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-low-contrast-disabled:focus {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-low-contrast-disabled:hover {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-low-contrast-disabled:active {
  border-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-high-contrast:focus {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-high-contrast:hover {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-high-contrast:active {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-high-contrast-hover:focus {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-high-contrast-hover:hover {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-high-contrast-hover:active {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-high-contrast-pressed:focus {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-high-contrast-pressed:hover {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-high-contrast-pressed:active {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-high-contrast-disabled:focus {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-high-contrast-disabled:hover {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-high-contrast-disabled:active {
  border-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-active:focus {
  border-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-active:hover {
  border-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-active:active {
  border-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-active-hover:focus {
  border-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-active-hover:hover {
  border-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-active-hover:active {
  border-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-active-pressed:focus {
  border-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-active-pressed:hover {
  border-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-active-pressed:active {
  border-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-brand-1:focus {
  border-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-brand-1:hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-brand-1:active {
  border-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-brand-1-hover:focus {
  border-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-brand-1-hover:hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-brand-1-hover:active {
  border-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-brand-1-pressed:focus {
  border-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-brand-1-pressed:hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-brand-1-pressed:active {
  border-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-brand-2:focus {
  border-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-brand-2:hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-brand-2:active {
  border-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-brand-2-hover:focus {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-brand-2-hover:hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-brand-2-hover:active {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-brand-2-pressed:focus {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-brand-2-pressed:hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-brand-2-pressed:active {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-brand-2-disabled:focus {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-brand-2-disabled:hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-brand-2-disabled:active {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-light-border-brand-2-processing:focus {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-light-border-brand-2-processing:hover {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-light-border-brand-2-processing:active {
  border-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-style: solid;
}

.border {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-low-contrast {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-low-contrast-hover {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-low-contrast-pressed {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-low-contrast-disabled {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-high-contrast {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-high-contrast-hover {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-high-contrast-pressed {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-high-contrast-disabled {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-active {
  border-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-active-hover {
  border-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-active-pressed {
  border-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-2 {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-2-hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-2-pressed {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-2-disabled {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-2-processing {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-1 {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-1-hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-1-pressed {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-1-disabled {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-style: solid;
}

.border-dark-interactive-on-dark-border-brand-1-processing {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-low-contrast:focus {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-low-contrast:hover {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-low-contrast:active {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-low-contrast-hover:focus {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-low-contrast-hover:hover {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-low-contrast-hover:active {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-low-contrast-pressed:focus {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-low-contrast-pressed:hover {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-low-contrast-pressed:active {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-low-contrast-disabled:focus {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-low-contrast-disabled:hover {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-low-contrast-disabled:active {
  border-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-high-contrast:focus {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-high-contrast:hover {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-high-contrast:active {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-high-contrast-hover:focus {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-high-contrast-hover:hover {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-high-contrast-hover:active {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-high-contrast-pressed:focus {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-high-contrast-pressed:hover {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-high-contrast-pressed:active {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-high-contrast-disabled:focus {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-high-contrast-disabled:hover {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-high-contrast-disabled:active {
  border-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-active:focus {
  border-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-active:hover {
  border-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-active:active {
  border-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-active-hover:focus {
  border-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-active-hover:hover {
  border-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-active-hover:active {
  border-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-active-pressed:focus {
  border-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-active-pressed:hover {
  border-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-active-pressed:active {
  border-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-2:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-2:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-2:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-2-hover:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-2-hover:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-2-hover:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-2-pressed:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-2-pressed:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-2-pressed:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-2-disabled:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-2-disabled:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-2-disabled:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-2-processing:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-2-processing:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-2-processing:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-1:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-1:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-1:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-1-hover:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-1-hover:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-1-hover:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-1-pressed:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-1-pressed:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-1-pressed:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-1-disabled:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-1-disabled:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-1-disabled:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-style: solid;
}

.focus\:border-dark-interactive-on-dark-border-brand-1-processing:focus {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-style: solid;
}

.hover\:border-dark-interactive-on-dark-border-brand-1-processing:hover {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-style: solid;
}

.active\:border-dark-interactive-on-dark-border-brand-1-processing:active {
  border-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-style: solid;
}

.border {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.border-light-rag-border-error {
  border-color: var(--group-light-rag-border-error) !important;
  border-style: solid;
}

.border-light-rag-border-warning {
  border-color: var(--group-light-rag-border-warning) !important;
  border-style: solid;
}

.border-light-rag-border-success {
  border-color: var(--group-light-rag-border-success) !important;
  border-style: solid;
}

.border-light-rag-border-information {
  border-color: var(--group-light-rag-border-information) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.focus\:border-light-rag-border-error:focus {
  border-color: var(--group-light-rag-border-error) !important;
  border-style: solid;
}

.hover\:border-light-rag-border-error:hover {
  border-color: var(--group-light-rag-border-error) !important;
  border-style: solid;
}

.active\:border-light-rag-border-error:active {
  border-color: var(--group-light-rag-border-error) !important;
  border-style: solid;
}

.focus\:border-light-rag-border-warning:focus {
  border-color: var(--group-light-rag-border-warning) !important;
  border-style: solid;
}

.hover\:border-light-rag-border-warning:hover {
  border-color: var(--group-light-rag-border-warning) !important;
  border-style: solid;
}

.active\:border-light-rag-border-warning:active {
  border-color: var(--group-light-rag-border-warning) !important;
  border-style: solid;
}

.focus\:border-light-rag-border-success:focus {
  border-color: var(--group-light-rag-border-success) !important;
  border-style: solid;
}

.hover\:border-light-rag-border-success:hover {
  border-color: var(--group-light-rag-border-success) !important;
  border-style: solid;
}

.active\:border-light-rag-border-success:active {
  border-color: var(--group-light-rag-border-success) !important;
  border-style: solid;
}

.focus\:border-light-rag-border-information:focus {
  border-color: var(--group-light-rag-border-information) !important;
  border-style: solid;
}

.hover\:border-light-rag-border-information:hover {
  border-color: var(--group-light-rag-border-information) !important;
  border-style: solid;
}

.active\:border-light-rag-border-information:active {
  border-color: var(--group-light-rag-border-information) !important;
  border-style: solid;
}

.border {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.border-dark-rag-border-error {
  border-color: var(--group-dark-rag-border-error) !important;
  border-style: solid;
}

.border-dark-rag-border-warning {
  border-color: var(--group-dark-rag-border-warning) !important;
  border-style: solid;
}

.border-dark-rag-border-success {
  border-color: var(--group-dark-rag-border-success) !important;
  border-style: solid;
}

.border-dark-rag-border-information {
  border-color: var(--group-dark-rag-border-information) !important;
  border-style: solid;
}

.focus\:border:focus {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.hover\:border:hover {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.active\:border:active {
  border-color: var(--group-color-base-neutral-3) !important;
  border-style: solid;
}

.focus\:border-dark-rag-border-error:focus {
  border-color: var(--group-dark-rag-border-error) !important;
  border-style: solid;
}

.hover\:border-dark-rag-border-error:hover {
  border-color: var(--group-dark-rag-border-error) !important;
  border-style: solid;
}

.active\:border-dark-rag-border-error:active {
  border-color: var(--group-dark-rag-border-error) !important;
  border-style: solid;
}

.focus\:border-dark-rag-border-warning:focus {
  border-color: var(--group-dark-rag-border-warning) !important;
  border-style: solid;
}

.hover\:border-dark-rag-border-warning:hover {
  border-color: var(--group-dark-rag-border-warning) !important;
  border-style: solid;
}

.active\:border-dark-rag-border-warning:active {
  border-color: var(--group-dark-rag-border-warning) !important;
  border-style: solid;
}

.focus\:border-dark-rag-border-success:focus {
  border-color: var(--group-dark-rag-border-success) !important;
  border-style: solid;
}

.hover\:border-dark-rag-border-success:hover {
  border-color: var(--group-dark-rag-border-success) !important;
  border-style: solid;
}

.active\:border-dark-rag-border-success:active {
  border-color: var(--group-dark-rag-border-success) !important;
  border-style: solid;
}

.focus\:border-dark-rag-border-information:focus {
  border-color: var(--group-dark-rag-border-information) !important;
  border-style: solid;
}

.hover\:border-dark-rag-border-information:hover {
  border-color: var(--group-dark-rag-border-information) !important;
  border-style: solid;
}

.active\:border-dark-rag-border-information:active {
  border-color: var(--group-dark-rag-border-information) !important;
  border-style: solid;
}

.border-top {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.border-top-light-non-interactive-border-white {
  border-top-color: var(--group-light-non-interactive-border-white) !important;
  border-top-style: solid;
}

.border-top-light-non-interactive-border-neutral-1 {
  border-top-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-top-style: solid;
}

.border-top-light-non-interactive-border-neutral-2 {
  border-top-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-top-style: solid;
}

.border-top-light-non-interactive-border-neutral-3 {
  border-top-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-top-style: solid;
}

.border-top-light-non-interactive-border-neutral-4 {
  border-top-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-top-style: solid;
}

.border-top-light-non-interactive-border-neutral-5 {
  border-top-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-top-style: solid;
}

.border-top-light-non-interactive-border-black {
  border-top-color: var(--group-light-non-interactive-border-black) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-light-non-interactive-border-white:focus {
  border-top-color: var(--group-light-non-interactive-border-white) !important;
  border-top-style: solid;
}

.hover\:border-top-light-non-interactive-border-white:hover {
  border-top-color: var(--group-light-non-interactive-border-white) !important;
  border-top-style: solid;
}

.active\:border-top-light-non-interactive-border-white:active {
  border-top-color: var(--group-light-non-interactive-border-white) !important;
  border-top-style: solid;
}

.focus\:border-top-light-non-interactive-border-neutral-1:focus {
  border-top-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-top-style: solid;
}

.hover\:border-top-light-non-interactive-border-neutral-1:hover {
  border-top-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-top-style: solid;
}

.active\:border-top-light-non-interactive-border-neutral-1:active {
  border-top-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-top-style: solid;
}

.focus\:border-top-light-non-interactive-border-neutral-2:focus {
  border-top-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-top-style: solid;
}

.hover\:border-top-light-non-interactive-border-neutral-2:hover {
  border-top-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-top-style: solid;
}

.active\:border-top-light-non-interactive-border-neutral-2:active {
  border-top-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-top-style: solid;
}

.focus\:border-top-light-non-interactive-border-neutral-3:focus {
  border-top-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top-light-non-interactive-border-neutral-3:hover {
  border-top-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top-light-non-interactive-border-neutral-3:active {
  border-top-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-light-non-interactive-border-neutral-4:focus {
  border-top-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-top-style: solid;
}

.hover\:border-top-light-non-interactive-border-neutral-4:hover {
  border-top-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-top-style: solid;
}

.active\:border-top-light-non-interactive-border-neutral-4:active {
  border-top-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-top-style: solid;
}

.focus\:border-top-light-non-interactive-border-neutral-5:focus {
  border-top-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-top-style: solid;
}

.hover\:border-top-light-non-interactive-border-neutral-5:hover {
  border-top-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-top-style: solid;
}

.active\:border-top-light-non-interactive-border-neutral-5:active {
  border-top-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-top-style: solid;
}

.focus\:border-top-light-non-interactive-border-black:focus {
  border-top-color: var(--group-light-non-interactive-border-black) !important;
  border-top-style: solid;
}

.hover\:border-top-light-non-interactive-border-black:hover {
  border-top-color: var(--group-light-non-interactive-border-black) !important;
  border-top-style: solid;
}

.active\:border-top-light-non-interactive-border-black:active {
  border-top-color: var(--group-light-non-interactive-border-black) !important;
  border-top-style: solid;
}

.border-top {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.border-top-dark-non-interactive-border-white {
  border-top-color: var(--group-dark-non-interactive-border-white) !important;
  border-top-style: solid;
}

.border-top-dark-non-interactive-border-neutral-1 {
  border-top-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-top-style: solid;
}

.border-top-dark-non-interactive-border-neutral-2 {
  border-top-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-top-style: solid;
}

.border-top-dark-non-interactive-border-neutral-3 {
  border-top-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-top-style: solid;
}

.border-top-dark-non-interactive-border-neutral-4 {
  border-top-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-top-style: solid;
}

.border-top-dark-non-interactive-border-neutral-5 {
  border-top-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-top-style: solid;
}

.border-top-dark-non-interactive-border-black {
  border-top-color: var(--group-dark-non-interactive-border-black) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-non-interactive-border-white:focus {
  border-top-color: var(--group-dark-non-interactive-border-white) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-non-interactive-border-white:hover {
  border-top-color: var(--group-dark-non-interactive-border-white) !important;
  border-top-style: solid;
}

.active\:border-top-dark-non-interactive-border-white:active {
  border-top-color: var(--group-dark-non-interactive-border-white) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-non-interactive-border-neutral-1:focus {
  border-top-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-non-interactive-border-neutral-1:hover {
  border-top-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-top-style: solid;
}

.active\:border-top-dark-non-interactive-border-neutral-1:active {
  border-top-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-non-interactive-border-neutral-2:focus {
  border-top-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-non-interactive-border-neutral-2:hover {
  border-top-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-top-style: solid;
}

.active\:border-top-dark-non-interactive-border-neutral-2:active {
  border-top-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-non-interactive-border-neutral-3:focus {
  border-top-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-non-interactive-border-neutral-3:hover {
  border-top-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top-dark-non-interactive-border-neutral-3:active {
  border-top-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-non-interactive-border-neutral-4:focus {
  border-top-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-non-interactive-border-neutral-4:hover {
  border-top-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-top-style: solid;
}

.active\:border-top-dark-non-interactive-border-neutral-4:active {
  border-top-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-non-interactive-border-neutral-5:focus {
  border-top-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-non-interactive-border-neutral-5:hover {
  border-top-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-top-style: solid;
}

.active\:border-top-dark-non-interactive-border-neutral-5:active {
  border-top-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-non-interactive-border-black:focus {
  border-top-color: var(--group-dark-non-interactive-border-black) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-non-interactive-border-black:hover {
  border-top-color: var(--group-dark-non-interactive-border-black) !important;
  border-top-style: solid;
}

.active\:border-top-dark-non-interactive-border-black:active {
  border-top-color: var(--group-dark-non-interactive-border-black) !important;
  border-top-style: solid;
}

.border-top {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-low-contrast {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-low-contrast-hover {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-low-contrast-pressed {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-low-contrast-disabled {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-high-contrast {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-high-contrast-hover {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-high-contrast-pressed {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-high-contrast-disabled {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-active {
  border-top-color: var(--group-light-interactive-on-light-border-active) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-active-hover {
  border-top-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-active-pressed {
  border-top-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-brand-1 {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-brand-1-hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-brand-1-pressed {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-brand-2 {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-brand-2-hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-brand-2-pressed {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-brand-2-disabled {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-light-border-brand-2-processing {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-low-contrast:focus {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-low-contrast:hover {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-low-contrast:active {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-low-contrast-hover:focus {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-low-contrast-hover:hover {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-low-contrast-hover:active {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-low-contrast-pressed:focus {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-low-contrast-pressed:hover {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-low-contrast-pressed:active {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-low-contrast-disabled:focus {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-low-contrast-disabled:hover {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-low-contrast-disabled:active {
  border-top-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-high-contrast:focus {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-high-contrast:hover {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-high-contrast:active {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-high-contrast-hover:focus {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-high-contrast-hover:hover {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-high-contrast-hover:active {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-high-contrast-pressed:focus {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-high-contrast-pressed:hover {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-high-contrast-pressed:active {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-high-contrast-disabled:focus {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-high-contrast-disabled:hover {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-high-contrast-disabled:active {
  border-top-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-active:focus {
  border-top-color: var(--group-light-interactive-on-light-border-active) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-active:hover {
  border-top-color: var(--group-light-interactive-on-light-border-active) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-active:active {
  border-top-color: var(--group-light-interactive-on-light-border-active) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-active-hover:focus {
  border-top-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-active-hover:hover {
  border-top-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-active-hover:active {
  border-top-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-active-pressed:focus {
  border-top-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-active-pressed:hover {
  border-top-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-active-pressed:active {
  border-top-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-brand-1:focus {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-brand-1:hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-brand-1:active {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-brand-1-hover:focus {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-brand-1-hover:hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-brand-1-hover:active {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-brand-1-pressed:focus {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-brand-1-pressed:hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-brand-1-pressed:active {
  border-top-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-brand-2:focus {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-brand-2:hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-brand-2:active {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-brand-2-hover:focus {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-brand-2-hover:hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-brand-2-hover:active {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-brand-2-pressed:focus {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-brand-2-pressed:hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-brand-2-pressed:active {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-brand-2-disabled:focus {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-brand-2-disabled:hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-brand-2-disabled:active {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-light-border-brand-2-processing:focus {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-light-border-brand-2-processing:hover {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-light-border-brand-2-processing:active {
  border-top-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-top-style: solid;
}

.border-top {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-low-contrast {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-low-contrast-hover {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-low-contrast-pressed {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-low-contrast-disabled {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-high-contrast {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-high-contrast-hover {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-high-contrast-pressed {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-high-contrast-disabled {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-active {
  border-top-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-active-hover {
  border-top-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-active-pressed {
  border-top-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-2 {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-2-hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-2-pressed {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-2-disabled {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-2-processing {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-1 {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-1-hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-1-pressed {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-1-disabled {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-top-style: solid;
}

.border-top-light-interactive-on-dark-border-brand-1-processing {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-low-contrast:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-low-contrast:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-low-contrast:active {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-low-contrast-hover:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-low-contrast-hover:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-low-contrast-hover:active {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-low-contrast-pressed:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-low-contrast-pressed:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-low-contrast-pressed:active {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-low-contrast-disabled:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-low-contrast-disabled:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-low-contrast-disabled:active {
  border-top-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-high-contrast:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-high-contrast:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-high-contrast:active {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-high-contrast-hover:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-high-contrast-hover:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-high-contrast-hover:active {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-high-contrast-pressed:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-high-contrast-pressed:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-high-contrast-pressed:active {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-high-contrast-disabled:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-high-contrast-disabled:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-high-contrast-disabled:active {
  border-top-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-active:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-active:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-active:active {
  border-top-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-active-hover:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-active-hover:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-active-hover:active {
  border-top-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-active-pressed:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-active-pressed:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-active-pressed:active {
  border-top-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-2:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-2:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-2:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-2-hover:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-2-hover:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-2-hover:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-2-pressed:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-2-pressed:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-2-pressed:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-2-disabled:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-2-disabled:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-2-disabled:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-2-processing:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-2-processing:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-2-processing:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-1:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-1:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-1:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-1-hover:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-1-hover:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-1-hover:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-1-pressed:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-1-pressed:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-1-pressed:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-1-disabled:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-1-disabled:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-1-disabled:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-light-interactive-on-dark-border-brand-1-processing:focus {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-top-style: solid;
}

.hover\:border-top-light-interactive-on-dark-border-brand-1-processing:hover {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-top-style: solid;
}

.active\:border-top-light-interactive-on-dark-border-brand-1-processing:active {
  border-top-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-top-style: solid;
}

.border-top {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-low-contrast {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-low-contrast-hover {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-low-contrast-pressed {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-low-contrast-disabled {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-high-contrast {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-high-contrast-hover {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-high-contrast-pressed {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-high-contrast-disabled {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-active {
  border-top-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-active-hover {
  border-top-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-active-pressed {
  border-top-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-brand-1 {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-brand-1-hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-brand-1-pressed {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-brand-2 {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-brand-2-hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-brand-2-pressed {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-brand-2-disabled {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-light-border-brand-2-processing {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-low-contrast:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-low-contrast:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-low-contrast:active {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-low-contrast-hover:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-low-contrast-hover:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-low-contrast-hover:active {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-low-contrast-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-low-contrast-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-low-contrast-pressed:active {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-low-contrast-disabled:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-low-contrast-disabled:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-low-contrast-disabled:active {
  border-top-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-high-contrast:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-high-contrast:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-high-contrast:active {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-high-contrast-hover:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-high-contrast-hover:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-high-contrast-hover:active {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-high-contrast-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-high-contrast-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-high-contrast-pressed:active {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-high-contrast-disabled:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-high-contrast-disabled:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-high-contrast-disabled:active {
  border-top-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-active:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-active:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-active:active {
  border-top-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-active-hover:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-active-hover:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-active-hover:active {
  border-top-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-active-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-active-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-active-pressed:active {
  border-top-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-brand-1:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-brand-1:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-brand-1:active {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-brand-1-hover:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-brand-1-hover:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-brand-1-hover:active {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-brand-1-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-brand-1-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-brand-1-pressed:active {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-brand-2:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-brand-2:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-brand-2:active {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-brand-2-hover:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-brand-2-hover:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-brand-2-hover:active {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-brand-2-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-brand-2-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-brand-2-pressed:active {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-brand-2-disabled:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-brand-2-disabled:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-brand-2-disabled:active {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-light-border-brand-2-processing:focus {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-light-border-brand-2-processing:hover {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-light-border-brand-2-processing:active {
  border-top-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-top-style: solid;
}

.border-top {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-low-contrast {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-low-contrast-hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-low-contrast-pressed {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-low-contrast-disabled {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-high-contrast {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-high-contrast-hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-high-contrast-pressed {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-high-contrast-disabled {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-active {
  border-top-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-active-hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-active-pressed {
  border-top-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-2 {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-2-hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-2-pressed {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-2-disabled {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-2-processing {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-1 {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-1-hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-1-pressed {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-1-disabled {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-top-style: solid;
}

.border-top-dark-interactive-on-dark-border-brand-1-processing {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-low-contrast:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-low-contrast:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-low-contrast:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-low-contrast-hover:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-low-contrast-hover:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-low-contrast-hover:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-low-contrast-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-low-contrast-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-low-contrast-pressed:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-low-contrast-disabled:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-low-contrast-disabled:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-low-contrast-disabled:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-high-contrast:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-high-contrast:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-high-contrast:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-high-contrast-hover:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-high-contrast-hover:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-high-contrast-hover:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-high-contrast-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-high-contrast-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-high-contrast-pressed:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-high-contrast-disabled:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-high-contrast-disabled:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-high-contrast-disabled:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-active:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-active:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-active:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-active-hover:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-active-hover:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-active-hover:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-active-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-active-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-active-pressed:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-2:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-2:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-2:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-2-hover:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-2-hover:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-2-hover:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-2-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-2-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-2-pressed:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-2-disabled:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-2-disabled:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-2-disabled:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-2-processing:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-2-processing:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-2-processing:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-1:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-1:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-1:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-1-hover:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-1-hover:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-1-hover:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-1-pressed:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-1-pressed:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-1-pressed:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-1-disabled:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-1-disabled:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-1-disabled:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-interactive-on-dark-border-brand-1-processing:focus {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-interactive-on-dark-border-brand-1-processing:hover {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-top-style: solid;
}

.active\:border-top-dark-interactive-on-dark-border-brand-1-processing:active {
  border-top-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-top-style: solid;
}

.border-top {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.border-top-light-rag-border-error {
  border-top-color: var(--group-light-rag-border-error) !important;
  border-top-style: solid;
}

.border-top-light-rag-border-warning {
  border-top-color: var(--group-light-rag-border-warning) !important;
  border-top-style: solid;
}

.border-top-light-rag-border-success {
  border-top-color: var(--group-light-rag-border-success) !important;
  border-top-style: solid;
}

.border-top-light-rag-border-information {
  border-top-color: var(--group-light-rag-border-information) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-light-rag-border-error:focus {
  border-top-color: var(--group-light-rag-border-error) !important;
  border-top-style: solid;
}

.hover\:border-top-light-rag-border-error:hover {
  border-top-color: var(--group-light-rag-border-error) !important;
  border-top-style: solid;
}

.active\:border-top-light-rag-border-error:active {
  border-top-color: var(--group-light-rag-border-error) !important;
  border-top-style: solid;
}

.focus\:border-top-light-rag-border-warning:focus {
  border-top-color: var(--group-light-rag-border-warning) !important;
  border-top-style: solid;
}

.hover\:border-top-light-rag-border-warning:hover {
  border-top-color: var(--group-light-rag-border-warning) !important;
  border-top-style: solid;
}

.active\:border-top-light-rag-border-warning:active {
  border-top-color: var(--group-light-rag-border-warning) !important;
  border-top-style: solid;
}

.focus\:border-top-light-rag-border-success:focus {
  border-top-color: var(--group-light-rag-border-success) !important;
  border-top-style: solid;
}

.hover\:border-top-light-rag-border-success:hover {
  border-top-color: var(--group-light-rag-border-success) !important;
  border-top-style: solid;
}

.active\:border-top-light-rag-border-success:active {
  border-top-color: var(--group-light-rag-border-success) !important;
  border-top-style: solid;
}

.focus\:border-top-light-rag-border-information:focus {
  border-top-color: var(--group-light-rag-border-information) !important;
  border-top-style: solid;
}

.hover\:border-top-light-rag-border-information:hover {
  border-top-color: var(--group-light-rag-border-information) !important;
  border-top-style: solid;
}

.active\:border-top-light-rag-border-information:active {
  border-top-color: var(--group-light-rag-border-information) !important;
  border-top-style: solid;
}

.border-top {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.border-top-dark-rag-border-error {
  border-top-color: var(--group-dark-rag-border-error) !important;
  border-top-style: solid;
}

.border-top-dark-rag-border-warning {
  border-top-color: var(--group-dark-rag-border-warning) !important;
  border-top-style: solid;
}

.border-top-dark-rag-border-success {
  border-top-color: var(--group-dark-rag-border-success) !important;
  border-top-style: solid;
}

.border-top-dark-rag-border-information {
  border-top-color: var(--group-dark-rag-border-information) !important;
  border-top-style: solid;
}

.focus\:border-top:focus {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.hover\:border-top:hover {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.active\:border-top:active {
  border-top-color: var(--group-color-base-neutral-3) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-rag-border-error:focus {
  border-top-color: var(--group-dark-rag-border-error) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-rag-border-error:hover {
  border-top-color: var(--group-dark-rag-border-error) !important;
  border-top-style: solid;
}

.active\:border-top-dark-rag-border-error:active {
  border-top-color: var(--group-dark-rag-border-error) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-rag-border-warning:focus {
  border-top-color: var(--group-dark-rag-border-warning) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-rag-border-warning:hover {
  border-top-color: var(--group-dark-rag-border-warning) !important;
  border-top-style: solid;
}

.active\:border-top-dark-rag-border-warning:active {
  border-top-color: var(--group-dark-rag-border-warning) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-rag-border-success:focus {
  border-top-color: var(--group-dark-rag-border-success) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-rag-border-success:hover {
  border-top-color: var(--group-dark-rag-border-success) !important;
  border-top-style: solid;
}

.active\:border-top-dark-rag-border-success:active {
  border-top-color: var(--group-dark-rag-border-success) !important;
  border-top-style: solid;
}

.focus\:border-top-dark-rag-border-information:focus {
  border-top-color: var(--group-dark-rag-border-information) !important;
  border-top-style: solid;
}

.hover\:border-top-dark-rag-border-information:hover {
  border-top-color: var(--group-dark-rag-border-information) !important;
  border-top-style: solid;
}

.active\:border-top-dark-rag-border-information:active {
  border-top-color: var(--group-dark-rag-border-information) !important;
  border-top-style: solid;
}

.border-right {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.border-right-light-non-interactive-border-white {
  border-right-color: var(--group-light-non-interactive-border-white) !important;
  border-right-style: solid;
}

.border-right-light-non-interactive-border-neutral-1 {
  border-right-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-right-style: solid;
}

.border-right-light-non-interactive-border-neutral-2 {
  border-right-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-right-style: solid;
}

.border-right-light-non-interactive-border-neutral-3 {
  border-right-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-right-style: solid;
}

.border-right-light-non-interactive-border-neutral-4 {
  border-right-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-right-style: solid;
}

.border-right-light-non-interactive-border-neutral-5 {
  border-right-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-right-style: solid;
}

.border-right-light-non-interactive-border-black {
  border-right-color: var(--group-light-non-interactive-border-black) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-light-non-interactive-border-white:focus {
  border-right-color: var(--group-light-non-interactive-border-white) !important;
  border-right-style: solid;
}

.hover\:border-right-light-non-interactive-border-white:hover {
  border-right-color: var(--group-light-non-interactive-border-white) !important;
  border-right-style: solid;
}

.active\:border-right-light-non-interactive-border-white:active {
  border-right-color: var(--group-light-non-interactive-border-white) !important;
  border-right-style: solid;
}

.focus\:border-right-light-non-interactive-border-neutral-1:focus {
  border-right-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-right-style: solid;
}

.hover\:border-right-light-non-interactive-border-neutral-1:hover {
  border-right-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-right-style: solid;
}

.active\:border-right-light-non-interactive-border-neutral-1:active {
  border-right-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-right-style: solid;
}

.focus\:border-right-light-non-interactive-border-neutral-2:focus {
  border-right-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-right-style: solid;
}

.hover\:border-right-light-non-interactive-border-neutral-2:hover {
  border-right-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-right-style: solid;
}

.active\:border-right-light-non-interactive-border-neutral-2:active {
  border-right-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-right-style: solid;
}

.focus\:border-right-light-non-interactive-border-neutral-3:focus {
  border-right-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right-light-non-interactive-border-neutral-3:hover {
  border-right-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right-light-non-interactive-border-neutral-3:active {
  border-right-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-light-non-interactive-border-neutral-4:focus {
  border-right-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-right-style: solid;
}

.hover\:border-right-light-non-interactive-border-neutral-4:hover {
  border-right-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-right-style: solid;
}

.active\:border-right-light-non-interactive-border-neutral-4:active {
  border-right-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-right-style: solid;
}

.focus\:border-right-light-non-interactive-border-neutral-5:focus {
  border-right-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-right-style: solid;
}

.hover\:border-right-light-non-interactive-border-neutral-5:hover {
  border-right-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-right-style: solid;
}

.active\:border-right-light-non-interactive-border-neutral-5:active {
  border-right-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-right-style: solid;
}

.focus\:border-right-light-non-interactive-border-black:focus {
  border-right-color: var(--group-light-non-interactive-border-black) !important;
  border-right-style: solid;
}

.hover\:border-right-light-non-interactive-border-black:hover {
  border-right-color: var(--group-light-non-interactive-border-black) !important;
  border-right-style: solid;
}

.active\:border-right-light-non-interactive-border-black:active {
  border-right-color: var(--group-light-non-interactive-border-black) !important;
  border-right-style: solid;
}

.border-right {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.border-right-dark-non-interactive-border-white {
  border-right-color: var(--group-dark-non-interactive-border-white) !important;
  border-right-style: solid;
}

.border-right-dark-non-interactive-border-neutral-1 {
  border-right-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-right-style: solid;
}

.border-right-dark-non-interactive-border-neutral-2 {
  border-right-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-right-style: solid;
}

.border-right-dark-non-interactive-border-neutral-3 {
  border-right-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-right-style: solid;
}

.border-right-dark-non-interactive-border-neutral-4 {
  border-right-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-right-style: solid;
}

.border-right-dark-non-interactive-border-neutral-5 {
  border-right-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-right-style: solid;
}

.border-right-dark-non-interactive-border-black {
  border-right-color: var(--group-dark-non-interactive-border-black) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-non-interactive-border-white:focus {
  border-right-color: var(--group-dark-non-interactive-border-white) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-non-interactive-border-white:hover {
  border-right-color: var(--group-dark-non-interactive-border-white) !important;
  border-right-style: solid;
}

.active\:border-right-dark-non-interactive-border-white:active {
  border-right-color: var(--group-dark-non-interactive-border-white) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-non-interactive-border-neutral-1:focus {
  border-right-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-non-interactive-border-neutral-1:hover {
  border-right-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-right-style: solid;
}

.active\:border-right-dark-non-interactive-border-neutral-1:active {
  border-right-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-non-interactive-border-neutral-2:focus {
  border-right-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-non-interactive-border-neutral-2:hover {
  border-right-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-right-style: solid;
}

.active\:border-right-dark-non-interactive-border-neutral-2:active {
  border-right-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-non-interactive-border-neutral-3:focus {
  border-right-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-non-interactive-border-neutral-3:hover {
  border-right-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right-dark-non-interactive-border-neutral-3:active {
  border-right-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-non-interactive-border-neutral-4:focus {
  border-right-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-non-interactive-border-neutral-4:hover {
  border-right-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-right-style: solid;
}

.active\:border-right-dark-non-interactive-border-neutral-4:active {
  border-right-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-non-interactive-border-neutral-5:focus {
  border-right-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-non-interactive-border-neutral-5:hover {
  border-right-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-right-style: solid;
}

.active\:border-right-dark-non-interactive-border-neutral-5:active {
  border-right-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-non-interactive-border-black:focus {
  border-right-color: var(--group-dark-non-interactive-border-black) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-non-interactive-border-black:hover {
  border-right-color: var(--group-dark-non-interactive-border-black) !important;
  border-right-style: solid;
}

.active\:border-right-dark-non-interactive-border-black:active {
  border-right-color: var(--group-dark-non-interactive-border-black) !important;
  border-right-style: solid;
}

.border-right {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-low-contrast {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-low-contrast-hover {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-low-contrast-pressed {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-low-contrast-disabled {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-high-contrast {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-high-contrast-hover {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-high-contrast-pressed {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-high-contrast-disabled {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-active {
  border-right-color: var(--group-light-interactive-on-light-border-active) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-active-hover {
  border-right-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-active-pressed {
  border-right-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-brand-1 {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-brand-1-hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-brand-1-pressed {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-brand-2 {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-brand-2-hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-brand-2-pressed {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-brand-2-disabled {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-light-border-brand-2-processing {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-low-contrast:focus {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-low-contrast:hover {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-low-contrast:active {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-low-contrast-hover:focus {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-low-contrast-hover:hover {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-low-contrast-hover:active {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-low-contrast-pressed:focus {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-low-contrast-pressed:hover {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-low-contrast-pressed:active {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-low-contrast-disabled:focus {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-low-contrast-disabled:hover {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-low-contrast-disabled:active {
  border-right-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-high-contrast:focus {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-high-contrast:hover {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-high-contrast:active {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-high-contrast-hover:focus {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-high-contrast-hover:hover {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-high-contrast-hover:active {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-high-contrast-pressed:focus {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-high-contrast-pressed:hover {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-high-contrast-pressed:active {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-high-contrast-disabled:focus {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-high-contrast-disabled:hover {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-high-contrast-disabled:active {
  border-right-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-active:focus {
  border-right-color: var(--group-light-interactive-on-light-border-active) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-active:hover {
  border-right-color: var(--group-light-interactive-on-light-border-active) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-active:active {
  border-right-color: var(--group-light-interactive-on-light-border-active) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-active-hover:focus {
  border-right-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-active-hover:hover {
  border-right-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-active-hover:active {
  border-right-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-active-pressed:focus {
  border-right-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-active-pressed:hover {
  border-right-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-active-pressed:active {
  border-right-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-brand-1:focus {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-brand-1:hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-brand-1:active {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-brand-1-hover:focus {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-brand-1-hover:hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-brand-1-hover:active {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-brand-1-pressed:focus {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-brand-1-pressed:hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-brand-1-pressed:active {
  border-right-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-brand-2:focus {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-brand-2:hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-brand-2:active {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-brand-2-hover:focus {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-brand-2-hover:hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-brand-2-hover:active {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-brand-2-pressed:focus {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-brand-2-pressed:hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-brand-2-pressed:active {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-brand-2-disabled:focus {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-brand-2-disabled:hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-brand-2-disabled:active {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-light-border-brand-2-processing:focus {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-light-border-brand-2-processing:hover {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-light-border-brand-2-processing:active {
  border-right-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-right-style: solid;
}

.border-right {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-low-contrast {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-low-contrast-hover {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-low-contrast-pressed {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-low-contrast-disabled {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-high-contrast {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-high-contrast-hover {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-high-contrast-pressed {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-high-contrast-disabled {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-active {
  border-right-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-active-hover {
  border-right-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-active-pressed {
  border-right-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-2 {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-2-hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-2-pressed {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-2-disabled {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-2-processing {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-1 {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-1-hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-1-pressed {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-1-disabled {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-right-style: solid;
}

.border-right-light-interactive-on-dark-border-brand-1-processing {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-low-contrast:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-low-contrast:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-low-contrast:active {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-low-contrast-hover:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-low-contrast-hover:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-low-contrast-hover:active {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-low-contrast-pressed:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-low-contrast-pressed:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-low-contrast-pressed:active {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-low-contrast-disabled:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-low-contrast-disabled:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-low-contrast-disabled:active {
  border-right-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-high-contrast:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-high-contrast:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-high-contrast:active {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-high-contrast-hover:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-high-contrast-hover:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-high-contrast-hover:active {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-high-contrast-pressed:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-high-contrast-pressed:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-high-contrast-pressed:active {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-high-contrast-disabled:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-high-contrast-disabled:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-high-contrast-disabled:active {
  border-right-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-active:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-active:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-active:active {
  border-right-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-active-hover:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-active-hover:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-active-hover:active {
  border-right-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-active-pressed:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-active-pressed:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-active-pressed:active {
  border-right-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-2:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-2:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-2:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-2-hover:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-2-hover:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-2-hover:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-2-pressed:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-2-pressed:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-2-pressed:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-2-disabled:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-2-disabled:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-2-disabled:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-2-processing:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-2-processing:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-2-processing:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-1:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-1:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-1:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-1-hover:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-1-hover:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-1-hover:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-1-pressed:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-1-pressed:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-1-pressed:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-1-disabled:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-1-disabled:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-1-disabled:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-light-interactive-on-dark-border-brand-1-processing:focus {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-right-style: solid;
}

.hover\:border-right-light-interactive-on-dark-border-brand-1-processing:hover {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-right-style: solid;
}

.active\:border-right-light-interactive-on-dark-border-brand-1-processing:active {
  border-right-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-right-style: solid;
}

.border-right {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-low-contrast {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-low-contrast-hover {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-low-contrast-pressed {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-low-contrast-disabled {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-high-contrast {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-high-contrast-hover {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-high-contrast-pressed {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-high-contrast-disabled {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-active {
  border-right-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-active-hover {
  border-right-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-active-pressed {
  border-right-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-brand-1 {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-brand-1-hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-brand-1-pressed {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-brand-2 {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-brand-2-hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-brand-2-pressed {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-brand-2-disabled {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-light-border-brand-2-processing {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-low-contrast:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-low-contrast:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-low-contrast:active {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-low-contrast-hover:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-low-contrast-hover:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-low-contrast-hover:active {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-low-contrast-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-low-contrast-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-low-contrast-pressed:active {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-low-contrast-disabled:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-low-contrast-disabled:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-low-contrast-disabled:active {
  border-right-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-high-contrast:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-high-contrast:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-high-contrast:active {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-high-contrast-hover:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-high-contrast-hover:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-high-contrast-hover:active {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-high-contrast-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-high-contrast-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-high-contrast-pressed:active {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-high-contrast-disabled:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-high-contrast-disabled:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-high-contrast-disabled:active {
  border-right-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-active:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-active:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-active:active {
  border-right-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-active-hover:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-active-hover:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-active-hover:active {
  border-right-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-active-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-active-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-active-pressed:active {
  border-right-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-brand-1:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-brand-1:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-brand-1:active {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-brand-1-hover:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-brand-1-hover:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-brand-1-hover:active {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-brand-1-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-brand-1-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-brand-1-pressed:active {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-brand-2:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-brand-2:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-brand-2:active {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-brand-2-hover:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-brand-2-hover:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-brand-2-hover:active {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-brand-2-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-brand-2-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-brand-2-pressed:active {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-brand-2-disabled:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-brand-2-disabled:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-brand-2-disabled:active {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-light-border-brand-2-processing:focus {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-light-border-brand-2-processing:hover {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-light-border-brand-2-processing:active {
  border-right-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-right-style: solid;
}

.border-right {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-low-contrast {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-low-contrast-hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-low-contrast-pressed {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-low-contrast-disabled {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-high-contrast {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-high-contrast-hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-high-contrast-pressed {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-high-contrast-disabled {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-active {
  border-right-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-active-hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-active-pressed {
  border-right-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-2 {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-2-hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-2-pressed {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-2-disabled {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-2-processing {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-1 {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-1-hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-1-pressed {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-1-disabled {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-right-style: solid;
}

.border-right-dark-interactive-on-dark-border-brand-1-processing {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-low-contrast:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-low-contrast:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-low-contrast:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-low-contrast-hover:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-low-contrast-hover:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-low-contrast-hover:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-low-contrast-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-low-contrast-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-low-contrast-pressed:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-low-contrast-disabled:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-low-contrast-disabled:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-low-contrast-disabled:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-high-contrast:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-high-contrast:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-high-contrast:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-high-contrast-hover:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-high-contrast-hover:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-high-contrast-hover:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-high-contrast-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-high-contrast-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-high-contrast-pressed:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-high-contrast-disabled:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-high-contrast-disabled:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-high-contrast-disabled:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-active:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-active:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-active:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-active-hover:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-active-hover:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-active-hover:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-active-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-active-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-active-pressed:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-2:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-2:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-2:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-2-hover:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-2-hover:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-2-hover:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-2-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-2-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-2-pressed:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-2-disabled:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-2-disabled:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-2-disabled:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-2-processing:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-2-processing:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-2-processing:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-1:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-1:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-1:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-1-hover:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-1-hover:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-1-hover:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-1-pressed:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-1-pressed:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-1-pressed:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-1-disabled:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-1-disabled:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-1-disabled:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-interactive-on-dark-border-brand-1-processing:focus {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-interactive-on-dark-border-brand-1-processing:hover {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-right-style: solid;
}

.active\:border-right-dark-interactive-on-dark-border-brand-1-processing:active {
  border-right-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-right-style: solid;
}

.border-right {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.border-right-light-rag-border-error {
  border-right-color: var(--group-light-rag-border-error) !important;
  border-right-style: solid;
}

.border-right-light-rag-border-warning {
  border-right-color: var(--group-light-rag-border-warning) !important;
  border-right-style: solid;
}

.border-right-light-rag-border-success {
  border-right-color: var(--group-light-rag-border-success) !important;
  border-right-style: solid;
}

.border-right-light-rag-border-information {
  border-right-color: var(--group-light-rag-border-information) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-light-rag-border-error:focus {
  border-right-color: var(--group-light-rag-border-error) !important;
  border-right-style: solid;
}

.hover\:border-right-light-rag-border-error:hover {
  border-right-color: var(--group-light-rag-border-error) !important;
  border-right-style: solid;
}

.active\:border-right-light-rag-border-error:active {
  border-right-color: var(--group-light-rag-border-error) !important;
  border-right-style: solid;
}

.focus\:border-right-light-rag-border-warning:focus {
  border-right-color: var(--group-light-rag-border-warning) !important;
  border-right-style: solid;
}

.hover\:border-right-light-rag-border-warning:hover {
  border-right-color: var(--group-light-rag-border-warning) !important;
  border-right-style: solid;
}

.active\:border-right-light-rag-border-warning:active {
  border-right-color: var(--group-light-rag-border-warning) !important;
  border-right-style: solid;
}

.focus\:border-right-light-rag-border-success:focus {
  border-right-color: var(--group-light-rag-border-success) !important;
  border-right-style: solid;
}

.hover\:border-right-light-rag-border-success:hover {
  border-right-color: var(--group-light-rag-border-success) !important;
  border-right-style: solid;
}

.active\:border-right-light-rag-border-success:active {
  border-right-color: var(--group-light-rag-border-success) !important;
  border-right-style: solid;
}

.focus\:border-right-light-rag-border-information:focus {
  border-right-color: var(--group-light-rag-border-information) !important;
  border-right-style: solid;
}

.hover\:border-right-light-rag-border-information:hover {
  border-right-color: var(--group-light-rag-border-information) !important;
  border-right-style: solid;
}

.active\:border-right-light-rag-border-information:active {
  border-right-color: var(--group-light-rag-border-information) !important;
  border-right-style: solid;
}

.border-right {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.border-right-dark-rag-border-error {
  border-right-color: var(--group-dark-rag-border-error) !important;
  border-right-style: solid;
}

.border-right-dark-rag-border-warning {
  border-right-color: var(--group-dark-rag-border-warning) !important;
  border-right-style: solid;
}

.border-right-dark-rag-border-success {
  border-right-color: var(--group-dark-rag-border-success) !important;
  border-right-style: solid;
}

.border-right-dark-rag-border-information {
  border-right-color: var(--group-dark-rag-border-information) !important;
  border-right-style: solid;
}

.focus\:border-right:focus {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.hover\:border-right:hover {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.active\:border-right:active {
  border-right-color: var(--group-color-base-neutral-3) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-rag-border-error:focus {
  border-right-color: var(--group-dark-rag-border-error) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-rag-border-error:hover {
  border-right-color: var(--group-dark-rag-border-error) !important;
  border-right-style: solid;
}

.active\:border-right-dark-rag-border-error:active {
  border-right-color: var(--group-dark-rag-border-error) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-rag-border-warning:focus {
  border-right-color: var(--group-dark-rag-border-warning) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-rag-border-warning:hover {
  border-right-color: var(--group-dark-rag-border-warning) !important;
  border-right-style: solid;
}

.active\:border-right-dark-rag-border-warning:active {
  border-right-color: var(--group-dark-rag-border-warning) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-rag-border-success:focus {
  border-right-color: var(--group-dark-rag-border-success) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-rag-border-success:hover {
  border-right-color: var(--group-dark-rag-border-success) !important;
  border-right-style: solid;
}

.active\:border-right-dark-rag-border-success:active {
  border-right-color: var(--group-dark-rag-border-success) !important;
  border-right-style: solid;
}

.focus\:border-right-dark-rag-border-information:focus {
  border-right-color: var(--group-dark-rag-border-information) !important;
  border-right-style: solid;
}

.hover\:border-right-dark-rag-border-information:hover {
  border-right-color: var(--group-dark-rag-border-information) !important;
  border-right-style: solid;
}

.active\:border-right-dark-rag-border-information:active {
  border-right-color: var(--group-dark-rag-border-information) !important;
  border-right-style: solid;
}

.border-bottom {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-light-non-interactive-border-white {
  border-bottom-color: var(--group-light-non-interactive-border-white) !important;
  border-bottom-style: solid;
}

.border-bottom-light-non-interactive-border-neutral-1 {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-bottom-style: solid;
}

.border-bottom-light-non-interactive-border-neutral-2 {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-bottom-style: solid;
}

.border-bottom-light-non-interactive-border-neutral-3 {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-light-non-interactive-border-neutral-4 {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-bottom-style: solid;
}

.border-bottom-light-non-interactive-border-neutral-5 {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-bottom-style: solid;
}

.border-bottom-light-non-interactive-border-black {
  border-bottom-color: var(--group-light-non-interactive-border-black) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-non-interactive-border-white:focus {
  border-bottom-color: var(--group-light-non-interactive-border-white) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-non-interactive-border-white:hover {
  border-bottom-color: var(--group-light-non-interactive-border-white) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-non-interactive-border-white:active {
  border-bottom-color: var(--group-light-non-interactive-border-white) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-non-interactive-border-neutral-1:focus {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-non-interactive-border-neutral-1:hover {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-non-interactive-border-neutral-1:active {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-non-interactive-border-neutral-2:focus {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-non-interactive-border-neutral-2:hover {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-non-interactive-border-neutral-2:active {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-non-interactive-border-neutral-3:focus {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-non-interactive-border-neutral-3:hover {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-non-interactive-border-neutral-3:active {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-non-interactive-border-neutral-4:focus {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-non-interactive-border-neutral-4:hover {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-non-interactive-border-neutral-4:active {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-non-interactive-border-neutral-5:focus {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-non-interactive-border-neutral-5:hover {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-non-interactive-border-neutral-5:active {
  border-bottom-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-non-interactive-border-black:focus {
  border-bottom-color: var(--group-light-non-interactive-border-black) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-non-interactive-border-black:hover {
  border-bottom-color: var(--group-light-non-interactive-border-black) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-non-interactive-border-black:active {
  border-bottom-color: var(--group-light-non-interactive-border-black) !important;
  border-bottom-style: solid;
}

.border-bottom {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-non-interactive-border-white {
  border-bottom-color: var(--group-dark-non-interactive-border-white) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-non-interactive-border-neutral-1 {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-non-interactive-border-neutral-2 {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-non-interactive-border-neutral-3 {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-non-interactive-border-neutral-4 {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-non-interactive-border-neutral-5 {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-non-interactive-border-black {
  border-bottom-color: var(--group-dark-non-interactive-border-black) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-non-interactive-border-white:focus {
  border-bottom-color: var(--group-dark-non-interactive-border-white) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-non-interactive-border-white:hover {
  border-bottom-color: var(--group-dark-non-interactive-border-white) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-non-interactive-border-white:active {
  border-bottom-color: var(--group-dark-non-interactive-border-white) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-non-interactive-border-neutral-1:focus {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-non-interactive-border-neutral-1:hover {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-non-interactive-border-neutral-1:active {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-non-interactive-border-neutral-2:focus {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-non-interactive-border-neutral-2:hover {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-non-interactive-border-neutral-2:active {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-non-interactive-border-neutral-3:focus {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-non-interactive-border-neutral-3:hover {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-non-interactive-border-neutral-3:active {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-non-interactive-border-neutral-4:focus {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-non-interactive-border-neutral-4:hover {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-non-interactive-border-neutral-4:active {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-non-interactive-border-neutral-5:focus {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-non-interactive-border-neutral-5:hover {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-non-interactive-border-neutral-5:active {
  border-bottom-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-non-interactive-border-black:focus {
  border-bottom-color: var(--group-dark-non-interactive-border-black) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-non-interactive-border-black:hover {
  border-bottom-color: var(--group-dark-non-interactive-border-black) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-non-interactive-border-black:active {
  border-bottom-color: var(--group-dark-non-interactive-border-black) !important;
  border-bottom-style: solid;
}

.border-bottom {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-low-contrast {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-low-contrast-hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-low-contrast-pressed {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-low-contrast-disabled {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-high-contrast {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-high-contrast-hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-high-contrast-pressed {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-high-contrast-disabled {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-active {
  border-bottom-color: var(--group-light-interactive-on-light-border-active) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-active-hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-active-pressed {
  border-bottom-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-brand-1 {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-brand-1-hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-brand-1-pressed {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-brand-2 {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-brand-2-hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-brand-2-pressed {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-brand-2-disabled {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-light-border-brand-2-processing {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-low-contrast:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-low-contrast:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-low-contrast:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-low-contrast-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-low-contrast-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-low-contrast-hover:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-low-contrast-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-low-contrast-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-low-contrast-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-low-contrast-disabled:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-low-contrast-disabled:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-low-contrast-disabled:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-high-contrast:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-high-contrast:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-high-contrast:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-high-contrast-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-high-contrast-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-high-contrast-hover:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-high-contrast-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-high-contrast-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-high-contrast-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-high-contrast-disabled:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-high-contrast-disabled:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-high-contrast-disabled:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-active:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-active) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-active:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-active) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-active:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-active) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-active-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-active-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-active-hover:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-active-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-active-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-active-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-brand-1:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-brand-1:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-brand-1:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-brand-1-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-brand-1-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-brand-1-hover:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-brand-1-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-brand-1-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-brand-1-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-brand-2:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-brand-2:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-brand-2:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-brand-2-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-brand-2-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-brand-2-hover:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-brand-2-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-brand-2-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-brand-2-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-brand-2-disabled:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-brand-2-disabled:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-brand-2-disabled:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-light-border-brand-2-processing:focus {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-light-border-brand-2-processing:hover {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-light-border-brand-2-processing:active {
  border-bottom-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.border-bottom {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-low-contrast {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-low-contrast-hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-low-contrast-pressed {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-low-contrast-disabled {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-high-contrast {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-high-contrast-hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-high-contrast-pressed {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-high-contrast-disabled {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-active-hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-active-pressed {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-2 {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-2-hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-2-pressed {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-2-disabled {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-2-processing {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-1 {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-1-hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-1-pressed {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-1-disabled {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-light-interactive-on-dark-border-brand-1-processing {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-low-contrast:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-low-contrast:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-low-contrast:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-low-contrast-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-low-contrast-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-low-contrast-hover:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-low-contrast-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-low-contrast-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-low-contrast-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-low-contrast-disabled:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-low-contrast-disabled:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-low-contrast-disabled:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-high-contrast:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-high-contrast:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-high-contrast:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-high-contrast-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-high-contrast-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-high-contrast-hover:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-high-contrast-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-high-contrast-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-high-contrast-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-high-contrast-disabled:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-high-contrast-disabled:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-high-contrast-disabled:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-active:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-active:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-active:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-active-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-active-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-active-hover:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-active-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-active-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-active-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-2:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-2:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-2:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-2-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-2-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-2-hover:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-2-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-2-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-2-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-2-disabled:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-2-disabled:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-2-disabled:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-2-processing:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-2-processing:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-2-processing:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-1:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-1:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-1:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-1-hover:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-1-hover:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-1-hover:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-1-pressed:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-1-pressed:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-1-pressed:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-1-disabled:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-1-disabled:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-1-disabled:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-interactive-on-dark-border-brand-1-processing:focus {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-interactive-on-dark-border-brand-1-processing:hover {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-interactive-on-dark-border-brand-1-processing:active {
  border-bottom-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-bottom-style: solid;
}

.border-bottom {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-low-contrast {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-low-contrast-hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-low-contrast-pressed {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-low-contrast-disabled {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-high-contrast {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-high-contrast-hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-high-contrast-pressed {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-high-contrast-disabled {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-active-hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-active-pressed {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-brand-1 {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-brand-1-hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-brand-1-pressed {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-brand-2 {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-brand-2-hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-brand-2-pressed {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-brand-2-disabled {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-light-border-brand-2-processing {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-low-contrast:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-low-contrast:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-low-contrast:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-low-contrast-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-low-contrast-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-low-contrast-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-low-contrast-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-low-contrast-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-low-contrast-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-low-contrast-disabled:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-low-contrast-disabled:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-low-contrast-disabled:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-high-contrast:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-high-contrast:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-high-contrast:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-high-contrast-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-high-contrast-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-high-contrast-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-high-contrast-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-high-contrast-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-high-contrast-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-high-contrast-disabled:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-high-contrast-disabled:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-high-contrast-disabled:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-active:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-active:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-active:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-active-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-active-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-active-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-active-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-active-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-active-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-brand-1:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-brand-1:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-brand-1:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-brand-1-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-brand-1-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-brand-1-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-brand-1-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-brand-1-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-brand-1-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-brand-2:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-brand-2:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-brand-2:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-brand-2-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-brand-2-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-brand-2-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-brand-2-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-brand-2-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-brand-2-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-brand-2-disabled:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-brand-2-disabled:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-brand-2-disabled:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-light-border-brand-2-processing:focus {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-light-border-brand-2-processing:hover {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-light-border-brand-2-processing:active {
  border-bottom-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.border-bottom {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-low-contrast {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-low-contrast-hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-low-contrast-pressed {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-low-contrast-disabled {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-high-contrast {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-high-contrast-hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-high-contrast-pressed {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-high-contrast-disabled {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-active-hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-active-pressed {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-2 {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-2-hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-2-pressed {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-2-disabled {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-2-processing {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-1 {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-1-hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-1-pressed {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-1-disabled {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-interactive-on-dark-border-brand-1-processing {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-low-contrast:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-low-contrast:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-low-contrast:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-low-contrast-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-low-contrast-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-low-contrast-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-low-contrast-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-low-contrast-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-low-contrast-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-low-contrast-disabled:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-low-contrast-disabled:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-low-contrast-disabled:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-high-contrast:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-high-contrast:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-high-contrast:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-high-contrast-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-high-contrast-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-high-contrast-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-high-contrast-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-high-contrast-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-high-contrast-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-high-contrast-disabled:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-high-contrast-disabled:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-high-contrast-disabled:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-active:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-active:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-active:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-active-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-active-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-active-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-active-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-active-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-active-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-2:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-2:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-2:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-2-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-2-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-2-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-2-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-2-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-2-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-2-disabled:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-2-disabled:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-2-disabled:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-2-processing:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-2-processing:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-2-processing:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-1:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-1:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-1:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-1-hover:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-1-hover:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-1-hover:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-1-pressed:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-1-pressed:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-1-pressed:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-1-disabled:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-1-disabled:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-1-disabled:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-interactive-on-dark-border-brand-1-processing:focus {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-interactive-on-dark-border-brand-1-processing:hover {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-interactive-on-dark-border-brand-1-processing:active {
  border-bottom-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-bottom-style: solid;
}

.border-bottom {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-light-rag-border-error {
  border-bottom-color: var(--group-light-rag-border-error) !important;
  border-bottom-style: solid;
}

.border-bottom-light-rag-border-warning {
  border-bottom-color: var(--group-light-rag-border-warning) !important;
  border-bottom-style: solid;
}

.border-bottom-light-rag-border-success {
  border-bottom-color: var(--group-light-rag-border-success) !important;
  border-bottom-style: solid;
}

.border-bottom-light-rag-border-information {
  border-bottom-color: var(--group-light-rag-border-information) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-rag-border-error:focus {
  border-bottom-color: var(--group-light-rag-border-error) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-rag-border-error:hover {
  border-bottom-color: var(--group-light-rag-border-error) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-rag-border-error:active {
  border-bottom-color: var(--group-light-rag-border-error) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-rag-border-warning:focus {
  border-bottom-color: var(--group-light-rag-border-warning) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-rag-border-warning:hover {
  border-bottom-color: var(--group-light-rag-border-warning) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-rag-border-warning:active {
  border-bottom-color: var(--group-light-rag-border-warning) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-rag-border-success:focus {
  border-bottom-color: var(--group-light-rag-border-success) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-rag-border-success:hover {
  border-bottom-color: var(--group-light-rag-border-success) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-rag-border-success:active {
  border-bottom-color: var(--group-light-rag-border-success) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-light-rag-border-information:focus {
  border-bottom-color: var(--group-light-rag-border-information) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-light-rag-border-information:hover {
  border-bottom-color: var(--group-light-rag-border-information) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-light-rag-border-information:active {
  border-bottom-color: var(--group-light-rag-border-information) !important;
  border-bottom-style: solid;
}

.border-bottom {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-rag-border-error {
  border-bottom-color: var(--group-dark-rag-border-error) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-rag-border-warning {
  border-bottom-color: var(--group-dark-rag-border-warning) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-rag-border-success {
  border-bottom-color: var(--group-dark-rag-border-success) !important;
  border-bottom-style: solid;
}

.border-bottom-dark-rag-border-information {
  border-bottom-color: var(--group-dark-rag-border-information) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom:focus {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom:hover {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.active\:border-bottom:active {
  border-bottom-color: var(--group-color-base-neutral-3) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-rag-border-error:focus {
  border-bottom-color: var(--group-dark-rag-border-error) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-rag-border-error:hover {
  border-bottom-color: var(--group-dark-rag-border-error) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-rag-border-error:active {
  border-bottom-color: var(--group-dark-rag-border-error) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-rag-border-warning:focus {
  border-bottom-color: var(--group-dark-rag-border-warning) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-rag-border-warning:hover {
  border-bottom-color: var(--group-dark-rag-border-warning) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-rag-border-warning:active {
  border-bottom-color: var(--group-dark-rag-border-warning) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-rag-border-success:focus {
  border-bottom-color: var(--group-dark-rag-border-success) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-rag-border-success:hover {
  border-bottom-color: var(--group-dark-rag-border-success) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-rag-border-success:active {
  border-bottom-color: var(--group-dark-rag-border-success) !important;
  border-bottom-style: solid;
}

.focus\:border-bottom-dark-rag-border-information:focus {
  border-bottom-color: var(--group-dark-rag-border-information) !important;
  border-bottom-style: solid;
}

.hover\:border-bottom-dark-rag-border-information:hover {
  border-bottom-color: var(--group-dark-rag-border-information) !important;
  border-bottom-style: solid;
}

.active\:border-bottom-dark-rag-border-information:active {
  border-bottom-color: var(--group-dark-rag-border-information) !important;
  border-bottom-style: solid;
}

.border-left {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.border-left-light-non-interactive-border-white {
  border-left-color: var(--group-light-non-interactive-border-white) !important;
  border-left-style: solid;
}

.border-left-light-non-interactive-border-neutral-1 {
  border-left-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-left-style: solid;
}

.border-left-light-non-interactive-border-neutral-2 {
  border-left-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-left-style: solid;
}

.border-left-light-non-interactive-border-neutral-3 {
  border-left-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-left-style: solid;
}

.border-left-light-non-interactive-border-neutral-4 {
  border-left-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-left-style: solid;
}

.border-left-light-non-interactive-border-neutral-5 {
  border-left-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-left-style: solid;
}

.border-left-light-non-interactive-border-black {
  border-left-color: var(--group-light-non-interactive-border-black) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-light-non-interactive-border-white:focus {
  border-left-color: var(--group-light-non-interactive-border-white) !important;
  border-left-style: solid;
}

.hover\:border-left-light-non-interactive-border-white:hover {
  border-left-color: var(--group-light-non-interactive-border-white) !important;
  border-left-style: solid;
}

.active\:border-left-light-non-interactive-border-white:active {
  border-left-color: var(--group-light-non-interactive-border-white) !important;
  border-left-style: solid;
}

.focus\:border-left-light-non-interactive-border-neutral-1:focus {
  border-left-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-left-style: solid;
}

.hover\:border-left-light-non-interactive-border-neutral-1:hover {
  border-left-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-left-style: solid;
}

.active\:border-left-light-non-interactive-border-neutral-1:active {
  border-left-color: var(--group-light-non-interactive-border-neutral-1) !important;
  border-left-style: solid;
}

.focus\:border-left-light-non-interactive-border-neutral-2:focus {
  border-left-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-left-style: solid;
}

.hover\:border-left-light-non-interactive-border-neutral-2:hover {
  border-left-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-left-style: solid;
}

.active\:border-left-light-non-interactive-border-neutral-2:active {
  border-left-color: var(--group-light-non-interactive-border-neutral-2) !important;
  border-left-style: solid;
}

.focus\:border-left-light-non-interactive-border-neutral-3:focus {
  border-left-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left-light-non-interactive-border-neutral-3:hover {
  border-left-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left-light-non-interactive-border-neutral-3:active {
  border-left-color: var(--group-light-non-interactive-border-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-light-non-interactive-border-neutral-4:focus {
  border-left-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-left-style: solid;
}

.hover\:border-left-light-non-interactive-border-neutral-4:hover {
  border-left-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-left-style: solid;
}

.active\:border-left-light-non-interactive-border-neutral-4:active {
  border-left-color: var(--group-light-non-interactive-border-neutral-4) !important;
  border-left-style: solid;
}

.focus\:border-left-light-non-interactive-border-neutral-5:focus {
  border-left-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-left-style: solid;
}

.hover\:border-left-light-non-interactive-border-neutral-5:hover {
  border-left-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-left-style: solid;
}

.active\:border-left-light-non-interactive-border-neutral-5:active {
  border-left-color: var(--group-light-non-interactive-border-neutral-5) !important;
  border-left-style: solid;
}

.focus\:border-left-light-non-interactive-border-black:focus {
  border-left-color: var(--group-light-non-interactive-border-black) !important;
  border-left-style: solid;
}

.hover\:border-left-light-non-interactive-border-black:hover {
  border-left-color: var(--group-light-non-interactive-border-black) !important;
  border-left-style: solid;
}

.active\:border-left-light-non-interactive-border-black:active {
  border-left-color: var(--group-light-non-interactive-border-black) !important;
  border-left-style: solid;
}

.border-left {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.border-left-dark-non-interactive-border-white {
  border-left-color: var(--group-dark-non-interactive-border-white) !important;
  border-left-style: solid;
}

.border-left-dark-non-interactive-border-neutral-1 {
  border-left-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-left-style: solid;
}

.border-left-dark-non-interactive-border-neutral-2 {
  border-left-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-left-style: solid;
}

.border-left-dark-non-interactive-border-neutral-3 {
  border-left-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-left-style: solid;
}

.border-left-dark-non-interactive-border-neutral-4 {
  border-left-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-left-style: solid;
}

.border-left-dark-non-interactive-border-neutral-5 {
  border-left-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-left-style: solid;
}

.border-left-dark-non-interactive-border-black {
  border-left-color: var(--group-dark-non-interactive-border-black) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-non-interactive-border-white:focus {
  border-left-color: var(--group-dark-non-interactive-border-white) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-non-interactive-border-white:hover {
  border-left-color: var(--group-dark-non-interactive-border-white) !important;
  border-left-style: solid;
}

.active\:border-left-dark-non-interactive-border-white:active {
  border-left-color: var(--group-dark-non-interactive-border-white) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-non-interactive-border-neutral-1:focus {
  border-left-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-non-interactive-border-neutral-1:hover {
  border-left-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-left-style: solid;
}

.active\:border-left-dark-non-interactive-border-neutral-1:active {
  border-left-color: var(--group-dark-non-interactive-border-neutral-1) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-non-interactive-border-neutral-2:focus {
  border-left-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-non-interactive-border-neutral-2:hover {
  border-left-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-left-style: solid;
}

.active\:border-left-dark-non-interactive-border-neutral-2:active {
  border-left-color: var(--group-dark-non-interactive-border-neutral-2) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-non-interactive-border-neutral-3:focus {
  border-left-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-non-interactive-border-neutral-3:hover {
  border-left-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left-dark-non-interactive-border-neutral-3:active {
  border-left-color: var(--group-dark-non-interactive-border-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-non-interactive-border-neutral-4:focus {
  border-left-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-non-interactive-border-neutral-4:hover {
  border-left-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-left-style: solid;
}

.active\:border-left-dark-non-interactive-border-neutral-4:active {
  border-left-color: var(--group-dark-non-interactive-border-neutral-4) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-non-interactive-border-neutral-5:focus {
  border-left-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-non-interactive-border-neutral-5:hover {
  border-left-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-left-style: solid;
}

.active\:border-left-dark-non-interactive-border-neutral-5:active {
  border-left-color: var(--group-dark-non-interactive-border-neutral-5) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-non-interactive-border-black:focus {
  border-left-color: var(--group-dark-non-interactive-border-black) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-non-interactive-border-black:hover {
  border-left-color: var(--group-dark-non-interactive-border-black) !important;
  border-left-style: solid;
}

.active\:border-left-dark-non-interactive-border-black:active {
  border-left-color: var(--group-dark-non-interactive-border-black) !important;
  border-left-style: solid;
}

.border-left {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-low-contrast {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-low-contrast-hover {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-low-contrast-pressed {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-low-contrast-disabled {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-high-contrast {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-high-contrast-hover {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-high-contrast-pressed {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-high-contrast-disabled {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-active {
  border-left-color: var(--group-light-interactive-on-light-border-active) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-active-hover {
  border-left-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-active-pressed {
  border-left-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-brand-1 {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-brand-1-hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-brand-1-pressed {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-brand-2 {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-brand-2-hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-brand-2-pressed {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-brand-2-disabled {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-light-border-brand-2-processing {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-low-contrast:focus {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-low-contrast:hover {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-low-contrast:active {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-low-contrast-hover:focus {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-low-contrast-hover:hover {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-low-contrast-hover:active {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-low-contrast-pressed:focus {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-low-contrast-pressed:hover {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-low-contrast-pressed:active {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-low-contrast-disabled:focus {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-low-contrast-disabled:hover {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-low-contrast-disabled:active {
  border-left-color: var(--group-light-interactive-on-light-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-high-contrast:focus {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-high-contrast:hover {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-high-contrast:active {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-high-contrast-hover:focus {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-high-contrast-hover:hover {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-high-contrast-hover:active {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-high-contrast-pressed:focus {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-high-contrast-pressed:hover {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-high-contrast-pressed:active {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-high-contrast-disabled:focus {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-high-contrast-disabled:hover {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-high-contrast-disabled:active {
  border-left-color: var(--group-light-interactive-on-light-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-active:focus {
  border-left-color: var(--group-light-interactive-on-light-border-active) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-active:hover {
  border-left-color: var(--group-light-interactive-on-light-border-active) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-active:active {
  border-left-color: var(--group-light-interactive-on-light-border-active) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-active-hover:focus {
  border-left-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-active-hover:hover {
  border-left-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-active-hover:active {
  border-left-color: var(--group-light-interactive-on-light-border-active-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-active-pressed:focus {
  border-left-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-active-pressed:hover {
  border-left-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-active-pressed:active {
  border-left-color: var(--group-light-interactive-on-light-border-active-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-brand-1:focus {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-brand-1:hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-brand-1:active {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-brand-1-hover:focus {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-brand-1-hover:hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-brand-1-hover:active {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-brand-1-pressed:focus {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-brand-1-pressed:hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-brand-1-pressed:active {
  border-left-color: var(--group-light-interactive-on-light-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-brand-2:focus {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-brand-2:hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-brand-2:active {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-brand-2-hover:focus {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-brand-2-hover:hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-brand-2-hover:active {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-brand-2-pressed:focus {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-brand-2-pressed:hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-brand-2-pressed:active {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-brand-2-disabled:focus {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-brand-2-disabled:hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-brand-2-disabled:active {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-light-border-brand-2-processing:focus {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-light-border-brand-2-processing:hover {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-light-border-brand-2-processing:active {
  border-left-color: var(--group-light-interactive-on-light-border-brand-2-processing) !important;
  border-left-style: solid;
}

.border-left {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-low-contrast {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-low-contrast-hover {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-low-contrast-pressed {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-low-contrast-disabled {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-high-contrast {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-high-contrast-hover {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-high-contrast-pressed {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-high-contrast-disabled {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-active {
  border-left-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-active-hover {
  border-left-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-active-pressed {
  border-left-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-2 {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-2-hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-2-pressed {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-2-disabled {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-2-processing {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-1 {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-1-hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-1-pressed {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-1-disabled {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-left-style: solid;
}

.border-left-light-interactive-on-dark-border-brand-1-processing {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-low-contrast:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-low-contrast:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-low-contrast:active {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-low-contrast-hover:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-low-contrast-hover:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-low-contrast-hover:active {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-low-contrast-pressed:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-low-contrast-pressed:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-low-contrast-pressed:active {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-low-contrast-disabled:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-low-contrast-disabled:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-low-contrast-disabled:active {
  border-left-color: var(--group-light-interactive-on-dark-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-high-contrast:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-high-contrast:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-high-contrast:active {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-high-contrast-hover:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-high-contrast-hover:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-high-contrast-hover:active {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-high-contrast-pressed:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-high-contrast-pressed:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-high-contrast-pressed:active {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-high-contrast-disabled:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-high-contrast-disabled:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-high-contrast-disabled:active {
  border-left-color: var(--group-light-interactive-on-dark-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-active:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-active:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-active:active {
  border-left-color: var(--group-light-interactive-on-dark-border-active) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-active-hover:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-active-hover:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-active-hover:active {
  border-left-color: var(--group-light-interactive-on-dark-border-active-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-active-pressed:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-active-pressed:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-active-pressed:active {
  border-left-color: var(--group-light-interactive-on-dark-border-active-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-2:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-2:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-2:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-2-hover:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-2-hover:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-2-hover:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-2-pressed:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-2-pressed:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-2-pressed:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-2-disabled:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-2-disabled:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-2-disabled:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-2-processing:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-2-processing:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-2-processing:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-2-processing) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-1:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-1:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-1:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-1-hover:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-1-hover:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-1-hover:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-1-pressed:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-1-pressed:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-1-pressed:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-1-disabled:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-1-disabled:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-1-disabled:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-light-interactive-on-dark-border-brand-1-processing:focus {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-left-style: solid;
}

.hover\:border-left-light-interactive-on-dark-border-brand-1-processing:hover {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-left-style: solid;
}

.active\:border-left-light-interactive-on-dark-border-brand-1-processing:active {
  border-left-color: var(--group-light-interactive-on-dark-border-brand-1-processing) !important;
  border-left-style: solid;
}

.border-left {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-low-contrast {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-low-contrast-hover {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-low-contrast-pressed {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-low-contrast-disabled {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-high-contrast {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-high-contrast-hover {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-high-contrast-pressed {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-high-contrast-disabled {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-active {
  border-left-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-active-hover {
  border-left-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-active-pressed {
  border-left-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-brand-1 {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-brand-1-hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-brand-1-pressed {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-brand-2 {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-brand-2-hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-brand-2-pressed {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-brand-2-disabled {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-light-border-brand-2-processing {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-low-contrast:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-low-contrast:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-low-contrast:active {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-low-contrast-hover:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-low-contrast-hover:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-low-contrast-hover:active {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-low-contrast-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-low-contrast-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-low-contrast-pressed:active {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-low-contrast-disabled:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-low-contrast-disabled:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-low-contrast-disabled:active {
  border-left-color: var(--group-dark-interactive-on-light-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-high-contrast:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-high-contrast:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-high-contrast:active {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-high-contrast-hover:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-high-contrast-hover:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-high-contrast-hover:active {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-high-contrast-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-high-contrast-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-high-contrast-pressed:active {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-high-contrast-disabled:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-high-contrast-disabled:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-high-contrast-disabled:active {
  border-left-color: var(--group-dark-interactive-on-light-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-active:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-active:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-active:active {
  border-left-color: var(--group-dark-interactive-on-light-border-active) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-active-hover:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-active-hover:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-active-hover:active {
  border-left-color: var(--group-dark-interactive-on-light-border-active-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-active-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-active-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-active-pressed:active {
  border-left-color: var(--group-dark-interactive-on-light-border-active-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-brand-1:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-brand-1:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-brand-1:active {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-brand-1-hover:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-brand-1-hover:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-brand-1-hover:active {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-brand-1-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-brand-1-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-brand-1-pressed:active {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-brand-2:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-brand-2:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-brand-2:active {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-brand-2-hover:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-brand-2-hover:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-brand-2-hover:active {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-brand-2-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-brand-2-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-brand-2-pressed:active {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-brand-2-disabled:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-brand-2-disabled:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-brand-2-disabled:active {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-light-border-brand-2-processing:focus {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-light-border-brand-2-processing:hover {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-light-border-brand-2-processing:active {
  border-left-color: var(--group-dark-interactive-on-light-border-brand-2-processing) !important;
  border-left-style: solid;
}

.border-left {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-low-contrast {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-low-contrast-hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-low-contrast-pressed {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-low-contrast-disabled {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-high-contrast {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-high-contrast-hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-high-contrast-pressed {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-high-contrast-disabled {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-active {
  border-left-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-active-hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-active-pressed {
  border-left-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-2 {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-2-hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-2-pressed {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-2-disabled {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-2-processing {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-1 {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-1-hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-1-pressed {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-1-disabled {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-left-style: solid;
}

.border-left-dark-interactive-on-dark-border-brand-1-processing {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-low-contrast:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-low-contrast:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-low-contrast:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-low-contrast-hover:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-low-contrast-hover:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-low-contrast-hover:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-low-contrast-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-low-contrast-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-low-contrast-pressed:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-low-contrast-disabled:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-low-contrast-disabled:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-low-contrast-disabled:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-low-contrast-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-high-contrast:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-high-contrast:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-high-contrast:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-high-contrast-hover:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-high-contrast-hover:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-high-contrast-hover:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-high-contrast-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-high-contrast-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-high-contrast-pressed:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-high-contrast-disabled:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-high-contrast-disabled:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-high-contrast-disabled:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-high-contrast-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-active:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-active:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-active:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-active) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-active-hover:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-active-hover:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-active-hover:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-active-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-active-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-active-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-active-pressed:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-active-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-2:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-2:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-2:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-2-hover:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-2-hover:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-2-hover:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-2-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-2-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-2-pressed:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-2-disabled:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-2-disabled:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-2-disabled:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-2-processing:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-2-processing:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-2-processing:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-2-processing) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-1:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-1:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-1:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-1-hover:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-1-hover:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-1-hover:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-hover) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-1-pressed:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-1-pressed:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-1-pressed:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-pressed) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-1-disabled:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-1-disabled:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-1-disabled:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-disabled) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-interactive-on-dark-border-brand-1-processing:focus {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-interactive-on-dark-border-brand-1-processing:hover {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-left-style: solid;
}

.active\:border-left-dark-interactive-on-dark-border-brand-1-processing:active {
  border-left-color: var(--group-dark-interactive-on-dark-border-brand-1-processing) !important;
  border-left-style: solid;
}

.border-left {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.border-left-light-rag-border-error {
  border-left-color: var(--group-light-rag-border-error) !important;
  border-left-style: solid;
}

.border-left-light-rag-border-warning {
  border-left-color: var(--group-light-rag-border-warning) !important;
  border-left-style: solid;
}

.border-left-light-rag-border-success {
  border-left-color: var(--group-light-rag-border-success) !important;
  border-left-style: solid;
}

.border-left-light-rag-border-information {
  border-left-color: var(--group-light-rag-border-information) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-light-rag-border-error:focus {
  border-left-color: var(--group-light-rag-border-error) !important;
  border-left-style: solid;
}

.hover\:border-left-light-rag-border-error:hover {
  border-left-color: var(--group-light-rag-border-error) !important;
  border-left-style: solid;
}

.active\:border-left-light-rag-border-error:active {
  border-left-color: var(--group-light-rag-border-error) !important;
  border-left-style: solid;
}

.focus\:border-left-light-rag-border-warning:focus {
  border-left-color: var(--group-light-rag-border-warning) !important;
  border-left-style: solid;
}

.hover\:border-left-light-rag-border-warning:hover {
  border-left-color: var(--group-light-rag-border-warning) !important;
  border-left-style: solid;
}

.active\:border-left-light-rag-border-warning:active {
  border-left-color: var(--group-light-rag-border-warning) !important;
  border-left-style: solid;
}

.focus\:border-left-light-rag-border-success:focus {
  border-left-color: var(--group-light-rag-border-success) !important;
  border-left-style: solid;
}

.hover\:border-left-light-rag-border-success:hover {
  border-left-color: var(--group-light-rag-border-success) !important;
  border-left-style: solid;
}

.active\:border-left-light-rag-border-success:active {
  border-left-color: var(--group-light-rag-border-success) !important;
  border-left-style: solid;
}

.focus\:border-left-light-rag-border-information:focus {
  border-left-color: var(--group-light-rag-border-information) !important;
  border-left-style: solid;
}

.hover\:border-left-light-rag-border-information:hover {
  border-left-color: var(--group-light-rag-border-information) !important;
  border-left-style: solid;
}

.active\:border-left-light-rag-border-information:active {
  border-left-color: var(--group-light-rag-border-information) !important;
  border-left-style: solid;
}

.border-left {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.border-left-dark-rag-border-error {
  border-left-color: var(--group-dark-rag-border-error) !important;
  border-left-style: solid;
}

.border-left-dark-rag-border-warning {
  border-left-color: var(--group-dark-rag-border-warning) !important;
  border-left-style: solid;
}

.border-left-dark-rag-border-success {
  border-left-color: var(--group-dark-rag-border-success) !important;
  border-left-style: solid;
}

.border-left-dark-rag-border-information {
  border-left-color: var(--group-dark-rag-border-information) !important;
  border-left-style: solid;
}

.focus\:border-left:focus {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.hover\:border-left:hover {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.active\:border-left:active {
  border-left-color: var(--group-color-base-neutral-3) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-rag-border-error:focus {
  border-left-color: var(--group-dark-rag-border-error) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-rag-border-error:hover {
  border-left-color: var(--group-dark-rag-border-error) !important;
  border-left-style: solid;
}

.active\:border-left-dark-rag-border-error:active {
  border-left-color: var(--group-dark-rag-border-error) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-rag-border-warning:focus {
  border-left-color: var(--group-dark-rag-border-warning) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-rag-border-warning:hover {
  border-left-color: var(--group-dark-rag-border-warning) !important;
  border-left-style: solid;
}

.active\:border-left-dark-rag-border-warning:active {
  border-left-color: var(--group-dark-rag-border-warning) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-rag-border-success:focus {
  border-left-color: var(--group-dark-rag-border-success) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-rag-border-success:hover {
  border-left-color: var(--group-dark-rag-border-success) !important;
  border-left-style: solid;
}

.active\:border-left-dark-rag-border-success:active {
  border-left-color: var(--group-dark-rag-border-success) !important;
  border-left-style: solid;
}

.focus\:border-left-dark-rag-border-information:focus {
  border-left-color: var(--group-dark-rag-border-information) !important;
  border-left-style: solid;
}

.hover\:border-left-dark-rag-border-information:hover {
  border-left-color: var(--group-dark-rag-border-information) !important;
  border-left-style: solid;
}

.active\:border-left-dark-rag-border-information:active {
  border-left-color: var(--group-dark-rag-border-information) !important;
  border-left-style: solid;
}

.radius-none {
  border-radius: 0 !important;
}

.radius-normal {
  border-radius: var(--group-radius-normal) !important;
}

.radius-large {
  border-radius: var(--group-radius-large) !important;
}

.radius-rounded {
  border-radius: var(--group-radius-rounded) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:radius-none {
    border-radius: 0 !important;
  }
  .mobile\:radius-normal {
    border-radius: var(--group-radius-normal) !important;
  }
  .mobile\:radius-large {
    border-radius: var(--group-radius-large) !important;
  }
  .mobile\:radius-rounded {
    border-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:radius-none {
    border-radius: 0 !important;
  }
  .tablet\:radius-normal {
    border-radius: var(--group-radius-normal) !important;
  }
  .tablet\:radius-large {
    border-radius: var(--group-radius-large) !important;
  }
  .tablet\:radius-rounded {
    border-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:radius-none {
    border-radius: 0 !important;
  }
  .desktop\:radius-normal {
    border-radius: var(--group-radius-normal) !important;
  }
  .desktop\:radius-large {
    border-radius: var(--group-radius-large) !important;
  }
  .desktop\:radius-rounded {
    border-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:radius-none {
    border-radius: 0 !important;
  }
  .widescreen\:radius-normal {
    border-radius: var(--group-radius-normal) !important;
  }
  .widescreen\:radius-large {
    border-radius: var(--group-radius-large) !important;
  }
  .widescreen\:radius-rounded {
    border-radius: var(--group-radius-rounded) !important;
  }
}
.radius-top-none {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.radius-top-normal {
  border-top-left-radius: var(--group-radius-normal) !important;
  border-top-right-radius: var(--group-radius-normal) !important;
}

.radius-top-large {
  border-top-left-radius: var(--group-radius-large) !important;
  border-top-right-radius: var(--group-radius-large) !important;
}

.radius-top-rounded {
  border-top-left-radius: var(--group-radius-rounded) !important;
  border-top-right-radius: var(--group-radius-rounded) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:radius-top-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .mobile\:radius-top-normal {
    border-top-left-radius: var(--group-radius-normal) !important;
    border-top-right-radius: var(--group-radius-normal) !important;
  }
  .mobile\:radius-top-large {
    border-top-left-radius: var(--group-radius-large) !important;
    border-top-right-radius: var(--group-radius-large) !important;
  }
  .mobile\:radius-top-rounded {
    border-top-left-radius: var(--group-radius-rounded) !important;
    border-top-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:radius-top-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .tablet\:radius-top-normal {
    border-top-left-radius: var(--group-radius-normal) !important;
    border-top-right-radius: var(--group-radius-normal) !important;
  }
  .tablet\:radius-top-large {
    border-top-left-radius: var(--group-radius-large) !important;
    border-top-right-radius: var(--group-radius-large) !important;
  }
  .tablet\:radius-top-rounded {
    border-top-left-radius: var(--group-radius-rounded) !important;
    border-top-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:radius-top-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .desktop\:radius-top-normal {
    border-top-left-radius: var(--group-radius-normal) !important;
    border-top-right-radius: var(--group-radius-normal) !important;
  }
  .desktop\:radius-top-large {
    border-top-left-radius: var(--group-radius-large) !important;
    border-top-right-radius: var(--group-radius-large) !important;
  }
  .desktop\:radius-top-rounded {
    border-top-left-radius: var(--group-radius-rounded) !important;
    border-top-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:radius-top-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .widescreen\:radius-top-normal {
    border-top-left-radius: var(--group-radius-normal) !important;
    border-top-right-radius: var(--group-radius-normal) !important;
  }
  .widescreen\:radius-top-large {
    border-top-left-radius: var(--group-radius-large) !important;
    border-top-right-radius: var(--group-radius-large) !important;
  }
  .widescreen\:radius-top-rounded {
    border-top-left-radius: var(--group-radius-rounded) !important;
    border-top-right-radius: var(--group-radius-rounded) !important;
  }
}
.radius-left-none {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.radius-left-normal {
  border-top-left-radius: var(--group-radius-normal) !important;
  border-bottom-left-radius: var(--group-radius-normal) !important;
}

.radius-left-large {
  border-top-left-radius: var(--group-radius-large) !important;
  border-bottom-left-radius: var(--group-radius-large) !important;
}

.radius-left-rounded {
  border-top-left-radius: var(--group-radius-rounded) !important;
  border-bottom-left-radius: var(--group-radius-rounded) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:radius-left-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .mobile\:radius-left-normal {
    border-top-left-radius: var(--group-radius-normal) !important;
    border-bottom-left-radius: var(--group-radius-normal) !important;
  }
  .mobile\:radius-left-large {
    border-top-left-radius: var(--group-radius-large) !important;
    border-bottom-left-radius: var(--group-radius-large) !important;
  }
  .mobile\:radius-left-rounded {
    border-top-left-radius: var(--group-radius-rounded) !important;
    border-bottom-left-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:radius-left-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .tablet\:radius-left-normal {
    border-top-left-radius: var(--group-radius-normal) !important;
    border-bottom-left-radius: var(--group-radius-normal) !important;
  }
  .tablet\:radius-left-large {
    border-top-left-radius: var(--group-radius-large) !important;
    border-bottom-left-radius: var(--group-radius-large) !important;
  }
  .tablet\:radius-left-rounded {
    border-top-left-radius: var(--group-radius-rounded) !important;
    border-bottom-left-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:radius-left-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .desktop\:radius-left-normal {
    border-top-left-radius: var(--group-radius-normal) !important;
    border-bottom-left-radius: var(--group-radius-normal) !important;
  }
  .desktop\:radius-left-large {
    border-top-left-radius: var(--group-radius-large) !important;
    border-bottom-left-radius: var(--group-radius-large) !important;
  }
  .desktop\:radius-left-rounded {
    border-top-left-radius: var(--group-radius-rounded) !important;
    border-bottom-left-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:radius-left-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .widescreen\:radius-left-normal {
    border-top-left-radius: var(--group-radius-normal) !important;
    border-bottom-left-radius: var(--group-radius-normal) !important;
  }
  .widescreen\:radius-left-large {
    border-top-left-radius: var(--group-radius-large) !important;
    border-bottom-left-radius: var(--group-radius-large) !important;
  }
  .widescreen\:radius-left-rounded {
    border-top-left-radius: var(--group-radius-rounded) !important;
    border-bottom-left-radius: var(--group-radius-rounded) !important;
  }
}
.radius-right-none {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.radius-right-normal {
  border-top-right-radius: var(--group-radius-normal) !important;
  border-bottom-right-radius: var(--group-radius-normal) !important;
}

.radius-right-large {
  border-top-right-radius: var(--group-radius-large) !important;
  border-bottom-right-radius: var(--group-radius-large) !important;
}

.radius-right-rounded {
  border-top-right-radius: var(--group-radius-rounded) !important;
  border-bottom-right-radius: var(--group-radius-rounded) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:radius-right-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .mobile\:radius-right-normal {
    border-top-right-radius: var(--group-radius-normal) !important;
    border-bottom-right-radius: var(--group-radius-normal) !important;
  }
  .mobile\:radius-right-large {
    border-top-right-radius: var(--group-radius-large) !important;
    border-bottom-right-radius: var(--group-radius-large) !important;
  }
  .mobile\:radius-right-rounded {
    border-top-right-radius: var(--group-radius-rounded) !important;
    border-bottom-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:radius-right-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .tablet\:radius-right-normal {
    border-top-right-radius: var(--group-radius-normal) !important;
    border-bottom-right-radius: var(--group-radius-normal) !important;
  }
  .tablet\:radius-right-large {
    border-top-right-radius: var(--group-radius-large) !important;
    border-bottom-right-radius: var(--group-radius-large) !important;
  }
  .tablet\:radius-right-rounded {
    border-top-right-radius: var(--group-radius-rounded) !important;
    border-bottom-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:radius-right-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .desktop\:radius-right-normal {
    border-top-right-radius: var(--group-radius-normal) !important;
    border-bottom-right-radius: var(--group-radius-normal) !important;
  }
  .desktop\:radius-right-large {
    border-top-right-radius: var(--group-radius-large) !important;
    border-bottom-right-radius: var(--group-radius-large) !important;
  }
  .desktop\:radius-right-rounded {
    border-top-right-radius: var(--group-radius-rounded) !important;
    border-bottom-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:radius-right-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .widescreen\:radius-right-normal {
    border-top-right-radius: var(--group-radius-normal) !important;
    border-bottom-right-radius: var(--group-radius-normal) !important;
  }
  .widescreen\:radius-right-large {
    border-top-right-radius: var(--group-radius-large) !important;
    border-bottom-right-radius: var(--group-radius-large) !important;
  }
  .widescreen\:radius-right-rounded {
    border-top-right-radius: var(--group-radius-rounded) !important;
    border-bottom-right-radius: var(--group-radius-rounded) !important;
  }
}
.radius-bottom-none {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.radius-bottom-normal {
  border-bottom-left-radius: var(--group-radius-normal) !important;
  border-bottom-right-radius: var(--group-radius-normal) !important;
}

.radius-bottom-large {
  border-bottom-left-radius: var(--group-radius-large) !important;
  border-bottom-right-radius: var(--group-radius-large) !important;
}

.radius-bottom-rounded {
  border-bottom-left-radius: var(--group-radius-rounded) !important;
  border-bottom-right-radius: var(--group-radius-rounded) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:radius-bottom-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .mobile\:radius-bottom-normal {
    border-bottom-left-radius: var(--group-radius-normal) !important;
    border-bottom-right-radius: var(--group-radius-normal) !important;
  }
  .mobile\:radius-bottom-large {
    border-bottom-left-radius: var(--group-radius-large) !important;
    border-bottom-right-radius: var(--group-radius-large) !important;
  }
  .mobile\:radius-bottom-rounded {
    border-bottom-left-radius: var(--group-radius-rounded) !important;
    border-bottom-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:radius-bottom-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .tablet\:radius-bottom-normal {
    border-bottom-left-radius: var(--group-radius-normal) !important;
    border-bottom-right-radius: var(--group-radius-normal) !important;
  }
  .tablet\:radius-bottom-large {
    border-bottom-left-radius: var(--group-radius-large) !important;
    border-bottom-right-radius: var(--group-radius-large) !important;
  }
  .tablet\:radius-bottom-rounded {
    border-bottom-left-radius: var(--group-radius-rounded) !important;
    border-bottom-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:radius-bottom-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .desktop\:radius-bottom-normal {
    border-bottom-left-radius: var(--group-radius-normal) !important;
    border-bottom-right-radius: var(--group-radius-normal) !important;
  }
  .desktop\:radius-bottom-large {
    border-bottom-left-radius: var(--group-radius-large) !important;
    border-bottom-right-radius: var(--group-radius-large) !important;
  }
  .desktop\:radius-bottom-rounded {
    border-bottom-left-radius: var(--group-radius-rounded) !important;
    border-bottom-right-radius: var(--group-radius-rounded) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:radius-bottom-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .widescreen\:radius-bottom-normal {
    border-bottom-left-radius: var(--group-radius-normal) !important;
    border-bottom-right-radius: var(--group-radius-normal) !important;
  }
  .widescreen\:radius-bottom-large {
    border-bottom-left-radius: var(--group-radius-large) !important;
    border-bottom-right-radius: var(--group-radius-large) !important;
  }
  .widescreen\:radius-bottom-rounded {
    border-bottom-left-radius: var(--group-radius-rounded) !important;
    border-bottom-right-radius: var(--group-radius-rounded) !important;
  }
}
.border-none {
  border-width: unset !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-none {
    border-width: unset !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:border-none {
    border-width: unset !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-none {
    border-width: unset !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:border-none {
    border-width: unset !important;
  }
}
.border-top-none {
  border-top-width: unset !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-top-none {
    border-top-width: unset !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:border-top-none {
    border-top-width: unset !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-top-none {
    border-top-width: unset !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:border-top-none {
    border-top-width: unset !important;
  }
}
.border-right-none {
  border-right-width: unset !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-right-none {
    border-right-width: unset !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:border-right-none {
    border-right-width: unset !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-right-none {
    border-right-width: unset !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:border-right-none {
    border-right-width: unset !important;
  }
}
.border-bottom-none {
  border-bottom-width: unset !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-bottom-none {
    border-bottom-width: unset !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:border-bottom-none {
    border-bottom-width: unset !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-bottom-none {
    border-bottom-width: unset !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:border-bottom-none {
    border-bottom-width: unset !important;
  }
}
.border-left-none {
  border-left-width: unset !important;
}

@media screen and (max-width: 768px) {
  .mobile\:border-left-none {
    border-left-width: unset !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:border-left-none {
    border-left-width: unset !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:border-left-none {
    border-left-width: unset !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:border-left-none {
    border-left-width: unset !important;
  }
}
.bw-width-none {
  border-width: unset !important;
}

.bw-width-small {
  border-width: var(--group-border-small) !important;
}

.bw-width-medium {
  border-width: var(--group-border-medium) !important;
}

.bw-width-large {
  border-width: var(--group-border-large) !important;
}

.focus\:bw-width-none:focus {
  border-width: unset !important;
}

.hover\:bw-width-none:hover {
  border-width: unset !important;
}

.active\:bw-width-none:active {
  border-width: unset !important;
}

.focus\:bw-width-small:focus {
  border-width: var(--group-border-small) !important;
}

.hover\:bw-width-small:hover {
  border-width: var(--group-border-small) !important;
}

.active\:bw-width-small:active {
  border-width: var(--group-border-small) !important;
}

.focus\:bw-width-medium:focus {
  border-width: var(--group-border-medium) !important;
}

.hover\:bw-width-medium:hover {
  border-width: var(--group-border-medium) !important;
}

.active\:bw-width-medium:active {
  border-width: var(--group-border-medium) !important;
}

.focus\:bw-width-large:focus {
  border-width: var(--group-border-large) !important;
}

.hover\:bw-width-large:hover {
  border-width: var(--group-border-large) !important;
}

.active\:bw-width-large:active {
  border-width: var(--group-border-large) !important;
}

@media screen and (min-width: 769px), print {
  .bw-width-none {
    border-width: unset !important;
  }
  .bw-width-small {
    border-width: var(--group-border-small-tablet) !important;
  }
  .tablet:bw-width-small {
    border-width: var(--group-border-small-tablet) !important;
  }
  .bw-width-medium {
    border-width: var(--group-border-medium-tablet) !important;
  }
  .tablet:bw-width-medium {
    border-width: var(--group-border-medium-tablet) !important;
  }
  .bw-width-large {
    border-width: var(--group-border-large-tablet) !important;
  }
  .tablet:bw-width-large {
    border-width: var(--group-border-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .bw-width-none {
    border-width: unset !important;
  }
  .bw-width-small {
    border-width: var(--group-border-small-desktop) !important;
  }
  .desktop:bw-width-small {
    border-width: var(--group-border-small-desktop) !important;
  }
  .bw-width-medium {
    border-width: var(--group-border-medium-desktop) !important;
  }
  .desktop:bw-width-medium {
    border-width: var(--group-border-medium-desktop) !important;
  }
  .bw-width-large {
    border-width: var(--group-border-large-desktop) !important;
  }
  .desktop:bw-width-large {
    border-width: var(--group-border-large-desktop) !important;
  }
}
.opacity-0 {
  opacity: var(--group-opacity-0) !important;
}

.opacity-30 {
  opacity: var(--group-opacity-30) !important;
}

.opacity-40 {
  opacity: var(--group-opacity-40) !important;
}

.opacity-50 {
  opacity: var(--group-opacity-50) !important;
}

.opacity-60 {
  opacity: var(--group-opacity-60) !important;
}

.opacity-80 {
  opacity: var(--group-opacity-80) !important;
}

.opacity-100 {
  opacity: var(--group-opacity-100) !important;
}

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

.shadow-small {
  box-shadow: var(--group-shadow-small) !important;
}

.shadow-normal {
  box-shadow: var(--group-shadow-normal) !important;
}

.shadow-large {
  box-shadow: var(--group-shadow-large) !important;
}

.focus\:shadow-none:focus {
  box-shadow: none !important;
}

.hover\:shadow-none:hover {
  box-shadow: none !important;
}

.active\:shadow-none:active {
  box-shadow: none !important;
}

.focus\:shadow-small:focus {
  box-shadow: var(--group-shadow-small) !important;
}

.hover\:shadow-small:hover {
  box-shadow: var(--group-shadow-small) !important;
}

.active\:shadow-small:active {
  box-shadow: var(--group-shadow-small) !important;
}

.focus\:shadow-normal:focus {
  box-shadow: var(--group-shadow-normal) !important;
}

.hover\:shadow-normal:hover {
  box-shadow: var(--group-shadow-normal) !important;
}

.active\:shadow-normal:active {
  box-shadow: var(--group-shadow-normal) !important;
}

.focus\:shadow-large:focus {
  box-shadow: var(--group-shadow-large) !important;
}

.hover\:shadow-large:hover {
  box-shadow: var(--group-shadow-large) !important;
}

.active\:shadow-large:active {
  box-shadow: var(--group-shadow-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:shadow-none {
    box-shadow: none !important;
  }
  .mobile\:shadow-small {
    box-shadow: var(--group-shadow-small) !important;
  }
  .mobile\:shadow-normal {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .mobile\:shadow-large {
    box-shadow: var(--group-shadow-large) !important;
  }
  .mobile\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .mobile\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .mobile\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .mobile\:focus\:shadow-small:focus {
    box-shadow: var(--group-shadow-small) !important;
  }
  .mobile\:hover\:shadow-small:hover {
    box-shadow: var(--group-shadow-small) !important;
  }
  .mobile\:active\:shadow-small:active {
    box-shadow: var(--group-shadow-small) !important;
  }
  .mobile\:focus\:shadow-normal:focus {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .mobile\:hover\:shadow-normal:hover {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .mobile\:active\:shadow-normal:active {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .mobile\:focus\:shadow-large:focus {
    box-shadow: var(--group-shadow-large) !important;
  }
  .mobile\:hover\:shadow-large:hover {
    box-shadow: var(--group-shadow-large) !important;
  }
  .mobile\:active\:shadow-large:active {
    box-shadow: var(--group-shadow-large) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:shadow-none {
    box-shadow: none !important;
  }
  .tablet\:shadow-small {
    box-shadow: var(--group-shadow-small) !important;
  }
  .tablet\:shadow-normal {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .tablet\:shadow-large {
    box-shadow: var(--group-shadow-large) !important;
  }
  .tablet\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .tablet\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .tablet\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .tablet\:focus\:shadow-small:focus {
    box-shadow: var(--group-shadow-small) !important;
  }
  .tablet\:hover\:shadow-small:hover {
    box-shadow: var(--group-shadow-small) !important;
  }
  .tablet\:active\:shadow-small:active {
    box-shadow: var(--group-shadow-small) !important;
  }
  .tablet\:focus\:shadow-normal:focus {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .tablet\:hover\:shadow-normal:hover {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .tablet\:active\:shadow-normal:active {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .tablet\:focus\:shadow-large:focus {
    box-shadow: var(--group-shadow-large) !important;
  }
  .tablet\:hover\:shadow-large:hover {
    box-shadow: var(--group-shadow-large) !important;
  }
  .tablet\:active\:shadow-large:active {
    box-shadow: var(--group-shadow-large) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:shadow-none {
    box-shadow: none !important;
  }
  .desktop\:shadow-small {
    box-shadow: var(--group-shadow-small) !important;
  }
  .desktop\:shadow-normal {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .desktop\:shadow-large {
    box-shadow: var(--group-shadow-large) !important;
  }
  .desktop\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .desktop\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .desktop\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .desktop\:focus\:shadow-small:focus {
    box-shadow: var(--group-shadow-small) !important;
  }
  .desktop\:hover\:shadow-small:hover {
    box-shadow: var(--group-shadow-small) !important;
  }
  .desktop\:active\:shadow-small:active {
    box-shadow: var(--group-shadow-small) !important;
  }
  .desktop\:focus\:shadow-normal:focus {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .desktop\:hover\:shadow-normal:hover {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .desktop\:active\:shadow-normal:active {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .desktop\:focus\:shadow-large:focus {
    box-shadow: var(--group-shadow-large) !important;
  }
  .desktop\:hover\:shadow-large:hover {
    box-shadow: var(--group-shadow-large) !important;
  }
  .desktop\:active\:shadow-large:active {
    box-shadow: var(--group-shadow-large) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:shadow-none {
    box-shadow: none !important;
  }
  .widescreen\:shadow-small {
    box-shadow: var(--group-shadow-small) !important;
  }
  .widescreen\:shadow-normal {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .widescreen\:shadow-large {
    box-shadow: var(--group-shadow-large) !important;
  }
  .widescreen\:focus\:shadow-none:focus {
    box-shadow: none !important;
  }
  .widescreen\:hover\:shadow-none:hover {
    box-shadow: none !important;
  }
  .widescreen\:active\:shadow-none:active {
    box-shadow: none !important;
  }
  .widescreen\:focus\:shadow-small:focus {
    box-shadow: var(--group-shadow-small) !important;
  }
  .widescreen\:hover\:shadow-small:hover {
    box-shadow: var(--group-shadow-small) !important;
  }
  .widescreen\:active\:shadow-small:active {
    box-shadow: var(--group-shadow-small) !important;
  }
  .widescreen\:focus\:shadow-normal:focus {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .widescreen\:hover\:shadow-normal:hover {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .widescreen\:active\:shadow-normal:active {
    box-shadow: var(--group-shadow-normal) !important;
  }
  .widescreen\:focus\:shadow-large:focus {
    box-shadow: var(--group-shadow-large) !important;
  }
  .widescreen\:hover\:shadow-large:hover {
    box-shadow: var(--group-shadow-large) !important;
  }
  .widescreen\:active\:shadow-large:active {
    box-shadow: var(--group-shadow-large) !important;
  }
}
.text-shadow-normal {
  text-shadow: var(--group-text-shadow-normal) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-shadow-normal {
    text-shadow: var(--group-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-shadow-normal {
    text-shadow: var(--group-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-shadow-normal {
    text-shadow: var(--group-text-shadow-normal) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-shadow-normal {
    text-shadow: var(--group-text-shadow-normal) !important;
  }
}
.elevation-light-elevation-decorative {
  elevation: var(--group-light-elevation-decorative) !important;
}

.elevation-light-elevation-functional {
  elevation: var(--group-light-elevation-functional) !important;
}

.elevation-light-elevation-border {
  elevation: var(--group-light-elevation-border) !important;
}

.elevation-dark-elevation-decorative {
  elevation: var(--group-dark-elevation-decorative) !important;
}

.elevation-dark-elevation-functional {
  elevation: var(--group-dark-elevation-functional) !important;
}

.elevation-dark-elevation-border {
  elevation: var(--group-dark-elevation-border) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:elevation-light-elevation-decorative {
    elevation: var(--group-light-elevation-decorative) !important;
  }
  .mobile\:elevation-light-elevation-functional {
    elevation: var(--group-light-elevation-functional) !important;
  }
  .mobile\:elevation-light-elevation-border {
    elevation: var(--group-light-elevation-border) !important;
  }
  .mobile\:elevation-dark-elevation-decorative {
    elevation: var(--group-dark-elevation-decorative) !important;
  }
  .mobile\:elevation-dark-elevation-functional {
    elevation: var(--group-dark-elevation-functional) !important;
  }
  .mobile\:elevation-dark-elevation-border {
    elevation: var(--group-dark-elevation-border) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:elevation-light-elevation-decorative {
    elevation: var(--group-light-elevation-decorative) !important;
  }
  .tablet\:elevation-light-elevation-functional {
    elevation: var(--group-light-elevation-functional) !important;
  }
  .tablet\:elevation-light-elevation-border {
    elevation: var(--group-light-elevation-border) !important;
  }
  .tablet\:elevation-dark-elevation-decorative {
    elevation: var(--group-dark-elevation-decorative) !important;
  }
  .tablet\:elevation-dark-elevation-functional {
    elevation: var(--group-dark-elevation-functional) !important;
  }
  .tablet\:elevation-dark-elevation-border {
    elevation: var(--group-dark-elevation-border) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:elevation-light-elevation-decorative {
    elevation: var(--group-light-elevation-decorative) !important;
  }
  .desktop\:elevation-light-elevation-functional {
    elevation: var(--group-light-elevation-functional) !important;
  }
  .desktop\:elevation-light-elevation-border {
    elevation: var(--group-light-elevation-border) !important;
  }
  .desktop\:elevation-dark-elevation-decorative {
    elevation: var(--group-dark-elevation-decorative) !important;
  }
  .desktop\:elevation-dark-elevation-functional {
    elevation: var(--group-dark-elevation-functional) !important;
  }
  .desktop\:elevation-dark-elevation-border {
    elevation: var(--group-dark-elevation-border) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:elevation-light-elevation-decorative {
    elevation: var(--group-light-elevation-decorative) !important;
  }
  .widescreen\:elevation-light-elevation-functional {
    elevation: var(--group-light-elevation-functional) !important;
  }
  .widescreen\:elevation-light-elevation-border {
    elevation: var(--group-light-elevation-border) !important;
  }
  .widescreen\:elevation-dark-elevation-decorative {
    elevation: var(--group-dark-elevation-decorative) !important;
  }
  .widescreen\:elevation-dark-elevation-functional {
    elevation: var(--group-dark-elevation-functional) !important;
  }
  .widescreen\:elevation-dark-elevation-border {
    elevation: var(--group-dark-elevation-border) !important;
  }
}
.align-content-start {
  align-content: flex-start !important;
}

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

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:align-content-start {
    align-content: flex-start !important;
  }
  .mobile\:align-content-end {
    align-content: flex-end !important;
  }
  .mobile\:align-content-center {
    align-content: center !important;
  }
  .mobile\:align-content-baseline {
    align-content: baseline !important;
  }
  .mobile\:align-content-space-between {
    align-content: space-between !important;
  }
  .mobile\:align-content-space-around {
    align-content: space-around !important;
  }
  .mobile\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:align-content-start {
    align-content: flex-start !important;
  }
  .tablet\:align-content-end {
    align-content: flex-end !important;
  }
  .tablet\:align-content-center {
    align-content: center !important;
  }
  .tablet\:align-content-baseline {
    align-content: baseline !important;
  }
  .tablet\:align-content-space-between {
    align-content: space-between !important;
  }
  .tablet\:align-content-space-around {
    align-content: space-around !important;
  }
  .tablet\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-content-start {
    align-content: flex-start !important;
  }
  .desktop\:align-content-end {
    align-content: flex-end !important;
  }
  .desktop\:align-content-center {
    align-content: center !important;
  }
  .desktop\:align-content-baseline {
    align-content: baseline !important;
  }
  .desktop\:align-content-space-between {
    align-content: space-between !important;
  }
  .desktop\:align-content-space-around {
    align-content: space-around !important;
  }
  .desktop\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:align-content-start {
    align-content: flex-start !important;
  }
  .widescreen\:align-content-end {
    align-content: flex-end !important;
  }
  .widescreen\:align-content-center {
    align-content: center !important;
  }
  .widescreen\:align-content-baseline {
    align-content: baseline !important;
  }
  .widescreen\:align-content-space-between {
    align-content: space-between !important;
  }
  .widescreen\:align-content-space-around {
    align-content: space-around !important;
  }
  .widescreen\:align-content-space-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-start {
  align-items: flex-start !important;
}

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:align-items-start {
    align-items: flex-start !important;
  }
  .mobile\:align-items-end {
    align-items: flex-end !important;
  }
  .mobile\:align-items-center {
    align-items: center !important;
  }
  .mobile\:align-items-stretch {
    align-items: stretch !important;
  }
  .mobile\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:align-items-start {
    align-items: flex-start !important;
  }
  .tablet\:align-items-end {
    align-items: flex-end !important;
  }
  .tablet\:align-items-center {
    align-items: center !important;
  }
  .tablet\:align-items-stretch {
    align-items: stretch !important;
  }
  .tablet\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-items-start {
    align-items: flex-start !important;
  }
  .desktop\:align-items-end {
    align-items: flex-end !important;
  }
  .desktop\:align-items-center {
    align-items: center !important;
  }
  .desktop\:align-items-stretch {
    align-items: stretch !important;
  }
  .desktop\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:align-items-start {
    align-items: flex-start !important;
  }
  .widescreen\:align-items-end {
    align-items: flex-end !important;
  }
  .widescreen\:align-items-center {
    align-items: center !important;
  }
  .widescreen\:align-items-stretch {
    align-items: stretch !important;
  }
  .widescreen\:align-items-baseline {
    align-items: baseline !important;
  }
}
.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:align-self-start {
    align-self: flex-start !important;
  }
  .mobile\:align-self-end {
    align-self: flex-end !important;
  }
  .mobile\:align-self-center {
    align-self: center !important;
  }
  .mobile\:align-self-stretch {
    align-self: stretch !important;
  }
  .mobile\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:align-self-start {
    align-self: flex-start !important;
  }
  .tablet\:align-self-end {
    align-self: flex-end !important;
  }
  .tablet\:align-self-center {
    align-self: center !important;
  }
  .tablet\:align-self-stretch {
    align-self: stretch !important;
  }
  .tablet\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:align-self-start {
    align-self: flex-start !important;
  }
  .desktop\:align-self-end {
    align-self: flex-end !important;
  }
  .desktop\:align-self-center {
    align-self: center !important;
  }
  .desktop\:align-self-stretch {
    align-self: stretch !important;
  }
  .desktop\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:align-self-start {
    align-self: flex-start !important;
  }
  .widescreen\:align-self-end {
    align-self: flex-end !important;
  }
  .widescreen\:align-self-center {
    align-self: center !important;
  }
  .widescreen\:align-self-stretch {
    align-self: stretch !important;
  }
  .widescreen\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-direction-row {
  flex-direction: row !important;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-direction-column {
  flex-direction: column !important;
}

.flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-direction-row {
    flex-direction: row !important;
  }
  .mobile\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .mobile\:flex-direction-column {
    flex-direction: column !important;
  }
  .mobile\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:flex-direction-row {
    flex-direction: row !important;
  }
  .tablet\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .tablet\:flex-direction-column {
    flex-direction: column !important;
  }
  .tablet\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-direction-row {
    flex-direction: row !important;
  }
  .desktop\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .desktop\:flex-direction-column {
    flex-direction: column !important;
  }
  .desktop\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:flex-direction-row {
    flex-direction: row !important;
  }
  .widescreen\:flex-direction-row-reverse {
    flex-direction: row-reverse !important;
  }
  .widescreen\:flex-direction-column {
    flex-direction: column !important;
  }
  .widescreen\:flex-direction-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}

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

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

.flex-none {
  flex: none !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-1 {
    flex: 1 1 0% !important;
  }
  .mobile\:flex-auto {
    flex: 1 1 auto !important;
  }
  .mobile\:flex-initial {
    flex: 0 1 auto !important;
  }
  .mobile\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:flex-1 {
    flex: 1 1 0% !important;
  }
  .tablet\:flex-auto {
    flex: 1 1 auto !important;
  }
  .tablet\:flex-initial {
    flex: 0 1 auto !important;
  }
  .tablet\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-1 {
    flex: 1 1 0% !important;
  }
  .desktop\:flex-auto {
    flex: 1 1 auto !important;
  }
  .desktop\:flex-initial {
    flex: 0 1 auto !important;
  }
  .desktop\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:flex-1 {
    flex: 1 1 0% !important;
  }
  .widescreen\:flex-auto {
    flex: 1 1 auto !important;
  }
  .widescreen\:flex-initial {
    flex: 0 1 auto !important;
  }
  .widescreen\:flex-none {
    flex: none !important;
  }
}
.justify-content-start {
  justify-content: flex-start !important;
}

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

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

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

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

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

@media screen and (max-width: 768px) {
  .mobile\:justify-content-start {
    justify-content: flex-start !important;
  }
  .mobile\:justify-content-end {
    justify-content: flex-end !important;
  }
  .mobile\:justify-content-center {
    justify-content: center !important;
  }
  .mobile\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .mobile\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .mobile\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:justify-content-start {
    justify-content: flex-start !important;
  }
  .tablet\:justify-content-end {
    justify-content: flex-end !important;
  }
  .tablet\:justify-content-center {
    justify-content: center !important;
  }
  .tablet\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .tablet\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .tablet\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:justify-content-start {
    justify-content: flex-start !important;
  }
  .desktop\:justify-content-end {
    justify-content: flex-end !important;
  }
  .desktop\:justify-content-center {
    justify-content: center !important;
  }
  .desktop\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .desktop\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .desktop\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:justify-content-start {
    justify-content: flex-start !important;
  }
  .widescreen\:justify-content-end {
    justify-content: flex-end !important;
  }
  .widescreen\:justify-content-center {
    justify-content: center !important;
  }
  .widescreen\:justify-content-space-between {
    justify-content: space-between !important;
  }
  .widescreen\:justify-content-space-around {
    justify-content: space-around !important;
  }
  .widescreen\:justify-content-space-evenly {
    justify-content: space-evenly !important;
  }
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

@media screen and (max-width: 768px) {
  .mobile\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .mobile\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .mobile\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .tablet\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .tablet\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .desktop\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .desktop\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .widescreen\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .widescreen\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}
.gap-none {
  gap: 0 !important;
}

.gap-auto {
  gap: auto !important;
}

.gap-xx-small {
  gap: var(--group-space-xx-small) !important;
}

.gap-x-small {
  gap: var(--group-space-x-small) !important;
}

.gap-small {
  gap: var(--group-space-small) !important;
}

.gap-normal {
  gap: var(--group-space-normal) !important;
}

.gap-medium {
  gap: var(--group-space-medium) !important;
}

.gap-large {
  gap: var(--group-space-large) !important;
}

.gap-x-large {
  gap: var(--group-space-x-large) !important;
}

.gap-xx-large {
  gap: var(--group-space-xx-large) !important;
}

.row-gap-none {
  row-gap: 0 !important;
}

.row-gap-auto {
  row-gap: auto !important;
}

.row-gap-xx-small {
  row-gap: var(--group-space-xx-small) !important;
}

.row-gap-x-small {
  row-gap: var(--group-space-x-small) !important;
}

.row-gap-small {
  row-gap: var(--group-space-small) !important;
}

.row-gap-normal {
  row-gap: var(--group-space-normal) !important;
}

.row-gap-medium {
  row-gap: var(--group-space-medium) !important;
}

.row-gap-large {
  row-gap: var(--group-space-large) !important;
}

.row-gap-x-large {
  row-gap: var(--group-space-x-large) !important;
}

.row-gap-xx-large {
  row-gap: var(--group-space-xx-large) !important;
}

.column-gap-none {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-auto {
  -moz-column-gap: auto !important;
       column-gap: auto !important;
}

.column-gap-xx-small {
  -moz-column-gap: var(--group-space-xx-small) !important;
       column-gap: var(--group-space-xx-small) !important;
}

.column-gap-x-small {
  -moz-column-gap: var(--group-space-x-small) !important;
       column-gap: var(--group-space-x-small) !important;
}

.column-gap-small {
  -moz-column-gap: var(--group-space-small) !important;
       column-gap: var(--group-space-small) !important;
}

.column-gap-normal {
  -moz-column-gap: var(--group-space-normal) !important;
       column-gap: var(--group-space-normal) !important;
}

.column-gap-medium {
  -moz-column-gap: var(--group-space-medium) !important;
       column-gap: var(--group-space-medium) !important;
}

.column-gap-large {
  -moz-column-gap: var(--group-space-large) !important;
       column-gap: var(--group-space-large) !important;
}

.column-gap-x-large {
  -moz-column-gap: var(--group-space-x-large) !important;
       column-gap: var(--group-space-x-large) !important;
}

.column-gap-xx-large {
  -moz-column-gap: var(--group-space-xx-large) !important;
       column-gap: var(--group-space-xx-large) !important;
}

@media screen and (min-width: 769px), print {
  .gap-xx-small {
    gap: var(--group-space-xx-small-tablet) !important;
  }
  .gap-x-small {
    gap: var(--group-space-x-small-tablet) !important;
  }
  .gap-small {
    gap: var(--group-space-small-tablet) !important;
  }
  .gap-normal {
    gap: var(--group-space-normal-tablet) !important;
  }
  .gap-medium {
    gap: var(--group-space-medium-tablet) !important;
  }
  .gap-large {
    gap: var(--group-space-large-tablet) !important;
  }
  .gap-x-large {
    gap: var(--group-space-x-large-tablet) !important;
  }
  .gap-xx-large {
    gap: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 769px), print {
  .row-gap-xx-small {
    row-gap: var(--group-space-xx-small-tablet) !important;
  }
  .row-gap-x-small {
    row-gap: var(--group-space-x-small-tablet) !important;
  }
  .row-gap-small {
    row-gap: var(--group-space-small-tablet) !important;
  }
  .row-gap-normal {
    row-gap: var(--group-space-normal-tablet) !important;
  }
  .row-gap-medium {
    row-gap: var(--group-space-medium-tablet) !important;
  }
  .row-gap-large {
    row-gap: var(--group-space-large-tablet) !important;
  }
  .row-gap-x-large {
    row-gap: var(--group-space-x-large-tablet) !important;
  }
  .row-gap-xx-large {
    row-gap: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 769px), print {
  .column-gap-xx-small {
    -moz-column-gap: var(--group-space-xx-small-tablet) !important;
         column-gap: var(--group-space-xx-small-tablet) !important;
  }
  .column-gap-x-small {
    -moz-column-gap: var(--group-space-x-small-tablet) !important;
         column-gap: var(--group-space-x-small-tablet) !important;
  }
  .column-gap-small {
    -moz-column-gap: var(--group-space-small-tablet) !important;
         column-gap: var(--group-space-small-tablet) !important;
  }
  .column-gap-normal {
    -moz-column-gap: var(--group-space-normal-tablet) !important;
         column-gap: var(--group-space-normal-tablet) !important;
  }
  .column-gap-medium {
    -moz-column-gap: var(--group-space-medium-tablet) !important;
         column-gap: var(--group-space-medium-tablet) !important;
  }
  .column-gap-large {
    -moz-column-gap: var(--group-space-large-tablet) !important;
         column-gap: var(--group-space-large-tablet) !important;
  }
  .column-gap-x-large {
    -moz-column-gap: var(--group-space-x-large-tablet) !important;
         column-gap: var(--group-space-x-large-tablet) !important;
  }
  .column-gap-xx-large {
    -moz-column-gap: var(--group-space-xx-large-tablet) !important;
         column-gap: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .gap-xx-small {
    gap: var(--group-space-xx-small-desktop) !important;
  }
  .gap-x-small {
    gap: var(--group-space-x-small-desktop) !important;
  }
  .gap-small {
    gap: var(--group-space-small-desktop) !important;
  }
  .gap-normal {
    gap: var(--group-space-normal-desktop) !important;
  }
  .gap-medium {
    gap: var(--group-space-medium-desktop) !important;
  }
  .gap-large {
    gap: var(--group-space-large-desktop) !important;
  }
  .gap-x-large {
    gap: var(--group-space-x-large-desktop) !important;
  }
  .gap-xx-large {
    gap: var(--group-space-xx-large-desktop) !important;
  }
}
@media screen and (min-width: 1024px) {
  .row-gap-xx-small {
    row-gap: var(--group-space-xx-small-desktop) !important;
  }
  .row-gap-x-small {
    row-gap: var(--group-space-x-small-desktop) !important;
  }
  .row-gap-small {
    row-gap: var(--group-space-small-desktop) !important;
  }
  .row-gap-normal {
    row-gap: var(--group-space-normal-desktop) !important;
  }
  .row-gap-medium {
    row-gap: var(--group-space-medium-desktop) !important;
  }
  .row-gap-large {
    row-gap: var(--group-space-large-desktop) !important;
  }
  .row-gap-x-large {
    row-gap: var(--group-space-x-large-desktop) !important;
  }
  .row-gap-xx-large {
    row-gap: var(--group-space-xx-large-desktop) !important;
  }
}
@media screen and (min-width: 1024px) {
  .column-gap-xx-small {
    -moz-column-gap: var(--group-space-xx-small-desktop) !important;
         column-gap: var(--group-space-xx-small-desktop) !important;
  }
  .column-gap-x-small {
    -moz-column-gap: var(--group-space-x-small-desktop) !important;
         column-gap: var(--group-space-x-small-desktop) !important;
  }
  .column-gap-small {
    -moz-column-gap: var(--group-space-small-desktop) !important;
         column-gap: var(--group-space-small-desktop) !important;
  }
  .column-gap-normal {
    -moz-column-gap: var(--group-space-normal-desktop) !important;
         column-gap: var(--group-space-normal-desktop) !important;
  }
  .column-gap-medium {
    -moz-column-gap: var(--group-space-medium-desktop) !important;
         column-gap: var(--group-space-medium-desktop) !important;
  }
  .column-gap-large {
    -moz-column-gap: var(--group-space-large-desktop) !important;
         column-gap: var(--group-space-large-desktop) !important;
  }
  .column-gap-x-large {
    -moz-column-gap: var(--group-space-x-large-desktop) !important;
         column-gap: var(--group-space-x-large-desktop) !important;
  }
  .column-gap-xx-large {
    -moz-column-gap: var(--group-space-xx-large-desktop) !important;
         column-gap: var(--group-space-xx-large-desktop) !important;
  }
}
.select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.select-text {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
          user-select: text !important;
}

.select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.cursor-auto {
  cursor: auto !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

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

.flex {
  display: flex !important;
}

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

@media screen and (max-width: 768px) {
  .mobile\:hidden {
    display: none !important;
  }
  .mobile\:block {
    display: block !important;
  }
  .mobile\:inline {
    display: inline !important;
  }
  .mobile\:inline-block {
    display: inline-block !important;
  }
  .mobile\:flex {
    display: flex !important;
  }
  .mobile\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:hidden {
    display: none !important;
  }
  .tablet\:block {
    display: block !important;
  }
  .tablet\:inline {
    display: inline !important;
  }
  .tablet\:inline-block {
    display: inline-block !important;
  }
  .tablet\:flex {
    display: flex !important;
  }
  .tablet\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .tablet-only\:hidden {
    display: none !important;
  }
  .tablet-only\:block {
    display: block !important;
  }
  .tablet-only\:inline {
    display: inline !important;
  }
  .tablet-only\:inline-block {
    display: inline-block !important;
  }
  .tablet-only\:flex {
    display: flex !important;
  }
  .tablet-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .touch\:hidden {
    display: none !important;
  }
  .touch\:block {
    display: block !important;
  }
  .touch\:inline {
    display: inline !important;
  }
  .touch\:inline-block {
    display: inline-block !important;
  }
  .touch\:flex {
    display: flex !important;
  }
  .touch\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:hidden {
    display: none !important;
  }
  .desktop\:block {
    display: block !important;
  }
  .desktop\:inline {
    display: inline !important;
  }
  .desktop\:inline-block {
    display: inline-block !important;
  }
  .desktop\:flex {
    display: flex !important;
  }
  .desktop\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .desktop-only\:hidden {
    display: none !important;
  }
  .desktop-only\:block {
    display: block !important;
  }
  .desktop-only\:inline {
    display: inline !important;
  }
  .desktop-only\:inline-block {
    display: inline-block !important;
  }
  .desktop-only\:flex {
    display: flex !important;
  }
  .desktop-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1280px) {
  .high-definition\:hidden {
    display: none !important;
  }
  .high-definition\:block {
    display: block !important;
  }
  .high-definition\:inline {
    display: inline !important;
  }
  .high-definition\:inline-block {
    display: inline-block !important;
  }
  .high-definition\:flex {
    display: flex !important;
  }
  .high-definition\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1439px) {
  .high-definition-only\:hidden {
    display: none !important;
  }
  .high-definition-only\:block {
    display: block !important;
  }
  .high-definition-only\:inline {
    display: inline !important;
  }
  .high-definition-only\:inline-block {
    display: inline-block !important;
  }
  .high-definition-only\:flex {
    display: flex !important;
  }
  .high-definition-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:hidden {
    display: none !important;
  }
  .widescreen\:block {
    display: block !important;
  }
  .widescreen\:inline {
    display: inline !important;
  }
  .widescreen\:inline-block {
    display: inline-block !important;
  }
  .widescreen\:flex {
    display: flex !important;
  }
  .widescreen\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1440px) and (max-width: 1919px) {
  .widescreen-only\:hidden {
    display: none !important;
  }
  .widescreen-only\:block {
    display: block !important;
  }
  .widescreen-only\:inline {
    display: inline !important;
  }
  .widescreen-only\:inline-block {
    display: inline-block !important;
  }
  .widescreen-only\:flex {
    display: flex !important;
  }
  .widescreen-only\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1920px) {
  .fullhd\:hidden {
    display: none !important;
  }
  .fullhd\:block {
    display: block !important;
  }
  .fullhd\:inline {
    display: inline !important;
  }
  .fullhd\:inline-block {
    display: inline-block !important;
  }
  .fullhd\:flex {
    display: flex !important;
  }
  .fullhd\:inline-flex {
    display: inline-flex !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow: auto !important;
}

.overflow-x-hidden {
  overflow: hidden !important;
}

.overflow-x-visible {
  overflow: visible !important;
}

.overflow-x-scroll {
  overflow: scroll !important;
}

.overflow-y-auto {
  overflow: auto !important;
}

.overflow-y-hidden {
  overflow: hidden !important;
}

.overflow-y-visible {
  overflow: visible !important;
}

.overflow-y-scroll {
  overflow: scroll !important;
}

@media screen and (max-width: 768px) {
  .mobile\:overflow-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-scroll {
    overflow: scroll !important;
  }
  .mobile\:overflow-x-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-x-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .mobile\:overflow-y-auto {
    overflow: auto !important;
  }
  .mobile\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .mobile\:overflow-y-visible {
    overflow: visible !important;
  }
  .mobile\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:overflow-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-scroll {
    overflow: scroll !important;
  }
  .tablet\:overflow-x-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-x-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .tablet\:overflow-y-auto {
    overflow: auto !important;
  }
  .tablet\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .tablet\:overflow-y-visible {
    overflow: visible !important;
  }
  .tablet\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:overflow-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-scroll {
    overflow: scroll !important;
  }
  .desktop\:overflow-x-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-x-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .desktop\:overflow-y-auto {
    overflow: auto !important;
  }
  .desktop\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .desktop\:overflow-y-visible {
    overflow: visible !important;
  }
  .desktop\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:overflow-auto {
    overflow: auto !important;
  }
  .widescreen\:overflow-hidden {
    overflow: hidden !important;
  }
  .widescreen\:overflow-visible {
    overflow: visible !important;
  }
  .widescreen\:overflow-scroll {
    overflow: scroll !important;
  }
  .widescreen\:overflow-x-auto {
    overflow: auto !important;
  }
  .widescreen\:overflow-x-hidden {
    overflow: hidden !important;
  }
  .widescreen\:overflow-x-visible {
    overflow: visible !important;
  }
  .widescreen\:overflow-x-scroll {
    overflow: scroll !important;
  }
  .widescreen\:overflow-y-auto {
    overflow: auto !important;
  }
  .widescreen\:overflow-y-hidden {
    overflow: hidden !important;
  }
  .widescreen\:overflow-y-visible {
    overflow: visible !important;
  }
  .widescreen\:overflow-y-scroll {
    overflow: scroll !important;
  }
}
.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.sticky {
  position: sticky !important;
}

@media screen and (max-width: 768px) {
  .mobile\:static {
    position: static !important;
  }
  .mobile\:fixed {
    position: fixed !important;
  }
  .mobile\:relative {
    position: relative !important;
  }
  .mobile\:absolute {
    position: absolute !important;
  }
  .mobile\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:static {
    position: static !important;
  }
  .tablet\:fixed {
    position: fixed !important;
  }
  .tablet\:relative {
    position: relative !important;
  }
  .tablet\:absolute {
    position: absolute !important;
  }
  .tablet\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:static {
    position: static !important;
  }
  .desktop\:fixed {
    position: fixed !important;
  }
  .desktop\:relative {
    position: relative !important;
  }
  .desktop\:absolute {
    position: absolute !important;
  }
  .desktop\:sticky {
    position: sticky !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:static {
    position: static !important;
  }
  .widescreen\:fixed {
    position: fixed !important;
  }
  .widescreen\:relative {
    position: relative !important;
  }
  .widescreen\:absolute {
    position: absolute !important;
  }
  .widescreen\:sticky {
    position: sticky !important;
  }
}
.top-auto {
  top: auto !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:top-auto {
    top: auto !important;
  }
  .mobile\:top-0 {
    top: 0 !important;
  }
  .mobile\:top-50 {
    top: 50% !important;
  }
  .mobile\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:top-auto {
    top: auto !important;
  }
  .tablet\:top-0 {
    top: 0 !important;
  }
  .tablet\:top-50 {
    top: 50% !important;
  }
  .tablet\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:top-auto {
    top: auto !important;
  }
  .desktop\:top-0 {
    top: 0 !important;
  }
  .desktop\:top-50 {
    top: 50% !important;
  }
  .desktop\:top-100 {
    top: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:top-auto {
    top: auto !important;
  }
  .widescreen\:top-0 {
    top: 0 !important;
  }
  .widescreen\:top-50 {
    top: 50% !important;
  }
  .widescreen\:top-100 {
    top: 100% !important;
  }
}
.right-auto {
  right: auto !important;
}

.right-0 {
  right: 0 !important;
}

.right-50 {
  right: 50% !important;
}

.right-100 {
  right: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:right-auto {
    right: auto !important;
  }
  .mobile\:right-0 {
    right: 0 !important;
  }
  .mobile\:right-50 {
    right: 50% !important;
  }
  .mobile\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:right-auto {
    right: auto !important;
  }
  .tablet\:right-0 {
    right: 0 !important;
  }
  .tablet\:right-50 {
    right: 50% !important;
  }
  .tablet\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:right-auto {
    right: auto !important;
  }
  .desktop\:right-0 {
    right: 0 !important;
  }
  .desktop\:right-50 {
    right: 50% !important;
  }
  .desktop\:right-100 {
    right: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:right-auto {
    right: auto !important;
  }
  .widescreen\:right-0 {
    right: 0 !important;
  }
  .widescreen\:right-50 {
    right: 50% !important;
  }
  .widescreen\:right-100 {
    right: 100% !important;
  }
}
.bottom-auto {
  bottom: auto !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:bottom-auto {
    bottom: auto !important;
  }
  .mobile\:bottom-0 {
    bottom: 0 !important;
  }
  .mobile\:bottom-50 {
    bottom: 50% !important;
  }
  .mobile\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:bottom-auto {
    bottom: auto !important;
  }
  .tablet\:bottom-0 {
    bottom: 0 !important;
  }
  .tablet\:bottom-50 {
    bottom: 50% !important;
  }
  .tablet\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:bottom-auto {
    bottom: auto !important;
  }
  .desktop\:bottom-0 {
    bottom: 0 !important;
  }
  .desktop\:bottom-50 {
    bottom: 50% !important;
  }
  .desktop\:bottom-100 {
    bottom: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:bottom-auto {
    bottom: auto !important;
  }
  .widescreen\:bottom-0 {
    bottom: 0 !important;
  }
  .widescreen\:bottom-50 {
    bottom: 50% !important;
  }
  .widescreen\:bottom-100 {
    bottom: 100% !important;
  }
}
.left-auto {
  left: auto !important;
}

.left-0 {
  left: 0 !important;
}

.left-50 {
  left: 50% !important;
}

.left-100 {
  left: 100% !important;
}

@media screen and (max-width: 768px) {
  .mobile\:left-auto {
    left: auto !important;
  }
  .mobile\:left-0 {
    left: 0 !important;
  }
  .mobile\:left-50 {
    left: 50% !important;
  }
  .mobile\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:left-auto {
    left: auto !important;
  }
  .tablet\:left-0 {
    left: 0 !important;
  }
  .tablet\:left-50 {
    left: 50% !important;
  }
  .tablet\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:left-auto {
    left: auto !important;
  }
  .desktop\:left-0 {
    left: 0 !important;
  }
  .desktop\:left-50 {
    left: 50% !important;
  }
  .desktop\:left-100 {
    left: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:left-auto {
    left: auto !important;
  }
  .widescreen\:left-0 {
    left: 0 !important;
  }
  .widescreen\:left-50 {
    left: 50% !important;
  }
  .widescreen\:left-100 {
    left: 100% !important;
  }
}
.z-index-deep {
  z-index: var(--group-z-index-deep) !important;
}

.z-index {
  z-index: var(--group-z-index) !important;
}

.z-index-masked {
  z-index: var(--group-z-index-masked) !important;
}

.z-index-mask {
  z-index: var(--group-z-index-mask) !important;
}

.z-index-sticky {
  z-index: var(--group-z-index-sticky) !important;
}

.z-index-navigation {
  z-index: var(--group-z-index-navigation) !important;
}

.z-index-popup {
  z-index: var(--group-z-index-popup) !important;
}

.z-index-modal {
  z-index: var(--group-z-index-modal) !important;
}

.z-index-toast {
  z-index: var(--group-z-index-toast) !important;
}

.z-index-tooltip {
  z-index: var(--group-z-index-tooltip) !important;
}

@media screen and (max-width: 768px) {
  .mobile\:z-index-deep {
    z-index: var(--group-z-index-deep) !important;
  }
  .mobile\:z-index {
    z-index: var(--group-z-index) !important;
  }
  .mobile\:z-index-masked {
    z-index: var(--group-z-index-masked) !important;
  }
  .mobile\:z-index-mask {
    z-index: var(--group-z-index-mask) !important;
  }
  .mobile\:z-index-sticky {
    z-index: var(--group-z-index-sticky) !important;
  }
  .mobile\:z-index-navigation {
    z-index: var(--group-z-index-navigation) !important;
  }
  .mobile\:z-index-popup {
    z-index: var(--group-z-index-popup) !important;
  }
  .mobile\:z-index-modal {
    z-index: var(--group-z-index-modal) !important;
  }
  .mobile\:z-index-toast {
    z-index: var(--group-z-index-toast) !important;
  }
  .mobile\:z-index-tooltip {
    z-index: var(--group-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:z-index-deep {
    z-index: var(--group-z-index-deep) !important;
  }
  .tablet\:z-index {
    z-index: var(--group-z-index) !important;
  }
  .tablet\:z-index-masked {
    z-index: var(--group-z-index-masked) !important;
  }
  .tablet\:z-index-mask {
    z-index: var(--group-z-index-mask) !important;
  }
  .tablet\:z-index-sticky {
    z-index: var(--group-z-index-sticky) !important;
  }
  .tablet\:z-index-navigation {
    z-index: var(--group-z-index-navigation) !important;
  }
  .tablet\:z-index-popup {
    z-index: var(--group-z-index-popup) !important;
  }
  .tablet\:z-index-modal {
    z-index: var(--group-z-index-modal) !important;
  }
  .tablet\:z-index-toast {
    z-index: var(--group-z-index-toast) !important;
  }
  .tablet\:z-index-tooltip {
    z-index: var(--group-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:z-index-deep {
    z-index: var(--group-z-index-deep) !important;
  }
  .desktop\:z-index {
    z-index: var(--group-z-index) !important;
  }
  .desktop\:z-index-masked {
    z-index: var(--group-z-index-masked) !important;
  }
  .desktop\:z-index-mask {
    z-index: var(--group-z-index-mask) !important;
  }
  .desktop\:z-index-sticky {
    z-index: var(--group-z-index-sticky) !important;
  }
  .desktop\:z-index-navigation {
    z-index: var(--group-z-index-navigation) !important;
  }
  .desktop\:z-index-popup {
    z-index: var(--group-z-index-popup) !important;
  }
  .desktop\:z-index-modal {
    z-index: var(--group-z-index-modal) !important;
  }
  .desktop\:z-index-toast {
    z-index: var(--group-z-index-toast) !important;
  }
  .desktop\:z-index-tooltip {
    z-index: var(--group-z-index-tooltip) !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:z-index-deep {
    z-index: var(--group-z-index-deep) !important;
  }
  .widescreen\:z-index {
    z-index: var(--group-z-index) !important;
  }
  .widescreen\:z-index-masked {
    z-index: var(--group-z-index-masked) !important;
  }
  .widescreen\:z-index-mask {
    z-index: var(--group-z-index-mask) !important;
  }
  .widescreen\:z-index-sticky {
    z-index: var(--group-z-index-sticky) !important;
  }
  .widescreen\:z-index-navigation {
    z-index: var(--group-z-index-navigation) !important;
  }
  .widescreen\:z-index-popup {
    z-index: var(--group-z-index-popup) !important;
  }
  .widescreen\:z-index-modal {
    z-index: var(--group-z-index-modal) !important;
  }
  .widescreen\:z-index-toast {
    z-index: var(--group-z-index-toast) !important;
  }
  .widescreen\:z-index-tooltip {
    z-index: var(--group-z-index-tooltip) !important;
  }
}
.vertical-align-top {
  vertical-align: top !important;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.vertical-align-bottom {
  vertical-align: bottom !important;
}

@media screen and (max-width: 768px) {
  .mobile\:vertical-align-top {
    vertical-align: top !important;
  }
  .mobile\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .mobile\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:vertical-align-top {
    vertical-align: top !important;
  }
  .tablet\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .tablet\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:vertical-align-top {
    vertical-align: top !important;
  }
  .desktop\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .desktop\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:vertical-align-top {
    vertical-align: top !important;
  }
  .widescreen\:vertical-align-middle {
    vertical-align: middle !important;
  }
  .widescreen\:vertical-align-bottom {
    vertical-align: bottom !important;
  }
}
.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

.h-full {
  height: 100% !important;
}

.h-screen {
  height: 100vh !important;
}

.h-auto {
  height: auto !important;
}

.h-min {
  height: -moz-min-content !important;
  height: min-content !important;
}

.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}

.h-fit {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.h-1rem {
  height: 1rem !important;
}

.h-2rem {
  height: 2rem !important;
}

.h-3rem {
  height: 3rem !important;
}

.h-4rem {
  height: 4rem !important;
}

.h-5rem {
  height: 5rem !important;
}

.h-6rem {
  height: 6rem !important;
}

.h-7rem {
  height: 7rem !important;
}

.h-8rem {
  height: 8rem !important;
}

.h-9rem {
  height: 9rem !important;
}

.h-10rem {
  height: 10rem !important;
}

.h-11rem {
  height: 11rem !important;
}

.h-12rem {
  height: 12rem !important;
}

.h-13rem {
  height: 13rem !important;
}

.h-14rem {
  height: 14rem !important;
}

.h-15rem {
  height: 15rem !important;
}

.h-16rem {
  height: 16rem !important;
}

.h-17rem {
  height: 17rem !important;
}

.h-18rem {
  height: 18rem !important;
}

.h-19rem {
  height: 19rem !important;
}

.h-20rem {
  height: 20rem !important;
}

.h-21rem {
  height: 21rem !important;
}

.h-22rem {
  height: 22rem !important;
}

.h-23rem {
  height: 23rem !important;
}

.h-24rem {
  height: 24rem !important;
}

.h-25rem {
  height: 25rem !important;
}

.h-26rem {
  height: 26rem !important;
}

.h-27rem {
  height: 27rem !important;
}

.h-28rem {
  height: 28rem !important;
}

.h-29rem {
  height: 29rem !important;
}

.h-30rem {
  height: 30rem !important;
}

@media screen and (max-width: 768px) {
  .mobile\:h-full {
    height: 100% !important;
  }
  .mobile\:h-screen {
    height: 100vh !important;
  }
  .mobile\:h-auto {
    height: auto !important;
  }
  .mobile\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .mobile\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .mobile\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .mobile\:h-1rem {
    height: 1rem !important;
  }
  .mobile\:h-2rem {
    height: 2rem !important;
  }
  .mobile\:h-3rem {
    height: 3rem !important;
  }
  .mobile\:h-4rem {
    height: 4rem !important;
  }
  .mobile\:h-5rem {
    height: 5rem !important;
  }
  .mobile\:h-6rem {
    height: 6rem !important;
  }
  .mobile\:h-7rem {
    height: 7rem !important;
  }
  .mobile\:h-8rem {
    height: 8rem !important;
  }
  .mobile\:h-9rem {
    height: 9rem !important;
  }
  .mobile\:h-10rem {
    height: 10rem !important;
  }
  .mobile\:h-11rem {
    height: 11rem !important;
  }
  .mobile\:h-12rem {
    height: 12rem !important;
  }
  .mobile\:h-13rem {
    height: 13rem !important;
  }
  .mobile\:h-14rem {
    height: 14rem !important;
  }
  .mobile\:h-15rem {
    height: 15rem !important;
  }
  .mobile\:h-16rem {
    height: 16rem !important;
  }
  .mobile\:h-17rem {
    height: 17rem !important;
  }
  .mobile\:h-18rem {
    height: 18rem !important;
  }
  .mobile\:h-19rem {
    height: 19rem !important;
  }
  .mobile\:h-20rem {
    height: 20rem !important;
  }
  .mobile\:h-21rem {
    height: 21rem !important;
  }
  .mobile\:h-22rem {
    height: 22rem !important;
  }
  .mobile\:h-23rem {
    height: 23rem !important;
  }
  .mobile\:h-24rem {
    height: 24rem !important;
  }
  .mobile\:h-25rem {
    height: 25rem !important;
  }
  .mobile\:h-26rem {
    height: 26rem !important;
  }
  .mobile\:h-27rem {
    height: 27rem !important;
  }
  .mobile\:h-28rem {
    height: 28rem !important;
  }
  .mobile\:h-29rem {
    height: 29rem !important;
  }
  .mobile\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:h-full {
    height: 100% !important;
  }
  .tablet\:h-screen {
    height: 100vh !important;
  }
  .tablet\:h-auto {
    height: auto !important;
  }
  .tablet\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .tablet\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .tablet\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .tablet\:h-1rem {
    height: 1rem !important;
  }
  .tablet\:h-2rem {
    height: 2rem !important;
  }
  .tablet\:h-3rem {
    height: 3rem !important;
  }
  .tablet\:h-4rem {
    height: 4rem !important;
  }
  .tablet\:h-5rem {
    height: 5rem !important;
  }
  .tablet\:h-6rem {
    height: 6rem !important;
  }
  .tablet\:h-7rem {
    height: 7rem !important;
  }
  .tablet\:h-8rem {
    height: 8rem !important;
  }
  .tablet\:h-9rem {
    height: 9rem !important;
  }
  .tablet\:h-10rem {
    height: 10rem !important;
  }
  .tablet\:h-11rem {
    height: 11rem !important;
  }
  .tablet\:h-12rem {
    height: 12rem !important;
  }
  .tablet\:h-13rem {
    height: 13rem !important;
  }
  .tablet\:h-14rem {
    height: 14rem !important;
  }
  .tablet\:h-15rem {
    height: 15rem !important;
  }
  .tablet\:h-16rem {
    height: 16rem !important;
  }
  .tablet\:h-17rem {
    height: 17rem !important;
  }
  .tablet\:h-18rem {
    height: 18rem !important;
  }
  .tablet\:h-19rem {
    height: 19rem !important;
  }
  .tablet\:h-20rem {
    height: 20rem !important;
  }
  .tablet\:h-21rem {
    height: 21rem !important;
  }
  .tablet\:h-22rem {
    height: 22rem !important;
  }
  .tablet\:h-23rem {
    height: 23rem !important;
  }
  .tablet\:h-24rem {
    height: 24rem !important;
  }
  .tablet\:h-25rem {
    height: 25rem !important;
  }
  .tablet\:h-26rem {
    height: 26rem !important;
  }
  .tablet\:h-27rem {
    height: 27rem !important;
  }
  .tablet\:h-28rem {
    height: 28rem !important;
  }
  .tablet\:h-29rem {
    height: 29rem !important;
  }
  .tablet\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:h-full {
    height: 100% !important;
  }
  .desktop\:h-screen {
    height: 100vh !important;
  }
  .desktop\:h-auto {
    height: auto !important;
  }
  .desktop\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .desktop\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .desktop\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .desktop\:h-1rem {
    height: 1rem !important;
  }
  .desktop\:h-2rem {
    height: 2rem !important;
  }
  .desktop\:h-3rem {
    height: 3rem !important;
  }
  .desktop\:h-4rem {
    height: 4rem !important;
  }
  .desktop\:h-5rem {
    height: 5rem !important;
  }
  .desktop\:h-6rem {
    height: 6rem !important;
  }
  .desktop\:h-7rem {
    height: 7rem !important;
  }
  .desktop\:h-8rem {
    height: 8rem !important;
  }
  .desktop\:h-9rem {
    height: 9rem !important;
  }
  .desktop\:h-10rem {
    height: 10rem !important;
  }
  .desktop\:h-11rem {
    height: 11rem !important;
  }
  .desktop\:h-12rem {
    height: 12rem !important;
  }
  .desktop\:h-13rem {
    height: 13rem !important;
  }
  .desktop\:h-14rem {
    height: 14rem !important;
  }
  .desktop\:h-15rem {
    height: 15rem !important;
  }
  .desktop\:h-16rem {
    height: 16rem !important;
  }
  .desktop\:h-17rem {
    height: 17rem !important;
  }
  .desktop\:h-18rem {
    height: 18rem !important;
  }
  .desktop\:h-19rem {
    height: 19rem !important;
  }
  .desktop\:h-20rem {
    height: 20rem !important;
  }
  .desktop\:h-21rem {
    height: 21rem !important;
  }
  .desktop\:h-22rem {
    height: 22rem !important;
  }
  .desktop\:h-23rem {
    height: 23rem !important;
  }
  .desktop\:h-24rem {
    height: 24rem !important;
  }
  .desktop\:h-25rem {
    height: 25rem !important;
  }
  .desktop\:h-26rem {
    height: 26rem !important;
  }
  .desktop\:h-27rem {
    height: 27rem !important;
  }
  .desktop\:h-28rem {
    height: 28rem !important;
  }
  .desktop\:h-29rem {
    height: 29rem !important;
  }
  .desktop\:h-30rem {
    height: 30rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:h-full {
    height: 100% !important;
  }
  .widescreen\:h-screen {
    height: 100vh !important;
  }
  .widescreen\:h-auto {
    height: auto !important;
  }
  .widescreen\:h-min {
    height: -moz-min-content !important;
    height: min-content !important;
  }
  .widescreen\:h-max {
    height: -moz-max-content !important;
    height: max-content !important;
  }
  .widescreen\:h-fit {
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  .widescreen\:h-1rem {
    height: 1rem !important;
  }
  .widescreen\:h-2rem {
    height: 2rem !important;
  }
  .widescreen\:h-3rem {
    height: 3rem !important;
  }
  .widescreen\:h-4rem {
    height: 4rem !important;
  }
  .widescreen\:h-5rem {
    height: 5rem !important;
  }
  .widescreen\:h-6rem {
    height: 6rem !important;
  }
  .widescreen\:h-7rem {
    height: 7rem !important;
  }
  .widescreen\:h-8rem {
    height: 8rem !important;
  }
  .widescreen\:h-9rem {
    height: 9rem !important;
  }
  .widescreen\:h-10rem {
    height: 10rem !important;
  }
  .widescreen\:h-11rem {
    height: 11rem !important;
  }
  .widescreen\:h-12rem {
    height: 12rem !important;
  }
  .widescreen\:h-13rem {
    height: 13rem !important;
  }
  .widescreen\:h-14rem {
    height: 14rem !important;
  }
  .widescreen\:h-15rem {
    height: 15rem !important;
  }
  .widescreen\:h-16rem {
    height: 16rem !important;
  }
  .widescreen\:h-17rem {
    height: 17rem !important;
  }
  .widescreen\:h-18rem {
    height: 18rem !important;
  }
  .widescreen\:h-19rem {
    height: 19rem !important;
  }
  .widescreen\:h-20rem {
    height: 20rem !important;
  }
  .widescreen\:h-21rem {
    height: 21rem !important;
  }
  .widescreen\:h-22rem {
    height: 22rem !important;
  }
  .widescreen\:h-23rem {
    height: 23rem !important;
  }
  .widescreen\:h-24rem {
    height: 24rem !important;
  }
  .widescreen\:h-25rem {
    height: 25rem !important;
  }
  .widescreen\:h-26rem {
    height: 26rem !important;
  }
  .widescreen\:h-27rem {
    height: 27rem !important;
  }
  .widescreen\:h-28rem {
    height: 28rem !important;
  }
  .widescreen\:h-29rem {
    height: 29rem !important;
  }
  .widescreen\:h-30rem {
    height: 30rem !important;
  }
}
.w-full {
  width: 100% !important;
}

.w-screen {
  width: 100vw !important;
}

.w-auto {
  width: auto !important;
}

.w-min {
  width: -moz-min-content !important;
  width: min-content !important;
}

.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}

.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.w-1 {
  width: 8.3333% !important;
}

.w-2 {
  width: 16.6667% !important;
}

.w-3 {
  width: 25% !important;
}

.w-4 {
  width: 33.3333% !important;
}

.w-5 {
  width: 41.6667% !important;
}

.w-6 {
  width: 50% !important;
}

.w-7 {
  width: 58.3333% !important;
}

.w-8 {
  width: 66.6667% !important;
}

.w-9 {
  width: 75% !important;
}

.w-10 {
  width: 83.3333% !important;
}

.w-11 {
  width: 91.6667% !important;
}

.w-12 {
  width: 100% !important;
}

.w-1rem {
  width: 1rem !important;
}

.w-2rem {
  width: 2rem !important;
}

.w-3rem {
  width: 3rem !important;
}

.w-4rem {
  width: 4rem !important;
}

.w-5rem {
  width: 5rem !important;
}

.w-6rem {
  width: 6rem !important;
}

.w-7rem {
  width: 7rem !important;
}

.w-8rem {
  width: 8rem !important;
}

.w-9rem {
  width: 9rem !important;
}

.w-10rem {
  width: 10rem !important;
}

.w-11rem {
  width: 11rem !important;
}

.w-12rem {
  width: 12rem !important;
}

.w-13rem {
  width: 13rem !important;
}

.w-14rem {
  width: 14rem !important;
}

.w-15rem {
  width: 15rem !important;
}

.w-16rem {
  width: 16rem !important;
}

.w-17rem {
  width: 17rem !important;
}

.w-18rem {
  width: 18rem !important;
}

.w-19rem {
  width: 19rem !important;
}

.w-20rem {
  width: 20rem !important;
}

.w-21rem {
  width: 21rem !important;
}

.w-22rem {
  width: 22rem !important;
}

.w-23rem {
  width: 23rem !important;
}

.w-24rem {
  width: 24rem !important;
}

.w-25rem {
  width: 25rem !important;
}

.w-26rem {
  width: 26rem !important;
}

.w-27rem {
  width: 27rem !important;
}

.w-28rem {
  width: 28rem !important;
}

.w-29rem {
  width: 29rem !important;
}

.w-30rem {
  width: 30rem !important;
}

@media screen and (max-width: 768px) {
  .mobile\:w-full {
    width: 100% !important;
  }
  .mobile\:w-screen {
    width: 100vw !important;
  }
  .mobile\:w-auto {
    width: auto !important;
  }
  .mobile\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .mobile\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .mobile\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .mobile\:w-1 {
    width: 8.3333% !important;
  }
  .mobile\:w-2 {
    width: 16.6667% !important;
  }
  .mobile\:w-3 {
    width: 25% !important;
  }
  .mobile\:w-4 {
    width: 33.3333% !important;
  }
  .mobile\:w-5 {
    width: 41.6667% !important;
  }
  .mobile\:w-6 {
    width: 50% !important;
  }
  .mobile\:w-7 {
    width: 58.3333% !important;
  }
  .mobile\:w-8 {
    width: 66.6667% !important;
  }
  .mobile\:w-9 {
    width: 75% !important;
  }
  .mobile\:w-10 {
    width: 83.3333% !important;
  }
  .mobile\:w-11 {
    width: 91.6667% !important;
  }
  .mobile\:w-12 {
    width: 100% !important;
  }
  .mobile\:w-1rem {
    width: 1rem !important;
  }
  .mobile\:w-2rem {
    width: 2rem !important;
  }
  .mobile\:w-3rem {
    width: 3rem !important;
  }
  .mobile\:w-4rem {
    width: 4rem !important;
  }
  .mobile\:w-5rem {
    width: 5rem !important;
  }
  .mobile\:w-6rem {
    width: 6rem !important;
  }
  .mobile\:w-7rem {
    width: 7rem !important;
  }
  .mobile\:w-8rem {
    width: 8rem !important;
  }
  .mobile\:w-9rem {
    width: 9rem !important;
  }
  .mobile\:w-10rem {
    width: 10rem !important;
  }
  .mobile\:w-11rem {
    width: 11rem !important;
  }
  .mobile\:w-12rem {
    width: 12rem !important;
  }
  .mobile\:w-13rem {
    width: 13rem !important;
  }
  .mobile\:w-14rem {
    width: 14rem !important;
  }
  .mobile\:w-15rem {
    width: 15rem !important;
  }
  .mobile\:w-16rem {
    width: 16rem !important;
  }
  .mobile\:w-17rem {
    width: 17rem !important;
  }
  .mobile\:w-18rem {
    width: 18rem !important;
  }
  .mobile\:w-19rem {
    width: 19rem !important;
  }
  .mobile\:w-20rem {
    width: 20rem !important;
  }
  .mobile\:w-21rem {
    width: 21rem !important;
  }
  .mobile\:w-22rem {
    width: 22rem !important;
  }
  .mobile\:w-23rem {
    width: 23rem !important;
  }
  .mobile\:w-24rem {
    width: 24rem !important;
  }
  .mobile\:w-25rem {
    width: 25rem !important;
  }
  .mobile\:w-26rem {
    width: 26rem !important;
  }
  .mobile\:w-27rem {
    width: 27rem !important;
  }
  .mobile\:w-28rem {
    width: 28rem !important;
  }
  .mobile\:w-29rem {
    width: 29rem !important;
  }
  .mobile\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:w-full {
    width: 100% !important;
  }
  .tablet\:w-screen {
    width: 100vw !important;
  }
  .tablet\:w-auto {
    width: auto !important;
  }
  .tablet\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .tablet\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .tablet\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .tablet\:w-1 {
    width: 8.3333% !important;
  }
  .tablet\:w-2 {
    width: 16.6667% !important;
  }
  .tablet\:w-3 {
    width: 25% !important;
  }
  .tablet\:w-4 {
    width: 33.3333% !important;
  }
  .tablet\:w-5 {
    width: 41.6667% !important;
  }
  .tablet\:w-6 {
    width: 50% !important;
  }
  .tablet\:w-7 {
    width: 58.3333% !important;
  }
  .tablet\:w-8 {
    width: 66.6667% !important;
  }
  .tablet\:w-9 {
    width: 75% !important;
  }
  .tablet\:w-10 {
    width: 83.3333% !important;
  }
  .tablet\:w-11 {
    width: 91.6667% !important;
  }
  .tablet\:w-12 {
    width: 100% !important;
  }
  .tablet\:w-1rem {
    width: 1rem !important;
  }
  .tablet\:w-2rem {
    width: 2rem !important;
  }
  .tablet\:w-3rem {
    width: 3rem !important;
  }
  .tablet\:w-4rem {
    width: 4rem !important;
  }
  .tablet\:w-5rem {
    width: 5rem !important;
  }
  .tablet\:w-6rem {
    width: 6rem !important;
  }
  .tablet\:w-7rem {
    width: 7rem !important;
  }
  .tablet\:w-8rem {
    width: 8rem !important;
  }
  .tablet\:w-9rem {
    width: 9rem !important;
  }
  .tablet\:w-10rem {
    width: 10rem !important;
  }
  .tablet\:w-11rem {
    width: 11rem !important;
  }
  .tablet\:w-12rem {
    width: 12rem !important;
  }
  .tablet\:w-13rem {
    width: 13rem !important;
  }
  .tablet\:w-14rem {
    width: 14rem !important;
  }
  .tablet\:w-15rem {
    width: 15rem !important;
  }
  .tablet\:w-16rem {
    width: 16rem !important;
  }
  .tablet\:w-17rem {
    width: 17rem !important;
  }
  .tablet\:w-18rem {
    width: 18rem !important;
  }
  .tablet\:w-19rem {
    width: 19rem !important;
  }
  .tablet\:w-20rem {
    width: 20rem !important;
  }
  .tablet\:w-21rem {
    width: 21rem !important;
  }
  .tablet\:w-22rem {
    width: 22rem !important;
  }
  .tablet\:w-23rem {
    width: 23rem !important;
  }
  .tablet\:w-24rem {
    width: 24rem !important;
  }
  .tablet\:w-25rem {
    width: 25rem !important;
  }
  .tablet\:w-26rem {
    width: 26rem !important;
  }
  .tablet\:w-27rem {
    width: 27rem !important;
  }
  .tablet\:w-28rem {
    width: 28rem !important;
  }
  .tablet\:w-29rem {
    width: 29rem !important;
  }
  .tablet\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:w-full {
    width: 100% !important;
  }
  .desktop\:w-screen {
    width: 100vw !important;
  }
  .desktop\:w-auto {
    width: auto !important;
  }
  .desktop\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .desktop\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .desktop\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .desktop\:w-1 {
    width: 8.3333% !important;
  }
  .desktop\:w-2 {
    width: 16.6667% !important;
  }
  .desktop\:w-3 {
    width: 25% !important;
  }
  .desktop\:w-4 {
    width: 33.3333% !important;
  }
  .desktop\:w-5 {
    width: 41.6667% !important;
  }
  .desktop\:w-6 {
    width: 50% !important;
  }
  .desktop\:w-7 {
    width: 58.3333% !important;
  }
  .desktop\:w-8 {
    width: 66.6667% !important;
  }
  .desktop\:w-9 {
    width: 75% !important;
  }
  .desktop\:w-10 {
    width: 83.3333% !important;
  }
  .desktop\:w-11 {
    width: 91.6667% !important;
  }
  .desktop\:w-12 {
    width: 100% !important;
  }
  .desktop\:w-1rem {
    width: 1rem !important;
  }
  .desktop\:w-2rem {
    width: 2rem !important;
  }
  .desktop\:w-3rem {
    width: 3rem !important;
  }
  .desktop\:w-4rem {
    width: 4rem !important;
  }
  .desktop\:w-5rem {
    width: 5rem !important;
  }
  .desktop\:w-6rem {
    width: 6rem !important;
  }
  .desktop\:w-7rem {
    width: 7rem !important;
  }
  .desktop\:w-8rem {
    width: 8rem !important;
  }
  .desktop\:w-9rem {
    width: 9rem !important;
  }
  .desktop\:w-10rem {
    width: 10rem !important;
  }
  .desktop\:w-11rem {
    width: 11rem !important;
  }
  .desktop\:w-12rem {
    width: 12rem !important;
  }
  .desktop\:w-13rem {
    width: 13rem !important;
  }
  .desktop\:w-14rem {
    width: 14rem !important;
  }
  .desktop\:w-15rem {
    width: 15rem !important;
  }
  .desktop\:w-16rem {
    width: 16rem !important;
  }
  .desktop\:w-17rem {
    width: 17rem !important;
  }
  .desktop\:w-18rem {
    width: 18rem !important;
  }
  .desktop\:w-19rem {
    width: 19rem !important;
  }
  .desktop\:w-20rem {
    width: 20rem !important;
  }
  .desktop\:w-21rem {
    width: 21rem !important;
  }
  .desktop\:w-22rem {
    width: 22rem !important;
  }
  .desktop\:w-23rem {
    width: 23rem !important;
  }
  .desktop\:w-24rem {
    width: 24rem !important;
  }
  .desktop\:w-25rem {
    width: 25rem !important;
  }
  .desktop\:w-26rem {
    width: 26rem !important;
  }
  .desktop\:w-27rem {
    width: 27rem !important;
  }
  .desktop\:w-28rem {
    width: 28rem !important;
  }
  .desktop\:w-29rem {
    width: 29rem !important;
  }
  .desktop\:w-30rem {
    width: 30rem !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:w-full {
    width: 100% !important;
  }
  .widescreen\:w-screen {
    width: 100vw !important;
  }
  .widescreen\:w-auto {
    width: auto !important;
  }
  .widescreen\:w-min {
    width: -moz-min-content !important;
    width: min-content !important;
  }
  .widescreen\:w-max {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  .widescreen\:w-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .widescreen\:w-1 {
    width: 8.3333% !important;
  }
  .widescreen\:w-2 {
    width: 16.6667% !important;
  }
  .widescreen\:w-3 {
    width: 25% !important;
  }
  .widescreen\:w-4 {
    width: 33.3333% !important;
  }
  .widescreen\:w-5 {
    width: 41.6667% !important;
  }
  .widescreen\:w-6 {
    width: 50% !important;
  }
  .widescreen\:w-7 {
    width: 58.3333% !important;
  }
  .widescreen\:w-8 {
    width: 66.6667% !important;
  }
  .widescreen\:w-9 {
    width: 75% !important;
  }
  .widescreen\:w-10 {
    width: 83.3333% !important;
  }
  .widescreen\:w-11 {
    width: 91.6667% !important;
  }
  .widescreen\:w-12 {
    width: 100% !important;
  }
  .widescreen\:w-1rem {
    width: 1rem !important;
  }
  .widescreen\:w-2rem {
    width: 2rem !important;
  }
  .widescreen\:w-3rem {
    width: 3rem !important;
  }
  .widescreen\:w-4rem {
    width: 4rem !important;
  }
  .widescreen\:w-5rem {
    width: 5rem !important;
  }
  .widescreen\:w-6rem {
    width: 6rem !important;
  }
  .widescreen\:w-7rem {
    width: 7rem !important;
  }
  .widescreen\:w-8rem {
    width: 8rem !important;
  }
  .widescreen\:w-9rem {
    width: 9rem !important;
  }
  .widescreen\:w-10rem {
    width: 10rem !important;
  }
  .widescreen\:w-11rem {
    width: 11rem !important;
  }
  .widescreen\:w-12rem {
    width: 12rem !important;
  }
  .widescreen\:w-13rem {
    width: 13rem !important;
  }
  .widescreen\:w-14rem {
    width: 14rem !important;
  }
  .widescreen\:w-15rem {
    width: 15rem !important;
  }
  .widescreen\:w-16rem {
    width: 16rem !important;
  }
  .widescreen\:w-17rem {
    width: 17rem !important;
  }
  .widescreen\:w-18rem {
    width: 18rem !important;
  }
  .widescreen\:w-19rem {
    width: 19rem !important;
  }
  .widescreen\:w-20rem {
    width: 20rem !important;
  }
  .widescreen\:w-21rem {
    width: 21rem !important;
  }
  .widescreen\:w-22rem {
    width: 22rem !important;
  }
  .widescreen\:w-23rem {
    width: 23rem !important;
  }
  .widescreen\:w-24rem {
    width: 24rem !important;
  }
  .widescreen\:w-25rem {
    width: 25rem !important;
  }
  .widescreen\:w-26rem {
    width: 26rem !important;
  }
  .widescreen\:w-27rem {
    width: 27rem !important;
  }
  .widescreen\:w-28rem {
    width: 28rem !important;
  }
  .widescreen\:w-29rem {
    width: 29rem !important;
  }
  .widescreen\:w-30rem {
    width: 30rem !important;
  }
}
.min-h-auto {
  min-height: auto !important;
}

.min-h-0 {
  min-height: 0px !important;
}

.min-h-full {
  min-height: 100% !important;
}

.min-h-screen {
  min-height: 100vh !important;
}

.min-h-min {
  min-height: -moz-min-content !important;
  min-height: min-content !important;
}

.min-h-max {
  min-height: -moz-max-content !important;
  min-height: max-content !important;
}

.min-h-fit {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:min-h-auto {
    min-height: auto !important;
  }
  .mobile\:min-h-0 {
    min-height: 0px !important;
  }
  .mobile\:min-h-full {
    min-height: 100% !important;
  }
  .mobile\:min-h-screen {
    min-height: 100vh !important;
  }
  .mobile\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .mobile\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .mobile\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:min-h-auto {
    min-height: auto !important;
  }
  .tablet\:min-h-0 {
    min-height: 0px !important;
  }
  .tablet\:min-h-full {
    min-height: 100% !important;
  }
  .tablet\:min-h-screen {
    min-height: 100vh !important;
  }
  .tablet\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .tablet\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .tablet\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:min-h-auto {
    min-height: auto !important;
  }
  .desktop\:min-h-0 {
    min-height: 0px !important;
  }
  .desktop\:min-h-full {
    min-height: 100% !important;
  }
  .desktop\:min-h-screen {
    min-height: 100vh !important;
  }
  .desktop\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .desktop\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .desktop\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:min-h-auto {
    min-height: auto !important;
  }
  .widescreen\:min-h-0 {
    min-height: 0px !important;
  }
  .widescreen\:min-h-full {
    min-height: 100% !important;
  }
  .widescreen\:min-h-screen {
    min-height: 100vh !important;
  }
  .widescreen\:min-h-min {
    min-height: -moz-min-content !important;
    min-height: min-content !important;
  }
  .widescreen\:min-h-max {
    min-height: -moz-max-content !important;
    min-height: max-content !important;
  }
  .widescreen\:min-h-fit {
    min-height: -moz-fit-content !important;
    min-height: fit-content !important;
  }
}
.min-w-auto {
  min-width: auto !important;
}

.min-w-0 {
  min-width: 0px !important;
}

.min-w-full {
  min-width: 100% !important;
}

.min-w-screen {
  min-width: 100vw !important;
}

.min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important;
}

.min-w-max {
  min-width: -moz-max-content !important;
  min-width: max-content !important;
}

.min-w-fit {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:min-w-auto {
    min-width: auto !important;
  }
  .mobile\:min-w-0 {
    min-width: 0px !important;
  }
  .mobile\:min-w-full {
    min-width: 100% !important;
  }
  .mobile\:min-w-screen {
    min-width: 100vw !important;
  }
  .mobile\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .mobile\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .mobile\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:min-w-auto {
    min-width: auto !important;
  }
  .tablet\:min-w-0 {
    min-width: 0px !important;
  }
  .tablet\:min-w-full {
    min-width: 100% !important;
  }
  .tablet\:min-w-screen {
    min-width: 100vw !important;
  }
  .tablet\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .tablet\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .tablet\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:min-w-auto {
    min-width: auto !important;
  }
  .desktop\:min-w-0 {
    min-width: 0px !important;
  }
  .desktop\:min-w-full {
    min-width: 100% !important;
  }
  .desktop\:min-w-screen {
    min-width: 100vw !important;
  }
  .desktop\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .desktop\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .desktop\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:min-w-auto {
    min-width: auto !important;
  }
  .widescreen\:min-w-0 {
    min-width: 0px !important;
  }
  .widescreen\:min-w-full {
    min-width: 100% !important;
  }
  .widescreen\:min-w-screen {
    min-width: 100vw !important;
  }
  .widescreen\:min-w-min {
    min-width: -moz-min-content !important;
    min-width: min-content !important;
  }
  .widescreen\:min-w-max {
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
  .widescreen\:min-w-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
}
.max-h-auto {
  max-height: auto !important;
}

.max-h-0 {
  max-height: 0px !important;
}

.max-h-full {
  max-height: 100% !important;
}

.max-h-screen {
  max-height: 100vh !important;
}

.min-h-min {
  max-height: -moz-min-content !important;
  max-height: min-content !important;
}

.min-h-max {
  max-height: -moz-max-content !important;
  max-height: max-content !important;
}

.min-h-fit {
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:max-h-auto {
    max-height: auto !important;
  }
  .mobile\:max-h-0 {
    max-height: 0px !important;
  }
  .mobile\:max-h-full {
    max-height: 100% !important;
  }
  .mobile\:max-h-screen {
    max-height: 100vh !important;
  }
  .mobile\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .mobile\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .mobile\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:max-h-auto {
    max-height: auto !important;
  }
  .tablet\:max-h-0 {
    max-height: 0px !important;
  }
  .tablet\:max-h-full {
    max-height: 100% !important;
  }
  .tablet\:max-h-screen {
    max-height: 100vh !important;
  }
  .tablet\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .tablet\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .tablet\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:max-h-auto {
    max-height: auto !important;
  }
  .desktop\:max-h-0 {
    max-height: 0px !important;
  }
  .desktop\:max-h-full {
    max-height: 100% !important;
  }
  .desktop\:max-h-screen {
    max-height: 100vh !important;
  }
  .desktop\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .desktop\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .desktop\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:max-h-auto {
    max-height: auto !important;
  }
  .widescreen\:max-h-0 {
    max-height: 0px !important;
  }
  .widescreen\:max-h-full {
    max-height: 100% !important;
  }
  .widescreen\:max-h-screen {
    max-height: 100vh !important;
  }
  .widescreen\:min-h-min {
    max-height: -moz-min-content !important;
    max-height: min-content !important;
  }
  .widescreen\:min-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
  }
  .widescreen\:min-h-fit {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
.max-w-auto {
  max-width: auto !important;
}

.max-w-0 {
  max-width: 0px !important;
}

.max-w-full {
  max-width: 100% !important;
}

.max-w-screen {
  max-width: 100vw !important;
}

.max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important;
}

.max-w-max {
  max-width: -moz-max-content !important;
  max-width: max-content !important;
}

.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

@media screen and (max-width: 768px) {
  .mobile\:max-w-auto {
    max-width: auto !important;
  }
  .mobile\:max-w-0 {
    max-width: 0px !important;
  }
  .mobile\:max-w-full {
    max-width: 100% !important;
  }
  .mobile\:max-w-screen {
    max-width: 100vw !important;
  }
  .mobile\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .mobile\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .mobile\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:max-w-auto {
    max-width: auto !important;
  }
  .tablet\:max-w-0 {
    max-width: 0px !important;
  }
  .tablet\:max-w-full {
    max-width: 100% !important;
  }
  .tablet\:max-w-screen {
    max-width: 100vw !important;
  }
  .tablet\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .tablet\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .tablet\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:max-w-auto {
    max-width: auto !important;
  }
  .desktop\:max-w-0 {
    max-width: 0px !important;
  }
  .desktop\:max-w-full {
    max-width: 100% !important;
  }
  .desktop\:max-w-screen {
    max-width: 100vw !important;
  }
  .desktop\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .desktop\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .desktop\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:max-w-auto {
    max-width: auto !important;
  }
  .widescreen\:max-w-0 {
    max-width: 0px !important;
  }
  .widescreen\:max-w-full {
    max-width: 100% !important;
  }
  .widescreen\:max-w-screen {
    max-width: 100vw !important;
  }
  .widescreen\:max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important;
  }
  .widescreen\:max-w-max {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
  .widescreen\:max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
}
.m-none {
  margin: 0 !important;
}

.m-auto {
  margin: auto !important;
}

.m-xx-small {
  margin: var(--group-space-xx-small) !important;
}

.m-x-small {
  margin: var(--group-space-x-small) !important;
}

.m-small {
  margin: var(--group-space-small) !important;
}

.m-normal {
  margin: var(--group-space-normal) !important;
}

.m-medium {
  margin: var(--group-space-medium) !important;
}

.m-large {
  margin: var(--group-space-large) !important;
}

.m-x-large {
  margin: var(--group-space-x-large) !important;
}

.m-xx-large {
  margin: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:m-xx-small {
    margin: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:m-x-small {
    margin: var(--group-space-x-small-mobile) !important;
  }
  .mobile:m-small {
    margin: var(--group-space-small-mobile) !important;
  }
  .mobile:m-normal {
    margin: var(--group-space-normal-mobile) !important;
  }
  .mobile:m-medium {
    margin: var(--group-space-medium-mobile) !important;
  }
  .mobile:m-large {
    margin: var(--group-space-large-mobile) !important;
  }
  .mobile:m-x-large {
    margin: var(--group-space-x-large-mobile) !important;
  }
  .mobile:m-xx-large {
    margin: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .m-none {
    margin: 0 !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-xx-small {
    margin: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:m-xx-small {
    margin: var(--group-space-xx-small-tablet) !important;
  }
  .m-x-small {
    margin: var(--group-space-x-small-tablet) !important;
  }
  .tablet:m-x-small {
    margin: var(--group-space-x-small-tablet) !important;
  }
  .m-small {
    margin: var(--group-space-small-tablet) !important;
  }
  .tablet:m-small {
    margin: var(--group-space-small-tablet) !important;
  }
  .m-normal {
    margin: var(--group-space-normal-tablet) !important;
  }
  .tablet:m-normal {
    margin: var(--group-space-normal-tablet) !important;
  }
  .m-medium {
    margin: var(--group-space-medium-tablet) !important;
  }
  .tablet:m-medium {
    margin: var(--group-space-medium-tablet) !important;
  }
  .m-large {
    margin: var(--group-space-large-tablet) !important;
  }
  .tablet:m-large {
    margin: var(--group-space-large-tablet) !important;
  }
  .m-x-large {
    margin: var(--group-space-x-large-tablet) !important;
  }
  .tablet:m-x-large {
    margin: var(--group-space-x-large-tablet) !important;
  }
  .m-xx-large {
    margin: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:m-xx-large {
    margin: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .m-none {
    margin: 0 !important;
  }
  .m-auto {
    margin: auto !important;
  }
  .m-xx-small {
    margin: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:m-xx-small {
    margin: var(--group-space-xx-small-desktop) !important;
  }
  .m-x-small {
    margin: var(--group-space-x-small-desktop) !important;
  }
  .desktop:m-x-small {
    margin: var(--group-space-x-small-desktop) !important;
  }
  .m-small {
    margin: var(--group-space-small-desktop) !important;
  }
  .desktop:m-small {
    margin: var(--group-space-small-desktop) !important;
  }
  .m-normal {
    margin: var(--group-space-normal-desktop) !important;
  }
  .desktop:m-normal {
    margin: var(--group-space-normal-desktop) !important;
  }
  .m-medium {
    margin: var(--group-space-medium-desktop) !important;
  }
  .desktop:m-medium {
    margin: var(--group-space-medium-desktop) !important;
  }
  .m-large {
    margin: var(--group-space-large-desktop) !important;
  }
  .desktop:m-large {
    margin: var(--group-space-large-desktop) !important;
  }
  .m-x-large {
    margin: var(--group-space-x-large-desktop) !important;
  }
  .desktop:m-x-large {
    margin: var(--group-space-x-large-desktop) !important;
  }
  .m-xx-large {
    margin: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:m-xx-large {
    margin: var(--group-space-xx-large-desktop) !important;
  }
}
.mx-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mx-xx-small {
  margin-left: var(--group-space-xx-small) !important;
  margin-right: var(--group-space-xx-small) !important;
}

.mx-x-small {
  margin-left: var(--group-space-x-small) !important;
  margin-right: var(--group-space-x-small) !important;
}

.mx-small {
  margin-left: var(--group-space-small) !important;
  margin-right: var(--group-space-small) !important;
}

.mx-normal {
  margin-left: var(--group-space-normal) !important;
  margin-right: var(--group-space-normal) !important;
}

.mx-medium {
  margin-left: var(--group-space-medium) !important;
  margin-right: var(--group-space-medium) !important;
}

.mx-large {
  margin-left: var(--group-space-large) !important;
  margin-right: var(--group-space-large) !important;
}

.mx-x-large {
  margin-left: var(--group-space-x-large) !important;
  margin-right: var(--group-space-x-large) !important;
}

.mx-xx-large {
  margin-left: var(--group-space-xx-large) !important;
  margin-right: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:mx-xx-small {
    margin-left: var(--group-space-xx-small-mobile) !important;
    margin-right: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:mx-x-small {
    margin-left: var(--group-space-x-small-mobile) !important;
    margin-right: var(--group-space-x-small-mobile) !important;
  }
  .mobile:mx-small {
    margin-left: var(--group-space-small-mobile) !important;
    margin-right: var(--group-space-small-mobile) !important;
  }
  .mobile:mx-normal {
    margin-left: var(--group-space-normal-mobile) !important;
    margin-right: var(--group-space-normal-mobile) !important;
  }
  .mobile:mx-medium {
    margin-left: var(--group-space-medium-mobile) !important;
    margin-right: var(--group-space-medium-mobile) !important;
  }
  .mobile:mx-large {
    margin-left: var(--group-space-large-mobile) !important;
    margin-right: var(--group-space-large-mobile) !important;
  }
  .mobile:mx-x-large {
    margin-left: var(--group-space-x-large-mobile) !important;
    margin-right: var(--group-space-x-large-mobile) !important;
  }
  .mobile:mx-xx-large {
    margin-left: var(--group-space-xx-large-mobile) !important;
    margin-right: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mx-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx-xx-small {
    margin-left: var(--group-space-xx-small-tablet) !important;
    margin-right: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:mx-xx-small {
    margin-left: var(--group-space-xx-small-tablet) !important;
    margin-right: var(--group-space-xx-small-tablet) !important;
  }
  .mx-x-small {
    margin-left: var(--group-space-x-small-tablet) !important;
    margin-right: var(--group-space-x-small-tablet) !important;
  }
  .tablet:mx-x-small {
    margin-left: var(--group-space-x-small-tablet) !important;
    margin-right: var(--group-space-x-small-tablet) !important;
  }
  .mx-small {
    margin-left: var(--group-space-small-tablet) !important;
    margin-right: var(--group-space-small-tablet) !important;
  }
  .tablet:mx-small {
    margin-left: var(--group-space-small-tablet) !important;
    margin-right: var(--group-space-small-tablet) !important;
  }
  .mx-normal {
    margin-left: var(--group-space-normal-tablet) !important;
    margin-right: var(--group-space-normal-tablet) !important;
  }
  .tablet:mx-normal {
    margin-left: var(--group-space-normal-tablet) !important;
    margin-right: var(--group-space-normal-tablet) !important;
  }
  .mx-medium {
    margin-left: var(--group-space-medium-tablet) !important;
    margin-right: var(--group-space-medium-tablet) !important;
  }
  .tablet:mx-medium {
    margin-left: var(--group-space-medium-tablet) !important;
    margin-right: var(--group-space-medium-tablet) !important;
  }
  .mx-large {
    margin-left: var(--group-space-large-tablet) !important;
    margin-right: var(--group-space-large-tablet) !important;
  }
  .tablet:mx-large {
    margin-left: var(--group-space-large-tablet) !important;
    margin-right: var(--group-space-large-tablet) !important;
  }
  .mx-x-large {
    margin-left: var(--group-space-x-large-tablet) !important;
    margin-right: var(--group-space-x-large-tablet) !important;
  }
  .tablet:mx-x-large {
    margin-left: var(--group-space-x-large-tablet) !important;
    margin-right: var(--group-space-x-large-tablet) !important;
  }
  .mx-xx-large {
    margin-left: var(--group-space-xx-large-tablet) !important;
    margin-right: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:mx-xx-large {
    margin-left: var(--group-space-xx-large-tablet) !important;
    margin-right: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mx-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .mx-xx-small {
    margin-left: var(--group-space-xx-small-desktop) !important;
    margin-right: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:mx-xx-small {
    margin-left: var(--group-space-xx-small-desktop) !important;
    margin-right: var(--group-space-xx-small-desktop) !important;
  }
  .mx-x-small {
    margin-left: var(--group-space-x-small-desktop) !important;
    margin-right: var(--group-space-x-small-desktop) !important;
  }
  .desktop:mx-x-small {
    margin-left: var(--group-space-x-small-desktop) !important;
    margin-right: var(--group-space-x-small-desktop) !important;
  }
  .mx-small {
    margin-left: var(--group-space-small-desktop) !important;
    margin-right: var(--group-space-small-desktop) !important;
  }
  .desktop:mx-small {
    margin-left: var(--group-space-small-desktop) !important;
    margin-right: var(--group-space-small-desktop) !important;
  }
  .mx-normal {
    margin-left: var(--group-space-normal-desktop) !important;
    margin-right: var(--group-space-normal-desktop) !important;
  }
  .desktop:mx-normal {
    margin-left: var(--group-space-normal-desktop) !important;
    margin-right: var(--group-space-normal-desktop) !important;
  }
  .mx-medium {
    margin-left: var(--group-space-medium-desktop) !important;
    margin-right: var(--group-space-medium-desktop) !important;
  }
  .desktop:mx-medium {
    margin-left: var(--group-space-medium-desktop) !important;
    margin-right: var(--group-space-medium-desktop) !important;
  }
  .mx-large {
    margin-left: var(--group-space-large-desktop) !important;
    margin-right: var(--group-space-large-desktop) !important;
  }
  .desktop:mx-large {
    margin-left: var(--group-space-large-desktop) !important;
    margin-right: var(--group-space-large-desktop) !important;
  }
  .mx-x-large {
    margin-left: var(--group-space-x-large-desktop) !important;
    margin-right: var(--group-space-x-large-desktop) !important;
  }
  .desktop:mx-x-large {
    margin-left: var(--group-space-x-large-desktop) !important;
    margin-right: var(--group-space-x-large-desktop) !important;
  }
  .mx-xx-large {
    margin-left: var(--group-space-xx-large-desktop) !important;
    margin-right: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:mx-xx-large {
    margin-left: var(--group-space-xx-large-desktop) !important;
    margin-right: var(--group-space-xx-large-desktop) !important;
  }
}
.my-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.my-xx-small {
  margin-top: var(--group-space-xx-small) !important;
  margin-bottom: var(--group-space-xx-small) !important;
}

.my-x-small {
  margin-top: var(--group-space-x-small) !important;
  margin-bottom: var(--group-space-x-small) !important;
}

.my-small {
  margin-top: var(--group-space-small) !important;
  margin-bottom: var(--group-space-small) !important;
}

.my-normal {
  margin-top: var(--group-space-normal) !important;
  margin-bottom: var(--group-space-normal) !important;
}

.my-medium {
  margin-top: var(--group-space-medium) !important;
  margin-bottom: var(--group-space-medium) !important;
}

.my-large {
  margin-top: var(--group-space-large) !important;
  margin-bottom: var(--group-space-large) !important;
}

.my-x-large {
  margin-top: var(--group-space-x-large) !important;
  margin-bottom: var(--group-space-x-large) !important;
}

.my-xx-large {
  margin-top: var(--group-space-xx-large) !important;
  margin-bottom: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:my-xx-small {
    margin-top: var(--group-space-xx-small-mobile) !important;
    margin-bottom: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:my-x-small {
    margin-top: var(--group-space-x-small-mobile) !important;
    margin-bottom: var(--group-space-x-small-mobile) !important;
  }
  .mobile:my-small {
    margin-top: var(--group-space-small-mobile) !important;
    margin-bottom: var(--group-space-small-mobile) !important;
  }
  .mobile:my-normal {
    margin-top: var(--group-space-normal-mobile) !important;
    margin-bottom: var(--group-space-normal-mobile) !important;
  }
  .mobile:my-medium {
    margin-top: var(--group-space-medium-mobile) !important;
    margin-bottom: var(--group-space-medium-mobile) !important;
  }
  .mobile:my-large {
    margin-top: var(--group-space-large-mobile) !important;
    margin-bottom: var(--group-space-large-mobile) !important;
  }
  .mobile:my-x-large {
    margin-top: var(--group-space-x-large-mobile) !important;
    margin-bottom: var(--group-space-x-large-mobile) !important;
  }
  .mobile:my-xx-large {
    margin-top: var(--group-space-xx-large-mobile) !important;
    margin-bottom: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .my-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-xx-small {
    margin-top: var(--group-space-xx-small-tablet) !important;
    margin-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:my-xx-small {
    margin-top: var(--group-space-xx-small-tablet) !important;
    margin-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .my-x-small {
    margin-top: var(--group-space-x-small-tablet) !important;
    margin-bottom: var(--group-space-x-small-tablet) !important;
  }
  .tablet:my-x-small {
    margin-top: var(--group-space-x-small-tablet) !important;
    margin-bottom: var(--group-space-x-small-tablet) !important;
  }
  .my-small {
    margin-top: var(--group-space-small-tablet) !important;
    margin-bottom: var(--group-space-small-tablet) !important;
  }
  .tablet:my-small {
    margin-top: var(--group-space-small-tablet) !important;
    margin-bottom: var(--group-space-small-tablet) !important;
  }
  .my-normal {
    margin-top: var(--group-space-normal-tablet) !important;
    margin-bottom: var(--group-space-normal-tablet) !important;
  }
  .tablet:my-normal {
    margin-top: var(--group-space-normal-tablet) !important;
    margin-bottom: var(--group-space-normal-tablet) !important;
  }
  .my-medium {
    margin-top: var(--group-space-medium-tablet) !important;
    margin-bottom: var(--group-space-medium-tablet) !important;
  }
  .tablet:my-medium {
    margin-top: var(--group-space-medium-tablet) !important;
    margin-bottom: var(--group-space-medium-tablet) !important;
  }
  .my-large {
    margin-top: var(--group-space-large-tablet) !important;
    margin-bottom: var(--group-space-large-tablet) !important;
  }
  .tablet:my-large {
    margin-top: var(--group-space-large-tablet) !important;
    margin-bottom: var(--group-space-large-tablet) !important;
  }
  .my-x-large {
    margin-top: var(--group-space-x-large-tablet) !important;
    margin-bottom: var(--group-space-x-large-tablet) !important;
  }
  .tablet:my-x-large {
    margin-top: var(--group-space-x-large-tablet) !important;
    margin-bottom: var(--group-space-x-large-tablet) !important;
  }
  .my-xx-large {
    margin-top: var(--group-space-xx-large-tablet) !important;
    margin-bottom: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:my-xx-large {
    margin-top: var(--group-space-xx-large-tablet) !important;
    margin-bottom: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .my-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .my-xx-small {
    margin-top: var(--group-space-xx-small-desktop) !important;
    margin-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:my-xx-small {
    margin-top: var(--group-space-xx-small-desktop) !important;
    margin-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .my-x-small {
    margin-top: var(--group-space-x-small-desktop) !important;
    margin-bottom: var(--group-space-x-small-desktop) !important;
  }
  .desktop:my-x-small {
    margin-top: var(--group-space-x-small-desktop) !important;
    margin-bottom: var(--group-space-x-small-desktop) !important;
  }
  .my-small {
    margin-top: var(--group-space-small-desktop) !important;
    margin-bottom: var(--group-space-small-desktop) !important;
  }
  .desktop:my-small {
    margin-top: var(--group-space-small-desktop) !important;
    margin-bottom: var(--group-space-small-desktop) !important;
  }
  .my-normal {
    margin-top: var(--group-space-normal-desktop) !important;
    margin-bottom: var(--group-space-normal-desktop) !important;
  }
  .desktop:my-normal {
    margin-top: var(--group-space-normal-desktop) !important;
    margin-bottom: var(--group-space-normal-desktop) !important;
  }
  .my-medium {
    margin-top: var(--group-space-medium-desktop) !important;
    margin-bottom: var(--group-space-medium-desktop) !important;
  }
  .desktop:my-medium {
    margin-top: var(--group-space-medium-desktop) !important;
    margin-bottom: var(--group-space-medium-desktop) !important;
  }
  .my-large {
    margin-top: var(--group-space-large-desktop) !important;
    margin-bottom: var(--group-space-large-desktop) !important;
  }
  .desktop:my-large {
    margin-top: var(--group-space-large-desktop) !important;
    margin-bottom: var(--group-space-large-desktop) !important;
  }
  .my-x-large {
    margin-top: var(--group-space-x-large-desktop) !important;
    margin-bottom: var(--group-space-x-large-desktop) !important;
  }
  .desktop:my-x-large {
    margin-top: var(--group-space-x-large-desktop) !important;
    margin-bottom: var(--group-space-x-large-desktop) !important;
  }
  .my-xx-large {
    margin-top: var(--group-space-xx-large-desktop) !important;
    margin-bottom: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:my-xx-large {
    margin-top: var(--group-space-xx-large-desktop) !important;
    margin-bottom: var(--group-space-xx-large-desktop) !important;
  }
}
.mt-none {
  margin-top: 0 !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mt-xx-small {
  margin-top: var(--group-space-xx-small) !important;
}

.mt-x-small {
  margin-top: var(--group-space-x-small) !important;
}

.mt-small {
  margin-top: var(--group-space-small) !important;
}

.mt-normal {
  margin-top: var(--group-space-normal) !important;
}

.mt-medium {
  margin-top: var(--group-space-medium) !important;
}

.mt-large {
  margin-top: var(--group-space-large) !important;
}

.mt-x-large {
  margin-top: var(--group-space-x-large) !important;
}

.mt-xx-large {
  margin-top: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:mt-xx-small {
    margin-top: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:mt-x-small {
    margin-top: var(--group-space-x-small-mobile) !important;
  }
  .mobile:mt-small {
    margin-top: var(--group-space-small-mobile) !important;
  }
  .mobile:mt-normal {
    margin-top: var(--group-space-normal-mobile) !important;
  }
  .mobile:mt-medium {
    margin-top: var(--group-space-medium-mobile) !important;
  }
  .mobile:mt-large {
    margin-top: var(--group-space-large-mobile) !important;
  }
  .mobile:mt-x-large {
    margin-top: var(--group-space-x-large-mobile) !important;
  }
  .mobile:mt-xx-large {
    margin-top: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mt-none {
    margin-top: 0 !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mt-xx-small {
    margin-top: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:mt-xx-small {
    margin-top: var(--group-space-xx-small-tablet) !important;
  }
  .mt-x-small {
    margin-top: var(--group-space-x-small-tablet) !important;
  }
  .tablet:mt-x-small {
    margin-top: var(--group-space-x-small-tablet) !important;
  }
  .mt-small {
    margin-top: var(--group-space-small-tablet) !important;
  }
  .tablet:mt-small {
    margin-top: var(--group-space-small-tablet) !important;
  }
  .mt-normal {
    margin-top: var(--group-space-normal-tablet) !important;
  }
  .tablet:mt-normal {
    margin-top: var(--group-space-normal-tablet) !important;
  }
  .mt-medium {
    margin-top: var(--group-space-medium-tablet) !important;
  }
  .tablet:mt-medium {
    margin-top: var(--group-space-medium-tablet) !important;
  }
  .mt-large {
    margin-top: var(--group-space-large-tablet) !important;
  }
  .tablet:mt-large {
    margin-top: var(--group-space-large-tablet) !important;
  }
  .mt-x-large {
    margin-top: var(--group-space-x-large-tablet) !important;
  }
  .tablet:mt-x-large {
    margin-top: var(--group-space-x-large-tablet) !important;
  }
  .mt-xx-large {
    margin-top: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:mt-xx-large {
    margin-top: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mt-none {
    margin-top: 0 !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .mt-xx-small {
    margin-top: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:mt-xx-small {
    margin-top: var(--group-space-xx-small-desktop) !important;
  }
  .mt-x-small {
    margin-top: var(--group-space-x-small-desktop) !important;
  }
  .desktop:mt-x-small {
    margin-top: var(--group-space-x-small-desktop) !important;
  }
  .mt-small {
    margin-top: var(--group-space-small-desktop) !important;
  }
  .desktop:mt-small {
    margin-top: var(--group-space-small-desktop) !important;
  }
  .mt-normal {
    margin-top: var(--group-space-normal-desktop) !important;
  }
  .desktop:mt-normal {
    margin-top: var(--group-space-normal-desktop) !important;
  }
  .mt-medium {
    margin-top: var(--group-space-medium-desktop) !important;
  }
  .desktop:mt-medium {
    margin-top: var(--group-space-medium-desktop) !important;
  }
  .mt-large {
    margin-top: var(--group-space-large-desktop) !important;
  }
  .desktop:mt-large {
    margin-top: var(--group-space-large-desktop) !important;
  }
  .mt-x-large {
    margin-top: var(--group-space-x-large-desktop) !important;
  }
  .desktop:mt-x-large {
    margin-top: var(--group-space-x-large-desktop) !important;
  }
  .mt-xx-large {
    margin-top: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:mt-xx-large {
    margin-top: var(--group-space-xx-large-desktop) !important;
  }
}
.mr-none {
  margin-right: 0 !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mr-xx-small {
  margin-right: var(--group-space-xx-small) !important;
}

.mr-x-small {
  margin-right: var(--group-space-x-small) !important;
}

.mr-small {
  margin-right: var(--group-space-small) !important;
}

.mr-normal {
  margin-right: var(--group-space-normal) !important;
}

.mr-medium {
  margin-right: var(--group-space-medium) !important;
}

.mr-large {
  margin-right: var(--group-space-large) !important;
}

.mr-x-large {
  margin-right: var(--group-space-x-large) !important;
}

.mr-xx-large {
  margin-right: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:mr-xx-small {
    margin-right: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:mr-x-small {
    margin-right: var(--group-space-x-small-mobile) !important;
  }
  .mobile:mr-small {
    margin-right: var(--group-space-small-mobile) !important;
  }
  .mobile:mr-normal {
    margin-right: var(--group-space-normal-mobile) !important;
  }
  .mobile:mr-medium {
    margin-right: var(--group-space-medium-mobile) !important;
  }
  .mobile:mr-large {
    margin-right: var(--group-space-large-mobile) !important;
  }
  .mobile:mr-x-large {
    margin-right: var(--group-space-x-large-mobile) !important;
  }
  .mobile:mr-xx-large {
    margin-right: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mr-none {
    margin-right: 0 !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .mr-xx-small {
    margin-right: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:mr-xx-small {
    margin-right: var(--group-space-xx-small-tablet) !important;
  }
  .mr-x-small {
    margin-right: var(--group-space-x-small-tablet) !important;
  }
  .tablet:mr-x-small {
    margin-right: var(--group-space-x-small-tablet) !important;
  }
  .mr-small {
    margin-right: var(--group-space-small-tablet) !important;
  }
  .tablet:mr-small {
    margin-right: var(--group-space-small-tablet) !important;
  }
  .mr-normal {
    margin-right: var(--group-space-normal-tablet) !important;
  }
  .tablet:mr-normal {
    margin-right: var(--group-space-normal-tablet) !important;
  }
  .mr-medium {
    margin-right: var(--group-space-medium-tablet) !important;
  }
  .tablet:mr-medium {
    margin-right: var(--group-space-medium-tablet) !important;
  }
  .mr-large {
    margin-right: var(--group-space-large-tablet) !important;
  }
  .tablet:mr-large {
    margin-right: var(--group-space-large-tablet) !important;
  }
  .mr-x-large {
    margin-right: var(--group-space-x-large-tablet) !important;
  }
  .tablet:mr-x-large {
    margin-right: var(--group-space-x-large-tablet) !important;
  }
  .mr-xx-large {
    margin-right: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:mr-xx-large {
    margin-right: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mr-none {
    margin-right: 0 !important;
  }
  .mr-auto {
    margin-right: auto !important;
  }
  .mr-xx-small {
    margin-right: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:mr-xx-small {
    margin-right: var(--group-space-xx-small-desktop) !important;
  }
  .mr-x-small {
    margin-right: var(--group-space-x-small-desktop) !important;
  }
  .desktop:mr-x-small {
    margin-right: var(--group-space-x-small-desktop) !important;
  }
  .mr-small {
    margin-right: var(--group-space-small-desktop) !important;
  }
  .desktop:mr-small {
    margin-right: var(--group-space-small-desktop) !important;
  }
  .mr-normal {
    margin-right: var(--group-space-normal-desktop) !important;
  }
  .desktop:mr-normal {
    margin-right: var(--group-space-normal-desktop) !important;
  }
  .mr-medium {
    margin-right: var(--group-space-medium-desktop) !important;
  }
  .desktop:mr-medium {
    margin-right: var(--group-space-medium-desktop) !important;
  }
  .mr-large {
    margin-right: var(--group-space-large-desktop) !important;
  }
  .desktop:mr-large {
    margin-right: var(--group-space-large-desktop) !important;
  }
  .mr-x-large {
    margin-right: var(--group-space-x-large-desktop) !important;
  }
  .desktop:mr-x-large {
    margin-right: var(--group-space-x-large-desktop) !important;
  }
  .mr-xx-large {
    margin-right: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:mr-xx-large {
    margin-right: var(--group-space-xx-large-desktop) !important;
  }
}
.mb-none {
  margin-bottom: 0 !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mb-xx-small {
  margin-bottom: var(--group-space-xx-small) !important;
}

.mb-x-small {
  margin-bottom: var(--group-space-x-small) !important;
}

.mb-small {
  margin-bottom: var(--group-space-small) !important;
}

.mb-normal {
  margin-bottom: var(--group-space-normal) !important;
}

.mb-medium {
  margin-bottom: var(--group-space-medium) !important;
}

.mb-large {
  margin-bottom: var(--group-space-large) !important;
}

.mb-x-large {
  margin-bottom: var(--group-space-x-large) !important;
}

.mb-xx-large {
  margin-bottom: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:mb-xx-small {
    margin-bottom: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:mb-x-small {
    margin-bottom: var(--group-space-x-small-mobile) !important;
  }
  .mobile:mb-small {
    margin-bottom: var(--group-space-small-mobile) !important;
  }
  .mobile:mb-normal {
    margin-bottom: var(--group-space-normal-mobile) !important;
  }
  .mobile:mb-medium {
    margin-bottom: var(--group-space-medium-mobile) !important;
  }
  .mobile:mb-large {
    margin-bottom: var(--group-space-large-mobile) !important;
  }
  .mobile:mb-x-large {
    margin-bottom: var(--group-space-x-large-mobile) !important;
  }
  .mobile:mb-xx-large {
    margin-bottom: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .mb-none {
    margin-bottom: 0 !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .mb-xx-small {
    margin-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:mb-xx-small {
    margin-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .mb-x-small {
    margin-bottom: var(--group-space-x-small-tablet) !important;
  }
  .tablet:mb-x-small {
    margin-bottom: var(--group-space-x-small-tablet) !important;
  }
  .mb-small {
    margin-bottom: var(--group-space-small-tablet) !important;
  }
  .tablet:mb-small {
    margin-bottom: var(--group-space-small-tablet) !important;
  }
  .mb-normal {
    margin-bottom: var(--group-space-normal-tablet) !important;
  }
  .tablet:mb-normal {
    margin-bottom: var(--group-space-normal-tablet) !important;
  }
  .mb-medium {
    margin-bottom: var(--group-space-medium-tablet) !important;
  }
  .tablet:mb-medium {
    margin-bottom: var(--group-space-medium-tablet) !important;
  }
  .mb-large {
    margin-bottom: var(--group-space-large-tablet) !important;
  }
  .tablet:mb-large {
    margin-bottom: var(--group-space-large-tablet) !important;
  }
  .mb-x-large {
    margin-bottom: var(--group-space-x-large-tablet) !important;
  }
  .tablet:mb-x-large {
    margin-bottom: var(--group-space-x-large-tablet) !important;
  }
  .mb-xx-large {
    margin-bottom: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:mb-xx-large {
    margin-bottom: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .mb-none {
    margin-bottom: 0 !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .mb-xx-small {
    margin-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:mb-xx-small {
    margin-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .mb-x-small {
    margin-bottom: var(--group-space-x-small-desktop) !important;
  }
  .desktop:mb-x-small {
    margin-bottom: var(--group-space-x-small-desktop) !important;
  }
  .mb-small {
    margin-bottom: var(--group-space-small-desktop) !important;
  }
  .desktop:mb-small {
    margin-bottom: var(--group-space-small-desktop) !important;
  }
  .mb-normal {
    margin-bottom: var(--group-space-normal-desktop) !important;
  }
  .desktop:mb-normal {
    margin-bottom: var(--group-space-normal-desktop) !important;
  }
  .mb-medium {
    margin-bottom: var(--group-space-medium-desktop) !important;
  }
  .desktop:mb-medium {
    margin-bottom: var(--group-space-medium-desktop) !important;
  }
  .mb-large {
    margin-bottom: var(--group-space-large-desktop) !important;
  }
  .desktop:mb-large {
    margin-bottom: var(--group-space-large-desktop) !important;
  }
  .mb-x-large {
    margin-bottom: var(--group-space-x-large-desktop) !important;
  }
  .desktop:mb-x-large {
    margin-bottom: var(--group-space-x-large-desktop) !important;
  }
  .mb-xx-large {
    margin-bottom: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:mb-xx-large {
    margin-bottom: var(--group-space-xx-large-desktop) !important;
  }
}
.ml-none {
  margin-left: 0 !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ml-xx-small {
  margin-left: var(--group-space-xx-small) !important;
}

.ml-x-small {
  margin-left: var(--group-space-x-small) !important;
}

.ml-small {
  margin-left: var(--group-space-small) !important;
}

.ml-normal {
  margin-left: var(--group-space-normal) !important;
}

.ml-medium {
  margin-left: var(--group-space-medium) !important;
}

.ml-large {
  margin-left: var(--group-space-large) !important;
}

.ml-x-large {
  margin-left: var(--group-space-x-large) !important;
}

.ml-xx-large {
  margin-left: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:ml-xx-small {
    margin-left: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:ml-x-small {
    margin-left: var(--group-space-x-small-mobile) !important;
  }
  .mobile:ml-small {
    margin-left: var(--group-space-small-mobile) !important;
  }
  .mobile:ml-normal {
    margin-left: var(--group-space-normal-mobile) !important;
  }
  .mobile:ml-medium {
    margin-left: var(--group-space-medium-mobile) !important;
  }
  .mobile:ml-large {
    margin-left: var(--group-space-large-mobile) !important;
  }
  .mobile:ml-x-large {
    margin-left: var(--group-space-x-large-mobile) !important;
  }
  .mobile:ml-xx-large {
    margin-left: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .ml-none {
    margin-left: 0 !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .ml-xx-small {
    margin-left: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:ml-xx-small {
    margin-left: var(--group-space-xx-small-tablet) !important;
  }
  .ml-x-small {
    margin-left: var(--group-space-x-small-tablet) !important;
  }
  .tablet:ml-x-small {
    margin-left: var(--group-space-x-small-tablet) !important;
  }
  .ml-small {
    margin-left: var(--group-space-small-tablet) !important;
  }
  .tablet:ml-small {
    margin-left: var(--group-space-small-tablet) !important;
  }
  .ml-normal {
    margin-left: var(--group-space-normal-tablet) !important;
  }
  .tablet:ml-normal {
    margin-left: var(--group-space-normal-tablet) !important;
  }
  .ml-medium {
    margin-left: var(--group-space-medium-tablet) !important;
  }
  .tablet:ml-medium {
    margin-left: var(--group-space-medium-tablet) !important;
  }
  .ml-large {
    margin-left: var(--group-space-large-tablet) !important;
  }
  .tablet:ml-large {
    margin-left: var(--group-space-large-tablet) !important;
  }
  .ml-x-large {
    margin-left: var(--group-space-x-large-tablet) !important;
  }
  .tablet:ml-x-large {
    margin-left: var(--group-space-x-large-tablet) !important;
  }
  .ml-xx-large {
    margin-left: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:ml-xx-large {
    margin-left: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .ml-none {
    margin-left: 0 !important;
  }
  .ml-auto {
    margin-left: auto !important;
  }
  .ml-xx-small {
    margin-left: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:ml-xx-small {
    margin-left: var(--group-space-xx-small-desktop) !important;
  }
  .ml-x-small {
    margin-left: var(--group-space-x-small-desktop) !important;
  }
  .desktop:ml-x-small {
    margin-left: var(--group-space-x-small-desktop) !important;
  }
  .ml-small {
    margin-left: var(--group-space-small-desktop) !important;
  }
  .desktop:ml-small {
    margin-left: var(--group-space-small-desktop) !important;
  }
  .ml-normal {
    margin-left: var(--group-space-normal-desktop) !important;
  }
  .desktop:ml-normal {
    margin-left: var(--group-space-normal-desktop) !important;
  }
  .ml-medium {
    margin-left: var(--group-space-medium-desktop) !important;
  }
  .desktop:ml-medium {
    margin-left: var(--group-space-medium-desktop) !important;
  }
  .ml-large {
    margin-left: var(--group-space-large-desktop) !important;
  }
  .desktop:ml-large {
    margin-left: var(--group-space-large-desktop) !important;
  }
  .ml-x-large {
    margin-left: var(--group-space-x-large-desktop) !important;
  }
  .desktop:ml-x-large {
    margin-left: var(--group-space-x-large-desktop) !important;
  }
  .ml-xx-large {
    margin-left: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:ml-xx-large {
    margin-left: var(--group-space-xx-large-desktop) !important;
  }
}
.p-none {
  padding: 0 !important;
}

.p-auto {
  padding: auto !important;
}

.p-xx-small {
  padding: var(--group-space-xx-small) !important;
}

.p-x-small {
  padding: var(--group-space-x-small) !important;
}

.p-small {
  padding: var(--group-space-small) !important;
}

.p-normal {
  padding: var(--group-space-normal) !important;
}

.p-medium {
  padding: var(--group-space-medium) !important;
}

.p-large {
  padding: var(--group-space-large) !important;
}

.p-x-large {
  padding: var(--group-space-x-large) !important;
}

.p-xx-large {
  padding: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:p-xx-small {
    padding: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:p-x-small {
    padding: var(--group-space-x-small-mobile) !important;
  }
  .mobile:p-small {
    padding: var(--group-space-small-mobile) !important;
  }
  .mobile:p-normal {
    padding: var(--group-space-normal-mobile) !important;
  }
  .mobile:p-medium {
    padding: var(--group-space-medium-mobile) !important;
  }
  .mobile:p-large {
    padding: var(--group-space-large-mobile) !important;
  }
  .mobile:p-x-large {
    padding: var(--group-space-x-large-mobile) !important;
  }
  .mobile:p-xx-large {
    padding: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .p-none {
    padding: 0 !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .p-xx-small {
    padding: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:p-xx-small {
    padding: var(--group-space-xx-small-tablet) !important;
  }
  .p-x-small {
    padding: var(--group-space-x-small-tablet) !important;
  }
  .tablet:p-x-small {
    padding: var(--group-space-x-small-tablet) !important;
  }
  .p-small {
    padding: var(--group-space-small-tablet) !important;
  }
  .tablet:p-small {
    padding: var(--group-space-small-tablet) !important;
  }
  .p-normal {
    padding: var(--group-space-normal-tablet) !important;
  }
  .tablet:p-normal {
    padding: var(--group-space-normal-tablet) !important;
  }
  .p-medium {
    padding: var(--group-space-medium-tablet) !important;
  }
  .tablet:p-medium {
    padding: var(--group-space-medium-tablet) !important;
  }
  .p-large {
    padding: var(--group-space-large-tablet) !important;
  }
  .tablet:p-large {
    padding: var(--group-space-large-tablet) !important;
  }
  .p-x-large {
    padding: var(--group-space-x-large-tablet) !important;
  }
  .tablet:p-x-large {
    padding: var(--group-space-x-large-tablet) !important;
  }
  .p-xx-large {
    padding: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:p-xx-large {
    padding: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-none {
    padding: 0 !important;
  }
  .p-auto {
    padding: auto !important;
  }
  .p-xx-small {
    padding: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:p-xx-small {
    padding: var(--group-space-xx-small-desktop) !important;
  }
  .p-x-small {
    padding: var(--group-space-x-small-desktop) !important;
  }
  .desktop:p-x-small {
    padding: var(--group-space-x-small-desktop) !important;
  }
  .p-small {
    padding: var(--group-space-small-desktop) !important;
  }
  .desktop:p-small {
    padding: var(--group-space-small-desktop) !important;
  }
  .p-normal {
    padding: var(--group-space-normal-desktop) !important;
  }
  .desktop:p-normal {
    padding: var(--group-space-normal-desktop) !important;
  }
  .p-medium {
    padding: var(--group-space-medium-desktop) !important;
  }
  .desktop:p-medium {
    padding: var(--group-space-medium-desktop) !important;
  }
  .p-large {
    padding: var(--group-space-large-desktop) !important;
  }
  .desktop:p-large {
    padding: var(--group-space-large-desktop) !important;
  }
  .p-x-large {
    padding: var(--group-space-x-large-desktop) !important;
  }
  .desktop:p-x-large {
    padding: var(--group-space-x-large-desktop) !important;
  }
  .p-xx-large {
    padding: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:p-xx-large {
    padding: var(--group-space-xx-large-desktop) !important;
  }
}
.px-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.px-xx-small {
  padding-left: var(--group-space-xx-small) !important;
  padding-right: var(--group-space-xx-small) !important;
}

.px-x-small {
  padding-left: var(--group-space-x-small) !important;
  padding-right: var(--group-space-x-small) !important;
}

.px-small {
  padding-left: var(--group-space-small) !important;
  padding-right: var(--group-space-small) !important;
}

.px-normal {
  padding-left: var(--group-space-normal) !important;
  padding-right: var(--group-space-normal) !important;
}

.px-medium {
  padding-left: var(--group-space-medium) !important;
  padding-right: var(--group-space-medium) !important;
}

.px-large {
  padding-left: var(--group-space-large) !important;
  padding-right: var(--group-space-large) !important;
}

.px-x-large {
  padding-left: var(--group-space-x-large) !important;
  padding-right: var(--group-space-x-large) !important;
}

.px-xx-large {
  padding-left: var(--group-space-xx-large) !important;
  padding-right: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:px-xx-small {
    padding-left: var(--group-space-xx-small-mobile) !important;
    padding-right: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:px-x-small {
    padding-left: var(--group-space-x-small-mobile) !important;
    padding-right: var(--group-space-x-small-mobile) !important;
  }
  .mobile:px-small {
    padding-left: var(--group-space-small-mobile) !important;
    padding-right: var(--group-space-small-mobile) !important;
  }
  .mobile:px-normal {
    padding-left: var(--group-space-normal-mobile) !important;
    padding-right: var(--group-space-normal-mobile) !important;
  }
  .mobile:px-medium {
    padding-left: var(--group-space-medium-mobile) !important;
    padding-right: var(--group-space-medium-mobile) !important;
  }
  .mobile:px-large {
    padding-left: var(--group-space-large-mobile) !important;
    padding-right: var(--group-space-large-mobile) !important;
  }
  .mobile:px-x-large {
    padding-left: var(--group-space-x-large-mobile) !important;
    padding-right: var(--group-space-x-large-mobile) !important;
  }
  .mobile:px-xx-large {
    padding-left: var(--group-space-xx-large-mobile) !important;
    padding-right: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .px-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .px-xx-small {
    padding-left: var(--group-space-xx-small-tablet) !important;
    padding-right: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:px-xx-small {
    padding-left: var(--group-space-xx-small-tablet) !important;
    padding-right: var(--group-space-xx-small-tablet) !important;
  }
  .px-x-small {
    padding-left: var(--group-space-x-small-tablet) !important;
    padding-right: var(--group-space-x-small-tablet) !important;
  }
  .tablet:px-x-small {
    padding-left: var(--group-space-x-small-tablet) !important;
    padding-right: var(--group-space-x-small-tablet) !important;
  }
  .px-small {
    padding-left: var(--group-space-small-tablet) !important;
    padding-right: var(--group-space-small-tablet) !important;
  }
  .tablet:px-small {
    padding-left: var(--group-space-small-tablet) !important;
    padding-right: var(--group-space-small-tablet) !important;
  }
  .px-normal {
    padding-left: var(--group-space-normal-tablet) !important;
    padding-right: var(--group-space-normal-tablet) !important;
  }
  .tablet:px-normal {
    padding-left: var(--group-space-normal-tablet) !important;
    padding-right: var(--group-space-normal-tablet) !important;
  }
  .px-medium {
    padding-left: var(--group-space-medium-tablet) !important;
    padding-right: var(--group-space-medium-tablet) !important;
  }
  .tablet:px-medium {
    padding-left: var(--group-space-medium-tablet) !important;
    padding-right: var(--group-space-medium-tablet) !important;
  }
  .px-large {
    padding-left: var(--group-space-large-tablet) !important;
    padding-right: var(--group-space-large-tablet) !important;
  }
  .tablet:px-large {
    padding-left: var(--group-space-large-tablet) !important;
    padding-right: var(--group-space-large-tablet) !important;
  }
  .px-x-large {
    padding-left: var(--group-space-x-large-tablet) !important;
    padding-right: var(--group-space-x-large-tablet) !important;
  }
  .tablet:px-x-large {
    padding-left: var(--group-space-x-large-tablet) !important;
    padding-right: var(--group-space-x-large-tablet) !important;
  }
  .px-xx-large {
    padding-left: var(--group-space-xx-large-tablet) !important;
    padding-right: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:px-xx-large {
    padding-left: var(--group-space-xx-large-tablet) !important;
    padding-right: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .px-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .px-xx-small {
    padding-left: var(--group-space-xx-small-desktop) !important;
    padding-right: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:px-xx-small {
    padding-left: var(--group-space-xx-small-desktop) !important;
    padding-right: var(--group-space-xx-small-desktop) !important;
  }
  .px-x-small {
    padding-left: var(--group-space-x-small-desktop) !important;
    padding-right: var(--group-space-x-small-desktop) !important;
  }
  .desktop:px-x-small {
    padding-left: var(--group-space-x-small-desktop) !important;
    padding-right: var(--group-space-x-small-desktop) !important;
  }
  .px-small {
    padding-left: var(--group-space-small-desktop) !important;
    padding-right: var(--group-space-small-desktop) !important;
  }
  .desktop:px-small {
    padding-left: var(--group-space-small-desktop) !important;
    padding-right: var(--group-space-small-desktop) !important;
  }
  .px-normal {
    padding-left: var(--group-space-normal-desktop) !important;
    padding-right: var(--group-space-normal-desktop) !important;
  }
  .desktop:px-normal {
    padding-left: var(--group-space-normal-desktop) !important;
    padding-right: var(--group-space-normal-desktop) !important;
  }
  .px-medium {
    padding-left: var(--group-space-medium-desktop) !important;
    padding-right: var(--group-space-medium-desktop) !important;
  }
  .desktop:px-medium {
    padding-left: var(--group-space-medium-desktop) !important;
    padding-right: var(--group-space-medium-desktop) !important;
  }
  .px-large {
    padding-left: var(--group-space-large-desktop) !important;
    padding-right: var(--group-space-large-desktop) !important;
  }
  .desktop:px-large {
    padding-left: var(--group-space-large-desktop) !important;
    padding-right: var(--group-space-large-desktop) !important;
  }
  .px-x-large {
    padding-left: var(--group-space-x-large-desktop) !important;
    padding-right: var(--group-space-x-large-desktop) !important;
  }
  .desktop:px-x-large {
    padding-left: var(--group-space-x-large-desktop) !important;
    padding-right: var(--group-space-x-large-desktop) !important;
  }
  .px-xx-large {
    padding-left: var(--group-space-xx-large-desktop) !important;
    padding-right: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:px-xx-large {
    padding-left: var(--group-space-xx-large-desktop) !important;
    padding-right: var(--group-space-xx-large-desktop) !important;
  }
}
.py-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.py-xx-small {
  padding-top: var(--group-space-xx-small) !important;
  padding-bottom: var(--group-space-xx-small) !important;
}

.py-x-small {
  padding-top: var(--group-space-x-small) !important;
  padding-bottom: var(--group-space-x-small) !important;
}

.py-small {
  padding-top: var(--group-space-small) !important;
  padding-bottom: var(--group-space-small) !important;
}

.py-normal {
  padding-top: var(--group-space-normal) !important;
  padding-bottom: var(--group-space-normal) !important;
}

.py-medium {
  padding-top: var(--group-space-medium) !important;
  padding-bottom: var(--group-space-medium) !important;
}

.py-large {
  padding-top: var(--group-space-large) !important;
  padding-bottom: var(--group-space-large) !important;
}

.py-x-large {
  padding-top: var(--group-space-x-large) !important;
  padding-bottom: var(--group-space-x-large) !important;
}

.py-xx-large {
  padding-top: var(--group-space-xx-large) !important;
  padding-bottom: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:py-xx-small {
    padding-top: var(--group-space-xx-small-mobile) !important;
    padding-bottom: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:py-x-small {
    padding-top: var(--group-space-x-small-mobile) !important;
    padding-bottom: var(--group-space-x-small-mobile) !important;
  }
  .mobile:py-small {
    padding-top: var(--group-space-small-mobile) !important;
    padding-bottom: var(--group-space-small-mobile) !important;
  }
  .mobile:py-normal {
    padding-top: var(--group-space-normal-mobile) !important;
    padding-bottom: var(--group-space-normal-mobile) !important;
  }
  .mobile:py-medium {
    padding-top: var(--group-space-medium-mobile) !important;
    padding-bottom: var(--group-space-medium-mobile) !important;
  }
  .mobile:py-large {
    padding-top: var(--group-space-large-mobile) !important;
    padding-bottom: var(--group-space-large-mobile) !important;
  }
  .mobile:py-x-large {
    padding-top: var(--group-space-x-large-mobile) !important;
    padding-bottom: var(--group-space-x-large-mobile) !important;
  }
  .mobile:py-xx-large {
    padding-top: var(--group-space-xx-large-mobile) !important;
    padding-bottom: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .py-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .py-xx-small {
    padding-top: var(--group-space-xx-small-tablet) !important;
    padding-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:py-xx-small {
    padding-top: var(--group-space-xx-small-tablet) !important;
    padding-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .py-x-small {
    padding-top: var(--group-space-x-small-tablet) !important;
    padding-bottom: var(--group-space-x-small-tablet) !important;
  }
  .tablet:py-x-small {
    padding-top: var(--group-space-x-small-tablet) !important;
    padding-bottom: var(--group-space-x-small-tablet) !important;
  }
  .py-small {
    padding-top: var(--group-space-small-tablet) !important;
    padding-bottom: var(--group-space-small-tablet) !important;
  }
  .tablet:py-small {
    padding-top: var(--group-space-small-tablet) !important;
    padding-bottom: var(--group-space-small-tablet) !important;
  }
  .py-normal {
    padding-top: var(--group-space-normal-tablet) !important;
    padding-bottom: var(--group-space-normal-tablet) !important;
  }
  .tablet:py-normal {
    padding-top: var(--group-space-normal-tablet) !important;
    padding-bottom: var(--group-space-normal-tablet) !important;
  }
  .py-medium {
    padding-top: var(--group-space-medium-tablet) !important;
    padding-bottom: var(--group-space-medium-tablet) !important;
  }
  .tablet:py-medium {
    padding-top: var(--group-space-medium-tablet) !important;
    padding-bottom: var(--group-space-medium-tablet) !important;
  }
  .py-large {
    padding-top: var(--group-space-large-tablet) !important;
    padding-bottom: var(--group-space-large-tablet) !important;
  }
  .tablet:py-large {
    padding-top: var(--group-space-large-tablet) !important;
    padding-bottom: var(--group-space-large-tablet) !important;
  }
  .py-x-large {
    padding-top: var(--group-space-x-large-tablet) !important;
    padding-bottom: var(--group-space-x-large-tablet) !important;
  }
  .tablet:py-x-large {
    padding-top: var(--group-space-x-large-tablet) !important;
    padding-bottom: var(--group-space-x-large-tablet) !important;
  }
  .py-xx-large {
    padding-top: var(--group-space-xx-large-tablet) !important;
    padding-bottom: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:py-xx-large {
    padding-top: var(--group-space-xx-large-tablet) !important;
    padding-bottom: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .py-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .py-xx-small {
    padding-top: var(--group-space-xx-small-desktop) !important;
    padding-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:py-xx-small {
    padding-top: var(--group-space-xx-small-desktop) !important;
    padding-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .py-x-small {
    padding-top: var(--group-space-x-small-desktop) !important;
    padding-bottom: var(--group-space-x-small-desktop) !important;
  }
  .desktop:py-x-small {
    padding-top: var(--group-space-x-small-desktop) !important;
    padding-bottom: var(--group-space-x-small-desktop) !important;
  }
  .py-small {
    padding-top: var(--group-space-small-desktop) !important;
    padding-bottom: var(--group-space-small-desktop) !important;
  }
  .desktop:py-small {
    padding-top: var(--group-space-small-desktop) !important;
    padding-bottom: var(--group-space-small-desktop) !important;
  }
  .py-normal {
    padding-top: var(--group-space-normal-desktop) !important;
    padding-bottom: var(--group-space-normal-desktop) !important;
  }
  .desktop:py-normal {
    padding-top: var(--group-space-normal-desktop) !important;
    padding-bottom: var(--group-space-normal-desktop) !important;
  }
  .py-medium {
    padding-top: var(--group-space-medium-desktop) !important;
    padding-bottom: var(--group-space-medium-desktop) !important;
  }
  .desktop:py-medium {
    padding-top: var(--group-space-medium-desktop) !important;
    padding-bottom: var(--group-space-medium-desktop) !important;
  }
  .py-large {
    padding-top: var(--group-space-large-desktop) !important;
    padding-bottom: var(--group-space-large-desktop) !important;
  }
  .desktop:py-large {
    padding-top: var(--group-space-large-desktop) !important;
    padding-bottom: var(--group-space-large-desktop) !important;
  }
  .py-x-large {
    padding-top: var(--group-space-x-large-desktop) !important;
    padding-bottom: var(--group-space-x-large-desktop) !important;
  }
  .desktop:py-x-large {
    padding-top: var(--group-space-x-large-desktop) !important;
    padding-bottom: var(--group-space-x-large-desktop) !important;
  }
  .py-xx-large {
    padding-top: var(--group-space-xx-large-desktop) !important;
    padding-bottom: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:py-xx-large {
    padding-top: var(--group-space-xx-large-desktop) !important;
    padding-bottom: var(--group-space-xx-large-desktop) !important;
  }
}
.pt-none {
  padding-top: 0 !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pt-xx-small {
  padding-top: var(--group-space-xx-small) !important;
}

.pt-x-small {
  padding-top: var(--group-space-x-small) !important;
}

.pt-small {
  padding-top: var(--group-space-small) !important;
}

.pt-normal {
  padding-top: var(--group-space-normal) !important;
}

.pt-medium {
  padding-top: var(--group-space-medium) !important;
}

.pt-large {
  padding-top: var(--group-space-large) !important;
}

.pt-x-large {
  padding-top: var(--group-space-x-large) !important;
}

.pt-xx-large {
  padding-top: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:pt-xx-small {
    padding-top: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:pt-x-small {
    padding-top: var(--group-space-x-small-mobile) !important;
  }
  .mobile:pt-small {
    padding-top: var(--group-space-small-mobile) !important;
  }
  .mobile:pt-normal {
    padding-top: var(--group-space-normal-mobile) !important;
  }
  .mobile:pt-medium {
    padding-top: var(--group-space-medium-mobile) !important;
  }
  .mobile:pt-large {
    padding-top: var(--group-space-large-mobile) !important;
  }
  .mobile:pt-x-large {
    padding-top: var(--group-space-x-large-mobile) !important;
  }
  .mobile:pt-xx-large {
    padding-top: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pt-none {
    padding-top: 0 !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pt-xx-small {
    padding-top: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:pt-xx-small {
    padding-top: var(--group-space-xx-small-tablet) !important;
  }
  .pt-x-small {
    padding-top: var(--group-space-x-small-tablet) !important;
  }
  .tablet:pt-x-small {
    padding-top: var(--group-space-x-small-tablet) !important;
  }
  .pt-small {
    padding-top: var(--group-space-small-tablet) !important;
  }
  .tablet:pt-small {
    padding-top: var(--group-space-small-tablet) !important;
  }
  .pt-normal {
    padding-top: var(--group-space-normal-tablet) !important;
  }
  .tablet:pt-normal {
    padding-top: var(--group-space-normal-tablet) !important;
  }
  .pt-medium {
    padding-top: var(--group-space-medium-tablet) !important;
  }
  .tablet:pt-medium {
    padding-top: var(--group-space-medium-tablet) !important;
  }
  .pt-large {
    padding-top: var(--group-space-large-tablet) !important;
  }
  .tablet:pt-large {
    padding-top: var(--group-space-large-tablet) !important;
  }
  .pt-x-large {
    padding-top: var(--group-space-x-large-tablet) !important;
  }
  .tablet:pt-x-large {
    padding-top: var(--group-space-x-large-tablet) !important;
  }
  .pt-xx-large {
    padding-top: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:pt-xx-large {
    padding-top: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pt-none {
    padding-top: 0 !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pt-xx-small {
    padding-top: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:pt-xx-small {
    padding-top: var(--group-space-xx-small-desktop) !important;
  }
  .pt-x-small {
    padding-top: var(--group-space-x-small-desktop) !important;
  }
  .desktop:pt-x-small {
    padding-top: var(--group-space-x-small-desktop) !important;
  }
  .pt-small {
    padding-top: var(--group-space-small-desktop) !important;
  }
  .desktop:pt-small {
    padding-top: var(--group-space-small-desktop) !important;
  }
  .pt-normal {
    padding-top: var(--group-space-normal-desktop) !important;
  }
  .desktop:pt-normal {
    padding-top: var(--group-space-normal-desktop) !important;
  }
  .pt-medium {
    padding-top: var(--group-space-medium-desktop) !important;
  }
  .desktop:pt-medium {
    padding-top: var(--group-space-medium-desktop) !important;
  }
  .pt-large {
    padding-top: var(--group-space-large-desktop) !important;
  }
  .desktop:pt-large {
    padding-top: var(--group-space-large-desktop) !important;
  }
  .pt-x-large {
    padding-top: var(--group-space-x-large-desktop) !important;
  }
  .desktop:pt-x-large {
    padding-top: var(--group-space-x-large-desktop) !important;
  }
  .pt-xx-large {
    padding-top: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:pt-xx-large {
    padding-top: var(--group-space-xx-large-desktop) !important;
  }
}
.pr-none {
  padding-right: 0 !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pr-xx-small {
  padding-right: var(--group-space-xx-small) !important;
}

.pr-x-small {
  padding-right: var(--group-space-x-small) !important;
}

.pr-small {
  padding-right: var(--group-space-small) !important;
}

.pr-normal {
  padding-right: var(--group-space-normal) !important;
}

.pr-medium {
  padding-right: var(--group-space-medium) !important;
}

.pr-large {
  padding-right: var(--group-space-large) !important;
}

.pr-x-large {
  padding-right: var(--group-space-x-large) !important;
}

.pr-xx-large {
  padding-right: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:pr-xx-small {
    padding-right: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:pr-x-small {
    padding-right: var(--group-space-x-small-mobile) !important;
  }
  .mobile:pr-small {
    padding-right: var(--group-space-small-mobile) !important;
  }
  .mobile:pr-normal {
    padding-right: var(--group-space-normal-mobile) !important;
  }
  .mobile:pr-medium {
    padding-right: var(--group-space-medium-mobile) !important;
  }
  .mobile:pr-large {
    padding-right: var(--group-space-large-mobile) !important;
  }
  .mobile:pr-x-large {
    padding-right: var(--group-space-x-large-mobile) !important;
  }
  .mobile:pr-xx-large {
    padding-right: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pr-none {
    padding-right: 0 !important;
  }
  .pr-auto {
    padding-right: auto !important;
  }
  .pr-xx-small {
    padding-right: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:pr-xx-small {
    padding-right: var(--group-space-xx-small-tablet) !important;
  }
  .pr-x-small {
    padding-right: var(--group-space-x-small-tablet) !important;
  }
  .tablet:pr-x-small {
    padding-right: var(--group-space-x-small-tablet) !important;
  }
  .pr-small {
    padding-right: var(--group-space-small-tablet) !important;
  }
  .tablet:pr-small {
    padding-right: var(--group-space-small-tablet) !important;
  }
  .pr-normal {
    padding-right: var(--group-space-normal-tablet) !important;
  }
  .tablet:pr-normal {
    padding-right: var(--group-space-normal-tablet) !important;
  }
  .pr-medium {
    padding-right: var(--group-space-medium-tablet) !important;
  }
  .tablet:pr-medium {
    padding-right: var(--group-space-medium-tablet) !important;
  }
  .pr-large {
    padding-right: var(--group-space-large-tablet) !important;
  }
  .tablet:pr-large {
    padding-right: var(--group-space-large-tablet) !important;
  }
  .pr-x-large {
    padding-right: var(--group-space-x-large-tablet) !important;
  }
  .tablet:pr-x-large {
    padding-right: var(--group-space-x-large-tablet) !important;
  }
  .pr-xx-large {
    padding-right: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:pr-xx-large {
    padding-right: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pr-none {
    padding-right: 0 !important;
  }
  .pr-auto {
    padding-right: auto !important;
  }
  .pr-xx-small {
    padding-right: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:pr-xx-small {
    padding-right: var(--group-space-xx-small-desktop) !important;
  }
  .pr-x-small {
    padding-right: var(--group-space-x-small-desktop) !important;
  }
  .desktop:pr-x-small {
    padding-right: var(--group-space-x-small-desktop) !important;
  }
  .pr-small {
    padding-right: var(--group-space-small-desktop) !important;
  }
  .desktop:pr-small {
    padding-right: var(--group-space-small-desktop) !important;
  }
  .pr-normal {
    padding-right: var(--group-space-normal-desktop) !important;
  }
  .desktop:pr-normal {
    padding-right: var(--group-space-normal-desktop) !important;
  }
  .pr-medium {
    padding-right: var(--group-space-medium-desktop) !important;
  }
  .desktop:pr-medium {
    padding-right: var(--group-space-medium-desktop) !important;
  }
  .pr-large {
    padding-right: var(--group-space-large-desktop) !important;
  }
  .desktop:pr-large {
    padding-right: var(--group-space-large-desktop) !important;
  }
  .pr-x-large {
    padding-right: var(--group-space-x-large-desktop) !important;
  }
  .desktop:pr-x-large {
    padding-right: var(--group-space-x-large-desktop) !important;
  }
  .pr-xx-large {
    padding-right: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:pr-xx-large {
    padding-right: var(--group-space-xx-large-desktop) !important;
  }
}
.pb-none {
  padding-bottom: 0 !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pb-xx-small {
  padding-bottom: var(--group-space-xx-small) !important;
}

.pb-x-small {
  padding-bottom: var(--group-space-x-small) !important;
}

.pb-small {
  padding-bottom: var(--group-space-small) !important;
}

.pb-normal {
  padding-bottom: var(--group-space-normal) !important;
}

.pb-medium {
  padding-bottom: var(--group-space-medium) !important;
}

.pb-large {
  padding-bottom: var(--group-space-large) !important;
}

.pb-x-large {
  padding-bottom: var(--group-space-x-large) !important;
}

.pb-xx-large {
  padding-bottom: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:pb-xx-small {
    padding-bottom: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:pb-x-small {
    padding-bottom: var(--group-space-x-small-mobile) !important;
  }
  .mobile:pb-small {
    padding-bottom: var(--group-space-small-mobile) !important;
  }
  .mobile:pb-normal {
    padding-bottom: var(--group-space-normal-mobile) !important;
  }
  .mobile:pb-medium {
    padding-bottom: var(--group-space-medium-mobile) !important;
  }
  .mobile:pb-large {
    padding-bottom: var(--group-space-large-mobile) !important;
  }
  .mobile:pb-x-large {
    padding-bottom: var(--group-space-x-large-mobile) !important;
  }
  .mobile:pb-xx-large {
    padding-bottom: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pb-none {
    padding-bottom: 0 !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .pb-xx-small {
    padding-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:pb-xx-small {
    padding-bottom: var(--group-space-xx-small-tablet) !important;
  }
  .pb-x-small {
    padding-bottom: var(--group-space-x-small-tablet) !important;
  }
  .tablet:pb-x-small {
    padding-bottom: var(--group-space-x-small-tablet) !important;
  }
  .pb-small {
    padding-bottom: var(--group-space-small-tablet) !important;
  }
  .tablet:pb-small {
    padding-bottom: var(--group-space-small-tablet) !important;
  }
  .pb-normal {
    padding-bottom: var(--group-space-normal-tablet) !important;
  }
  .tablet:pb-normal {
    padding-bottom: var(--group-space-normal-tablet) !important;
  }
  .pb-medium {
    padding-bottom: var(--group-space-medium-tablet) !important;
  }
  .tablet:pb-medium {
    padding-bottom: var(--group-space-medium-tablet) !important;
  }
  .pb-large {
    padding-bottom: var(--group-space-large-tablet) !important;
  }
  .tablet:pb-large {
    padding-bottom: var(--group-space-large-tablet) !important;
  }
  .pb-x-large {
    padding-bottom: var(--group-space-x-large-tablet) !important;
  }
  .tablet:pb-x-large {
    padding-bottom: var(--group-space-x-large-tablet) !important;
  }
  .pb-xx-large {
    padding-bottom: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:pb-xx-large {
    padding-bottom: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pb-none {
    padding-bottom: 0 !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .pb-xx-small {
    padding-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:pb-xx-small {
    padding-bottom: var(--group-space-xx-small-desktop) !important;
  }
  .pb-x-small {
    padding-bottom: var(--group-space-x-small-desktop) !important;
  }
  .desktop:pb-x-small {
    padding-bottom: var(--group-space-x-small-desktop) !important;
  }
  .pb-small {
    padding-bottom: var(--group-space-small-desktop) !important;
  }
  .desktop:pb-small {
    padding-bottom: var(--group-space-small-desktop) !important;
  }
  .pb-normal {
    padding-bottom: var(--group-space-normal-desktop) !important;
  }
  .desktop:pb-normal {
    padding-bottom: var(--group-space-normal-desktop) !important;
  }
  .pb-medium {
    padding-bottom: var(--group-space-medium-desktop) !important;
  }
  .desktop:pb-medium {
    padding-bottom: var(--group-space-medium-desktop) !important;
  }
  .pb-large {
    padding-bottom: var(--group-space-large-desktop) !important;
  }
  .desktop:pb-large {
    padding-bottom: var(--group-space-large-desktop) !important;
  }
  .pb-x-large {
    padding-bottom: var(--group-space-x-large-desktop) !important;
  }
  .desktop:pb-x-large {
    padding-bottom: var(--group-space-x-large-desktop) !important;
  }
  .pb-xx-large {
    padding-bottom: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:pb-xx-large {
    padding-bottom: var(--group-space-xx-large-desktop) !important;
  }
}
.pl-none {
  padding-left: 0 !important;
}

.pl-auto {
  padding-left: auto !important;
}

.pl-xx-small {
  padding-left: var(--group-space-xx-small) !important;
}

.pl-x-small {
  padding-left: var(--group-space-x-small) !important;
}

.pl-small {
  padding-left: var(--group-space-small) !important;
}

.pl-normal {
  padding-left: var(--group-space-normal) !important;
}

.pl-medium {
  padding-left: var(--group-space-medium) !important;
}

.pl-large {
  padding-left: var(--group-space-large) !important;
}

.pl-x-large {
  padding-left: var(--group-space-x-large) !important;
}

.pl-xx-large {
  padding-left: var(--group-space-xx-large) !important;
}

@media screen and (max-width: 768px) {
  .mobile:pl-xx-small {
    padding-left: var(--group-space-xx-small-mobile) !important;
  }
  .mobile:pl-x-small {
    padding-left: var(--group-space-x-small-mobile) !important;
  }
  .mobile:pl-small {
    padding-left: var(--group-space-small-mobile) !important;
  }
  .mobile:pl-normal {
    padding-left: var(--group-space-normal-mobile) !important;
  }
  .mobile:pl-medium {
    padding-left: var(--group-space-medium-mobile) !important;
  }
  .mobile:pl-large {
    padding-left: var(--group-space-large-mobile) !important;
  }
  .mobile:pl-x-large {
    padding-left: var(--group-space-x-large-mobile) !important;
  }
  .mobile:pl-xx-large {
    padding-left: var(--group-space-xx-large-mobile) !important;
  }
}
@media screen and (min-width: 769px), print {
  .pl-none {
    padding-left: 0 !important;
  }
  .pl-auto {
    padding-left: auto !important;
  }
  .pl-xx-small {
    padding-left: var(--group-space-xx-small-tablet) !important;
  }
  .tablet:pl-xx-small {
    padding-left: var(--group-space-xx-small-tablet) !important;
  }
  .pl-x-small {
    padding-left: var(--group-space-x-small-tablet) !important;
  }
  .tablet:pl-x-small {
    padding-left: var(--group-space-x-small-tablet) !important;
  }
  .pl-small {
    padding-left: var(--group-space-small-tablet) !important;
  }
  .tablet:pl-small {
    padding-left: var(--group-space-small-tablet) !important;
  }
  .pl-normal {
    padding-left: var(--group-space-normal-tablet) !important;
  }
  .tablet:pl-normal {
    padding-left: var(--group-space-normal-tablet) !important;
  }
  .pl-medium {
    padding-left: var(--group-space-medium-tablet) !important;
  }
  .tablet:pl-medium {
    padding-left: var(--group-space-medium-tablet) !important;
  }
  .pl-large {
    padding-left: var(--group-space-large-tablet) !important;
  }
  .tablet:pl-large {
    padding-left: var(--group-space-large-tablet) !important;
  }
  .pl-x-large {
    padding-left: var(--group-space-x-large-tablet) !important;
  }
  .tablet:pl-x-large {
    padding-left: var(--group-space-x-large-tablet) !important;
  }
  .pl-xx-large {
    padding-left: var(--group-space-xx-large-tablet) !important;
  }
  .tablet:pl-xx-large {
    padding-left: var(--group-space-xx-large-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .pl-none {
    padding-left: 0 !important;
  }
  .pl-auto {
    padding-left: auto !important;
  }
  .pl-xx-small {
    padding-left: var(--group-space-xx-small-desktop) !important;
  }
  .desktop:pl-xx-small {
    padding-left: var(--group-space-xx-small-desktop) !important;
  }
  .pl-x-small {
    padding-left: var(--group-space-x-small-desktop) !important;
  }
  .desktop:pl-x-small {
    padding-left: var(--group-space-x-small-desktop) !important;
  }
  .pl-small {
    padding-left: var(--group-space-small-desktop) !important;
  }
  .desktop:pl-small {
    padding-left: var(--group-space-small-desktop) !important;
  }
  .pl-normal {
    padding-left: var(--group-space-normal-desktop) !important;
  }
  .desktop:pl-normal {
    padding-left: var(--group-space-normal-desktop) !important;
  }
  .pl-medium {
    padding-left: var(--group-space-medium-desktop) !important;
  }
  .desktop:pl-medium {
    padding-left: var(--group-space-medium-desktop) !important;
  }
  .pl-large {
    padding-left: var(--group-space-large-desktop) !important;
  }
  .desktop:pl-large {
    padding-left: var(--group-space-large-desktop) !important;
  }
  .pl-x-large {
    padding-left: var(--group-space-x-large-desktop) !important;
  }
  .desktop:pl-x-large {
    padding-left: var(--group-space-x-large-desktop) !important;
  }
  .pl-xx-large {
    padding-left: var(--group-space-xx-large-desktop) !important;
  }
  .desktop:pl-xx-large {
    padding-left: var(--group-space-xx-large-desktop) !important;
  }
}
.text-on-dark {
  color: var(--group-light-text-on-dark) !important;
}

.text-on-dark-hover {
  color: var(--group-light-text-on-dark-hover) !important;
}

.text-on-dark-pressed {
  color: var(--group-light-text-on-dark-pressed) !important;
}

.text-on-dark-disabled-1 {
  color: var(--group-light-text-on-dark-disabled-1) !important;
}

.text-on-dark-disabled-2 {
  color: var(--group-light-text-on-dark-disabled-2) !important;
}

.focus\:text-on-dark:focus {
  color: var(--group-light-text-on-dark) !important;
}

.hover\:text-on-dark:hover {
  color: var(--group-light-text-on-dark) !important;
}

.active\:text-on-dark:active {
  color: var(--group-light-text-on-dark) !important;
}

.focus\:text-on-dark-hover:focus {
  color: var(--group-light-text-on-dark-hover) !important;
}

.hover\:text-on-dark-hover:hover {
  color: var(--group-light-text-on-dark-hover) !important;
}

.active\:text-on-dark-hover:active {
  color: var(--group-light-text-on-dark-hover) !important;
}

.focus\:text-on-dark-pressed:focus {
  color: var(--group-light-text-on-dark-pressed) !important;
}

.hover\:text-on-dark-pressed:hover {
  color: var(--group-light-text-on-dark-pressed) !important;
}

.active\:text-on-dark-pressed:active {
  color: var(--group-light-text-on-dark-pressed) !important;
}

.focus\:text-on-dark-disabled-1:focus {
  color: var(--group-light-text-on-dark-disabled-1) !important;
}

.hover\:text-on-dark-disabled-1:hover {
  color: var(--group-light-text-on-dark-disabled-1) !important;
}

.active\:text-on-dark-disabled-1:active {
  color: var(--group-light-text-on-dark-disabled-1) !important;
}

.focus\:text-on-dark-disabled-2:focus {
  color: var(--group-light-text-on-dark-disabled-2) !important;
}

.hover\:text-on-dark-disabled-2:hover {
  color: var(--group-light-text-on-dark-disabled-2) !important;
}

.active\:text-on-dark-disabled-2:active {
  color: var(--group-light-text-on-dark-disabled-2) !important;
}

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

.text-on-light-hover {
  color: var(--group-light-text-on-light-hover) !important;
}

.text-on-light-pressed {
  color: var(--group-light-text-on-light-pressed) !important;
}

.text-on-light-disabled-1 {
  color: var(--group-light-text-on-light-disabled-1) !important;
}

.text-on-light-disabled-2 {
  color: var(--group-light-text-on-light-disabled-2) !important;
}

.focus\:text-on-light:focus {
  color: var(--group-light-text-on-light) !important;
}

.hover\:text-on-light:hover {
  color: var(--group-light-text-on-light) !important;
}

.active\:text-on-light:active {
  color: var(--group-light-text-on-light) !important;
}

.focus\:text-on-light-hover:focus {
  color: var(--group-light-text-on-light-hover) !important;
}

.hover\:text-on-light-hover:hover {
  color: var(--group-light-text-on-light-hover) !important;
}

.active\:text-on-light-hover:active {
  color: var(--group-light-text-on-light-hover) !important;
}

.focus\:text-on-light-pressed:focus {
  color: var(--group-light-text-on-light-pressed) !important;
}

.hover\:text-on-light-pressed:hover {
  color: var(--group-light-text-on-light-pressed) !important;
}

.active\:text-on-light-pressed:active {
  color: var(--group-light-text-on-light-pressed) !important;
}

.focus\:text-on-light-disabled-1:focus {
  color: var(--group-light-text-on-light-disabled-1) !important;
}

.hover\:text-on-light-disabled-1:hover {
  color: var(--group-light-text-on-light-disabled-1) !important;
}

.active\:text-on-light-disabled-1:active {
  color: var(--group-light-text-on-light-disabled-1) !important;
}

.focus\:text-on-light-disabled-2:focus {
  color: var(--group-light-text-on-light-disabled-2) !important;
}

.hover\:text-on-light-disabled-2:hover {
  color: var(--group-light-text-on-light-disabled-2) !important;
}

.active\:text-on-light-disabled-2:active {
  color: var(--group-light-text-on-light-disabled-2) !important;
}

.text-dark-rag-on-light {
  color: var(--group-dark-rag-text-on-light) !important;
}

.text-dark-rag-on-dark {
  color: var(--group-dark-rag-text-on-dark) !important;
}

.text-rag-on-light {
  color: var(--group-light-rag-text-on-light) !important;
}

.text-rag-on-dark {
  color: var(--group-light-rag-text-on-dark) !important;
}

.font-family-title {
  font-family: var(--group-font-family-title) !important;
}

.font-family-text {
  font-family: var(--group-font-family-text) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.focus\:text-color-error:focus {
  color: var(--group-color-text-error) !important;
}

.hover\:text-color-error:hover {
  color: var(--group-color-text-error) !important;
}

.active\:text-color-error:active {
  color: var(--group-color-text-error) !important;
}

.text-s1 {
  font-size: var(--group-text-size-1) !important;
}

.text-s2 {
  font-size: var(--group-text-size-2) !important;
}

.text-s3 {
  font-size: var(--group-text-size-3) !important;
}

.text-s4 {
  font-size: var(--group-text-size-4) !important;
}

.text-s5 {
  font-size: var(--group-text-size-5) !important;
}

.text-s6 {
  font-size: var(--group-text-size-6) !important;
}

.text-s7 {
  font-size: var(--group-text-size-7) !important;
}

@media screen and (min-width: 769px), print {
  .text-s1 {
    font-size: var(--group-text-size-1-tablet) !important;
  }
  .text-s2 {
    font-size: var(--group-text-size-2-tablet) !important;
  }
  .text-s3 {
    font-size: var(--group-text-size-3-tablet) !important;
  }
  .text-s4 {
    font-size: var(--group-text-size-4-tablet) !important;
  }
  .text-s5 {
    font-size: var(--group-text-size-5-tablet) !important;
  }
  .text-s6 {
    font-size: var(--group-text-size-6-tablet) !important;
  }
  .text-s7 {
    font-size: var(--group-text-size-7-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .text-s1 {
    font-size: var(--group-text-size-1-desktop) !important;
  }
  .text-s2 {
    font-size: var(--group-text-size-2-desktop) !important;
  }
  .text-s3 {
    font-size: var(--group-text-size-3-desktop) !important;
  }
  .text-s4 {
    font-size: var(--group-text-size-4-desktop) !important;
  }
  .text-s5 {
    font-size: var(--group-text-size-5-desktop) !important;
  }
  .text-s6 {
    font-size: var(--group-text-size-6-desktop) !important;
  }
  .text-s7 {
    font-size: var(--group-text-size-7-desktop) !important;
  }
}
.text-align-center {
  text-align: center !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.text-align-justify {
  text-align: justify !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-align-center {
    text-align: center !important;
  }
  .mobile\:text-align-left {
    text-align: left !important;
  }
  .mobile\:text-align-right {
    text-align: right !important;
  }
  .mobile\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-align-center {
    text-align: center !important;
  }
  .tablet\:text-align-left {
    text-align: left !important;
  }
  .tablet\:text-align-right {
    text-align: right !important;
  }
  .tablet\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-align-center {
    text-align: center !important;
  }
  .desktop\:text-align-left {
    text-align: left !important;
  }
  .desktop\:text-align-right {
    text-align: right !important;
  }
  .desktop\:text-align-justify {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-align-center {
    text-align: center !important;
  }
  .widescreen\:text-align-left {
    text-align: left !important;
  }
  .widescreen\:text-align-right {
    text-align: right !important;
  }
  .widescreen\:text-align-justify {
    text-align: justify !important;
  }
}
.lowercase {
  text-transform: lowercase !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.font-weight-bold {
  font-weight: var(--group-font-weight-bold) !important;
}

.font-weight-regular {
  font-weight: var(--group-font-weight-regular) !important;
}

.font-weight-medium {
  font-weight: var(--group-font-weight-medium) !important;
}

.font-weight-light {
  font-weight: var(--group-font-weight-light) !important;
}

.font-weight-thin {
  font-weight: var(--group-font-weight-thin) !important;
}

.white-space-normal {
  white-space: normal !important;
}

.white-space-nowrap {
  white-space: nowrap !important;
}

.lh-s1 {
  line-height: var(--group-line-height-size-1) !important;
}

.lh-s2 {
  line-height: var(--group-line-height-size-2) !important;
}

.lh-s3 {
  line-height: var(--group-line-height-size-3) !important;
}

.lh-s4 {
  line-height: var(--group-line-height-size-4) !important;
}

.lh-s5 {
  line-height: var(--group-line-height-size-5) !important;
}

.lh-s6 {
  line-height: var(--group-line-height-size-6) !important;
}

.lh-s7 {
  line-height: var(--group-line-height-size-7) !important;
}

@media screen and (min-width: 769px), print {
  .lh-s1 {
    line-height: var(--group-line-height-size-1-tablet) !important;
  }
  .lh-s2 {
    line-height: var(--group-line-height-size-2-tablet) !important;
  }
  .lh-s3 {
    line-height: var(--group-line-height-size-3-tablet) !important;
  }
  .lh-s4 {
    line-height: var(--group-line-height-size-4-tablet) !important;
  }
  .lh-s5 {
    line-height: var(--group-line-height-size-5-tablet) !important;
  }
  .lh-s6 {
    line-height: var(--group-line-height-size-6-tablet) !important;
  }
  .lh-s7 {
    line-height: var(--group-line-height-size-7-tablet) !important;
  }
}
@media screen and (min-width: 1024px) {
  .lh-s1 {
    line-height: var(--group-line-height-size-1-desktop) !important;
  }
  .lh-s2 {
    line-height: var(--group-line-height-size-2-desktop) !important;
  }
  .lh-s3 {
    line-height: var(--group-line-height-size-3-desktop) !important;
  }
  .lh-s4 {
    line-height: var(--group-line-height-size-4-desktop) !important;
  }
  .lh-s5 {
    line-height: var(--group-line-height-size-5-desktop) !important;
  }
  .lh-s6 {
    line-height: var(--group-line-height-size-6-desktop) !important;
  }
  .lh-s7 {
    line-height: var(--group-line-height-size-7-desktop) !important;
  }
}
.text-overflow-clip {
  text-overflow: clip !important;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}

@media screen and (max-width: 768px) {
  .mobile\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .mobile\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 769px), print {
  .tablet\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .tablet\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1024px) {
  .desktop\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .desktop\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
@media screen and (min-width: 1440px) {
  .widescreen\:text-overflow-clip {
    text-overflow: clip !important;
  }
  .widescreen\:text-overflow-ellipsis {
    text-overflow: ellipsis !important;
  }
}
.surface-int-primary {
  background: var(--group-light-interactive-on-light-surface-primary) !important;
}

.surface-int-primary-hover {
  background: var(--group-light-interactive-on-light-surface-primary-hover) !important;
}

.surface-int-primary-pressed {
  background: var(--group-light-interactive-on-light-surface-primary-pressed) !important;
}

.surface-int-primary-disabled {
  background: var(--group-light-interactive-on-light-surface-primary-disabled) !important;
}

.surface-int-primary-processing {
  background: var(--group-light-interactive-on-light-surface-primary-processing) !important;
}

.surface-int-active {
  background: var(--group-light-interactive-on-light-surface-active) !important;
}

.surface-int-active-hover {
  background: var(--group-light-interactive-on-light-surface-active-hover) !important;
}

.surface-int-active-pressed {
  background: var(--group-light-interactive-on-light-surface-active-pressed) !important;
}

.surface-int-brand-1 {
  background: var(--group-light-interactive-on-light-surface-brand-1) !important;
}

.surface-int-brand-1-hover {
  background: var(--group-light-interactive-on-light-surface-brand-1-hover) !important;
}

.surface-int-brand-1-pressed {
  background: var(--group-light-interactive-on-light-surface-brand-1-pressed) !important;
}

.surface-int-brand-1-disabled {
  background: var(--group-light-interactive-on-light-surface-brand-1-disabled) !important;
}

.surface-int-brand-1-processing {
  background: var(--group-light-interactive-on-light-surface-brand-1-processing) !important;
}

.surface-int-brand-2 {
  background: var(--group-light-interactive-on-light-surface-brand-2) !important;
}

.surface-int-brand-2-hover {
  background: var(--group-light-interactive-on-light-surface-brand-2-hover) !important;
}

.surface-int-brand-2-pressed {
  background: var(--group-light-interactive-on-light-surface-brand-2-pressed) !important;
}

.surface-int-brand-2-disabled {
  background: var(--group-light-interactive-on-light-surface-brand-2-disabled) !important;
}

.surface-int-brand-2-processing {
  background: var(--group-light-interactive-on-light-surface-brand-2-processing) !important;
}

.surface-dark-int-light-surface-primary {
  background: var(--group-dark-interactive-on-light-surface-primary) !important;
}

.surface-dark-int-light-surface-primary-hover {
  background: var(--group-dark-interactive-on-light-surface-primary-hover) !important;
}

.surface-dark-int-light-surface-primary-pressed {
  background: var(--group-dark-interactive-on-light-surface-primary-pressed) !important;
}

.surface-dark-int-light-surface-primary-disabled {
  background: var(--group-dark-interactive-on-light-surface-primary-disabled) !important;
}

.surface-dark-int-light-surface-primary-processing {
  background: var(--group-dark-interactive-on-light-surface-primary-processing) !important;
}

.surface-dark-int-light-surface-active {
  background: var(--group-dark-interactive-on-light-surface-active) !important;
}

.surface-dark-int-light-surface-active-hover {
  background: var(--group-dark-interactive-on-light-surface-active-hover) !important;
}

.surface-dark-int-light-surface-active-pressed {
  background: var(--group-dark-interactive-on-light-surface-active-pressed) !important;
}

.surface-dark-int-light-surface-brand-1 {
  background: var(--group-dark-interactive-on-light-surface-brand-1) !important;
}

.surface-dark-int-light-surface-brand-1-hover {
  background: var(--group-dark-interactive-on-light-surface-brand-1-hover) !important;
}

.surface-dark-int-light-surface-brand-1-pressed {
  background: var(--group-dark-interactive-on-light-surface-brand-1-pressed) !important;
}

.surface-dark-int-light-surface-brand-1-disabled {
  background: var(--group-dark-interactive-on-light-surface-brand-1-disabled) !important;
}

.surface-dark-int-light-surface-brand-1-processing {
  background: var(--group-dark-interactive-on-light-surface-brand-1-processing) !important;
}

.surface-dark-int-light-surface-brand-2 {
  background: var(--group-dark-interactive-on-light-surface-brand-2) !important;
}

.surface-dark-int-light-surface-brand-2-hover {
  background: var(--group-dark-interactive-on-light-surface-brand-2-hover) !important;
}

.surface-dark-int-light-surface-brand-2-pressed {
  background: var(--group-dark-interactive-on-light-surface-brand-2-pressed) !important;
}

.surface-dark-int-light-surface-brand-2-disabled {
  background: var(--group-dark-interactive-on-light-surface-brand-2-disabled) !important;
}

.surface-dark-int-light-surface-brand-2-processing {
  background: var(--group-dark-interactive-on-light-surface-brand-2-processing) !important;
}

.surface-ni-white {
  background: var(--group-light-non-interactive-surface-white) !important;
}

.surface-ni-neutral-1 {
  background: var(--group-light-non-interactive-surface-neutral-1) !important;
}

.surface-ni-neutral-2 {
  background: var(--group-light-non-interactive-surface-neutral-2) !important;
}

.surface-ni-neutral-3 {
  background: var(--group-light-non-interactive-surface-neutral-3) !important;
}

.surface-ni-neutral-4 {
  background: var(--group-light-non-interactive-surface-neutral-4) !important;
}

.surface-ni-neutral-5 {
  background: var(--group-light-non-interactive-surface-neutral-5) !important;
}

.surface-ni-black {
  background: var(--group-light-non-interactive-surface-black) !important;
}

.surface-ni-brand-1 {
  background: var(--group-light-non-interactive-surface-brand-1) !important;
}

.surface-ni-brand-2 {
  background: var(--group-light-non-interactive-surface-brand-2) !important;
}

.surface-ni-brand-3 {
  background: var(--group-light-non-interactive-surface-brand-3) !important;
}

.surface-int-dark-primary {
  background: var(--group-light-interactive-on-dark-surface-primary) !important;
}

.surface-int-dark-primary-hover {
  background: var(--group-light-interactive-on-dark-surface-primary-hover) !important;
}

.surface-int-dark-primary-pressed {
  background: var(--group-light-interactive-on-dark-surface-primary-pressed) !important;
}

.surface-int-dark-primary-disabled {
  background: var(--group-light-interactive-on-dark-surface-primary-disabled) !important;
}

.surface-int-dark-active {
  background: var(--group-light-interactive-on-dark-surface-active) !important;
}

.surface-int-dark-active-hover {
  background: var(--group-light-interactive-on-dark-surface-active-hover) !important;
}

.surface-int-dark-active-pressed {
  background: var(--group-light-interactive-on-dark-surface-active-pressed) !important;
}

.surface-int-dark-brand-1 {
  background: var(--group-light-interactive-on-dark-surface-brand-1) !important;
}

.surface-int-dark-brand-1-hover {
  background: var(--group-light-interactive-on-dark-surface-brand-1-hover) !important;
}

.surface-int-dark-brand-1-pressed {
  background: var(--group-light-interactive-on-dark-surface-brand-1-pressed) !important;
}

.surface-int-dark-brand-1-disabled {
  background: var(--group-light-interactive-on-dark-surface-brand-1-disabled) !important;
}

.surface-int-dark-brand-1-processing {
  background: var(--group-light-interactive-on-dark-surface-brand-1-processing) !important;
}

.surface-int-dark-brand-2 {
  background: var(--group-light-interactive-on-dark-surface-brand-2) !important;
}

.surface-int-dark-brand-2-hover {
  background: var(--group-light-interactive-on-dark-surface-brand-2-hover) !important;
}

.surface-int-dark-brand-2-pressed {
  background: var(--group-light-interactive-on-dark-surface-brand-2-pressed) !important;
}

.surface-int-dark-brand-2-disabled {
  background: var(--group-light-interactive-on-dark-surface-brand-2-disabled) !important;
}

.surface-int-dark-brand-2-processing {
  background: var(--group-light-interactive-on-dark-surface-brand-2-processing) !important;
}

.surface-dark-int-dark-surface-primary {
  background: var(--group-dark-interactive-on-dark-surface-primary) !important;
}

.surface-dark-int-dark-surface-primary-hover {
  background: var(--group-dark-interactive-on-dark-surface-primary-hover) !important;
}

.surface-dark-int-dark-surface-primary-pressed {
  background: var(--group-dark-interactive-on-dark-surface-primary-pressed) !important;
}

.surface-dark-int-dark-surface-primary-disabled {
  background: var(--group-dark-interactive-on-dark-surface-primary-disabled) !important;
}

.surface-dark-int-dark-surface-active {
  background: var(--group-dark-interactive-on-dark-surface-active) !important;
}

.surface-dark-int-dark-surface-active-hover {
  background: var(--group-dark-interactive-on-dark-surface-active-hover) !important;
}

.surface-dark-int-dark-surface-active-pressed {
  background: var(--group-dark-interactive-on-dark-surface-active-pressed) !important;
}

.surface-dark-int-dark-surface-brand-1 {
  background: var(--group-dark-interactive-on-dark-surface-brand-1) !important;
}

.surface-dark-int-dark-surface-brand-1-hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-hover) !important;
}

.surface-dark-int-dark-surface-brand-1-pressed {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-pressed) !important;
}

.surface-dark-int-dark-surface-brand-1-disabled {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-disabled) !important;
}

.surface-dark-int-dark-surface-brand-1-processing {
  background: var(--group-dark-interactive-on-dark-surface-brand-1-processing) !important;
}

.surface-dark-int-dark-surface-brand-2 {
  background: var(--group-dark-interactive-on-dark-surface-brand-2) !important;
}

.surface-dark-int-dark-surface-brand-2-hover {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-hover) !important;
}

.surface-dark-int-dark-surface-brand-2-pressed {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-pressed) !important;
}

.surface-dark-int-dark-surface-brand-2-disabled {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-disabled) !important;
}

.surface-dark-int-dark-surface-brand-2-processing {
  background: var(--group-dark-interactive-on-dark-surface-brand-2-processing) !important;
}

.bg-transparent {
  background: transparent !important;
}

.lrt-on-light {
  color: var(--group-light-rag-text-on-light) !important;
}

.lrt-on-dark {
  color: var(--group-light-rag-text-on-dark) !important;
}

.focus\:lrt-on-light:focus {
  color: var(--group-light-rag-text-on-light) !important;
}

.hover\:lrt-on-light:hover {
  color: var(--group-light-rag-text-on-light) !important;
}

.active\:lrt-on-light:active {
  color: var(--group-light-rag-text-on-light) !important;
}

.focus\:lrt-on-dark:focus {
  color: var(--group-light-rag-text-on-dark) !important;
}

.hover\:lrt-on-dark:hover {
  color: var(--group-light-rag-text-on-dark) !important;
}

.active\:lrt-on-dark:active {
  color: var(--group-light-rag-text-on-dark) !important;
}

.drt-on-light {
  color: var(--group-dark-rag-text-on-light) !important;
}

.drt-on-dark {
  color: var(--group-dark-rag-text-on-dark) !important;
}
/*# sourceMappingURL=utilities/all.css.map */