.pkt-color-bg-brand-blue-100 {
  background-color: #f1fdff !important;
}

.pkt-color-txt-brand-blue-100 {
  color: #f1fdff !important;
}

.pkt-color-border-brand-blue-100 {
  border-color: #f1fdff !important;
}

.pkt-color-bg-brand-blue-200 {
  background-color: #e5fcff !important;
}

.pkt-color-txt-brand-blue-200 {
  color: #e5fcff !important;
}

.pkt-color-border-brand-blue-200 {
  border-color: #e5fcff !important;
}

.pkt-color-bg-brand-blue-300 {
  background-color: #d1f9ff !important;
}

.pkt-color-txt-brand-blue-300 {
  color: #d1f9ff !important;
}

.pkt-color-border-brand-blue-300 {
  border-color: #d1f9ff !important;
}

.pkt-color-bg-brand-blue-500 {
  background-color: #b3f5ff !important;
}

.pkt-color-txt-brand-blue-500 {
  color: #b3f5ff !important;
}

.pkt-color-border-brand-blue-500 {
  border-color: #b3f5ff !important;
}

.pkt-color-bg-brand-blue-1000 {
  background-color: #6fe9ff !important;
}

.pkt-color-txt-brand-blue-1000 {
  color: #6fe9ff !important;
}

.pkt-color-border-brand-blue-1000 {
  border-color: #6fe9ff !important;
}

.pkt-color-bg-brand-dark-blue-700 {
  background-color: #6a698b !important;
}

.pkt-color-txt-brand-dark-blue-700 {
  color: #6a698b !important;
}

.pkt-color-border-brand-dark-blue-700 {
  border-color: #6a698b !important;
}

.pkt-color-bg-brand-dark-blue-1000 {
  background-color: #2a2859 !important;
}

.pkt-color-txt-brand-dark-blue-1000 {
  color: #2a2859 !important;
}

.pkt-color-border-brand-dark-blue-1000 {
  border-color: #2a2859 !important;
}

.pkt-color-bg-brand-warm-blue-1000 {
  background-color: #1f42aa !important;
}

.pkt-color-txt-brand-warm-blue-1000 {
  color: #1f42aa !important;
}

.pkt-color-border-brand-warm-blue-1000 {
  border-color: #1f42aa !important;
}

.pkt-color-bg-brand-green-400 {
  background-color: #c7fde9 !important;
}

.pkt-color-txt-brand-green-400 {
  color: #c7fde9 !important;
}

.pkt-color-border-brand-green-400 {
  border-color: #c7fde9 !important;
}

.pkt-color-bg-brand-green-1000 {
  background-color: #43f8b6 !important;
}

.pkt-color-txt-brand-green-1000 {
  color: #43f8b6 !important;
}

.pkt-color-border-brand-green-1000 {
  border-color: #43f8b6 !important;
}

.pkt-color-bg-brand-light-green-400 {
  background-color: #e5ffe6 !important;
}

.pkt-color-txt-brand-light-green-400 {
  color: #e5ffe6 !important;
}

.pkt-color-border-brand-light-green-400 {
  border-color: #e5ffe6 !important;
}

.pkt-color-bg-brand-light-green-1000 {
  background-color: #c7f6c9 !important;
}

.pkt-color-txt-brand-light-green-1000 {
  color: #c7f6c9 !important;
}

.pkt-color-border-brand-light-green-1000 {
  border-color: #c7f6c9 !important;
}

.pkt-color-bg-brand-dark-green-1000 {
  background-color: #034b45 !important;
}

.pkt-color-txt-brand-dark-green-1000 {
  color: #034b45 !important;
}

.pkt-color-border-brand-dark-green-1000 {
  border-color: #034b45 !important;
}

.pkt-color-bg-brand-yellow-1000 {
  background-color: #f9c66b !important;
}

.pkt-color-txt-brand-yellow-1000 {
  color: #f9c66b !important;
}

.pkt-color-border-brand-yellow-1000 {
  border-color: #f9c66b !important;
}

.pkt-color-bg-brand-yellow-500 {
  background-color: #ffe7bc !important;
}

.pkt-color-txt-brand-yellow-500 {
  color: #ffe7bc !important;
}

.pkt-color-border-brand-yellow-500 {
  border-color: #ffe7bc !important;
}

.pkt-color-bg-brand-red-100 {
  background-color: #fff2f1 !important;
}

.pkt-color-txt-brand-red-100 {
  color: #fff2f1 !important;
}

.pkt-color-border-brand-red-100 {
  border-color: #fff2f1 !important;
}

.pkt-color-bg-brand-red-400 {
  background-color: #ffdfdc !important;
}

.pkt-color-txt-brand-red-400 {
  color: #ffdfdc !important;
}

.pkt-color-border-brand-red-400 {
  border-color: #ffdfdc !important;
}

.pkt-color-bg-brand-red-600 {
  background-color: #ffb4ac !important;
}

.pkt-color-txt-brand-red-600 {
  color: #ffb4ac !important;
}

.pkt-color-border-brand-red-600 {
  border-color: #ffb4ac !important;
}

.pkt-color-bg-brand-red-1000 {
  background-color: #ff8274 !important;
}

.pkt-color-txt-brand-red-1000 {
  color: #ff8274 !important;
}

.pkt-color-border-brand-red-1000 {
  border-color: #ff8274 !important;
}

.pkt-color-bg-brand-light-beige-1000 {
  background-color: #f8f0dd !important;
}

.pkt-color-txt-brand-light-beige-1000 {
  color: #f8f0dd !important;
}

.pkt-color-border-brand-light-beige-1000 {
  border-color: #f8f0dd !important;
}

.pkt-color-bg-brand-dark-beige-1000 {
  background-color: #d0bfae !important;
}

.pkt-color-txt-brand-dark-beige-1000 {
  color: #d0bfae !important;
}

.pkt-color-border-brand-dark-beige-1000 {
  border-color: #d0bfae !important;
}

.pkt-color-bg-brand-neutrals-white {
  background-color: #ffffff !important;
}

.pkt-color-txt-brand-neutrals-white {
  color: #ffffff !important;
}

.pkt-color-border-brand-neutrals-white {
  border-color: #ffffff !important;
}

.pkt-color-bg-brand-neutrals-50 {
  background-color: #f9f9f9 !important;
}

.pkt-color-txt-brand-neutrals-50 {
  color: #f9f9f9 !important;
}

.pkt-color-border-brand-neutrals-50 {
  border-color: #f9f9f9 !important;
}

.pkt-color-bg-brand-neutrals-100 {
  background-color: #f2f2f2 !important;
}

.pkt-color-txt-brand-neutrals-100 {
  color: #f2f2f2 !important;
}

.pkt-color-border-brand-neutrals-100 {
  border-color: #f2f2f2 !important;
}

.pkt-color-bg-brand-neutrals-200 {
  background-color: #e6e6e6 !important;
}

.pkt-color-txt-brand-neutrals-200 {
  color: #e6e6e6 !important;
}

.pkt-color-border-brand-neutrals-200 {
  border-color: #e6e6e6 !important;
}

.pkt-color-bg-brand-neutrals-300 {
  background-color: #cccccc !important;
}

.pkt-color-txt-brand-neutrals-300 {
  color: #cccccc !important;
}

.pkt-color-border-brand-neutrals-300 {
  border-color: #cccccc !important;
}

.pkt-color-bg-brand-neutrals-400 {
  background-color: #b3b3b3 !important;
}

.pkt-color-txt-brand-neutrals-400 {
  color: #b3b3b3 !important;
}

.pkt-color-border-brand-neutrals-400 {
  border-color: #b3b3b3 !important;
}

.pkt-color-bg-brand-neutrals-500 {
  background-color: #9a9a9a !important;
}

.pkt-color-txt-brand-neutrals-500 {
  color: #9a9a9a !important;
}

.pkt-color-border-brand-neutrals-500 {
  border-color: #9a9a9a !important;
}

.pkt-color-bg-brand-neutrals-600 {
  background-color: #808080 !important;
}

.pkt-color-txt-brand-neutrals-600 {
  color: #808080 !important;
}

.pkt-color-border-brand-neutrals-600 {
  border-color: #808080 !important;
}

.pkt-color-bg-brand-neutrals-700 {
  background-color: #666666 !important;
}

.pkt-color-txt-brand-neutrals-700 {
  color: #666666 !important;
}

.pkt-color-border-brand-neutrals-700 {
  border-color: #666666 !important;
}

.pkt-color-bg-brand-neutrals-800 {
  background-color: #4d4d4d !important;
}

.pkt-color-txt-brand-neutrals-800 {
  color: #4d4d4d !important;
}

.pkt-color-border-brand-neutrals-800 {
  border-color: #4d4d4d !important;
}

.pkt-color-bg-brand-neutrals-900 {
  background-color: #333333 !important;
}

.pkt-color-txt-brand-neutrals-900 {
  color: #333333 !important;
}

.pkt-color-border-brand-neutrals-900 {
  border-color: #333333 !important;
}

.pkt-color-bg-brand-neutrals-1000 {
  background-color: #2c2c2c !important;
}

.pkt-color-txt-brand-neutrals-1000 {
  color: #2c2c2c !important;
}

.pkt-color-border-brand-neutrals-1000 {
  border-color: #2c2c2c !important;
}

.pkt-color-bg-brand-neutrals-black {
  background-color: #000000 !important;
}

.pkt-color-txt-brand-neutrals-black {
  color: #000000 !important;
}

.pkt-color-border-brand-neutrals-black {
  border-color: #000000 !important;
}

.pkt-color-bg-brand-neutrals-transparent {
  background-color: transparent !important;
}

.pkt-color-txt-brand-neutrals-transparent {
  color: transparent !important;
}

.pkt-color-border-brand-neutrals-transparent {
  border-color: transparent !important;
}

.pkt-color-bg-brand-purple-1000 {
  background-color: #e0adff !important;
}

.pkt-color-txt-brand-purple-1000 {
  color: #e0adff !important;
}

.pkt-color-border-brand-purple-1000 {
  border-color: #e0adff !important;
}

.pkt-color-bg-grays-gray-100 {
  background-color: #e6e6e6 !important;
}

