.bg-primary {
  background-color: #000001
}

.bg-secondary {
  background-color: #fffffe
}

.bg-white {
  background-color: #ffffff
}

.bg-black {
  background-color: #000000
}

.bg-neutral-base {
  background-color: #575757
}

.bg-neutral-light {
  background-color: #f7f7f7
}

.bg-neutral-dark {
  background-color: #333333
}

.bg-error-primary {
  background-color: #ee0011
}

.bg-error-secondary {
  background-color: #ffeef0
}

.bg-inactive {
  background-color: #d8d8d8
}

.bg-scrim-light {
  background-color: rgba(255, 255, 255, 0.5)
}

.bg-scrim-dark {
  background-color: rgba(0, 0, 0, 0.75)
}

.bg-standout-primary {
  background-color: #333333
}

.bg-standout-secondary {
  background-color: #edf4ff
}

.bg-success-primary {
  background-color: #2d9d78
}

.bg-success-secondary {
  background-color: #f0fff4
}

.bg-sale {
  background-color: #cc0000
}

.border-primary {
  border-color: #000001
}

.border-secondary {
  border-color: #fffffe
}

.border-white {
  border-color: #ffffff
}

.border-black {
  border-color: #000000
}

.border-neutral-base {
  border-color: #575757
}

.border-neutral-light {
  border-color: #f7f7f7
}

.border-neutral-dark {
  border-color: #333333
}

.border-error-primary {
  border-color: #ee0011
}

.border-error-secondary {
  border-color: #ffeef0
}

.border-inactive {
  border-color: #d8d8d8
}

.border-scrim-light {
  border-color: rgba(255, 255, 255, 0.5)
}

.border-scrim-dark {
  border-color: rgba(0, 0, 0, 0.75)
}

.border-standout-primary {
  border-color: #333333
}

.border-standout-secondary {
  border-color: #edf4ff
}

.border-success-primary {
  border-color: #2d9d78
}

.border-success-secondary {
  border-color: #f0fff4
}

.border-sale {
  border-color: #cc0000
}

* {
  --tw-shadow: 0 0 #0000
}

