:root,
:host {
  --db-primary-color: #F56C2D;
  --db-primary-color-50: #FEF0EA;
  --db-secondary-color: #525252;
  --db-tertiary-color: var(--db-primary-color);
  --db-quaternary-color: #F2F2F2;
  --db-quinary-color: #FCFCFC;
  --db-gray-color: #6B6B6B;
  --db-light-gray-color: #B6B6B6;
  --db-primary-background: #f8fafb;
  --db-title-color: #182341;
  --db-no-results-color: #1F1F1F;
  --cds-input-background-hover: rgb(254, 243, 237);
  --cds-option-box-hover-color: var(--cds-input-background-hover);
  --md-filled-icon-button-container-secondary-color: var(--db-quinary-color);
  --cds-breadcrumb-text-underline: none !important;
  --cds-navbar-primary-container-color: var(--db-quinary-color);
  --cds-navbar-secondary-container-color: #F7F7F7;
  --cds-navbar-popular-separator-color: var(--db-primary-color);
  --cds-nav-dropdown-active-indicator-color: var(--db-primary-color);
  --cds-navbar-aurelia-underline: var(--db-quinary-color);
  --cds-navbar-border-color: var(--db-quinary-color);
  --cds-navbar-divider-color: var(--db-quinary-color);
  --cds-navbar-aurelia-background-hover: transparent;
  --cds-navbar-text-color: var(--db-quinary-color);
  --cds-icon-navbar-color: var(--db-quinary-color);
  --cds-button-navbar-background: var(--db-primary-color);
  --cds-button-navbar-hover-background: var(--db-primary-color);
  --cds-button-text-navbar-color: var(--db-quinary-color);
  --cds-navbar-notifications-button-delete: var(--db-primary-color);
  --cds-navbar-notifications-button-mark-as-read: var(--db-primary-color);
  --cds-notifications-dropdown-section-title-color: var(--db-secondary-color);
  --cds-notifications-dropdown-bell-color: var(--db-quinary-color);
  --cds-notifications-dropdown-filter-options-container-color: var(--db-quinary-color);
  --cds-notifications-filter-label-color: var(--db-secondary-color);
  --cds-navbar-popular-game-selected-container-color: #FDE2D5;
  --cds-navbar-text-color: var(--db-secondary-color);
  --cds-nav-text-label-color: var(--db-quinary-color);
  --cds-product-category-dropdown-game-icon-color: var(--db-secondary-color);
  --cds-navbar-min-height: 64px;
  --cds-nav-dropdown-anchor-letter-spacing: 0.2px;
  --cds-navbar-game-option-hover-state-layer-opacity: 0.86;
  --cds-navbar-game-option-hover-state-layer-color: #FEF0EA;
  --cds-navbar-game-option-pressed-state-layer-opacity: 0.86;
  --cds-navbar-game-option-pressed-state-layer-color: #FDE2D5;
  --cds-navbar-popular-game-option-hover-state-layer-opacity: 0.95;
  --cds-navbar-popular-game-option-hover-state-layer-color: #FEF0EA;
  --cds-navbar-popular-game-option-pressed-state-layer-opacity: 0.13;
  --cds-navbar-popular-game-option-pressed-state-layer-color: #FDE2D5;
  --cds-navbar-popular-game-option-selected-pressed-state-layer-opacity: 0.12;
  --cds-navbar-popular-game-option-selected-hover-state-layer-opacity: 0.08;
  --cds-profile-dropdown-list-option-icon-color: var(--db-primary-color);
  --cds-profile-dropdown-container-color: var(--db-quinary-color);
  --cds-profile-dropdown-border-color: #E4E4E4;
  --cds-notifications-dropdown-container-color: var(--db-quinary-color);
  --cds-notifications-dropdown-border-color: #E4E4E4;
  --cds-notifications-dropdown-title-color: #383838;
  --cds-notification-text-color: #383838;
  --md-list-item-hover-state-layer-color: #FDE2D5;
  --md-list-item-hover-state-layer-opacity: 0.12;
  --md-list-item-pressed-state-layer-color: #FEF0EA;
  --md-list-item-pressed-state-layer-opacity: 0.4;
  --cds-checkbox-container-color: rgba(246, 246, 246, 1);
  --md-checkbox-hover-state-layer-color: #fde5c0;
  --md-checkbox-pressed-state-layer-color: #f3f9f5;
  --md-checkbox-hover-state-layer-opacity: 0.29;
  --md-checkbox-pressed-state-layer-opacity: 0.12;
  --cds-button-container-color: var(--db-primary-color);
  --cds-button-container-color-hover: var(--db-primary-color);
  --cds-button-container-color-pressed: var(--db-primary-color);
  --cds-input-background-color: var(--db-quaternary-color);
  --cds-input-background: var(--db-quaternary-color);
  --cds-input-focus-background-color: #EBEBEB;
  --cds-icon-color: var(--db-gray-color);
  --cds-search-input-text-color: #383838;
  --cds-search-placeholder-text-color: var(--db-gray-color);
  --cds-search-icon-color: var(--db-quinary-color);
  --cds-text-field-hover-floating-label-color: var(--db-gray-color);
  --cds-text-field-floating-label-color: var(--db-gray-color);
  --cds-text-field-focus-floating-label-color: var(--db-gray-color);
  --cds-text-field-focus-placeholder-color: var(--db-gray-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-gray-color);
  --md-filled-text-field-focus-label-text-color: var(--db-gray-color);
  --md-filled-text-field-hover-label-text-color: var(--db-gray-color);
  --md-filled-text-field-label-text-color: var(--db-gray-color);
  --md-filled-text-field-supporting-text-color: var(--db-gray-color);
  --md-filled-text-field-caret-color: #383838;
  --md-filled-text-field-focus-caret-color: #383838;
  --md-filled-text-field-hover-state-layer-color: #F0F0F0;
  --md-filled-text-field-focus-input-text-color: #383838;
  --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-primary-color);
  --cds-social-circles-background-color-hover: var(--db-primary-color);
  --cds-social-circles-background-color-pressed: var(--db-primary-color);
  --cds-navbar-background-color: #0F0000;
  --cds-footer-dropdown-icon-color: transparent;
  --cds-footer-header-color: var(--db-quinary-color);
  --cds-footer-link-color: var(--db-light-gray-color);
  --cds-body-background-color: var(--db-quinary-color);
  --cds-body-color: #000000;
  --cds-title-color: #383838;
  --cds-subtitle-color: var(--db-title-color);
  --cds-links-color: var(--db-primary-color);
  --cds-divider-color: #E7E7E7;
  --cds-label-text-color: #383838;
  --cds-breadcrumb-color: var(--db-light-gray-color);
  --cds-breadcrumb-color-active: var(--db-quinary-color);
  --cds-description-color: var(--db-light-gray-color);
  --cds-card-background-color: var(--db-quinary-color);
  --cds-card-divider-color: #E7E7E7;
  --cds-pagination-color: var(--db-primary-color);
  --cds-back-button-color: var(--db-primary-color);
  --cds-pagination-text-color: #383838;
  --cds-icon-author-color: #383838;
  --cds-icon-author-background: transparent;
  --cds-banner-bg-color: var(--db-quaternary-color);
  --cds-banner-stroke-color: #EBEBEB;
  --cds-footer-border-top-color: #E7E7E7;
  --cds-skeleton-shape: 4px;
  --cds-shimmer-animation-start: #F7F7F7;
  --cds-shimmer-animation-end: #F6F6F6;
  --cds-skeleton-animation: shimmer 1.5s infinite;
  --cds-rating-active-color: var(--db-quinary-color);
  --cds-tooltip-border-color: transparent;
  --cds-icon-shape: 4px;
  --cds-pagination-item-layer-size: 32px;
  --cds-pagination-item-default-layer-color: var(--db-primary-color);
  --cds-pagination-item-hover-layer-color: var(--db-primary-color);
  --cds-pagination-item-pressed-layer-color: var(--db-primary-color);
  --cds-pagination-item-default-text-color: var(--db-quinary-color);
  --cds-pagination-item-hover-text-color: #858585;
  --cds-pagination-item-pressed-text-color: var(--db-quinary-color);
  --cds-pagination-item-focus-text-color: #858585;
  --cds-pagination-item-disabled-layer-color: #FBC4AB;
  --cds-pagination-item-disabled-text-color: #858585;
  --cds-pagination-item-unselected-text-color: #858585;
  --cds-pagination-item-unselected-disabled-text-color: #858585;
  --md-checkbox-selected-container-color: var(--db-primary-color);
  --md-checkbox-selected-focus-container-color: var(--db-primary-color);
  --md-checkbox-selected-hover-container-color: var(--db-primary-color);
  --md-checkbox-selected-pressed-container-color: var(--db-primary-color);
  --cds-drawer-container-height: 100%;
  --cds-drawer-header-close-button-text-size: 16px;
  --cds-drawer-bg: var(--db-quinary-color);
  --cds-product-category-drawer-bg: var(--db-quinary-color);
  --cds-product-category-drawer-item-bottom-border-color: transparent;
  --cds-product-category-drawer-item-icon-color: var(--db-gray-color);
  --cds-product-category-drawer-option-item-bg: var(--db-quinary-color);
}
:root cds-notifications-dropdown,
:host cds-notifications-dropdown {
  --md-filled-button-disabled-label-text-color: #F78957;
  --md-filled-button-disabled-container-color: #FBC4AB;
  --md-filled-button-container-color: var(--db-primary-color);
  --md-filled-button-label-text-color: var(--cds-text-color);
  --cds-icon-color: var(--db-secondary-color);
}
:root cds-profile-dropdown,
:host cds-profile-dropdown {
  --md-menu-item-label-text-color: #383838;
  --md-menu-item-hover-state-layer-color: #ffbe90;
  --md-menu-item-hover-state-layer-opacity: 0.1;
  --md-menu-item-pressed-state-layer-color: #ffe4aa;
}
:root cds-menu,
:host cds-menu {
  --md-menu-container-color: #fcfcfc !important;
}
:root cds-autocomplete,
:host cds-autocomplete {
  --cds-autocomplete-width: 100%;
  --cds-autocomplete-space: 0px;
  --cds-autocomplete-divider-space: 0px;
  --cds-autocomplete-border-color: transparent;
  --cds-autocomplete-color: var(--db-quinary-color);
  --cds-autocomplete-item-selected-color: transparent;
  --cds-autocomplete-item-selected-label-color: #383838;
  --cds-autocomplete-item-hover-color: transparent;
  --cds-autocomplete-item-pressed-color: transparent;
  --cds-autocomplete-background-color: var(--db-quinary-color);
  --cds-autocomplete-input-label-color: var(--db-secondary-color);
  --cds-autocomplete-input-text-color: var(--db-secondary-color);
  --cds-autocomplete-placeholder-text-color: var(--db-light-gray-color);
  --cds-autocomplete-icon-color: var(--db-gray-color);
  --__leading-content-color: var(--db-primary-color);
}
:root cds-no-results,
:host cds-no-results {
  color: var(--db-no-results-color);
  --cds-icon-color: var(--db-no-results-color);
}
:root cds-drawer,
:host cds-drawer {
  --md-filled-icon-button-icon-color: var(--db-primary-color);
}
:root .db-filter,
:host .db-filter {
  --cds-collapse-header-outline: none;
  --cds-collapse-background-color: #FCFCFC;
  --cds-collapse-open-background-color: #FCFCFC;
  --cds-collapse-content-background-color: #FCFCFC;
  --cds-collapse-closed-background-color-hover: #FCFCFC;
  --cds-collapse-open-background-color-hover: #FCFCFC;
  --cds-collapse-closed-background-color-active: #FCFCFC;
  --cds-collapse-open-background-color-active: #FCFCFC;
  --md-filled-icon-button-container-color: var(--db-quaternary-color);
  --cds-icon-color: var(--db-primary-color) !important;
}
:root cds-menu,
:host cds-menu {
  --md-filled-icon-button-container-color: var(--db-quaternary-color);
  --md-filled-icon-button-icon-color: var(--db-primary-color);
  --cds-icon-color: var(--db-primary-color);
  --md-filled-icon-button-hover-state-layer-color: #F0F0F0;
  --md-filled-icon-button-pressed-state-layer-color: #EBEBEB;
  --md-filled-icon-button-icon-color: var(--db-primary-color);
  --md-filled-icon-button-hover-icon-color: var(--db-primary-color);
  --md-filled-icon-button-pressed-icon-color: var(--db-primary-color);
  --md-filled-icon-button-focus-icon-color: var(--db-primary-color);
  --db-language-background-hover-color: var(--db-quinary-color);
}