.pkt-color-txt-grays-gray-100 {
  color: #e6e6e6 !important;
}

.pkt-color-border-grays-gray-100 {
  border-color: #e6e6e6 !important;
}

.pkt-color-bg-grays-gray-200 {
  background-color: #cccccc !important;
}

.pkt-color-txt-grays-gray-200 {
  color: #cccccc !important;
}

.pkt-color-border-grays-gray-200 {
  border-color: #cccccc !important;
}

.pkt-color-bg-grays-gray-300 {
  background-color: #b3b3b3 !important;
}

.pkt-color-txt-grays-gray-300 {
  color: #b3b3b3 !important;
}

.pkt-color-border-grays-gray-300 {
  border-color: #b3b3b3 !important;
}

.pkt-color-bg-grays-gray-400 {
  background-color: #9a9a9a !important;
}

.pkt-color-txt-grays-gray-400 {
  color: #9a9a9a !important;
}

.pkt-color-border-grays-gray-400 {
  border-color: #9a9a9a !important;
}

.pkt-color-bg-grays-gray-500 {
  background-color: #808080 !important;
}

.pkt-color-txt-grays-gray-500 {
  color: #808080 !important;
}

.pkt-color-border-grays-gray-500 {
  border-color: #808080 !important;
}

.pkt-color-bg-grays-gray-600 {
  background-color: #666666 !important;
}

.pkt-color-txt-grays-gray-600 {
  color: #666666 !important;
}

.pkt-color-border-grays-gray-600 {
  border-color: #666666 !important;
}

.pkt-color-bg-grays-gray-700 {
  background-color: #4d4d4d !important;
}

.pkt-color-txt-grays-gray-700 {
  color: #4d4d4d !important;
}

.pkt-color-border-grays-gray-700 {
  border-color: #4d4d4d !important;
}

.pkt-color-bg-grays-gray-800 {
  background-color: #333333 !important;
}

.pkt-color-txt-grays-gray-800 {
  color: #333333 !important;
}

.pkt-color-border-grays-gray-800 {
  border-color: #333333 !important;
}

.pkt-color-bg-grays-gray-900 {
  background-color: #1a1a1a !important;
}

.pkt-color-txt-grays-gray-900 {
  color: #1a1a1a !important;
}

.pkt-color-border-grays-gray-900 {
  border-color: #1a1a1a !important;
}

.pkt-color-bg-grays-gray-1000 {
  background-color: #2c2c2c !important;
}

.pkt-color-txt-grays-gray-1000 {
  color: #2c2c2c !important;
}

.pkt-color-border-grays-gray-1000 {
  border-color: #2c2c2c !important;
}

.pkt-color-bg-background-card {
  background-color: var(--pkt-color-background-card) !important;
}

.pkt-color-txt-background-card {
  color: var(--pkt-color-background-card) !important;
}

.pkt-color-border-background-card {
  border-color: var(--pkt-color-background-card) !important;
}

.pkt-color-bg-background-default {
  background-color: var(--pkt-color-background-default) !important;
}

.pkt-color-txt-background-default {
  color: var(--pkt-color-background-default) !important;
}

.pkt-color-border-background-default {
  border-color: var(--pkt-color-background-default) !important;
}

.pkt-color-bg-background-subtle {
  background-color: var(--pkt-color-background-subtle) !important;
}

.pkt-color-txt-background-subtle {
  color: var(--pkt-color-background-subtle) !important;
}

.pkt-color-border-background-subtle {
  border-color: var(--pkt-color-background-subtle) !important;
}

.pkt-color-bg-background-transparent {
  background-color: var(--pkt-color-background-transparent) !important;
}

.pkt-color-txt-background-transparent {
  color: var(--pkt-color-background-transparent) !important;
}

.pkt-color-border-background-transparent {
  border-color: var(--pkt-color-background-transparent) !important;
}

.pkt-color-bg-border-default {
  background-color: var(--pkt-color-border-default) !important;
}

.pkt-color-txt-border-default {
  color: var(--pkt-color-border-default) !important;
}

.pkt-color-border-border-default {
  border-color: var(--pkt-color-border-default) !important;
}

.pkt-color-bg-border-beige {
  background-color: var(--pkt-color-border-beige) !important;
}

.pkt-color-txt-border-beige {
  color: var(--pkt-color-border-beige) !important;
}

.pkt-color-border-border-beige {
  border-color: var(--pkt-color-border-beige) !important;
}

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

.pkt-color-txt-border-blue {
  color: var(--pkt-color-border-blue) !important;
}

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

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

.pkt-color-txt-border-gray {
  color: var(--pkt-color-border-gray) !important;
}

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

.pkt-color-bg-border-green {
  background-color: var(--pkt-color-border-green) !important;
}

.pkt-color-txt-border-green {
  color: var(--pkt-color-border-green) !important;
}

.pkt-color-border-border-green {
  border-color: var(--pkt-color-border-green) !important;
}

.pkt-color-bg-border-light-beige {
  background-color: var(--pkt-color-border-light-beige) !important;
}

.pkt-color-txt-border-light-beige {
  color: var(--pkt-color-border-light-beige) !important;
}

.pkt-color-border-border-light-beige {
  border-color: var(--pkt-color-border-light-beige) !important;
}

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

.pkt-color-txt-border-red {
  color: var(--pkt-color-border-red) !important;
}

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

.pkt-color-bg-border-subtle {
  background-color: var(--pkt-color-border-subtle) !important;
}

.pkt-color-txt-border-subtle {
  color: var(--pkt-color-border-subtle) !important;
}

.pkt-color-border-border-subtle {
  border-color: var(--pkt-color-border-subtle) !important;
}

.pkt-color-bg-border-yellow {
  background-color: var(--pkt-color-border-yellow) !important;
}

.pkt-color-txt-border-yellow {
  color: var(--pkt-color-border-yellow) !important;
}

.pkt-color-border-border-yellow {
  border-color: var(--pkt-color-border-yellow) !important;
}

.pkt-color-bg-border-states-active {
  background-color: var(--pkt-color-border-states-active) !important;
}

.pkt-color-txt-border-states-active {
  color: var(--pkt-color-border-states-active) !important;
}

.pkt-color-border-border-states-active {
  border-color: var(--pkt-color-border-states-active) !important;
}

.pkt-color-bg-border-states-disabled {
  background-color: var(--pkt-color-border-states-disabled) !important;
}

.pkt-color-txt-border-states-disabled {
  color: var(--pkt-color-border-states-disabled) !important;
}

.pkt-color-border-border-states-disabled {
  border-color: var(--pkt-color-border-states-disabled) !important;
}

.pkt-color-bg-border-states-focus {
  background-color: var(--pkt-color-border-states-focus) !important;
}

.pkt-color-txt-border-states-focus {
  color: var(--pkt-color-border-states-focus) !important;
}

.pkt-color-border-border-states-focus {
  border-color: var(--pkt-color-border-states-focus) !important;
}

.pkt-color-bg-border-states-hover {
  background-color: var(--pkt-color-border-states-hover) !important;
}

.pkt-color-txt-border-states-hover {
  color: var(--pkt-color-border-states-hover) !important;
}

.pkt-color-border-border-states-hover {
  border-color: var(--pkt-color-border-states-hover) !important;
}

.pkt-color-bg-surface-default-default {
  background-color: var(--pkt-color-surface-default-default) !important;
}

.pkt-color-txt-surface-default-default {
  color: var(--pkt-color-surface-default-default) !important;
}

.pkt-color-border-surface-default-default {
  border-color: var(--pkt-color-surface-default-default) !important;
}

.pkt-color-bg-surface-default-faded-green {
  background-color: var(--pkt-color-surface-default-faded-green) !important;
}

.pkt-color-txt-surface-default-faded-green {
  color: var(--pkt-color-surface-default-faded-green) !important;
}

.pkt-color-border-surface-default-faded-green {
  border-color: var(--pkt-color-surface-default-faded-green) !important;
}

.pkt-color-bg-surface-default-faded-red {
  background-color: var(--pkt-color-surface-default-faded-red) !important;
}

.pkt-color-txt-surface-default-faded-red {
  color: var(--pkt-color-surface-default-faded-red) !important;
}

.pkt-color-border-surface-default-faded-red {
  border-color: var(--pkt-color-surface-default-faded-red) !important;
}

.pkt-color-bg-surface-default-gray {
  background-color: var(--pkt-color-surface-default-gray) !important;
}

.pkt-color-txt-surface-default-gray {
  color: var(--pkt-color-surface-default-gray) !important;
}

.pkt-color-border-surface-default-gray {
  border-color: var(--pkt-color-surface-default-gray) !important;
}

.pkt-color-bg-surface-default-light-beige {
  background-color: var(--pkt-color-surface-default-light-beige) !important;
}

.pkt-color-txt-surface-default-light-beige {
  color: var(--pkt-color-surface-default-light-beige) !important;
}

.pkt-color-border-surface-default-light-beige {
  border-color: var(--pkt-color-surface-default-light-beige) !important;
}

.pkt-color-bg-surface-default-light-blue {
  background-color: var(--pkt-color-surface-default-light-blue) !important;
}

.pkt-color-txt-surface-default-light-blue {
  color: var(--pkt-color-surface-default-light-blue) !important;
}

.pkt-color-border-surface-default-light-blue {
  border-color: var(--pkt-color-surface-default-light-blue) !important;
}

.pkt-color-bg-surface-default-light-green {
  background-color: var(--pkt-color-surface-default-light-green) !important;
}

.pkt-color-txt-surface-default-light-green {
  color: var(--pkt-color-surface-default-light-green) !important;
}

.pkt-color-border-surface-default-light-green {
  border-color: var(--pkt-color-surface-default-light-green) !important;
}

.pkt-color-bg-surface-default-pale-blue {
  background-color: var(--pkt-color-surface-default-pale-blue) !important;
}

.pkt-color-txt-surface-default-pale-blue {
  color: var(--pkt-color-surface-default-pale-blue) !important;
}

.pkt-color-border-surface-default-pale-blue {
  border-color: var(--pkt-color-surface-default-pale-blue) !important;
}