.shadow-l {
  --tw-shadow: -6px 0px 10px -3px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-t {
  --tw-shadow: 0px -6px 10px -3px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-r {
  --tw-shadow: 6px 0px 10px -3px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-b {
  --tw-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ltr {
  --tw-shadow: 0px -5px 10px -1px rgba(0, 0, 0, 0.05),
-6px 0px 10px -5px rgba(0, 0, 0, 0.05),  
6px 0px 10px -5px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-ltrb {
  --tw-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.35);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.font-system {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

.font-primary-normal {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif
}

.font-primary-bold {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif
}

.font-secondary-normal {
  font-family: BemboMTPro-Regular, serif
}

.text-8 {
  font-size: 0.5rem
}

.text-10 {
  font-size: 0.625rem
}

.text-12 {
  font-size: 0.75rem
}

.text-14 {
  font-size: 0.875rem
}

.text-16 {
  font-size: 1rem
}

.text-20 {
  font-size: 1.25rem
}

.text-24 {
  font-size: 1.5rem
}

.text-26 {
  font-size: 1.625rem
}

.text-28 {
  font-size: 1.75rem
}

.text-30 {
  font-size: 1.875rem
}

.text-32 {
  font-size: 2rem
}

.text-44 {
  font-size: 2.75rem
}

.text-60 {
  font-size: 3.75rem
}

.text-primary {
  color: #000001
}

.text-secondary {
  color: #fffffe
}

.text-white {
  color: #ffffff
}

.text-black {
  color: #000000
}

.text-neutral-base {
  color: #575757
}

.text-neutral-light {
  color: #f7f7f7
}

.text-neutral-dark {
  color: #333333
}

.text-error-primary {
  color: #ee0011
}

.text-error-secondary {
  color: #ffeef0
}

.text-inactive {
  color: #d8d8d8
}

.text-scrim-light {
  color: rgba(255, 255, 255, 0.5)
}

.text-scrim-dark {
  color: rgba(0, 0, 0, 0.75)
}

.text-standout-primary {
  color: #333333
}

.text-standout-secondary {
  color: #edf4ff
}

.text-success-primary {
  color: #2d9d78
}

.text-success-secondary {
  color: #f0fff4
}

.text-sale {
  color: #cc0000
}

.line-height-xs {
  line-height: 1.15
}

.line-height-s {
  line-height: 1.2
}

.line-height-m {
  line-height: 1.25
}

.line-height-l {
  line-height: 1.35
}

.line-height-xl {
  line-height: 1.4
}

.line-height-2xl {
  line-height: 1.5
}

.letter-spacing-xs {
  letter-spacing: 0.0125rem
}

.letter-spacing-s {
  letter-spacing: 0.025rem
}

.letter-spacing-m {
  letter-spacing: 0.05rem
}

.letter-spacing-l {
  letter-spacing: 0.0625rem
}

.letter-spacing-xl {
  letter-spacing: 0.078125rem
}

.letter-spacing-2xl {
  letter-spacing: 0.109375rem
}

.text-primary-display-xs {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.0125rem;
  line-height: 1.2
}

.text-primary-display-s {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  letter-spacing: 0.0125rem;
  line-height: 1.2
}

.text-primary-display-m {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.625rem;
  letter-spacing: 0.0125rem;
  line-height: 1.15
}

.text-primary-display-l {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
  font-size: 1.875rem;
  letter-spacing: 0.0125rem;
  line-height: 1.15
}

.text-primary-display-xl {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
  font-size: 2.75rem;
  letter-spacing: 0.0125rem;
  line-height: 1.15
}

.text-primary-display-2xl {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
  font-size: 3.75rem;
  letter-spacing: 0.0125rem;
  line-height: 1.15
}

.text-primary-body-xs {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 0.5rem;
  letter-spacing: 0.0625rem;
  line-height: 1.5;
  text-transform: uppercase
}

.text-primary-body-s {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.0125rem;
  line-height: 1.4
}

.text-primary-body-m {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.0125rem;
  line-height: 1.4
}

.text-primary-body-l {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0.0125rem;
  line-height: 1.35
}

.text-primary-eyebrow-m {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.0625rem;
  line-height: 1.35;
  text-transform: uppercase
}

.text-primary-eyebrow-l {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.078125rem;
  line-height: 1.15;
  text-transform: uppercase
}

.text-primary-cta-xs {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.078125rem;
  line-height: 1.35;
  text-transform: uppercase
}

.text-primary-cta-s {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.078125rem;
  line-height: 1.15;
  text-transform: uppercase
}

.text-primary-cta-m {
  font-family: HelveticaLTPro-Roman, Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  letter-spacing: 0.078125rem;
  line-height: 1.15;
  text-transform: uppercase
}

.text-primary-label-m {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0.0625rem;
  line-height: 1.35;
  text-transform: uppercase
}

.text-primary-badge-xs {
  font-family: HelveticaLTPro-Bold, Helvetica, Arial, sans-serif;
  font-size: 0.625rem;
  letter-spacing: 0.0625rem;
  line-height: 1.35;
  text-transform: uppercase
}

.text-secondary-display-xs {
  font-family: BemboMTPro-Regular, serif;
  font-size: 1.25rem;
  letter-spacing: 0.025rem;
  line-height: 1.2
}

.text-secondary-display-s {
  font-family: BemboMTPro-Regular, serif;
  font-size: 1.5rem;
  letter-spacing: 0.025rem;
  line-height: 1.2
}

.text-secondary-display-m {
  font-family: BemboMTPro-Regular, serif;
  font-size: 1.75rem;
  letter-spacing: 0.0125rem;
  line-height: 1.15
}

.text-secondary-display-l {
  font-family: BemboMTPro-Regular, serif;
  font-size: 2rem;
  letter-spacing: 0.0125rem;
  line-height: 1.15
}

.text-secondary-display-xl {
  font-family: BemboMTPro-Regular, serif;
  font-size: 2.75rem;
  letter-spacing: 0.0125rem;
  line-height: 1.15
}

.text-secondary-display-2xl {
  font-family: BemboMTPro-Regular, serif;
  font-size: 3.75rem;
  letter-spacing: 0.0125rem;
  line-height: 1.15
}

.text-secondary-body-s {
  font-family: BemboMTPro-Regular, serif;
  font-size: 0.875rem;
  letter-spacing: 0.0125rem;
  line-height: 1.4
}

.text-secondary-body-m {
  font-family: BemboMTPro-Regular, serif;
  font-size: 1rem;
  letter-spacing: 0.0125rem;
  line-height: 1.4
}

.text-secondary-body-l {
  font-family: BemboMTPro-Regular, serif;
  font-size: 1.25rem;
  letter-spacing: 0.0125rem;
  line-height: 1.4
}