:root, :host {
  --db-background-color: #2f3140;
  --db-primary-color: #303141;
  --db-secondary-color: #404A65;
  --db-tertiary-color: #3C4259;
  --db-quaternary-color: #323648;
  --db-quinary-color: #37384B;
  --db-primary-text-color: #FCFCFC;
  --db-secondary-text-color: #B6B6B6;
  --db-tertiary-text-color: #39E29D;
  --db-disabled-text-color: #858585;
  --db-link-color: #39E29D;
  --db-btn-primary-color: #39E29D;
  --db-btn-primary-color-hover: #61E8B1;
  --db-btn-primary-color-pressed: #8CE1C5;
  --db-btn-secondary-color: #4A53B5;
  --db-btn-secondary-color-hover: #5762D5;
  --db-btn-secondary-color-pressed: #717BE6;
  --db-icon-primary-color: #FCFCFC;
  --db-icon-secondary-color: #B6B6B6;
  --db-icon-tertiary-color: #98a3b6;
  --db-disabled-pagination-color: #3F479A;
  --db-disabled-selected-pagination-color: #9AA1E6;
  --db-navbar-hover-color: #62aef0;
  --db-navbar-pressed-color: #96aef2;
  --db-navbar-option-hover-color: #1e0402;
  --db-navbar-option-pressed-color: #8cb4fa;
  --db-navbar-btn-text-color: #1E1F32;
  --db-checkbox-hover-color: #c0dbfd;
  --db-checkbox-pressed-color: #f3f9f5;
  --db-scrollbar-color: #5762d5;
  --db-language-selector-container-color: var(--db-quaternary-color);
  --cds-breadcrumb-text-underline: none !important;
  --cds-breadcrumb-link-color-default: var(--db-secondary-text-color);
  --cds-breadcrumb-link-color-current: var(--db-primary-text-color);
  --cds-breadcrumb-link-color-hover: var(--db-primary-text-color);
  --cds-back-button-color: var(--db-btn-primary-color);
  --cds-navbar-background-color: var(--db-primary-color);
  --cds-navbar-aurelia-underline: var(--db-secondary-color);
  --cds-navbar-secondary-container-color: var(--db-quaternary-color);
  --cds-nav-dropdown-active-indicator-color: var(--db-primary-text-color);
  --cds-navbar-border-color: var(--db-secondary-color);
  --cds-navbar-divider-color: var(--db-secondary-color);
  --cds-navbar-aurelia-background-hover: transparent;
  --cds-navbar-text-color: var(--db-primary-text-color);
  --cds-icon-navbar-color: var(--db-primary-text-color);
  --cds-button-navbar-background: var(--db-btn-primary-color);
  --cds-button-navbar-hover-background: var(--db-btn-primary-color-hover);
  --cds-button-text-navbar-color: var(--db-navbar-btn-text-color);
  --cds-navbar-notifications-button-delete: var(--db-quaternary-color);
  --cds-navbar-notifications-button-mark-as-read: var(--db-quaternary-color);
  --cds-navbar-game-option-hover-state-layer-opacity: 0.04;
  --cds-navbar-game-option-hover-state-layer-color: var(--db-navbar-hover-color);
  --cds-navbar-game-option-pressed-state-layer-opacity: 0.1;
  --cds-navbar-game-option-pressed-state-layer-color: var(--db-navbar-pressed-color);
  --cds-navbar-popular-game-option-hover-state-layer-opacity: 0.10;
  --cds-navbar-popular-game-option-hover-state-layer-color: var(--db-navbar-option-hover-color);
  --cds-navbar-popular-game-option-pressed-state-layer-opacity: 0.13;
  --cds-navbar-popular-game-option-pressed-state-layer-color: var(--db-navbar-option-pressed-color);
  --cds-navbar-popular-game-selected-container-color: var(--db-tertiary-color);
  --md-menu-item-selected-label-text-color: #fcfcfc;
  --cds-navbar-min-height: 64px;
  --cds-nav-dropdown-anchor-letter-spacing: 0.2px;
  --cds-checkbox-container-color: var(--db-secondary-color);
  --md-checkbox-hover-state-layer-color: var(--db-checkbox-hover-color);
  --md-checkbox-pressed-state-layer-color: var(--db-checkbox-pressed-color);
  --md-checkbox-hover-state-layer-opacity: 0.29;
  --md-checkbox-pressed-state-layer-opacity: 0.12;
  --cds-autocomplete-width: 100%;
  --cds-autocomplete-space: 0px;
  --cds-autocomplete-divider-space: 0px;
  --cds-autocomplete-border-color: transparent;
  --cds-autocomplete-color: var(--db-quaternary-color);
  --cds-autocomplete-item-selected-color: var(--db-secondary-color);
  --cds-autocomplete-border-width: 0px;
  --cds-autocomplete-item-selected-label-color: var(--db-primary-text-color);
  --cds-autocomplete-background-color: var(--db-tertiary-color);
  --cds-autocomplete-input-label-color: var(--db-primary-text-color);
  --cds-autocomplete-input-text-color: var(--db-primary-text-color);
  --cds-autocomplete-placeholder-text-color: var(--db-secondary-text-color);
  --cds-autocomplete-icon-color: var(--db-primary-text-color);
  --cds-autocomplete-item-disabled-label-color: var(--db-primary-text-color);
  --cds-autocomplete-item-hover-color: var(--db-tertiary-color);
  --cds-autocomplete-item-hover-opacity: 0.1;
  --cds-autocomplete-item-pressed-color: var(--db-secondary-color);
  --cds-autocomplete-item-pressed-opacity: 0.1;
  --cds-autocomplete-item-label-color: var(--db-primary-text-color);
  --cds-autocomplete-item-leading-gap: 8px;
  --cds-autocomplete-item-ripple-blend-mode: screen;
  --cds-autocomplete-item-color: var(--db-quaternary-color) !important;
  --md-divider-thickness: 0px;
  --cds-input-background: var(--db-quaternary-color);
  --cds-input-focus-background-color: var(--db-secondary-color);
  --md-filled-text-field-hover-state-layer-color: var(--db-tertiary-color);
  --cds-icon-color: var(--db-primary-text-color);
  --cds-search-input-text-color: var(--db-primary-text-color);
  --cds-search-placeholder-text-color: var(--db-primary-text-color);
  --cds-search-icon-color: var(--db-primary-text-color);
  --cds-text-field-hover-floating-label-color: var(--db-secondary-text-color);
  --cds-text-field-floating-label-color: var(--db-secondary-text-color);
  --cds-text-field-focus-floating-label-color: var(--db-secondary-text-color);
  --cds-text-field-focus-placeholder-color: var(--db-primary-text-color);
  --cds-text-field-leading-icon-size: 24px;
  --cds-text-field-trailing-icon-size: 24px;
  --md-filled-text-field-input-text-placeholder-color: var(--db-primary-text-color);
  --md-filled-text-field-focus-label-text-color: var(--db-secondary-text-color);
  --md-filled-text-field-hover-label-text-color: var(--db-secondary-text-color);
  --md-filled-text-field-label-text-color: var(--db-secondary-text-color);
  --md-filled-text-field-supporting-text-color: var(--db-primary-text-color);
  --md-filled-text-field-caret-color: var(--db-primary-text-color);
  --md-filled-text-field-focus-caret-color: var(--db-primary-text-color);
  --md-filled-text-field-hover-state-layer-opacity: 1;
  --md-filled-text-field-with-label-top-space: 8px;
  --md-filled-text-field-with-label-bottom-space: 8px;
  --md-filled-text-field-icon-input-space: 8px;
  --md-filled-text-field-with-leading-icon-leading-space: 16px;
  --md-filled-text-field-with-trailing-icon-trailing-space: 16px;
  --md-menu-item-top-space: 18px;
  --md-menu-item-bottom-space: 18px;
  --md-filled-text-field-input-text-color: var(--db-primary-text-color);
  --md-filled-text-field-focus-input-text-color: var(--db-primary-text-color);
  --md-filled-text-field-hover-input-text-color: var(--db-primary-text-color);
  --cds-navbar-search-text-color: var(--db-primary-text-color);
  --cds-no-results-text-color: var(--db-primary-text-color);
  --md-filled-text-field-leading-icon-color: var(--db-icon-primary-color);
  --md-filled-text-field-trailing-icon-color: var(--db-icon-primary-color);
  --md-filled-text-field-hover-leading-icon-color: var(--db-icon-primary-color);
  --md-filled-text-field-hover-trailing-icon-color: var(--db-icon-primary-color);
  --md-filled-text-field-focus-leading-icon-color: var(--db-icon-primary-color);
  --md-filled-text-field-focus-trailing-icon-color: var(--db-icon-primary-color);
  --cds-social-circles-background-color: var(--db-btn-secondary-color);
  --cds-social-circles-background-color-hover: var(--db-btn-secondary-color-hover);
  --cds-social-circles-background-color-pressed: var(--db-btn-secondary-color-pressed);
  --cds-icon-author-color: var(--db-primary-text-color);
  --cds-icon-author-background: var(--db-btn-secondary-color);
  --cds-body-color: var(--db-primary-text-color);
  --cds-body-background-color: var(--db-background-color);
  --cds-title-color: var(--db-primary-text-color);
  --cds-subtitle-color: var(--db-primary-text-color);
  --cds-links-color: var(--db-link-color);
  --cds-label-text-color: var(--db-primary-text-color);
  --cds-divider-color: var(--db-secondary-color);
  --cds-description-color: var(--db-secondary-text-color);
  --cds-blogs-button: var(--db-btn-secondary-color);
  --cds-card-background-color: var(--db-primary-color);
  --cds-card-divider-color: var(--db-secondary-color);
  --cds-banner-bg-color: var(--db-quaternary-color);
  --cds-banner-stroke-color: var(--db-secondary-color);
  --cds-footer-dropdown-background-color: var(--db-quaternary-color);
  --cds-footer-dropdown-icon-color: var(--db-primary-text-color);
  --cds-footer-border-top-color: var(--db-secondary-color);
  --cds-footer-header-color: var(--db-primary-text-color);
  --cds-footer-link-color: var(--db-secondary-text-color);
  --cds-skeleton-shape: 4px;
  --cds-shimmer-animation-start: var(--db-quaternary-color);
  --cds-shimmer-animation-end: var(--db-quinary-color);
  --cds-skeleton-animation: shimmer 2s infinite;
  --cds-rating-active-color: var(--db-primary-text-color);
  --cds-tooltip-border-color: transparent;
  --cds-tooltip-arrow-color: transparent;
  --cds-tooltip-background-color: #657491;
  --cds-icon-shape: 4px;
  --cds-pagination-item-layer-size: 32px !important;
  --cds-pagination-item-default-layer-color: var(--db-btn-secondary-color);
  --cds-pagination-item-hover-layer-color: var(--db-btn-secondary-color-hover);
  --cds-pagination-item-pressed-layer-color: var(--db-btn-secondary-color-pressed);
  --cds-pagination-item-default-text-color: var(--db-primary-text-color);
  --cds-pagination-item-hover-text-color: var(--db-primary-text-color);
  --cds-pagination-item-pressed-text-color: var(--db-primary-text-color);
  --cds-pagination-item-focus-text-color: var(--db-primary-text-color);
  --cds-pagination-item-disabled-layer-color: var(--db-disabled-pagination-color);
  --cds-pagination-item-disabled-text-color: var(--db-disabled-selected-pagination-color);
  --cds-pagination-item-unselected-text-color: var(--db-primary-text-color);
  --cds-pagination-item-unselected-disabled-text-color: var(--db-disabled-text-color);
  --cds-pagination-color: var(--db-btn-secondary-color);
  --cds-pagination-text-color: var(--db-primary-text-color);
  --db-language-selector-text-color: var(--db-secondary-text-color);
  --db-language-selector-background-color: var(--db-quaternary-color);
  --db-language-background-hover-color: var(--db-quaternary-color);
  --db-language-selector-border-color: var(--db-quaternary-color);
  --db-language-selector-icon-color: var(--db-primary-text-color);
  --cds-autocomplete-item-disabled-font-size: 12px;
  --cds-autocomplete-item-disabled-line-height: 16px;
  --cds-autocomplete-item-disabled-font-weight: 400;
  --cds-autocomplete-item-disabled-height: 28px;
  --md-menu-container-elevation: 0px;
  --cds-autocomplete-elevation: 0px;
  --cds-autocomplete-border-color: var(--db-quaternary-color);
  --cds-autocomplete-item-disabled-opacity: 1;
  --cds-drawer-container-height: 100%;
  --cds-drawer-header-close-button-text-size: 16px;
  --cds-drawer-bg: var(--db-primary-color);
  --cds-product-category-drawer-item-bottom-border-color: transparent;
  --md-filled-icon-button-container-color: var(--db-quaternary-color);
  --md-filled-icon-button-hover-state-layer-color: var(--db-tertiary-color);
  --md-filled-icon-button-pressed-state-layer-color: var(--db-secondary-color);
  --md-checkbox-selected-container-color: var(--db-btn-secondary-color);
}
:root cds-notifications-dropdown, :host cds-notifications-dropdown {
  --md-filled-button-disabled-label-text-color: var(--db-disabled-text-color);
  --md-filled-button-disabled-container-color: var(--db-tertiary-color);
  --md-filled-button-container-color: var(--db-tertiary-color);
  --md-filled-button-label-text-color: var(--cds-text-color);
}
:root cds-profile-dropdown, :host cds-profile-dropdown {
  --md-menu-item-hover-state-layer-color: var(--db-navbar-hover-color);
  --md-menu-item-hover-state-layer-opacity: 0.04;
  --md-menu-item-pressed-state-layer-color: var(--db-navbar-pressed-color);
  --md-menu-item-pressed-state-layer-opacity: 0.1;
  --md-menu-item-label-text-color: var(--db-primary-text-color);
}