.pkt-color-bg-surface-default-red {
  background-color: var(--pkt-color-surface-default-red) !important;
}

.pkt-color-txt-surface-default-red {
  color: var(--pkt-color-surface-default-red) !important;
}

.pkt-color-border-surface-default-red {
  border-color: var(--pkt-color-surface-default-red) !important;
}

.pkt-color-bg-surface-default-yellow {
  background-color: var(--pkt-color-surface-default-yellow) !important;
}

.pkt-color-txt-surface-default-yellow {
  color: var(--pkt-color-surface-default-yellow) !important;
}

.pkt-color-border-surface-default-yellow {
  border-color: var(--pkt-color-surface-default-yellow) !important;
}

.pkt-color-bg-surface-strong-beige {
  background-color: var(--pkt-color-surface-strong-beige) !important;
}

.pkt-color-txt-surface-strong-beige {
  color: var(--pkt-color-surface-strong-beige) !important;
}

.pkt-color-border-surface-strong-beige {
  border-color: var(--pkt-color-surface-strong-beige) !important;
}

.pkt-color-bg-surface-strong-blue {
  background-color: var(--pkt-color-surface-strong-blue) !important;
}

.pkt-color-txt-surface-strong-blue {
  color: var(--pkt-color-surface-strong-blue) !important;
}

.pkt-color-border-surface-strong-blue {
  border-color: var(--pkt-color-surface-strong-blue) !important;
}

.pkt-color-bg-surface-strong-dark-blue {
  background-color: var(--pkt-color-surface-strong-dark-blue) !important;
}

.pkt-color-txt-surface-strong-dark-blue {
  color: var(--pkt-color-surface-strong-dark-blue) !important;
}

.pkt-color-border-surface-strong-dark-blue {
  border-color: var(--pkt-color-surface-strong-dark-blue) !important;
}

.pkt-color-bg-surface-strong-dark-green {
  background-color: var(--pkt-color-surface-strong-dark-green) !important;
}

.pkt-color-txt-surface-strong-dark-green {
  color: var(--pkt-color-surface-strong-dark-green) !important;
}

.pkt-color-border-surface-strong-dark-green {
  border-color: var(--pkt-color-surface-strong-dark-green) !important;
}

.pkt-color-bg-surface-strong-default {
  background-color: var(--pkt-color-surface-strong-default) !important;
}

.pkt-color-txt-surface-strong-default {
  color: var(--pkt-color-surface-strong-default) !important;
}

.pkt-color-border-surface-strong-default {
  border-color: var(--pkt-color-surface-strong-default) !important;
}

.pkt-color-bg-surface-strong-gray {
  background-color: var(--pkt-color-surface-strong-gray) !important;
}

.pkt-color-txt-surface-strong-gray {
  color: var(--pkt-color-surface-strong-gray) !important;
}

.pkt-color-border-surface-strong-gray {
  border-color: var(--pkt-color-surface-strong-gray) !important;
}

.pkt-color-bg-surface-strong-green {
  background-color: var(--pkt-color-surface-strong-green) !important;
}

.pkt-color-txt-surface-strong-green {
  color: var(--pkt-color-surface-strong-green) !important;
}

.pkt-color-border-surface-strong-green {
  border-color: var(--pkt-color-surface-strong-green) !important;
}

.pkt-color-bg-surface-strong-light-green {
  background-color: var(--pkt-color-surface-strong-light-green) !important;
}

.pkt-color-txt-surface-strong-light-green {
  color: var(--pkt-color-surface-strong-light-green) !important;
}

.pkt-color-border-surface-strong-light-green {
  border-color: var(--pkt-color-surface-strong-light-green) !important;
}

.pkt-color-bg-surface-strong-red {
  background-color: var(--pkt-color-surface-strong-red) !important;
}

.pkt-color-txt-surface-strong-red {
  color: var(--pkt-color-surface-strong-red) !important;
}

.pkt-color-border-surface-strong-red {
  border-color: var(--pkt-color-surface-strong-red) !important;
}

.pkt-color-bg-surface-strong-yellow {
  background-color: var(--pkt-color-surface-strong-yellow) !important;
}

.pkt-color-txt-surface-strong-yellow {
  color: var(--pkt-color-surface-strong-yellow) !important;
}

.pkt-color-border-surface-strong-yellow {
  border-color: var(--pkt-color-surface-strong-yellow) !important;
}

.pkt-color-bg-surface-subtle-default {
  background-color: var(--pkt-color-surface-subtle-default) !important;
}

.pkt-color-txt-surface-subtle-default {
  color: var(--pkt-color-surface-subtle-default) !important;
}

.pkt-color-border-surface-subtle-default {
  border-color: var(--pkt-color-surface-subtle-default) !important;
}

.pkt-color-bg-surface-subtle-light-blue {
  background-color: var(--pkt-color-surface-subtle-light-blue) !important;
}

.pkt-color-txt-surface-subtle-light-blue {
  color: var(--pkt-color-surface-subtle-light-blue) !important;
}

.pkt-color-border-surface-subtle-light-blue {
  border-color: var(--pkt-color-surface-subtle-light-blue) !important;
}

.pkt-color-bg-surface-subtle-light-red {
  background-color: var(--pkt-color-surface-subtle-light-red) !important;
}

.pkt-color-txt-surface-subtle-light-red {
  color: var(--pkt-color-surface-subtle-light-red) !important;
}

.pkt-color-border-surface-subtle-light-red {
  border-color: var(--pkt-color-surface-subtle-light-red) !important;
}

.pkt-color-bg-surface-subtle-gray {
  background-color: var(--pkt-color-surface-subtle-gray) !important;
}

.pkt-color-txt-surface-subtle-gray {
  color: var(--pkt-color-surface-subtle-gray) !important;
}

.pkt-color-border-surface-subtle-gray {
  border-color: var(--pkt-color-surface-subtle-gray) !important;
}

.pkt-color-bg-surface-subtle-pale-blue {
  background-color: var(--pkt-color-surface-subtle-pale-blue) !important;
}

.pkt-color-txt-surface-subtle-pale-blue {
  color: var(--pkt-color-surface-subtle-pale-blue) !important;
}

.pkt-color-border-surface-subtle-pale-blue {
  border-color: var(--pkt-color-surface-subtle-pale-blue) !important;
}

.pkt-color-bg-surface-subtle-white {
  background-color: var(--pkt-color-surface-subtle-white) !important;
}

.pkt-color-txt-surface-subtle-white {
  color: var(--pkt-color-surface-subtle-white) !important;
}

.pkt-color-border-surface-subtle-white {
  border-color: var(--pkt-color-surface-subtle-white) !important;
}

.pkt-color-bg-text-body-dark {
  background-color: var(--pkt-color-text-body-dark) !important;
}

.pkt-color-txt-text-body-dark {
  color: var(--pkt-color-text-body-dark) !important;
}

.pkt-color-border-text-body-dark {
  border-color: var(--pkt-color-text-body-dark) !important;
}

.pkt-color-bg-text-body-default {
  background-color: var(--pkt-color-text-body-default) !important;
}

.pkt-color-txt-text-body-default {
  color: var(--pkt-color-text-body-default) !important;
}

.pkt-color-border-text-body-default {
  border-color: var(--pkt-color-text-body-default) !important;
}

.pkt-color-bg-text-body-light {
  background-color: var(--pkt-color-text-body-light) !important;
}

.pkt-color-txt-text-body-light {
  color: var(--pkt-color-text-body-light) !important;
}

.pkt-color-border-text-body-light {
  border-color: var(--pkt-color-text-body-light) !important;
}

.pkt-color-bg-text-placeholder {
  background-color: var(--pkt-color-text-placeholder) !important;
}

.pkt-color-txt-text-placeholder {
  color: var(--pkt-color-text-placeholder) !important;
}

.pkt-color-border-text-placeholder {
  border-color: var(--pkt-color-text-placeholder) !important;
}

.pkt-color-bg-text-action-disabled {
  background-color: var(--pkt-color-text-action-disabled) !important;
}

.pkt-color-txt-text-action-disabled {
  color: var(--pkt-color-text-action-disabled) !important;
}

.pkt-color-border-text-action-disabled {
  border-color: var(--pkt-color-text-action-disabled) !important;
}

.pkt-color-bg-text-action-active {
  background-color: var(--pkt-color-text-action-active) !important;
}

.pkt-color-txt-text-action-active {
  color: var(--pkt-color-text-action-active) !important;
}

.pkt-color-border-text-action-active {
  border-color: var(--pkt-color-text-action-active) !important;
}

.pkt-color-bg-text-action-hover {
  background-color: var(--pkt-color-text-action-hover) !important;
}

.pkt-color-txt-text-action-hover {
  color: var(--pkt-color-text-action-hover) !important;
}

.pkt-color-border-text-action-hover {
  border-color: var(--pkt-color-text-action-hover) !important;
}

.pkt-color-bg-text-action-normal {
  background-color: var(--pkt-color-text-action-normal) !important;
}

.pkt-color-txt-text-action-normal {
  color: var(--pkt-color-text-action-normal) !important;
}

.pkt-color-border-text-action-normal {
  border-color: var(--pkt-color-text-action-normal) !important;
}

.pkt-color-bg-input-background-normal {
  background-color: var(--pkt-color-input-background-normal) !important;
}

.pkt-color-txt-input-background-normal {
  color: var(--pkt-color-input-background-normal) !important;
}

.pkt-color-border-input-background-normal {
  border-color: var(--pkt-color-input-background-normal) !important;
}

.pkt-color-bg-input-background-disabled {
  background-color: var(--pkt-color-input-background-disabled) !important;
}

.pkt-color-txt-input-background-disabled {
  color: var(--pkt-color-input-background-disabled) !important;
}

.pkt-color-border-input-background-disabled {
  border-color: var(--pkt-color-input-background-disabled) !important;
}

.pkt-color-bg-input-background-open {
  background-color: var(--pkt-color-input-background-open) !important;
}

.pkt-color-txt-input-background-open {
  color: var(--pkt-color-input-background-open) !important;
}

.pkt-color-border-input-background-open {
  border-color: var(--pkt-color-input-background-open) !important;
}

