:root .bg-origin-border{
  background-origin: border-box
}

:root .bg-origin-padding{
  background-origin: padding-box
}

:root .bg-origin-content{
  background-origin: content-box
}

:root .bg-repeat{
  background-repeat: repeat
}

:root .bg-no-repeat{
  background-repeat: no-repeat
}

:root .bg-repeat-x{
  background-repeat: repeat-x
}

:root .bg-repeat-y{
  background-repeat: repeat-y
}

:root .bg-repeat-round{
  background-repeat: round
}

:root .bg-repeat-space{
  background-repeat: space
}

:root .bg-bottom{
  background-position: var(--background-position-bottom)
}

:root .bg-center{
  background-position: var(--background-position-center)
}

:root .bg-left{
  background-position: var(--background-position-left)
}

:root .bg-left-bottom{
  background-position: var(--background-position-left-bottom)
}

:root .bg-left-top{
  background-position: var(--background-position-left-top)
}

:root .bg-right{
  background-position: var(--background-position-right)
}

:root .bg-right-bottom{
  background-position: var(--background-position-right-bottom)
}

:root .bg-right-top{
  background-position: var(--background-position-right-top)
}

:root .bg-top{
  background-position: var(--background-position-top)
}

:root .bg-light{
  background-color: var(--background-color-light)
}

:root .bg-lightContrast{
  background-color: var(--background-color-light-contrast)
}

:root .bg-lightAlternate{
  background-color: var(--background-color-light-alternate)
}

:root .bg-dark{
  background-color: var(--background-color-dark)
}

:root .bg-darkContrast{
  background-color: var(--background-color-dark-contrast)
}

:root .bg-transparent{
  background-color: var(--background-color-transparent)
}

:root .bg-feedback-success{
  background-color: var(--color-feedback-success)
}

:root .bg-feedback-error{
  background-color: var(--color-feedback-error)
}

:root .bg-feedback-information{
  background-color: var(--color-feedback-information)
}

:root .bg-feedback-warning{
  background-color: var(--color-feedback-warning)
}

:root .bg-gray-100{
  background-color: var(--color-gray-100)
}

:root .bg-gray-200{
  background-color: var(--color-gray-200)
}

:root .bg-gray-300{
  background-color: var(--color-gray-300)
}

:root .bg-gray-400{
  background-color: var(--color-gray-400)
}

:root .bg-gray-500{
  background-color: var(--color-gray-500)
}

:root .bg-gray-600{
  background-color: var(--color-gray-600)
}

:root .bg-gray-700{
  background-color: var(--color-gray-700)
}

:root .bg-gray-800{
  background-color: var(--color-gray-800)
}

:root .bg-gray-900{
  background-color: var(--color-gray-900)
}

:root .bg-gray-1000{
  background-color: var(--color-gray-1000)
}

:root .bg-gray-1100{
  background-color: var(--color-gray-1100)
}

:root .bg-gray-1200{
  background-color: var(--color-gray-1200)
}

:root .bg-gray-1300{
  background-color: var(--color-gray-1300)
}

:root .bg-gray-1400{
  background-color: var(--color-gray-1400)
}

:root .bg-gray-1500{
  background-color: var(--color-gray-1500)
}

:root .bg-gray-1600{
  background-color: var(--color-gray-1600)
}

:root .bg-blue-100{
  background-color: var(--color-blue-100)
}

:root .bg-blue-200{
  background-color: var(--color-blue-200)
}

:root .bg-blue-300{
  background-color: var(--color-blue-300)
}

:root .bg-blue-400{
  background-color: var(--color-blue-400)
}

:root .bg-blue-500{
  background-color: var(--color-blue-500)
}

:root .bg-blue-600{
  background-color: var(--color-blue-600)
}

:root .bg-blue-700{
  background-color: var(--color-blue-700)
}

:root .bg-blue-800{
  background-color: var(--color-blue-800)
}

:root .bg-blue-900{
  background-color: var(--color-blue-900)
}

:root .bg-blue-1000{
  background-color: var(--color-blue-1000)
}

:root .bg-blue-1100{
  background-color: var(--color-blue-1100)
}

:root .bg-blue-1200{
  background-color: var(--color-blue-1200)
}

:root .bg-blue-1300{
  background-color: var(--color-blue-1300)
}

:root .bg-blue-1400{
  background-color: var(--color-blue-1400)
}

:root .bg-blue-1500{
  background-color: var(--color-blue-1500)
}

:root .bg-orange-100{
  background-color: var(--color-orange-100)
}

:root .bg-orange-200{
  background-color: var(--color-orange-200)
}

:root .bg-orange-300{
  background-color: var(--color-orange-300)
}

:root .bg-orange-400{
  background-color: var(--color-orange-400)
}

:root .bg-orange-500{
  background-color: var(--color-orange-500)
}

:root .bg-orange-600{
  background-color: var(--color-orange-600)
}

:root .bg-orange-700{
  background-color: var(--color-orange-700)
}

:root .bg-orange-800{
  background-color: var(--color-orange-800)
}

:root .bg-orange-900{
  background-color: var(--color-orange-900)
}

:root .bg-orange-1000{
  background-color: var(--color-orange-1000)
}

:root .bg-orange-1100{
  background-color: var(--color-orange-1100)
}

:root .bg-orange-1200{
  background-color: var(--color-orange-1200)
}

:root .bg-orange-1300{
  background-color: var(--color-orange-1300)
}

:root .bg-orange-1400{
  background-color: var(--color-orange-1400)
}

:root .bg-orange-1500{
  background-color: var(--color-orange-1500)
}

:root .bg-yellow-100{
  background-color: var(--color-yellow-100)
}

:root .bg-yellow-200{
  background-color: var(--color-yellow-200)
}

:root .bg-yellow-300{
  background-color: var(--color-yellow-300)
}

:root .bg-yellow-400{
  background-color: var(--color-yellow-400)
}

:root .bg-yellow-500{
  background-color: var(--color-yellow-500)
}

:root .bg-yellow-600{
  background-color: var(--color-yellow-600)
}

:root .bg-yellow-700{
  background-color: var(--color-yellow-700)
}

:root .bg-yellow-800{
  background-color: var(--color-yellow-800)
}

:root .bg-yellow-900{
  background-color: var(--color-yellow-900)
}

:root .bg-yellow-1000{
  background-color: var(--color-yellow-1000)
}

:root .bg-yellow-1100{
  background-color: var(--color-yellow-1100)
}

:root .bg-yellow-1200{
  background-color: var(--color-yellow-1200)
}

:root .bg-yellow-1300{
  background-color: var(--color-yellow-1300)
}

:root .bg-yellow-1400{
  background-color: var(--color-yellow-1400)
}

:root .bg-yellow-1500{
  background-color: var(--color-yellow-1500)
}

:root .bg-green-100{
  background-color: var(--color-green-100)
}

:root .bg-green-200{
  background-color: var(--color-green-200)
}

:root .bg-green-300{
  background-color: var(--color-green-300)
}

:root .bg-green-400{
  background-color: var(--color-green-400)
}

:root .bg-green-500{
  background-color: var(--color-green-500)
}

:root .bg-green-600{
  background-color: var(--color-green-600)
}

:root .bg-green-700{
  background-color: var(--color-green-700)
}

:root .bg-green-800{
  background-color: var(--color-green-800)
}

:root .bg-green-900{
  background-color: var(--color-green-900)
}

:root .bg-green-1000{
  background-color: var(--color-green-1000)
}

:root .bg-green-1100{
  background-color: var(--color-green-1100)
}

:root .bg-green-1200{
  background-color: var(--color-green-1200)
}

:root .bg-green-1300{
  background-color: var(--color-green-1300)
}

:root .bg-green-1400{
  background-color: var(--color-green-1400)
}

:root .bg-red-100{
  background-color: var(--color-red-100)
}

:root .bg-red-200{
  background-color: var(--color-red-200)
}

:root .bg-red-300{
  background-color: var(--color-red-300)
}

:root .bg-red-400{
  background-color: var(--color-red-400)
}

:root .bg-red-500{
  background-color: var(--color-red-500)
}

:root .bg-red-600{
  background-color: var(--color-red-600)
}

:root .bg-red-700{
  background-color: var(--color-red-700)
}

:root .bg-red-800{
  background-color: var(--color-red-800)
}

:root .bg-red-900{
  background-color: var(--color-red-900)
}

:root .bg-red-1000{
  background-color: var(--color-red-1000)
}

:root .bg-red-1100{
  background-color: var(--color-red-1100)
}

:root .bg-red-1200{
  background-color: var(--color-red-1200)
}

:root .bg-red-1300{
  background-color: var(--color-red-1300)
}

:root .bg-red-1400{
  background-color: var(--color-red-1400)
}

:root .bg-shorthand-transparent{
  background-color: var(--color-shorthand-transparent)
}

:root .bg-clip-border{
  background-clip: border-box
}

:root .bg-clip-padding{
  background-clip: padding-box
}

:root .bg-clip-content{
  background-clip: content-box
}

:root .bg-clip-text{
  -webkit-background-clip: text;
          background-clip: text
}

:root .bg-fixed{
  background-attachment: fixed
}

:root .bg-local{
  background-attachment: local
}

:root .bg-scroll{
  background-attachment: scroll
}

:root .bg-auto{
  background-size: var(--background-size-auto)
}

:root .bg-cover{
  background-size: var(--background-size-cover)
}

:root .bg-contain{
  background-size: var(--background-size-contain)
}

:root .border-color-extraLight{
  border-color: var(--border-color-extra-light)
}

:root .border-color-light{
  border-color: var(--border-color-light)
}

:root .border-color-medium{
  border-color: var(--border-color-medium)
}

:root .border-color-dark{
  border-color: var(--border-color-dark)
}

:root .border-color-success{
  border-color: var(--color-feedback-success)
}

:root .border-color-error{
  border-color: var(--color-feedback-error)
}

:root .border-color-information{
  border-color: var(--color-feedback-information)
}

:root .border-color-warning{
  border-color: var(--color-feedback-warning)
}

:root .border-color-feedback-success{
  border-color: var(--color-feedback-success)
}

:root .border-color-feedback-error{
  border-color: var(--color-feedback-error)
}

:root .border-color-feedback-information{
  border-color: var(--color-feedback-information)
}

:root .border-color-feedback-warning{
  border-color: var(--color-feedback-warning)
}

:root .border-color-gray-100{
  border-color: var(--color-gray-100)
}

:root .border-color-gray-200{
  border-color: var(--color-gray-200)
}

:root .border-color-gray-300{
  border-color: var(--color-gray-300)
}

:root .border-color-gray-400{
  border-color: var(--color-gray-400)
}

:root .border-color-gray-500{
  border-color: var(--color-gray-500)
}

:root .border-color-gray-600{
  border-color: var(--color-gray-600)
}

:root .border-color-gray-700{
  border-color: var(--color-gray-700)
}

:root .border-color-gray-800{
  border-color: var(--color-gray-800)
}

:root .border-color-gray-900{
  border-color: var(--color-gray-900)
}

:root .border-color-gray-1000{
  border-color: var(--color-gray-1000)
}

:root .border-color-gray-1100{
  border-color: var(--color-gray-1100)
}

:root .border-color-gray-1200{
  border-color: var(--color-gray-1200)
}

:root .border-color-gray-1300{
  border-color: var(--color-gray-1300)
}

:root .border-color-gray-1400{
  border-color: var(--color-gray-1400)
}

:root .border-color-gray-1500{
  border-color: var(--color-gray-1500)
}

:root .border-color-gray-1600{
  border-color: var(--color-gray-1600)
}

:root .border-color-blue-100{
  border-color: var(--color-blue-100)
}

:root .border-color-blue-200{
  border-color: var(--color-blue-200)
}

:root .border-color-blue-300{
  border-color: var(--color-blue-300)
}

:root .border-color-blue-400{
  border-color: var(--color-blue-400)
}

:root .border-color-blue-500{
  border-color: var(--color-blue-500)
}

:root .border-color-blue-600{
  border-color: var(--color-blue-600)
}

:root .border-color-blue-700{
  border-color: var(--color-blue-700)
}

:root .border-color-blue-800{
  border-color: var(--color-blue-800)
}

:root .border-color-blue-900{
  border-color: var(--color-blue-900)
}

:root .border-color-blue-1000{
  border-color: var(--color-blue-1000)
}

:root .border-color-blue-1100{
  border-color: var(--color-blue-1100)
}

:root .border-color-blue-1200{
  border-color: var(--color-blue-1200)
}

:root .border-color-blue-1300{
  border-color: var(--color-blue-1300)
}

:root .border-color-blue-1400{
  border-color: var(--color-blue-1400)
}

:root .border-color-blue-1500{
  border-color: var(--color-blue-1500)
}

:root .border-color-orange-100{
  border-color: var(--color-orange-100)
}

:root .border-color-orange-200{
  border-color: var(--color-orange-200)
}

:root .border-color-orange-300{
  border-color: var(--color-orange-300)
}

:root .border-color-orange-400{
  border-color: var(--color-orange-400)
}

:root .border-color-orange-500{
  border-color: var(--color-orange-500)
}

:root .border-color-orange-600{
  border-color: var(--color-orange-600)
}

:root .border-color-orange-700{
  border-color: var(--color-orange-700)
}

:root .border-color-orange-800{
  border-color: var(--color-orange-800)
}

:root .border-color-orange-900{
  border-color: var(--color-orange-900)
}

:root .border-color-orange-1000{
  border-color: var(--color-orange-1000)
}

:root .border-color-orange-1100{
  border-color: var(--color-orange-1100)
}

:root .border-color-orange-1200{
  border-color: var(--color-orange-1200)
}

:root .border-color-orange-1300{
  border-color: var(--color-orange-1300)
}

:root .border-color-orange-1400{
  border-color: var(--color-orange-1400)
}

:root .border-color-orange-1500{
  border-color: var(--color-orange-1500)
}

:root .border-color-yellow-100{
  border-color: var(--color-yellow-100)
}

:root .border-color-yellow-200{
  border-color: var(--color-yellow-200)
}

:root .border-color-yellow-300{
  border-color: var(--color-yellow-300)
}

:root .border-color-yellow-400{
  border-color: var(--color-yellow-400)
}

:root .border-color-yellow-500{
  border-color: var(--color-yellow-500)
}

:root .border-color-yellow-600{
  border-color: var(--color-yellow-600)
}

:root .border-color-yellow-700{
  border-color: var(--color-yellow-700)
}

:root .border-color-yellow-800{
  border-color: var(--color-yellow-800)
}

:root .border-color-yellow-900{
  border-color: var(--color-yellow-900)
}

:root .border-color-yellow-1000{
  border-color: var(--color-yellow-1000)
}

:root .border-color-yellow-1100{
  border-color: var(--color-yellow-1100)
}

:root .border-color-yellow-1200{
  border-color: var(--color-yellow-1200)
}

:root .border-color-yellow-1300{
  border-color: var(--color-yellow-1300)
}

:root .border-color-yellow-1400{
  border-color: var(--color-yellow-1400)
}

:root .border-color-yellow-1500{
  border-color: var(--color-yellow-1500)
}

:root .border-color-green-100{
  border-color: var(--color-green-100)
}

:root .border-color-green-200{
  border-color: var(--color-green-200)
}

:root .border-color-green-300{
  border-color: var(--color-green-300)
}

:root .border-color-green-400{
  border-color: var(--color-green-400)
}

:root .border-color-green-500{
  border-color: var(--color-green-500)
}

:root .border-color-green-600{
  border-color: var(--color-green-600)
}

:root .border-color-green-700{
  border-color: var(--color-green-700)
}

:root .border-color-green-800{
  border-color: var(--color-green-800)
}

:root .border-color-green-900{
  border-color: var(--color-green-900)
}

:root .border-color-green-1000{
  border-color: var(--color-green-1000)
}

:root .border-color-green-1100{
  border-color: var(--color-green-1100)
}

:root .border-color-green-1200{
  border-color: var(--color-green-1200)
}

:root .border-color-green-1300{
  border-color: var(--color-green-1300)
}

:root .border-color-green-1400{
  border-color: var(--color-green-1400)
}

:root .border-color-red-100{
  border-color: var(--color-red-100)
}

:root .border-color-red-200{
  border-color: var(--color-red-200)
}

:root .border-color-red-300{
  border-color: var(--color-red-300)
}

:root .border-color-red-400{
  border-color: var(--color-red-400)
}

:root .border-color-red-500{
  border-color: var(--color-red-500)
}

:root .border-color-red-600{
  border-color: var(--color-red-600)
}

:root .border-color-red-700{
  border-color: var(--color-red-700)
}

:root .border-color-red-800{
  border-color: var(--color-red-800)
}

:root .border-color-red-900{
  border-color: var(--color-red-900)
}

:root .border-color-red-1000{
  border-color: var(--color-red-1000)
}

:root .border-color-red-1100{
  border-color: var(--color-red-1100)
}

:root .border-color-red-1200{
  border-color: var(--color-red-1200)
}

:root .border-color-red-1300{
  border-color: var(--color-red-1300)
}

:root .border-color-red-1400{
  border-color: var(--color-red-1400)
}

:root .border-color-shorthand-transparent{
  border-color: var(--color-shorthand-transparent)
}

:root .outline-color-extraLight{
  outline-color: var(--border-outline-color-extra-light)
}

:root .outline-color-light{
  outline-color: var(--border-outline-color-light)
}

:root .outline-color-medium{
  outline-color: var(--border-outline-color-medium)
}

:root .outline-offset-none{
  outline-offset: var(--border-outline-offset-none)
}

:root .outline-offset-mini{
  outline-offset: var(--border-outline-offset-mini)
}

:root .outline-offset-small{
  outline-offset: var(--border-outline-offset-small)
}

:root .outline-offset-medium{
  outline-offset: var(--border-outline-offset-medium)
}

:root .outline-offset-large{
  outline-offset: var(--border-outline-offset-large)
}

:root .outline-style-solid{
  outline-style: solid
}

:root .outline-style-dashed{
  outline-style: dashed
}

:root .outline-style-dotted{
  outline-style: dotted
}

:root .outline-style-double{
  outline-style: double
}

:root .outline-width-none{
  outline-width: var(--border-outline-width-none)
}

:root .outline-width-mini{
  outline-width: var(--border-outline-width-mini)
}

:root .outline-width-small{
  outline-width: var(--border-outline-width-small)
}

:root .outline-width-medium{
  outline-width: var(--border-outline-width-medium)
}

:root .outline-width-large{
  outline-width: var(--border-outline-width-large)
}

:root .rounded-square{
  border-radius: var(--shape-radius-square)
}

:root .rounded-mini{
  border-radius: var(--shape-radius-mini)
}

:root .rounded-small{
  border-radius: var(--shape-radius-small)
}

:root .rounded-medium{
  border-radius: var(--shape-radius-medium)
}

:root .rounded-large{
  border-radius: var(--shape-radius-large)
}

:root .rounded-extraLarge{
  border-radius: var(--shape-radius-extra-large)
}

:root .rounded-full{
  border-radius: var(--shape-radius-full)
}

:root .rounded-top-square{
  border-start-start-radius: var(--shape-radius-square);
  border-start-end-radius: var(--shape-radius-square)
}

:root .rounded-top-mini{
  border-start-start-radius: var(--shape-radius-mini);
  border-start-end-radius: var(--shape-radius-mini)
}

:root .rounded-top-small{
  border-start-start-radius: var(--shape-radius-small);
  border-start-end-radius: var(--shape-radius-small)
}

:root .rounded-top-medium{
  border-start-start-radius: var(--shape-radius-medium);
  border-start-end-radius: var(--shape-radius-medium)
}

:root .rounded-top-large{
  border-start-start-radius: var(--shape-radius-large);
  border-start-end-radius: var(--shape-radius-large)
}

:root .rounded-top-extraLarge{
  border-start-start-radius: var(--shape-radius-extra-large);
  border-start-end-radius: var(--shape-radius-extra-large)
}

:root .rounded-top-full{
  border-start-start-radius: var(--shape-radius-full);
  border-start-end-radius: var(--shape-radius-full)
}

:root .rounded-bottom-square{
  border-end-start-radius: var(--shape-radius-square);
  border-end-end-radius: var(--shape-radius-square)
}

:root .rounded-bottom-mini{
  border-end-start-radius: var(--shape-radius-mini);
  border-end-end-radius: var(--shape-radius-mini)
}

:root .rounded-bottom-small{
  border-end-start-radius: var(--shape-radius-small);
  border-end-end-radius: var(--shape-radius-small)
}

:root .rounded-bottom-medium{
  border-end-start-radius: var(--shape-radius-medium);
  border-end-end-radius: var(--shape-radius-medium)
}

:root .rounded-bottom-large{
  border-end-start-radius: var(--shape-radius-large);
  border-end-end-radius: var(--shape-radius-large)
}

:root .rounded-bottom-extraLarge{
  border-end-start-radius: var(--shape-radius-extra-large);
  border-end-end-radius: var(--shape-radius-extra-large)
}

:root .rounded-bottom-full{
  border-end-start-radius: var(--shape-radius-full);
  border-end-end-radius: var(--shape-radius-full)
}

:root .rounded-start-square{
  border-start-start-radius: var(--shape-radius-square);
  border-end-start-radius: var(--shape-radius-square)
}

:root .rounded-start-mini{
  border-start-start-radius: var(--shape-radius-mini);
  border-end-start-radius: var(--shape-radius-mini)
}

:root .rounded-start-small{
  border-start-start-radius: var(--shape-radius-small);
  border-end-start-radius: var(--shape-radius-small)
}

:root .rounded-start-medium{
  border-start-start-radius: var(--shape-radius-medium);
  border-end-start-radius: var(--shape-radius-medium)
}

:root .rounded-start-large{
  border-start-start-radius: var(--shape-radius-large);
  border-end-start-radius: var(--shape-radius-large)
}

:root .rounded-start-extraLarge{
  border-start-start-radius: var(--shape-radius-extra-large);
  border-end-start-radius: var(--shape-radius-extra-large)
}

:root .rounded-start-full{
  border-start-start-radius: var(--shape-radius-full);
  border-end-start-radius: var(--shape-radius-full)
}

:root .rounded-end-square{
  border-start-end-radius: var(--shape-radius-square);
  border-end-end-radius: var(--shape-radius-square)
}

:root .rounded-end-mini{
  border-start-end-radius: var(--shape-radius-mini);
  border-end-end-radius: var(--shape-radius-mini)
}

:root .rounded-end-small{
  border-start-end-radius: var(--shape-radius-small);
  border-end-end-radius: var(--shape-radius-small)
}

:root .rounded-end-medium{
  border-start-end-radius: var(--shape-radius-medium);
  border-end-end-radius: var(--shape-radius-medium)
}

:root .rounded-end-large{
  border-start-end-radius: var(--shape-radius-large);
  border-end-end-radius: var(--shape-radius-large)
}

:root .rounded-end-extraLarge{
  border-start-end-radius: var(--shape-radius-extra-large);
  border-end-end-radius: var(--shape-radius-extra-large)
}

:root .rounded-end-full{
  border-start-end-radius: var(--shape-radius-full);
  border-end-end-radius: var(--shape-radius-full)
}

:root .rounded-top-s-square{
  border-start-start-radius: var(--shape-radius-square)
}

:root .rounded-top-s-mini{
  border-start-start-radius: var(--shape-radius-mini)
}

:root .rounded-top-s-small{
  border-start-start-radius: var(--shape-radius-small)
}

:root .rounded-top-s-medium{
  border-start-start-radius: var(--shape-radius-medium)
}

:root .rounded-top-s-large{
  border-start-start-radius: var(--shape-radius-large)
}

:root .rounded-top-s-extraLarge{
  border-start-start-radius: var(--shape-radius-extra-large)
}

:root .rounded-top-s-full{
  border-start-start-radius: var(--shape-radius-full)
}

:root .rounded-top-e-square{
  border-start-end-radius: var(--shape-radius-square)
}

:root .rounded-top-e-mini{
  border-start-end-radius: var(--shape-radius-mini)
}

:root .rounded-top-e-small{
  border-start-end-radius: var(--shape-radius-small)
}

:root .rounded-top-e-medium{
  border-start-end-radius: var(--shape-radius-medium)
}

:root .rounded-top-e-large{
  border-start-end-radius: var(--shape-radius-large)
}

:root .rounded-top-e-extraLarge{
  border-start-end-radius: var(--shape-radius-extra-large)
}

:root .rounded-top-e-full{
  border-start-end-radius: var(--shape-radius-full)
}

:root .rounded-bottom-s-square{
  border-end-start-radius: var(--shape-radius-square)
}

:root .rounded-bottom-s-mini{
  border-end-start-radius: var(--shape-radius-mini)
}

:root .rounded-bottom-s-small{
  border-end-start-radius: var(--shape-radius-small)
}

:root .rounded-bottom-s-medium{
  border-end-start-radius: var(--shape-radius-medium)
}

:root .rounded-bottom-s-large{
  border-end-start-radius: var(--shape-radius-large)
}

:root .rounded-bottom-s-extraLarge{
  border-end-start-radius: var(--shape-radius-extra-large)
}

:root .rounded-bottom-s-full{
  border-end-start-radius: var(--shape-radius-full)
}

:root .rounded-bottom-e-square{
  border-end-end-radius: var(--shape-radius-square)
}

:root .rounded-bottom-e-mini{
  border-end-end-radius: var(--shape-radius-mini)
}

:root .rounded-bottom-e-small{
  border-end-end-radius: var(--shape-radius-small)
}

:root .rounded-bottom-e-medium{
  border-end-end-radius: var(--shape-radius-medium)
}

:root .rounded-bottom-e-large{
  border-end-end-radius: var(--shape-radius-large)
}

:root .rounded-bottom-e-extraLarge{
  border-end-end-radius: var(--shape-radius-extra-large)
}

:root .rounded-bottom-e-full{
  border-end-end-radius: var(--shape-radius-full)
}

:root .border-solid{
  border-style: solid
}

:root .border-dashed{
  border-style: dashed
}

:root .border-dotted{
  border-style: dotted
}

:root .border-double{
  border-style: double
}

:root .border-none{
  border-style: none
}

:root .border-width-0{
  border-width: var(--border-size-0)
}

:root .border-width-1{
  border-width: var(--border-size-1)
}

:root .border-width-2{
  border-width: var(--border-size-2)
}

:root .border-width-3{
  border-width: var(--border-size-3)
}

:root .border-width-4{
  border-width: var(--border-size-4)
}

:root .border-width-12{
  border-width: var(--border-size-12)
}

:root .border-width-none{
  border-width: var(--border-size-none)
}

:root .border-width-thin{
  border-width: var(--border-size-thin)
}

:root .border-width-medium{
  border-width: var(--border-size-medium)
}

:root .border-width-thick{
  border-width: var(--border-size-thick)
}

:root .border-width-extraThick{
  border-width: var(--border-size-extra-thick)
}

:root .border-width-doubleExtraThick{
  border-width: var(--border-size-double-extra-thick)
}

:root .border-width-t-0{
  border-block-start-width: var(--border-size-0)
}

:root .border-width-t-1{
  border-block-start-width: var(--border-size-1)
}

:root .border-width-t-2{
  border-block-start-width: var(--border-size-2)
}

:root .border-width-t-3{
  border-block-start-width: var(--border-size-3)
}

:root .border-width-t-4{
  border-block-start-width: var(--border-size-4)
}

:root .border-width-t-12{
  border-block-start-width: var(--border-size-12)
}

:root .border-width-t-none{
  border-block-start-width: var(--border-size-none)
}

:root .border-width-t-thin{
  border-block-start-width: var(--border-size-thin)
}

:root .border-width-t-medium{
  border-block-start-width: var(--border-size-medium)
}

:root .border-width-t-thick{
  border-block-start-width: var(--border-size-thick)
}

:root .border-width-t-extraThick{
  border-block-start-width: var(--border-size-extra-thick)
}

:root .border-width-t-doubleExtraThick{
  border-block-start-width: var(--border-size-double-extra-thick)
}

:root .border-width-e-0{
  border-inline-end-width: var(--border-size-0)
}

:root .border-width-e-1{
  border-inline-end-width: var(--border-size-1)
}

:root .border-width-e-2{
  border-inline-end-width: var(--border-size-2)
}

:root .border-width-e-3{
  border-inline-end-width: var(--border-size-3)
}

:root .border-width-e-4{
  border-inline-end-width: var(--border-size-4)
}

:root .border-width-e-12{
  border-inline-end-width: var(--border-size-12)
}

:root .border-width-e-none{
  border-inline-end-width: var(--border-size-none)
}

:root .border-width-e-thin{
  border-inline-end-width: var(--border-size-thin)
}

:root .border-width-e-medium{
  border-inline-end-width: var(--border-size-medium)
}

:root .border-width-e-thick{
  border-inline-end-width: var(--border-size-thick)
}

:root .border-width-e-extraThick{
  border-inline-end-width: var(--border-size-extra-thick)
}

:root .border-width-e-doubleExtraThick{
  border-inline-end-width: var(--border-size-double-extra-thick)
}

:root .border-width-b-0{
  border-block-end-width: var(--border-size-0)
}

:root .border-width-b-1{
  border-block-end-width: var(--border-size-1)
}

:root .border-width-b-2{
  border-block-end-width: var(--border-size-2)
}

:root .border-width-b-3{
  border-block-end-width: var(--border-size-3)
}

:root .border-width-b-4{
  border-block-end-width: var(--border-size-4)
}

:root .border-width-b-12{
  border-block-end-width: var(--border-size-12)
}

:root .border-width-b-none{
  border-block-end-width: var(--border-size-none)
}

:root .border-width-b-thin{
  border-block-end-width: var(--border-size-thin)
}

:root .border-width-b-medium{
  border-block-end-width: var(--border-size-medium)
}

:root .border-width-b-thick{
  border-block-end-width: var(--border-size-thick)
}

:root .border-width-b-extraThick{
  border-block-end-width: var(--border-size-extra-thick)
}

:root .border-width-b-doubleExtraThick{
  border-block-end-width: var(--border-size-double-extra-thick)
}

:root .border-width-s-0{
  border-inline-start-width: var(--border-size-0)
}

:root .border-width-s-1{
  border-inline-start-width: var(--border-size-1)
}

:root .border-width-s-2{
  border-inline-start-width: var(--border-size-2)
}

:root .border-width-s-3{
  border-inline-start-width: var(--border-size-3)
}

:root .border-width-s-4{
  border-inline-start-width: var(--border-size-4)
}

:root .border-width-s-12{
  border-inline-start-width: var(--border-size-12)
}

:root .border-width-s-none{
  border-inline-start-width: var(--border-size-none)
}

:root .border-width-s-thin{
  border-inline-start-width: var(--border-size-thin)
}

:root .border-width-s-medium{
  border-inline-start-width: var(--border-size-medium)
}

:root .border-width-s-thick{
  border-inline-start-width: var(--border-size-thick)
}

:root .border-width-s-extraThick{
  border-inline-start-width: var(--border-size-extra-thick)
}

:root .border-width-s-doubleExtraThick{
  border-inline-start-width: var(--border-size-double-extra-thick)
}

:root .shadow-inset{
  box-shadow: var(--effect-box-shadow-inset)
}

:root .shadow-low{
  box-shadow: var(--effect-box-shadow-low)
}

:root .shadow-high{
  box-shadow: var(--effect-box-shadow-high)
}

:root .opacity-0{
  opacity: var(--effect-opacity-0)
}

:root .opacity-5{
  opacity: var(--effect-opacity-5)
}

:root .opacity-10{
  opacity: var(--effect-opacity-10)
}

:root .opacity-20{
  opacity: var(--effect-opacity-20)
}

:root .opacity-25{
  opacity: var(--effect-opacity-25)
}

:root .opacity-30{
  opacity: var(--effect-opacity-30)
}

:root .opacity-40{
  opacity: var(--effect-opacity-40)
}

:root .opacity-50{
  opacity: var(--effect-opacity-50)
}

:root .opacity-60{
  opacity: var(--effect-opacity-60)
}

:root .opacity-70{
  opacity: var(--effect-opacity-70)
}

:root .opacity-75{
  opacity: var(--effect-opacity-75)
}

:root .opacity-80{
  opacity: var(--effect-opacity-80)
}

:root .opacity-90{
  opacity: var(--effect-opacity-90)
}

:root .opacity-95{
  opacity: var(--effect-opacity-95)
}

:root .opacity-100{
  opacity: var(--effect-opacity-100)
}

:root .content-center{
  align-content: center
}

:root .content-start{
  align-content: flex-start
}

:root .content-end{
  align-content: flex-end
}

:root .content-between{
  align-content: space-between
}

:root .content-around{
  align-content: space-around
}

