:root,
:host {
  --db-background-color: #00004A;
  --db-primary-color: #FCFCFC;
  --db-secondary-color: #E4E4E4;
  --db-tertiary-color: #F2F2F2;
  --db-quaternary-color: #E4E4E4;
  --db-quinary-color: #F7F7F7;
  --db-primary-text-color: #525252;
  --db-secondary-text-color: #B6B6B6;
  --db-tertiary-text-color: #FCFCFC;
  --db-quaternary-text-color: #020202;
  --db-quinary-text-color: #6B6B6B;
  --db-quinary-text-color-50: #858585;
  --db-link-color: #310FA2;
  --db-btn-primary-color: #5750FF;
  --db-btn-primary-color-hover: #7176FF;
  --db-btn-primary-color-pressed: #99A6FF;
  --db-btn-secondary-color: #0D6DBE;
  --db-btn-secondary-color-hover: #40A0F1;
  --db-btn-secondary-color-pressed: #66B3F4;
  --db-icon-primary-color: #FCFCFC;
  --db-icon-secondary-color: #B6B6B6;
  --db-icon-tertiary-color: #6B6B6B;
  --db-shimmer-animation-color: #F6F6FD;
  --db-disabled-container-color: #E4E4E4;
  --db-button-container-color: #efefef;
  --db-button-pressed-container-color: #DDDDFF;
  --db-pagination-item-disabled-color: #6F57BE;
  --db-pagination-item-disabled-text-color: #C8B9F8;
  --db-navbar-hover-background-color: #ECF0FF;
  --db-navbar-pressed-background-color: #DCE3FF;
  --db-navbar-hover-option-background-color: #ECF0FF;
  --db-navbar-pressed-option-background-color: #DCE3FF;
  --db-navbar-selected-option-background-color: #DCE3FF;
  --db-navbar-mobile-pressed-color: #C0CAFF;
  --cds-breadcrumb-text-underline: none !important;
  --cds-breadcrumb-link-color-default: var(--db-quaternary-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);
  --md-list-item-label-text-color: var(--db-quinary-text-color);
  --cds-nav-dropdown-active-indicator-color: var(--db-primary-text-color);
  --cds-navbar-background-color: var(--db-background-color);
  --cds-navbar-secondary-container-color: var(--db-quinary-color);
  --cds-navbar-aurelia-underline: var(--db-secondary-color);
  --cds-navbar-popular-separator-color: var(--db-btn-primary-color-hover);
  --cds-nav-dropdown-active-indicator-color: var(--db-primary-color);
  --cds-navbar-border-color: var(--db-secondary-color);
  --cds-navbar-divider-color: var(--db-btn-primary-color);
  --cds-navbar-aurelia-background-hover: transparent;
  --cds-navbar-text-color: var(--db-tertiary-text-color);
  --cds-icon-navbar-color: var(--db-tertiary-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-primary-color);
  --cds-navbar-notifications-button-delete: var(--db-btn-primary-color);
  --cds-navbar-notifications-button-mark-as-read: var(--db-btn-primary-color);
  --cds-navbar-game-option-hover-state-layer-opacity: 1;
  --cds-navbar-game-option-hover-state-layer-color: var(--db-navbar-hover-background-color);
  --cds-navbar-game-option-pressed-state-layer-opacity: 1;
  --cds-navbar-game-option-pressed-state-layer-color: var(--db-navbar-pressed-background-color);
  --cds-navbar-popular-game-option-hover-state-layer-opacity: 1;
  --cds-navbar-popular-game-option-hover-state-layer-color: var(--db-navbar-hover-option-background-color);
  --cds-navbar-popular-game-option-pressed-state-layer-opacity: 1;
  --cds-navbar-popular-game-option-pressed-state-layer-color: var(--db-navbar-pressed-option-background-color);
  --cds-navbar-popular-game-selected-container-color: var(--db-navbar-selected-option-background-color);
  --cds-navbar-min-height: 64px;
  --cds-nav-dropdown-anchor-letter-spacing: 0.2px;
  --cds-product-category-dropdown-games-section-container-color: var(--db-primary-color);
  --cds-navbar-search-text-color: var(--db-primary-text-color);
  --cds-nav-dropdown-background-color: var(--db-primary-color);
  --cds-product-category-dropdown-game-icon-color: #383838;
  --cds-input-background: var(--db-quaternary-color);
  --cds-input-focus-background-color: var(--db-tertiary-color);
  --md-filled-text-field-hover-state-layer-color: var(--db-quinary-color);
  --cds-icon-color: var(--db-icon-tertiary-color);
  --cds-search-input-text-color: var(--db-quaternary-text-color);
  --cds-search-placeholder-text-color: var(--db-quinary-text-color);
  --cds-search-icon-color: var(--db-icon-tertiary-color);
  --cds-text-field-hover-floating-label-color: var(--db-quinary-text-color);
  --cds-text-field-floating-label-color: var(--db-quinary-text-color);
  --cds-text-field-focus-floating-label-color: var(--db-quinary-text-color);
  --cds-text-field-focus-placeholder-color: var(--db-quinary-text-color);
  --cds-text-field-leading-icon-size: 24px;
  --cds-text-field-trailing-icon-size: 16px;
  --md-filled-text-field-input-text-placeholder-color: var(--db-quinary-text-color);
  --md-filled-text-field-focus-label-text-color: var(--db-quinary-text-color);
  --md-filled-text-field-hover-label-text-color: var(--db-quinary-text-color);
  --md-filled-text-field-label-text-color: var(--db-quinary-text-color);
  --md-filled-text-field-supporting-text-color: var(--db-quinary-text-color);
  --md-filled-text-field-caret-color: var(--db-quaternary-text-color);
  --md-filled-text-field-focus-caret-color: var(--db-quaternary-text-color);
  --md-filled-text-field-hover-state-layer-color: var(--db-quinary-color);
  --md-filled-text-field-focus-input-text-color: var(--db-quaternary-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;
  --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-tertiary-color);
  --cds-icon-author-background: transparent;
  --cds-card-background-color: var(--db-primary-color);
  --cds-card-divider-color: var(--db-quaternary-color);
  --cds-footer-header-color: var(--db-tertiary-text-color);
  --cds-footer-link-color: var(--db-tertiary-text-color);
  --cds-footer-dropdown-background-color: var(--db-primary-color);
  --cds-footer-dropdown-icon-color: var(--db-quinary-text-color);
  --cds-footer-border-top-color: var(--db-secondary-color);
  --cds-body-color: #000000;
  --cds-body-background-color: var(--db-primary-color);
  --cds-title-color: var(--db-quaternary-text-color);
  --cds-subtitle-color: var(--db-quaternary-text-color);
  --cds-links-color: var(--db-link-color);
  --cds-divider-color: var(--db-quaternary-color);
  --cds-label-text-color: var(--db-quaternary-text-color);
  --cds-description-color: var(--db-quinary-text-color-50);
  --cds-blogs-button: var(--db-btn-primary-color);
  --cds-banner-bg-color: var(--db-quaternary-color);
  --cds-banner-stroke-color: var(--db-tertiary-color);
  --cds-skeleton-shape: 4px;
  --cds-shimmer-animation-start: var(--db-shimmer-animation-color);
  --cds-shimmer-animation-end: var(--db-shimmer-animation-color);
  --cds-skeleton-animation: shimmer 1.5s infinite;
  --cds-rating-active-color: var(--db-quaternary-text-color);
  --cds-rating-default-color: var(--db-primary-color);
  --cds-tooltip-border-color: transparent;
  --cds-tooltip-background-color: #5750FF;
  --cds-tooltip-arrow-color: transparent;
  --cds-icon-shape: 4px;
  --cds-pagination-item-layer-size: 32px;
  --cds-pagination-item-default-layer-color: var(--db-btn-primary-color);
  --cds-pagination-item-hover-layer-color: var(--db-btn-primary-color-hover);
  --cds-pagination-item-pressed-layer-color: var(--db-btn-primary-color-pressed);
  --cds-pagination-item-default-text-color: var(--db-primary-color);
  --cds-pagination-item-hover-text-color: var(--db-quinary-text-color-50);
  --cds-pagination-item-pressed-text-color: var(--db-primary-color);
  --cds-pagination-item-focus-text-color: var(--db-quinary-text-color-50);
  --cds-pagination-item-disabled-layer-color: var(--db-pagination-item-disabled-color);
  --cds-pagination-item-disabled-text-color: var(--db-pagination-item-disabled-text-color);
  --cds-pagination-item-unselected-text-color: var(--db-quinary-text-color-50);
  --cds-pagination-item-unselected-disabled-text-color: var(--db-quinary-text-color-50);
  --cds-pagination-color: var(--db-btn-secondary-color);
  --cds-pagination-text-color: var(--db-quaternary-text-color);
  --db-language-selector-text-color: var(--db-quinary-text-color);
  --db-language-selector-background-color: var(--db-primary-color);
  --db-language-selector-border-color: var(--db-btn-primary-color);
  --db-language-selector-icon-color: var(--db-icon-tertiary-color);
  --db-language-selector-background-hover-color: var(--db-quaternary-color);
  --cds-drawer-container-height: 100%;
  --cds-drawer-header-close-button-text-size: 16px;
  --cds-drawer-bg: var(--db-primary-color);
  --cds-product-category-drawer-bg: var(--db-primary-color);
  --md-filled-icon-button-container-color: var(--db-quaternary-color);
  --md-filled-icon-button-hover-state-layer-color: var(--db-quaternary-color);
  --md-filled-icon-button-pressed-state-layer-color: var(--db-secondary-color);
  --cds-product-category-drawer-item-bottom-border-color: transparent;
  --cds-product-category-drawer-item-icon-color: var(--db-quinary-text-color);
  --cds-drawer-header-close-button-text-color: var(--db-btn-primary-color);
  --md-text-button-icon-color: var(--db-btn-primary-color);
  --md-list-item-hover-state-layer-color: var(--db-btn-primary-color);
  --md-list-item-pressed-state-layer-color: var(--db-navbar-mobile-pressed-color);
  --cds-product-category-drawer-option-item-bg: var(--db-primary-color);
  --md-list-item-pressed-state-layer-opacity: 0.6;
  --md-checkbox-selected-container-color: var(--db-btn-primary-color);
  --md-checkbox-selected-focus-container-color: var(--db-btn-primary-color);
  --md-checkbox-selected-hover-container-color: var(--db-btn-primary-color);
  --db-language-background-hover-color: var(--db-quinary-color);
  --md-filled-icon-button-container-color: var(--db-quaternary-color);
}
:root cds-navigation-bar-product-category-list,
:host cds-navigation-bar-product-category-list {
  --cds-navbar-text-color: #383838 !important;
}
:root cds-autocomplete,
:host cds-autocomplete {
  --__leading-content-color: var(--db-btn-primary-color);
  --cds-autocomplete-width: 100%;
  --cds-autocomplete-space: 0px;
  --cds-autocomplete-divider-space: 0px;
  --cds-autocomplete-border-color: var(--db-tertiary-text-color);
  --cds-autocomplete-color: var(--db-tertiary-color);
  --cds-autocomplete-item-selected-color: transparent;
  --cds-autocomplete-item-selected-label-color: var(--db-quaternary-text-color);
  --cds-autocomplete-item-hover-color: var(--db-tertiary-color);
  --cds-autocomplete-item-hover-opacity: 0.15;
  --cds-autocomplete-item-pressed-color: var(--db-quinary-color);
  --cds-autocomplete-item-pressed-opacity: 0.4;
  --cds-autocomplete-background-color: var(--db-primary-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-icon-tertiary-color);
  --cds-autocomplete-item-disabled-label-color: var(--db-quinary-text-color);
  --cds-autocomplete-border-width: 0;
}
:root cds-notifications-dropdown,
:host cds-notifications-dropdown {
  --md-filled-button-disabled-label-text-color: var(--db-quinary-text-color-50);
  --md-filled-button-disabled-container-color: var(--db-disabled-container-color);
  --md-filled-button-container-color: var(--db-button-container-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-button-container-color);
  --md-menu-item-hover-state-layer-opacity: 0.3;
  --md-menu-item-pressed-state-layer-color: var(--db-button-pressed-container-color);
  --md-menu-item-pressed-state-layer-opacity: 0.2;
}
:root db-filter,
:host db-filter {
  --cds-icon-color: var(--db-btn-primary-color);
}
:root cds-drawer,
:host cds-drawer {
  --md-filled-icon-button-icon-color: var(--db-btn-primary-color);
}
:root cds-menu,
:host cds-menu {
  --md-filled-icon-button-icon-color: var(--db-btn-primary-color);
  --cds-icon-color: var(--db-btn-primary-color);
}