.pkt-color-bg-input-border-active {
  background-color: var(--pkt-color-input-border-active) !important;
}

.pkt-color-txt-input-border-active {
  color: var(--pkt-color-input-border-active) !important;
}

.pkt-color-border-input-border-active {
  border-color: var(--pkt-color-input-border-active) !important;
}

.pkt-color-bg-input-border-disabled {
  background-color: var(--pkt-color-input-border-disabled) !important;
}

.pkt-color-txt-input-border-disabled {
  color: var(--pkt-color-input-border-disabled) !important;
}

.pkt-color-border-input-border-disabled {
  border-color: var(--pkt-color-input-border-disabled) !important;
}

.pkt-color-bg-input-border-error {
  background-color: var(--pkt-color-input-border-error) !important;
}

.pkt-color-txt-input-border-error {
  color: var(--pkt-color-input-border-error) !important;
}

.pkt-color-border-input-border-error {
  border-color: var(--pkt-color-input-border-error) !important;
}

.pkt-color-bg-input-border-hover {
  background-color: var(--pkt-color-input-border-hover) !important;
}

.pkt-color-txt-input-border-hover {
  color: var(--pkt-color-input-border-hover) !important;
}

.pkt-color-border-input-border-hover {
  border-color: var(--pkt-color-input-border-hover) !important;
}

.pkt-color-bg-input-border-normal {
  background-color: var(--pkt-color-input-border-normal) !important;
}

.pkt-color-txt-input-border-normal {
  color: var(--pkt-color-input-border-normal) !important;
}

.pkt-color-border-input-border-normal {
  border-color: var(--pkt-color-input-border-normal) !important;
}

.pkt-color-bg-input-text-active {
  background-color: var(--pkt-color-input-text-active) !important;
}

.pkt-color-txt-input-text-active {
  color: var(--pkt-color-input-text-active) !important;
}

.pkt-color-border-input-text-active {
  border-color: var(--pkt-color-input-text-active) !important;
}

.pkt-color-bg-input-text-disabled {
  background-color: var(--pkt-color-input-text-disabled) !important;
}

.pkt-color-txt-input-text-disabled {
  color: var(--pkt-color-input-text-disabled) !important;
}

.pkt-color-border-input-text-disabled {
  border-color: var(--pkt-color-input-text-disabled) !important;
}

.pkt-color-bg-input-text-hover {
  background-color: var(--pkt-color-input-text-hover) !important;
}

.pkt-color-txt-input-text-hover {
  color: var(--pkt-color-input-text-hover) !important;
}

.pkt-color-border-input-text-hover {
  border-color: var(--pkt-color-input-text-hover) !important;
}

.pkt-color-bg-input-text-normal {
  background-color: var(--pkt-color-input-text-normal) !important;
}

.pkt-color-txt-input-text-normal {
  color: var(--pkt-color-input-text-normal) !important;
}

.pkt-color-border-input-text-normal {
  border-color: var(--pkt-color-input-text-normal) !important;
}

.pkt-color-bg-input-text-error {
  background-color: var(--pkt-color-input-text-error) !important;
}

.pkt-color-txt-input-text-error {
  color: var(--pkt-color-input-text-error) !important;
}

.pkt-color-border-input-text-error {
  border-color: var(--pkt-color-input-text-error) !important;
}

.pkt-color-bg-input-text-open {
  background-color: var(--pkt-color-input-text-open) !important;
}

.pkt-color-txt-input-text-open {
  color: var(--pkt-color-input-text-open) !important;
}

.pkt-color-border-input-text-open {
  border-color: var(--pkt-color-input-text-open) !important;
}

.pkt-color-bg-tag-text-normal {
  background-color: var(--pkt-color-tag-text-normal) !important;
}

.pkt-color-txt-tag-text-normal {
  color: var(--pkt-color-tag-text-normal) !important;
}

.pkt-color-border-tag-text-normal {
  border-color: var(--pkt-color-tag-text-normal) !important;
}

.pkt-color-bg-tag-text-hover {
  background-color: var(--pkt-color-tag-text-hover) !important;
}

.pkt-color-txt-tag-text-hover {
  color: var(--pkt-color-tag-text-hover) !important;
}

.pkt-color-border-tag-text-hover {
  border-color: var(--pkt-color-tag-text-hover) !important;
}

.pkt-color-bg-tag-text-active {
  background-color: var(--pkt-color-tag-text-active) !important;
}

.pkt-color-txt-tag-text-active {
  color: var(--pkt-color-tag-text-active) !important;
}

.pkt-color-border-tag-text-active {
  border-color: var(--pkt-color-tag-text-active) !important;
}

.pkt-color-bg-tag-text-focus {
  background-color: var(--pkt-color-tag-text-focus) !important;
}

.pkt-color-txt-tag-text-focus {
  color: var(--pkt-color-tag-text-focus) !important;
}

.pkt-color-border-tag-text-focus {
  border-color: var(--pkt-color-tag-text-focus) !important;
}

.pkt-color-bg-input-check-background {
  background-color: var(--pkt-color-input-check-background) !important;
}

.pkt-color-txt-input-check-background {
  color: var(--pkt-color-input-check-background) !important;
}

.pkt-color-border-input-check-background {
  border-color: var(--pkt-color-input-check-background) !important;
}

.pkt-color-bg-input-check-border {
  background-color: var(--pkt-color-input-check-border) !important;
}

.pkt-color-txt-input-check-border {
  color: var(--pkt-color-input-check-border) !important;
}

.pkt-color-border-input-check-border {
  border-color: var(--pkt-color-input-check-border) !important;
}

.pkt-color-bg-input-check-text-active {
  background-color: var(--pkt-color-input-check-text-active) !important;
}

.pkt-color-txt-input-check-text-active {
  color: var(--pkt-color-input-check-text-active) !important;
}

.pkt-color-border-input-check-text-active {
  border-color: var(--pkt-color-input-check-text-active) !important;
}

.pkt-color-bg-input-check-text-hover {
  background-color: var(--pkt-color-input-check-text-hover) !important;
}

.pkt-color-txt-input-check-text-hover {
  color: var(--pkt-color-input-check-text-hover) !important;
}

.pkt-color-border-input-check-text-hover {
  border-color: var(--pkt-color-input-check-text-hover) !important;
}

.pkt-color-bg-spinner-border-normal {
  background-color: var(--pkt-color-spinner-border-normal) !important;
}

.pkt-color-txt-spinner-border-normal {
  color: var(--pkt-color-spinner-border-normal) !important;
}

.pkt-color-border-spinner-border-normal {
  border-color: var(--pkt-color-spinner-border-normal) !important;
}

.pkt-color-bg-spinner-border-blue {
  background-color: var(--pkt-color-spinner-border-blue) !important;
}

.pkt-color-txt-spinner-border-blue {
  color: var(--pkt-color-spinner-border-blue) !important;
}

.pkt-color-border-spinner-border-blue {
  border-color: var(--pkt-color-spinner-border-blue) !important;
}

.pkt-color-bg-spinner-border-rainbow {
  background-color: var(--pkt-color-spinner-border-rainbow) !important;
}

.pkt-color-txt-spinner-border-rainbow {
  color: var(--pkt-color-spinner-border-rainbow) !important;
}

.pkt-color-border-spinner-border-rainbow {
  border-color: var(--pkt-color-spinner-border-rainbow) !important;
}

.pkt-color-bg-button-primary-background-normal {
  background-color: var(--pkt-color-button-primary-background-normal) !important;
}

.pkt-color-txt-button-primary-background-normal {
  color: var(--pkt-color-button-primary-background-normal) !important;
}

.pkt-color-border-button-primary-background-normal {
  border-color: var(--pkt-color-button-primary-background-normal) !important;
}

.pkt-color-bg-button-primary-background-hover {
  background-color: var(--pkt-color-button-primary-background-hover) !important;
}

.pkt-color-txt-button-primary-background-hover {
  color: var(--pkt-color-button-primary-background-hover) !important;
}

.pkt-color-border-button-primary-background-hover {
  border-color: var(--pkt-color-button-primary-background-hover) !important;
}

.pkt-color-bg-button-primary-background-focus {
  background-color: var(--pkt-color-button-primary-background-focus) !important;
}

.pkt-color-txt-button-primary-background-focus {
  color: var(--pkt-color-button-primary-background-focus) !important;
}

.pkt-color-border-button-primary-background-focus {
  border-color: var(--pkt-color-button-primary-background-focus) !important;
}

.pkt-color-bg-button-primary-background-active {
  background-color: var(--pkt-color-button-primary-background-active) !important;
}

.pkt-color-txt-button-primary-background-active {
  color: var(--pkt-color-button-primary-background-active) !important;
}

.pkt-color-border-button-primary-background-active {
  border-color: var(--pkt-color-button-primary-background-active) !important;
}

.pkt-color-bg-button-primary-background-disabled {
  background-color: var(--pkt-color-button-primary-background-disabled) !important;
}

.pkt-color-txt-button-primary-background-disabled {
  color: var(--pkt-color-button-primary-background-disabled) !important;
}

.pkt-color-border-button-primary-background-disabled {
  border-color: var(--pkt-color-button-primary-background-disabled) !important;
}

.pkt-color-bg-button-primary-background-success {
  background-color: var(--pkt-color-button-primary-background-success) !important;
}

.pkt-color-txt-button-primary-background-success {
  color: var(--pkt-color-button-primary-background-success) !important;
}

.pkt-color-border-button-primary-background-success {
  border-color: var(--pkt-color-button-primary-background-success) !important;
}

.pkt-color-bg-button-primary-background-danger {
  background-color: var(--pkt-color-button-primary-background-danger) !important;
}

.pkt-color-txt-button-primary-background-danger {
  color: var(--pkt-color-button-primary-background-danger) !important;
}

.pkt-color-border-button-primary-background-danger {
  border-color: var(--pkt-color-button-primary-background-danger) !important;
}

.pkt-color-bg-button-primary-border-focus {
  background-color: var(--pkt-color-button-primary-border-focus) !important;
}

.pkt-color-txt-button-primary-border-focus {
  color: var(--pkt-color-button-primary-border-focus) !important;
}