:root .content-evenly{
  align-content: space-evenly
}

:root .items-start{
  align-items: flex-start
}

:root .items-end{
  align-items: flex-end
}

:root .items-center{
  align-items: center
}

:root .items-baseline{
  align-items: baseline
}

:root .items-stretch{
  align-items: stretch
}

:root .self-auto{
  align-self: auto
}

:root .self-start{
  align-self: flex-start
}

:root .self-end{
  align-self: flex-end
}

:root .self-center{
  align-self: center
}

:root .self-stretch{
  align-self: stretch
}

:root .flex-row{
  flex-direction: row
}

:root .flex-row-reverse{
  flex-direction: row-reverse
}

:root .flex-col{
  flex-direction: column
}

:root .flex-col-reverse{
  flex-direction: column-reverse
}

:root .flex-basis-1{
  flex-basis: var(--flexbox-basis-1)
}

:root .flex-basis-2{
  flex-basis: var(--flexbox-basis-2)
}

:root .flex-basis-3{
  flex-basis: var(--flexbox-basis-3)
}

:root .flex-basis-4{
  flex-basis: var(--flexbox-basis-4)
}

:root .flex-basis-5{
  flex-basis: var(--flexbox-basis-5)
}

:root .flex-basis-6{
  flex-basis: var(--flexbox-basis-6)
}

:root .flex-basis-7{
  flex-basis: var(--flexbox-basis-7)
}

:root .flex-basis-8{
  flex-basis: var(--flexbox-basis-8)
}

:root .flex-basis-9{
  flex-basis: var(--flexbox-basis-9)
}

:root .flex-basis-10{
  flex-basis: var(--flexbox-basis-10)
}

:root .flex-basis-11{
  flex-basis: var(--flexbox-basis-11)
}

:root .flex-basis-12{
  flex-basis: var(--flexbox-basis-12)
}

:root .flex-1{
  flex: var(--flexbox-flex-1)
}

:root .flex-auto{
  flex: var(--flexbox-flex-auto)
}

:root .flex-initial{
  flex: var(--flexbox-flex-initial)
}

:root .flex-none{
  flex: var(--flexbox-flex-none)
}

:root .flex-grow-0{
  flex-grow: var(--flexbox-grow-0)
}

:root .flex-grow-1{
  flex-grow: var(--flexbox-grow-1)
}

:root .justify-start{
  justify-content: flex-start
}

:root .justify-end{
  justify-content: flex-end
}

:root .justify-center{
  justify-content: center
}

:root .justify-between{
  justify-content: space-between
}

:root .justify-around{
  justify-content: space-around
}

:root .justify-evenly{
  justify-content: space-evenly
}

:root .justify-items-start{
  justify-items: start
}

:root .justify-items-end{
  justify-items: end
}

:root .justify-items-center{
  justify-items: center
}

:root .justify-items-stretch{
  justify-items: stretch
}

:root .justify-self-auto{
  justify-self: auto
}

:root .justify-self-start{
  justify-self: start
}

:root .justify-self-end{
  justify-self: end
}

:root .justify-self-center{
  justify-self: center
}

:root .justify-self-stretch{
  justify-self: stretch
}

:root .flex-shrink-0{
  flex-shrink: var(--flexbox-grow-0)
}

:root .flex-shrink-1{
  flex-shrink: var(--flexbox-grow-1)
}

:root .flex-wrap{
  flex-wrap: wrap
}

:root .flex-wrap-reverse{
  flex-wrap: wrap-reverse
}

:root .flex-nowrap{
  flex-wrap: nowrap
}

:root .order-1{
  order: var(--flexbox-order-1)
}

:root .order-2{
  order: var(--flexbox-order-2)
}

:root .order-3{
  order: var(--flexbox-order-3)
}

:root .order-4{
  order: var(--flexbox-order-4)
}

:root .order-5{
  order: var(--flexbox-order-5)
}

:root .order-6{
  order: var(--flexbox-order-6)
}

:root .order-7{
  order: var(--flexbox-order-7)
}

:root .order-8{
  order: var(--flexbox-order-8)
}

:root .order-9{
  order: var(--flexbox-order-9)
}

:root .order-10{
  order: var(--flexbox-order-10)
}

:root .order-11{
  order: var(--flexbox-order-11)
}

:root .order-12{
  order: var(--flexbox-order-12)
}

:root .order-first{
  order: var(--flexbox-order-first)
}

:root .order-last{
  order: var(--flexbox-order-last)
}

:root .order-none{
  order: var(--flexbox-order-none)
}

:root .auto-cols-auto{
  grid-auto-columns: var(--grid-auto-columns-auto)
}

:root .auto-cols-min{
  grid-auto-columns: var(--grid-auto-columns-min)
}

:root .auto-cols-max{
  grid-auto-columns: var(--grid-auto-columns-max)
}

:root .auto-cols-fr{
  grid-auto-columns: var(--grid-auto-columns-fr)
}

:root .auto-rows-auto{
  grid-auto-rows: var(--grid-auto-columns-auto)
}

:root .auto-rows-min{
  grid-auto-rows: var(--grid-auto-columns-min)
}

:root .auto-rows-max{
  grid-auto-rows: var(--grid-auto-columns-max)
}

:root .auto-rows-fr{
  grid-auto-rows: var(--grid-auto-columns-fr)
}

:root .grid-flow-row{
  grid-auto-flow: row
}

:root .grid-flow-col{
  grid-auto-flow: column
}

:root .grid-flow-row-dense{
  grid-auto-flow: row dense
}

:root .grid-flow-col-dense{
  grid-auto-flow: column dense
}

:root .col-span-1{
  grid-column: var(--grid-column-span-1)
}

:root .col-span-2{
  grid-column: var(--grid-column-span-2)
}

:root .col-span-3{
  grid-column: var(--grid-column-span-3)
}

:root .col-span-4{
  grid-column: var(--grid-column-span-4)
}

:root .col-span-5{
  grid-column: var(--grid-column-span-5)
}

:root .col-span-6{
  grid-column: var(--grid-column-span-6)
}

:root .col-span-7{
  grid-column: var(--grid-column-span-7)
}

:root .col-span-8{
  grid-column: var(--grid-column-span-8)
}

:root .col-span-9{
  grid-column: var(--grid-column-span-9)
}

:root .col-span-10{
  grid-column: var(--grid-column-span-10)
}

:root .col-span-11{
  grid-column: var(--grid-column-span-11)
}

:root .col-span-12{
  grid-column: var(--grid-column-span-12)
}

:root .col-span-full{
  grid-column: var(--grid-column-span-full)
}

:root .col-end-1{
  grid-column-end: 1
}

:root .col-end-2{
  grid-column-end: 2
}

:root .col-end-3{
  grid-column-end: 3
}

:root .col-end-4{
  grid-column-end: 4
}

:root .col-end-5{
  grid-column-end: 5
}

:root .col-end-6{
  grid-column-end: 6
}

:root .col-end-7{
  grid-column-end: 7
}

:root .col-end-8{
  grid-column-end: 8
}

:root .col-end-9{
  grid-column-end: 9
}

:root .col-end-10{
  grid-column-end: 10
}

:root .col-end-11{
  grid-column-end: 11
}

:root .col-end-12{
  grid-column-end: 12
}

:root .col-end-13{
  grid-column-end: 13
}

:root .col-end-auto{
  grid-column-end: auto
}

:root .col-start-1{
  grid-column-start: 1
}

:root .col-start-2{
  grid-column-start: 2
}

:root .col-start-3{
  grid-column-start: 3
}

:root .col-start-4{
  grid-column-start: 4
}

:root .col-start-5{
  grid-column-start: 5
}

:root .col-start-6{
  grid-column-start: 6
}

:root .col-start-7{
  grid-column-start: 7
}

:root .col-start-8{
  grid-column-start: 8
}

:root .col-start-9{
  grid-column-start: 9
}

:root .col-start-10{
  grid-column-start: 10
}

:root .col-start-11{
  grid-column-start: 11
}

:root .col-start-12{
  grid-column-start: 12
}

:root .col-start-13{
  grid-column-start: 13
}

:root .col-start-auto{
  grid-column-start: auto
}

:root .justify-start{
  justify-content: flex-start
}

:root .justify-end{
  justify-content: flex-end
}

:root .justify-center{
  justify-content: center
}

:root .justify-between{
  justify-content: space-between
}

:root .justify-around{
  justify-content: space-around
}

:root .justify-evenly{
  justify-content: space-evenly
}

:root .justify-items-start{
  justify-items: start
}

:root .justify-items-end{
  justify-items: end
}

:root .justify-items-center{
  justify-items: center
}

:root .justify-items-stretch{
  justify-items: stretch
}

:root .justify-self-auto{
  justify-self: auto
}

:root .justify-self-start{
  justify-self: start
}

:root .justify-self-end{
  justify-self: end
}

:root .justify-self-center{
  justify-self: center
}

:root .justify-self-stretch{
  justify-self: stretch
}

:root .place-content-center{
  place-content: center
}

:root .place-content-start{
  place-content: start
}

:root .place-content-end{
  place-content: end
}

:root .place-content-between{
  place-content: space-between
}

:root .place-content-around{
  place-content: space-around
}

:root .place-content-evenly{
  place-content: space-evenly
}

:root .place-content-stretch{
  place-content: stretch
}

:root .place-items-start{
  place-items: start
}

:root .place-items-end{
  place-items: end
}

:root .place-items-center{
  place-items: center
}

:root .place-items-stretch{
  place-items: stretch
}

:root .place-self-auto{
  place-self: auto
}

:root .place-self-start{
  place-self: start
}

:root .place-self-end{
  place-self: end
}

:root .place-self-center{
  place-self: center
}

:root .place-self-stretch{
  place-self: stretch
}

:root .row-1{
  grid-row: var(--grid-row-1)
}

:root .row-2{
  grid-row: var(--grid-row-2)
}

:root .row-3{
  grid-row: var(--grid-row-3)
}

:root .row-4{
  grid-row: var(--grid-row-4)
}

:root .row-5{
  grid-row: var(--grid-row-5)
}

:root .row-6{
  grid-row: var(--grid-row-6)
}

:root .row-7{
  grid-row: var(--grid-row-7)
}

:root .row-auto{
  grid-row: var(--grid-row-auto)
}

:root .row-start-1{
  grid-row-start: 1
}

:root .row-start-2{
  grid-row-start: 2
}

:root .row-start-3{
  grid-row-start: 3
}

:root .row-start-4{
  grid-row-start: 4
}

:root .row-start-5{
  grid-row-start: 5
}

:root .row-start-6{
  grid-row-start: 6
}

:root .row-start-7{
  grid-row-start: 7
}

:root .row-start-auto{
  grid-row-start: auto
}

:root .row-end-1{
  grid-row-end: 1
}

:root .row-end-2{
  grid-row-end: 2
}

:root .row-end-3{
  grid-row-end: 3
}

:root .row-end-4{
  grid-row-end: 4
}

:root .row-end-5{
  grid-row-end: 5
}

:root .row-end-6{
  grid-row-end: 6
}

:root .row-end-7{
  grid-row-end: 7
}

:root .row-end-auto{
  grid-row-end: auto
}

:root .grid-cols-1{
  grid-template-columns: var(--grid-template-columns-1)
}

:root .grid-cols-2{
  grid-template-columns: var(--grid-template-columns-2)
}

:root .grid-cols-3{
  grid-template-columns: var(--grid-template-columns-3)
}

:root .grid-cols-4{
  grid-template-columns: var(--grid-template-columns-4)
}

:root .grid-cols-5{
  grid-template-columns: var(--grid-template-columns-5)
}

:root .grid-cols-6{
  grid-template-columns: var(--grid-template-columns-6)
}

:root .grid-cols-7{
  grid-template-columns: var(--grid-template-columns-7)
}

:root .grid-cols-8{
  grid-template-columns: var(--grid-template-columns-8)
}

:root .grid-cols-9{
  grid-template-columns: var(--grid-template-columns-9)
}

:root .grid-cols-10{
  grid-template-columns: var(--grid-template-columns-10)
}

:root .grid-cols-11{
  grid-template-columns: var(--grid-template-columns-11)
}

:root .grid-cols-12{
  grid-template-columns: var(--grid-template-columns-12)
}

:root .grid-cols-none{
  grid-template-columns: var(--grid-template-columns-none)
}

:root .grid-rows-1{
  grid-template-rows: var(--grid-template-rows-1)
}

:root .grid-rows-2{
  grid-template-rows: var(--grid-template-rows-2)
}

:root .grid-rows-3{
  grid-template-rows: var(--grid-template-rows-3)
}

:root .grid-rows-4{
  grid-template-rows: var(--grid-template-rows-4)
}

:root .grid-rows-5{
  grid-template-rows: var(--grid-template-rows-5)
}

:root .grid-rows-6{
  grid-template-rows: var(--grid-template-rows-6)
}

:root .order-1{
  order: var(--grid-order-1)
}

:root .order-2{
  order: var(--grid-order-2)
}

:root .order-3{
  order: var(--grid-order-3)
}

:root .order-4{
  order: var(--grid-order-4)
}

:root .order-5{
  order: var(--grid-order-5)
}

:root .order-6{
  order: var(--grid-order-6)
}

:root .order-7{
  order: var(--grid-order-7)
}

:root .order-8{
  order: var(--grid-order-8)
}

:root .order-9{
  order: var(--grid-order-9)
}

:root .order-10{
  order: var(--grid-order-10)
}

:root .order-11{
  order: var(--grid-order-11)
}

:root .order-12{
  order: var(--grid-order-12)
}

:root .order-first{
  order: var(--grid-order-first)
}

:root .order-last{
  order: var(--grid-order-last)
}

:root .order-none{
  order: var(--grid-order-none)
}

:root .cursor-auto{
  cursor: var(--interactivity-cursor-auto)
}

:root .cursor-default{
  cursor: var(--interactivity-cursor-default)
}

:root .cursor-pointer{
  cursor: var(--interactivity-cursor-pointer)
}

:root .cursor-wait{
  cursor: var(--interactivity-cursor-wait)
}

:root .cursor-text{
  cursor: var(--interactivity-cursor-text)
}

:root .cursor-move{
  cursor: var(--interactivity-cursor-move)
}

:root .cursor-help{
  cursor: var(--interactivity-cursor-help)
}

:root .cursor-not-allowed{
  cursor: var(--interactivity-cursor-not-allowed)
}

:root .pointer-events-none{
  pointer-events: none
}

:root .pointer-events-auto{
  pointer-events: auto
}

:root .resize-none{
  resize: none
}

:root .resize-y{
  resize: vertical
}

:root .resize-x{
  resize: horizontal
}

:root .resize{
  resize: both
}

:root .select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none
}

:root .select-text{
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text
}

:root .select-all{
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all
}

:root .select-auto{
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto
}

:root .vertical{
  -webkit-box-orient: vertical
}

:root .box-border{
  box-sizing: border-box
}

:root .box-content{
  box-sizing: content-box
}

:root .clear-start{
  clear: left
}

:root .clear-end{
  clear: right
}

:root .clear-both{
  clear: both
}

:root .clear-none{
  clear: none
}

:root .block{
  display: block
}

:root .inline-block{
  display: inline-block
}

:root .inline{
  display: inline
}

:root .flex{
  display: flex
}

:root .inline-flex{
  display: inline-flex
}

:root .table{
  display: table
}

:root .inline-table{
  display: inline-table
}

:root .table-caption{
  display: table-caption
}

:root .table-cell{
  display: table-cell
}

:root .table-column{
  display: table-column
}

:root .table-column-group{
  display: table-column-group
}

:root .table-footer-group{
  display: table-footer-group
}

:root .table-header-group{
  display: table-header-group
}

:root .table-row-group{
  display: table-row-group
}

:root .table-row{
  display: table-row
}

:root .flow-root{
  display: flow-root
}

:root .grid{
  display: grid
}

:root .inline-grid{
  display: inline-grid
}

:root .contents{
  display: contents
}

:root .list-item{
  display: list-item
}

:root .hidden{
  display: none
}

:root .webkit-box{
  display: -webkit-box
}

:root .float-start{
  float: left
}

:root .float-end{
  float: right
}

:root .float-none{
  float: none
}

:root .isolate{
  isolation: isolate
}

:root .isolation-auto{
  isolation: auto
}

:root .object-contain{
  -o-object-fit: contain;
     object-fit: contain
}

:root .object-cover{
  -o-object-fit: cover;
     object-fit: cover
}

:root .object-fill{
  -o-object-fit: fill;
     object-fit: fill
}

:root .object-none{
  -o-object-fit: none;
     object-fit: none
}

:root .object-scale-down{
  -o-object-fit: scale-down;
     object-fit: scale-down
}

:root .object-bottom{
  -o-object-position: var(--layout-object-position-bottom);
     object-position: var(--layout-object-position-bottom)
}

:root .object-center{
  -o-object-position: var(--layout-object-position-center);
     object-position: var(--layout-object-position-center)
}

:root .object-left{
  -o-object-position: var(--layout-object-position-left);
     object-position: var(--layout-object-position-left)
}

:root .object-left-bottom{
  -o-object-position: var(--layout-object-position-left-bottom);
     object-position: var(--layout-object-position-left-bottom)
}

:root .object-left-top{
  -o-object-position: var(--layout-object-position-left-top);
     object-position: var(--layout-object-position-left-top)
}

:root .object-right{
  -o-object-position: var(--layout-object-position-right);
     object-position: var(--layout-object-position-right)
}

:root .object-right-bottom{
  -o-object-position: var(--layout-object-position-right-bottom);
     object-position: var(--layout-object-position-right-bottom)
}

:root .object-right-top{
  -o-object-position: var(--layout-object-position-right-top);
     object-position: var(--layout-object-position-right-top)
}

:root .object-top{
  -o-object-position: var(--layout-object-position-top);
     object-position: var(--layout-object-position-top)
}

:root .overflow-auto{
  overflow: auto
}

:root .overflow-hidden{
  overflow: hidden
}

:root .overflow-visible{
  overflow: visible
}

:root .overflow-scroll{
  overflow: scroll
}

:root .overflow-x-auto{
  overflow-x: auto
}

:root .overflow-y-auto{
  overflow-y: auto
}

:root .overflow-x-hidden{
  overflow-x: hidden
}

:root .overflow-y-hidden{
  overflow-y: hidden
}

:root .overflow-x-visible{
  overflow-x: visible
}

:root .overflow-y-visible{
  overflow-y: visible
}

:root .overflow-x-scroll{
  overflow-x: scroll
}

:root .overflow-y-scroll{
  overflow-y: scroll
}

:root .overscroll-auto{
  overscroll-behavior: auto
}

:root .overscroll-contain{
  overscroll-behavior: contain
}

:root .overscroll-none{
  overscroll-behavior: none
}

:root .overscroll-y-auto{
  overscroll-behavior-y: auto
}

:root .overscroll-y-contain{
  overscroll-behavior-y: contain
}

:root .overscroll-y-none{
  overscroll-behavior-y: none
}

:root .overscroll-x-auto{
  overscroll-behavior-x: auto
}

:root .overscroll-x-contain{
  overscroll-behavior-x: contain
}

:root .overscroll-x-none{
  overscroll-behavior-x: none
}

:root .absolute{
  position: absolute
}

:root .fixed{
  position: fixed
}

:root .relative{
  position: relative
}

:root .static{
  position: static
}

:root .sticky{
  position: sticky
}

:root .visible{
  visibility: visible
}

:root .invisible{
  visibility: hidden
}

:root .z-0{
  z-index: 0
}

:root .z-10{
  z-index: 10
}

:root .z-20{
  z-index: 20
}

:root .z-30{
  z-index: 30
}

:root .z-40{
  z-index: 40
}

:root .z-50{
  z-index: 50
}

:root .z-auto{
  z-index: auto
}

:root .h-0{
  height: 0rem
}

:root .h-auto{
  height: auto
}

:root .h-px{
  height: 0.0625rem
}

:root .h-1\/2{
  height: 50%
}

:root .h-1\/3{
  height: 33.333333%
}

:root .h-2\/3{
  height: 66.666667%
}

:root .h-1\/4{
  height: 25%
}

:root .h-2\/4{
  height: 50%
}

:root .h-3\/4{
  height: 75%
}

:root .h-1\/5{
  height: 20%
}

:root .h-2\/5{
  height: 40%
}

:root .h-3\/5{
  height: 60%
}

:root .h-4\/5{
  height: 80%
}

:root .h-1\/6{
  height: 16.666667%
}

:root .h-2\/6{
  height: 33.333333%
}

:root .h-3\/6{
  height: 50%
}

:root .h-4\/6{
  height: 66.666667%
}

:root .h-5\/6{
  height: 83.333333%
}

:root .h-full{
  height: 100%
}

:root .h-screen{
  height: 100vh
}

:root .w-0{
  width: 0rem
}

:root .w-auto{
  width: auto
}

:root .w-1\/2{
  width: 50%
}

:root .w-1\/3{
  width: 33.333333%
}

:root .w-2\/3{
  width: 66.666667%
}

:root .w-1\/4{
  width: 25%
}

:root .w-2\/4{
  width: 50%
}

:root .w-3\/4{
  width: 75%
}

:root .w-1\/5{
  width: 20%
}

:root .w-2\/5{
  width: 40%
}

:root .w-3\/5{
  width: 60%
}

:root .w-4\/5{
  width: 80%
}

:root .w-1\/6{
  width: 16.666667%
}

:root .w-2\/6{
  width: 33.333333%
}

:root .w-3\/6{
  width: 50%
}

:root .w-4\/6{
  width: 66.666667%
}

:root .w-5\/6{
  width: 83.333333%
}

:root .w-1\/12{
  width: 8.333333%
}

:root .w-2\/12{
  width: 16.666667%
}

:root .w-3\/12{
  width: 25%
}

:root .w-4\/12{
  width: 33.333333%
}

:root .w-5\/12{
  width: 41.666667%
}

:root .w-6\/12{
  width: 50%
}

:root .w-7\/12{
  width: 58.333333%
}

:root .w-8\/12{
  width: 66.666667%
}

:root .w-9\/12{
  width: 75%
}

:root .w-10\/12{
  width: 83.333333%
}

:root .w-11\/12{
  width: 91.666667%
}

:root .w-full{
  width: 100%
}

:root .w-screen{
  width: 100vw
}

:root .max-h-0{
  max-height: 0rem
}

:root .max-h-full{
  max-height: 100%
}

:root .max-h-screen{
  max-height: 100vh
}

:root .min-h-0{
  min-height: 0rem
}

:root .min-h-full{
  min-height: 100%
}

:root .min-h-screen{
  min-height: 100vh
}

:root .max-w-0{
  max-width: 0rem
}

:root .max-w-none{
  max-width: none
}

:root .max-w-xs{
  max-width: 20rem
}

:root .max-w-sm{
  max-width: 24rem
}

:root .max-w-md{
  max-width: 28rem
}

:root .max-w-lg{
  max-width: 32rem
}

:root .max-w-xl{
  max-width: 36rem
}

:root .max-w-twoXl{
  max-width: 42rem
}

:root .max-w-threeXl{
  max-width: 48rem
}

:root .max-w-fourXl{
  max-width: 56rem
}

:root .max-w-fiveXl{
  max-width: 64rem
}

:root .max-w-sixXl{
  max-width: 72rem
}

:root .max-w-sevenXl{
  max-width: 80rem
}

:root .max-w-full{
  max-width: 100%
}

:root .min-w-0{
  min-width: 0rem
}

:root .min-w-full{
  min-width: 100%
}

:root .m-0{
  margin: var(--spacing-0)
}

:root .m-1{
  margin: var(--utility-spacing-1)
}

:root .m-2{
  margin: var(--utility-spacing-2)
}

:root .m-3{
  margin: var(--utility-spacing-3)
}

:root .m-4{
  margin: var(--spacing-4)
}

:root .m-8{
  margin: var(--spacing-8)
}

:root .m-12{
  margin: var(--spacing-12)
}

:root .m-16{
  margin: var(--spacing-16)
}

:root .m-20{
  margin: var(--spacing-20)
}

:root .m-24{
  margin: var(--spacing-24)
}

:root .m-28{
  margin: var(--spacing-28)
}

:root .m-32{
  margin: var(--spacing-32)
}

:root .m-36{
  margin: var(--spacing-36)
}

:root .m-40{
  margin: var(--spacing-40)
}

:root .m-44{
  margin: var(--spacing-44)
}

:root .m-auto{
  margin: auto
}

:root .m-micro{
  margin: var(--spacing-micro)
}

:root .m-mini{
  margin: var(--spacing-mini)
}

:root .m-small{
  margin: var(--spacing-small)
}

:root .m-base{
  margin: var(--spacing-base)
}

:root .m-basePlus{
  margin: var(--spacing-base-plus)
}

:root .m-medium{
  margin: var(--spacing-medium)
}

:root .m-mediumPlus{
  margin: var(--spacing-medium-plus)
}

:root .m-large{
  margin: var(--spacing-large)
}

:root .m-extraLarge{
  margin: var(--spacing-extra-large)
}

:root .m-extraLargePlus{
  margin: var(--spacing-extra-large-plus)
}

:root .-m-1{
  margin: calc(var(--utility-spacing-1) * -1)
}

:root .-m-2{
  margin: calc(var(--utility-spacing-2) * -1)
}

:root .-m-3{
  margin: calc(var(--utility-spacing-3) * -1)
}

:root .-m-0{
  margin: calc(var(--spacing-0) * -1)
}

:root .-m-4{
  margin: calc(var(--spacing-4) * -1)
}

:root .-m-8{
  margin: calc(var(--spacing-8) * -1)
}

:root .-m-12{
  margin: calc(var(--spacing-12) * -1)
}

:root .-m-16{
  margin: calc(var(--spacing-16) * -1)
}

:root .-m-20{
  margin: calc(var(--spacing-20) * -1)
}

:root .-m-24{
  margin: calc(var(--spacing-24) * -1)
}

:root .-m-28{
  margin: calc(var(--spacing-28) * -1)
}

:root .-m-32{
  margin: calc(var(--spacing-32) * -1)
}

:root .-m-36{
  margin: calc(var(--spacing-36) * -1)
}

:root .-m-40{
  margin: calc(var(--spacing-40) * -1)
}

:root .-m-44{
  margin: calc(var(--spacing-44) * -1)
}

:root .-m-micro{
  margin: calc(var(--spacing-micro) * -1)
}

:root .-m-mini{
  margin: calc(var(--spacing-mini) * -1)
}

:root .-m-small{
  margin: calc(var(--spacing-small) * -1)
}

:root .-m-base{
  margin: calc(var(--spacing-base) * -1)
}

:root .-m-basePlus{
  margin: calc(var(--spacing-base-plus) * -1)
}

:root .-m-medium{
  margin: calc(var(--spacing-medium) * -1)
}

:root .-m-mediumPlus{
  margin: calc(var(--spacing-medium-plus) * -1)
}

:root .-m-large{
  margin: calc(var(--spacing-large) * -1)
}

:root .-m-extraLarge{
  margin: calc(var(--spacing-extra-large) * -1)
}

:root .-m-extraLargePlus{
  margin: calc(var(--spacing-extra-large-plus) * -1)
}

:root .mt-0{
  margin-top: var(--spacing-0)
}

:root .mt-1{
  margin-top: var(--utility-spacing-1)
}

:root .mt-2{
  margin-top: var(--utility-spacing-2)
}

:root .mt-3{
  margin-top: var(--utility-spacing-3)
}

:root .mt-4{
  margin-top: var(--spacing-4)
}

:root .mt-8{
  margin-top: var(--spacing-8)
}

:root .mt-12{
  margin-top: var(--spacing-12)
}

:root .mt-16{
  margin-top: var(--spacing-16)
}

:root .mt-20{
  margin-top: var(--spacing-20)
}

:root .mt-24{
  margin-top: var(--spacing-24)
}

:root .mt-28{
  margin-top: var(--spacing-28)
}

:root .mt-32{
  margin-top: var(--spacing-32)
}

:root .mt-36{
  margin-top: var(--spacing-36)
}

:root .mt-40{
  margin-top: var(--spacing-40)
}

:root .mt-44{
  margin-top: var(--spacing-44)
}

:root .mt-auto{
  margin-top: auto
}

:root .mt-micro{
  margin-top: var(--spacing-micro)
}

:root .mt-mini{
  margin-top: var(--spacing-mini)
}

:root .mt-small{
  margin-top: var(--spacing-small)
}

:root .mt-base{
  margin-top: var(--spacing-base)
}

:root .mt-basePlus{
  margin-top: var(--spacing-base-plus)
}

:root .mt-medium{
  margin-top: var(--spacing-medium)
}

:root .mt-mediumPlus{
  margin-top: var(--spacing-medium-plus)
}

:root .mt-large{
  margin-top: var(--spacing-large)
}

:root .mt-extraLarge{
  margin-top: var(--spacing-extra-large)
}

:root .mt-extraLargePlus{
  margin-top: var(--spacing-extra-large-plus)
}

:root .-mt-1{
  margin-top: calc(var(--utility-spacing-1) * -1)
}

:root .-mt-2{
  margin-top: calc(var(--utility-spacing-2) * -1)
}

:root .-mt-3{
  margin-top: calc(var(--utility-spacing-3) * -1)
}

:root .-mt-0{
  margin-top: calc(var(--spacing-0) * -1)
}

:root .-mt-4{
  margin-top: calc(var(--spacing-4) * -1)
}

:root .-mt-8{
  margin-top: calc(var(--spacing-8) * -1)
}

:root .-mt-12{
  margin-top: calc(var(--spacing-12) * -1)
}

:root .-mt-16{
  margin-top: calc(var(--spacing-16) * -1)
}

:root .-mt-20{
  margin-top: calc(var(--spacing-20) * -1)
}

:root .-mt-24{
  margin-top: calc(var(--spacing-24) * -1)
}

:root .-mt-28{
  margin-top: calc(var(--spacing-28) * -1)
}

:root .-mt-32{
  margin-top: calc(var(--spacing-32) * -1)
}

:root .-mt-36{
  margin-top: calc(var(--spacing-36) * -1)
}

:root .-mt-40{
  margin-top: calc(var(--spacing-40) * -1)
}

:root .-mt-44{
  margin-top: calc(var(--spacing-44) * -1)
}

:root .-mt-micro{
  margin-top: calc(var(--spacing-micro) * -1)
}

:root .-mt-mini{
  margin-top: calc(var(--spacing-mini) * -1)
}

:root .-mt-small{
  margin-top: calc(var(--spacing-small) * -1)
}

:root .-mt-base{
  margin-top: calc(var(--spacing-base) * -1)
}

:root .-mt-basePlus{
  margin-top: calc(var(--spacing-base-plus) * -1)
}

:root .-mt-medium{
  margin-top: calc(var(--spacing-medium) * -1)
}

:root .-mt-mediumPlus{
  margin-top: calc(var(--spacing-medium-plus) * -1)
}

:root .-mt-large{
  margin-top: calc(var(--spacing-large) * -1)
}

:root .-mt-extraLarge{
  margin-top: calc(var(--spacing-extra-large) * -1)
}

:root .-mt-extraLargePlus{
  margin-top: calc(var(--spacing-extra-large-plus) * -1)
}

:root .mb-0{
  margin-bottom: var(--spacing-0)
}

:root .mb-1{
  margin-bottom: var(--utility-spacing-1)
}

:root .mb-2{
  margin-bottom: var(--utility-spacing-2)
}

:root .mb-3{
  margin-bottom: var(--utility-spacing-3)
}

:root .mb-4{
  margin-bottom: var(--spacing-4)
}

:root .mb-8{
  margin-bottom: var(--spacing-8)
}

:root .mb-12{
  margin-bottom: var(--spacing-12)
}

:root .mb-16{
  margin-bottom: var(--spacing-16)
}

:root .mb-20{
  margin-bottom: var(--spacing-20)
}

:root .mb-24{
  margin-bottom: var(--spacing-24)
}

:root .mb-28{
  margin-bottom: var(--spacing-28)
}

:root .mb-32{
  margin-bottom: var(--spacing-32)
}

:root .mb-36{
  margin-bottom: var(--spacing-36)
}

:root .mb-40{
  margin-bottom: var(--spacing-40)
}

:root .mb-44{
  margin-bottom: var(--spacing-44)
}

:root .mb-auto{
  margin-bottom: auto
}

:root .mb-micro{
  margin-bottom: var(--spacing-micro)
}

:root .mb-mini{
  margin-bottom: var(--spacing-mini)
}

:root .mb-small{
  margin-bottom: var(--spacing-small)
}

:root .mb-base{
  margin-bottom: var(--spacing-base)
}

