$color-accent-alert: #c82a2a!default;
$color-alert: #ed3302!default;
$color-background: #141416!default;
$color-cardbase: #1e1e21!default;
$color-colorfont: #e2e2e2!default;
$color-control: #ffffff!default;
$color-controlbase: #2b2b30!default;
$color-controlborder: #787d8f!default;
$color-controlelement: #545460!default;
$color-opacity: rgba(255, 255, 255, 0.16)!default;
$color-overlay: rgba(19, 19, 22, 0.96)!default;
$color-primary: #ff582c!default;
$color-primary: #ff582c!default;
$color-primarybuttonfocus: rgba(255, 88, 44, 0.4)!default;
$color-primaryhover: rgba(255, 88, 44, 0.48)!default;
$color-secondarybuttonfocus: rgba(84, 84, 96, 0.2)!default;
$color-textsecondary: #787d8f!default;
$color-white: #ffffff!default;
$size-l: 48px!default;
$size-m: 36px!default;
$size-s: 24px!default;
$size-xl: 56px!default;
$size-xs: 16px!default;
$size-xxl: 64px!default;
$size-xxs: 12px!default;
$size-xxxl: 72px!default;
$size-xxxxl: 80px!default;
$spacing-l: 42px!default;
$spacing-m: 36px!default;
$spacing-s: 24px!default;
$spacing-xl: 48px!default;
$spacing-xs: 16px!default;
$spacing-xxl: 64px!default;
$spacing-xxs: 12px!default;
$spacing-xxxl: 72px!default;
$spacing-xxxs: 8px!default;
$spacing-xxxxl: 80px!default;
$border-m: 4px!default;
$border-s: 2px!default;
$border-xs: 1px!default;
$border-xs-dashed: 1px!default;
$radius-button: 4px!default;
$radius-card: 8px!default;
$radius-control: 4px!default;
$radius-rounded: 400px!default;
$style-elevate: 0px 24px 80px rgba(0, 0, 0, 0.2)!default;
$font-control-button-font-size: 14px!default;
$font-control-button-font-weight: 700!default;
$font-control-button-line-height: 20px!default;
$font-control-button-text-transform: uppercase!default;
$font-control-errortext-font-size: 10px!default;
$font-control-errortext-font-weight: 400!default;
$font-control-errortext-line-height: 12px!default;
$font-control-focuslabel-font-size: 10px!default;
$font-control-focuslabel-font-weight: 400!default;
$font-control-focuslabel-line-height: 12px!default;
$font-control-label-font-size: 14px!default;
$font-control-label-font-weight: 400!default;
$font-control-label-line-height: 20px!default;
$font-control-placeholder-font-size: 14px!default;
$font-control-placeholder-font-weight: 400!default;
$font-control-placeholder-line-height: 20px!default;
$font-control-smallbutton-font-size: 12px!default;
$font-control-smallbutton-font-weight: 700!default;
$font-control-smallbutton-line-height: 16px!default;
$font-control-smallbutton-text-transform: uppercase!default;
$font-control-tab-font-size: 18px!default;
$font-control-tab-font-weight: 700!default;
$font-control-tab-line-height: 24px!default;
$font-family-base: Inter!default;
$font-h1-font-size: 44px!default;
$font-h1-font-weight: 700!default;
$font-h1-line-height: 56px!default;
$font-h2-font-size: 32px!default;
$font-h2-font-weight: 700!default;
$font-h2-line-height: 40px!default;
$font-h3-font-size: 24px!default;
$font-h3-font-weight: 700!default;
$font-h3-line-height: 32px!default;
$font-h4-font-size: 18px!default;
$font-h4-font-weight: 700!default;
$font-h4-line-height: 24px!default;
$font-h5-font-size: 14px!default;
$font-h5-font-weight: 700!default;
$font-h5-line-height: 20px!default;
$font-h6-font-size: 12px!default;
$font-h6-font-weight: 700!default;
$font-h6-line-height: 16px!default;
$font-mobile-h1-font-size: 28px!default;
$font-mobile-h1-font-weight: 700!default;
$font-mobile-h1-line-height: 32px!default;
$font-mobile-h2-font-size: 24px!default;
$font-mobile-h2-font-weight: 700!default;
$font-mobile-h2-line-height: 28px!default;
$font-mobile-h3-font-size: 20px!default;
$font-mobile-h3-font-weight: 700!default;
$font-mobile-h3-line-height: 24px!default;
$font-mobile-h4-font-size: 18px!default;
$font-mobile-h4-font-weight: 700!default;
$font-mobile-h4-line-height: 24px!default;
$font-mobile-h5-font-size: 14px!default;
$font-mobile-h5-font-weight: 700!default;
$font-mobile-h5-line-height: 20px!default;
$font-mobile-h6-font-size: 12px!default;
$font-mobile-h6-font-weight: 700!default;
$font-mobile-h6-line-height: 16px!default;
$font-text-body-font-size: 14px!default;
$font-text-body-font-weight: 400!default;
$font-text-body-line-height: 20px!default;
$font-text-bodybold-font-size: 14px!default;
$font-text-bodybold-font-weight: 700!default;
$font-text-bodybold-line-height: 20px!default;
$font-text-description-font-size: 10px!default;
$font-text-description-font-weight: 400!default;
$font-text-description-line-height: 12px!default;
@mixin font-control-button() {
  font: $font-control-button-font-weight #{$font-control-button-font-size}/#{$font-control-button-line-height} $font-family-base;
  text-transform: $font-control-button-text-transform;
}
@mixin font-control-errortext() {
  font: $font-control-errortext-font-weight #{$font-control-errortext-font-size}/#{$font-control-errortext-line-height} $font-family-base;
}
@mixin font-control-focuslabel() {
  font: $font-control-focuslabel-font-weight #{$font-control-focuslabel-font-size}/#{$font-control-focuslabel-line-height} $font-family-base;
}
@mixin font-control-label() {
  font: $font-control-label-font-weight #{$font-control-label-font-size}/#{$font-control-label-line-height} $font-family-base;
}
@mixin font-control-placeholder() {
  font: $font-control-placeholder-font-weight #{$font-control-placeholder-font-size}/#{$font-control-placeholder-line-height} $font-family-base;
}
@mixin font-control-smallbutton() {
  font: $font-control-smallbutton-font-weight #{$font-control-smallbutton-font-size}/#{$font-control-smallbutton-line-height} $font-family-base;
  text-transform: $font-control-smallbutton-text-transform;
}
@mixin font-control-tab() {
  font: $font-control-tab-font-weight #{$font-control-tab-font-size}/#{$font-control-tab-line-height} $font-family-base;
}
@mixin font-h1() {
  font: $font-h1-font-weight #{$font-h1-font-size}/#{$font-h1-line-height} $font-family-base;
}
@mixin font-h2() {
  font: $font-h2-font-weight #{$font-h2-font-size}/#{$font-h2-line-height} $font-family-base;
}
@mixin font-h3() {
  font: $font-h3-font-weight #{$font-h3-font-size}/#{$font-h3-line-height} $font-family-base;
}
@mixin font-h4() {
  font: $font-h4-font-weight #{$font-h4-font-size}/#{$font-h4-line-height} $font-family-base;
}
@mixin font-h5() {
  font: $font-h5-font-weight #{$font-h5-font-size}/#{$font-h5-line-height} $font-family-base;
}
@mixin font-h6() {
  font: $font-h6-font-weight #{$font-h6-font-size}/#{$font-h6-line-height} $font-family-base;
}
@mixin font-mobile-h1() {
  font: $font-mobile-h1-font-weight #{$font-mobile-h1-font-size}/#{$font-mobile-h1-line-height} $font-family-base;
}
@mixin font-mobile-h2() {
  font: $font-mobile-h2-font-weight #{$font-mobile-h2-font-size}/#{$font-mobile-h2-line-height} $font-family-base;
}
@mixin font-mobile-h3() {
  font: $font-mobile-h3-font-weight #{$font-mobile-h3-font-size}/#{$font-mobile-h3-line-height} $font-family-base;
}
@mixin font-mobile-h4() {
  font: $font-mobile-h4-font-weight #{$font-mobile-h4-font-size}/#{$font-mobile-h4-line-height} $font-family-base;
}
@mixin font-mobile-h5() {
  font: $font-mobile-h5-font-weight #{$font-mobile-h5-font-size}/#{$font-mobile-h5-line-height} $font-family-base;
}
@mixin font-mobile-h6() {
  font: $font-mobile-h6-font-weight #{$font-mobile-h6-font-size}/#{$font-mobile-h6-line-height} $font-family-base;
}
@mixin font-text-body() {
  font: $font-text-body-font-weight #{$font-text-body-font-size}/#{$font-text-body-line-height} $font-family-base;
}
@mixin font-text-bodybold() {
  font: $font-text-bodybold-font-weight #{$font-text-bodybold-font-size}/#{$font-text-bodybold-line-height} $font-family-base;
}
@mixin font-text-description() {
  font: $font-text-description-font-weight #{$font-text-description-font-size}/#{$font-text-description-line-height} $font-family-base;
}
/** @deprecated */
$color-chipsprimary: #FF582C!default;
/** @deprecated */
$color-chipssecondary: #2B2B30!default;
/** @deprecated */
$color-iconbutton: #545460!default;
/** @deprecated */
$color-link: #FF582C!default;
/** @deprecated */
$color-panel: #1E1E21!default;
/** @deprecated */
$color-separator: rgba(153, 153, 153, 0.16)!default;