.pkt-color-border-button-primary-border-focus {
  border-color: var(--pkt-color-button-primary-border-focus) !important;
}

.pkt-color-bg-button-primary-text-normal {
  background-color: var(--pkt-color-button-primary-text-normal) !important;
}

.pkt-color-txt-button-primary-text-normal {
  color: var(--pkt-color-button-primary-text-normal) !important;
}

.pkt-color-border-button-primary-text-normal {
  border-color: var(--pkt-color-button-primary-text-normal) !important;
}

.pkt-color-bg-button-primary-text-hover {
  background-color: var(--pkt-color-button-primary-text-hover) !important;
}

.pkt-color-txt-button-primary-text-hover {
  color: var(--pkt-color-button-primary-text-hover) !important;
}

.pkt-color-border-button-primary-text-hover {
  border-color: var(--pkt-color-button-primary-text-hover) !important;
}

.pkt-color-bg-button-primary-text-focus {
  background-color: var(--pkt-color-button-primary-text-focus) !important;
}

.pkt-color-txt-button-primary-text-focus {
  color: var(--pkt-color-button-primary-text-focus) !important;
}

.pkt-color-border-button-primary-text-focus {
  border-color: var(--pkt-color-button-primary-text-focus) !important;
}

.pkt-color-bg-button-primary-text-active {
  background-color: var(--pkt-color-button-primary-text-active) !important;
}

.pkt-color-txt-button-primary-text-active {
  color: var(--pkt-color-button-primary-text-active) !important;
}

.pkt-color-border-button-primary-text-active {
  border-color: var(--pkt-color-button-primary-text-active) !important;
}

.pkt-color-bg-button-primary-text-disabled {
  background-color: var(--pkt-color-button-primary-text-disabled) !important;
}

.pkt-color-txt-button-primary-text-disabled {
  color: var(--pkt-color-button-primary-text-disabled) !important;
}

.pkt-color-border-button-primary-text-disabled {
  border-color: var(--pkt-color-button-primary-text-disabled) !important;
}

.pkt-color-bg-button-secondary-background-hover {
  background-color: var(--pkt-color-button-secondary-background-hover) !important;
}

.pkt-color-txt-button-secondary-background-hover {
  color: var(--pkt-color-button-secondary-background-hover) !important;
}

.pkt-color-border-button-secondary-background-hover {
  border-color: var(--pkt-color-button-secondary-background-hover) !important;
}

.pkt-color-bg-button-secondary-background-active {
  background-color: var(--pkt-color-button-secondary-background-active) !important;
}

.pkt-color-txt-button-secondary-background-active {
  color: var(--pkt-color-button-secondary-background-active) !important;
}

.pkt-color-border-button-secondary-background-active {
  border-color: var(--pkt-color-button-secondary-background-active) !important;
}

.pkt-color-bg-button-secondary-background-disabled {
  background-color: var(--pkt-color-button-secondary-background-disabled) !important;
}

.pkt-color-txt-button-secondary-background-disabled {
  color: var(--pkt-color-button-secondary-background-disabled) !important;
}

.pkt-color-border-button-secondary-background-disabled {
  border-color: var(--pkt-color-button-secondary-background-disabled) !important;
}

.pkt-color-bg-button-secondary-border-normal {
  background-color: var(--pkt-color-button-secondary-border-normal) !important;
}

.pkt-color-txt-button-secondary-border-normal {
  color: var(--pkt-color-button-secondary-border-normal) !important;
}

.pkt-color-border-button-secondary-border-normal {
  border-color: var(--pkt-color-button-secondary-border-normal) !important;
}

.pkt-color-bg-button-secondary-border-yellow {
  background-color: var(--pkt-color-button-secondary-border-yellow) !important;
}

.pkt-color-txt-button-secondary-border-yellow {
  color: var(--pkt-color-button-secondary-border-yellow) !important;
}

.pkt-color-border-button-secondary-border-yellow {
  border-color: var(--pkt-color-button-secondary-border-yellow) !important;
}

.pkt-color-bg-button-secondary-border-focus {
  background-color: var(--pkt-color-button-secondary-border-focus) !important;
}

.pkt-color-txt-button-secondary-border-focus {
  color: var(--pkt-color-button-secondary-border-focus) !important;
}

.pkt-color-border-button-secondary-border-focus {
  border-color: var(--pkt-color-button-secondary-border-focus) !important;
}

.pkt-color-bg-button-secondary-border-hover {
  background-color: var(--pkt-color-button-secondary-border-hover) !important;
}

.pkt-color-txt-button-secondary-border-hover {
  color: var(--pkt-color-button-secondary-border-hover) !important;
}

.pkt-color-border-button-secondary-border-hover {
  border-color: var(--pkt-color-button-secondary-border-hover) !important;
}

.pkt-color-bg-button-secondary-border-active {
  background-color: var(--pkt-color-button-secondary-border-active) !important;
}

.pkt-color-txt-button-secondary-border-active {
  color: var(--pkt-color-button-secondary-border-active) !important;
}

.pkt-color-border-button-secondary-border-active {
  border-color: var(--pkt-color-button-secondary-border-active) !important;
}

.pkt-color-bg-button-secondary-border-disabled {
  background-color: var(--pkt-color-button-secondary-border-disabled) !important;
}

.pkt-color-txt-button-secondary-border-disabled {
  color: var(--pkt-color-button-secondary-border-disabled) !important;
}

.pkt-color-border-button-secondary-border-disabled {
  border-color: var(--pkt-color-button-secondary-border-disabled) !important;
}

.pkt-color-bg-button-secondary-text-normal {
  background-color: var(--pkt-color-button-secondary-text-normal) !important;
}

.pkt-color-txt-button-secondary-text-normal {
  color: var(--pkt-color-button-secondary-text-normal) !important;
}

.pkt-color-border-button-secondary-text-normal {
  border-color: var(--pkt-color-button-secondary-text-normal) !important;
}

.pkt-color-bg-button-secondary-text-hover {
  background-color: var(--pkt-color-button-secondary-text-hover) !important;
}

.pkt-color-txt-button-secondary-text-hover {
  color: var(--pkt-color-button-secondary-text-hover) !important;
}

.pkt-color-border-button-secondary-text-hover {
  border-color: var(--pkt-color-button-secondary-text-hover) !important;
}

.pkt-color-bg-button-secondary-text-focus {
  background-color: var(--pkt-color-button-secondary-text-focus) !important;
}

.pkt-color-txt-button-secondary-text-focus {
  color: var(--pkt-color-button-secondary-text-focus) !important;
}

.pkt-color-border-button-secondary-text-focus {
  border-color: var(--pkt-color-button-secondary-text-focus) !important;
}

.pkt-color-bg-button-secondary-text-active {
  background-color: var(--pkt-color-button-secondary-text-active) !important;
}

.pkt-color-txt-button-secondary-text-active {
  color: var(--pkt-color-button-secondary-text-active) !important;
}

.pkt-color-border-button-secondary-text-active {
  border-color: var(--pkt-color-button-secondary-text-active) !important;
}

.pkt-color-bg-button-secondary-text-disabled {
  background-color: var(--pkt-color-button-secondary-text-disabled) !important;
}

.pkt-color-txt-button-secondary-text-disabled {
  color: var(--pkt-color-button-secondary-text-disabled) !important;
}

.pkt-color-border-button-secondary-text-disabled {
  border-color: var(--pkt-color-button-secondary-text-disabled) !important;
}

.pkt-color-bg-button-tertiary-background-hover {
  background-color: var(--pkt-color-button-tertiary-background-hover) !important;
}

.pkt-color-txt-button-tertiary-background-hover {
  color: var(--pkt-color-button-tertiary-background-hover) !important;
}

.pkt-color-border-button-tertiary-background-hover {
  border-color: var(--pkt-color-button-tertiary-background-hover) !important;
}

.pkt-color-bg-button-tertiary-background-focus {
  background-color: var(--pkt-color-button-tertiary-background-focus) !important;
}

.pkt-color-txt-button-tertiary-background-focus {
  color: var(--pkt-color-button-tertiary-background-focus) !important;
}

.pkt-color-border-button-tertiary-background-focus {
  border-color: var(--pkt-color-button-tertiary-background-focus) !important;
}

.pkt-color-bg-button-tertiary-background-active {
  background-color: var(--pkt-color-button-tertiary-background-active) !important;
}

.pkt-color-txt-button-tertiary-background-active {
  color: var(--pkt-color-button-tertiary-background-active) !important;
}

.pkt-color-border-button-tertiary-background-active {
  border-color: var(--pkt-color-button-tertiary-background-active) !important;
}

.pkt-color-bg-button-tertiary-background-disabled {
  background-color: var(--pkt-color-button-tertiary-background-disabled) !important;
}

.pkt-color-txt-button-tertiary-background-disabled {
  color: var(--pkt-color-button-tertiary-background-disabled) !important;
}

.pkt-color-border-button-tertiary-background-disabled {
  border-color: var(--pkt-color-button-tertiary-background-disabled) !important;
}

.pkt-color-bg-button-tertiary-border-focus {
  background-color: var(--pkt-color-button-tertiary-border-focus) !important;
}

.pkt-color-txt-button-tertiary-border-focus {
  color: var(--pkt-color-button-tertiary-border-focus) !important;
}

.pkt-color-border-button-tertiary-border-focus {
  border-color: var(--pkt-color-button-tertiary-border-focus) !important;
}

.pkt-color-bg-button-tertiary-text-normal {
  background-color: var(--pkt-color-button-tertiary-text-normal) !important;
}

.pkt-color-txt-button-tertiary-text-normal {
  color: var(--pkt-color-button-tertiary-text-normal) !important;
}

.pkt-color-border-button-tertiary-text-normal {
  border-color: var(--pkt-color-button-tertiary-text-normal) !important;
}

.pkt-color-bg-button-tertiary-text-hover {
  background-color: var(--pkt-color-button-tertiary-text-hover) !important;
}

.pkt-color-txt-button-tertiary-text-hover {
  color: var(--pkt-color-button-tertiary-text-hover) !important;
}

.pkt-color-border-button-tertiary-text-hover {
  border-color: var(--pkt-color-button-tertiary-text-hover) !important;
}