:root .mb-basePlus{
  margin-bottom: var(--spacing-base-plus)
}

:root .mb-medium{
  margin-bottom: var(--spacing-medium)
}

:root .mb-mediumPlus{
  margin-bottom: var(--spacing-medium-plus)
}

:root .mb-large{
  margin-bottom: var(--spacing-large)
}

:root .mb-extraLarge{
  margin-bottom: var(--spacing-extra-large)
}

:root .mb-extraLargePlus{
  margin-bottom: var(--spacing-extra-large-plus)
}

:root .-mb-1{
  margin-bottom: calc(var(--utility-spacing-1) * -1)
}

:root .-mb-2{
  margin-bottom: calc(var(--utility-spacing-2) * -1)
}

:root .-mb-3{
  margin-bottom: calc(var(--utility-spacing-3) * -1)
}

:root .-mb-0{
  margin-bottom: calc(var(--spacing-0) * -1)
}

:root .-mb-4{
  margin-bottom: calc(var(--spacing-4) * -1)
}

:root .-mb-8{
  margin-bottom: calc(var(--spacing-8) * -1)
}

:root .-mb-12{
  margin-bottom: calc(var(--spacing-12) * -1)
}

:root .-mb-16{
  margin-bottom: calc(var(--spacing-16) * -1)
}

:root .-mb-20{
  margin-bottom: calc(var(--spacing-20) * -1)
}

:root .-mb-24{
  margin-bottom: calc(var(--spacing-24) * -1)
}

:root .-mb-28{
  margin-bottom: calc(var(--spacing-28) * -1)
}

:root .-mb-32{
  margin-bottom: calc(var(--spacing-32) * -1)
}

:root .-mb-36{
  margin-bottom: calc(var(--spacing-36) * -1)
}

:root .-mb-40{
  margin-bottom: calc(var(--spacing-40) * -1)
}

:root .-mb-44{
  margin-bottom: calc(var(--spacing-44) * -1)
}

:root .-mb-micro{
  margin-bottom: calc(var(--spacing-micro) * -1)
}

:root .-mb-mini{
  margin-bottom: calc(var(--spacing-mini) * -1)
}

:root .-mb-small{
  margin-bottom: calc(var(--spacing-small) * -1)
}

:root .-mb-base{
  margin-bottom: calc(var(--spacing-base) * -1)
}

:root .-mb-basePlus{
  margin-bottom: calc(var(--spacing-base-plus) * -1)
}

:root .-mb-medium{
  margin-bottom: calc(var(--spacing-medium) * -1)
}

:root .-mb-mediumPlus{
  margin-bottom: calc(var(--spacing-medium-plus) * -1)
}

:root .-mb-large{
  margin-bottom: calc(var(--spacing-large) * -1)
}

:root .-mb-extraLarge{
  margin-bottom: calc(var(--spacing-extra-large) * -1)
}

:root .-mb-extraLargePlus{
  margin-bottom: calc(var(--spacing-extra-large-plus) * -1)
}

:root .ms-0{
  margin-inline-start: var(--spacing-0)
}

:root .ms-1{
  margin-inline-start: var(--utility-spacing-1)
}

:root .ms-2{
  margin-inline-start: var(--utility-spacing-2)
}

:root .ms-3{
  margin-inline-start: var(--utility-spacing-3)
}

:root .ms-4{
  margin-inline-start: var(--spacing-4)
}

:root .ms-8{
  margin-inline-start: var(--spacing-8)
}

:root .ms-12{
  margin-inline-start: var(--spacing-12)
}

:root .ms-16{
  margin-inline-start: var(--spacing-16)
}

:root .ms-20{
  margin-inline-start: var(--spacing-20)
}

:root .ms-24{
  margin-inline-start: var(--spacing-24)
}

:root .ms-28{
  margin-inline-start: var(--spacing-28)
}

:root .ms-32{
  margin-inline-start: var(--spacing-32)
}

:root .ms-36{
  margin-inline-start: var(--spacing-36)
}

:root .ms-40{
  margin-inline-start: var(--spacing-40)
}

:root .ms-44{
  margin-inline-start: var(--spacing-44)
}

:root .ms-auto{
  margin-inline-start: auto
}

:root .ms-micro{
  margin-inline-start: var(--spacing-micro)
}

:root .ms-mini{
  margin-inline-start: var(--spacing-mini)
}

:root .ms-small{
  margin-inline-start: var(--spacing-small)
}

:root .ms-base{
  margin-inline-start: var(--spacing-base)
}

:root .ms-basePlus{
  margin-inline-start: var(--spacing-base-plus)
}

:root .ms-medium{
  margin-inline-start: var(--spacing-medium)
}

:root .ms-mediumPlus{
  margin-inline-start: var(--spacing-medium-plus)
}

:root .ms-large{
  margin-inline-start: var(--spacing-large)
}

:root .ms-extraLarge{
  margin-inline-start: var(--spacing-extra-large)
}

:root .ms-extraLargePlus{
  margin-inline-start: var(--spacing-extra-large-plus)
}

:root .-ms-1{
  margin-inline-start: calc(var(--utility-spacing-1) * -1)
}

:root .-ms-2{
  margin-inline-start: calc(var(--utility-spacing-2) * -1)
}

:root .-ms-3{
  margin-inline-start: calc(var(--utility-spacing-3) * -1)
}

:root .-ms-0{
  margin-inline-start: calc(var(--spacing-0) * -1)
}

:root .-ms-4{
  margin-inline-start: calc(var(--spacing-4) * -1)
}

:root .-ms-8{
  margin-inline-start: calc(var(--spacing-8) * -1)
}

:root .-ms-12{
  margin-inline-start: calc(var(--spacing-12) * -1)
}

:root .-ms-16{
  margin-inline-start: calc(var(--spacing-16) * -1)
}

:root .-ms-20{
  margin-inline-start: calc(var(--spacing-20) * -1)
}

:root .-ms-24{
  margin-inline-start: calc(var(--spacing-24) * -1)
}

:root .-ms-28{
  margin-inline-start: calc(var(--spacing-28) * -1)
}

:root .-ms-32{
  margin-inline-start: calc(var(--spacing-32) * -1)
}

:root .-ms-36{
  margin-inline-start: calc(var(--spacing-36) * -1)
}

:root .-ms-40{
  margin-inline-start: calc(var(--spacing-40) * -1)
}

:root .-ms-44{
  margin-inline-start: calc(var(--spacing-44) * -1)
}

:root .-ms-micro{
  margin-inline-start: calc(var(--spacing-micro) * -1)
}

:root .-ms-mini{
  margin-inline-start: calc(var(--spacing-mini) * -1)
}

:root .-ms-small{
  margin-inline-start: calc(var(--spacing-small) * -1)
}

:root .-ms-base{
  margin-inline-start: calc(var(--spacing-base) * -1)
}

:root .-ms-basePlus{
  margin-inline-start: calc(var(--spacing-base-plus) * -1)
}

:root .-ms-medium{
  margin-inline-start: calc(var(--spacing-medium) * -1)
}

:root .-ms-mediumPlus{
  margin-inline-start: calc(var(--spacing-medium-plus) * -1)
}

:root .-ms-large{
  margin-inline-start: calc(var(--spacing-large) * -1)
}

:root .-ms-extraLarge{
  margin-inline-start: calc(var(--spacing-extra-large) * -1)
}

:root .-ms-extraLargePlus{
  margin-inline-start: calc(var(--spacing-extra-large-plus) * -1)
}

:root .me-0{
  margin-inline-end: var(--spacing-0)
}

:root .me-1{
  margin-inline-end: var(--utility-spacing-1)
}

:root .me-2{
  margin-inline-end: var(--utility-spacing-2)
}

:root .me-3{
  margin-inline-end: var(--utility-spacing-3)
}

:root .me-4{
  margin-inline-end: var(--spacing-4)
}

:root .me-8{
  margin-inline-end: var(--spacing-8)
}

:root .me-12{
  margin-inline-end: var(--spacing-12)
}

:root .me-16{
  margin-inline-end: var(--spacing-16)
}

:root .me-20{
  margin-inline-end: var(--spacing-20)
}

:root .me-24{
  margin-inline-end: var(--spacing-24)
}

:root .me-28{
  margin-inline-end: var(--spacing-28)
}

:root .me-32{
  margin-inline-end: var(--spacing-32)
}

:root .me-36{
  margin-inline-end: var(--spacing-36)
}

:root .me-40{
  margin-inline-end: var(--spacing-40)
}

:root .me-44{
  margin-inline-end: var(--spacing-44)
}

:root .me-auto{
  margin-inline-end: auto
}

:root .me-micro{
  margin-inline-end: var(--spacing-micro)
}

:root .me-mini{
  margin-inline-end: var(--spacing-mini)
}

:root .me-small{
  margin-inline-end: var(--spacing-small)
}

:root .me-base{
  margin-inline-end: var(--spacing-base)
}

:root .me-basePlus{
  margin-inline-end: var(--spacing-base-plus)
}

:root .me-medium{
  margin-inline-end: var(--spacing-medium)
}

:root .me-mediumPlus{
  margin-inline-end: var(--spacing-medium-plus)
}

:root .me-large{
  margin-inline-end: var(--spacing-large)
}

:root .me-extraLarge{
  margin-inline-end: var(--spacing-extra-large)
}

:root .me-extraLargePlus{
  margin-inline-end: var(--spacing-extra-large-plus)
}

:root .-me-1{
  margin-inline-end: calc(var(--utility-spacing-1) * -1)
}

:root .-me-2{
  margin-inline-end: calc(var(--utility-spacing-2) * -1)
}

:root .-me-3{
  margin-inline-end: calc(var(--utility-spacing-3) * -1)
}

:root .-me-0{
  margin-inline-end: calc(var(--spacing-0) * -1)
}

:root .-me-4{
  margin-inline-end: calc(var(--spacing-4) * -1)
}

:root .-me-8{
  margin-inline-end: calc(var(--spacing-8) * -1)
}

:root .-me-12{
  margin-inline-end: calc(var(--spacing-12) * -1)
}

:root .-me-16{
  margin-inline-end: calc(var(--spacing-16) * -1)
}

:root .-me-20{
  margin-inline-end: calc(var(--spacing-20) * -1)
}

:root .-me-24{
  margin-inline-end: calc(var(--spacing-24) * -1)
}

:root .-me-28{
  margin-inline-end: calc(var(--spacing-28) * -1)
}

:root .-me-32{
  margin-inline-end: calc(var(--spacing-32) * -1)
}

:root .-me-36{
  margin-inline-end: calc(var(--spacing-36) * -1)
}

:root .-me-40{
  margin-inline-end: calc(var(--spacing-40) * -1)
}

:root .-me-44{
  margin-inline-end: calc(var(--spacing-44) * -1)
}

:root .-me-micro{
  margin-inline-end: calc(var(--spacing-micro) * -1)
}

:root .-me-mini{
  margin-inline-end: calc(var(--spacing-mini) * -1)
}

:root .-me-small{
  margin-inline-end: calc(var(--spacing-small) * -1)
}

:root .-me-base{
  margin-inline-end: calc(var(--spacing-base) * -1)
}

:root .-me-basePlus{
  margin-inline-end: calc(var(--spacing-base-plus) * -1)
}

:root .-me-medium{
  margin-inline-end: calc(var(--spacing-medium) * -1)
}

:root .-me-mediumPlus{
  margin-inline-end: calc(var(--spacing-medium-plus) * -1)
}

:root .-me-large{
  margin-inline-end: calc(var(--spacing-large) * -1)
}

:root .-me-extraLarge{
  margin-inline-end: calc(var(--spacing-extra-large) * -1)
}

:root .-me-extraLargePlus{
  margin-inline-end: calc(var(--spacing-extra-large-plus) * -1)
}

:root .mx-0{
  margin-inline-start: var(--spacing-0);
  margin-inline-end: var(--spacing-0)
}

:root .mx-1{
  margin-inline-start: var(--utility-spacing-1);
  margin-inline-end: var(--utility-spacing-1)
}

:root .mx-2{
  margin-inline-start: var(--utility-spacing-2);
  margin-inline-end: var(--utility-spacing-2)
}

:root .mx-3{
  margin-inline-start: var(--utility-spacing-3);
  margin-inline-end: var(--utility-spacing-3)
}

:root .mx-4{
  margin-inline-start: var(--spacing-4);
  margin-inline-end: var(--spacing-4)
}

:root .mx-8{
  margin-inline-start: var(--spacing-8);
  margin-inline-end: var(--spacing-8)
}

:root .mx-12{
  margin-inline-start: var(--spacing-12);
  margin-inline-end: var(--spacing-12)
}

:root .mx-16{
  margin-inline-start: var(--spacing-16);
  margin-inline-end: var(--spacing-16)
}

:root .mx-20{
  margin-inline-start: var(--spacing-20);
  margin-inline-end: var(--spacing-20)
}

:root .mx-24{
  margin-inline-start: var(--spacing-24);
  margin-inline-end: var(--spacing-24)
}

:root .mx-28{
  margin-inline-start: var(--spacing-28);
  margin-inline-end: var(--spacing-28)
}

:root .mx-32{
  margin-inline-start: var(--spacing-32);
  margin-inline-end: var(--spacing-32)
}

:root .mx-36{
  margin-inline-start: var(--spacing-36);
  margin-inline-end: var(--spacing-36)
}

:root .mx-40{
  margin-inline-start: var(--spacing-40);
  margin-inline-end: var(--spacing-40)
}

:root .mx-44{
  margin-inline-start: var(--spacing-44);
  margin-inline-end: var(--spacing-44)
}

:root .mx-auto{
  margin-inline-start: auto;
  margin-inline-end: auto
}

:root .mx-micro{
  margin-inline-start: var(--spacing-micro);
  margin-inline-end: var(--spacing-micro)
}

:root .mx-mini{
  margin-inline-start: var(--spacing-mini);
  margin-inline-end: var(--spacing-mini)
}

:root .mx-small{
  margin-inline-start: var(--spacing-small);
  margin-inline-end: var(--spacing-small)
}

:root .mx-base{
  margin-inline-start: var(--spacing-base);
  margin-inline-end: var(--spacing-base)
}

:root .mx-basePlus{
  margin-inline-start: var(--spacing-base-plus);
  margin-inline-end: var(--spacing-base-plus)
}

:root .mx-medium{
  margin-inline-start: var(--spacing-medium);
  margin-inline-end: var(--spacing-medium)
}

:root .mx-mediumPlus{
  margin-inline-start: var(--spacing-medium-plus);
  margin-inline-end: var(--spacing-medium-plus)
}

:root .mx-large{
  margin-inline-start: var(--spacing-large);
  margin-inline-end: var(--spacing-large)
}

:root .mx-extraLarge{
  margin-inline-start: var(--spacing-extra-large);
  margin-inline-end: var(--spacing-extra-large)
}

:root .mx-extraLargePlus{
  margin-inline-start: var(--spacing-extra-large-plus);
  margin-inline-end: var(--spacing-extra-large-plus)
}

:root .-mx-1{
  margin-inline-start: calc(var(--utility-spacing-1) * -1);
  margin-inline-end: calc(var(--utility-spacing-1) * -1)
}

:root .-mx-2{
  margin-inline-start: calc(var(--utility-spacing-2) * -1);
  margin-inline-end: calc(var(--utility-spacing-2) * -1)
}

:root .-mx-3{
  margin-inline-start: calc(var(--utility-spacing-3) * -1);
  margin-inline-end: calc(var(--utility-spacing-3) * -1)
}

:root .-mx-0{
  margin-inline-start: calc(var(--spacing-0) * -1);
  margin-inline-end: calc(var(--spacing-0) * -1)
}

:root .-mx-4{
  margin-inline-start: calc(var(--spacing-4) * -1);
  margin-inline-end: calc(var(--spacing-4) * -1)
}

:root .-mx-8{
  margin-inline-start: calc(var(--spacing-8) * -1);
  margin-inline-end: calc(var(--spacing-8) * -1)
}

:root .-mx-12{
  margin-inline-start: calc(var(--spacing-12) * -1);
  margin-inline-end: calc(var(--spacing-12) * -1)
}

:root .-mx-16{
  margin-inline-start: calc(var(--spacing-16) * -1);
  margin-inline-end: calc(var(--spacing-16) * -1)
}

:root .-mx-20{
  margin-inline-start: calc(var(--spacing-20) * -1);
  margin-inline-end: calc(var(--spacing-20) * -1)
}

:root .-mx-24{
  margin-inline-start: calc(var(--spacing-24) * -1);
  margin-inline-end: calc(var(--spacing-24) * -1)
}

:root .-mx-28{
  margin-inline-start: calc(var(--spacing-28) * -1);
  margin-inline-end: calc(var(--spacing-28) * -1)
}

:root .-mx-32{
  margin-inline-start: calc(var(--spacing-32) * -1);
  margin-inline-end: calc(var(--spacing-32) * -1)
}

:root .-mx-36{
  margin-inline-start: calc(var(--spacing-36) * -1);
  margin-inline-end: calc(var(--spacing-36) * -1)
}

:root .-mx-40{
  margin-inline-start: calc(var(--spacing-40) * -1);
  margin-inline-end: calc(var(--spacing-40) * -1)
}

:root .-mx-44{
  margin-inline-start: calc(var(--spacing-44) * -1);
  margin-inline-end: calc(var(--spacing-44) * -1)
}

:root .-mx-micro{
  margin-inline-start: calc(var(--spacing-micro) * -1);
  margin-inline-end: calc(var(--spacing-micro) * -1)
}

:root .-mx-mini{
  margin-inline-start: calc(var(--spacing-mini) * -1);
  margin-inline-end: calc(var(--spacing-mini) * -1)
}

:root .-mx-small{
  margin-inline-start: calc(var(--spacing-small) * -1);
  margin-inline-end: calc(var(--spacing-small) * -1)
}

:root .-mx-base{
  margin-inline-start: calc(var(--spacing-base) * -1);
  margin-inline-end: calc(var(--spacing-base) * -1)
}

:root .-mx-basePlus{
  margin-inline-start: calc(var(--spacing-base-plus) * -1);
  margin-inline-end: calc(var(--spacing-base-plus) * -1)
}

:root .-mx-medium{
  margin-inline-start: calc(var(--spacing-medium) * -1);
  margin-inline-end: calc(var(--spacing-medium) * -1)
}

:root .-mx-mediumPlus{
  margin-inline-start: calc(var(--spacing-medium-plus) * -1);
  margin-inline-end: calc(var(--spacing-medium-plus) * -1)
}

:root .-mx-large{
  margin-inline-start: calc(var(--spacing-large) * -1);
  margin-inline-end: calc(var(--spacing-large) * -1)
}

:root .-mx-extraLarge{
  margin-inline-start: calc(var(--spacing-extra-large) * -1);
  margin-inline-end: calc(var(--spacing-extra-large) * -1)
}

:root .-mx-extraLargePlus{
  margin-inline-start: calc(var(--spacing-extra-large-plus) * -1);
  margin-inline-end: calc(var(--spacing-extra-large-plus) * -1)
}

:root .my-0{
  margin-top: var(--spacing-0);
  margin-bottom: var(--spacing-0)
}

:root .my-1{
  margin-top: var(--utility-spacing-1);
  margin-bottom: var(--utility-spacing-1)
}

:root .my-2{
  margin-top: var(--utility-spacing-2);
  margin-bottom: var(--utility-spacing-2)
}

:root .my-3{
  margin-top: var(--utility-spacing-3);
  margin-bottom: var(--utility-spacing-3)
}

:root .my-4{
  margin-top: var(--spacing-4);
  margin-bottom: var(--spacing-4)
}

:root .my-8{
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-8)
}

:root .my-12{
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12)
}

:root .my-16{
  margin-top: var(--spacing-16);
  margin-bottom: var(--spacing-16)
}

:root .my-20{
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20)
}

:root .my-24{
  margin-top: var(--spacing-24);
  margin-bottom: var(--spacing-24)
}

:root .my-28{
  margin-top: var(--spacing-28);
  margin-bottom: var(--spacing-28)
}

:root .my-32{
  margin-top: var(--spacing-32);
  margin-bottom: var(--spacing-32)
}

:root .my-36{
  margin-top: var(--spacing-36);
  margin-bottom: var(--spacing-36)
}

:root .my-40{
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40)
}

:root .my-44{
  margin-top: var(--spacing-44);
  margin-bottom: var(--spacing-44)
}

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

:root .my-micro{
  margin-top: var(--spacing-micro);
  margin-bottom: var(--spacing-micro)
}

:root .my-mini{
  margin-top: var(--spacing-mini);
  margin-bottom: var(--spacing-mini)
}

:root .my-small{
  margin-top: var(--spacing-small);
  margin-bottom: var(--spacing-small)
}

:root .my-base{
  margin-top: var(--spacing-base);
  margin-bottom: var(--spacing-base)
}

:root .my-basePlus{
  margin-top: var(--spacing-base-plus);
  margin-bottom: var(--spacing-base-plus)
}

:root .my-medium{
  margin-top: var(--spacing-medium);
  margin-bottom: var(--spacing-medium)
}

:root .my-mediumPlus{
  margin-top: var(--spacing-medium-plus);
  margin-bottom: var(--spacing-medium-plus)
}

:root .my-large{
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-large)
}

:root .my-extraLarge{
  margin-top: var(--spacing-extra-large);
  margin-bottom: var(--spacing-extra-large)
}

:root .my-extraLargePlus{
  margin-top: var(--spacing-extra-large-plus);
  margin-bottom: var(--spacing-extra-large-plus)
}

:root .-my-1{
  margin-top: calc(var(--utility-spacing-1) * -1);
  margin-bottom: calc(var(--utility-spacing-1) * -1)
}

:root .-my-2{
  margin-top: calc(var(--utility-spacing-2) * -1);
  margin-bottom: calc(var(--utility-spacing-2) * -1)
}

:root .-my-3{
  margin-top: calc(var(--utility-spacing-3) * -1);
  margin-bottom: calc(var(--utility-spacing-3) * -1)
}

:root .-my-0{
  margin-top: calc(var(--spacing-0) * -1);
  margin-bottom: calc(var(--spacing-0) * -1)
}

:root .-my-4{
  margin-top: calc(var(--spacing-4) * -1);
  margin-bottom: calc(var(--spacing-4) * -1)
}

:root .-my-8{
  margin-top: calc(var(--spacing-8) * -1);
  margin-bottom: calc(var(--spacing-8) * -1)
}

:root .-my-12{
  margin-top: calc(var(--spacing-12) * -1);
  margin-bottom: calc(var(--spacing-12) * -1)
}

:root .-my-16{
  margin-top: calc(var(--spacing-16) * -1);
  margin-bottom: calc(var(--spacing-16) * -1)
}

:root .-my-20{
  margin-top: calc(var(--spacing-20) * -1);
  margin-bottom: calc(var(--spacing-20) * -1)
}

:root .-my-24{
  margin-top: calc(var(--spacing-24) * -1);
  margin-bottom: calc(var(--spacing-24) * -1)
}

:root .-my-28{
  margin-top: calc(var(--spacing-28) * -1);
  margin-bottom: calc(var(--spacing-28) * -1)
}

:root .-my-32{
  margin-top: calc(var(--spacing-32) * -1);
  margin-bottom: calc(var(--spacing-32) * -1)
}

:root .-my-36{
  margin-top: calc(var(--spacing-36) * -1);
  margin-bottom: calc(var(--spacing-36) * -1)
}

:root .-my-40{
  margin-top: calc(var(--spacing-40) * -1);
  margin-bottom: calc(var(--spacing-40) * -1)
}

:root .-my-44{
  margin-top: calc(var(--spacing-44) * -1);
  margin-bottom: calc(var(--spacing-44) * -1)
}

:root .-my-micro{
  margin-top: calc(var(--spacing-micro) * -1);
  margin-bottom: calc(var(--spacing-micro) * -1)
}

:root .-my-mini{
  margin-top: calc(var(--spacing-mini) * -1);
  margin-bottom: calc(var(--spacing-mini) * -1)
}

:root .-my-small{
  margin-top: calc(var(--spacing-small) * -1);
  margin-bottom: calc(var(--spacing-small) * -1)
}

:root .-my-base{
  margin-top: calc(var(--spacing-base) * -1);
  margin-bottom: calc(var(--spacing-base) * -1)
}

:root .-my-basePlus{
  margin-top: calc(var(--spacing-base-plus) * -1);
  margin-bottom: calc(var(--spacing-base-plus) * -1)
}

:root .-my-medium{
  margin-top: calc(var(--spacing-medium) * -1);
  margin-bottom: calc(var(--spacing-medium) * -1)
}

:root .-my-mediumPlus{
  margin-top: calc(var(--spacing-medium-plus) * -1);
  margin-bottom: calc(var(--spacing-medium-plus) * -1)
}

:root .-my-large{
  margin-top: calc(var(--spacing-large) * -1);
  margin-bottom: calc(var(--spacing-large) * -1)
}

:root .-my-extraLarge{
  margin-top: calc(var(--spacing-extra-large) * -1);
  margin-bottom: calc(var(--spacing-extra-large) * -1)
}

:root .-my-extraLargePlus{
  margin-top: calc(var(--spacing-extra-large-plus) * -1);
  margin-bottom: calc(var(--spacing-extra-large-plus) * -1)
}

:root .p-0{
  padding: var(--spacing-0)
}

:root .p-4{
  padding: var(--spacing-4)
}

:root .p-8{
  padding: var(--spacing-8)
}

:root .p-12{
  padding: var(--spacing-12)
}

:root .p-16{
  padding: var(--spacing-16)
}

:root .p-20{
  padding: var(--spacing-20)
}

:root .p-24{
  padding: var(--spacing-24)
}

:root .p-28{
  padding: var(--spacing-28)
}

:root .p-32{
  padding: var(--spacing-32)
}

:root .p-36{
  padding: var(--spacing-36)
}

:root .p-40{
  padding: var(--spacing-40)
}

:root .p-44{
  padding: var(--spacing-44)
}

:root .p-micro{
  padding: var(--spacing-micro)
}

:root .p-mini{
  padding: var(--spacing-mini)
}

:root .p-small{
  padding: var(--spacing-small)
}

:root .p-base{
  padding: var(--spacing-base)
}

:root .p-basePlus{
  padding: var(--spacing-base-plus)
}

:root .p-medium{
  padding: var(--spacing-medium)
}

:root .p-mediumPlus{
  padding: var(--spacing-medium-plus)
}

:root .p-large{
  padding: var(--spacing-large)
}

:root .p-extraLarge{
  padding: var(--spacing-extra-large)
}

:root .p-extraLargePlus{
  padding: var(--spacing-extra-large-plus)
}

:root .py-0{
  padding-top: var(--spacing-0);
  padding-bottom: var(--spacing-0)
}

:root .py-4{
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4)
}

:root .py-8{
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8)
}

:root .py-12{
  padding-top: var(--spacing-12);
  padding-bottom: var(--spacing-12)
}

:root .py-16{
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16)
}

:root .py-20{
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20)
}

:root .py-24{
  padding-top: var(--spacing-24);
  padding-bottom: var(--spacing-24)
}

:root .py-28{
  padding-top: var(--spacing-28);
  padding-bottom: var(--spacing-28)
}

:root .py-32{
  padding-top: var(--spacing-32);
  padding-bottom: var(--spacing-32)
}

:root .py-36{
  padding-top: var(--spacing-36);
  padding-bottom: var(--spacing-36)
}

:root .py-40{
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40)
}

:root .py-44{
  padding-top: var(--spacing-44);
  padding-bottom: var(--spacing-44)
}

:root .py-micro{
  padding-top: var(--spacing-micro);
  padding-bottom: var(--spacing-micro)
}

:root .py-mini{
  padding-top: var(--spacing-mini);
  padding-bottom: var(--spacing-mini)
}

:root .py-small{
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-small)
}

:root .py-base{
  padding-top: var(--spacing-base);
  padding-bottom: var(--spacing-base)
}

:root .py-basePlus{
  padding-top: var(--spacing-base-plus);
  padding-bottom: var(--spacing-base-plus)
}

:root .py-medium{
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-medium)
}

:root .py-mediumPlus{
  padding-top: var(--spacing-medium-plus);
  padding-bottom: var(--spacing-medium-plus)
}

:root .py-large{
  padding-top: var(--spacing-large);
  padding-bottom: var(--spacing-large)
}

:root .py-extraLarge{
  padding-top: var(--spacing-extra-large);
  padding-bottom: var(--spacing-extra-large)
}

:root .py-extraLargePlus{
  padding-top: var(--spacing-extra-large-plus);
  padding-bottom: var(--spacing-extra-large-plus)
}

:root .px-0{
  padding-inline-start: var(--spacing-0);
  padding-inline-end: var(--spacing-0)
}

:root .px-4{
  padding-inline-start: var(--spacing-4);
  padding-inline-end: var(--spacing-4)
}

:root .px-8{
  padding-inline-start: var(--spacing-8);
  padding-inline-end: var(--spacing-8)
}

:root .px-12{
  padding-inline-start: var(--spacing-12);
  padding-inline-end: var(--spacing-12)
}

:root .px-16{
  padding-inline-start: var(--spacing-16);
  padding-inline-end: var(--spacing-16)
}

:root .px-20{
  padding-inline-start: var(--spacing-20);
  padding-inline-end: var(--spacing-20)
}

:root .px-24{
  padding-inline-start: var(--spacing-24);
  padding-inline-end: var(--spacing-24)
}

:root .px-28{
  padding-inline-start: var(--spacing-28);
  padding-inline-end: var(--spacing-28)
}

:root .px-32{
  padding-inline-start: var(--spacing-32);
  padding-inline-end: var(--spacing-32)
}

:root .px-36{
  padding-inline-start: var(--spacing-36);
  padding-inline-end: var(--spacing-36)
}

:root .px-40{
  padding-inline-start: var(--spacing-40);
  padding-inline-end: var(--spacing-40)
}

:root .px-44{
  padding-inline-start: var(--spacing-44);
  padding-inline-end: var(--spacing-44)
}

:root .px-micro{
  padding-inline-start: var(--spacing-micro);
  padding-inline-end: var(--spacing-micro)
}

:root .px-mini{
  padding-inline-start: var(--spacing-mini);
  padding-inline-end: var(--spacing-mini)
}

:root .px-small{
  padding-inline-start: var(--spacing-small);
  padding-inline-end: var(--spacing-small)
}

:root .px-base{
  padding-inline-start: var(--spacing-base);
  padding-inline-end: var(--spacing-base)
}

:root .px-basePlus{
  padding-inline-start: var(--spacing-base-plus);
  padding-inline-end: var(--spacing-base-plus)
}

:root .px-medium{
  padding-inline-start: var(--spacing-medium);
  padding-inline-end: var(--spacing-medium)
}

:root .px-mediumPlus{
  padding-inline-start: var(--spacing-medium-plus);
  padding-inline-end: var(--spacing-medium-plus)
}

:root .px-large{
  padding-inline-start: var(--spacing-large);
  padding-inline-end: var(--spacing-large)
}

:root .px-extraLarge{
  padding-inline-start: var(--spacing-extra-large);
  padding-inline-end: var(--spacing-extra-large)
}

:root .px-extraLargePlus{
  padding-inline-start: var(--spacing-extra-large-plus);
  padding-inline-end: var(--spacing-extra-large-plus)
}

:root .pt-0{
  padding-top: var(--spacing-0)
}

:root .pt-4{
  padding-top: var(--spacing-4)
}

:root .pt-8{
  padding-top: var(--spacing-8)
}

:root .pt-12{
  padding-top: var(--spacing-12)
}

:root .pt-16{
  padding-top: var(--spacing-16)
}

:root .pt-20{
  padding-top: var(--spacing-20)
}

:root .pt-24{
  padding-top: var(--spacing-24)
}

:root .pt-28{
  padding-top: var(--spacing-28)
}

:root .pt-32{
  padding-top: var(--spacing-32)
}

:root .pt-36{
  padding-top: var(--spacing-36)
}

:root .pt-40{
  padding-top: var(--spacing-40)
}

:root .pt-44{
  padding-top: var(--spacing-44)
}

:root .pt-micro{
  padding-top: var(--spacing-micro)
}

:root .pt-mini{
  padding-top: var(--spacing-mini)
}

:root .pt-small{
  padding-top: var(--spacing-small)
}

:root .pt-base{
  padding-top: var(--spacing-base)
}

:root .pt-basePlus{
  padding-top: var(--spacing-base-plus)
}

:root .pt-medium{
  padding-top: var(--spacing-medium)
}

:root .pt-mediumPlus{
  padding-top: var(--spacing-medium-plus)
}

:root .pt-large{
  padding-top: var(--spacing-large)
}

