/* Light mode variables applied to body */
body {
    --sh-input: 0 1px 3px 0 var(--c-contrast-10) inset;
    --c-checkbox-tick-checked: rgb(255, 255, 255);
    --sh-checkbox-checked: inset 0 1px 3px var(--c-contrast-10);
    --sh-button-primary: 0 2px 4px var(--c-shadow-primary-15);
    --gradient-button-primary-body: linear-gradient(180deg, rgb(181, 230, 60), rgb(140, 202, 39));
    --gradient-button-primary-border: linear-gradient(180deg, rgb(197, 237, 73), rgb(124, 193, 20));
    --gradient-button-primary-disabled: linear-gradient(180deg, rgba(181, 230, 60, .3), rgba(140, 202, 39, .3));
    --c-button-primary-content: rgb(33, 33, 33);
    --c-button-primary-pressed-body: rgb(140, 202, 39);
    --c-button-primary-pressed-border: rgb(124, 193, 20);
    --c-soon-body: rgb(230, 247, 254);
    --c-soon-content: rgb(1, 17, 25);
    --c-soon-border: rgba(1, 17, 25, .15);
    --c-earlyaccess-body: rgb(245, 252, 255);
    --c-earlyaccess-content: rgb(5, 79, 113);
    --c-earlyaccess-border: rgba(5, 79, 113, .15);
    --c-wishlist-background: rgba(0, 0, 0, 0);
    --c-wishlist-hover-content: rgb(240, 153, 54);
    --c-wishlisted-border: rgba(99, 65, 9, .15);
    --c-wishlisted-background: rgb(255, 241, 219);
    --c-wishlisted-content: rgb(99, 65, 9);
    --c-wishlist-large-border: rgb(237, 237, 237);
    --c-wishlist-large-content: rgb(237, 237, 237);
    --c-wishlist-large-shadow: 0 2px 4px 0 var(--c-shadow-primary-15);
    --c-wishlist-large-hover-border: rgb(240, 153, 54);
    --c-wishlist-large-hover-content: rgb(240, 153, 54);
    --c-wishlisted-large-border: rgb(255, 241, 219);
    --c-wishlisted-large-content: rgb(99, 65, 9);
    --c-wishlisted-large-background: rgb(255, 241, 219);
    --c-incart-body: rgb(249, 255, 229);
    --c-incart-content: rgb(31, 41, 0);
    --c-incart-border: rgba(31, 41, 0, .15);
    --c-preservationprogram-body: rgb(0, 0, 0);
    --c-preservationprogram-content: rgb(255, 255, 255);
    --c-preservationprogram-border: linear-gradient(90deg, #9493fe, #f3b1f3, #f2f1d6, #7edff9);
    --c-preservationprogram-button-body: rgb(255, 255, 255);
    --c-preservationprogram-button-text: rgb(0, 0, 0);
    --c-preservationprogram-desc-color-gamepad: #daadff;
    --c-preservationprogram-desc-color-shield: #ffa78f;
    --c-preservationprogram-desc-color-padlock: #ffa1d0;
    --c-inlibrary-body: rgb(237, 237, 237);
    --c-inlibrary-content: rgb(64, 64, 64);
    --c-inlibrary-border: rgba(64, 64, 64, .15);
    --c-shadow-primary: rgb(0, 0, 0);
    --c-shadow-primary-50: rgba(0, 0, 0, .5);
    --c-shadow-primary-30: rgba(0, 0, 0, .3);
    --c-shadow-primary-25: rgba(0, 0, 0, .25);
    --c-shadow-primary-15: rgba(0, 0, 0, .15);
    --c-shadow-primary-10: rgba(0, 0, 0, .1);
    --c-shadow-primary-05: rgba(0, 0, 0, .05);
    --c-text-major: rgb(237, 237, 237);
    --c-ui-minor: rgb(25, 25, 25);
    --c-ui-minor-80: rgba(25, 25, 25, .8);
    --c-ui-minor-50: rgba(25, 25, 25, .5);
    --c-ui-minor-30: rgba(25, 25, 25, .3);
    --c-ui-minor-10: rgba(25, 25, 25, .1);
    --c-ui-minor-secondary: rgb(88, 88, 88);
    --c-scrollbar: rgb(184, 184, 184);
    --c-neutral: rgb(255, 255, 255);
    --c-neutral-50: rgba(255, 255, 255, .5);
    --c-neutral-15: rgba(255, 255, 255, .15);
    --c-neutral-10: rgba(255, 255, 255, .1);
    --c-vertical-banner-discount: rgb(255, 236, 0);
    --c-accent-rating: rgb(249, 165, 30);
    --c-welcome-offer-text: rgb(225, 199, 255);
    --c-accordion-text: rgb(33, 33, 33);
    --c-accordion-background: rgb(237, 237, 237);
}

/* Dark mode styles for prefers-color-scheme */
@media (prefers-color-scheme: dark) {
    html:not([data-theme]) body {
        --c-background: rgb(33, 33, 33);
        --c-accent: rgb(201, 154, 255);
        --c-accent-supportive: rgb(179, 112, 255);
        --c-accent-contrast: rgb(0, 0, 0);
        --c-ui-primary: rgb(48, 48, 48);
        --c-ui-primary--hover-lighten: #3d3d3d;
        --c-ui-primary--active-lighten: #565656;
        --c-ui-secondary: rgb(88, 88, 88);
        --c-ui-tertiary: rgb(64, 64, 64);
        --c-text-primary: rgb(242, 242, 242);
        --c-text-secondary: rgb(237, 237, 237);
        --c-text-tertiary: rgb(217, 217, 217);
        --c-contrast: rgb(255, 255, 255);
        --c-contrast-85: rgba(255, 255, 255, .85);
        --c-contrast-20: rgba(255, 255, 255, .2);
        --c-contrast-15: rgba(255, 255, 255, .15);
        --c-contrast-10: rgba(255, 255, 255, .1);
        --c-ui-hover: rgba(201, 154, 255, .7);
        --c-button-primary-disabled-content: rgba(255, 255, 255, .85);
        --gradient-button-accent-body: linear-gradient(180deg, rgb(214, 178, 255), rgb(201, 154, 255));
        --gradient-button-accent-border: linear-gradient(180deg, rgb(225, 199, 255), rgb(197, 139, 255));
        --gradient-button-accent-disabled: linear-gradient(180deg, rgba(214, 178, 255, .3), rgba(201, 154, 255, .3));
        --c-button-accent-content: rgb(0, 0, 0);
        --c-button-accent-pressed-body: rgb(201, 154, 255);
        --c-button-accent-pressed-border: rgb(197, 139, 255);
        --c-button-accent-disabled-content: rgba(255, 255, 255, .85);
        --gradient-button-secondary-body: linear-gradient(180deg, rgb(107, 107, 107), rgb(88, 88, 88));
        --gradient-button-secondary-border: linear-gradient(180deg, rgb(132, 132, 132), rgb(88, 88, 88));
        --gradient-button-secondary-disabled: linear-gradient(180deg, rgba(242, 242, 242, .3), rgba(237, 237, 237, .3));
        --c-button-secondary-content: rgb(255, 255, 255);
        --c-button-secondary-pressed-body: rgb(88, 88, 88);
        --c-button-secondary-pressed-border: rgb(64, 64, 64);
        --c-button-secondary-disabled-content: rgba(255, 255, 255, .85);
        --c-usp-tooltip-bg: var(--c-background);
        --c-dots-loader: rgb(0, 0, 0);
        --c-dots-loader-opacity: rgba(0, 0, 0, .2);
        --c-tile-type-label-mod-bg: rgb(0, 106, 208);
        --c-wishlist-content: rgb(237, 237, 237);
        --c-badge-text: rgb(48, 48, 48);
        --c-badge-bg: rgba(0, 0, 0, 0);
        --c-badge-bg-dlc: rgb(242, 242, 242);
        --c-badge-bg-mod: rgb(0, 106, 208);
        background-color: var(--c-background) !important;
    }
    
    html:not([data-theme]) body h1 {
        color: var(--c-text-primary) !important;
    }
    
    html:not([data-theme]) body .hint,
    html:not([data-theme]) body .captchaText,
    html:not([data-theme]) body .captchaText a {
        color: var(--c-text-primary) !important;
    }
    
    /*Menu*/
    html:not([data-theme]) body .menu-submenu * {
        color: var(--c-text-primary) !important;
    }
    
    html:not([data-theme]) body .menu-item .menu-triangle {
        border-bottom-color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .menu-item .menu-submenu::after,
    html:not([data-theme]) body .menu-cart-item,
    html:not([data-theme]) body .menu-search__result,
    html:not([data-theme]) body .menu-search__results,
    html:not([data-theme]) body .menu-search__results .list--rows,
    html:not([data-theme]) body .menu-tray .menu-submenu > div {
        background: var(--c-ui-primary) !important;
    }

    @media (max-width: 46em) {
        html:not([data-theme]) body .menu-tray .menu-submenu > div {
            background-color: var(--c-background) !important;
        }

        html:not([data-theme]) body .menu-header.menu-account__user  {
            background: var(--c-ui-primary) !important;
        }

        html:not([data-theme]) body .menu-submenu {
            background-color: var(--c-background) !important;
        }
    }
    
    html:not([data-theme]) body .menu-submenu .menu-submenu-separator,
    html:not([data-theme]) body .menu-submenu > div hr {
        background: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .menu-inside-category__title,
    html:not([data-theme]) body .universe .content .product-title__flag--new {
        color: var(--c-accent-contrast) !important;
    }
    
    html:not([data-theme]) body .menu-submenu-item.is-active .menu-submenu-link, 
    html:not([data-theme]) body .menu-submenu-item.menu-submenu-item--hover:hover .menu-submenu-link {
        background: var(--c-background) !important;
    }
    
    html:not([data-theme]) body .menu-category-btn,
    html:not([data-theme]) body .menu-btn {
        color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .menu-header,
    html:not([data-theme]) body .menu-product  {
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .menu-header,
    html:not([data-theme]) body .menu-search-toolbar,
    html:not([data-theme]) body .menu-item .menu-submenu.menu-search::after {
        background: transparent !important;
    }
    
    html:not([data-theme]) body .menu__container .menu-header hr {
        color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .is-active .menu-submenu-icon {
        fill: var(--c-contrast) !important;
    }
    
    html:not([data-theme]) body .menu-language-and-currency {
        background-image: none !important;
        background-color: var(--c-ui-primary) !important;
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .menu-color-mode .active-mode-tick-icon {
        fill: var(--c-contrast) !important;
    }
    
    html:not([data-theme]) body .menu-product .menu-search__product-wishlist svg {
        stroke: var(--c-contrast) !important;
    }
    
    html:not([data-theme]) body mark.highlighted,
    html:not([data-theme]) body .menu-collection__name,
    html:not([data-theme]) body .menu-inside-category .menu-btn--full,
    html:not([data-theme]) body .menu-cdpr-category__link--button {
        color: var(--c-accent-contrast) !important;
    }
    
    html:not([data-theme]) body .menu-btn--full {
        color: var(--c-contrast) !important;
    }

    html:not([data-theme]) body .menu-product--grid .menu-product__content {
        background-color: var(--c-ui-primary) !important;
    }

    html:not([data-theme]) body .menu-category-item .product-state__price,
    html:not([data-theme]) body .menu-category-item .product-state__is-free {
        color: var(--c-text-primary) !important;
    }

    html:not([data-theme]) body .menu-account__list {
        background-color: var(--c-ui-primary) !important;
    }

    html:not([data-theme]) body .menu-notification {
        border-bottom-color: var(--c-ui-tertiary) !important;
    }

    html:not([data-theme]) body .menu-notification:not(.is-special):hover {
        background-color: var(--c-ui-primary--hover-lighten) !important;
    }

    html:not([data-theme]) body  .menu-tray .menu-submenu .menu-search-toolbar {
        background: transparent !important;
    }
    
    /*Product card*/
    html:not([data-theme]) body.productcard,
    html:not([data-theme]) body.productcard .age-gate {
        background: var(--c-background) !important;
    }
    
    html:not([data-theme]) body.productcard hr {
        background: var(--c-ui-tertiary) !important;
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body.productcard .productcard-background {
        opacity: 0.03 !important;
    }
    html:not([data-theme]) body.productcard .productcard-background:before {
        background: linear-gradient(180deg, hsla(0, 0%, 85%, 0) 0, var(--c-background)) !important;
    }
    
    html:not([data-theme]) body.productcard .review-guidelines__wrapper {
        background: var(--c-background) !important;
    }
    
    /*Slider*/
    html:not([data-theme]) body.productcard .productcard-slider__nav-icon {
        opacity: 0.5 !important;
    }
    
    html:not([data-theme]) body.productcard .productcard-slider__nav-icon:hover {
        opacity: 1 !important;
    }
    
    html:not([data-theme]) body.productcard .productcard-slider-pagination__page-marker:before {
        background: var(--c-ui-primary--active-lighten) !important;
    }
    
    html:not([data-theme]) body.productcard .productcard-slider-pagination__page-marker.is-selected:before,
    html:not([data-theme]) body.productcard .edition-picker-list__item.is-selected .edition-picker-list__checkbox:before {
        background: var(--c-accent-supportive) !important;
    }
    
    /*Elevated elements*/
    html:not([data-theme]) body.productcard .edition-picker__trigger{ 
        background: var(--c-background) !important;
    }
    
    html:not([data-theme]) body.productcard .product-actions,
    html:not([data-theme]) body.productcard .series__buy-all,
    html:not([data-theme]) body.productcard .howlongtobeat-box,
    html:not([data-theme]) body.productcard .dropdown__layer,
    html:not([data-theme]) body.productcard .dropdown__layer:hover {
        background: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body.productcard .dropdown__trigger:before {
        border-bottom-color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body.productcard .edition-picker__trigger,
    html:not([data-theme]) body.productcard .product-actions,
    html:not([data-theme]) body.productcard .series__buy-all,
    html:not([data-theme]) body.productcard .howlongtobeat-box,
    html:not([data-theme]) body.productcard .product-actions span,
    html:not([data-theme]) body.productcard .howlongtobeat-box span,
    html:not([data-theme]) body.productcard .product-tile--list.product-tile .product-tile__title {
        color: var(--c-text-primary) !important;
    }
    
    /*Labels*/
    html:not([data-theme]) body.productcard .product-tile__label--in-cart {
        color: var(--c-incart-content) !important;
    }
    html:not([data-theme]) body.productcard .owned-status {
        background-color: var(--c-ui-primary) !important;
    }
    
    /*Icons*/
    html:not([data-theme]) body.productcard svg symbol > g > g,
    html:not([data-theme]) body svg symbol#icon-padlock path:nth-child(2),
    html:not([data-theme]) body svg symbol#icon-deletion path,
    html:not([data-theme]) body svg symbol#icon-deletion circle,
    html:not([data-theme]) body svg symbol#icon-chevron path {
        fill: var(--c-contrast) !important;
    }
    
    html:not([data-theme]) body.productcard svg symbol#add-to-cart path,
    html:not([data-theme]) body.productcard svg symbol#button-add-to-cart path,
    html:not([data-theme]) body.productcard svg symbol#button-in-cart path,
    html:not([data-theme]) body.productcard svg symbol#in-cart path {
        fill: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body.productcard svg symbol#mod-about-trophy path,
    html:not([data-theme]) body.productcard svg symbol#mod-about-gift path,
    html:not([data-theme]) body.productcard svg symbol#mod-about-cursor path,
    html:not([data-theme]) body svg symbol#icon-deletion path[stroke] {
        stroke: var(--c-contrast) !important;
    }
    
    html:not([data-theme]) body.productcard svg symbol#hltb-main g *,
    html:not([data-theme]) body.productcard svg symbol#hltb-main-plus g *,
    html:not([data-theme]) body.productcard svg symbol#hltb-completionist g *,
    html:not([data-theme]) body.productcard svg symbol#hltb-combined g *,
    html:not([data-theme]) body.productcard svg symbol#bulb {
        stroke: var(--c-ui-secondary);
    }
    
    html:not([data-theme]) body.productcard svg symbol#chevron-left > g > g,
    html:not([data-theme]) body.productcard svg symbol#chevron-right > g > g {
        fill: none !important;
    }
    
    html:not([data-theme]) body.productcard .system-requirements-selector__item svg,
    html:not([data-theme]) body.productcard svg symbol#audio path {
        fill: var(--c-ui-secondary) !important;
    }
    
    html:not([data-theme]) body.productcard .system-requirements-selector__item--selected svg {
        fill: var(--c-accent-supportive) !important;
    }
    
    html:not([data-theme]) body.productcard .system-requirements-selector__item--selected:before {
        background-color: var(--c-accent-supportive) !important;
    }
    
    html:not([data-theme]) body .game-details {
        background-color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .game-details:before {
        opacity: 0.1 !important;
    }
    
    /*Texts and game product body */
    html:not([data-theme]) body.productcard h1,
    html:not([data-theme]) body.productcard h2,
    html:not([data-theme]) body.productcard h3,
    html:not([data-theme]) body.productcard p,
    html:not([data-theme]) body.productcard .table-header, 
    html:not([data-theme]) body.productcard .table__row-label,
    html:not([data-theme]) body .product-tile-wrapper .product-tile,
    html:not([data-theme]) body .product-tile-wrapper .operating-system,
    html:not([data-theme]) body.productcard button.cart-button span.cart-button__state-owned{
        color: var(--c-text-primary) !important;
    }
    
    html:not([data-theme]) body.productcard .description .module,
    html:not([data-theme]) body.productcard .product-tile__content,
    html:not([data-theme]) body.productcard .goodies__cell.is-hovering, 
    html:not([data-theme]) body.productcard .goodies__cell.is-selected,
    html:not([data-theme]) body .product-tile-wrapper {
        background: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body.productcard .goodies__edition.is-selected .goodies__checkbox,
    html:not([data-theme]) body.productcard .edition-picker-list__item.is-selected .edition-picker-list__checkbox {
        border-color: var(--c-accent-supportive) !important;
    }
    
    html:not([data-theme]) body.productcard .goodies__edition.is-selected .goodies__checkbox:before {
        background-color: var(--c-accent-supportive) !important;
    }
    
    html:not([data-theme]) body.productcard .goodies__label.is-selected,
    html:not([data-theme]) body.productcard .edition-picker-list__item.is-selected .edition-picker-list__edition-nam {
        color: var(--c-accent-supportive) !important;
    }
    
    html:not([data-theme]) body.productcard button.go-to-library-button{
        color: var(--c-ui-primary) !important; 
        background: transparent !important;
        box-shadow: none !important;
        border: 1px solid var(--c-ui-tertiary) !important;
    }

    html:not([data-theme]) body.productcard svg symbol#all-games path {
        fill: var(--c-text-primary) !important;
    }
    
    /*Table*/
    html:not([data-theme]) body.productcard .table-header, 
    html:not([data-theme]) body.productcard .table__row-label,
    html:not([data-theme]) body.productcard .average-body,
    html:not([data-theme]) body.productcard .title,
    html:not([data-theme]) body.productcard .product-actions__promo-end-date,
    html:not([data-theme]) body.productcard .goodies__cell,
    html:not([data-theme]) body.productcard .edition-picker-list__item {
        border-color: var(--c-ui-tertiary) !important;
    }
    
    /*Button*/
    html:not([data-theme]) body.productcard button.cart-button span,
    html:not([data-theme]) body.productcard button.series__buy-all-button,
    html:not([data-theme]) body .button.secondary {
        color: var(--c-ui-primary) !important;
    }
    
    /*Checkboxes*/
    html:not([data-theme]) body.productcard .option-icon--selected {
        fill: var(--c-accent-supportive) !important;
    }
    
    /*Exclusions*/
    html:not([data-theme]) .gog-pp-banner__preservation-button {
        color: var(--c-accent-contrast) !important;
    }
    
    /*Reviews*/
    html:not([data-theme]) body.productcard .review__top-bar,
    html:not([data-theme]) body.productcard .review-new,
    html:not([data-theme]) body.productcard .reviews-slider__review-preview {
        background-color: var(--c-ui-primary) !important;
        box-shadow: none !important;
    }
    
    html:not([data-theme]) body.productcard .filter__item,
    html:not([data-theme]) body.productcard .review__was-helpful-button {
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body.productcard .filter__item--has-selection .filter__title {
        color: var(--c-accent-supportive) !important;
    }
    
    html:not([data-theme]) body.productcard .review__item--most-helpful {
        background-color: hsl(0deg 0% 100% / 9%);
    }
    
    html:not([data-theme]) body.productcard .review-preview__content:before {
        background: linear-gradient(180deg, rgba(48, 48, 48, 0), rgba(48, 48, 48, 1)) !important;
    }
    
    html:not([data-theme]) body.productcard .review-new .review-new__input,
    html:not([data-theme]) body.productcard .review-new .review-new__textarea {
        background-color: var(--c-background) !important;
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body.productcard .review-new .cancel-button {
        background-color: var(--c-ui-tertiary) !important;
        background-image: none !important;
        color: var(--c-text-primary) !important;
    }
    
    html:not([data-theme]) body.productcard .review-new .cancel-button:hover,
    html:not([data-theme]) body.productcard .edition-picker-list__item:hover {
        background-color: var(--c-ui-primary--hover-lighten) !important;
    }
    
    html:not([data-theme]) body.productcard .review-new .save-button * {
        color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body.productcard .critics-ratings .circle-score__background,
    html:not([data-theme]) body.productcard .critics-ratings .circle-score__stroke {
        stroke: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body.productcard .critics-reviews-wrapper a {
        background-color: var(--c-ui-primary) !important;
    }
    
    /*Mods*/
    html:not([data-theme]) body.productcard .mod-banner {
        background-color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body.productcard .mod-banner__require--warning,
    html:not([data-theme]) body.productcard .mod-banner__require--warning * {
        color: var(--c-ui-primary) !important;
    }
    
    /*Game tile*/
    html:not([data-theme]) body.productcard .product-tile__label--in-cart,
    html:not([data-theme]) body.productcard .product-tile__label--is-wishlisted {
        background: var(--c-accent-supportive) !important;
    }
    
    /*User settings*/
    html:not([data-theme]) body .settings__nav,
    html:not([data-theme]) body .order-item__header,
    html:not([data-theme]) body .accordion__body,
    html:not([data-theme]) body .accordion__body:before {
        background-color: var(--c-ui-secondary) !important;
    }
    
    html:not([data-theme]) body .settings__nav-link {
        background-color: var(--c-ui-primary) !important;
        color: var(--c-text-primary) !important;
    }
    
    html:not([data-theme]) body .settings-item__section,
    html:not([data-theme]) body .settings-list,
    html:not([data-theme]) body .accordion__body:before{
        border-color: var(--c-ui-secondary) !important;
    }
    
    html:not([data-theme]) body .accordion__body:before {
        box-shadow: none !important;
    }
    
    html:not([data-theme]) body .input {
        background-color: var(--c-ui-primary--hover-lighten) !important;
        border-color: var(--c-ui-primary--hover-lighten) !important;
        color: var(--c-text-primary) !important;
    }
    
    html:not([data-theme]) body .input::placeholder {
        color: var(--c-ui-secondary) !important;
    }
    
    html:not([data-theme]) body .tag-item {
        background: none !important;
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .universe .content .alert,
    html:not([data-theme]) body .universe .content .order-message__content *,
    html:not([data-theme]) body .universe .content .order-message {
        color: var(--c-accent-contrast) !important;
    }
    
    html:not([data-theme]) body .alert-icon path {
        stroke: var(--c-accent-contrast) !important;
    }
    
    html:not([data-theme]) body .two-factors-item,
    html:not([data-theme]) body .external-accounts-connections__item {
        background: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .product-btn {
        background-color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .temp-support-button[aria-label="support"] {
        background: var(--c-background) !important;
        border-image-source: none !important;
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .temp-support-button.active {
        border-color: var(--c-accent-supportive) !important;
    }
    
    html:not([data-theme]) body .settings-layout .orders-header__search.is-search-active {
        background-color: var(--c-ui-primary) !important;
    }
    
    /*Legacy screens*/
    html:not([data-theme]) body .universe .content,
    html:not([data-theme]) body .temp-support-support-custom,
    html:not([data-theme]) body .promo-code-input {
        background-color: var(--c-background) !important;
    }
    html:not([data-theme]) body .universe .content * {
        color: var(--c-text-primary) !important;
    }
    
    html:not([data-theme]) body .universe .content .page-header,
    html:not([data-theme]) body .universe .content .filter,
    html:not([data-theme]) body .wallet-funds-box,
    html:not([data-theme]) body .promo-code-wrapper,
    html:not([data-theme]) body .promo-code,
    html:not([data-theme]) body .temp-support-support-custom,
    html:not([data-theme]) body .temp-support-support-custom-currency,
    html:not([data-theme]) body .promo-code-input {
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .promo-code-input::placeholder {
        color: var(--c-ui-secondary) !important;
    }   
    
    html:not([data-theme]) body .universe .content .filter.filter--search {
        background-color: var(--c-background) !important;
    }
    
    html:not([data-theme]) body .filter.is-contracted:hover {
        background-color: var(--c-ui-primary--hover-lighten) !important;
    }
    
    html:not([data-theme]) body .filter.is-contracted:hover .filter__input {
        background-color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .universe .content .filter-checkbox {
        color: var(--c-ui-secondary) !important;
    }
    
    html:not([data-theme]) body ._dropdown__items > * {
        background-color: var(--c-ui-primary--hover-lighten) !important;
        border-color: var(--c-ui-primary--hover-lighten) !important;
    }
    
    html:not([data-theme]) body ._dropdown__pointer-up:after {
        background-color: var(--c-ui-primary--hover-lighten) !important;
    }
    
    html:not([data-theme]) body .universe .content hr {
        background-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .universe .content .product-row,
    html:not([data-theme]) body .universe .content .account__filters .module {
        background-color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body ._dropdown__items ._dropdown__item {
        background: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .universe .content .product-row,
    html:not([data-theme]) body ._dropdown__items ._dropdown__item,
    html:not([data-theme]) body .form__row {
        border-color: var(--c-ui-tertiary) !important;
    }
    
    html:not([data-theme]) body .module {
        background: var(--c-ui-primary) !important;
    }   
    
    /*Wallet*/
    html:not([data-theme]) body .wallet-header {
        background: transparent !important;
    }
    
    html:not([data-theme]) body .wallet-amount,
    html:not([data-theme]) body .module__bottom,
    html:not([data-theme]) body .is-selected .label__icon--radio:before {
        background: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .img-card--visa {
        filter: invert(1) grayscale(1);
        -webkit-filter: invert(1) grayscale(1);
    }
    
    html:not([data-theme]) body .accordion__label.is-active {
        box-shadow: none !important;
    }
    
    html:not([data-theme]) body .form__row--interactive:hover {
        background-color: var(--c-ui-primary--hover-lighten) !important;
    }
    
    html:not([data-theme]) body .is-selected .label__icon--radio {
        background-color: var(--c-accent-supportive) !important;
    }
    
    html:not([data-theme]) body .order__games .product-row.is-highlighted {
        background-color: rgba(255, 226, 0, 0.12) !important;
    }

    /*Checkout*/
    html:not([data-theme]) body div.order .adyen-checkout__field .adyen-checkout__input-wrapper .adyen-checkout__input {
        background-color: var(--c-background) !important;
        border-width: 0 !important;
    }

    html:not([data-theme]) body div.order .fieldset span.input-wrapper input.input--large,
    html:not([data-theme]) body div.order .fieldset textarea.input--large {
        background-color: var(--c-background) !important;
        border-width: 0 !important;
    }

    html:not([data-theme]) body div.order .fieldset .input-wrapper .message--error {
        color: #f25100 !important;
        background: transparent !important;
    }
    
    /*General*/
    html:not([data-theme]) body .btn--gray,
    html:not([data-theme]) body .universe .btn--gray,
    html:not([data-theme]) body .btn-red {
        background-color: var(--c-ui-primary) !important;
        border-color: var(--c-ui-tertiary) !important;
        color: var(--c-ui-primary) !important;
    }
    
    /*Modals*/
    html:not([data-theme]) body ._modal__content-wrapper form.form {
        background: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .title-label.small.mod {
        color: var(--c-text-primary) !important;
    }

    /*Articles and news*/
    html:not([data-theme]) body .article__body a {
        text-decoration: underline !important;
    }

    /*Forum*/
    html:not([data-theme]) body.page_forum {
        background-color: #676767 !important;
    }
    
    /*Free games collection page*/
    html:not([data-theme]) body .wrapper.cf .content.cf{
        background: var(--c-background) !important;
    }

    html:not([data-theme]) body .social-btn.social-btn--fb,
    html:not([data-theme]) body .social-btn.social-btn--tw {
        background: var(--c-ui-primary) !important;
    }

    /*Work with us / Careers*/
    html:not([data-theme]) body .job-company__section--jobs,
    html:not([data-theme]) body .job-listings-footer--menu{
        background-color: var(--c-background) !important;
        background-image: none !important;
    }

    html:not([data-theme]) body .job-listings-footer {
        background-color: var(--c-ui-primary) !important;
        background-image: none !important;
    }

    html:not([data-theme]) body .job-listings-footer .cdp-offers-btn {
        color: var(--c-accent-contrast) !important;
    }

    html:not([data-theme]) body .job-listings .job-listings-search-input {
        background-color: var(--c-ui-primary) !important;
    }
    
    html:not([data-theme]) body .job-listings .offer-wrapper {
        background-color: var(--c-ui-primary) !important;
    }

    html:not([data-theme]) body .job-offer-background {
        background-color: var(--c-background) !important;
    }

    html:not([data-theme]) body .job-offer-background .job-offer {
        background-color: var(--c-ui-primary) !important;
    }

    html:not([data-theme]) body .job-offer-breadcrumb {
        border-color: var(--c-ui-tertiary) !important;
    }
    html:not([data-theme]) body .job-offer-breadcrumb .breadcrumb-button {
        border-color: var(--c-ui-hover) !important;
    }

    /*Galaxy landing page*/
    html:not([data-theme]) body .glx-wrapper {
        background-color: #090813 !important;
    }

    /*Mods promo page*/
    html:not([data-theme]) body .accordion-item {
        background-color: var(--c-ui-primary) !important;
        color: var(--c-text-primary) !important;
        background-image: none !important;
    }

    html:not([data-theme]) body ._cs-left,
    html:not([data-theme]) body ._cs-right {
        background-color: var(--c-background) !important;
    }
}
 
/* Dark mode for explicit dark theme */
html[data-theme="dark"] body {
    --c-background: rgb(33, 33, 33);
    --c-accent: rgb(201, 154, 255);
    --c-accent-supportive: rgb(179, 112, 255);
    --c-accent-contrast: rgb(0, 0, 0);
    --c-ui-primary: rgb(48, 48, 48);
    --c-ui-primary--hover-lighten: #3d3d3d;
    --c-ui-primary--active-lighten: #565656;
    --c-ui-secondary: rgb(88, 88, 88);
    --c-ui-tertiary: rgb(64, 64, 64);
    --c-text-primary: rgb(242, 242, 242);
    --c-text-secondary: rgb(237, 237, 237);
    --c-text-tertiary: rgb(217, 217, 217);
    --c-contrast: rgb(255, 255, 255);
    --c-contrast-85: rgba(255, 255, 255, .85);
    --c-contrast-20: rgba(255, 255, 255, .2);
    --c-contrast-15: rgba(255, 255, 255, .15);
    --c-contrast-10: rgba(255, 255, 255, .1);
    --c-ui-hover: rgba(201, 154, 255, .7);
    --c-button-primary-disabled-content: rgba(255, 255, 255, .85);
    --gradient-button-accent-body: linear-gradient(180deg, rgb(214, 178, 255), rgb(201, 154, 255));
    --gradient-button-accent-border: linear-gradient(180deg, rgb(225, 199, 255), rgb(197, 139, 255));
    --gradient-button-accent-disabled: linear-gradient(180deg, rgba(214, 178, 255, .3), rgba(201, 154, 255, .3));
    --c-button-accent-content: rgb(0, 0, 0);
    --c-button-accent-pressed-body: rgb(201, 154, 255);
    --c-button-accent-pressed-border: rgb(197, 139, 255);
    --c-button-accent-disabled-content: rgba(255, 255, 255, .85);
    --gradient-button-secondary-body: linear-gradient(180deg, rgb(107, 107, 107), rgb(88, 88, 88));
    --gradient-button-secondary-border: linear-gradient(180deg, rgb(132, 132, 132), rgb(88, 88, 88));
    --gradient-button-secondary-disabled: linear-gradient(180deg, rgba(242, 242, 242, .3), rgba(237, 237, 237, .3));
    --c-button-secondary-content: rgb(255, 255, 255);
    --c-button-secondary-pressed-body: rgb(88, 88, 88);
    --c-button-secondary-pressed-border: rgb(64, 64, 64);
    --c-button-secondary-disabled-content: rgba(255, 255, 255, .85);
    --c-usp-tooltip-bg: var(--c-background);
    --c-dots-loader: rgb(0, 0, 0);
    --c-dots-loader-opacity: rgba(0, 0, 0, .2);
    --c-tile-type-label-mod-bg: rgb(0, 106, 208);
    --c-wishlist-content: rgb(237, 237, 237);
    --c-badge-text: rgb(48, 48, 48);
    --c-badge-bg: rgba(0, 0, 0, 0);
    --c-badge-bg-dlc: rgb(242, 242, 242);
    --c-badge-bg-mod: rgb(0, 106, 208);
    background-color: var(--c-background) !important;
}

html[data-theme="dark"] body h1 {
    color: var(--c-text-primary) !important;
}

html[data-theme="dark"] body .hint,
html[data-theme="dark"] body .captchaText,
html[data-theme="dark"] body .captchaText a {
    color: var(--c-text-primary) !important;
}

/*Menu*/
html[data-theme="dark"] body .menu-submenu * {
    color: var(--c-text-primary) !important;
}

html[data-theme="dark"] body .menu-item .menu-triangle {
    border-bottom-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .menu-item .menu-submenu::after,
html[data-theme="dark"] body .menu-cart-item,
html[data-theme="dark"] body .menu-search__result,
html[data-theme="dark"] body .menu-search__results,
html[data-theme="dark"] body .menu-search__results .list--rows,
html[data-theme="dark"] body .menu-tray .menu-submenu > div {
    background: var(--c-ui-primary) !important;
}

@media (max-width: 46em) {
    html[data-theme="dark"] body .menu-tray .menu-submenu > div {
        background-color: var(--c-background) !important;
    }

    html[data-theme="dark"] body .menu-header.menu-account__user  {
        background: var(--c-ui-primary) !important;
    }

    html[data-theme="dark"] body .menu-submenu {
        background-color: var(--c-background) !important;
    }
}

html[data-theme="dark"] body .menu-submenu .menu-submenu-separator,
html[data-theme="dark"] body .menu-submenu > div hr {
    background: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .menu-inside-category__title,
html[data-theme="dark"] body .universe .content .product-title__flag--new {
    color: var(--c-accent-contrast) !important;
}

html[data-theme="dark"] body .menu-submenu-item.is-active .menu-submenu-link, 
html[data-theme="dark"] body .menu-submenu-item.menu-submenu-item--hover:hover .menu-submenu-link {
    background: var(--c-background) !important;
}

html[data-theme="dark"] body .menu-category-btn,
html[data-theme="dark"] body .menu-btn {
    color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .menu-header,
html[data-theme="dark"] body .menu-product  {
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .menu-header,
html[data-theme="dark"] body .menu-search-toolbar,
html[data-theme="dark"] body .menu-item .menu-submenu.menu-search::after {
    background: transparent !important;
}

html[data-theme="dark"] body .menu__container .menu-header hr {
    color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .is-active .menu-submenu-icon {
    fill: var(--c-contrast) !important;
}

html[data-theme="dark"] body .menu-language-and-currency {
    background-image: none !important;
    background-color: var(--c-ui-primary) !important;
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .menu-color-mode .active-mode-tick-icon {
    fill: var(--c-contrast) !important;
}

html[data-theme="dark"] body .menu-product .menu-search__product-wishlist svg {
    stroke: var(--c-contrast) !important;
}

html[data-theme="dark"] body mark.highlighted,
html[data-theme="dark"] body .menu-collection__name,
html[data-theme="dark"] body .menu-inside-category .menu-btn--full,
html[data-theme="dark"] body .menu-cdpr-category__link--button {
    color: var(--c-accent-contrast) !important;
}

html[data-theme="dark"] body .menu-btn--full {
    color: var(--c-contrast) !important;
}

html[data-theme="dark"] body .menu-product--grid .menu-product__content {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .menu-category-item .product-state__price,
html[data-theme="dark"] body .menu-category-item .product-state__is-free {
    color: var(--c-text-primary) !important;
}

html[data-theme="dark"] body .menu-account__list {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .menu-notification {
    border-bottom-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .menu-notification:not(.is-special):hover {
    background-color: var(--c-ui-primary--hover-lighten) !important;
}

html[data-theme="dark"] body  .menu-tray .menu-submenu .menu-search-toolbar {
    background: transparent !important;
}

/*Product card*/
html[data-theme="dark"] body.productcard,
html[data-theme="dark"] body.productcard .age-gate {
    background: var(--c-background) !important;
}

html[data-theme="dark"] body.productcard hr {
    background: var(--c-ui-tertiary) !important;
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body.productcard .productcard-background {
    opacity: 0.03 !important;
}
html[data-theme="dark"] body.productcard .productcard-background:before {
    background: linear-gradient(180deg, hsla(0, 0%, 85%, 0) 0, var(--c-background)) !important;
}

html[data-theme="dark"] body.productcard .review-guidelines__wrapper {
    background: var(--c-background) !important;
}

/*Slider*/
html[data-theme="dark"] body.productcard .productcard-slider__nav-icon {
    opacity: 0.5 !important;
}

html[data-theme="dark"] body.productcard .productcard-slider__nav-icon:hover {
    opacity: 1 !important;
}

html[data-theme="dark"] body.productcard .productcard-slider-pagination__page-marker:before {
    background: var(--c-ui-primary--active-lighten) !important;
}

html[data-theme="dark"] body.productcard .productcard-slider-pagination__page-marker.is-selected:before,
html[data-theme="dark"] body.productcard .edition-picker-list__item.is-selected .edition-picker-list__checkbox:before {
    background: var(--c-accent-supportive) !important;
}

/*Elevated elements*/
html[data-theme="dark"] body.productcard .edition-picker__trigger{ 
    background: var(--c-background) !important;
}

html[data-theme="dark"] body.productcard .product-actions,
html[data-theme="dark"] body.productcard .series__buy-all,
html[data-theme="dark"] body.productcard .howlongtobeat-box,
html[data-theme="dark"] body.productcard .dropdown__layer,
html[data-theme="dark"] body.productcard .dropdown__layer:hover {
    background: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body.productcard .dropdown__trigger:before {
    border-bottom-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body.productcard .edition-picker__trigger,
html[data-theme="dark"] body.productcard .product-actions,
html[data-theme="dark"] body.productcard .series__buy-all,
html[data-theme="dark"] body.productcard .howlongtobeat-box,
html[data-theme="dark"] body.productcard .product-actions span,
html[data-theme="dark"] body.productcard .howlongtobeat-box span,
html[data-theme="dark"] body.productcard .product-tile--list.product-tile .product-tile__title {
    color: var(--c-text-primary) !important;
}

/*Labels*/
html[data-theme="dark"] body.productcard .product-tile__label--in-cart {
    color: var(--c-incart-content) !important;
}
html[data-theme="dark"] body.productcard .owned-status {
    background-color: var(--c-ui-primary) !important;
}

/*Icons*/
html[data-theme="dark"] body.productcard svg symbol > g > g,
html[data-theme="dark"] body svg symbol#icon-padlock path:nth-child(2),
html[data-theme="dark"] body svg symbol#icon-deletion path,
html[data-theme="dark"] body svg symbol#icon-deletion circle,
html[data-theme="dark"] body svg symbol#icon-chevron path {
    fill: var(--c-contrast) !important;
}

html[data-theme="dark"] body.productcard svg symbol#add-to-cart path,
html[data-theme="dark"] body.productcard svg symbol#button-add-to-cart path,
html[data-theme="dark"] body.productcard svg symbol#button-in-cart path,
html[data-theme="dark"] body.productcard svg symbol#in-cart path {
    fill: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body.productcard svg symbol#mod-about-trophy path,
html[data-theme="dark"] body.productcard svg symbol#mod-about-gift path,
html[data-theme="dark"] body.productcard svg symbol#mod-about-cursor path,
html[data-theme="dark"] body svg symbol#icon-deletion path[stroke] {
    stroke: var(--c-contrast) !important;
}

html[data-theme="dark"] body.productcard svg symbol#hltb-main g *,
html[data-theme="dark"] body.productcard svg symbol#hltb-main-plus g *,
html[data-theme="dark"] body.productcard svg symbol#hltb-completionist g *,
html[data-theme="dark"] body.productcard svg symbol#hltb-combined g *,
html[data-theme="dark"] body.productcard svg symbol#bulb {
    stroke: var(--c-ui-secondary);
}

html[data-theme="dark"] body.productcard svg symbol#chevron-left > g > g,
html[data-theme="dark"] body.productcard svg symbol#chevron-right > g > g {
    fill: none !important;
}

html[data-theme="dark"] body.productcard .system-requirements-selector__item svg,
html[data-theme="dark"] body.productcard svg symbol#audio path {
    fill: var(--c-ui-secondary) !important;
}

html[data-theme="dark"] body.productcard .system-requirements-selector__item--selected svg {
    fill: var(--c-accent-supportive) !important;
}

html[data-theme="dark"] body.productcard .system-requirements-selector__item--selected:before {
    background-color: var(--c-accent-supportive) !important;
}

html[data-theme="dark"] body .game-details {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .game-details:before {
    opacity: 0.1 !important;
}

/*Texts and game product body */
html[data-theme="dark"] body.productcard h1,
html[data-theme="dark"] body.productcard h2,
html[data-theme="dark"] body.productcard h3,
html[data-theme="dark"] body.productcard p:not(.average-item__numbers),
html[data-theme="dark"] body.productcard .table-header, 
html[data-theme="dark"] body.productcard .table__row-label,
html[data-theme="dark"] body .product-tile-wrapper .product-tile,
html[data-theme="dark"] body .product-tile-wrapper .operating-system,
html[data-theme="dark"] body.productcard button.cart-button span.cart-button__state-owned{
    color: var(--c-text-primary) !important;
}

html[data-theme="dark"] body.productcard .description .module,
html[data-theme="dark"] body.productcard .product-tile__content,
html[data-theme="dark"] body.productcard .goodies__cell.is-hovering, 
html[data-theme="dark"] body.productcard .goodies__cell.is-selected,
html[data-theme="dark"] body .product-tile-wrapper {
    background: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body.productcard .goodies__edition.is-selected .goodies__checkbox,
html[data-theme="dark"] body.productcard .edition-picker-list__item.is-selected .edition-picker-list__checkbox {
    border-color: var(--c-accent-supportive) !important;
}

html[data-theme="dark"] body.productcard .goodies__edition.is-selected .goodies__checkbox:before {
    background-color: var(--c-accent-supportive) !important;
}

html[data-theme="dark"] body.productcard .goodies__label.is-selected,
html[data-theme="dark"] body.productcard .edition-picker-list__item.is-selected .edition-picker-list__edition-nam {
    color: var(--c-accent-supportive) !important;
}

html[data-theme="dark"] body.productcard button.go-to-library-button{
    color: var(--c-ui-primary) !important; 
    background: transparent !important;
    box-shadow: none !important;
    border: 1px solid var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body.productcard svg symbol#all-games path {
    fill: var(--c-text-primary) !important;
}

/*Table*/
html[data-theme="dark"] body.productcard .table-header, 
html[data-theme="dark"] body.productcard .table__row-label,
html[data-theme="dark"] body.productcard .average-body,
html[data-theme="dark"] body.productcard .title,
html[data-theme="dark"] body.productcard .product-actions__promo-end-date,
html[data-theme="dark"] body.productcard .goodies__cell,
html[data-theme="dark"] body.productcard .edition-picker-list__item {
    border-color: var(--c-ui-tertiary) !important;
}

/*Button*/
html[data-theme="dark"] body.productcard button.cart-button span,
html[data-theme="dark"] body.productcard button.series__buy-all-button,
html[data-theme="dark"] body .button.secondary {
    color: var(--c-ui-primary) !important;
}

/*Checkboxes*/
html[data-theme="dark"] body.productcard .option-icon--selected {
    fill: var(--c-accent-supportive) !important;
}

/*Exclusions*/
html[data-theme="dark"] .gog-pp-banner__preservation-button {
    color: var(--c-accent-contrast) !important;
}

/*Reviews*/
html[data-theme="dark"] body.productcard .review__top-bar,
html[data-theme="dark"] body.productcard .review-new,
html[data-theme="dark"] body.productcard .reviews-slider__review-preview {
    background-color: var(--c-ui-primary) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.productcard .filter__item,
html[data-theme="dark"] body.productcard .review__was-helpful-button {
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body.productcard .filter__item--has-selection .filter__title {
    color: var(--c-accent-supportive) !important;
}

html[data-theme="dark"] body.productcard .review__item--most-helpful {
    background-color: hsl(0deg 0% 100% / 9%);
}

html[data-theme="dark"] body.productcard .review-preview__content:before {
    background: linear-gradient(180deg, rgba(48, 48, 48, 0), rgba(48, 48, 48, 1)) !important;
}

html[data-theme="dark"] body.productcard .review-new .review-new__input,
html[data-theme="dark"] body.productcard .review-new .review-new__textarea {
    background-color: var(--c-background) !important;
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body.productcard .review-new .cancel-button {
    background-color: var(--c-ui-tertiary) !important;
    background-image: none !important;
    color: var(--c-text-primary) !important;
}

html[data-theme="dark"] body.productcard .review-new .cancel-button:hover,
html[data-theme="dark"] body.productcard .edition-picker-list__item:hover {
    background-color: var(--c-ui-primary--hover-lighten) !important;
}

html[data-theme="dark"] body.productcard .review-new .save-button * {
    color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body.productcard .critics-ratings .circle-score__background,
html[data-theme="dark"] body.productcard .critics-ratings .circle-score__stroke {
    stroke: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body.productcard .critics-reviews-wrapper a {
    background-color: var(--c-ui-primary) !important;
}

/*Mods*/
html[data-theme="dark"] body.productcard .mod-banner {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body.productcard .mod-banner__require--warning,
html[data-theme="dark"] body.productcard .mod-banner__require--warning * {
    color: var(--c-ui-primary) !important;
}

/*Game tile*/
html[data-theme="dark"] body.productcard .product-tile__label--in-cart,
html[data-theme="dark"] body.productcard .product-tile__label--is-wishlisted {
    background: var(--c-accent-supportive) !important;
}

/*User settings*/
html[data-theme="dark"] body .settings__nav,
html[data-theme="dark"] body .order-item__header,
html[data-theme="dark"] body .accordion__body,
html[data-theme="dark"] body .accordion__body:before {
    background-color: var(--c-ui-secondary) !important;
}

html[data-theme="dark"] body .settings__nav-link {
    background-color: var(--c-ui-primary) !important;
    color: var(--c-text-primary) !important;
}

html[data-theme="dark"] body .settings-item__section,
html[data-theme="dark"] body .settings-list,
html[data-theme="dark"] body .accordion__body:before{
    border-color: var(--c-ui-secondary) !important;
}

html[data-theme="dark"] body .accordion__body:before {
    box-shadow: none !important;
}

html[data-theme="dark"] body .input {
    background-color: var(--c-ui-primary--hover-lighten) !important;
    border-color: var(--c-ui-primary--hover-lighten) !important;
    color: var(--c-text-primary) !important;
}

html[data-theme="dark"] body .input::placeholder {
    color: var(--c-ui-secondary) !important;
}

html[data-theme="dark"] body .tag-item {
    background: none !important;
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .universe .content .alert,
html[data-theme="dark"] body .universe .content .order-message__content *,
html[data-theme="dark"] body .universe .content .order-message {
    color: var(--c-accent-contrast) !important;
}

html[data-theme="dark"] body .alert-icon path {
    stroke: var(--c-accent-contrast) !important;
}

html[data-theme="dark"] body .two-factors-item,
html[data-theme="dark"] body .external-accounts-connections__item {
    background: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .product-btn {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .temp-support-button[aria-label="support"] {
    background: var(--c-background) !important;
    border-image-source: none !important;
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .temp-support-button.active {
    border-color: var(--c-accent-supportive) !important;
}

html[data-theme="dark"] body .settings-layout .orders-header__search.is-search-active {
    background-color: var(--c-ui-primary) !important;
}

/*Legacy screens*/
html[data-theme="dark"] body .universe .content,
html[data-theme="dark"] body .temp-support-support-custom,
html[data-theme="dark"] body .promo-code-input {
    background-color: var(--c-background) !important;
}
html[data-theme="dark"] body .universe .content * {
    color: var(--c-text-primary) !important;
}

html[data-theme="dark"] body .universe .content .page-header,
html[data-theme="dark"] body .universe .content .filter,
html[data-theme="dark"] body .wallet-funds-box,
html[data-theme="dark"] body .promo-code-wrapper,
html[data-theme="dark"] body .promo-code,
html[data-theme="dark"] body .temp-support-support-custom,
html[data-theme="dark"] body .temp-support-support-custom-currency,
html[data-theme="dark"] body .promo-code-input {
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .promo-code-input::placeholder {
    color: var(--c-ui-secondary) !important;
}   

html[data-theme="dark"] body .universe .content .filter.filter--search {
    background-color: var(--c-background) !important;
}

html[data-theme="dark"] body .filter.is-contracted:hover {
    background-color: var(--c-ui-primary--hover-lighten) !important;
}

html[data-theme="dark"] body .filter.is-contracted:hover .filter__input {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .universe .content .filter-checkbox {
    color: var(--c-ui-secondary) !important;
}

html[data-theme="dark"] body ._dropdown__items > * {
    background-color: var(--c-ui-primary--hover-lighten) !important;
    border-color: var(--c-ui-primary--hover-lighten) !important;
}

html[data-theme="dark"] body ._dropdown__pointer-up:after {
    background-color: var(--c-ui-primary--hover-lighten) !important;
}

html[data-theme="dark"] body .universe .content hr {
    background-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .universe .content .product-row,
html[data-theme="dark"] body .universe .content .account__filters .module {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body ._dropdown__items ._dropdown__item {
    background: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .universe .content .product-row,
html[data-theme="dark"] body ._dropdown__items ._dropdown__item,
html[data-theme="dark"] body .form__row {
    border-color: var(--c-ui-tertiary) !important;
}

html[data-theme="dark"] body .module {
    background: var(--c-ui-primary) !important;
}   

/*Wallet*/
html[data-theme="dark"] body .wallet-header {
    background: transparent !important;
}

html[data-theme="dark"] body .wallet-amount,
html[data-theme="dark"] body .module__bottom,
html[data-theme="dark"] body .is-selected .label__icon--radio:before {
    background: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .img-card--visa {
    filter: invert(1) grayscale(1);
    -webkit-filter: invert(1) grayscale(1);
}

html[data-theme="dark"] body .accordion__label.is-active {
    box-shadow: none !important;
}

html[data-theme="dark"] body .form__row--interactive:hover {
    background-color: var(--c-ui-primary--hover-lighten) !important;
}

html[data-theme="dark"] body .is-selected .label__icon--radio {
    background-color: var(--c-accent-supportive) !important;
}

html[data-theme="dark"] body .order__games .product-row.is-highlighted {
    background-color: rgba(255, 226, 0, 0.12) !important;
}

/*Checkout*/
html[data-theme="dark"] body div.order .adyen-checkout__field .adyen-checkout__input-wrapper .adyen-checkout__input {
    background-color: rgb(129 129 129) !important;
    border-width: 0 !important;
}


html[data-theme="dark"] body div.order .fieldset span.input-wrapper input.input--large,
html[data-theme="dark"] body div.order .fieldset textarea.input--large {
    background-color: var(--c-background) !important;
    border-width: 0 !important;
}

html[data-theme="dark"] body div.order .fieldset .input-wrapper .message--error {
    color: #f25100 !important;
    background: transparent !important;
}

/*General*/
html[data-theme="dark"] body .btn--gray,
html[data-theme="dark"] body .universe .btn--gray,
html[data-theme="dark"] body .btn-red {
    background-color: var(--c-ui-primary) !important;
    border-color: var(--c-ui-tertiary) !important;
    color: var(--c-ui-primary) !important;
}

/*Modals*/
html[data-theme="dark"] body ._modal__content-wrapper form.form {
    background: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .title-label.small.mod {
    color: var(--c-text-primary) !important;
}

/*Articles and news*/
html[data-theme="dark"] body .article__body a {
    text-decoration: underline !important;
}

/*Forum*/
html[data-theme="dark"] body.page_forum {
    background-color: #676767 !important;
}

/*Free games collection page*/
html[data-theme="dark"] body .wrapper.cf .content.cf{
    background: var(--c-background) !important;
}

html[data-theme="dark"] body .social-btn.social-btn--fb,
html[data-theme="dark"] body .social-btn.social-btn--tw {
    background: var(--c-ui-primary) !important;
}

/*Work with us / Careers*/
html[data-theme="dark"] body .job-company__section--jobs,
html[data-theme="dark"] body .job-listings-footer--menu{
    background-color: var(--c-background) !important;
    background-image: none !important;
}

html[data-theme="dark"] body .job-listings-footer {
    background-color: var(--c-ui-primary) !important;
    background-image: none !important;
}

html[data-theme="dark"] body .job-listings-footer .cdp-offers-btn {
    color: var(--c-accent-contrast) !important;
}

html[data-theme="dark"] body .job-listings .job-listings-search-input {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .job-listings .offer-wrapper {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .job-offer-background {
    background-color: var(--c-background) !important;
}

html[data-theme="dark"] body .job-offer-background .job-offer {
    background-color: var(--c-ui-primary) !important;
}

html[data-theme="dark"] body .job-offer-breadcrumb {
    border-color: var(--c-ui-tertiary) !important;
}
html[data-theme="dark"] body .job-offer-breadcrumb .breadcrumb-button {
    border-color: var(--c-ui-hover) !important;
}

/*Galaxy landing page*/
html[data-theme="dark"] body .glx-wrapper {
    background-color: #090813 !important;
}

/*Mods promo page*/
html[data-theme="dark"] body .accordion-item {
    background-color: var(--c-ui-primary) !important;
    color: var(--c-text-primary) !important;
    background-image: none !important;
}

html[data-theme="dark"] body ._cs-left,
html[data-theme="dark"] body ._cs-right {
    background-color: var(--c-background) !important;
}

html[data-theme="dark"] body div.order .adyen-checkout__field .adyen-checkout__input-wrapper .adyen-checkout__input {
    background-color: rgb(129 129 129) !important;
    border-width: 0 !important;
}

/* Force dark mode for embed mode (GALAXY) */
html.embed-mode body {
    --c-background: rgb(33, 33, 33);
    --c-accent: rgb(201, 154, 255);
    --c-accent-supportive: rgb(179, 112, 255);
    --c-accent-contrast: rgb(0, 0, 0);
    --c-ui-primary: rgb(48, 48, 48);
    --c-ui-primary--hover-lighten: #3d3d3d;
    --c-ui-primary--active-lighten: #565656;
    --c-ui-secondary: rgb(88, 88, 88);
    --c-ui-tertiary: rgb(64, 64, 64);
    --c-text-primary: rgb(242, 242, 242);
    --c-text-secondary: rgb(237, 237, 237);
    --c-text-tertiary: rgb(217, 217, 217);
    --c-contrast: rgb(255, 255, 255);
    --c-contrast-85: rgba(255, 255, 255, .85);
    --c-contrast-20: rgba(255, 255, 255, .2);
    --c-contrast-15: rgba(255, 255, 255, .15);
    --c-contrast-10: rgba(255, 255, 255, .1);
    --c-ui-hover: rgba(201, 154, 255, .7);
    --c-button-primary-disabled-content: rgba(255, 255, 255, .85);
    --gradient-button-accent-body: linear-gradient(180deg, rgb(214, 178, 255), rgb(201, 154, 255));
    --gradient-button-accent-border: linear-gradient(180deg, rgb(225, 199, 255), rgb(197, 139, 255));
    --gradient-button-accent-disabled: linear-gradient(180deg, rgba(214, 178, 255, .3), rgba(201, 154, 255, .3));
    --c-button-accent-content: rgb(0, 0, 0);
    --c-button-accent-pressed-body: rgb(201, 154, 255);
    --c-button-accent-pressed-border: rgb(197, 139, 255);
    --c-button-accent-disabled-content: rgba(255, 255, 255, .85);
    --gradient-button-secondary-body: linear-gradient(180deg, rgb(107, 107, 107), rgb(88, 88, 88));
    --gradient-button-secondary-border: linear-gradient(180deg, rgb(132, 132, 132), rgb(88, 88, 88));
    --gradient-button-secondary-disabled: linear-gradient(180deg, rgba(242, 242, 242, .3), rgba(237, 237, 237, .3));
    --c-button-secondary-content: rgb(255, 255, 255);
    --c-button-secondary-pressed-body: rgb(88, 88, 88);
    --c-button-secondary-pressed-border: rgb(64, 64, 64);
    --c-button-secondary-disabled-content: rgba(255, 255, 255, .85);
    --c-usp-tooltip-bg: var(--c-background);
    --c-dots-loader: rgb(0, 0, 0);
    --c-dots-loader-opacity: rgba(0, 0, 0, .2);
    --c-tile-type-label-mod-bg: rgb(0, 106, 208);
    --c-wishlist-content: rgb(237, 237, 237);
    --c-badge-text: rgb(48, 48, 48);
    --c-badge-bg: rgba(0, 0, 0, 0);
    --c-badge-bg-dlc: rgb(242, 242, 242);
    --c-badge-bg-mod: rgb(0, 106, 208);
    background-color: var(--c-background) !important;
}

/* Apply all dark mode styles to embed mode as well */
html.embed-mode body h1 {
    color: var(--c-text-primary) !important;
}

html.embed-mode body .hint,
html.embed-mode body .captchaText,
html.embed-mode body .captchaText a {
    color: var(--c-text-primary) !important;
}