.pkt-color-bg-button-tertiary-text-focus {
  background-color: var(--pkt-color-button-tertiary-text-focus) !important;
}

.pkt-color-txt-button-tertiary-text-focus {
  color: var(--pkt-color-button-tertiary-text-focus) !important;
}

.pkt-color-border-button-tertiary-text-focus {
  border-color: var(--pkt-color-button-tertiary-text-focus) !important;
}

.pkt-color-bg-button-tertiary-text-active {
  background-color: var(--pkt-color-button-tertiary-text-active) !important;
}

.pkt-color-txt-button-tertiary-text-active {
  color: var(--pkt-color-button-tertiary-text-active) !important;
}

.pkt-color-border-button-tertiary-text-active {
  border-color: var(--pkt-color-button-tertiary-text-active) !important;
}

.pkt-color-bg-button-tertiary-text-disabled {
  background-color: var(--pkt-color-button-tertiary-text-disabled) !important;
}

.pkt-color-txt-button-tertiary-text-disabled {
  color: var(--pkt-color-button-tertiary-text-disabled) !important;
}

.pkt-color-border-button-tertiary-text-disabled {
  border-color: var(--pkt-color-button-tertiary-text-disabled) !important;
}

.bg-color-blue {
  background-color: #6fe9ff !important;
}

.txt-color-blue {
  color: #6fe9ff !important;
}

.bg-color-blue-light {
  background-color: #b3f5ff !important;
}

.txt-color-blue-light {
  color: #b3f5ff !important;
}

.bg-color-blue-dark {
  background-color: #2a2859 !important;
}

.txt-color-blue-dark {
  color: #2a2859 !important;
}

.bg-color-green {
  background-color: #43f8b6 !important;
}

.txt-color-green {
  color: #43f8b6 !important;
}

.bg-color-green-light {
  background-color: #c7f6c9 !important;
}

.txt-color-green-light {
  color: #c7f6c9 !important;
}

.bg-color-green-dark {
  background-color: #034b45 !important;
}

.txt-color-green-dark {
  color: #034b45 !important;
}

.bg-color-red {
  background-color: #ff8274 !important;
}

.txt-color-red {
  color: #ff8274 !important;
}

.bg-color-red-light {
  background-color: #ffb4ac !important;
}

.txt-color-red-light {
  color: #ffb4ac !important;
}

.bg-color-yellow {
  background-color: #f9c66b !important;
}

.txt-color-yellow {
  color: #f9c66b !important;
}

.bg-color-beige-light {
  background-color: #f8f0dd !important;
}

.txt-color-beige-light {
  color: #f8f0dd !important;
}

.bg-color-beige-dark {
  background-color: #d0bfae !important;
}

.txt-color-beige-dark {
  color: #d0bfae !important;
}

.bg-color-active {
  background-color: #1f42aa !important;
}

.txt-color-active {
  color: #1f42aa !important;
}

.bg-color-active-light {
  background-color: #b3f5ff !important;
}

.txt-color-active-light {
  color: #b3f5ff !important;
}

.bg-color-hover {
  background-color: #1f42aa !important;
}

.txt-color-hover {
  color: #1f42aa !important;
}

.bg-color-hover-light {
  background-color: #b3f5ff !important;
}

.txt-color-hover-light {
  color: #b3f5ff !important;
}

.bg-color-focus {
  background-color: #e0adff !important;
}

.txt-color-focus {
  color: #e0adff !important;
}

.bg-color-disabled {
  background-color: #4d4d4d !important;
}

.txt-color-disabled {
  color: #4d4d4d !important;
}

.bg-color-disabled-light {
  background-color: #f9f9f9 !important;
}

.txt-color-disabled-light {
  color: #f9f9f9 !important;
}

.bg-color-info {
  background-color: #2a2859 !important;
}

.txt-color-info {
  color: #2a2859 !important;
}

.bg-color-success {
  background-color: #034b45 !important;
}

.txt-color-success {
  color: #034b45 !important;
}

.bg-color-warning {
  background-color: #774c01 !important;
}

.txt-color-warning {
  color: #774c01 !important;
}

.bg-color-error {
  background-color: #96281c !important;
}

.txt-color-error {
  color: #96281c !important;
}

.bg-color-blue-dark-5 {
  background-color: #f2f9ff !important;
}

.txt-color-blue-dark-5 {
  color: #f2f9ff !important;
}

.bg-color-blue-dark-10 {
  background-color: #d9e9f2 !important;
}

.txt-color-blue-dark-10 {
  color: #d9e9f2 !important;
}

.bg-color-blue-5 {
  background-color: #f1fdff !important;
}

.txt-color-blue-5 {
  color: #f1fdff !important;
}

.bg-color-blue-10 {
  background-color: #e5fcff !important;
}

.txt-color-blue-10 {
  color: #e5fcff !important;
}

.bg-color-blue-60 {
  background-color: #d1f9ff !important;
}

.txt-color-blue-60 {
  color: #d1f9ff !important;
}

.bg-color-green-dark-5 {
  background-color: #f2fff3 !important;
}

.txt-color-green-dark-5 {
  color: #f2fff3 !important;
}

.bg-color-green-dark-10 {
  background-color: #d9f2ef !important;
}

.txt-color-green-dark-10 {
  color: #d9f2ef !important;
}

.bg-color-green-10 {
  background-color: #e5ffe6 !important;
}

.txt-color-green-10 {
  color: #e5ffe6 !important;
}

.bg-color-green-30 {
  background-color: #c7fde9 !important;
}

.txt-color-green-30 {
  color: #c7fde9 !important;
}

.bg-color-red-5 {
  background-color: #fff3f2 !important;
}

.txt-color-red-5 {
  color: #fff3f2 !important;
}

.bg-color-red-10 {
  background-color: #ffe8e5 !important;
}

.txt-color-red-10 {
  color: #ffe8e5 !important;
}

.bg-color-red-30 {
  background-color: #ffdfdc !important;
}

.txt-color-red-30 {
  color: #ffdfdc !important;
}

.bg-color-yellow-5 {
  background-color: #fef9f0 !important;
}

.txt-color-yellow-5 {
  color: #fef9f0 !important;
}

.bg-color-yellow-50 {
  background-color: #ffe7bc !important;
}

.txt-color-yellow-50 {
  color: #ffe7bc !important;
}

.bg-color-gray-light {
  background-color: #f9f9f9 !important;
}

.txt-color-gray-light {
  color: #f9f9f9 !important;
}

.bg-color-gray {
  background-color: #f2f2f2 !important;
}

.txt-color-gray {
  color: #f2f2f2 !important;
}

.bg-color-gray-dark {
  background-color: #2c2c2c !important;
}

.txt-color-gray-dark {
  color: #2c2c2c !important;
}

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

.txt-color-transparent {
  color: transparent !important;
}

.bg-color-white {
  background-color: #fff !important;
}

.txt-color-white {
  color: #fff !important;
}

.bg-color-grayscale-10 {
  background-color: #e6e6e6 !important;
}

.txt-color-grayscale-10 {
  color: #e6e6e6 !important;
}

.bg-color-grayscale-20 {
  background-color: #ccc !important;
}

.txt-color-grayscale-20 {
  color: #ccc !important;
}

.bg-color-grayscale-30 {
  background-color: #b3b3b3 !important;
}

.txt-color-grayscale-30 {
  color: #b3b3b3 !important;
}

.bg-color-grayscale-40 {
  background-color: #9a9a9a !important;
}

.txt-color-grayscale-40 {
  color: #9a9a9a !important;
}

.bg-color-grayscale-50 {
  background-color: #808080 !important;
}

.txt-color-grayscale-50 {
  color: #808080 !important;
}

.bg-color-grayscale-60 {
  background-color: #666 !important;
}

.txt-color-grayscale-60 {
  color: #666 !important;
}

.bg-color-grayscale-70 {
  background-color: #4d4d4d !important;
}

.txt-color-grayscale-70 {
  color: #4d4d4d !important;
}

.bg-color-grayscale-80 {
  background-color: #333 !important;
}

.txt-color-grayscale-80 {
  color: #333 !important;
}

.bg-color-grayscale-90 {
  background-color: #1a1a1a !important;
}

.txt-color-grayscale-90 {
  color: #1a1a1a !important;
}

.bg-color-black {
  background-color: #000 !important;
}

.txt-color-black {
  color: #000 !important;
}

/*
 * Spacing
 */
.m-size-0 {
  margin: 0rem !important;
}

.mt-size-0 {
  margin-block-start: 0rem !important;
}

.mr-size-0 {
  margin-inline-end: 0rem !important;
}

.mb-size-0 {
  margin-block-end: 0rem !important;
}

.ml-size-0 {
  margin-inline-start: 0rem !important;
}

.mx-size-0 {
  margin-inline: 0rem !important;
}

.my-size-0 {
  margin-block: 0rem !important;
}

.p-size-0 {
  padding: 0rem !important;
}

.pt-size-0 {
  padding-block-start: 0rem !important;
}

.pr-size-0 {
  padding-inline-end: 0rem !important;
}

.pb-size-0 {
  padding-block-end: 0rem !important;
}

.pl-size-0 {
  padding-inline-start: 0rem !important;
}

.px-size-0 {
  padding-inline: 0rem !important;
}

.py-size-0 {
  padding-block: 0rem !important;
}

.m-size-2 {
  margin: 0.125rem !important;
}

.mt-size-2 {
  margin-block-start: 0.125rem !important;
}

.mr-size-2 {
  margin-inline-end: 0.125rem !important;
}

.mb-size-2 {
  margin-block-end: 0.125rem !important;
}

.ml-size-2 {
  margin-inline-start: 0.125rem !important;
}

.mx-size-2 {
  margin-inline: 0.125rem !important;
}

.my-size-2 {
  margin-block: 0.125rem !important;
}

.p-size-2 {
  padding: 0.125rem !important;
}

.pt-size-2 {
  padding-block-start: 0.125rem !important;
}

.pr-size-2 {
  padding-inline-end: 0.125rem !important;
}

.pb-size-2 {
  padding-block-end: 0.125rem !important;
}

.pl-size-2 {
  padding-inline-start: 0.125rem !important;
}