:root .pt-extraLarge{
  padding-top: var(--spacing-extra-large)
}

:root .pt-extraLargePlus{
  padding-top: var(--spacing-extra-large-plus)
}

:root .ps-0{
  padding-inline-start: var(--spacing-0)
}

:root .ps-4{
  padding-inline-start: var(--spacing-4)
}

:root .ps-8{
  padding-inline-start: var(--spacing-8)
}

:root .ps-12{
  padding-inline-start: var(--spacing-12)
}

:root .ps-16{
  padding-inline-start: var(--spacing-16)
}

:root .ps-20{
  padding-inline-start: var(--spacing-20)
}

:root .ps-24{
  padding-inline-start: var(--spacing-24)
}

:root .ps-28{
  padding-inline-start: var(--spacing-28)
}

:root .ps-32{
  padding-inline-start: var(--spacing-32)
}

:root .ps-36{
  padding-inline-start: var(--spacing-36)
}

:root .ps-40{
  padding-inline-start: var(--spacing-40)
}

:root .ps-44{
  padding-inline-start: var(--spacing-44)
}

:root .ps-micro{
  padding-inline-start: var(--spacing-micro)
}

:root .ps-mini{
  padding-inline-start: var(--spacing-mini)
}

:root .ps-small{
  padding-inline-start: var(--spacing-small)
}

:root .ps-base{
  padding-inline-start: var(--spacing-base)
}

:root .ps-basePlus{
  padding-inline-start: var(--spacing-base-plus)
}

:root .ps-medium{
  padding-inline-start: var(--spacing-medium)
}

:root .ps-mediumPlus{
  padding-inline-start: var(--spacing-medium-plus)
}

:root .ps-large{
  padding-inline-start: var(--spacing-large)
}

:root .ps-extraLarge{
  padding-inline-start: var(--spacing-extra-large)
}

:root .ps-extraLargePlus{
  padding-inline-start: var(--spacing-extra-large-plus)
}

:root .pb-0{
  padding-bottom: var(--spacing-0)
}

:root .pb-4{
  padding-bottom: var(--spacing-4)
}

:root .pb-8{
  padding-bottom: var(--spacing-8)
}

:root .pb-12{
  padding-bottom: var(--spacing-12)
}

:root .pb-16{
  padding-bottom: var(--spacing-16)
}

:root .pb-20{
  padding-bottom: var(--spacing-20)
}

:root .pb-24{
  padding-bottom: var(--spacing-24)
}

:root .pb-28{
  padding-bottom: var(--spacing-28)
}

:root .pb-32{
  padding-bottom: var(--spacing-32)
}

:root .pb-36{
  padding-bottom: var(--spacing-36)
}

:root .pb-40{
  padding-bottom: var(--spacing-40)
}

:root .pb-44{
  padding-bottom: var(--spacing-44)
}

:root .pb-micro{
  padding-bottom: var(--spacing-micro)
}

:root .pb-mini{
  padding-bottom: var(--spacing-mini)
}

:root .pb-small{
  padding-bottom: var(--spacing-small)
}

:root .pb-base{
  padding-bottom: var(--spacing-base)
}

:root .pb-basePlus{
  padding-bottom: var(--spacing-base-plus)
}

:root .pb-medium{
  padding-bottom: var(--spacing-medium)
}

:root .pb-mediumPlus{
  padding-bottom: var(--spacing-medium-plus)
}

:root .pb-large{
  padding-bottom: var(--spacing-large)
}

:root .pb-extraLarge{
  padding-bottom: var(--spacing-extra-large)
}

:root .pb-extraLargePlus{
  padding-bottom: var(--spacing-extra-large-plus)
}

:root .pe-0{
  padding-inline-end: var(--spacing-0)
}

:root .pe-4{
  padding-inline-end: var(--spacing-4)
}

:root .pe-8{
  padding-inline-end: var(--spacing-8)
}

:root .pe-12{
  padding-inline-end: var(--spacing-12)
}

:root .pe-16{
  padding-inline-end: var(--spacing-16)
}

:root .pe-20{
  padding-inline-end: var(--spacing-20)
}

:root .pe-24{
  padding-inline-end: var(--spacing-24)
}

:root .pe-28{
  padding-inline-end: var(--spacing-28)
}

:root .pe-32{
  padding-inline-end: var(--spacing-32)
}

:root .pe-36{
  padding-inline-end: var(--spacing-36)
}

:root .pe-40{
  padding-inline-end: var(--spacing-40)
}

:root .pe-44{
  padding-inline-end: var(--spacing-44)
}

:root .pe-micro{
  padding-inline-end: var(--spacing-micro)
}

:root .pe-mini{
  padding-inline-end: var(--spacing-mini)
}

:root .pe-small{
  padding-inline-end: var(--spacing-small)
}

:root .pe-base{
  padding-inline-end: var(--spacing-base)
}

:root .pe-basePlus{
  padding-inline-end: var(--spacing-base-plus)
}

:root .pe-medium{
  padding-inline-end: var(--spacing-medium)
}

:root .pe-mediumPlus{
  padding-inline-end: var(--spacing-medium-plus)
}

:root .pe-large{
  padding-inline-end: var(--spacing-large)
}

:root .pe-extraLarge{
  padding-inline-end: var(--spacing-extra-large)
}

:root .pe-extraLargePlus{
  padding-inline-end: var(--spacing-extra-large-plus)
}

:root .scale-x-flip{
  transform: scaleX(-1)
}

:root .font-sans{
  font-family: var(--font-family-sans)
}

:root .font-sans-display{
  font-family: var(--font-family-sans-display)
}

:root .font-sans-fallback{
  font-family: var(--font-family-sans-fallback)
}

:root .font-serif{
  font-family: var(--font-family-serif)
}

:root .font-serif-display{
  font-family: var(--font-family-serif-display)
}

:root .font-serif-fallback{
  font-family: var(--font-family-serif-fallback)
}

:root .font-condensed{
  font-family: var(--font-family-condensed)
}

:root .font-condensed-fallback{
  font-family: var(--font-family-condensed-fallback)
}

:root .antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

:root .subpixel-antialiased{
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto
}

:root .italic{
  font-style: italic
}

:root .non-italic{
  font-style: normal
}

:root .text-4{
  font-size: var(--font-size-4)
}

:root .text-8{
  font-size: var(--font-size-8)
}

:root .text-10{
  font-size: var(--font-size-10)
}

:root .text-11{
  font-size: var(--font-size-11)
}

:root .text-12{
  font-size: var(--font-size-12)
}

:root .text-14{
  font-size: var(--font-size-14)
}

:root .text-16{
  font-size: var(--font-size-16)
}

:root .text-18{
  font-size: var(--font-size-18)
}

:root .text-20{
  font-size: var(--font-size-20)
}

:root .text-24{
  font-size: var(--font-size-24)
}

:root .text-28{
  font-size: var(--font-size-28)
}

:root .text-32{
  font-size: var(--font-size-32)
}

:root .text-36{
  font-size: var(--font-size-36)
}

:root .text-40{
  font-size: var(--font-size-40)
}

:root .text-44{
  font-size: var(--font-size-44)
}

:root .text-48{
  font-size: var(--font-size-48)
}

:root .text-micro{
  font-size: var(--font-size-micro)
}

:root .text-mini{
  font-size: var(--font-size-mini)
}

:root .text-small{
  font-size: var(--font-size-small)
}

:root .text-base{
  font-size: var(--font-size-base)
}

:root .text-basePlus{
  font-size: var(--font-size-base-plus)
}

:root .text-medium{
  font-size: var(--font-size-medium)
}

:root .text-mediumPlus{
  font-size: var(--font-size-medium-plus)
}

:root .text-large{
  font-size: var(--font-size-large)
}

:root .text-extraLarge{
  font-size: var(--font-size-extra-large)
}

:root .text-doubleLarge{
  font-size: var(--font-size-double-large)
}

:root .font-300{
  font-weight: var(--font-weight-300)
}

:root .font-400{
  font-weight: var(--font-weight-400)
}

:root .font-700{
  font-weight: var(--font-weight-700)
}

:root .font-light{
  font-weight: var(--font-weight-light)
}

:root .font-regular{
  font-weight: var(--font-weight-regular)
}

:root .font-bold{
  font-weight: var(--font-weight-bold)
}

:root .typography-height-micro{
  line-height: 16px
}

:root .typography-height-mini{
  line-height: 16px
}

:root .typography-height-small{
  line-height: 18px
}

:root .typography-height-base{
  line-height: 20px
}

:root .typography-height-basePlus{
  line-height: 21px
}

:root .typography-height-medium{
  line-height: 22px
}

:root .typography-height-mediumPlus{
  line-height: 28px
}

:root .typography-height-large{
  line-height: 28px
}

:root .typography-height-extraLarge{
  line-height: 31px
}

:root .typography-height-doubleLarge{
  line-height: 44px
}

:root .tracking-tigher{
  letter-spacing: var(--typography-letter-spacing-tigher)
}

:root .tracking-tight{
  letter-spacing: var(--typography-letter-spacing-tight)
}

:root .tracking-normal{
  letter-spacing: var(--typography-letter-spacing-normal)
}

:root .tracking-wide{
  letter-spacing: var(--typography-letter-spacing-wide)
}

:root .tracking-wider{
  letter-spacing: var(--typography-letter-spacing-wider)
}

:root .tracking-widest{
  letter-spacing: var(--typography-letter-spacing-widest)
}

:root .leading-micro{
  line-height: var(--font-line-height-micro)
}

:root .leading-mini{
  line-height: var(--font-line-height-mini)
}

:root .leading-small{
  line-height: var(--font-line-height-small)
}

:root .leading-base{
  line-height: var(--font-line-height-base)
}

:root .leading-basePlus{
  line-height: var(--font-line-height-base-plus)
}

:root .leading-medium{
  line-height: var(--font-line-height-medium)
}

:root .leading-mediumPlus{
  line-height: var(--font-line-height-medium-plus)
}

:root .leading-large{
  line-height: var(--font-line-height-large)
}

:root .leading-extraLarge{
  line-height: var(--font-line-height-extra-large)
}

:root .leading-doubleLarge{
  line-height: var(--font-line-height-double-large)
}

:root .two{
  -webkit-line-clamp: 2
}

:root .text-size-micro{
  font-size: 10px
}

:root .text-size-mini{
  font-size: 11px
}

:root .text-size-small{
  font-size: 13px
}

:root .text-size-base{
  font-size: 15px
}

:root .text-size-basePlus{
  font-size: 15px
}

:root .text-size-medium{
  font-size: 18px
}

:root .text-size-mediumPlus{
  font-size: 20px
}

:root .text-size-large{
  font-size: 22px
}

:root .text-size-extraLarge{
  font-size: 24px
}

:root .text-size-doubleLarge{
  font-size: 36px
}

:root .text-start{
  text-align: start
}

:root .text-end{
  text-align: end
}

:root .text-left{
  text-align: left
}

:root .text-right{
  text-align: right
}

:root .text-center{
  text-align: center
}

:root .text-justify{
  text-align: justify
}

:root .text-primary{
  color: var(--font-color-primary)
}

:root .text-secondary{
  color: var(--font-color-secondary)
}

:root .text-link{
  color: var(--font-color-link)
}

:root .text-placeholder{
  color: var(--font-color-placeholder)
}

:root .text-error{
  color: var(--font-color-error)
}

:root .text-success{
  color: var(--font-color-success)
}

:root .text-disabled{
  color: var(--font-color-disabled)
}

:root .text-selected{
  color: var(--font-color-selected)
}

:root .text-available{
  color: var(--font-color-available)
}

:root .text-unavailable{
  color: var(--font-color-unavailable)
}

:root .text-low-inventory{
  color: var(--font-color-low-inventory)
}

:root .text-restock{
  color: var(--font-color-restock)
}

:root .text-feedback-success{
  color: var(--color-feedback-success)
}

:root .text-feedback-error{
  color: var(--color-feedback-error)
}

:root .text-feedback-information{
  color: var(--color-feedback-information)
}

:root .text-feedback-warning{
  color: var(--color-feedback-warning)
}

:root .text-gray-100{
  color: var(--color-gray-100)
}

:root .text-gray-200{
  color: var(--color-gray-200)
}

:root .text-gray-300{
  color: var(--color-gray-300)
}

:root .text-gray-400{
  color: var(--color-gray-400)
}

:root .text-gray-500{
  color: var(--color-gray-500)
}

:root .text-gray-600{
  color: var(--color-gray-600)
}

:root .text-gray-700{
  color: var(--color-gray-700)
}

:root .text-gray-800{
  color: var(--color-gray-800)
}

:root .text-gray-900{
  color: var(--color-gray-900)
}

:root .text-gray-1000{
  color: var(--color-gray-1000)
}

:root .text-gray-1100{
  color: var(--color-gray-1100)
}

:root .text-gray-1200{
  color: var(--color-gray-1200)
}

:root .text-gray-1300{
  color: var(--color-gray-1300)
}

:root .text-gray-1400{
  color: var(--color-gray-1400)
}

:root .text-gray-1500{
  color: var(--color-gray-1500)
}

:root .text-gray-1600{
  color: var(--color-gray-1600)
}

:root .text-blue-100{
  color: var(--color-blue-100)
}

:root .text-blue-200{
  color: var(--color-blue-200)
}

:root .text-blue-300{
  color: var(--color-blue-300)
}

:root .text-blue-400{
  color: var(--color-blue-400)
}

:root .text-blue-500{
  color: var(--color-blue-500)
}

:root .text-blue-600{
  color: var(--color-blue-600)
}

:root .text-blue-700{
  color: var(--color-blue-700)
}

:root .text-blue-800{
  color: var(--color-blue-800)
}

:root .text-blue-900{
  color: var(--color-blue-900)
}

:root .text-blue-1000{
  color: var(--color-blue-1000)
}

:root .text-blue-1100{
  color: var(--color-blue-1100)
}

:root .text-blue-1200{
  color: var(--color-blue-1200)
}

:root .text-blue-1300{
  color: var(--color-blue-1300)
}

:root .text-blue-1400{
  color: var(--color-blue-1400)
}

:root .text-blue-1500{
  color: var(--color-blue-1500)
}

:root .text-orange-100{
  color: var(--color-orange-100)
}

:root .text-orange-200{
  color: var(--color-orange-200)
}

:root .text-orange-300{
  color: var(--color-orange-300)
}

:root .text-orange-400{
  color: var(--color-orange-400)
}

:root .text-orange-500{
  color: var(--color-orange-500)
}

:root .text-orange-600{
  color: var(--color-orange-600)
}

:root .text-orange-700{
  color: var(--color-orange-700)
}

:root .text-orange-800{
  color: var(--color-orange-800)
}

:root .text-orange-900{
  color: var(--color-orange-900)
}

:root .text-orange-1000{
  color: var(--color-orange-1000)
}

:root .text-orange-1100{
  color: var(--color-orange-1100)
}

:root .text-orange-1200{
  color: var(--color-orange-1200)
}

:root .text-orange-1300{
  color: var(--color-orange-1300)
}

:root .text-orange-1400{
  color: var(--color-orange-1400)
}

:root .text-orange-1500{
  color: var(--color-orange-1500)
}

:root .text-yellow-100{
  color: var(--color-yellow-100)
}

:root .text-yellow-200{
  color: var(--color-yellow-200)
}

:root .text-yellow-300{
  color: var(--color-yellow-300)
}

:root .text-yellow-400{
  color: var(--color-yellow-400)
}

:root .text-yellow-500{
  color: var(--color-yellow-500)
}

:root .text-yellow-600{
  color: var(--color-yellow-600)
}

:root .text-yellow-700{
  color: var(--color-yellow-700)
}

:root .text-yellow-800{
  color: var(--color-yellow-800)
}

:root .text-yellow-900{
  color: var(--color-yellow-900)
}

:root .text-yellow-1000{
  color: var(--color-yellow-1000)
}

:root .text-yellow-1100{
  color: var(--color-yellow-1100)
}

:root .text-yellow-1200{
  color: var(--color-yellow-1200)
}

:root .text-yellow-1300{
  color: var(--color-yellow-1300)
}

:root .text-yellow-1400{
  color: var(--color-yellow-1400)
}

:root .text-yellow-1500{
  color: var(--color-yellow-1500)
}

:root .text-green-100{
  color: var(--color-green-100)
}

:root .text-green-200{
  color: var(--color-green-200)
}

:root .text-green-300{
  color: var(--color-green-300)
}

:root .text-green-400{
  color: var(--color-green-400)
}

:root .text-green-500{
  color: var(--color-green-500)
}

:root .text-green-600{
  color: var(--color-green-600)
}

:root .text-green-700{
  color: var(--color-green-700)
}

:root .text-green-800{
  color: var(--color-green-800)
}

:root .text-green-900{
  color: var(--color-green-900)
}

:root .text-green-1000{
  color: var(--color-green-1000)
}

:root .text-green-1100{
  color: var(--color-green-1100)
}

:root .text-green-1200{
  color: var(--color-green-1200)
}

:root .text-green-1300{
  color: var(--color-green-1300)
}

:root .text-green-1400{
  color: var(--color-green-1400)
}

:root .text-red-100{
  color: var(--color-red-100)
}

:root .text-red-200{
  color: var(--color-red-200)
}

:root .text-red-300{
  color: var(--color-red-300)
}

:root .text-red-400{
  color: var(--color-red-400)
}

:root .text-red-500{
  color: var(--color-red-500)
}

:root .text-red-600{
  color: var(--color-red-600)
}

:root .text-red-700{
  color: var(--color-red-700)
}

:root .text-red-800{
  color: var(--color-red-800)
}

:root .text-red-900{
  color: var(--color-red-900)
}

:root .text-red-1000{
  color: var(--color-red-1000)
}

:root .text-red-1100{
  color: var(--color-red-1100)
}

:root .text-red-1200{
  color: var(--color-red-1200)
}

:root .text-red-1300{
  color: var(--color-red-1300)
}

:root .text-red-1400{
  color: var(--color-red-1400)
}

:root .text-shorthand-transparent{
  color: var(--color-shorthand-transparent)
}

:root .underline{
  text-decoration: underline
}

:root .line-through{
  text-decoration: line-through
}

:root .no-underline{
  text-decoration: none
}

:root .textDecorationColor-primary{
  text-decoration-color: var(--font-color-primary)
}

:root .textDecorationColor-secondary{
  text-decoration-color: var(--font-color-secondary)
}

:root .textDecorationColor-link{
  text-decoration-color: var(--font-color-link)
}

:root .textDecorationColor-placeholder{
  text-decoration-color: var(--font-color-placeholder)
}

:root .textDecorationColor-error{
  text-decoration-color: var(--font-color-error)
}

:root .textDecorationColor-success{
  text-decoration-color: var(--font-color-success)
}

:root .textDecorationColor-disabled{
  text-decoration-color: var(--font-color-disabled)
}

:root .textDecorationColor-selected{
  text-decoration-color: var(--font-color-selected)
}

:root .textDecorationColor-available{
  text-decoration-color: var(--font-color-available)
}

:root .textDecorationColor-unavailable{
  text-decoration-color: var(--font-color-unavailable)
}

:root .textDecorationColor-low-inventory{
  text-decoration-color: var(--font-color-low-inventory)
}

:root .textDecorationColor-restock{
  text-decoration-color: var(--font-color-restock)
}

:root .textDecorationColor-feedback-success{
  text-decoration-color: var(--color-feedback-success)
}

:root .textDecorationColor-feedback-error{
  text-decoration-color: var(--color-feedback-error)
}

:root .textDecorationColor-feedback-information{
  text-decoration-color: var(--color-feedback-information)
}

:root .textDecorationColor-feedback-warning{
  text-decoration-color: var(--color-feedback-warning)
}

:root .textDecorationColor-gray-100{
  text-decoration-color: var(--color-gray-100)
}

:root .textDecorationColor-gray-200{
  text-decoration-color: var(--color-gray-200)
}

:root .textDecorationColor-gray-300{
  text-decoration-color: var(--color-gray-300)
}

:root .textDecorationColor-gray-400{
  text-decoration-color: var(--color-gray-400)
}

:root .textDecorationColor-gray-500{
  text-decoration-color: var(--color-gray-500)
}

:root .textDecorationColor-gray-600{
  text-decoration-color: var(--color-gray-600)
}

:root .textDecorationColor-gray-700{
  text-decoration-color: var(--color-gray-700)
}

:root .textDecorationColor-gray-800{
  text-decoration-color: var(--color-gray-800)
}

:root .textDecorationColor-gray-900{
  text-decoration-color: var(--color-gray-900)
}

:root .textDecorationColor-gray-1000{
  text-decoration-color: var(--color-gray-1000)
}

:root .textDecorationColor-gray-1100{
  text-decoration-color: var(--color-gray-1100)
}

:root .textDecorationColor-gray-1200{
  text-decoration-color: var(--color-gray-1200)
}

:root .textDecorationColor-gray-1300{
  text-decoration-color: var(--color-gray-1300)
}

:root .textDecorationColor-gray-1400{
  text-decoration-color: var(--color-gray-1400)
}

:root .textDecorationColor-gray-1500{
  text-decoration-color: var(--color-gray-1500)
}

:root .textDecorationColor-gray-1600{
  text-decoration-color: var(--color-gray-1600)
}

:root .textDecorationColor-blue-100{
  text-decoration-color: var(--color-blue-100)
}

:root .textDecorationColor-blue-200{
  text-decoration-color: var(--color-blue-200)
}

:root .textDecorationColor-blue-300{
  text-decoration-color: var(--color-blue-300)
}

:root .textDecorationColor-blue-400{
  text-decoration-color: var(--color-blue-400)
}

:root .textDecorationColor-blue-500{
  text-decoration-color: var(--color-blue-500)
}

:root .textDecorationColor-blue-600{
  text-decoration-color: var(--color-blue-600)
}

:root .textDecorationColor-blue-700{
  text-decoration-color: var(--color-blue-700)
}

:root .textDecorationColor-blue-800{
  text-decoration-color: var(--color-blue-800)
}

:root .textDecorationColor-blue-900{
  text-decoration-color: var(--color-blue-900)
}

:root .textDecorationColor-blue-1000{
  text-decoration-color: var(--color-blue-1000)
}

:root .textDecorationColor-blue-1100{
  text-decoration-color: var(--color-blue-1100)
}

:root .textDecorationColor-blue-1200{
  text-decoration-color: var(--color-blue-1200)
}

:root .textDecorationColor-blue-1300{
  text-decoration-color: var(--color-blue-1300)
}

:root .textDecorationColor-blue-1400{
  text-decoration-color: var(--color-blue-1400)
}

:root .textDecorationColor-blue-1500{
  text-decoration-color: var(--color-blue-1500)
}

:root .textDecorationColor-orange-100{
  text-decoration-color: var(--color-orange-100)
}

:root .textDecorationColor-orange-200{
  text-decoration-color: var(--color-orange-200)
}

:root .textDecorationColor-orange-300{
  text-decoration-color: var(--color-orange-300)
}

:root .textDecorationColor-orange-400{
  text-decoration-color: var(--color-orange-400)
}

:root .textDecorationColor-orange-500{
  text-decoration-color: var(--color-orange-500)
}

:root .textDecorationColor-orange-600{
  text-decoration-color: var(--color-orange-600)
}

:root .textDecorationColor-orange-700{
  text-decoration-color: var(--color-orange-700)
}

:root .textDecorationColor-orange-800{
  text-decoration-color: var(--color-orange-800)
}

:root .textDecorationColor-orange-900{
  text-decoration-color: var(--color-orange-900)
}

:root .textDecorationColor-orange-1000{
  text-decoration-color: var(--color-orange-1000)
}

:root .textDecorationColor-orange-1100{
  text-decoration-color: var(--color-orange-1100)
}

:root .textDecorationColor-orange-1200{
  text-decoration-color: var(--color-orange-1200)
}

:root .textDecorationColor-orange-1300{
  text-decoration-color: var(--color-orange-1300)
}

:root .textDecorationColor-orange-1400{
  text-decoration-color: var(--color-orange-1400)
}

:root .textDecorationColor-orange-1500{
  text-decoration-color: var(--color-orange-1500)
}

:root .textDecorationColor-yellow-100{
  text-decoration-color: var(--color-yellow-100)
}

:root .textDecorationColor-yellow-200{
  text-decoration-color: var(--color-yellow-200)
}

:root .textDecorationColor-yellow-300{
  text-decoration-color: var(--color-yellow-300)
}

:root .textDecorationColor-yellow-400{
  text-decoration-color: var(--color-yellow-400)
}

:root .textDecorationColor-yellow-500{
  text-decoration-color: var(--color-yellow-500)
}

:root .textDecorationColor-yellow-600{
  text-decoration-color: var(--color-yellow-600)
}

:root .textDecorationColor-yellow-700{
  text-decoration-color: var(--color-yellow-700)
}

:root .textDecorationColor-yellow-800{
  text-decoration-color: var(--color-yellow-800)
}

:root .textDecorationColor-yellow-900{
  text-decoration-color: var(--color-yellow-900)
}

:root .textDecorationColor-yellow-1000{
  text-decoration-color: var(--color-yellow-1000)
}

:root .textDecorationColor-yellow-1100{
  text-decoration-color: var(--color-yellow-1100)
}

:root .textDecorationColor-yellow-1200{
  text-decoration-color: var(--color-yellow-1200)
}

:root .textDecorationColor-yellow-1300{
  text-decoration-color: var(--color-yellow-1300)
}

:root .textDecorationColor-yellow-1400{
  text-decoration-color: var(--color-yellow-1400)
}

:root .textDecorationColor-yellow-1500{
  text-decoration-color: var(--color-yellow-1500)
}

:root .textDecorationColor-green-100{
  text-decoration-color: var(--color-green-100)
}

:root .textDecorationColor-green-200{
  text-decoration-color: var(--color-green-200)
}

:root .textDecorationColor-green-300{
  text-decoration-color: var(--color-green-300)
}

:root .textDecorationColor-green-400{
  text-decoration-color: var(--color-green-400)
}

:root .textDecorationColor-green-500{
  text-decoration-color: var(--color-green-500)
}

:root .textDecorationColor-green-600{
  text-decoration-color: var(--color-green-600)
}

:root .textDecorationColor-green-700{
  text-decoration-color: var(--color-green-700)
}

:root .textDecorationColor-green-800{
  text-decoration-color: var(--color-green-800)
}

:root .textDecorationColor-green-900{
  text-decoration-color: var(--color-green-900)
}

:root .textDecorationColor-green-1000{
  text-decoration-color: var(--color-green-1000)
}

:root .textDecorationColor-green-1100{
  text-decoration-color: var(--color-green-1100)
}

:root .textDecorationColor-green-1200{
  text-decoration-color: var(--color-green-1200)
}

:root .textDecorationColor-green-1300{
  text-decoration-color: var(--color-green-1300)
}

:root .textDecorationColor-green-1400{
  text-decoration-color: var(--color-green-1400)
}

:root .textDecorationColor-red-100{
  text-decoration-color: var(--color-red-100)
}

:root .textDecorationColor-red-200{
  text-decoration-color: var(--color-red-200)
}

:root .textDecorationColor-red-300{
  text-decoration-color: var(--color-red-300)
}

:root .textDecorationColor-red-400{
  text-decoration-color: var(--color-red-400)
}

:root .textDecorationColor-red-500{
  text-decoration-color: var(--color-red-500)
}

:root .textDecorationColor-red-600{
  text-decoration-color: var(--color-red-600)
}

:root .textDecorationColor-red-700{
  text-decoration-color: var(--color-red-700)
}

:root .textDecorationColor-red-800{
  text-decoration-color: var(--color-red-800)
}

:root .textDecorationColor-red-900{
  text-decoration-color: var(--color-red-900)
}

:root .textDecorationColor-red-1000{
  text-decoration-color: var(--color-red-1000)
}

:root .textDecorationColor-red-1100{
  text-decoration-color: var(--color-red-1100)
}

:root .textDecorationColor-red-1200{
  text-decoration-color: var(--color-red-1200)
}

:root .textDecorationColor-red-1300{
  text-decoration-color: var(--color-red-1300)
}

:root .textDecorationColor-red-1400{
  text-decoration-color: var(--color-red-1400)
}

:root .textDecorationColor-shorthand-transparent{
  text-decoration-color: var(--color-shorthand-transparent)
}

:root .truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

:root .overflow-ellipsis{
  text-overflow: ellipsis
}

:root .overflow-clip{
  text-overflow: clip
}

:root .uppercase{
  text-transform: uppercase
}

:root .lowercase{
  text-transform: lowercase
}

:root .capitalize{
  text-transform: capitalize
}

:root .normal-case{
  text-transform: none
}

:root .align-baseline{
  vertical-align: baseline
}

:root .align-top{
  vertical-align: top
}

:root .align-middle{
  vertical-align: middle
}

:root .align-bottom{
  vertical-align: bottom
}

:root .align-text-top{
  vertical-align: text-top
}

:root .align-text-bottom{
  vertical-align: text-bottom
}

:root .whitespace-normal{
  white-space: normal
}

:root .whitespace-nowrap{
  white-space: nowrap
}

:root .whitespace-pre{
  white-space: pre
}

:root .whitespace-pre-line{
  white-space: pre-line
}

:root .whitespace-pre-wrap{
  white-space: pre-wrap
}

:root .break-normal{
  overflow-wrap: normal;
  word-break: normal
}

:root .break-words{
  overflow-wrap: break-word
}

:root .break-all{
  word-break: break-all
}

:root [dir="rtl"] .clear-start{
  clear: right
}

:root [dir="rtl"] .clear-end{
  clear: left
}

:root [dir="rtl"] .float-start{
  float: right
}

