@font-face {
  font-family: "Sportize";
  font-style: bold;
  font-weight: 700;
  font-display: swap;
  src: url(https://cdn1.codashop.com/S/content/fonts/tdr/Sportize-Bold.woff2)
    format("woff2");
}
@font-face {
  font-family: "Broda";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://cdn1.codashop.com/S/content/fonts/tdr/bordaregular.woff2)
    format("woff2");
}
@font-face {
  font-family: "Broda";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://cdn1.codashop.com/S/content/fonts/tdr/bordademibold.woff2)
    format("woff2");
}
.theme-preset--default {
  --x-ref-primary: #ff6a13 !important;
  --x-ref-secondary: #2a2e33 !important;
  --x-ref-tertiary: #00f0ff !important;
  --x-ref-neutral: #000000 !important;
  --x-ref-status-positive: #00ff00 !important;
  --x-ref-status-caution: #ff5c00 !important;
  --x-ref-status-negative: #e4091f !important;
  --x-palette-primary-950: #1f1104 !important;
  --x-palette-primary-900: #371d07 !important;
  --x-palette-primary-800: #69340a !important;
  --x-palette-primary-700: #9e470a !important;
  --x-palette-primary-600: #c55106 !important;
  --x-palette-primary-500: var(--x-ref-primary) !important;
  --x-palette-primary-400: #eb8753 !important;
  --x-palette-primary-300: #e1a68a !important;
  --x-palette-primary-200: #e0c4b8 !important;
  --x-palette-primary-100: #e8e0dd !important;
  --x-palette-primary-50: #f0edec !important;
  --x-palette-secondary-950: #0e0f10 !important;
  --x-palette-secondary-900: #17191b !important;
  --x-palette-secondary-800: var(--x-ref-secondary) !important;
  --x-palette-secondary-700: #41474e !important;
  --x-palette-secondary-600: #5a6068 !important;
  --x-palette-secondary-500: #737a82 !important;
  --x-palette-secondary-400: #94999d !important;
  --x-palette-secondary-300: #aaadb0 !important;
  --x-palette-secondary-200: #c5c7c8 !important;
  --x-palette-secondary-100: #e0e0e0 !important;
  --x-palette-secondary-50: #ededed !important;
  --x-palette-tertiary-950: #04191d !important;
  --x-palette-tertiary-900: #072d34 !important;
  --x-palette-tertiary-800: #095662 !important;
  --x-palette-tertiary-700: #098493 !important;
  --x-palette-tertiary-600: #06b5c5 !important;
  --x-palette-tertiary-500: var(--x-ref-tertiary) !important;
  --x-palette-tertiary-400: #47e4ea !important;
  --x-palette-tertiary-300: #81dedf !important;
  --x-palette-tertiary-200: #b3dedd !important;
  --x-palette-tertiary-100: #dbe7e6 !important;
  --x-palette-tertiary-50: #ebefef !important;
  --x-palette-neutral-950: #0c0c0d !important;
  --x-palette-neutral-900: #18191a !important;
  --x-palette-neutral-800: #303335 !important;
  --x-palette-neutral-700: #494c4f !important;
  --x-palette-neutral-600: #61666a !important;
  --x-palette-neutral-500: #7a7f84 !important;
  --x-palette-neutral-400: #94999d !important;
  --x-palette-neutral-300: #afb2b5 !important;
  --x-palette-neutral-200: #c9ccce !important;
  --x-palette-neutral-100: #e4e5e6 !important;
  --x-palette-neutral-50: #f1f2f2 !important;
  --x-palette-neutral-0: #ffffff !important;
  --x-palette-status-positive-950: #041d07 !important;
  --x-palette-status-positive-900: #07340b !important;
  --x-palette-status-positive-800: #096210 !important;
  --x-palette-status-positive-700: #099310 !important;
  --x-palette-status-positive-600: #06c50a !important;
  --x-palette-status-positive-500: var(--x-ref-status-positive) !important;
  --x-palette-status-positive-400: #4bea47 !important;
  --x-palette-status-positive-300: #85df81 !important;
  --x-palette-status-positive-200: #b6deb3 !important;
  --x-palette-status-positive-100: #dce7db !important;
  --x-palette-status-positive-50: #ecefeb !important;
  --x-palette-status-caution-950: #1d1004 !important;
  --x-palette-status-caution-900: #341b07 !important;
  --x-palette-status-caution-800: #623009 !important;
  --x-palette-status-caution-700: #934109 !important;
  --x-palette-status-caution-600: #c54f06 !important;
  --x-palette-status-caution-500: var(--x-ref-status-caution) !important;
  --x-palette-status-caution-400: #ea7e47 !important;
  --x-palette-status-caution-300: #df9e81 !important;
  --x-palette-status-caution-200: #debfb3 !important;
  --x-palette-status-caution-100: #e7dedb !important;
  --x-palette-status-caution-50: #efeceb !important;
  --x-palette-status-negative-950: #1b0505 !important;
  --x-palette-status-negative-900: #2f0808 !important;
  --x-palette-status-negative-800: #580c0e !important;
  --x-palette-status-negative-700: #840d13 !important;
  --x-palette-status-negative-600: #b30c19 !important;
  --x-palette-status-negative-500: var(--x-ref-status-negative) !important;
  --x-palette-status-negative-400: #e44d60 !important;
  --x-palette-status-negative-300: #d97c8a !important;
  --x-palette-status-negative-200: #dab0b7 !important;
  --x-palette-status-negative-100: #e5d9dc !important;
  --x-palette-status-negative-50: #eeebeb !important;
  --x-palette-neutral-1000: var(--x-ref-neutral) !important;
  --x-sys-colour-surface-container: rgba(0, 0, 0, 1) !important;
  --x-sys-colour-surface-page: var(--x-palette-neutral-1000) !important;
  --x-sys-colour-surface-panel: var(--x-palette-neutral-950) !important;
  --x-sys-colour-surface-inverse: var(--x-palette-neutral-800) !important;
  --x-sys-colour-positive-soft: var(--x-palette-status-positive-200) !important;
  --x-sys-colour-positive-subtle: var(
    --x-palette-status-positive-100
  ) !important;
  --x-sys-colour-caution-soft: var(--x-palette-status-caution-200) !important;
  --x-sys-colour-caution-subtle: var(--x-palette-status-caution-100) !important;
  --x-sys-colour-negative-soft: var(--x-palette-status-negative-200) !important;
  --x-sys-colour-negative-subtle: var(
    --x-palette-status-negative-100
  ) !important;
  --x-sys-colour-tertiary-soft: var(--x-palette-tertiary-200) !important;
  --x-sys-colour-tertiary-subtle: var(--x-palette-tertiary-50) !important;
  --x-sys-colour-positive-strong: var(
    --x-palette-status-positive-700
  ) !important;
  --x-sys-colour-caution-strong: var(--x-palette-status-caution-700) !important;
  --x-sys-colour-negative-strong: var(
    --x-palette-status-negative-700
  ) !important;
  --x-sys-colour-tertiary-strong: var(--x-palette-tertiary-700) !important;
  --x-sys-colour-surface-floating: var(--x-palette-neutral-900) !important;
  --x-sys-colour-primary-main: var(--x-palette-primary-600) !important;
  --x-sys-colour-primary-subtle: var(--x-palette-primary-50) !important;
  --x-sys-colour-primary-strong: var(--x-palette-primary-700) !important;
  --x-sys-colour-primary-heavy: var(--x-palette-primary-900) !important;
  --x-sys-colour-surface-overlay: rgba(0, 0, 0, 0.5) !important;
  --x-sys-colour-primary-inverse: var(--x-palette-primary-50) !important;
  --x-sys-colour-secondary-soft: var(--x-palette-secondary-200) !important;
  --x-sys-colour-secondary-subtle: var(--x-palette-secondary-50) !important;
  --x-sys-colour-secondary-strong: var(--x-palette-secondary-700) !important;
  --x-sys-colour-secondary-inverse: var(--x-palette-secondary-50) !important;
  --x-sys-colour-positive-heavy: var(
    --x-palette-status-positive-900
  ) !important;
  --x-sys-colour-caution-heavy: var(--x-palette-status-caution-900) !important;
  --x-sys-colour-secondary-heavy: var(--x-palette-secondary-900) !important;
  --x-sys-colour-positive-inverse: var(
    --x-palette-status-positive-100
  ) !important;
  --x-sys-colour-caution-inverse: var(
    --x-palette-status-caution-100
  ) !important;
  --x-sys-colour-negative-heavy: var(
    --x-palette-status-negative-900
  ) !important;
  --x-sys-colour-negative-inverse: var(
    --x-palette-status-negative-100
  ) !important;
  --x-sys-colour-tertiary-heavy: var(--x-palette-tertiary-900) !important;
  --x-sys-colour-tertiary-inverse: var(--x-palette-tertiary-50) !important;
  --x-sys-colour-secondary-main: var(--x-palette-secondary-600) !important;
  --x-sys-colour-tertiary-main: var(--x-palette-tertiary-700) !important;
  --x-sys-colour-positive-main: var(--x-palette-status-positive-500) !important;
  --x-sys-colour-caution-main: var(--x-palette-status-caution-500) !important;
  --x-sys-colour-negative-main: var(--x-palette-status-negative-500) !important;
  --x-sys-colour-primary-soft: var(--x-palette-primary-200) !important;
  --x-sys-effect-shadow-primary: rgba(255, 106, 19, 0.3) !important;
  --x-sys-effect-shadow-secondary: rgba(42, 46, 51, 0.3) !important;
  --x-sys-effect-shadow-tertiary: rgba(0, 240, 255, 0.3) !important;
  --x-sys-effect-shadow-neutral: rgba(0, 0, 0, 0.2) !important;
  --x-sys-effect-shadow-positive: rgba(0, 255, 0, 0.3) !important;
  --x-sys-effect-shadow-caution: rgba(255, 92, 0, 0.1) !important;
  --x-sys-effect-shadow-negative: rgba(228, 9, 31, 0.3) !important;
  --x-sys-effect-glow-primary: rgba(255, 106, 19, 0.25) !important;
  --x-sys-effect-glow-secondary: rgba(42, 46, 51, 0.25) !important;
  --x-sys-effect-glow-tertiary: rgba(0, 240, 255, 0.25) !important;
  --x-sys-effect-glow-neutral: rgba(0, 0, 0, 0.25) !important;
  --x-sys-effect-glow-positive: rgba(0, 255, 0, 0.25) !important;
  --x-sys-effect-glow-caution: rgba(255, 92, 0, 0.25) !important;
  --x-sys-effect-glow-negative: rgba(228, 9, 31, 0.25) !important;
  --x-sys-colour-neutral-subtle: var(--x-palette-neutral-100) !important;
  --x-sys-colour-neutral-soft: var(--x-palette-neutral-200) !important;
  --x-sys-colour-neutral-main: var(--x-palette-neutral-500) !important;
  --x-sys-colour-neutral-strong: var(--x-palette-neutral-700) !important;
  --x-sys-colour-neutral-heavy: var(--x-palette-neutral-900) !important;
  --x-sys-colour-neutral-inverse: var(--x-palette-neutral-50) !important;
  --x-sys-colour-ink-main: var(--x-palette-neutral-50) !important;
  --x-sys-colour-ink-soft: var(--x-palette-neutral-200) !important;
  --x-sys-colour-ink-subtle: var(--x-palette-neutral-400) !important;
  --x-sys-colour-ink-strong: var(--x-palette-neutral-0) !important;
  --x-sys-colour-ink-heavy: var(--x-palette-neutral-0) !important;
  --x-sys-colour-ink-inverse: var(--x-palette-neutral-950) !important;
  --x-sys-colour-fill-main-subtle: rgba(255, 106, 19, 0.1) !important;
  --x-sys-colour-fill-inverse-strong: rgba(0, 0, 0, 0.3) !important;
  --x-sys-colour-fill-main-strong: rgba(255, 106, 19, 0.3) !important;
  --x-sys-colour-fill-inverse-subtle: rgba(0, 0, 0, 0.1) !important;
  --x-bg-card-default: var(--x-sys-colour-surface-container) !important;
  --x-text-header-default: var(--x-sys-colour-ink-main) !important;
  --x-text-body-default: var(--x-sys-colour-ink-main) !important;
  --x-text-header-inverse: var(--x-sys-colour-ink-inverse) !important;
  --x-text-body-inverse: var(--x-sys-colour-ink-inverse) !important;
  --x-text-success-default: var(--x-sys-colour-positive-main) !important;
  --x-text-success-subtitle: var(--x-sys-colour-positive-soft) !important;
  --x-text-hyperlink-default: var(--x-sys-colour-secondary-main) !important;
  --x-text-hyperlink-hover: var(--x-sys-colour-secondary-strong) !important;
  --x-text-hyperlink-focused: var(--x-sys-colour-secondary-strong) !important;
  --x-text-hyperlink-pressed: var(--x-sys-colour-secondary-heavy) !important;
  --x-text-warning-default: var(--x-sys-colour-caution-main) !important;
  --x-text-warning-subtitle: var(--x-sys-colour-caution-soft) !important;
  --x-text-error-default: var(--x-sys-colour-negative-main) !important;
  --x-text-error-subtitle: var(--x-sys-colour-negative-soft) !important;
  --x-bg-action-primary: var(--x-sys-colour-primary-main) !important;
  --x-text-on-brand: var(--x-sys-colour-ink-main) !important;
  --x-border-input-default: var(--x-sys-colour-neutral-main) !important;
  --x-border-input-hover: var(--x-sys-colour-neutral-strong) !important;
  --x-border-input-pressed: var(--x-sys-colour-neutral-heavy) !important;
  --x-bg-page: var(--x-sys-colour-surface-page) !important;
  --x-border-input-success: var(--x-sys-colour-positive-strong) !important;
  --x-border-input-warning: var(--x-sys-colour-caution-strong) !important;
  --x-border-input-error: var(--x-sys-colour-negative-strong) !important;
  --x-bg-input-default: var(--x-sys-colour-fill-main-subtle) !important;
  --x-bg-input-success: var(--x-sys-colour-positive-subtle) !important;
  --x-bg-input-warning: var(--x-sys-colour-caution-subtle) !important;
  --x-bg-input-error: var(--x-sys-colour-negative-subtle) !important;
  --x-border-action-default: var(--x-sys-colour-primary-main) !important;
  --x-bg-info: var(--x-sys-colour-fill-main-strong) !important;
  --x-border-card-default: var(--x-palette-neutral-100) !important;
  --x-border-card-selected: var(--x-sys-colour-primary-main) !important;
  --x-border-divider: var(--x-palette-neutral-100) !important;
  --x-bg-tag-neutral: var(--x-sys-colour-fill-main-subtle) !important;
  --x-text-body-soft: var(--x-sys-colour-ink-soft) !important;
  --x-text-body-subtle: var(--x-sys-colour-ink-subtle) !important;
  --x-bg-tag-success: var(--x-sys-colour-positive-subtle) !important;
  --x-bg-tag-warning: var(--x-sys-colour-caution-subtle) !important;
  --x-bg-tag-error: var(--x-sys-colour-negative-subtle) !important;
  --x-bg-snackbar-neutral: var(--x-sys-colour-surface-floating) !important;
  --x-bg-snackbar-success: var(--x-sys-colour-positive-subtle) !important;
  --x-bg-snackbar-warning: var(--x-sys-colour-caution-subtle) !important;
  --x-bg-snackbar-error: var(--x-sys-colour-negative-subtle) !important;
  --x-border-snackbar-neutral: var(--x-sys-colour-neutral-strong) !important;
  --x-border-snackbar-success: var(--x-sys-colour-positive-main) !important;
  --x-border-snackbar-warning: var(--x-sys-colour-caution-main) !important;
  --x-border-snackbar-error: var(--x-sys-colour-negative-main) !important;
  --x-border-tag-neutral: var(--x-sys-colour-fill-main-strong) !important;
  --x-border-tag-success: var(--x-sys-colour-positive-soft) !important;
  --x-border-tag-warning: var(--x-sys-colour-caution-soft) !important;
  --x-border-tag-error: var(--x-sys-colour-negative-soft) !important;
  --x-text-final-price: var(--x-sys-colour-primary-main) !important;
  --x-text-placeholder: var(--x-sys-colour-ink-subtle) !important;
  --x-border-input-focused: var(--x-sys-colour-primary-main) !important;
  --x-border-card-highlighted: var(--x-sys-colour-tertiary-main) !important;
  --x-bg-card-highlighted: var(--x-sys-colour-tertiary-subtle) !important;
  --x-bg-action-subtle: var(--x-sys-colour-primary-soft) !important;
  --x-bg-navbar: var(--x-sys-colour-surface-panel) !important;
  --x-border-navbar: var(--x-palette-neutral-100) !important;
  --x-bg-info-banner-neutral: var(--x-sys-colour-neutral-subtle) !important;
  --x-bg-info-banner-success: var(--x-sys-colour-positive-subtle) !important;
  --x-bg-info-banner-warning: var(--x-sys-colour-caution-subtle) !important;
  --x-bg-info-banner-error: var(--x-sys-colour-negative-subtle) !important;
  --x-border-info-banner-neutral: var(
    --x-sys-colour-secondary-heavy
  ) !important;
  --x-border-info-banner-success: var(--x-sys-colour-positive-heavy) !important;
  --x-border-info-banner-warning: var(--x-sys-colour-caution-heavy) !important;
  --x-border-info-banner-error: var(--x-sys-colour-negative-heavy) !important;
  --x-bg-info-banner-highlighted: var(--x-sys-colour-secondary-main) !important;
  --x-border-info-banner-highlighted: var(
    --x-sys-colour-tertiary-heavy
  ) !important;
  --x-border-tag-highlighted: var(--x-sys-colour-tertiary-soft) !important;
  --x-bg-sheet: var(--x-sys-colour-surface-container) !important;
  --x-bg-sku-card-default: var(--x-sys-colour-surface-container) !important;
  --x-bg-sku-card-success: var(--x-sys-colour-positive-subtle) !important;
  --x-bg-sku-card-warning: var(--x-sys-colour-caution-subtle) !important;
  --x-bg-sku-card-error: var(--x-sys-colour-negative-subtle) !important;
  --x-bg-sku-card-selected: var(--x-sys-colour-primary-subtle) !important;
  --x-bg-sku-card-highlighted: var(--x-sys-colour-tertiary-soft) !important;
  --x-border-sheet: var(--x-sys-colour-neutral-subtle) !important;
  --x-bg-card-subtle: var(--x-sys-colour-neutral-subtle) !important;
  --x-border-sku-card-default: var(--x-sys-colour-neutral-main) !important;
  --x-border-sku-card-hover: var(--x-sys-colour-primary-strong) !important;
  --x-border-sku-card-focused: var(--x-sys-colour-primary-strong) !important;
  --x-border-sku-card-pressed: var(--x-sys-colour-primary-heavy) !important;
  --x-border-sku-card-selected: var(--x-sys-colour-primary-main) !important;
  --x-border-sku-card-highlighted: var(--x-sys-colour-tertiary-main) !important;
  --x-bg-card-selected: var(--x-sys-colour-primary-subtle) !important;
  --x-border-card-hover: var(--x-sys-colour-primary-strong) !important;
  --x-border-card-focused: var(--x-sys-colour-primary-strong) !important;
  --x-border-card-pressed: var(--x-sys-colour-primary-heavy) !important;
  --x-bg-overlay: var(--x-sys-colour-surface-overlay) !important;
  --x-bg-section-default: var(--x-sys-colour-surface-container) !important;
  --x-bg-section-inverse: var(--x-sys-colour-neutral-inverse) !important;
  --x-bg-section-subtle: var(--x-sys-colour-primary-subtle) !important;
  --x-bg-section-brand: var(--x-sys-colour-primary-main) !important;
  --x-bg-section-success: var(--x-sys-colour-positive-main) !important;
  --x-bg-section-warning: var(--x-sys-colour-caution-main) !important;
  --x-bg-section-error: var(--x-sys-colour-negative-main) !important;
  --x-bg-section-highlighted: var(--x-sys-colour-secondary-main) !important;
  --x-bg-sku-card-price-default: rgba(224, 196, 184, 0.2) !important;
  --x-bg-sku-card-price-selected: var(--x-sys-colour-primary-soft) !important;
  --x-border-sku-card-success: var(--x-sys-colour-positive-main) !important;
  --x-border-sku-card-warning: var(--x-sys-colour-caution-main) !important;
  --x-border-sku-card-error: var(--x-sys-colour-negative-main) !important;
  --x-bg-input-inverse: var(--x-sys-colour-fill-inverse-subtle) !important;
  --x-bg-indicator-neutral-default: var(--x-sys-colour-neutral-main) !important;
  --x-bg-indicator-neutral-subtle: var(--x-sys-colour-neutral-soft) !important;
  --x-bg-indicator-selected-default: var(
    --x-sys-colour-secondary-main
  ) !important;
  --x-bg-indicator-selected-subtle: var(
    --x-sys-colour-secondary-soft
  ) !important;
  --x-bg-indicator-highlighted-default: var(
    --x-sys-colour-tertiary-main
  ) !important;
  --x-bg-indicator-highlighted-subtle: var(
    --x-sys-colour-tertiary-soft
  ) !important;
  --x-bg-indicator-success-default: var(
    --x-sys-colour-positive-main
  ) !important;
  --x-bg-indicator-success-subtle: var(--x-sys-colour-positive-soft) !important;
  --x-bg-indicator-warning-default: var(--x-sys-colour-caution-main) !important;
  --x-bg-indicator-warning-subtle: var(--x-sys-colour-caution-soft) !important;
  --x-bg-indicator-error-default: var(--x-sys-colour-negative-main) !important;
  --x-bg-indicator-error-subtle: var(--x-sys-colour-negative-soft) !important;
  --x-bg-indicator-prominent-default: var(
    --x-sys-colour-negative-main
  ) !important;
  --x-bg-indicator-prominent-subtle: var(
    --x-sys-colour-negative-soft
  ) !important;
  --x-text-success-inverse: var(--x-sys-colour-positive-inverse) !important;
  --x-text-error-inverse: var(--x-sys-colour-negative-inverse) !important;
  --x-text-warning-inverse: var(--x-sys-colour-caution-inverse) !important;
  --x-border-indicator-prominent: var(--x-sys-colour-negative-heavy) !important;
  --x-border-indicator-neutral: var(--x-sys-colour-neutral-subtle) !important;
  --x-border-indicator-success: var(--x-sys-colour-positive-heavy) !important;
  --x-border-indicator-warning: var(--x-sys-colour-caution-heavy) !important;
  --x-border-indicator-selected: var(--x-sys-colour-primary-heavy) !important;
  --x-border-indicator-highlighted: var(
    --x-sys-colour-secondary-heavy
  ) !important;
  --x-border-indicator-error: var(--x-sys-colour-negative-heavy) !important;
  --x-border-indicator-brand: var(--x-sys-colour-primary-heavy) !important;
  --x-bg-indicator-brand-default: var(--x-sys-colour-primary-main) !important;
  --x-bg-indicator-brand-subtle: var(--x-sys-colour-primary-soft) !important;
  --x-text-hyperlink-inverse: var(--x-sys-colour-primary-main) !important;
  --x-bg-tag-inverse: var(--x-sys-colour-fill-inverse-subtle) !important;
  --x-border-tag-inverse: var(--x-sys-colour-fill-inverse-strong) !important;
  --x-bg-control-default: var(--x-sys-colour-neutral-subtle) !important;
  --x-bg-control-active: var(--x-bg-action-primary) !important;
  --x-bg-action-inverse: var(--x-sys-colour-secondary-main) !important;
  --x-border-control-default: var(--x-sys-colour-neutral-main) !important;
  --x-border-control-active: var(--x-sys-colour-primary-heavy) !important;
  --x-bg-action-tertiary: var(--x-sys-colour-fill-inverse-subtle) !important;
  --x-bg-action-secondary: var(--x-sys-colour-primary-subtle) !important;
  --x-bg-action-destructive: var(--x-sys-colour-negative-strong) !important;
  --x-border-action-tertiary: var(
    --x-sys-colour-fill-inverse-strong
  ) !important;
  --x-border-action-destructive: var(--x-sys-colour-negative-heavy) !important;
  --x-border-action-inverse: var(--x-sys-colour-secondary-heavy) !important;
  --x-border-input-inverse: var(--x-sys-colour-fill-inverse-strong) !important;
  --x-bg-card-inverse: var(--x-sys-colour-neutral-inverse) !important;
  --x-bg-control-secondary: var(--x-sys-colour-fill-main-subtle) !important;
  --x-border-control-secondary: var(--x-sys-colour-fill-main-strong) !important;
  --x-bg-snackbar-highlight: var(--x-sys-colour-secondary-subtle) !important;
  --x-border-snackbar-highlighted: var(
    --x-sys-colour-secondary-main
  ) !important;
  /* added manually */
  --x-radius-badge-full: var(--x-sys-radius-0) !important;
  --x-radius-badge-s: var(--x-sys-radius-0) !important;
  --x-radius-container-l: var(--x-sys-radius-0) !important;
  --x-radius-container-m: var(--x-sys-radius-0) !important;
  --x-radius-container-s: var(--x-sys-radius-0) !important;
  --x-radius-container-xs: var(--x-sys-radius-0) !important;
  --x-radius-control-full: var(--x-sys-radius-0) !important;
  --x-radius-control-s: var(--x-sys-radius-0) !important;
  --x-radius-control-xs: var(--x-sys-radius-0) !important;
  --x-radius-input-m: var(--x-sys-radius-0) !important;
  --x-radius-input-s: var(--x-sys-radius-0) !important;
  --x-radius-thumbnail-m: var(--x-sys-radius-0) !important;
  --x-radius-thumbnail-s: var(--x-sys-radius-0) !important;
  --x-radius-thumbnail-xs: var(--x-sys-radius-0) !important;
  font-family: "Sportize";
  letter-spacing: 1px;
  color: var(--x-text-body-default);
  input {
    font-family: "Broda";
  }
  input:where([type="checkbox"]):checked {
    background-color: var(--x-ref-primary) !important;
  }
  .header {
    border-color: var(--x-border-navbar) !important;
    border-bottom-width: 1px !important;
  }
  .product-hero__title {
    color: var(--x-text-header-default) !important;
    font-size: var(--x-text-size-h3) !important;
  }
  .product-hero__description {
    font-family: "Broda";
    color: var(--x-text-header-default) !important;
  }
  .product__purchase-step__container {
    border-radius: var(--x-radius-container-m);
    border-width: 1px;
  }
  .policy-disclosure-container {
    font-family: "Broda";
  }
  .checkbox__label {
    font-family: "Broda";
  }
  .product-long-description__content {
    font-family: "Broda";
  }
  .footer__content {
    font-family: "Broda";
  }
  .footer__footer {
    font-family: "Broda";
  }
  .product__purchase-step__icon:before {
    background-color: transparent !important;
    border: none !important;
    color: var(--x-text-header-default) !important;
    width: auto !important;
    height: auto !important;
    content: counter(step-number) "." !important;
  }
  .trust-tag {
    border-radius: var(--x-sys-radius-0) !important;
    border-color: var(--x-border-tag-neutral) !important;
    border-width: 1px !important;
  }
  .trust-tag__label {
    font-family: "Broda";
    font-size: var(--x-text-size-body-s) !important;
    color: var(--x-text-header-default) !important;
  }
  .trust-tag__icon {
    color: var(--x-text-header-default) !important;
  }
  .checkout-guide-button {
    font-family: "Broda";
    border-radius: var(--x-sys-radius-0) !important;
    color: var(--x-text-header-default) !important;
  }
  .checkout-guide-button svg {
    color: var(--x-text-header-default) !important;
  }
  .buy-section__checkout-email-form {
    font-family: "Broda";
    font-size: var(--x-text-size-body-s) !important;
    color: var(--x-text-header-default) !important;
  }
  .category__banner__content-description {
    font-family: "Broda";
    color: var(--x-text-header-default) !important;
  }
  .profile-badge {
    background-color: var(--x-ref-primary) !important;
  }
  .sku-card__inner-container {
    /* background-image: url(https://cdn1.codashop.com/S/content/webstore/tdr/SKU.webp) lightgray 50% / cover no-repeat!important;
         */
    background: url(https://cdn1.codashop.com/S/content/webstore/tdr/SKU.webp)
      lightgray 50% / cover no-repeat;
    border-radius: var(--x-sys-radius-0) !important;
  }
  .sku-subtitle {
    font-family: "Broda";
  }
  .international__hero__heading {
    color: var(--x-text-header-default) !important;
  }
  .international__hero__description {
    font-family: "Broda";
    color: var(--x-text-body-default) !important;
  }
  .international__countries__heading {
    color: var(--x-text-header-default) !important;
  }
  .interntional__region-name {
    color: var(--x-text-header-default) !important;
  }
  .interntional__country-name--link {
    font-family: "Broda";
    color: var(--x-text-body-default) !important;
  }
  .spinner-icon {
    width: auto !important;
  }
  .spinner-loader {
    background-color: var(--x-ref-secondary) !important;
  }
  .spinner-loading-bar {
    background-color: var(--x-ref-primary) !important;
  }
  .user-identification__tooltip {
    fill: var(--x-ref-primary) !important;
    max-width: 24px !important;
  }
  .buy-widget {
    border-width: 1px !important;
    border-radius: var(--x-sys-radius-0) !important;
    border-color: var(--x-border-navbar) !important;
  }
  .powered-by {
    font-family: "Broda";
    color: var(--x-text-body-default) !important;
  }
  .payment-method {
    background: var(--x-bg-card-default, rgba(0, 0, 0, 0.8)) !important;
    border-radius: var(--x-sys-radius-0) !important;
  }
  .payment-method__logo-tagline {
    font-family: "Broda";
  }
  .payment-method__price--strikethrough {
    font-family: "Broda";
  }
  .price-section {
    align-items: center !important;
    background-color: var(--x-bg-sku-card-price-default) !important;
    backdrop-filter: blur(2px);
  }
  .price-section__price {
    align-items: center !important;
  }
  .price-section__usual-price {
    font-family: "Broda";
    display: flex;
    flex-direction: row-reverse;
  }
  .price-section__price__price-container__discount-tag {
    background-color: transparent !important;
    /* margin: 0!important;
         */
    padding: 0 !important;
  }
  .payment-method__pricing__info {
    font-family: "Broda";
    display: flex;
    flex-direction: row-reverse;
  }
  .buy-widget-strikethrough-section {
    font-family: "Broda";
    display: flex;
    flex-direction: row-reverse;
  }
  .buy-widget-total-saved {
    background-color: transparent !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .buy-widget__info__content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .buy-widget-status-section {
    font-family: "Broda";
  }
  .spinner-text {
    font-family: "Broda";
    color: var(--x-text-body-default) !important;
  }
  .contact__link-container {
    width: 100%;
    border-radius: var(--x-sys-radius-0) !important;
  }
  .country__locale__link {
    width: 100%;
    border-radius: var(--x-sys-radius-0) !important;
  }
  .country__locale__link__icon {
    margin-left: auto;
  }
  .sheet-dialog {
    border-width: 1px !important;
    border-radius: var(--x-sys-radius-0) !important;
    border-color: var(--x-border-navbar) !important;
  }
  .order-summary__sku {
    background: url(https://cdn1.codashop.com/S/content/webstore/tdr/Banner.webp)
      lightgray 50% / cover no-repeat;
    border-radius: var(--x-sys-radius-0) !important;
  }
  .checkout-form__footer {
    background-color: transparent !important;
  }
  .product-faq-item__container {
    background-color: var(--x-bg-card-default) !important;
    border-color: var(--x-border-card-default) !important;
    border-width: 1px !important;
  }
  #step-user-id-heading,
  #step-sku-heading,
  #step-payment-method-heading,
  #step-details-heading {
    align-items: start;
  }
  .sku-info-section__images {
    height: 96px !important;
  }
  .cookie-banner {
    background-color: var(--x-bg-section-default) !important;
    border-width: 1px !important;
    border-radius: var(--x-sys-radius-0) !important;
    border-color: var(--x-border-navbar) !important;
  }
  .footer__footer {
    background-color: var(--x-bg-section-default) !important;
  }
  .legal__copyright,
  .legal__policies,
  .legal__policies__policy-link {
    color: var(--x-text-header-default) !important;
  }
  .product__purchase-step__title {
    max-width: 100% !important;
  }
  .button-solid[data-variant="success"] {
    background-color: var(--x-bg-action-primary) !important;
    color: var(--x-text-body-inverse) !important;
  }
  .button-solid[data-variant="secondary"] {
    background-color: var(--x-bg-action-secondary) !important;
    color: var(--x-text-body-inverse) !important;
  }
  .button-solid[data-variant="secondary"]:hover {
    color: var(--x-text-body-inverse) !important;
  }
  .manage-cookie__content {
    border-radius: var(--x-sys-radius-0) !important;
  }
  .payment-status img {
    height: 96px !important;
    margin-top: var(--x-sys-space-xl)!important; 
  }
  .payment-status__title{
    font-family: "Sportize"!important;
  }

  .dropdown-select .dropdown-input {
    background-color: var(--x-bg-input-default) !important;
  }
  .phone-number .phone-number__input {
    background-color: var(--x-bg-input-default) !important;
    border-radius: var(--x-sys-radius-0) !important;
  }
  .dp__input {
    background-color: var(--x-bg-input-default) !important;
    border-radius: var(--x-sys-radius-0) !important;
  }
  .airtime_close-btn{
    font-family: "Broda";
  }
  .product-info-toggle{
    font-family: "Broda";
  }
  .product-short-description{
    font-family: "Broda";
  }
}