.px-size-2 {
  padding-inline: 0.125rem !important;
}

.py-size-2 {
  padding-block: 0.125rem !important;
}

.m-size-4 {
  margin: 0.25rem !important;
}

.mt-size-4 {
  margin-block-start: 0.25rem !important;
}

.mr-size-4 {
  margin-inline-end: 0.25rem !important;
}

.mb-size-4 {
  margin-block-end: 0.25rem !important;
}

.ml-size-4 {
  margin-inline-start: 0.25rem !important;
}

.mx-size-4 {
  margin-inline: 0.25rem !important;
}

.my-size-4 {
  margin-block: 0.25rem !important;
}

.p-size-4 {
  padding: 0.25rem !important;
}

.pt-size-4 {
  padding-block-start: 0.25rem !important;
}

.pr-size-4 {
  padding-inline-end: 0.25rem !important;
}

.pb-size-4 {
  padding-block-end: 0.25rem !important;
}

.pl-size-4 {
  padding-inline-start: 0.25rem !important;
}

.px-size-4 {
  padding-inline: 0.25rem !important;
}

.py-size-4 {
  padding-block: 0.25rem !important;
}

.m-size-6 {
  margin: 0.375rem !important;
}

.mt-size-6 {
  margin-block-start: 0.375rem !important;
}

.mr-size-6 {
  margin-inline-end: 0.375rem !important;
}

.mb-size-6 {
  margin-block-end: 0.375rem !important;
}

.ml-size-6 {
  margin-inline-start: 0.375rem !important;
}

.mx-size-6 {
  margin-inline: 0.375rem !important;
}

.my-size-6 {
  margin-block: 0.375rem !important;
}

.p-size-6 {
  padding: 0.375rem !important;
}

.pt-size-6 {
  padding-block-start: 0.375rem !important;
}

.pr-size-6 {
  padding-inline-end: 0.375rem !important;
}

.pb-size-6 {
  padding-block-end: 0.375rem !important;
}

.pl-size-6 {
  padding-inline-start: 0.375rem !important;
}

.px-size-6 {
  padding-inline: 0.375rem !important;
}

.py-size-6 {
  padding-block: 0.375rem !important;
}

.m-size-8 {
  margin: 0.5rem !important;
}

.mt-size-8 {
  margin-block-start: 0.5rem !important;
}

.mr-size-8 {
  margin-inline-end: 0.5rem !important;
}

.mb-size-8 {
  margin-block-end: 0.5rem !important;
}

.ml-size-8 {
  margin-inline-start: 0.5rem !important;
}

.mx-size-8 {
  margin-inline: 0.5rem !important;
}

.my-size-8 {
  margin-block: 0.5rem !important;
}

.p-size-8 {
  padding: 0.5rem !important;
}

.pt-size-8 {
  padding-block-start: 0.5rem !important;
}

.pr-size-8 {
  padding-inline-end: 0.5rem !important;
}

.pb-size-8 {
  padding-block-end: 0.5rem !important;
}

.pl-size-8 {
  padding-inline-start: 0.5rem !important;
}

.px-size-8 {
  padding-inline: 0.5rem !important;
}

.py-size-8 {
  padding-block: 0.5rem !important;
}

.m-size-12 {
  margin: 0.75rem !important;
}

.mt-size-12 {
  margin-block-start: 0.75rem !important;
}

.mr-size-12 {
  margin-inline-end: 0.75rem !important;
}

.mb-size-12 {
  margin-block-end: 0.75rem !important;
}

.ml-size-12 {
  margin-inline-start: 0.75rem !important;
}

.mx-size-12 {
  margin-inline: 0.75rem !important;
}

.my-size-12 {
  margin-block: 0.75rem !important;
}

.p-size-12 {
  padding: 0.75rem !important;
}

.pt-size-12 {
  padding-block-start: 0.75rem !important;
}

.pr-size-12 {
  padding-inline-end: 0.75rem !important;
}

.pb-size-12 {
  padding-block-end: 0.75rem !important;
}

.pl-size-12 {
  padding-inline-start: 0.75rem !important;
}

.px-size-12 {
  padding-inline: 0.75rem !important;
}

.py-size-12 {
  padding-block: 0.75rem !important;
}

.m-size-16 {
  margin: 1rem !important;
}

.mt-size-16 {
  margin-block-start: 1rem !important;
}

.mr-size-16 {
  margin-inline-end: 1rem !important;
}

.mb-size-16 {
  margin-block-end: 1rem !important;
}

.ml-size-16 {
  margin-inline-start: 1rem !important;
}

.mx-size-16 {
  margin-inline: 1rem !important;
}

.my-size-16 {
  margin-block: 1rem !important;
}

.p-size-16 {
  padding: 1rem !important;
}

.pt-size-16 {
  padding-block-start: 1rem !important;
}

.pr-size-16 {
  padding-inline-end: 1rem !important;
}

.pb-size-16 {
  padding-block-end: 1rem !important;
}

.pl-size-16 {
  padding-inline-start: 1rem !important;
}

.px-size-16 {
  padding-inline: 1rem !important;
}

.py-size-16 {
  padding-block: 1rem !important;
}

.m-size-24 {
  margin: 1.5rem !important;
}

.mt-size-24 {
  margin-block-start: 1.5rem !important;
}

.mr-size-24 {
  margin-inline-end: 1.5rem !important;
}

.mb-size-24 {
  margin-block-end: 1.5rem !important;
}

.ml-size-24 {
  margin-inline-start: 1.5rem !important;
}

.mx-size-24 {
  margin-inline: 1.5rem !important;
}

.my-size-24 {
  margin-block: 1.5rem !important;
}

.p-size-24 {
  padding: 1.5rem !important;
}

.pt-size-24 {
  padding-block-start: 1.5rem !important;
}

.pr-size-24 {
  padding-inline-end: 1.5rem !important;
}

.pb-size-24 {
  padding-block-end: 1.5rem !important;
}

.pl-size-24 {
  padding-inline-start: 1.5rem !important;
}

.px-size-24 {
  padding-inline: 1.5rem !important;
}

.py-size-24 {
  padding-block: 1.5rem !important;
}

.m-size-32 {
  margin: 2rem !important;
}

.mt-size-32 {
  margin-block-start: 2rem !important;
}

.mr-size-32 {
  margin-inline-end: 2rem !important;
}

.mb-size-32 {
  margin-block-end: 2rem !important;
}

.ml-size-32 {
  margin-inline-start: 2rem !important;
}

.mx-size-32 {
  margin-inline: 2rem !important;
}

.my-size-32 {
  margin-block: 2rem !important;
}

.p-size-32 {
  padding: 2rem !important;
}

.pt-size-32 {
  padding-block-start: 2rem !important;
}

.pr-size-32 {
  padding-inline-end: 2rem !important;
}

.pb-size-32 {
  padding-block-end: 2rem !important;
}

.pl-size-32 {
  padding-inline-start: 2rem !important;
}

.px-size-32 {
  padding-inline: 2rem !important;
}

.py-size-32 {
  padding-block: 2rem !important;
}

.m-size-40 {
  margin: 2.5rem !important;
}

.mt-size-40 {
  margin-block-start: 2.5rem !important;
}

.mr-size-40 {
  margin-inline-end: 2.5rem !important;
}

.mb-size-40 {
  margin-block-end: 2.5rem !important;
}

.ml-size-40 {
  margin-inline-start: 2.5rem !important;
}

.mx-size-40 {
  margin-inline: 2.5rem !important;
}

.my-size-40 {
  margin-block: 2.5rem !important;
}

.p-size-40 {
  padding: 2.5rem !important;
}

.pt-size-40 {
  padding-block-start: 2.5rem !important;
}

.pr-size-40 {
  padding-inline-end: 2.5rem !important;
}

.pb-size-40 {
  padding-block-end: 2.5rem !important;
}

.pl-size-40 {
  padding-inline-start: 2.5rem !important;
}

.px-size-40 {
  padding-inline: 2.5rem !important;
}

.py-size-40 {
  padding-block: 2.5rem !important;
}

.m-size-48 {
  margin: 3rem !important;
}

.mt-size-48 {
  margin-block-start: 3rem !important;
}

.mr-size-48 {
  margin-inline-end: 3rem !important;
}

.mb-size-48 {
  margin-block-end: 3rem !important;
}

.ml-size-48 {
  margin-inline-start: 3rem !important;
}

.mx-size-48 {
  margin-inline: 3rem !important;
}

.my-size-48 {
  margin-block: 3rem !important;
}

.p-size-48 {
  padding: 3rem !important;
}

.pt-size-48 {
  padding-block-start: 3rem !important;
}

.pr-size-48 {
  padding-inline-end: 3rem !important;
}

.pb-size-48 {
  padding-block-end: 3rem !important;
}

.pl-size-48 {
  padding-inline-start: 3rem !important;
}

.px-size-48 {
  padding-inline: 3rem !important;
}

.py-size-48 {
  padding-block: 3rem !important;
}

.m-size-56 {
  margin: 3.5rem !important;
}

.mt-size-56 {
  margin-block-start: 3.5rem !important;
}

.mr-size-56 {
  margin-inline-end: 3.5rem !important;
}

.mb-size-56 {
  margin-block-end: 3.5rem !important;
}

.ml-size-56 {
  margin-inline-start: 3.5rem !important;
}

.mx-size-56 {
  margin-inline: 3.5rem !important;
}

.my-size-56 {
  margin-block: 3.5rem !important;
}

.p-size-56 {
  padding: 3.5rem !important;
}

.pt-size-56 {
  padding-block-start: 3.5rem !important;
}

.pr-size-56 {
  padding-inline-end: 3.5rem !important;
}

.pb-size-56 {
  padding-block-end: 3.5rem !important;
}

.pl-size-56 {
  padding-inline-start: 3.5rem !important;
}

.px-size-56 {
  padding-inline: 3.5rem !important;
}

.py-size-56 {
  padding-block: 3.5rem !important;
}

.m-size-64 {
  margin: 4rem !important;
}

.mt-size-64 {
  margin-block-start: 4rem !important;
}

.mr-size-64 {
  margin-inline-end: 4rem !important;
}