:root [dir="rtl"] .float-end{
  float: left
}:root {
  --default-font-weight-h6: ;
  --default-font-weight-h5: ;
  --default-font-weight-h4: ;
  --default-font-weight-h3: ;
  --default-font-weight-h2: ;
  --default-font-weight-h1: ;
  --default-font-weight-base: ;
  --typography-letter-spacing-widest: 0.1em;
  --typography-letter-spacing-wider: 0.05em;
  --typography-letter-spacing-wide: 0.025em;
  --typography-letter-spacing-normal: 0em;
  --typography-letter-spacing-tight: -0.025em;
  --typography-letter-spacing-tigher: -0.05em;
  --spacing-44: 2.75rem;
  --spacing-0: 0;
  --layout-object-position-top: top;
  --layout-object-position-right-top: right top;
  --layout-object-position-right-bottom: right bottom;
  --layout-object-position-right: right;
  --layout-object-position-left-top: left top;
  --layout-object-position-left-bottom: left bottom;
  --layout-object-position-left: left;
  --layout-object-position-center: center ;
  --layout-object-position-bottom: bottom;
  --grid-order-none: 0;
  --grid-order-last: 9999;
  --grid-order-first: -9999;
  --grid-order-12: 12;
  --grid-order-11: 11;
  --grid-order-10: 10;
  --grid-order-9: 9;
  --grid-order-8: 8;
  --grid-order-7: 7;
  --grid-order-6: 6;
  --grid-order-5: 5;
  --grid-order-4: 4;
  --grid-order-3: 3;
  --grid-order-2: 2;
  --grid-order-1: 1;
  --grid-template-rows-6: repeat(6, minmax(0, 1fr));
  --grid-template-rows-5: repeat(5, minmax(0, 1fr));
  --grid-template-rows-4: repeat(4, minmax(0, 1fr));
  --grid-template-rows-3: repeat(3, minmax(0, 1fr));
  --grid-template-rows-2: repeat(2, minmax(0, 1fr));
  --grid-template-rows-1: repeat(1, minmax(0, 1fr));
  --grid-template-columns-none: none;
  --grid-template-columns-12: repeat(12, minmax(0, 1fr));
  --grid-template-columns-11: repeat(11, minmax(0, 1fr));
  --grid-template-columns-10: repeat(10, minmax(0, 1fr));
  --grid-template-columns-9: repeat(9, minmax(0, 1fr));
  --grid-template-columns-8: repeat(8, minmax(0, 1fr));
  --grid-template-columns-7: repeat(7, minmax(0, 1fr));
  --grid-template-columns-6: repeat(6, minmax(0, 1fr));
  --grid-template-columns-5: repeat(5, minmax(0, 1fr));
  --grid-template-columns-4: repeat(4, minmax(0, 1fr));
  --grid-template-columns-3: repeat(3, minmax(0, 1fr));
  --grid-template-columns-2: repeat(2, minmax(0, 1fr));
  --grid-template-columns-1: repeat(1, minmax(0, 1fr));
  --grid-row-auto: auto;
  --grid-row-7: 7;
  --grid-row-6: 6;
  --grid-row-5: 5;
  --grid-row-4: 4;
  --grid-row-3: 3;
  --grid-row-2: 2;
  --grid-row-1: 1;
  --grid-column-span-full: 1 / -1;
  --grid-column-span-12: span 12 / span 12;
  --grid-column-span-11: span 11 / span 11;
  --grid-column-span-10: span 10 / span 10;
  --grid-column-span-9: span 9 / span 9;
  --grid-column-span-8: span 8 / span 8;
  --grid-column-span-7: span 7 / span 7;
  --grid-column-span-6: span 6 / span 6;
  --grid-column-span-5: span 5 / span 5;
  --grid-column-span-4: span 4 / span 4;
  --grid-column-span-3: span 3 / span 3;
  --grid-column-span-2: span 2 / span 2;
  --grid-column-span-1: span 1 / span 1;
  --grid-auto-columns-fr: minmax(0, 1fr);
  --grid-auto-columns-max: max-content;
  --grid-auto-columns-min: min-content;
  --grid-auto-columns-auto: auto;
  --font-family-condensed-fallback: Arial;
  --font-family-serif-fallback: Arial;
  --font-family-sans-fallback: Arial;
  --font-color-link: #2162A1;
  --font-size-48: 3rem;
  --font-size-44: 2.75rem;
  --font-size-40: 2.5rem;
  --font-size-32: 2rem;
  --font-size-8: 0.50rem;
  --font-size-4: 0.25rem;
  --flexbox-order-none: 0;
  --flexbox-order-last: 9999;
  --flexbox-order-first: -9999;
  --flexbox-order-12: 12;
  --flexbox-order-11: 11;
  --flexbox-order-10: 10;
  --flexbox-order-9: 9;
  --flexbox-order-8: 8;
  --flexbox-order-7: 7;
  --flexbox-order-6: 6;
  --flexbox-order-5: 5;
  --flexbox-order-4: 4;
  --flexbox-order-3: 3;
  --flexbox-order-2: 2;
  --flexbox-order-1: 1;
  --flexbox-basis-12: 100%;
  --flexbox-basis-11: 91.66%;
  --flexbox-basis-10: 83.33%;
  --flexbox-basis-9: 75%;
  --flexbox-basis-8: 66.66%;
  --flexbox-basis-7: 58.33%;
  --flexbox-basis-6: 50%;
  --flexbox-basis-5: 41.66%;
  --flexbox-basis-4: 33.33%;
  --flexbox-basis-3: 25%;
  --flexbox-basis-2: 16.66%;
  --flexbox-basis-1: 8.33%;
  --flexbox-grow-1: 1;
  --flexbox-grow-0: 0;
  --flexbox-flex-none: none;
  --flexbox-flex-initial: 0 1 auto;
  --flexbox-flex-auto: 1 1 auto;
  --flexbox-flex-1: 1 1 0%;
  --effect-opacity-100: 1;
  --effect-opacity-95: 0.95;
  --effect-opacity-90: 0.9;
  --effect-opacity-80: 0.8;
  --effect-opacity-75: 0.75;
  --effect-opacity-70: 0.7;
  --effect-opacity-60: 0.6;
  --effect-opacity-50: 0.5;
  --effect-opacity-40: 0.4;
  --effect-opacity-30: 0.3;
  --effect-opacity-25: 0.25;
  --effect-opacity-20: 0.2;
  --effect-opacity-10: 0.1;
  --effect-opacity-5: 0.05;
  --effect-opacity-0: 0;
  --effect-box-shadow-inset: 0 0.125rem 0.063rem rgba(15, 17, 17, 0.15);
  --color-shorthand-transparent: rgba(0, 0, 0, 0);
  --border-outline-width-large: 8px;
  --border-outline-width-medium: 4px;
  --border-outline-width-small: 2px;
  --border-outline-width-mini: 1px;
  --border-outline-width-none: 0;
  --border-outline-offset-large: 8px;
  --border-outline-offset-medium: 4px;
  --border-outline-offset-small: 2px;
  --border-outline-offset-mini: 1px;
  --border-outline-offset-none: 0;
  --border-radius-full: 10rem;
  --border-radius-0: 0;
  --border-size-12: 0.75rem;
  --border-size-4: 0.25rem;
  --border-size-0: 0;
  --border-color-dark: ;
  --background-position-top: top;
  --background-position-right-top: right top;
  --background-position-right-bottom: right bottom;
  --background-position-right: right;
  --background-position-left-top: left top;
  --background-position-left-bottom: left bottom;
  --background-position-left: left;
  --background-position-center: center ;
  --background-position-bottom: bottom;
  --background-size-contain: contain;
  --background-size-cover: cover;
  --background-size-auto: auto;
  --interactivity-cursor-not-allowed: not-allowed;
  --interactivity-cursor-help: help;
  --interactivity-cursor-move: move;
  --interactivity-cursor-text: text;
  --interactivity-cursor-wait: wait;
  --interactivity-cursor-pointer: pointer;
  --interactivity-cursor-default: default;
  --interactivity-cursor-auto: auto;
  --utility-spacing-3: 0.3rem;
  --utility-spacing-2: 0.2rem;
  --utility-spacing-1: 0.1rem;
  --legacy-shape-radius-3: 0.3rem;
  --legacy-shape-radius-0: 0rem;
  --legacy-spacing-18: 1.8rem;
  --legacy-spacing-17: 1.7rem;
  --legacy-spacing-15: 1.5rem;
  --legacy-spacing-14: 1.4rem;
  --legacy-spacing-13: 1.3rem;
  --legacy-spacing-11: 1.1rem;
  --legacy-spacing-10: 1rem;
  --legacy-spacing-7: 0.7rem;
  --legacy-spacing-6: 0.6rem;
  --legacy-spacing-5: 0.5rem;
  --legacy-spacing-2: 0.2rem;
  --legacy-spacing-1: 0.1rem;
  --legacy-typography-line-height-46: 4.6rem;
  --legacy-typography-line-height-37: 3.7rem;
  --legacy-typography-line-height-34: 3.4rem;
  --legacy-typography-line-height-31: 3.1rem;
  --legacy-typography-line-height-30: 3rem;
  --legacy-typography-line-height-29: 2.9rem;
  --legacy-typography-line-height-26: 2.6rem;
  --legacy-typography-line-height-25: 2.5rem;
  --legacy-typography-line-height-22: 2.2rem;
  --legacy-typography-line-height-21: 2.1rem;
  --legacy-typography-line-height-19: 1.9rem;
  --legacy-typography-line-height-18: 1.8rem;
  --legacy-typography-line-height-15: 1.5rem;
  --legacy-typography-line-height-14: 1.4rem;
  --legacy-typography-line-height-13: 1.3rem;
  --legacy-typography-size-38: 3.8rem;
  --legacy-typography-size-22: 2.2rem;
  --legacy-typography-size-21: 2.1rem;
  --legacy-typography-size-17: 1.7rem;
  --legacy-typography-size-15: 1.5rem;
  --legacy-typography-size-13: 1.3rem;
  --legacy-typography-size-11: 1.1rem;
  --legacy-color-orange-ecb98-b: #ECB98B;
  --legacy-color-orange-fccf8-b: #FCCF8B;
  --legacy-color-orange-c7511-f: #C7511F;
  --legacy-color-red-dd0000: #DD0000;
  --legacy-color-green-008-a00: #008A00;
  --legacy-color-green-007600: #007600;
  --legacy-color-gray-eaecec: #EAECEC;
  --legacy-color-gray-f3-f3-f3: #F3F3F3;
  --base-shape-border-3: 0.3rem;
  --base-shape-border-2: 0.2rem;
  --base-shape-border-1: 0.1rem;
  --base-shape-radius-100: 10rem;
  --base-shape-radius-16: 1.6rem;
  --base-shape-radius-12: 1.2rem;
  --base-shape-radius-9: 0.9rem;
  --base-shape-radius-8: 0.8rem;
  --base-shape-radius-5: 0.5rem;
  --base-shape-radius-4: 0.4rem;
  --base-shape-radius-2: 0.2rem;
  --base-elevation-inset-false: false;
  --base-elevation-inset-true: true;
  --base-elevation-depth-blur-14: 1.4rem;
  --base-elevation-depth-blur-5: 0.5rem;
  --base-elevation-depth-blur-1: 0.1rem;
  --base-elevation-depth-y-2: 0.2rem;
  --base-elevation-depth-y-0: 0rem;
  --base-elevation-depth-x-0: 0rem;
  --base-typography-style-subscript: subscript;
  --base-typography-style-superscript: superscript;
  --base-typography-style-strikethrough: strikethrough;
  --base-typography-style-underline: underline;
  --base-typography-style-italic: italic;
  --base-typography-style-emphasis: emphasis;
  --base-typography-alignment-end: end;
  --base-typography-alignment-center: center;
  --base-typography-alignment-start: start;
  --base-typography-weight-700: 700;
  --base-typography-weight-400: 400;
  --base-typography-weight-300: 300;
  --base-typography-line-height-44: 4.4rem;
  --base-typography-line-height-36: 3.6rem;
  --base-typography-line-height-32: 3.2rem;
  --base-typography-line-height-28: 2.8rem;
  --base-typography-line-height-24: 2.4rem;
  --base-typography-line-height-20: 2rem;
  --base-typography-line-height-16: 1.6rem;
  --base-typography-size-36: 3.6rem;
  --base-typography-size-28: 2.8rem;
  --base-typography-size-24: 2.4rem;
  --base-typography-size-20: 2rem;
  --base-typography-size-18: 1.8rem;
  --base-typography-size-16: 1.6rem;
  --base-typography-size-14: 1.4rem;
  --base-typography-size-12: 1.2rem;
  --base-typography-size-10: 1rem;
  --base-typography-font-family: Amazon Ember;
  --base-spacing-44: 4.4rem;
  --base-spacing-40: 4rem;
  --base-spacing-36: 3.6rem;
  --base-spacing-32: 3.2rem;
  --base-spacing-28: 2.8rem;
  --base-spacing-24: 2.4rem;
  --base-spacing-20: 2rem;
  --base-spacing-16: 1.6rem;
  --base-spacing-12: 1.2rem;
  --base-spacing-8: 0.8rem;
  --base-spacing-4: 0.4rem;
  --base-color-opacity-light-90: #FFFFFF90;
  --base-color-opacity-dark-60: #0F111160;
  --base-color-opacity-dark-50: #0F111150;
  --base-color-opacity-dark-15: #0F111115;
  --base-color-orange-1500: #FFF6E0;
  --base-color-orange-1400: #FFEEC7;
  --base-color-orange-1300: #FFE4AD;
  --base-color-orange-1200: #FFD894;
  --base-color-orange-1100: #FFCE7A;
  --base-color-orange-1000: #FFC663;
  --base-color-orange-900: #FFB952;
  --base-color-orange-800: #FFAF38;
  --base-color-orange-700: #FFA41C;
  --base-color-orange-600: #FF8F00;
  --base-color-orange-500: #FA8900;
  --base-color-orange-400: #F78307;
  --base-color-orange-300: #EB7B13;
  --base-color-orange-200: #E37719;
  --base-color-orange-100: #DE7921;
  --base-color-yellow-1500: #FFFAE0;
  --base-color-yellow-1400: #FFF6C7;
  --base-color-yellow-1300: #FFF1AD;
  --base-color-yellow-1200: #FFED94;
  --base-color-yellow-1100: #FFE873;
  --base-color-yellow-1000: #FFE147;
  --base-color-yellow-900: #FFD814;
  --base-color-yellow-800: #FCD200;
  --base-color-yellow-700: #F7CA00;
  --base-color-yellow-600: #F2C200;
  --base-color-yellow-500: #F0B800;
  --base-color-yellow-400: #EBB000;
  --base-color-yellow-300: #E8A600;
  --base-color-yellow-200: #E69D00;
  --base-color-yellow-100: #E09600;
  --base-color-green-1400: #E8FFF8;
  --base-color-green-1300: #CCFCED;
  --base-color-green-1200: #AFFAE7;
  --base-color-green-1100: #92F0D8;
  --base-color-green-1000: #72E0C5;
  --base-color-green-900: #56D6B6;
  --base-color-green-800: #3CC9A6;
  --base-color-green-700: #13BD96;
  --base-color-green-600: #12B08C;
  --base-color-green-500: #009674;
  --base-color-green-400: #067D62;
  --base-color-green-300: #04705B;
  --base-color-green-200: #066354;
  --base-color-green-100: #135C50;
  --base-color-red-1400: #FFE3E3;
  --base-color-red-1300: #FFC7C7;
  --base-color-red-1200: #FFADAD;
  --base-color-red-1100: #FF8C8C;
  --base-color-red-1000: #FF6E70;
  --base-color-red-900: #FF4D5B;
  --base-color-red-800: #FC384F;
  --base-color-red-700: #EB1745;
  --base-color-red-600: #DB1846;
  --base-color-red-500: #CC0C39;
  --base-color-red-400: #BA0933;
  --base-color-red-300: #A6072C;
  --base-color-red-200: #94042B;
  --base-color-red-100: #850928;
  --base-color-blue-1500: #F7FEFF;
  --base-color-blue-1400: #EDFDFF;
  --base-color-blue-1300: #DEFAFF;
  --base-color-blue-1200: #C8F3FA;
  --base-color-blue-1100: #91DFEB;
  --base-color-blue-1000: #6ED6E6;
  --base-color-blue-900: #50C4D9;
  --base-color-blue-800: #3DB7CC;
  --base-color-blue-700: #23A4BA;
  --base-color-blue-600: #1196AB;
  --base-color-blue-500: #008296;
  --base-color-blue-400: #007185;
  --base-color-blue-300: #006275;
  --base-color-blue-200: #005769;
  --base-color-blue-100: #054B59;
  --base-color-gray-1600: #FFFFFF;
  --base-color-gray-1500: #F7FAFA;
  --base-color-gray-1400: #F0F2F2;
  --base-color-gray-1300: #E3E6E6;
  --base-color-gray-1200: #D5D9D9;
  --base-color-gray-1100: #C8CCCC;
  --base-color-gray-1000: #BBBFBF;
  --base-color-gray-900: #A2A6A6;
  --base-color-gray-800: #969999;
  --base-color-gray-700: #888C8C;
  --base-color-gray-600: #6F7373;
  --base-color-gray-500: #565959;
  --base-color-gray-400: #494D4D;
  --base-color-gray-300: #303333;
  --base-color-gray-200: #181A1A;
  --base-color-gray-100: #0F1111;
  --default-font-line-height-h1: var(--font-size-32);
  --shape-radius-full: var(--border-radius-full);
  --shape-radius-square: var(--border-radius-0);
  --spacing-40: var(--base-spacing-40);
  --spacing-36: var(--base-spacing-36);
  --spacing-32: var(--base-spacing-32);
  --spacing-28: var(--base-spacing-28);
  --spacing-24: var(--base-spacing-24);
  --spacing-20: var(--base-spacing-20);
  --spacing-16: var(--base-spacing-16);
  --spacing-12: var(--base-spacing-12);
  --spacing-8: var(--base-spacing-8);
  --spacing-4: var(--base-spacing-4);
  --font-family-condensed: var(--base-typography-font-family);
  --font-family-serif-display: var(--base-typography-font-family);
  --font-family-serif: var(--base-typography-font-family);
  --font-family-sans-display: var(--base-typography-font-family);
  --font-family-sans: var(--base-typography-font-family);
  --font-weight-700: var(--base-typography-weight-700);
  --font-weight-400: var(--base-typography-weight-400);
  --font-weight-300: var(--base-typography-weight-300);
  --font-line-height-double-large: var(--base-typography-line-height-44);
  --font-line-height-extra-large: var(--base-typography-line-height-36);
  --font-line-height-large: var(--base-typography-line-height-32);
  --font-line-height-medium-plus: var(--base-typography-line-height-28);
  --font-line-height-medium: var(--base-typography-line-height-24);
  --font-line-height-base-plus: var(--base-typography-line-height-24);
  --font-line-height-base: var(--base-typography-line-height-24);
  --font-line-height-small: var(--base-typography-line-height-20);
  --font-line-height-mini: var(--base-typography-line-height-16);
  --font-line-height-micro: var(--base-typography-line-height-16);
  --font-size-36: var(--base-typography-size-36);
  --font-size-28: var(--base-typography-size-28);
  --font-size-24: var(--base-typography-size-24);
  --font-size-20: var(--base-typography-size-20);
  --font-size-18: var(--base-typography-size-18);
  --font-size-16: var(--base-typography-size-16);
  --font-size-14: var(--base-typography-size-14);
  --font-size-12: var(--base-typography-size-12);
  --font-size-11: var(--legacy-typography-size-11);
  --font-size-10: var(--base-typography-size-10);
  --color-red-1400: var(--base-color-red-1400);
  --color-red-1300: var(--base-color-red-1300);
  --color-red-1200: var(--base-color-red-1200);
  --color-red-1100: var(--base-color-red-1100);
  --color-red-1000: var(--base-color-red-1000);
  --color-red-900: var(--base-color-red-900);
  --color-red-800: var(--base-color-red-800);
  --color-red-700: var(--base-color-red-700);
  --color-red-600: var(--base-color-red-600);
  --color-red-500: var(--base-color-red-500);
  --color-red-400: var(--base-color-red-400);
  --color-red-300: var(--base-color-red-300);
  --color-red-200: var(--base-color-red-200);
  --color-red-100: var(--base-color-red-100);
  --color-green-1400: var(--base-color-green-1400);
  --color-green-1300: var(--base-color-green-1300);
  --color-green-1200: var(--base-color-green-1200);
  --color-green-1100: var(--base-color-green-1100);
  --color-green-1000: var(--base-color-green-1000);
  --color-green-900: var(--base-color-green-900);
  --color-green-800: var(--base-color-green-800);
  --color-green-700: var(--base-color-green-700);
  --color-green-600: var(--base-color-green-600);
  --color-green-500: var(--base-color-green-500);
  --color-green-400: var(--base-color-green-400);
  --color-green-300: var(--base-color-green-300);
  --color-green-200: var(--base-color-green-200);
  --color-green-100: var(--base-color-green-100);
  --color-yellow-1500: var(--base-color-yellow-1500);
  --color-yellow-1400: var(--base-color-yellow-1400);
  --color-yellow-1300: var(--base-color-yellow-1300);
  --color-yellow-1200: var(--base-color-yellow-1200);
  --color-yellow-1100: var(--base-color-yellow-1100);
  --color-yellow-1000: var(--base-color-yellow-1000);
  --color-yellow-900: var(--base-color-yellow-900);
  --color-yellow-800: var(--base-color-yellow-800);
  --color-yellow-700: var(--base-color-yellow-700);
  --color-yellow-600: var(--base-color-yellow-600);
  --color-yellow-500: var(--base-color-yellow-500);
  --color-yellow-400: var(--base-color-yellow-400);
  --color-yellow-300: var(--base-color-yellow-300);
  --color-yellow-200: var(--base-color-yellow-200);
  --color-yellow-100: var(--base-color-yellow-100);
  --color-orange-1500: var(--base-color-orange-1500);
  --color-orange-1400: var(--base-color-orange-1400);
  --color-orange-1300: var(--base-color-orange-1300);
  --color-orange-1200: var(--base-color-orange-1200);
  --color-orange-1100: var(--base-color-orange-1100);
  --color-orange-1000: var(--base-color-orange-1000);
  --color-orange-900: var(--base-color-orange-900);
  --color-orange-800: var(--base-color-orange-800);
  --color-orange-700: var(--base-color-orange-700);
  --color-orange-600: var(--base-color-orange-600);
  --color-orange-500: var(--base-color-orange-500);
  --color-orange-400: var(--base-color-orange-400);
  --color-orange-300: var(--base-color-orange-300);
  --color-orange-200: var(--base-color-orange-200);
  --color-orange-100: var(--base-color-orange-100);
  --color-blue-1500: var(--base-color-blue-1500);
  --color-blue-1400: var(--base-color-blue-1400);
  --color-blue-1300: var(--base-color-blue-1300);
  --color-blue-1200: var(--base-color-blue-1200);
  --color-blue-1100: var(--base-color-blue-1100);
  --color-blue-1000: var(--base-color-blue-1000);
  --color-blue-900: var(--base-color-blue-900);
  --color-blue-800: var(--base-color-blue-800);
  --color-blue-700: var(--base-color-blue-700);
  --color-blue-600: var(--base-color-blue-600);
  --color-blue-500: var(--base-color-blue-500);
  --color-blue-400: var(--base-color-blue-400);
  --color-blue-300: var(--base-color-blue-300);
  --color-blue-200: var(--base-color-blue-200);
  --color-blue-100: var(--base-color-blue-100);
  --color-gray-1600: var(--base-color-gray-1600);
  --color-gray-1500: var(--base-color-gray-1500);
  --color-gray-1400: var(--base-color-gray-1400);
  --color-gray-1300: var(--base-color-gray-1300);
  --color-gray-1200: var(--base-color-gray-1200);
  --color-gray-1100: var(--base-color-gray-1100);
  --color-gray-1000: var(--base-color-gray-1000);
  --color-gray-900: var(--base-color-gray-900);
  --color-gray-800: var(--base-color-gray-800);
  --color-gray-700: var(--base-color-gray-700);
  --color-gray-600: var(--base-color-gray-600);
  --color-gray-500: var(--base-color-gray-500);
  --color-gray-400: var(--base-color-gray-400);
  --color-gray-300: var(--base-color-gray-300);
  --color-gray-200: var(--base-color-gray-200);
  --color-gray-100: var(--base-color-gray-100);
  --border-radius-16: var(--base-shape-radius-16);
  --border-radius-12: var(--base-shape-radius-12);
  --border-radius-8: var(--base-shape-radius-8);
  --border-radius-4: var(--base-shape-radius-4);
  --border-radius-2: var(--base-shape-radius-2);
  --border-size-double-extra-thick: var(--border-size-12);
  --border-size-extra-thick: var(--border-size-4);
  --border-size-none: var(--border-size-0);
  --border-size-3: var(--base-shape-border-3);
  --border-size-2: var(--base-shape-border-2);
  --border-size-1: var(--base-shape-border-1);
  --background-color-transparent: var(--color-shorthand-transparent);
  --component-touch-link-typography-font-family: var(--base-typography-font-family);
  --component-tooltip-typography-font-family: var(--base-typography-font-family);
  --component-tooltip-color-background: var(--base-color-blue-500);
  --component-text-input-add-on-color-typography-default: var(--base-color-gray-600);
  --component-text-input-add-on-color-background-disabled: var(--base-color-gray-1500);
  --component-text-input-input-color-typography-default: var(--base-color-gray-600);
  --component-text-input-typography-font-family: var(--base-typography-font-family);
  --component-text-input-color-focus-ring-warning: var(--base-color-orange-1500);
  --component-text-input-color-background-disabled: var(--base-color-gray-1500);
  --component-text-area-input-color-typography-default: var(--base-color-gray-600);
  --component-text-area-typography-font-family: var(--base-typography-font-family);
  --component-text-area-color-border-warning: var(--base-color-orange-100);
  --component-text-area-color-background-disabled: var(--base-color-gray-1500);
  --component-tabs-typography-font-family: var(--base-typography-font-family);
  --component-table-typography-font-family: var(--base-typography-font-family);
  --component-switch-slider-color-background-off-disabled: var(--base-color-gray-1300);
  --component-switch-button-color-background-on-disabled: var(--base-color-gray-700);
  --component-switch-button-color-background-on-default: var(--base-color-blue-500);
  --component-switch-typography-font-family: var(--base-typography-font-family);
  --component-spinner-color-background-fill: var(--base-color-blue-500);
  --component-spinner-color-background-default: var(--base-color-gray-1200);
  --component-review-stars-color-border: var(--base-color-orange-100);
  --component-review-stars-color-background-filled: var(--base-color-orange-700);
  --component-radio-button-typography-font-family-unselected: var(--base-typography-font-family);
  --component-radio-button-typography-font-family-selected: var(--base-typography-font-family);
  --component-radio-button-color-background-selected-disabled: var(--base-color-gray-700);
  --component-radio-button-color-background-selected-default-focus: var(--base-color-blue-400);
  --component-radio-button-color-background-selected-default: var(--base-color-blue-400);
  --component-radio-button-color-background-unselected-disabled: var(--base-color-gray-1500);
  --component-profile-typography-font-family: var(--base-typography-font-family);
  --component-price-strikethrough-font-family: var(--base-typography-font-family);
  --component-price-price-per-unit-font-family: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-mini: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-small: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-base: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-base-plus: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-medium: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-medium-plus: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-large: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-extra-large: var(--base-typography-font-family);
  --component-price-savings-font-family-typography-double-large: var(--base-typography-font-family);
  --component-price-fraction-font-family-typography-base-plus: var(--base-typography-font-family);
  --component-price-fraction-font-family-typography-medium-plus: var(--base-typography-font-family);
  --component-price-fraction-font-family-typography-large: var(--base-typography-font-family);
  --component-price-fraction-font-family-typography-extra-large: var(--base-typography-font-family);
  --component-price-fraction-font-family-typography-double-large: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-mini: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-small: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-base: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-base-plus: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-medium: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-medium-plus: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-large: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-extra-large: var(--base-typography-font-family);
  --component-price-whole-font-family-typography-double-large: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-mini: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-small: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-base: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-base-plus: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-medium: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-medium-plus: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-large: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-extra-large: var(--base-typography-font-family);
  --component-price-currency-font-family-typography-double-large: var(--base-typography-font-family);
  --component-popover-typography-font-family: var(--base-typography-font-family);
  --component-meters-progress-color-background: var(--base-color-orange-700);
  --component-meters-color-background: var(--base-color-gray-1000);
  --component-link-typography-style-small: var(--base-typography-style-underline);
  --component-link-typography-style-base: var(--base-typography-style-underline);
  --component-link-typography-font-family-small: var(--base-typography-font-family);
  --component-link-typography-font-family-base: var(--base-typography-font-family);
  --component-expander-section-typography-font-family: var(--base-typography-font-family);
  --component-expander-button-typography-font-family: var(--base-typography-font-family);
  --component-dropdown-menu-row-typography-font-family: var(--base-typography-font-family);
  --component-dropdown-menu-header-typography-font-family: var(--base-typography-font-family);
  --component-dropdown-split-button-typography-font-family-small: var(--base-typography-font-family);
  --component-dropdown-split-button-typography-font-family-base: var(--base-typography-font-family);
  --component-dropdown-split-button-color-border-small-disabled: var(--base-color-gray-1400);
  --component-dropdown-split-button-color-border-base-disabled: var(--base-color-gray-1400);
  --component-dropdown-split-button-color-background-small-disabled: var(--base-color-gray-1500);
  --component-dropdown-split-button-color-background-base-disabled: var(--base-color-gray-1500);
  --component-dropdown-typography-font-family-small: var(--base-typography-font-family);
  --component-dropdown-typography-font-family-base: var(--base-typography-font-family);
  --component-dropdown-color-border-small-disabled: var(--base-color-gray-1400);
  --component-dropdown-color-border-base-disabled: var(--base-color-gray-1400);
  --component-dropdown-color-background-small-disabled: var(--base-color-gray-1500);
  --component-dropdown-color-background-base-disabled: var(--base-color-gray-1500);
  --component-divider-typography-font-family: var(--base-typography-font-family);
  --component-checkbox-color-background-checked-disabled: var(--base-color-gray-700);
  --component-checkbox-color-background-checked-default-focus: var(--base-color-blue-400);
  --component-checkbox-color-background-checked-default: var(--base-color-blue-400);
  --component-checkbox-color-background-unchecked-disabled: var(--base-color-gray-1500);
  --component-checkbox-typography-font-family-checked: var(--base-typography-font-family);
  --component-checkbox-typography-font-family-unchecked: var(--base-typography-font-family);
  --component-changeover-typography-font-family: var(--base-typography-font-family);
  --component-card-typography-font-family: var(--base-typography-font-family);
  --component-calendar-input-typography-font-family: var(--base-typography-font-family);
  --component-calendar-input-color-typography-placeholder: var(--base-color-gray-600);
  --component-calendar-typography-font-family: var(--base-typography-font-family);
  --component-button-pagination-typography-font-family: var(--base-typography-font-family);
  --component-button-button-group-typography-font-family: var(--base-typography-font-family);
  --component-button-supplemental-typography-font-family: var(--base-typography-font-family);
  --component-button-toggle-typography-font-family-small: var(--base-typography-font-family);
  --component-button-toggle-typography-font-family-base: var(--base-typography-font-family);
  --component-button-toggle-color-typography-small-unavailable: var(--base-color-gray-600);
  --component-button-toggle-color-typography-base-unavailable: var(--base-color-gray-600);
  --component-button-secondary-typography-font-family-small: var(--base-typography-font-family);
  --component-button-secondary-typography-font-family-base: var(--base-typography-font-family);
  --component-button-secondary-color-border-inner-small-default-active: var(--base-color-gray-1600);
  --component-button-secondary-color-border-inner-small-active: var(--base-color-gray-1600);
  --component-button-secondary-color-border-inner-base-default-active: var(--base-color-gray-1600);
  --component-button-secondary-color-border-inner-base-active: var(--base-color-gray-1600);
  --component-button-primary-typography-font-family-small: var(--base-typography-font-family);
  --component-button-primary-typography-font-family-base: var(--base-typography-font-family);
  --component-button-primary-color-border-inner-small-default-active: var(--base-color-gray-1600);
  --component-button-primary-color-border-inner-small-active: var(--base-color-gray-1600);
  --component-button-primary-color-border-inner-base-default-active: var(--base-color-gray-1600);
  --component-button-primary-color-border-inner-base-active: var(--base-color-gray-1600);
  --component-button-primary-color-border-outer-small-disabled: var(--base-color-yellow-1200);
  --component-button-primary-color-border-outer-small-default: var(--base-color-yellow-800);
  --component-button-primary-color-border-outer-base-disabled: var(--base-color-yellow-1200);
  --component-button-primary-color-border-outer-base-default: var(--base-color-yellow-800);
  --component-button-primary-color-background-small-disabled: var(--base-color-yellow-1500);
  --component-button-primary-color-background-small-active: var(--base-color-yellow-500);
  --component-button-primary-color-background-small-default: var(--base-color-yellow-900);
  --component-button-primary-color-background-base-disabled: var(--base-color-yellow-1500);
  --component-button-primary-color-background-base-active: var(--base-color-yellow-500);
  --component-button-primary-color-background-base-default: var(--base-color-yellow-900);
  --component-button-search-typography-font-family-small: var(--base-typography-font-family);
  --component-button-search-typography-font-family-base: var(--base-typography-font-family);
  --component-button-search-color-border-inner-small-default-active: var(--base-color-gray-1600);
  --component-button-search-color-border-inner-small-active: var(--base-color-gray-1600);
  --component-button-search-color-border-inner-base-default-active: var(--base-color-gray-1600);
  --component-button-search-color-border-inner-base-active: var(--base-color-gray-1600);
  --component-button-search-color-border-outer-small-disabled: var(--base-color-gray-500);
  --component-button-search-color-border-outer-small-default: var(--base-color-gray-100);
  --component-button-search-color-border-outer-base-disabled: var(--base-color-gray-500);
  --component-button-search-color-border-outer-base-default: var(--base-color-gray-100);
  --component-button-search-color-background-small-disabled: var(--base-color-gray-600);
  --component-button-search-color-background-small-active: var(--base-color-gray-100);
  --component-button-search-color-background-small-default: var(--base-color-gray-300);
  --component-button-search-color-background-base-disabled: var(--base-color-gray-600);
  --component-button-search-color-background-base-active: var(--base-color-gray-100);
  --component-button-search-color-background-base-default: var(--base-color-gray-300);
  --component-button-pre-order-typography-font-family-small: var(--base-typography-font-family);
  --component-button-pre-order-typography-font-family-base: var(--base-typography-font-family);
  --component-button-pre-order-color-border-inner-small-default-active: var(--base-color-gray-1600);
  --component-button-pre-order-color-border-inner-small-active: var(--base-color-gray-1600);
  --component-button-pre-order-color-border-inner-base-default-active: var(--base-color-gray-1600);
  --component-button-pre-order-color-border-inner-base-active: var(--base-color-gray-1600);
  --component-button-pre-order-color-border-outer-small-disabled: var(--base-color-yellow-1200);
  --component-button-pre-order-color-border-outer-small-default: var(--base-color-yellow-800);
  --component-button-pre-order-color-border-outer-base-disabled: var(--base-color-yellow-1200);
  --component-button-pre-order-color-border-outer-base-default: var(--base-color-yellow-800);
  --component-button-pre-order-color-background-small-disabled: var(--base-color-yellow-1500);
  --component-button-pre-order-color-background-small-active: var(--base-color-yellow-500);
  --component-button-pre-order-color-background-small-default: var(--base-color-yellow-900);
  --component-button-pre-order-color-background-base-disabled: var(--base-color-yellow-1500);
  --component-button-pre-order-color-background-base-active: var(--base-color-yellow-500);
  --component-button-pre-order-color-background-base-default: var(--base-color-yellow-900);
  --component-button-buy-now-typography-font-family-small: var(--base-typography-font-family);
  --component-button-buy-now-typography-font-family-base: var(--base-typography-font-family);
  --component-button-buy-now-color-border-inner-small-default-active: var(--base-color-gray-1600);
  --component-button-buy-now-color-border-inner-small-active: var(--base-color-gray-1600);
  --component-button-buy-now-color-border-inner-base-default-active: var(--base-color-gray-1600);
  --component-button-buy-now-color-border-inner-base-active: var(--base-color-gray-1600);
  --component-button-buy-now-color-border-outer-small-disabled: var(--base-color-orange-1200);
  --component-button-buy-now-color-border-outer-small-default: var(--base-color-orange-600);
  --component-button-buy-now-color-border-outer-base-disabled: var(--base-color-orange-1200);
  --component-button-buy-now-color-border-outer-base-default: var(--base-color-orange-600);
  --component-button-buy-now-color-background-small-disabled: var(--base-color-orange-1500);
  --component-button-buy-now-color-background-small-active: var(--base-color-orange-300);
  --component-button-buy-now-color-background-small-default: var(--base-color-orange-700);
  --component-button-buy-now-color-background-base-disabled: var(--base-color-orange-1500);
  --component-button-buy-now-color-background-base-active: var(--base-color-orange-300);
  --component-button-buy-now-color-background-base-default: var(--base-color-orange-700);
  --component-button-cart-typography-font-family-small: var(--base-typography-font-family);
  --component-button-cart-typography-font-family-base: var(--base-typography-font-family);
  --component-button-cart-color-border-inner-small-default-active: var(--base-color-gray-1600);
  --component-button-cart-color-border-inner-small-active: var(--base-color-gray-1600);
  --component-button-cart-color-border-inner-base-default-active: var(--base-color-gray-1600);
  --component-button-cart-color-border-inner-base-active: var(--base-color-gray-1600);
  --component-button-cart-color-border-outer-small-disabled: var(--base-color-yellow-1200);
  --component-button-cart-color-border-outer-small-default: var(--base-color-yellow-800);
  --component-button-cart-color-border-outer-base-disabled: var(--base-color-yellow-1200);
  --component-button-cart-color-border-outer-base-default: var(--base-color-yellow-800);
  --component-button-cart-color-background-small-disabled: var(--base-color-yellow-1500);
  --component-button-cart-color-background-small-active: var(--base-color-yellow-500);
  --component-button-cart-color-background-small-default: var(--base-color-yellow-900);
  --component-button-cart-color-background-base-disabled: var(--base-color-yellow-1500);
  --component-button-cart-color-background-base-active: var(--base-color-yellow-500);
  --component-button-cart-color-background-base-default: var(--base-color-yellow-900);
  --component-bottom-sheet-typography-font-family: var(--base-typography-font-family);
  --component-alert-page-typography-font-family: var(--base-typography-font-family);
  --component-alert-inline-typography-font-family: var(--base-typography-font-family);
  --component-accordion-button-color-background-disabled: var(--base-color-gray-1500);
  --component-accordion-typography-font-family: var(--base-typography-font-family);
  --semantic-elevation-color-dark: var(--base-color-opacity-dark-50);
  --semantic-elevation-color-light: var(--base-color-opacity-dark-15);
  --semantic-elevation-depth-inset-blur: var(--base-elevation-depth-blur-1);
  --semantic-elevation-depth-inset-y: var(--base-elevation-depth-y-2);
  --semantic-elevation-depth-inset-x: var(--base-elevation-depth-x-0);
  --semantic-elevation-depth-overlay-blur: var(--base-elevation-depth-blur-14);
  --semantic-elevation-depth-overlay-y: var(--base-elevation-depth-y-0);
  --semantic-elevation-depth-overlay-x: var(--base-elevation-depth-x-0);
  --semantic-elevation-depth-float-blur: var(--base-elevation-depth-blur-5);
  --semantic-elevation-depth-float-y: var(--base-elevation-depth-y-2);
  --semantic-elevation-depth-float-x: var(--base-elevation-depth-x-0);
  --semantic-typography-weight-bold: var(--base-typography-weight-700);
  --semantic-typography-weight-regular: var(--base-typography-weight-400);
  --semantic-typography-weight-light: var(--base-typography-weight-300);
  --semantic-typography-line-height-double-large: var(--base-typography-line-height-44);
  --semantic-typography-line-height-extra-large: var(--base-typography-line-height-36);
  --semantic-typography-line-height-large: var(--base-typography-line-height-32);
  --semantic-typography-line-height-medium-plus: var(--base-typography-line-height-28);
  --semantic-typography-line-height-medium: var(--base-typography-line-height-28);
  --semantic-typography-line-height-base-plus: var(--base-typography-line-height-24);
  --semantic-typography-line-height-base: var(--base-typography-line-height-24);
  --semantic-typography-line-height-small: var(--base-typography-line-height-20);
  --semantic-typography-line-height-mini: var(--base-typography-line-height-16);
  --semantic-typography-line-height-micro: var(--base-typography-line-height-16);
  --semantic-typography-size-double-large: var(--base-typography-size-36);
  --semantic-typography-size-extra-large: var(--base-typography-size-28);
  --semantic-typography-size-large: var(--base-typography-size-24);
  --semantic-typography-size-medium-plus: var(--base-typography-size-20);
  --semantic-typography-size-medium: var(--base-typography-size-20);
  --semantic-typography-size-base-plus: var(--base-typography-size-18);
  --semantic-typography-size-base: var(--base-typography-size-16);
  --semantic-typography-size-small: var(--base-typography-size-14);
  --semantic-typography-size-mini: var(--base-typography-size-12);
  --semantic-typography-size-micro: var(--base-typography-size-10);
  --semantic-typography-font-family: var(--base-typography-font-family);
  --semantic-shape-border-large: var(--base-shape-border-3);
  --semantic-shape-border-medium: var(--base-shape-border-2);
  --semantic-shape-border-base: var(--base-shape-border-1);
  --semantic-shape-radius-full: var(--base-shape-radius-100);
  --semantic-shape-radius-extra-large: var(--base-shape-radius-16);
  --semantic-shape-radius-large: var(--base-shape-radius-12);
  --semantic-shape-radius-medium: var(--base-shape-radius-8);
  --semantic-shape-radius-small: var(--base-shape-radius-4);
  --semantic-shape-radius-mini: var(--base-shape-radius-2);
  --semantic-spacing-1100: var(--base-spacing-44);
  --semantic-spacing-1000: var(--base-spacing-40);
  --semantic-spacing-900: var(--base-spacing-36);
  --semantic-spacing-800: var(--base-spacing-32);
  --semantic-spacing-700: var(--base-spacing-28);
  --semantic-spacing-600: var(--base-spacing-24);
  --semantic-spacing-500: var(--base-spacing-20);
  --semantic-spacing-400: var(--base-spacing-16);
  --semantic-spacing-300: var(--base-spacing-12);
  --semantic-spacing-200: var(--base-spacing-8);
  --semantic-spacing-100: var(--base-spacing-4);
  --semantic-color-fill-stars: var(--base-color-orange-100);
  --semantic-color-fill-hover: var(--base-color-blue-400);
  --semantic-color-fill-secondary: var(--base-color-gray-600);
  --semantic-color-fill-default: var(--base-color-gray-100);
  --semantic-color-border-disabled: var(--base-color-gray-1200);
  --semantic-color-border-unavailable: var(--base-color-gray-1200);
  --semantic-color-border-selected: var(--base-color-blue-400);
  --semantic-color-border-focus-error: var(--base-color-red-1400);
  --semantic-color-border-focus: var(--base-color-blue-300);
  --semantic-color-border-active: var(--base-color-blue-600);
  --semantic-color-border-hover: var(--base-color-blue-500);
  --semantic-color-border-feedback-warning: var(--base-color-orange-800);
  --semantic-color-border-feedback-information: var(--base-color-blue-600);
  --semantic-color-border-feedback-error: var(--base-color-red-500);
  --semantic-color-border-feedback-success: var(--base-color-green-400);
  --semantic-color-border-divider: var(--base-color-gray-1200);
  --semantic-color-border-interactive: var(--base-color-gray-700);
  --semantic-color-border-static: var(--base-color-gray-1200);
  --semantic-color-background-interaction-disabled: var(--base-color-gray-1400);
  --semantic-color-background-interaction-unavailable: var(--base-color-gray-1400);
  --semantic-color-background-interaction-selected: var(--base-color-blue-1400);
  --semantic-color-background-interaction-focus: var(--base-color-gray-1600);
  --semantic-color-background-interaction-active: var(--base-color-blue-1400);
  --semantic-color-background-interaction-hover: var(--base-color-gray-1500);
  --semantic-color-background-deals: var(--base-color-red-500);
  --semantic-color-background-alternate2: var(--base-color-gray-1500);
  --semantic-color-background-alternate1: var(--base-color-gray-1400);
  --semantic-color-background-default: var(--base-color-gray-1600);
  --semantic-color-typography-interaction-disabled: var(--base-color-gray-600);
  --semantic-color-typography-interaction-selected: var(--base-color-gray-100);
  --semantic-color-typography-interaction-active: var(--base-color-blue-600);
  --semantic-color-typography-interaction-hover: var(--base-color-blue-500);
  --semantic-color-typography-interaction-default: var(--base-color-gray-100);
  --semantic-color-typography-feedback-error: var(--base-color-red-500);
  --semantic-color-typography-feedback-success: var(--base-color-green-400);
  --semantic-color-typography-progress: var(--base-color-green-500);
  --semantic-color-typography-sustainability: var(--base-color-green-300);
  --semantic-color-typography-savings: var(--base-color-red-500);
  --semantic-color-typography-link: var(--base-color-blue-400);
  --semantic-color-typography-inverse: var(--base-color-gray-1600);
  --semantic-color-typography-secondary: var(--base-color-gray-500);
  --semantic-color-typography-primary: var(--base-color-gray-100);
  --heading-font-line-height-extra-large: var(--font-line-height-extra-large);
  --heading-font-line-height-large: var(--font-line-height-large);
  --heading-font-line-height-medium: var(--font-line-height-medium);
  --heading-font-line-height-base: var(--font-line-height-base);
  --default-font-line-height-h6: var(--font-size-16);
  --default-font-line-height-h5: var(--font-size-20);
  --default-font-line-height-h4: var(--font-size-20);
  --default-font-line-height-h3: var(--font-size-24);
  --default-font-line-height-h2: var(--font-size-28);
  --default-font-line-height-base: var(--font-size-20);
  --default-font-family-base: var(--font-family-sans);
  --default-font-color-base: var(--color-gray-100);
  --default-font-size-h6: var(--font-size-12);
  --default-font-size-h5: var(--font-size-14);
  --default-font-size-h4: var(--font-size-16);
  --default-font-size-h3: var(--font-size-18);
  --default-font-size-h2: var(--font-size-24);
  --default-font-size-h1: var(--font-size-28);
  --default-font-size-base: var(--font-size-16);
  --shape-radius-extra-large: var(--border-radius-16);
  --shape-radius-large: var(--border-radius-12);
  --shape-radius-medium: var(--border-radius-8);
  --shape-radius-small: var(--border-radius-4);
  --shape-radius-mini: var(--border-radius-2);
  --spacing-extra-large-plus: var(--spacing-40);
  --spacing-extra-large: var(--spacing-32);
  --spacing-large: var(--spacing-24);
  --spacing-medium-plus: var(--spacing-20);
  --spacing-medium: var(--spacing-16);
  --spacing-base-plus: var(--spacing-16);
  --spacing-base: var(--spacing-12);
  --spacing-small: var(--spacing-8);
  --spacing-mini: var(--spacing-4);
  --spacing-micro: var(--spacing-4);
  --font-color-restock: var(--color-gray-100);
  --font-color-low-inventory: var(--color-gray-100);
  --font-color-unavailable: var(--color-gray-100);
  --font-color-available: var(--color-gray-100);
  --font-color-selected: var(--color-blue-400);
  --font-color-disabled: var(--color-gray-600);
  --font-color-success: var(--color-gray-600);
  --font-color-error: var(--color-red-500);
  --font-color-placeholder: var(--color-gray-600);
  --font-color-secondary: var(--color-gray-500);
  --font-color-primary: var(--color-gray-100);
  --font-weight-bold: var(--font-weight-700);
  --font-weight-regular: var(--font-weight-400);
  --font-weight-light: var(--font-weight-300);
  --font-size-double-large: var(--font-size-36);
  --font-size-extra-large: var(--font-size-28);
  --font-size-large: var(--font-size-24);
  --font-size-medium-plus: var(--font-size-20);
  --font-size-medium: var(--font-size-18);
  --font-size-base-plus: var(--font-size-16);
  --font-size-base: var(--font-size-16);
  --font-size-small: var(--font-size-14);
  --font-size-mini: var(--font-size-12);
  --font-size-micro: var(--font-size-10);
  --effect-box-shadow-high: var(--semantic-elevation-depth-overlay-x) var(--semantic-elevation-depth-overlay-y) var(--semantic-elevation-depth-overlay-blur) rgba(15, 17, 17, 0.5);
  --effect-box-shadow-low: var(--semantic-elevation-depth-float-x) var(--semantic-elevation-depth-float-y) var(--semantic-elevation-depth-float-blur) rgba(15, 17, 17, 0.15);
  --color-feedback-warning: var(--color-green-400);
  --color-feedback-information: var(--color-blue-400);
  --color-feedback-error: var(--color-red-500);
  --color-feedback-success: var(--color-green-400);
  --border-outline-color-medium: var(--color-gray-700);
  --border-outline-color-light: var(--color-gray-1200);
  --border-outline-color-extra-light: var(--color-gray-1300);
  --border-size-thick: var(--border-size-3);
  --border-size-medium: var(--border-size-2);
  --border-size-thin: var(--border-size-1);
  --border-color-medium: var(--color-gray-700);
  --border-color-light: var(--color-gray-1200);
  --border-color-extra-light: var(--color-gray-1300);
  --background-color-dark-contrast: var(--color-gray-400);
  --background-color-dark: var(--color-gray-300);
  --background-color-light-alternate: var(--color-gray-1400);
  --background-color-light-contrast: var(--color-gray-1500);
  --background-color-light: var(--color-gray-1600);
  --component-touch-link-header-color-typography-active: var(--semantic-color-typography-primary);
  --component-touch-link-header-color-typography-default: var(--semantic-color-typography-primary);
  --component-touch-link-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-touch-link-header-typography-line-height: var(--semantic-typography-line-height-medium);
  --component-touch-link-header-typography-size: var(--semantic-typography-size-medium);
  --component-touch-link-body-color-typography-active: var(--semantic-color-typography-interaction-default);
  --component-touch-link-body-color-typography-default: var(--semantic-color-typography-primary);
  --component-touch-link-body-typography-weight: var(--semantic-typography-weight-regular);
  --component-touch-link-body-typography-line-height: var(--semantic-typography-line-height-base);
  --component-touch-link-body-typography-size: var(--semantic-typography-size-base);
  --component-touch-link-spacing-padding-end: var(--semantic-spacing-400);
  --component-touch-link-spacing-padding-start: var(--semantic-spacing-400);
  --component-touch-link-shape-divider: var(--semantic-shape-border-base);
  --component-touch-link-color-divider: var(--semantic-color-border-static);
  --component-touch-link-color-typography-active: var(--semantic-color-typography-interaction-default);
  --component-touch-link-color-typography-default: var(--semantic-color-typography-primary);
  --component-touch-link-typography-weight: var(--semantic-typography-weight-regular);
  --component-touch-link-typography-line-height: var(--semantic-typography-line-height-base);
  --component-touch-link-typography-size: var(--semantic-typography-size-base);
  --component-tooltip-shape-border: var(--semantic-shape-border-base);
  --component-tooltip-shape-radius: var(--semantic-shape-radius-medium);
  --component-tooltip-typography-weight: var(--semantic-typography-weight-regular);
  --component-tooltip-typography-line-height: var(--semantic-typography-line-height-base);
  --component-tooltip-typography-size: var(--semantic-typography-size-base);
  --component-tooltip-color-typography: var(--semantic-color-typography-inverse);
  --component-tooltip-color-border: var(--semantic-color-border-active);
  --component-text-input-add-on-typography-weight: var(--semantic-typography-weight-regular);
  --component-text-input-add-on-typography-line-height: var(--semantic-typography-line-height-base);
  --component-text-input-add-on-typography-size: var(--semantic-typography-size-base);
  --component-text-input-add-on-color-typography-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-text-input-add-on-color-typography-warning: var(--semantic-color-typography-primary);
  --component-text-input-add-on-color-typography-error: var(--semantic-color-typography-primary);
  --component-text-input-add-on-color-typography-filled: var(--semantic-color-typography-primary);
  --component-text-input-add-on-color-background-warning: var(--semantic-color-background-alternate1);
  --component-text-input-add-on-color-background-error: var(--semantic-color-background-alternate1);
  --component-text-input-add-on-color-background-filled: var(--semantic-color-background-alternate1);
  --component-text-input-add-on-color-background-default: var(--semantic-color-background-alternate1);
  --component-text-input-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-text-input-header-typography-line-height: var(--semantic-typography-line-height-base);
  --component-text-input-header-typography-size: var(--semantic-typography-size-base);
  --component-text-input-header-color-typography-default: var(--semantic-color-typography-primary);
  --component-text-input-input-typography-weight: var(--semantic-typography-weight-regular);
  --component-text-input-input-typography-line-height: var(--semantic-typography-line-height-base);
  --component-text-input-input-typography-size: var(--semantic-typography-size-base);
  --component-text-input-input-color-typography-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-text-input-input-color-typography-warning: var(--semantic-color-typography-primary);
  --component-text-input-input-color-typography-error: var(--semantic-color-typography-primary);
  --component-text-input-input-color-typography-focus: var(--semantic-color-typography-primary);
  --component-text-input-input-color-typography-filled: var(--semantic-color-typography-primary);
  --component-text-input-elevation-color: var(--semantic-elevation-color-light);
  --component-text-input-elevation-depth-blur: var(--semantic-elevation-depth-inset-blur);
  --component-text-input-elevation-depth-y: var(--semantic-elevation-depth-inset-y);
  --component-text-input-elevation-depth-x: var(--semantic-elevation-depth-inset-x);
  --component-text-input-shape-focus-ring-warning: var(--semantic-shape-border-large);
  --component-text-input-shape-focus-ring-error: var(--semantic-shape-border-large);
  --component-text-input-shape-focus-ring-filled: var(--semantic-shape-border-large);
  --component-text-input-shape-border-disabled: var(--semantic-shape-border-base);
  --component-text-input-shape-border-warning: var(--semantic-shape-border-base);
  --component-text-input-shape-border-error: var(--semantic-shape-border-medium);
  --component-text-input-shape-border-focus: var(--semantic-shape-border-base);
  --component-text-input-shape-border-filled: var(--semantic-shape-border-base);
  --component-text-input-shape-border-default: var(--semantic-shape-border-base);
  --component-text-input-shape-radius: var(--semantic-shape-radius-small);
  --component-text-input-color-focus-ring-error: var(--semantic-color-border-focus-error);
  --component-text-input-color-focus-ring-filled: var(--semantic-color-border-focus);
  --component-text-input-color-border-disabled: var(--semantic-color-border-interactive);
  --component-text-input-color-border-warning: var(--semantic-color-border-interactive);
  --component-text-input-color-border-error: var(--semantic-color-border-feedback-error);
  --component-text-input-color-border-focus: var(--semantic-color-border-active);
  --component-text-input-color-border-filled: var(--semantic-color-border-interactive);
  --component-text-input-color-border-default: var(--semantic-color-border-interactive);
  --component-text-input-color-background-warning: var(--semantic-color-background-default);
  --component-text-input-color-background-error: var(--semantic-color-background-default);
  --component-text-input-color-background-focus: var(--semantic-color-background-interaction-focus);
  --component-text-input-color-background-filled: var(--semantic-color-background-default);
  --component-text-input-color-background-default: var(--semantic-color-background-default);
  --component-text-area-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-text-area-header-typography-line-height: var(--semantic-typography-line-height-base);
  --component-text-area-header-typography-size: var(--semantic-typography-size-base);
  --component-text-area-header-color-typography-default: var(--semantic-color-typography-primary);
  --component-text-area-input-typography-weight: var(--semantic-typography-weight-regular);
  --component-text-area-input-typography-line-height: var(--semantic-typography-line-height-base);
  --component-text-area-input-typography-size: var(--semantic-typography-size-base);
  --component-text-area-input-color-typography-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-text-area-input-color-typography-warning: var(--semantic-color-typography-primary);
  --component-text-area-input-color-typography-error: var(--semantic-color-typography-primary);
  --component-text-area-input-color-typography-focus: var(--semantic-color-typography-primary);
  --component-text-area-input-color-typography-filled: var(--semantic-color-typography-primary);
  --component-text-area-elevation-color: var(--semantic-elevation-color-light);
  --component-text-area-elevation-depth-blur: var(--semantic-elevation-depth-inset-blur);
  --component-text-area-elevation-depth-y: var(--semantic-elevation-depth-inset-y);
  --component-text-area-elevation-depth-x: var(--semantic-elevation-depth-inset-x);
  --component-text-area-shape-focus-ring-error: var(--semantic-shape-border-large);
  --component-text-area-shape-focus-ring-filled: var(--semantic-shape-border-large);
  --component-text-area-shape-border-disabled: var(--semantic-shape-border-medium);
  --component-text-area-shape-border-warning: var(--semantic-shape-border-medium);
  --component-text-area-shape-border-error: var(--semantic-shape-border-medium);
  --component-text-area-shape-border-focus: var(--semantic-shape-border-base);
  --component-text-area-shape-border-filled: var(--semantic-shape-border-base);
  --component-text-area-shape-border-default: var(--semantic-shape-border-base);
  --component-text-area-shape-radius: var(--semantic-shape-radius-small);
  --component-text-area-color-focus-ring-error: var(--semantic-color-border-focus-error);
  --component-text-area-color-focus-ring-filled: var(--semantic-color-border-focus);
  --component-text-area-color-border-disabled: var(--semantic-color-border-interactive);
  --component-text-area-color-border-error: var(--semantic-color-border-feedback-error);
  --component-text-area-color-border-focus: var(--semantic-color-border-active);
  --component-text-area-color-border-filled: var(--semantic-color-border-interactive);
  --component-text-area-color-border-default: var(--semantic-color-border-interactive);
  --component-text-area-color-background-warning: var(--semantic-color-background-default);
  --component-text-area-color-background-error: var(--semantic-color-background-default);
  --component-text-area-color-background-focus: var(--semantic-color-background-interaction-focus);
  --component-text-area-color-background-filled: var(--semantic-color-background-default);
  --component-text-area-color-background-default: var(--semantic-color-background-default);
  --component-tabs-shape-border: var(--semantic-shape-border-medium);
  --component-tabs-typography-weight: var(--semantic-typography-weight-bold);
  --component-tabs-typography-size: var(--semantic-typography-size-base);
  --component-tabs-color-border-selected: var(--semantic-color-border-selected);
  --component-tabs-color-typography-selected: var(--semantic-color-typography-interaction-default);
  --component-tabs-color-typography-unselected: var(--semantic-color-typography-primary);
  --component-tabs-color-background-selected: var(--semantic-color-background-default);
  --component-tabs-color-background-unselected: var(--semantic-color-background-default);
  --component-table-spacing-padding-bottom: var(--semantic-spacing-300);
  --component-table-spacing-padding-start: var(--semantic-spacing-100);
  --component-table-spacing-padding-end: var(--semantic-spacing-100);
  --component-table-row-typography-weight: var(--semantic-typography-weight-regular);
  --component-table-row-typography-line-height: var(--semantic-typography-line-height-base);
  --component-table-row-typography-size: var(--semantic-typography-size-base);
  --component-table-row-color-background: var(--semantic-color-background-default);
  --component-table-heading-typography-weight: var(--semantic-typography-weight-regular);
  --component-table-heading-typography-line-height: var(--semantic-typography-line-height-base);
  --component-table-heading-typography-size: var(--semantic-typography-size-base);
  --component-table-heading-color-background: var(--semantic-color-background-alternate1);
  --component-table-color-divider: var(--semantic-color-border-divider);
  --component-table-color-border: var(--semantic-color-border-divider);
  --component-table-color-typography: var(--semantic-color-typography-primary);
  --component-table-color-background: var(--semantic-color-background-default);
  --component-switch-slider-elevation-color-on-disabled: var(--semantic-elevation-color-light);
  --component-switch-slider-elevation-color-on-default: var(--semantic-elevation-color-light);
  --component-switch-slider-elevation-color-off-disabled: var(--semantic-elevation-color-light);
  --component-switch-slider-elevation-color-off-default: var(--semantic-elevation-color-light);
  --component-switch-slider-elevation-depth-on-disabled-blur: var(--semantic-elevation-depth-inset-blur);
  --component-switch-slider-elevation-depth-on-disabled-y: var(--semantic-elevation-depth-inset-y);
  --component-switch-slider-elevation-depth-on-disabled-x: var(--semantic-elevation-depth-inset-x);
  --component-switch-slider-elevation-depth-on-default-blur: var(--semantic-elevation-depth-inset-blur);
  --component-switch-slider-elevation-depth-on-default-y: var(--semantic-elevation-depth-inset-y);
  --component-switch-slider-elevation-depth-on-default-x: var(--semantic-elevation-depth-inset-x);
  --component-switch-slider-elevation-depth-off-disabled-blur: var(--semantic-elevation-depth-inset-blur);
  --component-switch-slider-elevation-depth-off-disabled-y: var(--semantic-elevation-depth-inset-y);
  --component-switch-slider-elevation-depth-off-disabled-x: var(--semantic-elevation-depth-inset-x);
  --component-switch-slider-elevation-depth-off-default-blur: var(--semantic-elevation-depth-inset-blur);
  --component-switch-slider-elevation-depth-off-default-y: var(--semantic-elevation-depth-inset-y);
  --component-switch-slider-elevation-depth-off-default-x: var(--semantic-elevation-depth-inset-x);
  --component-switch-slider-shape-border-on-disabled: var(--semantic-shape-border-base);
  --component-switch-slider-shape-border-on-default: var(--semantic-shape-border-base);
  --component-switch-slider-shape-border-off-disabled: var(--semantic-shape-border-base);
  --component-switch-slider-shape-border-off-default: var(--semantic-shape-border-base);
  --component-switch-slider-color-border-on-disabled: var(--semantic-color-border-interactive);
  --component-switch-slider-color-border-on-default: var(--semantic-color-border-active);
  --component-switch-slider-color-border-off-disabled: var(--semantic-color-border-interactive);
  --component-switch-slider-color-border-off-default: var(--semantic-color-border-interactive);
  --component-switch-button-elevation-color-off-disabled: var(--semantic-elevation-color-light);
  --component-switch-button-elevation-color-off-default: var(--semantic-elevation-color-light);
  --component-switch-button-elevation-depth-off-disabled-blur: var(--semantic-elevation-depth-inset-blur);
  --component-switch-button-elevation-depth-off-disabled-y: var(--semantic-elevation-depth-inset-y);
  --component-switch-button-elevation-depth-off-disabled-x: var(--semantic-elevation-depth-inset-x);
  --component-switch-button-elevation-depth-off-default-blur: var(--semantic-elevation-depth-inset-blur);
  --component-switch-button-elevation-depth-off-default-y: var(--semantic-elevation-depth-inset-y);
  --component-switch-button-elevation-depth-off-default-x: var(--semantic-elevation-depth-inset-x);
  --component-switch-button-shape-border-on-disabled: var(--semantic-shape-border-base);
  --component-switch-button-shape-border-on-default: var(--semantic-shape-border-base);
  --component-switch-button-shape-border-off-disabled: var(--semantic-shape-border-base);
  --component-switch-button-shape-border-off-default: var(--semantic-shape-border-base);
  --component-switch-button-color-border-on-disabled: var(--semantic-color-border-interactive);
  --component-switch-button-color-border-on-default: var(--semantic-color-border-active);
  --component-switch-button-color-border-off-disabled: var(--semantic-color-border-interactive);
  --component-switch-button-color-border-off-default: var(--semantic-color-border-interactive);
  --component-switch-button-color-background-off-disabled: var(--semantic-color-background-default);
  --component-switch-button-color-background-off-default: var(--semantic-color-background-default);
  --component-switch-color-typography-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-switch-color-typography-default: var(--semantic-color-typography-primary);
  --component-switch-typography-weight: var(--semantic-typography-weight-bold);
  --component-switch-typography-size: var(--semantic-typography-size-base);
  --component-review-stars-shape-border: var(--semantic-shape-border-base);
  --component-review-stars-color-background-empty: var(--semantic-color-background-default);
  --component-radio-button-elevation-color-unselected-default: var(--semantic-elevation-color-light);
  --component-radio-button-elevation-depth-unselected-default-blur: var(--semantic-elevation-depth-inset-blur);
  --component-radio-button-elevation-depth-unselected-default-y: var(--semantic-elevation-depth-inset-y);
  --component-radio-button-elevation-depth-unselected-default-x: var(--semantic-elevation-depth-inset-x);
  --component-radio-button-typography-weight-unselected: var(--semantic-typography-weight-regular);
  --component-radio-button-typography-weight-selected: var(--semantic-typography-weight-regular);
  --component-radio-button-typography-line-height-unselected: var(--semantic-typography-size-base);
  --component-radio-button-typography-line-height-selected: var(--semantic-typography-line-height-base);
  --component-radio-button-typography-size-unselected: var(--semantic-typography-size-base);
  --component-radio-button-typography-size-selected: var(--semantic-typography-size-base);
  --component-radio-button-shape-focus-ring-selected: var(--semantic-shape-border-large);
  --component-radio-button-shape-focus-ring-unselected: var(--semantic-shape-border-large);
  --component-radio-button-shape-border-unselected-disabled: var(--semantic-shape-border-base);
  --component-radio-button-shape-border-unselected-default: var(--semantic-shape-border-base);
  --component-radio-button-color-typography-selected-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-radio-button-color-typography-selected-default-focus: var(--semantic-color-background-default);
  --component-radio-button-color-typography-selected-default: var(--semantic-color-background-default);
  --component-radio-button-color-typography-unselected-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-radio-button-color-typography-unselected-default-focus: var(--semantic-color-typography-primary);
  --component-radio-button-color-typography-unselected-default: var(--semantic-color-typography-primary);
  --component-radio-button-color-focus-ring-selected: var(--semantic-color-border-focus);
  --component-radio-button-color-focus-ring-unselected: var(--semantic-color-border-focus);
  --component-radio-button-color-border-unselected-disabled: var(--semantic-color-border-interactive);
  --component-radio-button-color-border-unselected-default-focus: var(--semantic-color-border-active);
  --component-radio-button-color-border-unselected-default: var(--semantic-color-border-interactive);
  --component-radio-button-color-background-unselected-default-focus: var(--semantic-color-background-interaction-focus);
  --component-radio-button-color-background-unselected-default: var(--semantic-color-background-default);
  --component-profile-descriptor-typography-weight: var(--semantic-typography-weight-regular);
  --component-profile-descriptor-typography-line-height: var(--semantic-typography-line-height-small);
  --component-profile-descriptor-typography-size: var(--semantic-typography-size-small);
  --component-profile-descriptor-color-typography-secondary: var(--semantic-color-typography-secondary);
  --component-profile-descriptor-color-typography-success: var(--semantic-color-typography-feedback-success);
  --component-profile-name-typography-weight: var(--semantic-typography-weight-regular);
  --component-profile-name-color-typography: var(--semantic-color-typography-primary);
  --component-profile-small-name-typography-line-height: var(--semantic-typography-line-height-base);
  --component-profile-small-name-typography-size: var(--semantic-typography-size-base);
  --component-profile-base-name-typography-line-height: var(--semantic-typography-line-height-medium);
  --component-profile-base-name-typography-size: var(--semantic-typography-size-medium);
  --component-price-strikethrough-weight: var(--semantic-typography-weight-regular);
  --component-price-strikethrough-line-height: var(--semantic-typography-line-height-small);
  --component-price-strikethrough-size: var(--semantic-typography-size-small);
  --component-price-strikethrough-color: var(--semantic-color-typography-secondary);
  --component-price-price-per-unit-weight: var(--semantic-typography-weight-regular);
  --component-price-price-per-unit-line-height: var(--semantic-typography-line-height-mini);
  --component-price-price-per-unit-size: var(--semantic-typography-size-mini);
  --component-price-price-per-unit-color: var(--semantic-color-typography-primary);
  --component-price-savings-weight-typography-mini: var(--semantic-typography-weight-regular);
  --component-price-savings-weight-typography-small: var(--semantic-typography-weight-regular);
  --component-price-savings-weight-typography-base: var(--semantic-typography-weight-regular);
  --component-price-savings-weight-typography-base-plus: var(--semantic-typography-weight-regular);
  --component-price-savings-weight-typography-medium: var(--semantic-typography-weight-light);
  --component-price-savings-weight-typography-medium-plus: var(--semantic-typography-weight-light);
  --component-price-savings-weight-typography-large: var(--semantic-typography-weight-light);
  --component-price-savings-weight-typography-extra-large: var(--semantic-typography-weight-light);
  --component-price-savings-weight-typography-double-large: var(--semantic-typography-weight-light);
  --component-price-savings-line-height-typography-mini: var(--semantic-typography-line-height-mini);
  --component-price-savings-line-height-typography-small: var(--semantic-typography-line-height-small);
  --component-price-savings-line-height-typography-base: var(--semantic-typography-line-height-base);
  --component-price-savings-line-height-typography-base-plus: var(--semantic-typography-line-height-base);
  --component-price-savings-line-height-typography-medium: var(--semantic-typography-line-height-medium);
  --component-price-savings-line-height-typography-medium-plus: var(--semantic-typography-line-height-medium);
  --component-price-savings-line-height-typography-large: var(--semantic-typography-line-height-medium-plus);
  --component-price-savings-line-height-typography-extra-large: var(--semantic-typography-line-height-large);
  --component-price-savings-line-height-typography-double-large: var(--semantic-typography-line-height-double-large);
  --component-price-savings-size-typography-mini: var(--semantic-typography-size-mini);
  --component-price-savings-size-typography-small: var(--semantic-typography-size-small);
  --component-price-savings-size-typography-base: var(--semantic-typography-size-base);
  --component-price-savings-size-typography-base-plus: var(--semantic-typography-size-base);
  --component-price-savings-size-typography-medium: var(--semantic-typography-size-medium);
  --component-price-savings-size-typography-medium-plus: var(--semantic-typography-size-medium);
  --component-price-savings-size-typography-large: var(--semantic-typography-size-medium-plus);
  --component-price-savings-size-typography-extra-large: var(--semantic-typography-size-large);
  --component-price-savings-size-typography-double-large: var(--semantic-typography-size-double-large);
  --component-price-savings-color-typography-mini: var(--semantic-color-typography-savings);
  --component-price-savings-color-typography-small: var(--semantic-color-typography-savings);
  --component-price-savings-color-typography-base: var(--semantic-color-typography-savings);
  --component-price-savings-color-typography-base-plus: var(--semantic-color-typography-savings);
  --component-price-savings-color-typography-medium: var(--semantic-color-typography-savings);
  --component-price-savings-color-typography-medium-plus: var(--semantic-color-typography-savings);
  --component-price-savings-color-typography-large: var(--semantic-color-typography-savings);
  --component-price-savings-color-typography-extra-large: var(--semantic-color-typography-savings);
  --component-price-savings-color-typography-double-large: var(--semantic-color-typography-savings);
  --component-price-fraction-weight-typography-base-plus: var(--semantic-typography-weight-regular);
  --component-price-fraction-weight-typography-medium-plus: var(--semantic-typography-weight-regular);
  --component-price-fraction-weight-typography-large: var(--semantic-typography-weight-regular);
  --component-price-fraction-weight-typography-extra-large: var(--semantic-typography-weight-regular);
  --component-price-fraction-weight-typography-double-large: var(--semantic-typography-weight-regular);
  --component-price-fraction-line-height-typography-base-plus: var(--semantic-typography-line-height-micro);
  --component-price-fraction-line-height-typography-medium-plus: var(--semantic-typography-line-height-micro);
  --component-price-fraction-size-typography-base-plus: var(--semantic-typography-size-micro);
  --component-price-fraction-size-typography-medium-plus: var(--semantic-typography-size-micro);
  --component-price-fraction-size-typography-large: var(--semantic-typography-size-small);
  --component-price-fraction-size-typography-extra-large: var(--semantic-typography-size-base);
  --component-price-fraction-size-typography-double-large: var(--semantic-typography-size-base);
  --component-price-fraction-color-typography-base-plus: var(--semantic-color-typography-primary);
  --component-price-fraction-color-typography-medium-plus: var(--semantic-color-typography-primary);
  --component-price-fraction-color-typography-large: var(--semantic-color-typography-primary);
  --component-price-fraction-color-typography-extra-large: var(--semantic-color-typography-primary);
  --component-price-fraction-color-typography-double-large: var(--semantic-color-typography-primary);
  --component-price-whole-weight-typography-mini: var(--semantic-typography-weight-regular);
  --component-price-whole-weight-typography-small: var(--semantic-typography-weight-regular);
  --component-price-whole-weight-typography-base: var(--semantic-typography-weight-regular);
  --component-price-whole-weight-typography-base-plus: var(--semantic-typography-weight-regular);
  --component-price-whole-weight-typography-medium: var(--semantic-typography-weight-regular);
  --component-price-whole-weight-typography-medium-plus: var(--semantic-typography-weight-regular);
  --component-price-whole-weight-typography-large: var(--semantic-typography-weight-regular);
  --component-price-whole-weight-typography-extra-large: var(--semantic-typography-weight-regular);
  --component-price-whole-weight-typography-double-large: var(--semantic-typography-weight-regular);
  --component-price-whole-line-height-typography-mini: var(--semantic-typography-line-height-mini);
  --component-price-whole-line-height-typography-medium: var(--semantic-typography-line-height-medium);
  --component-price-whole-size-typography-small: var(--semantic-typography-size-small);
  --component-price-whole-size-typography-base: var(--semantic-typography-size-base);
  --component-price-whole-size-typography-medium: var(--semantic-typography-size-medium);
  --component-price-whole-size-typography-large: var(--semantic-typography-size-large);
  --component-price-whole-size-typography-extra-large: var(--semantic-typography-size-extra-large);
  --component-price-whole-color-typography-mini: var(--semantic-color-typography-primary);
  --component-price-whole-color-typography-small: var(--semantic-color-typography-primary);
  --component-price-whole-color-typography-base: var(--semantic-color-typography-primary);
  --component-price-whole-color-typography-base-plus: var(--semantic-color-typography-primary);
  --component-price-whole-color-typography-medium: var(--semantic-color-typography-primary);
  --component-price-whole-color-typography-medium-plus: var(--semantic-color-typography-primary);
  --component-price-whole-color-typography-large: var(--semantic-color-typography-primary);
  --component-price-whole-color-typography-extra-large: var(--semantic-color-typography-primary);
  --component-price-whole-color-typography-double-large: var(--semantic-color-typography-primary);
  --component-price-currency-weight-typography-mini: var(--semantic-typography-weight-regular);
  --component-price-currency-weight-typography-small: var(--semantic-typography-weight-regular);
  --component-price-currency-weight-typography-base: var(--semantic-typography-weight-regular);
  --component-price-currency-weight-typography-base-plus: var(--semantic-typography-weight-regular);
  --component-price-currency-weight-typography-medium: var(--semantic-typography-weight-regular);
  --component-price-currency-weight-typography-medium-plus: var(--semantic-typography-weight-regular);
  --component-price-currency-weight-typography-large: var(--semantic-typography-weight-regular);
  --component-price-currency-weight-typography-extra-large: var(--semantic-typography-weight-regular);
  --component-price-currency-weight-typography-double-large: var(--semantic-typography-weight-regular);
  --component-price-currency-line-height-typography-mini: var(--semantic-typography-line-height-mini);
  --component-price-currency-line-height-typography-base-plus: var(--semantic-typography-line-height-micro);
  --component-price-currency-line-height-typography-medium: var(--semantic-typography-line-height-mini);
  --component-price-currency-line-height-typography-medium-plus: var(--semantic-typography-line-height-micro);
  --component-price-currency-size-typography-small: var(--semantic-typography-size-small);
  --component-price-currency-size-typography-base: var(--semantic-typography-size-base);
  --component-price-currency-size-typography-base-plus: var(--semantic-typography-size-micro);
  --component-price-currency-size-typography-medium: var(--semantic-typography-size-mini);
  --component-price-currency-size-typography-medium-plus: var(--semantic-typography-size-micro);
  --component-price-currency-size-typography-large: var(--semantic-typography-size-small);
  --component-price-currency-size-typography-extra-large: var(--semantic-typography-size-base);
  --component-price-currency-size-typography-double-large: var(--semantic-typography-size-base);
  --component-price-currency-color-typography-mini: var(--semantic-color-typography-primary);
  --component-price-currency-color-typography-small: var(--semantic-color-typography-primary);
  --component-price-currency-color-typography-base: var(--semantic-color-typography-primary);
  --component-price-currency-color-typography-base-plus: var(--semantic-color-typography-primary);
  --component-price-currency-color-typography-medium: var(--semantic-color-typography-primary);
  --component-price-currency-color-typography-medium-plus: var(--semantic-color-typography-primary);
  --component-price-currency-color-typography-large: var(--semantic-color-typography-primary);
  --component-price-currency-color-typography-extra-large: var(--semantic-color-typography-primary);
  --component-price-currency-color-typography-double-large: var(--semantic-color-typography-primary);
  --component-popover-body-typography-weight: var(--semantic-typography-weight-regular);
  --component-popover-body-typography-line-height: var(--semantic-typography-line-height-base);
  --component-popover-body-typography-size: var(--semantic-typography-size-base);
  --component-popover-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-popover-header-typography-line-height: var(--semantic-typography-line-height-base);
  --component-popover-header-typography-size: var(--semantic-typography-size-base);
  --component-popover-elevation-color: var(--semantic-elevation-color-light);
  --component-popover-elevation-depth-blur: var(--semantic-elevation-depth-float-blur);
  --component-popover-elevation-depth-y: var(--semantic-elevation-depth-float-y);
  --component-popover-elevation-depth-x: var(--semantic-elevation-depth-float-x);
  --component-popover-shape-border: var(--semantic-shape-border-base);
  --component-popover-shape-radius: var(--semantic-shape-radius-medium);
  --component-popover-color-typography: var(--semantic-color-typography-primary);
  --component-popover-color-background-default: var(--semantic-color-background-default);
  --component-pagination-shape-border: var(--semantic-shape-border-base);
  --component-pagination-color-border-interaction-unselected: var(--semantic-color-border-interactive);
  --component-pagination-color-border-interaction-selected: var(--semantic-color-border-selected);
  --component-pagination-color-background-unselected: var(--semantic-color-background-default);
  --component-pagination-color-background-selected: var(--semantic-color-background-interaction-active);
  --component-modal-body-typography-weight: var(--semantic-typography-weight-regular);
  --component-modal-body-typography-line-height: var(--semantic-typography-line-height-base);
  --component-modal-body-typography-size: var(--semantic-typography-size-base);
  --component-modal-header-shape-border: var(--semantic-shape-border-base);
  --component-modal-header-color-border: var(--semantic-color-border-static);
  --component-modal-header-color-background: var(--semantic-color-background-alternate1);
  --component-modal-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-modal-header-typography-line-height: var(--semantic-typography-line-height-base-plus);
  --component-modal-header-typography-size: var(--semantic-typography-size-base-plus);
  --component-modal-spacing-padding-start: var(--semantic-spacing-600);
  --component-modal-spacing-padding-bottom: var(--semantic-spacing-400);
  --component-modal-spacing-padding-end: var(--semantic-spacing-600);
  --component-modal-spacing-padding-top: var(--semantic-spacing-400);
  --component-modal-elevation-color: var(--semantic-elevation-color-dark);
  --component-modal-elevation-depth-blur: var(--semantic-elevation-depth-overlay-blur);
  --component-modal-elevation-depth-y: var(--semantic-elevation-depth-overlay-y);
  --component-modal-elevation-depth-x: var(--semantic-elevation-depth-overlay-x);
  --component-modal-shape-border: var(--semantic-shape-border-base);
  --component-modal-shape-radius: var(--semantic-shape-radius-medium);
  --component-modal-color-border: var(--semantic-color-border-static);
  --component-modal-color-background: var(--semantic-color-background-default);
  --component-meters-progress-shape-border: var(--semantic-shape-border-base);
  --component-meters-shape-radius: var(--semantic-shape-radius-small);
  --component-meters-shape-border: var(--semantic-shape-border-base);
  --component-meters-color-border: var(--semantic-color-background-alternate1);
  --component-link-typography-weight-small: var(--semantic-typography-weight-regular);
  --component-link-typography-weight-base: var(--semantic-typography-weight-regular);
  --component-link-typography-line-height-small: var(--semantic-typography-line-height-base);
  --component-link-typography-line-height-base: var(--semantic-typography-line-height-base);
  --component-link-typography-size-small: var(--semantic-typography-size-base);
  --component-link-typography-size-base: var(--semantic-typography-size-base);
  --component-link-color-typography-active-small: var(--semantic-color-typography-link);
  --component-link-color-typography-active-base: var(--semantic-color-typography-link);
  --component-link-color-typography-default-small: var(--semantic-color-typography-primary);
  --component-link-color-typography-default-base: var(--semantic-color-typography-primary);
  --component-expander-section-shape-divider: var(--semantic-shape-border-medium);
  --component-expander-section-typography-header-weight: var(--semantic-typography-weight-regular);
  --component-expander-section-typography-header-line-height: var(--semantic-typography-line-height-medium);
  --component-expander-section-typography-header-size: var(--semantic-typography-size-medium);
  --component-expander-section-typography-body-weight: var(--semantic-typography-weight-regular);
  --component-expander-section-typography-body-line-height: var(--semantic-typography-line-height-base);
  --component-expander-section-typography-body-size: var(--semantic-typography-size-base);
  --component-expander-section-color-typography: var(--semantic-color-typography-primary);
  --component-expander-section-color-divider: var(--semantic-color-border-divider);
  --component-expander-section-color-background: var(--semantic-color-background-default);
  --component-expander-button-typography-weight: var(--semantic-typography-weight-regular);
  --component-expander-button-typography-line-height: var(--semantic-typography-line-height-base);
  --component-expander-button-typography-size: var(--semantic-typography-size-base);
  --component-expander-button-color-typography: var(--semantic-color-typography-interaction-default);
  --component-dropdown-menu-row-shape-border-selected: var(--semantic-shape-border-base);
  --component-dropdown-menu-row-shape-divider: var(--semantic-shape-border-base);
  --component-dropdown-menu-row-typography-weight: var(--semantic-typography-weight-regular);
  --component-dropdown-menu-row-typography-line-height: var(--semantic-typography-line-height-base);
  --component-dropdown-menu-row-typography-size: var(--semantic-typography-size-base);
  --component-dropdown-menu-row-color-border-selected: var(--semantic-color-border-selected);
  --component-dropdown-menu-row-color-divider: var(--semantic-color-border-static);
  --component-dropdown-menu-row-color-typography-selected: var(--semantic-color-typography-primary);
  --component-dropdown-menu-row-color-typography-default: var(--semantic-color-typography-primary);
  --component-dropdown-menu-row-color-background-selected: var(--semantic-color-background-interaction-selected);
  --component-dropdown-menu-row-color-background-default: var(--semantic-color-background-default);
  --component-dropdown-menu-header-spacing-padding-start: var(--semantic-spacing-600);
  --component-dropdown-menu-header-spacing-padding-bottom: var(--semantic-spacing-400);
  --component-dropdown-menu-header-spacing-padding-end: var(--semantic-spacing-600);
  --component-dropdown-menu-header-spacing-padding-top: var(--semantic-spacing-400);
  --component-dropdown-menu-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-dropdown-menu-header-color-typography: var(--semantic-color-typography-primary);
  --component-dropdown-menu-header-color-background: var(--semantic-color-background-alternate1);
  --component-dropdown-menu-elevation-color: var(--semantic-elevation-color-dark);
  --component-dropdown-menu-elevation-depth-blur: var(--semantic-elevation-depth-overlay-blur);
  --component-dropdown-menu-elevation-depth-y: var(--semantic-elevation-depth-overlay-y);
  --component-dropdown-menu-elevation-depth-x: var(--semantic-elevation-depth-overlay-x);
  --component-dropdown-menu-shape-border: var(--semantic-shape-border-base);
  --component-dropdown-menu-shape-radius: var(--semantic-shape-radius-small);
  --component-dropdown-menu-color-border: var(--semantic-color-border-static);
  --component-dropdown-menu-color-background: var(--semantic-color-background-default);
  --component-dropdown-split-button-elevation-color-small: var(--semantic-elevation-color-dark);
  --component-dropdown-split-button-elevation-color-base: var(--semantic-elevation-color-dark);
  --component-dropdown-split-button-elevation-depth-small-blur: var(--semantic-elevation-depth-float-blur);
  --component-dropdown-split-button-elevation-depth-small-y: var(--semantic-elevation-depth-float-y);
  --component-dropdown-split-button-elevation-depth-small-x: var(--semantic-elevation-depth-float-x);
  --component-dropdown-split-button-elevation-depth-base-blur: var(--semantic-elevation-depth-float-blur);
  --component-dropdown-split-button-elevation-depth-base-y: var(--semantic-elevation-depth-float-y);
  --component-dropdown-split-button-elevation-depth-base-x: var(--semantic-elevation-depth-float-x);
  --component-dropdown-split-button-spacing-padding-small-end: var(--semantic-spacing-400);
  --component-dropdown-split-button-spacing-padding-small-top: var(--semantic-spacing-300);
  --component-dropdown-split-button-spacing-padding-base-end: var(--semantic-spacing-400);
  --component-dropdown-split-button-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-dropdown-split-button-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-dropdown-split-button-shape-border-small-disabled: var(--semantic-shape-border-base);
  --component-dropdown-split-button-shape-border-small-default: var(--semantic-shape-border-base);
  --component-dropdown-split-button-shape-border-base-disabled: var(--semantic-shape-border-base);
  --component-dropdown-split-button-shape-border-base-default: var(--semantic-shape-border-base);
  --component-dropdown-split-button-shape-radius-small: var(--semantic-shape-radius-medium);
  --component-dropdown-split-button-shape-radius-base: var(--semantic-shape-radius-medium);
  --component-dropdown-split-button-typography-weight-small: var(--semantic-typography-weight-regular);
  --component-dropdown-split-button-typography-weight-base: var(--semantic-typography-weight-regular);
  --component-dropdown-split-button-color-typography-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-dropdown-split-button-color-typography-small-default: var(--semantic-color-typography-primary);
  --component-dropdown-split-button-color-typography-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-dropdown-split-button-color-typography-base-default: var(--semantic-color-typography-primary);
  --component-dropdown-split-button-color-border-small-default: var(--semantic-color-border-interactive);
  --component-dropdown-split-button-color-border-base-default: var(--semantic-color-border-interactive);
  --component-dropdown-split-button-color-background-small-default: var(--semantic-color-background-default);
  --component-dropdown-split-button-color-background-base-default: var(--semantic-color-background-default);
  --component-dropdown-elevation-color-small: var(--semantic-elevation-color-dark);
  --component-dropdown-elevation-color-base: var(--semantic-elevation-color-dark);
  --component-dropdown-elevation-depth-small-blur: var(--semantic-elevation-depth-float-blur);
  --component-dropdown-elevation-depth-small-y: var(--semantic-elevation-depth-float-y);
  --component-dropdown-elevation-depth-small-x: var(--semantic-elevation-depth-float-x);
  --component-dropdown-elevation-depth-base-blur: var(--semantic-elevation-depth-float-blur);
  --component-dropdown-elevation-depth-base-y: var(--semantic-elevation-depth-float-y);
  --component-dropdown-elevation-depth-base-x: var(--semantic-elevation-depth-float-x);
  --component-dropdown-spacing-padding-small-top: var(--semantic-spacing-300);
  --component-dropdown-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-dropdown-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-dropdown-shape-focus-ring-small-error: var(--semantic-shape-border-large);
  --component-dropdown-shape-focus-ring-small-active: var(--semantic-shape-border-large);
  --component-dropdown-shape-focus-ring-base-error: var(--semantic-shape-border-large);
  --component-dropdown-shape-focus-ring-base-active: var(--semantic-shape-border-large);
  --component-dropdown-shape-border-small-disabled: var(--semantic-shape-border-base);
  --component-dropdown-shape-border-small-error: var(--semantic-shape-border-medium);
  --component-dropdown-shape-border-small-active: var(--semantic-shape-border-base);
  --component-dropdown-shape-border-small-default: var(--semantic-shape-border-base);
  --component-dropdown-shape-border-base-disabled: var(--semantic-shape-border-base);
  --component-dropdown-shape-border-base-error: var(--semantic-shape-border-medium);
  --component-dropdown-shape-border-base-active: var(--semantic-shape-border-base);
  --component-dropdown-shape-border-base-default: var(--semantic-shape-border-base);
  --component-dropdown-shape-radius-small: var(--semantic-shape-radius-medium);
  --component-dropdown-shape-radius-base: var(--semantic-shape-radius-medium);
  --component-dropdown-typography-weight-small: var(--semantic-typography-weight-regular);
  --component-dropdown-typography-weight-base: var(--semantic-typography-weight-regular);
  --component-dropdown-typography-line-height-small: var(--semantic-typography-line-height-small);
  --component-dropdown-typography-size-small: var(--semantic-typography-size-small);
  --component-dropdown-color-focus-ring-small-error: var(--semantic-color-border-focus-error);
  --component-dropdown-color-focus-ring-small-active: var(--semantic-color-border-focus);
  --component-dropdown-color-focus-ring-base-error: var(--semantic-color-border-focus-error);
  --component-dropdown-color-focus-ring-base-active: var(--semantic-color-border-focus);
  --component-dropdown-color-typography-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-dropdown-color-typography-small-error: var(--semantic-color-typography-primary);
  --component-dropdown-color-typography-small-active: var(--semantic-color-typography-primary);
  --component-dropdown-color-typography-small-default: var(--semantic-color-typography-primary);
  --component-dropdown-color-typography-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-dropdown-color-typography-base-error: var(--semantic-color-typography-primary);
  --component-dropdown-color-typography-base-active: var(--semantic-color-typography-primary);
  --component-dropdown-color-typography-base-default: var(--semantic-color-typography-primary);
  --component-dropdown-color-border-small-error: var(--semantic-color-border-feedback-error);
  --component-dropdown-color-border-small-active: var(--semantic-color-background-interaction-active);
  --component-dropdown-color-border-small-default: var(--semantic-color-border-static);
  --component-dropdown-color-border-base-error: var(--semantic-color-border-feedback-error);
  --component-dropdown-color-border-base-active: var(--semantic-color-border-active);
  --component-dropdown-color-border-base-default: var(--semantic-color-border-static);
  --component-dropdown-color-background-small-error: var(--semantic-color-background-alternate1);
  --component-dropdown-color-background-small-active: var(--semantic-color-background-interaction-active);
  --component-dropdown-color-background-small-default: var(--semantic-color-background-alternate1);
  --component-dropdown-color-background-base-error: var(--semantic-color-background-alternate1);
  --component-dropdown-color-background-base-active: var(--semantic-color-background-interaction-active);
  --component-dropdown-color-background-base-default: var(--semantic-color-background-alternate1);
  --component-divider-shape-border: var(--semantic-shape-border-base);
  --component-divider-section-shape-border: var(--semantic-shape-border-medium);
  --component-divider-typography-weight: var(--semantic-typography-weight-regular);
  --component-divider-typography-line-height: var(--semantic-typography-line-height-small);
  --component-divider-typography-size: var(--semantic-typography-size-small);
  --component-divider-color-typography: var(--semantic-color-typography-secondary);
  --component-divider-color-border: var(--semantic-color-border-divider);
  --component-checkbox-elevation-color-unchecked-default: var(--semantic-elevation-color-light);
  --component-checkbox-elevation-depth-unchecked-blur: var(--semantic-elevation-depth-inset-blur);
  --component-checkbox-elevation-depth-unchecked-y: var(--semantic-elevation-depth-inset-y);
  --component-checkbox-elevation-depth-unchecked-x: var(--semantic-elevation-depth-inset-x);
  --component-checkbox-shape-focus-ring-unchecked: var(--semantic-shape-border-large);
  --component-checkbox-shape-border-checked-default-focus: var(--semantic-shape-border-base);
  --component-checkbox-shape-border-unchecked-disabled: var(--semantic-shape-border-base);
  --component-checkbox-shape-border-unchecked-default-focus: var(--semantic-shape-border-base);
  --component-checkbox-shape-border-unchecked-default: var(--semantic-shape-border-base);
  --component-checkbox-shape-radius-checked: var(--semantic-shape-radius-mini);
  --component-checkbox-shape-radius-unchecked: var(--semantic-shape-radius-mini);
  --component-checkbox-color-focus-ring-unchecked: var(--semantic-color-typography-interaction-disabled);
  --component-checkbox-color-border-checked-default-focus: var(--semantic-color-border-focus);
  --component-checkbox-color-border-unchecked-disabled: var(--semantic-color-border-interactive);
  --component-checkbox-color-border-unchecked-default-focus: var(--semantic-color-border-active);
  --component-checkbox-color-border-unchecked-default: var(--semantic-color-border-interactive);
  --component-checkbox-color-background-unchecked-default-focus: var(--semantic-color-background-interaction-focus);
  --component-checkbox-color-background-unchecked-default: var(--semantic-color-background-default);
  --component-checkbox-color-typography-checked-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-checkbox-color-typography-checked-default-focus: var(--semantic-color-typography-primary);
  --component-checkbox-color-typography-checked-default: var(--semantic-color-typography-primary);
  --component-checkbox-color-typography-unchecked-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-checkbox-color-typography-unchecked-default-focus: var(--semantic-color-typography-primary);
  --component-checkbox-color-typography-unchecked-default: var(--semantic-color-typography-primary);
  --component-checkbox-typography-weight-checked: var(--semantic-typography-weight-regular);
  --component-checkbox-typography-weight-unchecked: var(--semantic-typography-weight-regular);
  --component-checkbox-typography-line-height-checked: var(--semantic-typography-line-height-base);
  --component-checkbox-typography-line-height-unchecked: var(--semantic-typography-line-height-base);
  --component-checkbox-typography-size-checked: var(--semantic-typography-size-base);
  --component-checkbox-typography-size-unchecked: var(--semantic-typography-size-base);
  --component-changeover-spacing-padding-start: var(--semantic-spacing-400);
  --component-changeover-spacing-padding-bottom: var(--semantic-spacing-300);
  --component-changeover-spacing-padding-end: var(--semantic-spacing-400);
  --component-changeover-spacing-padding-top: var(--semantic-spacing-300);
  --component-changeover-shape-border: var(--semantic-shape-border-base);
  --component-changeover-shape-radius: var(--semantic-shape-radius-large);
  --component-changeover-typography-weight: var(--semantic-typography-weight-regular);
  --component-changeover-typography-line-height: var(--semantic-typography-line-height-medium);
  --component-changeover-typography-size: var(--semantic-typography-size-medium);
  --component-changeover-color-typography-default: var(--semantic-color-typography-primary);
  --component-changeover-color-border-default-outer: var(--semantic-color-border-static);
  --component-changeover-color-background-default: var(--semantic-color-background-default);
  --component-card-shape-divider: var(--semantic-shape-border-medium);
  --component-card-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-card-header-typography-line-height: var(--semantic-typography-line-height-medium);
  --component-card-header-typography-size: var(--semantic-typography-size-medium);
  --component-card-button-typography-weight: var(--semantic-typography-weight-regular);
  --component-card-button-typography-line-height: var(--semantic-typography-line-height-base);
  --component-card-button-typography-size: var(--semantic-typography-size-base);
  --component-card-body-typography-weight: var(--semantic-typography-weight-regular);
  --component-card-body-typography-line-height: var(--semantic-typography-line-height-base);
  --component-card-body-typography-size: var(--semantic-typography-size-base);
  --component-card-color-button: var(--semantic-color-typography-interaction-default);
  --component-card-color-typography: var(--semantic-color-typography-primary);
  --component-card-color-divider: var(--semantic-color-border-static);
  --component-card-color-background: var(--semantic-color-background-default);
  --component-calendar-body-shape-border: var(--semantic-shape-border-medium);
  --component-calendar-body-shape-radius: var(--semantic-shape-radius-medium);
  --component-calendar-body-typography-weight: var(--semantic-typography-weight-bold);
  --component-calendar-body-color-border-selected: var(--semantic-color-border-selected);
  --component-calendar-body-color-border-hover: var(--semantic-color-border-active);
  --component-calendar-body-color-typography-selected: var(--semantic-color-typography-interaction-default);
  --component-calendar-body-color-typography-hover: var(--semantic-color-typography-interaction-default);
  --component-calendar-body-color-typography-default: var(--semantic-color-typography-primary);
  --component-calendar-body-color-background-selected: var(--semantic-color-background-interaction-selected);
  --component-calendar-body-color-background-hover: var(--semantic-color-background-default);
  --component-calendar-body-color-background-default: var(--semantic-color-background-default);
  --component-calendar-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-calendar-header-typography-size: var(--semantic-typography-size-base);
  --component-calendar-header-color-typography: var(--semantic-color-typography-primary);
  --component-calendar-input-add-on-shape-border: var(--semantic-shape-border-base);
  --component-calendar-input-add-on-shape-radius: var(--semantic-shape-radius-small);
  --component-calendar-input-add-on-color-border-focus: var(--semantic-color-border-interactive);
  --component-calendar-input-add-on-color-border-filled: var(--semantic-color-border-interactive);
  --component-calendar-input-add-on-color-border-default: var(--semantic-color-border-interactive);
  --component-calendar-input-add-on-color-background-focus: var(--semantic-color-background-alternate1);
  --component-calendar-input-add-on-color-background-filled: var(--semantic-color-background-alternate1);
  --component-calendar-input-add-on-color-background-default: var(--semantic-color-background-alternate1);
  --component-calendar-input-spacing-padding-start: var(--semantic-spacing-200);
  --component-calendar-input-spacing-padding-bottom: var(--semantic-spacing-200);
  --component-calendar-input-spacing-padding-end: var(--semantic-spacing-200);
  --component-calendar-input-spacing-padding-top: var(--semantic-spacing-100);
  --component-calendar-input-typography-weight: var(--semantic-typography-weight-regular);
  --component-calendar-input-typography-line-height: var(--semantic-typography-line-height-base);
  --component-calendar-input-typography-size: var(--semantic-typography-size-base);
  --component-calendar-input-elevation-color: var(--semantic-elevation-color-light);
  --component-calendar-input-elevation-depth-blur: var(--semantic-elevation-depth-inset-blur);
  --component-calendar-input-elevation-depth-y: var(--semantic-elevation-depth-inset-y);
  --component-calendar-input-elevation-depth-x: var(--semantic-elevation-depth-inset-x);
  --component-calendar-input-shape-border: var(--semantic-shape-border-base);
  --component-calendar-input-shape-radius: var(--semantic-shape-radius-small);
  --component-calendar-input-color-typography-focus: var(--semantic-color-typography-primary);
  --component-calendar-input-color-typography-filled: var(--semantic-color-typography-primary);
  --component-calendar-input-color-border-focus-ring: var(--semantic-color-border-focus);
  --component-calendar-input-color-border-focus: var(--semantic-color-border-active);
  --component-calendar-input-color-border-filled: var(--semantic-color-border-interactive);
  --component-calendar-input-color-border-default: var(--semantic-color-border-interactive);
  --component-calendar-input-color-background-focus: var(--semantic-color-background-default);
  --component-calendar-input-color-background-filled: var(--semantic-color-background-default);
  --component-calendar-input-color-background-default: var(--semantic-color-background-default);
  --component-calendar-shape-border: var(--semantic-shape-border-base);
  --component-calendar-shape-radius: var(--semantic-shape-radius-medium);
  --component-calendar-color-border: var(--semantic-color-border-divider);
  --component-calendar-color-background: var(--semantic-color-background-default);
  --component-button-pagination-shape-border-outer: var(--semantic-shape-border-base);
  --component-button-pagination-shape-radius: var(--semantic-shape-radius-medium);
  --component-button-pagination-color-typography-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-pagination-color-typography-default: var(--semantic-color-typography-primary);
  --component-button-pagination-color-border-disabled-outer: var(--semantic-color-border-disabled);
  --component-button-pagination-color-border-active-outer: var(--semantic-color-border-active);
  --component-button-pagination-color-border-default-outer: var(--semantic-color-border-interactive);
  --component-button-pagination-color-background-disabled: var(--semantic-color-background-interaction-disabled);
  --component-button-pagination-color-background-active: var(--semantic-color-background-interaction-active);
  --component-button-pagination-color-background-default: var(--semantic-color-background-default);
  --component-button-pagination-typography-weight: var(--semantic-typography-weight-regular);
  --component-button-button-group-spacing-padding-end: var(--semantic-spacing-400);
  --component-button-button-group-spacing-padding-bottom: var(--semantic-spacing-300);
  --component-button-button-group-spacing-padding-top: var(--semantic-spacing-300);
  --component-button-button-group-shape-radius: var(--semantic-shape-radius-medium);
  --component-button-button-group-shape-border-outer: var(--semantic-shape-border-base);
  --component-button-button-group-typography-weight: var(--semantic-typography-weight-regular);
  --component-button-button-group-color-border-outer-disabled: var(--semantic-color-border-disabled);
  --component-button-button-group-color-border-outer-selected: var(--semantic-color-border-selected);
  --component-button-button-group-color-border-outer-default: var(--semantic-color-border-interactive);
  --component-button-button-group-color-background-disabled: var(--semantic-color-background-interaction-disabled);
  --component-button-button-group-color-background-selected: var(--semantic-color-background-interaction-selected);
  --component-button-button-group-color-background-default: var(--semantic-color-background-default);
  --component-button-button-group-color-typography-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-button-group-color-typography-selected: var(--semantic-color-typography-primary);
  --component-button-button-group-color-typography-default: var(--semantic-color-typography-primary);
  --component-button-supplemental-elevation-color: var(--semantic-elevation-color-dark);
  --component-button-supplemental-elevation-depth-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-supplemental-elevation-depth-y: var(--semantic-elevation-depth-float-y);
  --component-button-supplemental-elevation-depth-x: var(--semantic-elevation-depth-float-x);
  --component-button-supplemental-spacing-padding-bottom: var(--semantic-spacing-300);
  --component-button-supplemental-spacing-padding-top: var(--semantic-spacing-300);
  --component-button-supplemental-shape-border: var(--semantic-shape-border-base);
  --component-button-supplemental-shape-radius: var(--semantic-shape-radius-medium);
  --component-button-supplemental-typography-weight: var(--semantic-typography-weight-regular);
  --component-button-supplemental-typography-line-height: var(--semantic-typography-line-height-base);
  --component-button-supplemental-typography-size: var(--semantic-typography-size-base);
  --component-button-supplemental-color-border: var(--semantic-color-border-static);
  --component-button-supplemental-color-background: var(--semantic-color-background-default);
  --component-button-supplemental-color-typography: var(--semantic-color-typography-primary);
  --component-button-toggle-thumbnail-shape-radius: var(--semantic-shape-border-medium);
  --component-button-toggle-thumbnail-shape-focus-ring: var(--semantic-shape-border-large);
  --component-button-toggle-thumbnail-shape-border-outer-unavailable: var(--semantic-shape-border-base);
  --component-button-toggle-thumbnail-shape-border-outer-disabled: var(--semantic-shape-border-base);
  --component-button-toggle-thumbnail-shape-border-outer-selected: var(--semantic-shape-border-base);
  --component-button-toggle-thumbnail-shape-border-outer-active: var(--semantic-shape-border-base);
  --component-button-toggle-thumbnail-shape-border-outer-default: var(--semantic-shape-border-base);
  --component-button-toggle-thumbnail-color-focus-ring: var(--semantic-color-border-focus);
  --component-button-toggle-thumbnail-color-border-outer-unavailable: var(--semantic-color-border-unavailable);
  --component-button-toggle-thumbnail-color-border-outer-disabled: var(--semantic-color-border-disabled);
  --component-button-toggle-thumbnail-color-border-outer-selected: var(--semantic-color-border-selected);
  --component-button-toggle-thumbnail-color-border-outer-active: var(--semantic-color-border-interactive);
  --component-button-toggle-thumbnail-color-border-outer-default: var(--semantic-color-border-interactive);
  --component-button-toggle-thumbnail-color-background-unavailable: var(--semantic-color-background-interaction-unavailable);
  --component-button-toggle-thumbnail-color-background-disabled: var(--semantic-color-background-interaction-disabled);
  --component-button-toggle-thumbnail-color-background-selected: var(--semantic-color-background-interaction-selected);
  --component-button-toggle-thumbnail-color-background-active: var(--semantic-color-background-default);
  --component-button-toggle-thumbnail-color-background-default: var(--semantic-color-background-default);
  --component-button-toggle-spacing-padding-small-end: var(--semantic-spacing-300);
  --component-button-toggle-spacing-padding-small-top: var(--semantic-spacing-200);
  --component-button-toggle-spacing-padding-base-end: var(--semantic-spacing-400);
  --component-button-toggle-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-button-toggle-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-button-toggle-shape-radius-small: var(--semantic-shape-radius-medium);
  --component-button-toggle-shape-radius-base: var(--semantic-shape-radius-medium);
  --component-button-toggle-shape-focus-ring-small: var(--semantic-shape-border-large);
  --component-button-toggle-shape-focus-ring-base: var(--semantic-shape-border-large);
  --component-button-toggle-shape-border-outer-small-unavailable: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-small-disabled: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-small-selected: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-small-active: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-small-default: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-base-unavailable: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-base-disabled: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-base-selected: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-base-active: var(--semantic-shape-border-base);
  --component-button-toggle-shape-border-outer-base-default: var(--semantic-shape-border-base);
  --component-button-toggle-typography-weight-small-unavailable: var(--semantic-typography-weight-regular);
  --component-button-toggle-typography-weight-small-disabled: var(--semantic-typography-weight-regular);
  --component-button-toggle-typography-weight-small-selected: var(--semantic-typography-weight-bold);
  --component-button-toggle-typography-weight-small-active: var(--semantic-typography-weight-regular);
  --component-button-toggle-typography-weight-small-default: var(--semantic-typography-weight-regular);
  --component-button-toggle-typography-weight-base-unavailable: var(--semantic-typography-weight-regular);
  --component-button-toggle-typography-weight-base-disabled: var(--semantic-typography-weight-regular);
  --component-button-toggle-typography-weight-base-selected: var(--semantic-typography-weight-bold);
  --component-button-toggle-typography-weight-base-active: var(--semantic-typography-weight-regular);
  --component-button-toggle-typography-weight-base-default: var(--semantic-typography-weight-regular);
  --component-button-toggle-typography-line-height-small: var(--semantic-typography-line-height-base-plus);
  --component-button-toggle-typography-line-height-base: var(--semantic-typography-line-height-base);
  --component-button-toggle-typography-size-small: var(--semantic-typography-size-base-plus);
  --component-button-toggle-typography-size-base: var(--semantic-typography-size-base);
  --component-button-toggle-color-focus-ring-small: var(--semantic-color-border-focus);
  --component-button-toggle-color-focus-ring-base: var(--semantic-color-border-focus);
  --component-button-toggle-color-border-outer-small-unavailable: var(--semantic-color-border-unavailable);
  --component-button-toggle-color-border-outer-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-toggle-color-border-outer-small-selected: var(--semantic-color-border-selected);
  --component-button-toggle-color-border-outer-small-active: var(--semantic-color-border-interactive);
  --component-button-toggle-color-border-outer-small-default: var(--semantic-color-border-interactive);
  --component-button-toggle-color-border-outer-base-unavailable: var(--semantic-color-border-unavailable);
  --component-button-toggle-color-border-outer-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-toggle-color-border-outer-base-selected: var(--semantic-color-border-selected);
  --component-button-toggle-color-border-outer-base-active: var(--semantic-color-border-interactive);
  --component-button-toggle-color-border-outer-base-default: var(--semantic-color-border-interactive);
  --component-button-toggle-color-background-small-unavailable: var(--semantic-color-background-interaction-unavailable);
  --component-button-toggle-color-background-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-toggle-color-background-small-selected: var(--semantic-color-background-interaction-selected);
  --component-button-toggle-color-background-small-active: var(--semantic-color-background-default);
  --component-button-toggle-color-background-small-default: var(--semantic-color-background-default);
  --component-button-toggle-color-background-base-unavailable: var(--semantic-color-background-interaction-unavailable);
  --component-button-toggle-color-background-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-toggle-color-background-base-selected: var(--semantic-color-background-interaction-selected);
  --component-button-toggle-color-background-base-active: var(--semantic-color-background-default);
  --component-button-toggle-color-background-base-default: var(--semantic-color-background-default);
  --component-button-toggle-color-typography-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-toggle-color-typography-small-selected: var(--semantic-color-typography-primary);
  --component-button-toggle-color-typography-small-active: var(--semantic-color-typography-primary);
  --component-button-toggle-color-typography-small-default: var(--semantic-color-typography-primary);
  --component-button-toggle-color-typography-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-toggle-color-typography-base-selected: var(--semantic-color-typography-primary);
  --component-button-toggle-color-typography-base-active: var(--semantic-color-typography-primary);
  --component-button-toggle-color-typography-base-default: var(--semantic-color-typography-primary);
  --component-button-secondary-elevation-color-small: var(--semantic-elevation-color-dark);
  --component-button-secondary-elevation-color-base: var(--semantic-elevation-color-dark);
  --component-button-secondary-elevation-depth-small-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-secondary-elevation-depth-small-y: var(--semantic-elevation-depth-float-y);
  --component-button-secondary-elevation-depth-small-x: var(--semantic-elevation-depth-float-x);
  --component-button-secondary-elevation-depth-base-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-secondary-elevation-depth-base-y: var(--semantic-elevation-depth-float-y);
  --component-button-secondary-elevation-depth-base-x: var(--semantic-elevation-depth-float-x);
  --component-button-secondary-spacing-padding-small-end: var(--semantic-spacing-400);
  --component-button-secondary-spacing-padding-small-bottom: var(--semantic-spacing-300);
  --component-button-secondary-spacing-padding-small-top: var(--semantic-spacing-300);
  --component-button-secondary-spacing-padding-base-end: var(--semantic-spacing-400);
  --component-button-secondary-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-button-secondary-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-button-secondary-shape-radius-small: var(--semantic-shape-radius-medium);
  --component-button-secondary-shape-radius-base: var(--semantic-shape-radius-medium);
  --component-button-secondary-shape-focus-ring-small: var(--semantic-shape-border-large);
  --component-button-secondary-shape-focus-ring-base: var(--semantic-shape-border-large);
  --component-button-secondary-shape-border-inner-small: var(--semantic-shape-border-large);
  --component-button-secondary-shape-border-inner-base: var(--semantic-shape-border-large);
  --component-button-secondary-shape-border-outer-small: var(--semantic-shape-border-base);
  --component-button-secondary-shape-border-outer-base: var(--semantic-shape-border-base);
  --component-button-secondary-typography-weight-small: var(--semantic-typography-weight-regular);
  --component-button-secondary-typography-weight-base: var(--semantic-typography-weight-regular);
  --component-button-secondary-color-focus-ring-small: var(--semantic-color-border-focus);
  --component-button-secondary-color-focus-ring-base: var(--semantic-color-border-focus);
  --component-button-secondary-color-border-outer-small-default-active: var(--semantic-color-border-active);
  --component-button-secondary-color-border-outer-small-active: var(--semantic-color-border-active);
  --component-button-secondary-color-border-outer-small-default: var(--semantic-color-border-static);
  --component-button-secondary-color-border-outer-base-default-active: var(--semantic-color-border-active);
  --component-button-secondary-color-border-outer-base-active: var(--semantic-color-border-active);
  --component-button-secondary-color-border-outer-base-default: var(--semantic-color-border-static);
  --component-button-secondary-color-background-small-disabled: var(--semantic-color-background-interaction-disabled);
  --component-button-secondary-color-background-small-active: var(--semantic-color-background-interaction-active);
  --component-button-secondary-color-background-small-default: var(--semantic-color-background-default);
  --component-button-secondary-color-background-base-disabled: var(--semantic-color-background-interaction-disabled);
  --component-button-secondary-color-background-base-active: var(--semantic-color-background-interaction-active);
  --component-button-secondary-color-background-base-default: var(--semantic-color-background-default);
  --component-button-secondary-color-typography-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-secondary-color-typography-small-active: var(--semantic-color-typography-primary);
  --component-button-secondary-color-typography-small-default: var(--semantic-color-typography-primary);
  --component-button-secondary-color-typography-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-secondary-color-typography-base-active: var(--semantic-color-typography-primary);
  --component-button-secondary-color-typography-base-default: var(--semantic-color-typography-primary);
  --component-button-primary-elevation-color-small: var(--semantic-elevation-color-dark);
  --component-button-primary-elevation-color-base: var(--semantic-elevation-color-dark);
  --component-button-primary-elevation-depth-small-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-primary-elevation-depth-small-y: var(--semantic-elevation-depth-float-y);
  --component-button-primary-elevation-depth-small-x: var(--semantic-elevation-depth-float-x);
  --component-button-primary-elevation-depth-base-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-primary-elevation-depth-base-y: var(--semantic-elevation-depth-float-y);
  --component-button-primary-elevation-depth-base-x: var(--semantic-elevation-depth-float-x);
  --component-button-primary-spacing-padding-small-end: var(--semantic-spacing-300);
  --component-button-primary-spacing-padding-small-top: var(--semantic-spacing-200);
  --component-button-primary-spacing-padding-base-end: var(--semantic-spacing-400);
  --component-button-primary-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-button-primary-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-button-primary-shape-radius-small: var(--semantic-shape-radius-medium);
  --component-button-primary-shape-radius-base: var(--semantic-shape-radius-medium);
  --component-button-primary-shape-focus-ring-small: var(--semantic-shape-border-large);
  --component-button-primary-shape-focus-ring-base: var(--semantic-shape-border-large);
  --component-button-primary-shape-border-inner-small: var(--semantic-shape-border-large);
  --component-button-primary-shape-border-inner-base: var(--semantic-shape-border-large);
  --component-button-primary-shape-border-outer-small: var(--semantic-shape-border-base);
  --component-button-primary-shape-border-outer-base: var(--semantic-shape-border-base);
  --component-button-primary-typography-weight-small: var(--semantic-typography-weight-regular);
  --component-button-primary-typography-weight-base: var(--semantic-typography-weight-regular);
  --component-button-primary-typography-line-height-small: var(--semantic-typography-line-height-small);
  --component-button-primary-typography-size-small: var(--semantic-typography-size-small);
  --component-button-primary-color-focus-ring-small: var(--semantic-color-border-focus);
  --component-button-primary-color-focus-ring-base: var(--semantic-color-border-focus);
  --component-button-primary-color-border-outer-small-default-active: var(--semantic-color-border-active);
  --component-button-primary-color-border-outer-small-active: var(--semantic-color-border-active);
  --component-button-primary-color-border-outer-base-default-active: var(--semantic-color-border-active);
  --component-button-primary-color-border-outer-base-active: var(--semantic-color-border-active);
  --component-button-primary-color-typography-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-primary-color-typography-small-active: var(--semantic-color-typography-primary);
  --component-button-primary-color-typography-small-default: var(--semantic-color-typography-primary);
  --component-button-primary-color-typography-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-primary-color-typography-base-active: var(--semantic-color-typography-primary);
  --component-button-primary-color-typography-base-default: var(--semantic-color-typography-primary);
  --component-button-search-elevation-color-small: var(--semantic-elevation-color-dark);
  --component-button-search-elevation-color-base: var(--semantic-elevation-color-dark);
  --component-button-search-elevation-depth-small-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-search-elevation-depth-small-y: var(--semantic-elevation-depth-float-y);
  --component-button-search-elevation-depth-small-x: var(--semantic-elevation-depth-float-x);
  --component-button-search-elevation-depth-base-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-search-elevation-depth-base-y: var(--semantic-elevation-depth-float-y);
  --component-button-search-elevation-depth-base-x: var(--semantic-elevation-depth-float-x);
  --component-button-search-spacing-padding-small-end: var(--semantic-spacing-300);
  --component-button-search-spacing-padding-small-top: var(--semantic-spacing-200);
  --component-button-search-spacing-padding-base-end: var(--semantic-spacing-400);
  --component-button-search-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-button-search-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-button-search-shape-radius-small: var(--semantic-shape-radius-full);
  --component-button-search-shape-radius-base: var(--semantic-shape-radius-full);
  --component-button-search-shape-focus-ring-small: var(--semantic-shape-border-large);
  --component-button-search-shape-focus-ring-base: var(--semantic-shape-border-large);
  --component-button-search-shape-border-inner-small: var(--semantic-shape-border-large);
  --component-button-search-shape-border-inner-base: var(--semantic-shape-border-large);
  --component-button-search-shape-border-outer-small: var(--semantic-shape-border-base);
  --component-button-search-shape-border-outer-base: var(--semantic-shape-border-base);
  --component-button-search-typography-weight-small: var(--semantic-typography-weight-bold);
  --component-button-search-typography-weight-base: var(--semantic-typography-weight-bold);
  --component-button-search-typography-line-height-small: var(--semantic-typography-line-height-small);
  --component-button-search-typography-size-small: var(--semantic-typography-size-small);
  --component-button-search-color-focus-ring-small: var(--semantic-color-border-focus);
  --component-button-search-color-focus-ring-base: var(--semantic-color-border-focus);
  --component-button-search-color-border-outer-small-default-active: var(--semantic-color-border-active);
  --component-button-search-color-border-outer-small-active: var(--semantic-color-border-active);
  --component-button-search-color-border-outer-base-default-active: var(--semantic-color-border-active);
  --component-button-search-color-border-outer-base-active: var(--semantic-color-border-active);
  --component-button-search-color-typography-small-disabled: var(--semantic-color-typography-inverse);
  --component-button-search-color-typography-small-active: var(--semantic-color-typography-inverse);
  --component-button-search-color-typography-small-default: var(--semantic-color-typography-inverse);
  --component-button-search-color-typography-base-disabled: var(--semantic-color-typography-inverse);
  --component-button-search-color-typography-base-active: var(--semantic-color-typography-inverse);
  --component-button-search-color-typography-base-default: var(--semantic-color-typography-inverse);
  --component-button-pre-order-elevation-color-small: var(--semantic-elevation-color-dark);
  --component-button-pre-order-elevation-color-base: var(--semantic-elevation-color-dark);
  --component-button-pre-order-elevation-depth-small-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-pre-order-elevation-depth-small-y: var(--semantic-elevation-depth-float-y);
  --component-button-pre-order-elevation-depth-small-x: var(--semantic-elevation-depth-float-x);
  --component-button-pre-order-elevation-depth-base-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-pre-order-elevation-depth-base-y: var(--semantic-elevation-depth-float-y);
  --component-button-pre-order-elevation-depth-base-x: var(--semantic-elevation-depth-float-x);
  --component-button-pre-order-spacing-padding-small-end: var(--semantic-spacing-300);
  --component-button-pre-order-spacing-padding-small-top: var(--semantic-spacing-300);
  --component-button-pre-order-spacing-padding-base-end: var(--semantic-spacing-400);
  --component-button-pre-order-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-button-pre-order-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-button-pre-order-shape-radius-small: var(--semantic-shape-radius-full);
  --component-button-pre-order-shape-radius-base: var(--semantic-shape-radius-full);
  --component-button-pre-order-shape-focus-ring-small: var(--semantic-shape-border-large);
  --component-button-pre-order-shape-focus-ring-base: var(--semantic-shape-border-large);
  --component-button-pre-order-shape-border-inner-small: var(--semantic-shape-border-large);
  --component-button-pre-order-shape-border-inner-base: var(--semantic-shape-border-large);
  --component-button-pre-order-shape-border-outer-small: var(--semantic-shape-border-base);
  --component-button-pre-order-shape-border-outer-base: var(--semantic-shape-border-base);
  --component-button-pre-order-typography-weight-small: var(--semantic-typography-weight-regular);
  --component-button-pre-order-typography-weight-base: var(--semantic-typography-weight-regular);
  --component-button-pre-order-typography-line-height-small: var(--semantic-typography-line-height-small);
  --component-button-pre-order-typography-line-height-base: var(--semantic-typography-line-height-base);
  --component-button-pre-order-typography-size-small: var(--semantic-typography-size-small);
  --component-button-pre-order-typography-size-base: var(--semantic-typography-size-base);
  --component-button-pre-order-color-focus-ring-small: var(--semantic-color-border-focus);
  --component-button-pre-order-color-focus-ring-base: var(--semantic-color-border-focus);
  --component-button-pre-order-color-border-outer-small-default-active: var(--semantic-color-border-active);
  --component-button-pre-order-color-border-outer-small-active: var(--semantic-color-border-active);
  --component-button-pre-order-color-border-outer-base-default-active: var(--semantic-color-border-active);
  --component-button-pre-order-color-border-outer-base-active: var(--semantic-color-border-active);
  --component-button-pre-order-color-typography-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-pre-order-color-typography-small-active: var(--semantic-color-typography-primary);
  --component-button-pre-order-color-typography-small-default: var(--semantic-color-typography-primary);
  --component-button-pre-order-color-typography-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-pre-order-color-typography-base-active: var(--semantic-color-typography-primary);
  --component-button-pre-order-color-typography-base-default: var(--semantic-color-typography-primary);
  --component-button-buy-now-elevation-color-small: var(--semantic-elevation-color-dark);
  --component-button-buy-now-elevation-color-base: var(--semantic-elevation-color-dark);
  --component-button-buy-now-elevation-depth-small-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-buy-now-elevation-depth-small-y: var(--semantic-elevation-depth-float-y);
  --component-button-buy-now-elevation-depth-small-x: var(--semantic-elevation-depth-float-x);
  --component-button-buy-now-elevation-depth-base-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-buy-now-elevation-depth-base-y: var(--semantic-elevation-depth-float-y);
  --component-button-buy-now-elevation-depth-base-x: var(--semantic-elevation-depth-float-x);
  --component-button-buy-now-spacing-padding-small-end: var(--semantic-spacing-300);
  --component-button-buy-now-spacing-padding-small-top: var(--semantic-spacing-300);
  --component-button-buy-now-spacing-padding-base-end: var(--semantic-spacing-400);
  --component-button-buy-now-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-button-buy-now-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-button-buy-now-shape-radius-small: var(--semantic-shape-radius-full);
  --component-button-buy-now-shape-radius-base: var(--semantic-shape-radius-full);
  --component-button-buy-now-shape-focus-ring-small: var(--semantic-shape-border-large);
  --component-button-buy-now-shape-focus-ring-base: var(--semantic-shape-border-large);
  --component-button-buy-now-shape-border-inner-small: var(--semantic-shape-border-large);
  --component-button-buy-now-shape-border-inner-base: var(--semantic-shape-border-large);
  --component-button-buy-now-shape-border-outer-small: var(--semantic-shape-border-base);
  --component-button-buy-now-shape-border-outer-base: var(--semantic-shape-border-base);
  --component-button-buy-now-typography-weight-small: var(--semantic-typography-weight-regular);
  --component-button-buy-now-typography-weight-base: var(--semantic-typography-weight-regular);
  --component-button-buy-now-typography-line-height-small: var(--semantic-typography-line-height-small);
  --component-button-buy-now-typography-line-height-base: var(--semantic-typography-line-height-base);
  --component-button-buy-now-typography-size-small: var(--semantic-typography-size-small);
  --component-button-buy-now-typography-size-base: var(--semantic-typography-size-base);
  --component-button-buy-now-color-focus-ring-small: var(--semantic-color-border-focus);
  --component-button-buy-now-color-focus-ring-base: var(--semantic-color-border-focus);
  --component-button-buy-now-color-border-outer-small-default-active: var(--semantic-color-border-active);
  --component-button-buy-now-color-border-outer-small-active: var(--semantic-color-border-active);
  --component-button-buy-now-color-border-outer-base-default-active: var(--semantic-color-border-active);
  --component-button-buy-now-color-border-outer-base-active: var(--semantic-color-border-active);
  --component-button-buy-now-color-typography-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-buy-now-color-typography-small-active: var(--semantic-color-typography-primary);
  --component-button-buy-now-color-typography-small-default: var(--semantic-color-typography-primary);
  --component-button-buy-now-color-typography-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-buy-now-color-typography-base-active: var(--semantic-color-typography-primary);
  --component-button-buy-now-color-typography-base-default: var(--semantic-color-typography-primary);
  --component-button-cart-elevation-color-small: var(--semantic-elevation-color-dark);
  --component-button-cart-elevation-color-base: var(--semantic-elevation-color-dark);
  --component-button-cart-elevation-depth-small-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-cart-elevation-depth-small-y: var(--semantic-elevation-depth-float-y);
  --component-button-cart-elevation-depth-small-x: var(--semantic-elevation-depth-float-x);
  --component-button-cart-elevation-depth-base-blur: var(--semantic-elevation-depth-float-blur);
  --component-button-cart-elevation-depth-base-y: var(--semantic-elevation-depth-float-y);
  --component-button-cart-elevation-depth-base-x: var(--semantic-elevation-depth-float-x);
  --component-button-cart-spacing-padding-small-end: var(--semantic-spacing-300);
  --component-button-cart-spacing-padding-small-top: var(--semantic-spacing-300);
  --component-button-cart-spacing-padding-base-end: var(--semantic-spacing-400);
  --component-button-cart-spacing-padding-base-bottom: var(--semantic-spacing-300);
  --component-button-cart-spacing-padding-base-top: var(--semantic-spacing-300);
  --component-button-cart-shape-radius-small: var(--semantic-shape-radius-full);
  --component-button-cart-shape-radius-base: var(--semantic-shape-radius-full);
  --component-button-cart-shape-focus-ring-small: var(--semantic-shape-border-large);
  --component-button-cart-shape-focus-ring-base: var(--semantic-shape-border-large);
  --component-button-cart-shape-border-inner-small: var(--semantic-shape-border-large);
  --component-button-cart-shape-border-inner-base: var(--semantic-shape-border-large);
  --component-button-cart-shape-border-outer-small: var(--semantic-shape-border-base);
  --component-button-cart-shape-border-outer-base: var(--semantic-shape-border-base);
  --component-button-cart-typography-weight-small: var(--semantic-typography-weight-regular);
  --component-button-cart-typography-weight-base: var(--semantic-typography-weight-regular);
  --component-button-cart-typography-line-height-small: var(--semantic-typography-line-height-small);
  --component-button-cart-typography-line-height-base: var(--semantic-typography-line-height-base);
  --component-button-cart-typography-size-small: var(--semantic-typography-size-small);
  --component-button-cart-typography-size-base: var(--semantic-typography-size-base);
  --component-button-cart-color-focus-ring-small: var(--semantic-color-border-focus);
  --component-button-cart-color-focus-ring-base: var(--semantic-color-border-focus);
  --component-button-cart-color-border-outer-small-default-active: var(--semantic-color-border-active);
  --component-button-cart-color-border-outer-small-active: var(--semantic-color-border-active);
  --component-button-cart-color-border-outer-base-default-active: var(--semantic-color-border-active);
  --component-button-cart-color-border-outer-base-active: var(--semantic-color-border-active);
  --component-button-cart-color-typography-small-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-cart-color-typography-small-active: var(--semantic-color-typography-primary);
  --component-button-cart-color-typography-small-default: var(--semantic-color-typography-primary);
  --component-button-cart-color-typography-base-disabled: var(--semantic-color-typography-interaction-disabled);
  --component-button-cart-color-typography-base-active: var(--semantic-color-typography-primary);
  --component-button-cart-color-typography-base-default: var(--semantic-color-typography-primary);
  --component-box-color-border-alternate: var(--semantic-color-border-static);
  --component-box-color-border-default: var(--semantic-color-border-static);
  --component-box-color-background-alternate: var(--semantic-color-background-alternate1);
  --component-box-color-background-default: var(--semantic-color-background-default);
  --component-bottom-sheet-shape-radius: var(--semantic-shape-radius-extra-large);
  --component-bottom-sheet-spacing-padding-start: var(--semantic-spacing-500);
  --component-bottom-sheet-spacing-padding-bottom: var(--semantic-spacing-500);
  --component-bottom-sheet-spacing-padding-end: var(--semantic-spacing-500);
  --component-bottom-sheet-spacing-padding-top: var(--semantic-spacing-500);
  --component-bottom-sheet-typography-weight: var(--semantic-typography-weight-bold);
  --component-bottom-sheet-typography-line-height: var(--semantic-typography-line-height-base-plus);
  --component-bottom-sheet-typography-size: var(--semantic-typography-size-base-plus);
  --component-bottom-sheet-color-typography: var(--semantic-color-typography-primary);
  --component-bottom-sheet-color-background: var(--semantic-color-background-default);
  --component-alert-page-spacing-padding-start: var(--semantic-spacing-500);
  --component-alert-page-spacing-padding-bottom: var(--semantic-spacing-400);
  --component-alert-page-spacing-padding-end: var(--semantic-spacing-600);
  --component-alert-page-spacing-padding-top: var(--semantic-spacing-400);
  --component-alert-page-shape-border: var(--semantic-shape-border-medium);
  --component-alert-page-shape-radius: var(--semantic-shape-radius-medium);
  --component-alert-page-header-typography-weight: var(--semantic-typography-weight-bold);
  --component-alert-page-header-typography-line-height: var(--semantic-typography-line-height-base-plus);
  --component-alert-page-header-typography-size: var(--semantic-typography-size-base-plus);
  --component-alert-page-body-typography-weight: var(--semantic-typography-weight-regular);
  --component-alert-page-body-typography-line-height: var(--semantic-typography-line-height-base);
  --component-alert-page-body-typography-size: var(--semantic-typography-size-base);
  --component-alert-page-color-typography-warning: var(--semantic-color-typography-primary);
  --component-alert-page-color-typography-information: var(--semantic-color-typography-primary);
  --component-alert-page-color-typography-error: var(--semantic-color-typography-primary);
  --component-alert-page-color-typography-success: var(--semantic-color-typography-primary);
  --component-alert-page-color-border-warning: var(--semantic-color-border-feedback-warning);
  --component-alert-page-color-border-information: var(--semantic-color-border-feedback-information);
  --component-alert-page-color-border-error: var(--semantic-color-border-feedback-error);
  --component-alert-page-color-border-success: var(--semantic-color-border-feedback-success);
  --component-alert-page-color-background: var(--semantic-color-background-default);
  --component-alert-inline-spacing-padding-start: var(--semantic-spacing-100);
  --component-alert-inline-color-typography-warning: var(--semantic-color-typography-primary);
  --component-alert-inline-color-typography-information: var(--semantic-color-typography-primary);
  --component-alert-inline-color-typography-error: var(--semantic-color-typography-feedback-error);
  --component-alert-inline-color-typography-success: var(--semantic-color-typography-feedback-success);
  --component-alert-inline-typography-weight: var(--semantic-typography-weight-regular);
  --component-alert-inline-typography-line-height: var(--semantic-typography-line-height-base);
  --component-alert-inline-typography-size: var(--semantic-typography-size-base);
  --component-accordion-button-elevation-color: var(--semantic-elevation-color-light);
  --component-accordion-button-elevation-depth-blur: var(--semantic-elevation-depth-inset-blur);
  --component-accordion-button-elevation-depth-y: var(--semantic-elevation-depth-inset-y);
  --component-accordion-button-elevation-depth-x: var(--semantic-elevation-depth-inset-x);
  --component-accordion-button-shape-border: var(--semantic-shape-border-base);
  --component-accordion-button-color-border-disabled: var(--semantic-color-border-interactive);
  --component-accordion-button-color-border-focus-ring: var(--semantic-color-border-focus);
  --component-accordion-button-color-border-focus: var(--semantic-color-border-active);
  --component-accordion-button-color-border-default: var(--semantic-color-border-interactive);
  --component-accordion-button-color-background-focus: var(--semantic-color-background-interaction-focus);
  --component-accordion-button-color-background-default: var(--semantic-color-background-default);
  --component-accordion-shape-border: var(--semantic-shape-border-base);
  --component-accordion-shape-radius: var(--semantic-shape-radius-medium);
  --component-accordion-color-typography: var(--semantic-color-typography-primary);
  --component-accordion-typography-weight: var(--semantic-typography-weight-regular);
  --component-accordion-typography-line-height: var(--semantic-typography-line-height-base);
  --component-accordion-typography-size: var(--semantic-typography-size-base);
  --heading-font-size-extra-large: var(--font-size-extra-large);
  --heading-font-size-large: var(--font-size-large);
  --heading-font-size-medium: var(--font-size-medium);
  --heading-font-size-base: var(--font-size-base);
}