.mb-size-64 {
  margin-block-end: 4rem !important;
}

.ml-size-64 {
  margin-inline-start: 4rem !important;
}

.mx-size-64 {
  margin-inline: 4rem !important;
}

.my-size-64 {
  margin-block: 4rem !important;
}

.p-size-64 {
  padding: 4rem !important;
}

.pt-size-64 {
  padding-block-start: 4rem !important;
}

.pr-size-64 {
  padding-inline-end: 4rem !important;
}

.pb-size-64 {
  padding-block-end: 4rem !important;
}

.pl-size-64 {
  padding-inline-start: 4rem !important;
}

.px-size-64 {
  padding-inline: 4rem !important;
}

.py-size-64 {
  padding-block: 4rem !important;
}

.m-size-72 {
  margin: 4.5rem !important;
}

.mt-size-72 {
  margin-block-start: 4.5rem !important;
}

.mr-size-72 {
  margin-inline-end: 4.5rem !important;
}

.mb-size-72 {
  margin-block-end: 4.5rem !important;
}

.ml-size-72 {
  margin-inline-start: 4.5rem !important;
}

.mx-size-72 {
  margin-inline: 4.5rem !important;
}

.my-size-72 {
  margin-block: 4.5rem !important;
}

.p-size-72 {
  padding: 4.5rem !important;
}

.pt-size-72 {
  padding-block-start: 4.5rem !important;
}

.pr-size-72 {
  padding-inline-end: 4.5rem !important;
}

.pb-size-72 {
  padding-block-end: 4.5rem !important;
}

.pl-size-72 {
  padding-inline-start: 4.5rem !important;
}

.px-size-72 {
  padding-inline: 4.5rem !important;
}

.py-size-72 {
  padding-block: 4.5rem !important;
}

.m-size-80 {
  margin: 5rem !important;
}

.mt-size-80 {
  margin-block-start: 5rem !important;
}

.mr-size-80 {
  margin-inline-end: 5rem !important;
}

.mb-size-80 {
  margin-block-end: 5rem !important;
}

.ml-size-80 {
  margin-inline-start: 5rem !important;
}

.mx-size-80 {
  margin-inline: 5rem !important;
}

.my-size-80 {
  margin-block: 5rem !important;
}

.p-size-80 {
  padding: 5rem !important;
}

.pt-size-80 {
  padding-block-start: 5rem !important;
}

.pr-size-80 {
  padding-inline-end: 5rem !important;
}

.pb-size-80 {
  padding-block-end: 5rem !important;
}

.pl-size-80 {
  padding-inline-start: 5rem !important;
}

.px-size-80 {
  padding-inline: 5rem !important;
}

.py-size-80 {
  padding-block: 5rem !important;
}

.m-size-88 {
  margin: 5.5rem !important;
}

.mt-size-88 {
  margin-block-start: 5.5rem !important;
}

.mr-size-88 {
  margin-inline-end: 5.5rem !important;
}

.mb-size-88 {
  margin-block-end: 5.5rem !important;
}

.ml-size-88 {
  margin-inline-start: 5.5rem !important;
}

.mx-size-88 {
  margin-inline: 5.5rem !important;
}

.my-size-88 {
  margin-block: 5.5rem !important;
}

.p-size-88 {
  padding: 5.5rem !important;
}

.pt-size-88 {
  padding-block-start: 5.5rem !important;
}

.pr-size-88 {
  padding-inline-end: 5.5rem !important;
}

.pb-size-88 {
  padding-block-end: 5.5rem !important;
}

.pl-size-88 {
  padding-inline-start: 5.5rem !important;
}

.px-size-88 {
  padding-inline: 5.5rem !important;
}

.py-size-88 {
  padding-block: 5.5rem !important;
}

.m-size-96 {
  margin: 6rem !important;
}

.mt-size-96 {
  margin-block-start: 6rem !important;
}

.mr-size-96 {
  margin-inline-end: 6rem !important;
}

.mb-size-96 {
  margin-block-end: 6rem !important;
}

.ml-size-96 {
  margin-inline-start: 6rem !important;
}

.mx-size-96 {
  margin-inline: 6rem !important;
}

.my-size-96 {
  margin-block: 6rem !important;
}

.p-size-96 {
  padding: 6rem !important;
}

.pt-size-96 {
  padding-block-start: 6rem !important;
}

.pr-size-96 {
  padding-inline-end: 6rem !important;
}

.pb-size-96 {
  padding-block-end: 6rem !important;
}

.pl-size-96 {
  padding-inline-start: 6rem !important;
}

.px-size-96 {
  padding-inline: 6rem !important;
}

.py-size-96 {
  padding-block: 6rem !important;
}

.m-size-104 {
  margin: 6.5rem !important;
}

.mt-size-104 {
  margin-block-start: 6.5rem !important;
}

.mr-size-104 {
  margin-inline-end: 6.5rem !important;
}

.mb-size-104 {
  margin-block-end: 6.5rem !important;
}

.ml-size-104 {
  margin-inline-start: 6.5rem !important;
}

.mx-size-104 {
  margin-inline: 6.5rem !important;
}

.my-size-104 {
  margin-block: 6.5rem !important;
}

.p-size-104 {
  padding: 6.5rem !important;
}

.pt-size-104 {
  padding-block-start: 6.5rem !important;
}

.pr-size-104 {
  padding-inline-end: 6.5rem !important;
}

.pb-size-104 {
  padding-block-end: 6.5rem !important;
}

.pl-size-104 {
  padding-inline-start: 6.5rem !important;
}

.px-size-104 {
  padding-inline: 6.5rem !important;
}

.py-size-104 {
  padding-block: 6.5rem !important;
}

.m-size-128 {
  margin: 8rem !important;
}

.mt-size-128 {
  margin-block-start: 8rem !important;
}

.mr-size-128 {
  margin-inline-end: 8rem !important;
}

.mb-size-128 {
  margin-block-end: 8rem !important;
}

.ml-size-128 {
  margin-inline-start: 8rem !important;
}

.mx-size-128 {
  margin-inline: 8rem !important;
}

.my-size-128 {
  margin-block: 8rem !important;
}

.p-size-128 {
  padding: 8rem !important;
}

.pt-size-128 {
  padding-block-start: 8rem !important;
}

.pr-size-128 {
  padding-inline-end: 8rem !important;
}

.pb-size-128 {
  padding-block-end: 8rem !important;
}

.pl-size-128 {
  padding-inline-start: 8rem !important;
}

.px-size-128 {
  padding-inline: 8rem !important;
}

.py-size-128 {
  padding-block: 8rem !important;
}

.m-size-10 {
  margin: 0.625rem !important;
}

.mt-size-10 {
  margin-block-start: 0.625rem !important;
}

.mr-size-10 {
  margin-inline-end: 0.625rem !important;
}

.mb-size-10 {
  margin-block-end: 0.625rem !important;
}

.ml-size-10 {
  margin-inline-start: 0.625rem !important;
}

.mx-size-10 {
  margin-inline: 0.625rem !important;
}

.my-size-10 {
  margin-block: 0.625rem !important;
}

.p-size-10 {
  padding: 0.625rem !important;
}

.pt-size-10 {
  padding-block-start: 0.625rem !important;
}

.pr-size-10 {
  padding-inline-end: 0.625rem !important;
}

.pb-size-10 {
  padding-block-end: 0.625rem !important;
}

.pl-size-10 {
  padding-inline-start: 0.625rem !important;
}

.px-size-10 {
  padding-inline: 0.625rem !important;
}

.py-size-10 {
  padding-block: 0.625rem !important;
}

.m-size-20 {
  margin: 1.25rem !important;
}

.mt-size-20 {
  margin-block-start: 1.25rem !important;
}

.mr-size-20 {
  margin-inline-end: 1.25rem !important;
}

.mb-size-20 {
  margin-block-end: 1.25rem !important;
}

.ml-size-20 {
  margin-inline-start: 1.25rem !important;
}

.mx-size-20 {
  margin-inline: 1.25rem !important;
}

.my-size-20 {
  margin-block: 1.25rem !important;
}

.p-size-20 {
  padding: 1.25rem !important;
}

.pt-size-20 {
  padding-block-start: 1.25rem !important;
}

.pr-size-20 {
  padding-inline-end: 1.25rem !important;
}

.pb-size-20 {
  padding-block-end: 1.25rem !important;
}

.pl-size-20 {
  padding-inline-start: 1.25rem !important;
}

.px-size-20 {
  padding-inline: 1.25rem !important;
}

.py-size-20 {
  padding-block: 1.25rem !important;
}

/* 
 * Visibility
 */
.pkt-hide {
  display: none !important;
}

.pkt-show {
  display: block !important;
}

.pkt-invisible {
  visibility: hidden !important;
}

.pkt-visually-hidden {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

@media screen and (min-width: 48rem) {
  .pkt-hide-tablet-up,
  .pkt-show.pkt-hide-tablet-up {
    display: none !important;
  }
}

.pkt-show-tablet-up,
.pkt-hide.pkt-show-tablet-up {
  display: none !important;
}
@media screen and (min-width: 48rem) {
  .pkt-show-tablet-up,
  .pkt-hide.pkt-show-tablet-up {
    display: block !important;
  }
}

@media screen and (min-width: 64rem) {
  .pkt-hide-tablet-big-up,
  .pkt-show.pkt-hide-tablet-big-up {
    display: none !important;
  }
}

.pkt-show-tablet-big-up,
.pkt-hide.pkt-show-tablet-big-up {
  display: none !important;
}
@media screen and (min-width: 64rem) {
  .pkt-show-tablet-big-up,
  .pkt-hide.pkt-show-tablet-big-up {
    display: block !important;
  }
}

@media screen and (min-width: 80rem) {
  .pkt-hide-laptop-up,
  .pkt-show.pkt-hide-laptop-up {
    display: none !important;
  }
}

.pkt-show-laptop-up,
.pkt-hide.pkt-show-laptop-up {
  display: none !important;
}
@media screen and (min-width: 80rem) {
  .pkt-show-laptop-up,
  .pkt-hide.pkt-show-laptop-up {
    display: block !important;
  }
}